<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "EUCKR";

/* reset */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, input, select, textarea
{ margin: 0; padding: 0; border: 0; font-size: 16px; vertical-align: baseline; background: transparent; font-family: "Noto Sans KR", Arial, sans-serif; font-weight: 400; line-height:150%; overflow-wrap: break-word; /* letter-spacing: -0.03em; */ }
main { display: block; }
img { max-width: 100%; vertical-align: middle; }
html {  scroll-behavior: smooth; }
body { line-height: 1; background:#f5f5f5;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, ol, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: inherit; text-decoration: none; outline: 0; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, textarea { vertical-align: middle; outline: 0; background:#fff;}
button { outline: 0; cursor: pointer; }
caption, legend, .sr-only, .blind, .IR { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 none; clip: rect(0, 0, 0, 0);}

::-webkit-input-placeholder { color: #aaa; }
::-moz-placeholder { color: #aaa; }
:-ms-input-placeholder { color: #aa; }
::-ms-input-placeholder { color: #aaa; }
::placeholder { color: #aaa; }


/* common */
.skip_navi a { overflow: hidden; position: absolute; left: 0; top: -9999px; z-index: 1010; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #1fa7f1; }
.skip_navi a:focus, .skip_navi a:active, .skip_navi a.nice-select.open { display: block; position: fixed; top: 0; }
.forP{}
.forM{display:none;}
.clearfix:after { content: ""; display: table; clear: both; }
.ir { position: absolute; font-size: 0; height: 0; text-indent: -9999%; }
.clear{clear:both;}
.inner{position:relative; clear:both; max-width:1400px; margin:0 auto;}
.inner.narrow{max-width:1200px;}
.L, .fl{width:48%; float:left;}
.R, .fr{width:48%; float:right;}
.alLeft{text-align:left !important;}
.alCenter{text-align:center !important;}
.alRight{text-align:right !important;}
.grayBg{background:#f5f5f5; padding:30px; border-radius:10px;}
.grayBorder{border:1px solid #ddd; padding:30px;}
.font_12{font-size:14px !important;}
.font_14{font-size:18px !important;}
.font_20{font-size:20px !important;}
.font_30{font-size:30px !important;}
.font_40{font-size:40px !important;}
.font_50{font-size:50px !important;}
.font_60{font-size:60px !important;}
.font_70{font-size:70px !important;}
.font_80{font-size:70px !important;}
.font_white{color:#fff !important; }
.font_black{color:#333 !important;}
.font_gray{color:#999 !important;}
.font_red{color:#cc0000 !important; }
.font_blue{color:#2e6bd7 !important; }
.font_weight300{font-weight:300 !important;}
.font_weight400{font-weight:400 !important;}
.font_weight500{font-weight:500 !important;}
.font_weight600{font-weight:600 !important;}

	@media all and (max-width:1024px){
		.font_12{font-size:13px !important;}
		.font_14{font-size:16px !important;}
		.font_20{font-size:18px !important;}
		.font_30{font-size:25px !important;}
		.font_40{font-size:32px !important;}
		.font_50{font-size:40px !important;}
		.font_60{font-size:50px !important;}
		.font_70{font-size:60px !important;}
		.font_80{font-size:60px !important;}
	}
	@media all and (max-width:768px){
		.forP{display:none !important;}
		.forM{display:block !important; margin:0 auto;}
		.L, .fl, .R, .fr{width:100%; float:none;}
		.grayBg{ padding:20px;}

		.font_12{font-size:12px !important;}
		.font_14{font-size:14px !important;}
		.font_20{font-size:18px !important;}
		.font_30{font-size:25px !important;}
		.font_40{font-size:32px !important;}
		.font_50{font-size:35px !important;}
		.font_60{font-size:50px !important;}
		.font_70{font-size:40px !important;}
		.font_80{font-size:35px !important;}
	}


/* layout */
.flex{display:flex;}
.flex .item{flex: 1;}
.flex .grow0{flex-grow: 0;}
.flex .grow1{flex-grow: 1;}
.flex .grow2{flex-grow: 2;}
.flex .grow3{flex-grow: 3;}
.flex .grow4{flex-grow: 4;}
.fx_row{flex-direction: row;}/*가로*/
.fx_column{flex-direction: column;}/*세로*/
.fx_alLeft{justify-content: flex-start;}
.fx_alCenter{justify-content: center;}
.fx_alRight{justify-content: flex-end;}
.fx_valLong{align-items: stretch;}
.fx_valTop{align-items: flex-start;}
.fx_valMiddle{align-items: center;}
.fx_valBottom{align-items: flex-end;}
	@media screen and ( max-width: 1024px ){
		.flex.respon100{flex-direction: column !important;}
	}


/* 폰트 */
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 300; src: url("/fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansKR-Light.woff2") format("woff2"), url("/fonts/NotoSansKR-Light.woff") format("woff"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 400; src: url("/fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansKR-Regular.woff2") format("woff2"), url("/fonts/NotoSansKR-Regular.woff") format("woff"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 500; src: url("/fonts/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansKR-Medium.woff2") format("woff2"), url("/fonts/NotoSansKR-Medium.woff") format("woff"); }
@font-face { font-family: 'NanumSquare'; font-weight: normal; font-style: normal; src: url("/fonts/NanumSquare.eot?#iefix") format('embedded-opentype'), url("/fonts/NanumSquare.woff2") format("woff2"), url("/fonts/NanumSquare.woff") format("woff"); }
@font-face { font-family: 'GmarketSansMedium'; font-weight: normal; font-style: normal; src: url('/fonts/GmarketSansMedium.woff') format('woff'); }
@font-face { font-family: 'Makgeolli'; font-weight: normal; font-style: normal; src: url('/fonts/Makgeolli.woff') format('woff'); }
@font-face { font-family: 'SangSangRock';  font-weight: normal; font-style: normal; src: url('/fonts/SangSangRockOTF.woff') format('woff'); }
.font_SangSangRock{ font-family: 'SangSangRock' !important;}
.font_Nanums{ font-family: 'NanumSquare' !important;}
.font_gmarket{font-family: 'GmarketSansMedium' !important;}
.font_makgeolli{font-family: 'Makgeolli' !important;}


/* 간격 */
.mt0{margin-top:0px !important} .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .mt25{margin-top:25px !important} .mt30{margin-top:30px !important} .mt35{margin-top:35px !important} .mt40{margin-top:40px !important} .mt45{margin-top:45px !important} .mt50{margin-top:50px !important} .mt55{margin-top:55px !important} .mt60{margin-top:60px !important} .mt65{margin-top:65px !important} .mt70{margin-top:70px !important} .mt75{margin-top:75px !important} .mt80{margin-top:80px !important;} .mt100{margin-top:100px !important;} .mt120{margin-top:120px !important;}
.ml0{margin-left:0px !important} .ml2{margin-left:2px !important} .ml5{margin-left:5px !important} .ml10{margin-left:10px !important} .ml15{margin-left:15px !important} .ml20{margin-left:20px !important} .ml25{margin-left:25px !important} .ml30{margin-left:30px !important} .ml35{margin-left:35px !important} .ml40{margin-left:40px !important} .ml45{margin-left:45px !important} .ml50{margin-left:50px !important} .ml55{margin-left:55px !important}  .ml60{margin-left:60px !important} .ml65{margin-left:65px !important} .ml70{margin-left:70px !important} .ml75{margin-left:75px !important} .ml80{margin-left:80px !important;}
.mr0{margin-right:0px !important} .mr2{margin-right:2px !important} .mr5{margin-right:5px !important} .mr10{margin-right:10px !important} .mr15{margin-right:15px !important} .mr20{margin-right:20px !important} .mr25{margin-right:25px !important} .mr30{margin-right:30px !important} .mr35{margin-right:35px !important} .mr40{margin-right:40px !important} .mr45{margin-right:45px !important} .mr50{margin-right:50px !important} .mr55{margin-right:55px !important} .mr60{margin-right:60px !important} .mr65{margin-right:65px !important} .mr70{margin-right:70px !important} .mr75{margin-right:75px !important} .mr80{margin-right:80px !important;} .mr130{margin-right:130px !important;}
.mb0{margin-bottom:0px !important} .mb5{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb15{margin-bottom:15px !important} .mb20{margin-bottom:20px !important} .mb25{margin-bottom:25px !important} .mb30{margin-bottom:30px !important} .mb35{margin-bottom:35px !important} .mb40{margin-bottom:40px !important} .mb45{margin-bottom:45px !important} .mb50{margin-bottom:50px !important} .mb55{margin-bottom:55px !important} .mb60{margin-bottom:60px !important} .mb65{margin-bottom:65px !important} .mb70{margin-bottom:70px !important} .mb75{margin-bottom:75px !important} .mb80{margin-bottom:80px !important;}

.pt0{padding-top:0px !important} .pt5{padding-top:5px !important} .pt10{padding-top:10px !important} .pt15{padding-top:15px !important} .pt20{padding-top:20px !important} .pt25{padding-top:25px !important} .pt30{padding-top:30px !important} .pt35{padding-top:35px !important} .pt40{padding-top:40px !important} .pt45{padding-top:45px !important} .pt50{padding-top:50px !important} .pt55{padding-top:55px !important} .pt60{padding-top:60px !important} .pt65{padding-top:65px !important} .pt70{padding-top:70px !important} .pt75{padding-top:75px !important}.pt80{padding-top:80px !important;}
.pl0{padding-left:0px !important} .pl5{padding-left:5px !important} .pl10{padding-left:10px !important} .pl15{padding-left:15px !important} .pl20{padding-left:20px !important} .pl25{padding-left:25px !important} .pl30{padding-left:30px !important} .pl35{padding-left:35px !important} .pl40{padding-left:40px !important} .pl45{padding-left:45px !important} .pl50{padding-left:50px !important} .pl55{padding-left:55px !important}  .pl60{padding-left:60px !important} .pl65{padding-left:65px !important} .pl70{padding-left:70px !important} .pl75{padding-left:75px !important} .pl80{padding-left:80px !important;}
.pr0{padding-right:0px !important} .pr5{padding-right:5px !important} .pr10{padding-right:10px !important} .pr15{padding-right:15px !important} .pr20{padding-right:20px !important} .pr25{padding-right:25px !important} .pr30{padding-right:30px !important} .pr35{padding-right:35px !important} .pr40{padding-right:40px !important} .pr45{padding-right:45px !important} .pr50{padding-right:50px !important} .pr55{padding-right:55px !important} .pr60{padding-right:60px !important} .pr65{padding-right:65px !important} .pr70{padding-right:70px !important} .pr75{padding-right:75px !important} .pr80{padding-right:80px !important;}
.pb0{padding-bottom:0px !important} .pb5{padding-bottom:5px !important} .pb10{padding-bottom:10px !important} .pb15{padding-bottom:15px !important} .pb20{padding-bottom:20px !important} .pb25{padding-bottom:25px !important} .pb30{padding-bottom:30px !important} .pb35{padding-bottom:35px !important} .pb40{padding-bottom:40px !important} .pb45{padding-bottom:45px !important} .pb50{padding-bottom:50px !important} .pb55{padding-bottom:55px !important} .pb60{padding-bottom:60px !important} .pb65{padding-bottom:65px !important} .pb70{padding-bottom:70px !important} .pb75{padding-bottom:75px !important} .pb80{padding-bottom:80px !important;}


/* Button */
.btnA{text-align:center;}
.btnA a, .btnA button{display:inline-block; font-size:24px; padding:25px 0px; color:#fff; background:#2e6bd7 ; border:1px solid #2e6bd7 ; position:relative; cursor:pointer; width:100%; text-align:Center; margin:5px 0; overflow:hidden; border-radius:10px; }
.btnA a i, .btnA button i{font-size:30px;}
.btnA a u{text-decoration:none; opacity:0.5;}
.btnA a:before, .btnA button:before{content:""; display:block; width:0%; height:100%; position:absolute; left:0; top:0; z-index:1; transition:all 0.5s ease; background:#003399;}
.btnA a:hover:before, .btnA button:hover:before{width:100%;}
.btnA a span, .btnA button span{position:relative; z-index:2; font-size:30px; color:#fff;}
.btnA a:hover span, .btnA button:hover span{color:#fff !important;}
.btnA a.small, .btnA button.small{font-size:18px !important;}
.btnA a.small span, .btnA button.small span{font-size:18px !important;}
.btnA a.small i, .btnA button.small i{font-size:18px;}
.btnA a.black, .btnA button.black{background:#000;  border:1px solid #000;}
.btnA a.black:before, .btnA button.black:before{background:#333;}
.btnA a.gray, .btnA button.gray{background:#666;  border:1px solid #666;}
.btnA a.gray:before, .btnA button.gray:before{background:#333;}
.btnA a.blue, .btnA button.blue{background:#00BEEC;}
.btnA a.blue:before, .btnA button.blue:before{background:#1284c5;}
.btnA a.white, .btnA button.white{background:#fff; color:#333; border:1px solid #ddd;}
.btnA a.white:before, .btnA button.white:before{background:#f1f1f1;}
.btnA a.white span, .btnA button.white span{color:#333 !important;}
.btnA a.none, .btnA button.none{background:none; border:1px solid #fff; color:#fff;}
.btnA a.none:before, .btnA button.none:before{background:#fff;}
.btnA a.none:hover span, .btnA button:hover span{color:#333 !important;}
.btnA a.none.on, .btnA button.none.on{background:#00cccc;}
.btnA a.radius, .btnA button.radius{ border-radius:50px; }
.btnA a.mint, .btnA button.mint{background:#00c2c4; border:1px solid #00c2c4;}
.btnA a.mint:before, .btnA button.mint:before{background:#079293;}
.btnA a.green, .btnA button.green{background:#0e9e7a; border:1px solid #0e9e7a;}
.btnA a.green:before, .btnA button.green:before{background:#008060;}
.btnA a.gradient, .btnA button.gradient{background: rgb(0,126,197); background: linear-gradient(90deg, rgba(0,126,197,1) 0%, rgba(0,165,86,1) 100%); border:none;}
.btnA a.gradient:before, .btnA button.gradient:before{background: rgb(0,126,197); background: linear-gradient(90deg, rgba(0,165,86,1) 0%, rgba(0,126,197,1) 100%);}

.btnA.auto a, .btnA.auto button{padding:15px 100px 15px; width:auto;}
.btnA.half a, .btnA.half button{padding:20px 10px 20px; width:45%;}
.btnA.half a span, .btnA.half button span{font-size:24px;}
.btnA.small{}
.btnA.small a, .btnA.small button{padding:8px 40px 10px; width:auto; margin:0 5px; }
.btnA.small a span, .btnA.small button span{font-size:18px;}
.btnA.small a i, .btnA.small button i{font-size:18px;}
.btnA.radius a, .btnA.radius button{border-radius:5px;}

.con_btn{text-align:right; padding-bottom:10px;}
.con_btn .con_btn_w{background:url("../images/btn_word_down.gif") 0 0 no-repeat;text-align:right;width:150px;height:25px;display:inline-block;text-align:left; font-size:13px;padding-left:10px;}
.con_btn .con_btn_h{background:url("../images/btn_hangeul_down.gif") 0 0 no-repeat;text-align:right;width:150px;height:25px;display:inline-block;text-align:left; font-size:13px;padding-left:10px;}
.con_btn .con_btn_n{background:url("../images/btn_null.gif") 0 0 no-repeat;width:150px;height:25px;display:inline-block;text-align:center; font-size:13px;padding-left:0px;}

.table_Btn{ width:780px; text-align:right; margin-top:20px;}
.table_Btn a{background:#0d928f;color:#ffffff;padding:4px 14px; border:1px;display:inline-block;font-weight:600; border:1px solid #027572;}
.table_Btn a:hover{color:#ffffff}
.table_Btn a.Tbtn01{background:#4078ab;color:#ffffff;padding:4px 14px; border:1px;display:inline-block;font-weight:600; border:1px solid #1260a9;}
.table_Btn a.Tbtn02{background:#774b98;color:#ffffff;padding:4px 14px; border:1px;display:inline-block;font-weight:600; border:1px solid #541b7f;}
.info_Btn_01{background:#8a4ebb;color:#ffffff;font-weight:600;padding:3px 5px; margin-right:8px; }

	@media screen and (max-width:1024px){
		.btnA.respon a, .btnA.respon button{width:100%;}
		.btnA a, .btnA button{ padding:12px 0px 15px; }
		.btnA a span, .btnA button span{ font-size:18px !important;}
		.btnA.auto a, .btnA.auto button{padding:10px 25px; }
		.btnA.auto a span, .btnA.auto button span{ font-size:16px !important;}
		.btnA.half a, .btnA.half button{padding:7px 10px 10px; }
		.btnA.half a span, .btnA.half button span{font-size:14px;}
		.btnA.small{padding:0px 0;}
		.btnA.small a, .btnA.small button{padding:6px 20px 10px;}
		.btnA.small a span, .btnA.small button span{font-size:14px;}
		.btnA.small a i, .btnA.small button i{font-size:14px;}
		.btnA.small a.full, .btnA.small button.full{width:95%;}
	}
	@media screen and (max-width:768px){
		.btnA.auto a span, .btnA.auto button span{ font-size:14px !important;}
	}


.golink01{  display: block; width: 40px; height: 40px; background:url(../images/main/arrow_right2.svg) no-repeat rgba(0, 0, 0, 0.15) center center; background-size: 24px 24px;  border-radius: 50%; transition: background-color .3s; font-size: 1px; color: transparent; text-indent: -9999px; }
.golink01:hover{background-color:#2e6bd7;}
.golink02{display:inline-block; }
.golink02 + .golink02{margin-left:20px;}
.golink02 span{display:inline-block; border-bottom:3px solid #333; font-size:17px; padding:0 50px 10px 10px; color:#000; position:relative; transition:all ease 0.3s;}
.golink02 span:after{position:absolute; right:-1px; bottom:5px; content:""; display:inline-block; width:20px; height:3px; background:#333; transform: rotate(45deg);}
.golink02:hover span{color:#2e6bd7; border-color:#2e6bd7;}
.golink02:hover span:after{background:#2e6bd7;}
.golink03{position:relative; display:inline-block; background:#2e6bd6; color:#fff; border-radius:50px; padding:10px 60px 10px 20px;}
.golink03:after{display:block; content:""; background:url(../images/common/ico_find.svg) no-repeat right center/cover;  width:25px; height:25px; position:absolute; right:10px; top:10px; z-index:1;}
.golink03:hover{background:#2d306b; color:#fff;}
.golink03 i{position:absolute; right:15px; top:13px; z-index:2; font-size:18px;}
.golink03.black{background:#333;}
.golink03.black:hover{background:#000; }
.golink03.white{background:#fff; border:1px solid #e5e5e5; color:#333;}
.golink03.white:hover{background:#f5f5f5; color:#333;}
.golink04{position:relative; display:inline-block; background:#2e6bd6; color:#fff; border-radius:50px; padding:10px 60px 10px 20px;}
.golink04:after{display:block; content:""; background:url(../images/common/ico_paper.svg) no-repeat right center/cover;  width:25px; height:25px; position:absolute; right:10px; top:10px; z-index:1;}
.golink04:hover{background:#2d306b; color:#fff;}
.golink04 i{position:absolute; right:15px; top:13px; z-index:2; font-size:18px;}
.golink04.white{background:#fff; border:1px solid #e5e5e5; color:#333;}
.golink04.white:hover{background:#f5f5f5; color:#333;}
.golink05{position:relative; display:inline-block; background:#2e6bd6; color:#fff; border-radius:50px; padding:10px 60px 10px 20px;}
.golink05:after{display:block; content:""; background:url(../images/common/ico_fax.svg) no-repeat right center/cover; width:25px; height:25px; position:absolute; right:10px; top:10px; z-index:1;}
.golink05:hover{background:#2d306b; color:#fff;}
.golink05.black{background:#333;}
.golink05.black:hover{background:#000; }
.golink05.white{background:#fff; border:1px solid #e5e5e5; color:#333;}
.golink05.white:hover{background:#f5f5f5; color:#333;}
.golink06{position:relative; display:block; background:#2e6bd6; color:#fff; border-radius:50px; padding:10px 60px 10px 20px;}
.golink06 span{font-size:16px; color:#333; position:relative; transition:all ease 0.3s;}
.golink06:after{display:block; content:""; background:url(../images/common/ico_paper.svg) no-repeat right center/cover;  width:25px; height:25px; position:absolute; right:10px; top:10px; z-index:1;}
.golink06:hover{background:#2d306b; color:#fff;}
.golink06 i{position:absolute; right:15px; top:13px; z-index:2; font-size:16px;}
.golink06.white{background:#fff; border:1px solid #e5e5e5; color:#333;}
.golink06.white:hover{background:#f5f5f5; color:#333;}


	@media screen and (max-width:768px){
		.golink02 + .golink02{margin-left:10px;}
		.golink02 span{font-size:16px; padding:0 35px 10px 0px;}
		.golink03{padding:4px 40px 7px 15px; }
		.golink03:after{width:20px; height:20px; top:8px;}
		.golink03 span{font-size:14px;}
		.golink04{padding:4px 40px 7px 15px; }
		.golink05{padding:4px 40px 7px 15px; }
		.golink05:after{width:20px; height:20px; top:8px;}
		.golink06{padding:4px 40px 4px 8px; }
		.golink06 span{font-size:13px;}
		
	}
	

/* -----------------
Custom Select Box
----------------- */
.nice-select { z-index:; min-width: 140px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border: solid 1px #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: 400; height: 50px; line-height: 52px; outline: none; padding-left: 20px; padding-right: 32px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; border-radius:5px; }
.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); color:#333; }
.nice-select.search{border:none; border-radius:14px 0 0 14px !important; width: 140px; height:70px; line-height:68px;  padding-left: 20px; box-sizing: border-box; text-align: left;}
.nice-select.search:hover{background-color: #313DAA; color:#fff;}
.nice-select.disabled { border-color: #ededed; color: #a4b5ba; pointer-events: none; }
.nice-select.disabled:after { border-color: #dee4e6; }
.nice-select.wide { width: 100%; }
.nice-select.wide .list { left: 0 !important; right: 0 !important; }
.nice-select.right { float: right; }
.nice-select.right .list { left: auto; right: 0; }
.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; }
.nice-select.small:after { height: 4px; width: 4px; }
.nice-select.small .option { line-height: 34px; min-height: 34px; }
.nice-select .list {  z-index: 999; min-width: 100%; max-height: 600px; background-color: #fff; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-25px); -ms-transform: scale(0.75) translateY(-25px); transform: scale(0.75) translateY(-25px);}
.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
.nice-select .current { font-size: 16px; }
.nice-select .option { display: block; width: 100%; cursor: pointer; font-size: 16px; font-weight: 400; line-height: 48px; list-style: none; min-height: 48px; outline: none; padding-left: 20px; padding-right: 31px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; }
.nice-select .option.disabled { background-color: transparent; color: #a4b5ba; cursor: default; }
	@media screen and (max-width:768px){
		.nice-select { min-width: 100px; }
		.nice-select.search{ width:115px; height:60px; line-height:58px;}
	}


/* Head */
/* ****************** Header ********************** */
.header{position:absolute; z-index:900; width:100%; height:155px; transition:.3s; -webkit-transition:.3s;  border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#fff;}
.header-wrap{position:relative; max-width:1920px; height:100%; padding:0 70px; margin:0 auto;}
.header-wrap .header-util{text-align:right; border-bottom:1px solid #ebebeb; height:45px; transition:.3s; -webkit-transition:.3s;}
.header-wrap .header-util a{line-height:43px; padding-left:5px; padding-right:5px;}
.header-wrap .header-inner{position:relative; width:100%; height:110px; }
.header-wrap .header-inner .logo{position:absolute; left:0; top:20px; z-index:99; width: 200px; height: 38px;  background: url(../images/common/logo.svg) no-repeat left center/auto 90%; margin-top:10px; transition:all ease 0.3s;}
.header-wrap .header-inner .logo a{font-size:0; display:block; width:80%; height:80%; }

.gnb-wrap{position:relative; text-align:center; height:100%; transition: 0.3s; -webkit-transition: 0.3s; padding-top:35px; }
.gnb-wrap .gnb{display:inline-block; height:100%;}
.gnb-wrap .gnb:after{display:block; clear:both; content:'';}
.gnb &gt; li{position:relative; float:left; height:100%; margin:0 22px;}
.gnb &gt; li &gt; a{display:block; height:auto; color:#333; font-size:18px; font-weight:normal;}
.gnb &gt; li &gt; a.only-mo{color:#333;}
.gnb &gt; li &gt; a &gt; span{position:relative; display:block; padding:0 5px; font-size:18px;}
.gnb &gt; li &gt; a &gt; span:after{position:absolute; bottom:-7px; left:0; display:block; content:''; width:0; height:3px; background:#2d306b ; transition: 0.2s; -webkit-transition: 0.2s;}
.gnb &gt; li .depth2{display:none; position:absolute; top:31px; left:-18px; min-width:150px; background:#2d306b ; padding:20px 15px;}
.gnb &gt; li .depth2 ul &gt; li{ text-align:left; }
.gnb &gt; li .depth2 ul &gt; li &gt; a{display:block; padding:5px 0; transition: 0.2s; -webkit-transition: 0.2s; white-space:nowrap; font-size:15px; color:rgba(255, 255, 255, 0.7);}
.gnb &gt; li .depth2 ul &gt; li &gt; span &gt; a {color:rgba(255, 255, 255, 0.5); font-size:14px; padding-left:10px; display:block;}
.gnb &gt; li .depth2 ul &gt; li &gt; span &gt; a:hover{ color:rgba(255, 255, 255, 0.9); }
.gnb &gt; li.active &gt; a &gt; span:after,
.gnb &gt; li.on &gt; a &gt; span:after,
.gnb &gt; li &gt; a:hover &gt; span:after{width:100%;}
.gnb &gt; li .depth2 ul &gt; li &gt; a:hover{color:rgba(255, 255, 255, 1);}
.gnb &gt; li &gt; a.on span{color:#2d306b ;}


/* sitemap */
.btn-category {position:absolute; top:40px; right:0px; width:40px; height:24px; cursor:pointer; z-index:99999; transition: 0.3s; -webkit-transition: 0.3s;}
.btn-category .bar {position: absolute; left:0; width:100%; width:100%; height:2px; border:0; background:#333; transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0.3s, 0.3s, 0s}
.on .btn-category .bar{background:#333;}
.btn-category .bar:nth-child(1) {top:0; transform:rotate(0)}
.btn-category .bar:nth-child(2) {top:11px; opacity:1}
.btn-category .bar:nth-child(3) {top:22px; transform:rotate(0)} 
.btn-category.map{ right:0px;  z-index:99999;}
.btn-category.map .bar {background:#000; transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.3s; }
.btn-category.map .bar:nth-child(1) {top:11px; background:#000; transform:rotate(-45deg)}
.btn-category.map .bar:nth-child(2) {opacity:0}
.btn-category.map .bar:nth-child(3) {top:11px; background:#000; transform:rotate(45deg)}
   
#sitemap{position:fixed; bottom:100%; right:0%; width:100%; height:calc(100% - 0px); background:#fff; padding:180px 70px 40px; z-index:800; transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden; overflow-y:auto;}
#sitemap &gt; ul{max-width:100%; overflow:hidden; margin:0 auto;}
#sitemap &gt; ul &gt; li{float:left; width:16.66%; padding:0 10px;}
#sitemap &gt; ul &gt; li h2{font-size:20px; color:#fff ; background:#2e6bd7 ; text-align:Center; font-weight:normal; padding:10px 0;}
#sitemap &gt; ul &gt; li h2 a{font-size:20px; color:#fff ;  font-weight:normal;}
#sitemap &gt; ul &gt; li &gt; ul &gt; li{margin:10px 0;}
#sitemap &gt; ul &gt; li &gt; ul &gt; li &gt; a{color:#999; font-size:16px;  padding:13px 0; display:block; text-indent:15px; position:relative;}
#sitemap &gt; ul &gt; li &gt; ul &gt; li &gt; a:after{content:""; display:block; width:0; height:2px; background:#2e6bd7 ; transition:all ease .5s; position:absolute; left:0; bottom:0;}
#sitemap &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover{color:#2e6bd7 ;} 
#sitemap &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:after{width:100%;} 
#sitemap.open{right:0; bottom:0%;}

.sticky { background:#fff !important; top:0; position:fixed; height:70px;  box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1);}
.sticky .header-wrap .header-util{display:none;}
.sticky .header-wrap .header-inner .logo{ height:35px; top:5px; }
.sticky .gnb-wrap{padding-top:21px;}
.sticky .gnb &gt; li .depth2{top:31px;}
.sticky .gnb &gt; li &gt; a{ color:#333;}
.sticky .btn-category{ top:21px;}
.sticky .btn-category .bar {background:#333;}

	@media screen and (max-width:1400px){
		.header-wrap{ padding:0 30px;}
		.header-wrap .header-inner{height:60px; }
		.gnb-wrap{text-align:right; padding-right:40px;}
		.gnb &gt; li{ margin:0 15px 0 15px;}
	}

	@media screen and (max-width:1024px){
		.header{ height:100px;}
		.header-wrap{ height:100px;}
		.header-wrap .header-inner{height:60px; }
		.header-wrap .header-util{ height:40px; }
		.header-wrap .header-util a{line-height:38px; padding-left:5px; padding-right:5px; font-size:14px;}
		.header-wrap .header-inner .logo{top:10px; left:10px; width:240px; height:40px; margin-top:0px;}

		.btn-gnb{display:block; top:50px;}
		.gnb-wrap{position:fixed; top:0; left:-100%; z-index:100; width:100%; height:100%; background:#03010f; padding:0 30px;  display:none;}
		.gnb-wrap .gnb{display:block; height:auto; margin-top:90px;}
		.gnb-wrap .gnb &gt; li{float:none; height:auto; margin:0;}

		.btn-category { top:20px; right:0px; width:30px; height:18px; display:block;}
		.btn-category .bar:nth-child(1) {top:0; transform:rotate(0)}
		.btn-category .bar:nth-child(2) {top:8px; opacity:1}
		.btn-category .bar:nth-child(3) {top:16px; transform:rotate(0)} 
		#sitemap{padding:100px 20px 20px;}
		#sitemap &gt; ul &gt; li &gt; ul &gt; li &gt; a{padding:7px 0; }
		#sitemap &gt; ul &gt; li{width:100%;}
		#sitemap &gt; ul &gt; li h2{font-size:18px; text-align:Center; font-weight:normal; padding:10px 0;}
		#sitemap &gt; ul &gt; li h2 a{font-size:18px;}
		#sitemap &gt; ul &gt; li h3{font-size:16px; margin:0 0 0px}
		#sitemap &gt; ul &gt; li &gt; ul{margin-bottom:20px;}
		#sitemap &gt; ul &gt; li &gt; ul &gt; li{margin:10px 0;}

		.sticky {height:60px;}
		.sticky .header-wrap .header-inner .logo{ height:40px; top:10px;}
		.sticky .gnb-wrap{padding-top:0px;}
		.sticky .btn-category{ top:21px;}
	}

	@media screen and (max-width:768px){
		.header-wrap{ padding:0 10px;}
		.header-wrap .header-util{text-align:center;}
	}



/* 라디오,체크박스 */
.radios { }
.radios input[type=radio],
.radios input[type=checkbox]{  display: none;}
.radios input[type=radio]+label,
.radios input[type=checkbox]+label{
    display: inline-block;
    cursor: pointer;
	border: 1px solid #ddd;
    width: 80px;
	height: 45px;    
	line-height: 40px;
	font-size:16px;  
    text-align: center;   
	color:#666;
	font-weight:normal;
	border-radius:5px;
	margin:2px 0;
}
.radios.col4 input[type=radio]+label,
.radios.col4 input[type=checkbox]+label{ width:24%;}
.radios.col5 input[type=radio]+label,
.radios.col5 input[type=checkbox]+label{ width:19%;}
.radios input[type=radio]+label,
.radios input[type=checkbox]+label{ background-color: #fff; color: #999; }
.radios input[type=radio]:checked+label,
.radios input[type=checkbox]:checked+label{ background-color: #2e6bd6; color: #fff; }
.radios.gray input[type=radio]+label,
.radios.gray input[type=checkbox]+label{background:#b2b2b2; color:#fff;}
.radios.gray input[type=radio]:checked+label,
.radios.gray input[type=checkbox]:checked+label{ background-color: #2e6bd6; color: #fff; }
.radios input[type=text], .radios input[type=date]{width:160px; background:#f5f5f5; height:45px; border:1px solid #ddd; border-radius:5px; padding:0 5px; position:relative;}
	@media all and (max-width:768px){
		.radios input[type=radio]+label,
		.radios input[type=checkbox]+label{width:70px; height: 40px; line-height: 37px; font-size:14px;  }
		.radios input[type=text], .radios input[type=date]{width:140px; height:40px;}		
	}





/* Footer */
.footer { position: relative;  }
.footer .footer_top {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:40px 0;}
.footer .footer_top .tel p{display:inline-block; }
.footer .footer_top .tel p strong{font-size:24px; color:#3366cc; margin-left:10px;}
.footer .footer_top .tel p + p{margin-left:30px;}
.footer .footer_top .sns{display:none; text-align:left;}
.footer .footer_top .sns a i{font-size:24px;}
.footer .footer_top .sns a + a{ margin-left:180px;}
.footer .footer_bot { padding: 40px 0; }
.footer .footer_bot .addr{font-size: 14px;}
	@media all and (max-width:1400px){
		.footer .footer_top { padding:40px 30px; }
		.footer .footer_bot { padding:40px 30px; }
	}

	@media all and (max-width:1024px){
		.footer .flex{ flex-direction: column !important; }
		.footer .footer_top .sns{margin-top:20px;}
	}
	@media all and (max-width:768px){
		.footer .footer_top { padding:20px 30px; }
		.footer .footer_top .tel p{font-size:14px; display:block;}
		.footer .footer_top .tel p strong{font-size:18px;}
		.footer .footer_top .tel p + p{margin-left:0px;}
		.footer .footer_top .sns{text-align:left;}
		.footer .footer_bot { padding:40px 30px; }
	}


/* TopBtn - bottom:120px;*/
.FooterFloatBtn{  position:fixed; bottom:60px; right:60px; width: 43px; height: 65px; } 
.FooterFloatBtn .TopBtn{ width: 2.6875rem; height: 2.6875rem; background-color:rgba(255,255,255,0.1); border-radius:0.5rem 0.5rem; position:fixed;  bottom:1.25rem; transition-property: opacity, visibility; transition-duration: 0.2s; z-index:100; opacity:0; visibility:hidden; }
.FooterFloatBtn .TopBtn:after{ content:""; width: 2rem; height: 2rem;  background-image:url(../images/common/ico_topbtn.svg); background-size:100% 100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.FooterFloatBtn .TopBtn.is-Open{ opacity:1;  visibility:visible;}
.FooterFloatBtn .TopBtn.is-Stop{ position:absolute; bottom:auto;  top:0;}
.FooterFloatBtn .TopBtn .ab-text { overflow: hidden; display: block;  position: absolute; border: 0; top:35px; width: 40px; height: 25px;}
	@media all and (max-width:768px){
		.FooterFloatBtn{bottom:56px; right:24px;}
	}

/* 스케쥴 버튼*/
.schedule_btn{position:fixed; right:30px; bottom:30px; z-index:900;}
.schedule_btn a{position:relative; display:block; width:100px; height:100px; background:#2e6bd7; text-align:center; border-radius:50%;}
.schedule_btn a:hover{background:#2d306b;}
.schedule_btn a span{position:absolute; display:block; text-align:center; color:#fff;  line-height:98px; font-size:18px; width:100%;}
.schedule_btn a img{opacity:0.4; margin-top:20%;}
.modal_schedule{max-width:1300px;}
	@media all and (max-width:768px){
		.schedule_btn{right:20px; bottom:20px;}
		.schedule_btn a{width:50px; height:50px;}
		.schedule_btn a span{display:none;}
		.schedule_btn a img{width:57%; height:auto;}
	}

/*파란 박스 타이틀*/
.pink_box_2u{ text-decoration:none; position:relative; background:#642C6B; border-radius:5px; text-align:center; padding:5px; font-size:14px; color:#fff; }
.green_box_2u{ text-decoration:none; position:relative; background:#1E5722; border-radius:5px; text-align:center; padding:5px; font-size:14px; color:#fff; }
.blue_box_2u{ text-decoration:none; position:relative; background:#2d306b; border-radius:5px; text-align:center; padding:5px; font-size:14px; color:#fff; }

	@media all and (max-width:768px){
		.pink_box_2u{ font-size:13px; }
		.green_box_2u{ font-size:13px; }
		.blue_box_2u{ font-size:13px; }
	}

/*로딩 css*/
.loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite; 

  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
}

@keyframes spin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/*게시판_table_list*/
.oldtable01{ border-top:1px solid #5185b7;border-bottom:1px solid #5185b7; text-align:center;color:#555; clear:both;font-size:14px;}
.oldtable01 td {border-top:1px solid #dfdfdf;padding:10px 0}
.oldtable01 tr:first-child td {border-top:1px solid #5185b7;}
.oldtable01 th.title2{padding:15px 0 0 10px; font-family: 'GmarketSansMedium'; font-size:16px;color:#3378c1;text-align:left;background:#fff;}

.oldtable01 td.al_left{ text-align:left; padding-left:10px;}
.oldtable01 td.al_right{ text-align:right; padding-right:10px;}
.oldtable01 td.content{ vertical-align:text-top;text-align:left; padding:20px 10px 20px 10px; }
.oldtable01 td.gray_box{background:#f8f8f8;padding:20px 10px 20px 10px;text-align:left; width: 250px}
.oldtable01 td.white_box{background:#ffffff;padding:20px 10px 20px 10px;text-align:left; }
.oldtable01 input{ border:1px solid #ccc; padding:0px 10px ;height:40px;line-height:28px; width:200px; color:#666; border-radius:8px !important;}
.oldtable01 input[type=file]{width:100%;height:40px; border:1px solid #fff; padding:0px; border-radius:0px !important;}
.oldtable01 input[type=checkbox], .oldtable01 input[type=radio]{border:none;padding:0px;position:relative;top:3px;width:12px !important; margin-left:20px;height:auto;}
.oldtable01 textarea{ width:100%; height:250px;border:1px solid #bbb;color:#666; background:#fff; padding:10px;}
.oldtable01 select{ border:1px solid #ccc; height:40px; width:250px; color:#000;}
.oldtable01 td .file{position:relative;top:4px;}
.oldtable01 td .in_Btn{text-align:right; margin-top:-30px;}
.oldtable01 .w100{width:100%}

	@media all and (max-width:768px){
		.oldtable01 td.content{ vertical-align:text-top; padding:10px 5px 10px 5px; }
		.oldtable01 td.gray_box{font-size:14px !important; padding:5px 0px 5px 0px; width: 100px}
		.oldtable01 td.white_box{font-size:14px !important; padding:10px 5px 10px 5px;}
	}

/*공통요소*/
.w2selectbox_select{
    position: relative;
    width: 100%;
    padding: 0 2.6rem 0 1rem;
    margin: 0.2rem 0.6rem 0.2rem 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../images/common/ic_line_select_gray.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    outline: none;
    border-top-left-radius: 0.4rem;

}

.w2selectbox_select:focus {
    outline:none;
    border:0.1rem solid #4876ef;
    -webkit-box-shadow: 0 0 0.5rem 0.3rem #d4e3fc;
    box-shadow: 0 0 0 0.3rem #d4e3fc;
    background-image: url('../images/common/ic_line_select_blue.svg');
}

/* selectbox */
.w2selectbox_select {height: 2.6rem;border: 0.1rem solid #ccc;border-radius: 0.4rem;vertical-align: middle;/* color:#555; */}
.w2selectbox_select .w2selectbox_col_button {position:relative; background-image:none; background: transparent; border-left: 0.1rem solid #ccc;}

/*공통요소*/
.w2selectbox_native { border: none; }
.w2tb_td .w2selectbox_native_innerDiv { margin-top: -0.2rem; }

.w2selectbox_native_select{
    position: relative;
    width: 100%;
    padding: 0 2.6rem 0 1rem;
    margin: 0.2rem 0.6rem 0.2rem 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../images/common/ic_line_select_gray.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    outline: none;
    border-top-left-radius: 0.4rem;

}

.w2selectbox_native_select:focus {
    outline:none;
    border:0.1rem solid #4876ef;
    -webkit-box-shadow: 0 0 0.5rem 0.3rem #d4e3fc;
    box-shadow: 0 0 0 0.3rem #d4e3fc;
    background-image: url('../images/common/ic_line_select_blue.svg');
}

/* selectbox */
.w2selectbox_native_select {height: 2.6rem;border: 0.1rem solid #ccc;border-radius: 0.4rem;vertical-align: middle;color:#555;}
.w2selectbox_native_select .w2selectbox_native_col_button {position:relative; background-image:none; background: transparent; border-left: 0.1rem solid #ccc;}

/*grid crud select 설정*/
.w2group.dfbox .w2group.crud .w2selectbox_select{
    width: 6.8rem;
    border-radius: 0;
    border-top-left-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
    text-align: left;
    background-image: url('../images/common/ic_arr_down.svg');
    background-position: right 0.7rem center;
    background-size: 2rem;
    border-color: #ccc;
    margin-top: 0.2rem;
    padding-right: 2.6rem;
    color: #555;
    border-right: 0;
    margin-right: 0;
}
.w2group.dfbox .w2group.crud .w2selectbox_select:focus{
    -webkit-box-shadow: 0 0 0.5rem 0.3rem #d4e3fc;
    box-shadow: -0.2rem 0.2rem 0 0.1rem #d4e3fc, -0.2rem -0.2rem 0 0.1rem #d4e3fc;
    border-color: #4876ef;
    background-image: url('../images/common/ic_arr_down_blue.svg');
}
.w2group.dfbox .w2group.crud .w2selectbox_select:focus + .gr_select_btn{
    -webkit-box-shadow: 0 0 0.5rem 0.3rem #d4e3fc;
    box-shadow: 0 0 0 0.3rem #d4e3fc, 0 0 0 0.3rem #d4e3fc;
    color: #4876ef;
    border-color: #4876ef;
}
.w2group.dfbox .w2group.crud .gr_select_btn{
    border-radius: 0;
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    background-color: #f9f9f9;
    margin-left:0;
    min-width: 5.2rem;
}
.w2group.dfbox .w2group.crud .btn_cm.gr_select_btn:focus{
    box-shadow: none !important;
    border-color: #ccc;
    color: #555;
}

/* auto complete */
.w2autoComplete{
    width: 100%;
    height: 2.6rem;
    border: 0.1rem solid #ccc;
    border-radius: 0.4rem;
}
.focusedTr .w2autoComplete input[type="text"]:focus{
    border: 0 !important;
    height: 2.6rem;
}
.focusedTr .w2autoComplete input[type="text"]{border:0 !important;height: 2.4rem !important;}
.w2autoComplete_input{font-family: inherit;font-size: 1.4rem;padding: 0 1rem !important;}
input.w2autoComplete_input[type="text"]:focus {border: 0; border-radius: 0.4rem 0 0 0.4rem; box-shadow: none; height: 2.4rem;}

/* .wq_gvw .w2autoComplete .w2autoComplete_input{padding-bottom: 0.3rem !important;} */
.w2autoComplete table tr td{padding: 0;}
.w2autoComplete_body_selected.w2autoComplete{border-color: #4876ef;}
.w2autoComplete_col_label{
    font-size: 1.4rem;
    border-radius: 0.4rem;
}
.w2autoComplete .w2autoComplete_col_button{
    background-image: url('../images/common/ic_arr_down.svg');
    background-position: right 0.23rem center;
    background-size: 2rem;
    background-color: #fff;
    width: 2.6rem;
    border-left: 0.1rem solid #ccc;
    border-radius: 0.4rem;
    padding: 0;
}
.w2autoComplete_label {height: 2.4rem; color: #555; text-align: left; padding: 0 0 0 .5rem;}
.w2autoComplete_selected .w2autoComplete_col_label{background-color: #fff;}
.w2autoComplete_selected .w2autoComplete_col_button{
    width: 2.6rem;
    background-image: url('../images/common/ic_arr_down_blue.svg');
    background-color: #fff;
    border-color: #4876ef;
    border-top-left-radius: 0;
    border-top-right-radius: 0.4rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.4rem;
    box-shadow: none;
}
.w2input_table_sb { /*transform: translateY(-2.0rem);  */transform:none; border: 0.1rem solid #ccc;}
.w2input_table_sb_col{
    height: 2.6rem;
    font-size: 1.4rem;
    /* border-top: 0.1rem solid #ccc; */
    border-top: none !important;
    color: #555;
    text-align: left;
    padding: 0 1rem;
}
.w2input_table_sb_col_over{
    background-color: #4876ef;
    color: #fff;
}

/*calendar 선택 설정*/
.calendar_select{width: 10rem;}
.shbox .calendar_select:first-child{margin-right:0.6rem;}

/*셀렉트 은행선택*/
.bank{width: 14rem;}

/* 타이틀영역 단독 select */
.only_select{
    border-right:0.1rem solid #ccc !important;
    border-top-right-radius:0.4rem !important;
    border-bottom-right-radius:0.4rem !important;
    }
.w2group.dfbox .w2group.crud .w2selectbox_select.only_select:focus{
    border:0.1rem solid #4876ef;
    -webkit-box-shadow: 0 0 0.5rem 0.3rem #d4e3fc;
    box-shadow: 0 0 0 0.3rem #d4e3fc;
    }

/*멀티셀렉트*/
.w2multiselect_td {
    height: 26px;
    font-size: 1.4rem;
    border: 0.5px solid #b3b3b3;
}

/* CheckComboBox */
.w2checkcombobox_acc{
    height: 2.6rem;
    border: 0.1rem solid #ccc;
    border-radius: 0.4rem;
    vertical-align: middle;
    color:#555;
    position: relative;
    width: 100%;
    padding: 0 2.6rem 0 1rem;
    margin: 0.2rem 0.6rem 0.2rem 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../images/common/ic_line_select_gray.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    outline: none;
    border-top-left-radius: 0.4rem;
    }
.w2checkcombobox_acc:focus {
    outline:none;
    border:0.1rem solid #4876ef;
    -webkit-box-shadow: 0 0 0.5rem 0.3rem #d4e3fc;
    box-shadow: 0 0 0 0.3rem #d4e3fc;
    background-image: url('../images/common/ic_line_select_blue.svg');
    }
.w2checkcombobox_acc .w2checkcombobox_acc_custom_label{
	line-height:2.5rem;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display: block !important;
	}
.w2table_ccb_native{
    border: 0.1rem solid #ccc;
    background-color:#fff;
    border: 0.1rem solid #ccc;
    }

.w2table_ccb_native .w2table_ccb_ul_col_checkbox {
    width: calc(100% - 3rem);
    height: 2.6rem;
    position: absolute;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    }
.w2table_ccb_native &gt; ul &gt; li {
    position:relative;padding:0px 4px 1px 20px;border-bottom:1px solid #ccc;height:2.9rem;
    }
.w2table_ccb_native &gt; ul &gt; li:last-child {
    border-bottom:0;
    }
.w2table_ccb_native &gt; ul &gt; li:hover{
    background-color:#dddddd;
    }
.w2table_ccb_native &gt; ul &gt; li &gt; label{
    display:block;padding-left:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-top:4px;
    }
.w2table_ccb_native &gt; ul &gt; li &gt; label:before{
    position:absolute;
    left:0.7rem;
    top:0.7rem;
    content:'';
    display: inline-block;
    width:1.6rem;
    height:1.6rem;
    border:0.1rem solid #ccc;
    box-sizing:border-box;
    background:#fff;
    border-radius: 0.4rem;
    }
.w2table_ccb_native &gt; ul &gt; li &gt; input[type="checkbox"]:checked  +  label:before{
    background-color:#4876ef;
    border:0;
}
.w2table_ccb_native &gt; ul &gt; li &gt; input[type="checkbox"]:checked  + label:after{
    content:'';
    position:absolute;
    left:0.6rem;
    top:0.6rem;
    width:1.6rem;
    height:1.6rem;
    background-size: 1.3rem;
    background-image: url('../images/common/ic_check_white.svg');
    background-repeat: no-repeat;
    background-position: center;
    }/*디자인 도형 안 체크모양*/

.w2grid .gridBodyDefault .w2checkcombobox_acc{
    width:100% !important;height:26px !important;
    }
.w2table_ccb_native{
    z-index:100;
    /* height: auto !important; 체크박스 7개 이하일 경우 적용가능*/
    overflow-x:hidden;
    }

/* autoComplete */
.w2autoComplete_acc{
    border: 0.1rem solid #ccc;
    border-radius: 0.4rem;
    height:2.6rem;
    position:relative;
    background-color:#fff;
    }
.w2autoComplete_acc .w2autoComplete_ul_col_label{
    position:relative;
    width:100% !important;
}
.w2autoComplete_acc .w2autoComplete_ul_col_label &gt; input{
    width:calc(100% - 2rem) !important;
    height:2.3rem !important;
    border-radius:0.4rem;
}
.w2autoComplete_acc .w2autoComplete_ul_label{
    padding-left:1rem;
    line-height:2.3rem;
}
.w2autoComplete_acc .w2autoComplete_ul_col_arrow{
    width:27px;
    height:24px;
    position:absolute;
    right:0;
    top:0;
    border-top-right-radius:0.4rem;
    border-bottom-right-radius:0.4rem;
    background-image:url('../images/common/ic_line_select_gray.svg');
    background-repeat:no-repeat;
    background-position:right center;
    background-color:#fff;
    outline:none;
}
.w2autoComplete_acc .w2autoComplete_ul_col_arrow span {color: transparent; font-size:0;}
.w2autoComplete_acc.w2autoComplete_selected .w2autoComplete_ul_col_arrow{
    right:-0.1rem;
    top:0;
    }
.w2autoComplete_acc.w2autoComplete_selected .w2autoComplete_ul_col_arrow &gt; a{
    width:27px;
    height:25px;
    border-top-right-radius:0.4rem;
    border-bottom-right-radius:0.4rem;
    background-image: url('../images/common/ic_line_select_blue.svg');
    outline:none;
      border-top:0.1rem solid #4876ef;
      border-right:0.1rem solid #4876ef;
      border-bottom:0.1rem solid #4876ef;
    -webkit-box-shadow: 0 0 0.5rem 0.3rem #d4e3fc;
    box-shadow: 0 0 0 0.3rem #d4e3fc;
    }

.w2autoComplete_acc.w2autoComplete_disabled,
.w2autoComplete_acc.w2autoComplete_readonly{
    border:0.1rem solid #dbdbdb;
}
.w2autoComplete_acc.w2autoComplete_disabled .w2autoComplete_ul_col_label,
.w2autoComplete_acc.w2autoComplete_readonly .w2autoComplete_ul_col_label{
    background-color:#f9f9f9;
	border-radius:0.4rem;
    height:24px !important;
    color:#8a8a8a;
}
.w2autoComplete_acc.w2autoComplete_disabled .w2autoComplete_ul_col_arrow,
.w2autoComplete_acc.w2autoComplete_readonly .w2autoComplete_ul_col_arrow{
    opacity:0.4
}
.w2table_sb.w2table .w2table_sb_ul_main &gt; li{
    height:2.8rem;text-align:left;padding-left:1rem;
   /*  border-top:1px solid #cccccc; */
   border-top: none !important;
    }
.w2table_sb.w2table .w2table_sb_ul_main &gt; li &gt; a{
    color:#555;font-size:1.4rem;
    }
/* .w2table_sb.w2table .w2table_sb_ul_main .w2table_sb_ul_col2.w2table_sb_ul_col_over{
    background-color:#dddddd;
} */
.w2table_sb.w2table .w2table_sb_ul_main .w2table_sb_ul_col2.w2table_sb_ul_col_over{
	background-color: #4876ef;
}
.w2table_sb.w2table .w2table_sb_ul_main .w2table_sb_ul_col2.w2table_sb_ul_col_over a {color: #fff !important;}
.w2grid .gridBodyDefault .w2autoComplete_acc{
    width:100% !important;height:26px !important;
    }
.w2grid .gridBodyDefault .w2autoComplete_acc .w2autoComplete_ul_col_label input{
    height:2.4rem !important;border:none !important;
    }
.w2grid .gridBodyDefault .w2autoComplete_acc .w2autoComplete_ul_col_arrow &gt; a{
    border-left:none;
    }
.w2grid [inputtype="autoComplete"] nobr{
    line-height:2.2rem !important;
    }
</pre></body></html>