@charset "utf-8";

/* 나눔 고딕  */
@font-face {
	font-family: 'ng';
	font-weight: normal;
	font-style: normal;
	src: url('../font/NanumGothic.eot');
	src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('../font/PretendardGOV-Regular.subset.woff2') format('woff2'),
		url('../font/NanumGothic.woff2') format('woff2'),
		url('../font/NanumGothic.woff') format('woff');
	font-display: swap;
}
* {margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;font-family:'ng'}


@font-face{
	font-family:'NotoKr';
	font-weight: normal;
	src:url("../font/NotoSansCJKkr-Light.eot");
	src:url("../font/NotoSansCJKkr-Light.eot?#iefix") format('embedded-opentype'),
		url("../font/NotoSansCJKkr-Light.woff") format('woff');
}

@font-face{
	font-family:'NanumM';
	font-weight: normal;
	src:url("../font/NanumMyeongjoExtraBold.eot");
	src: url("../font/NanumMyeongjoExtraBold.eot?#iefix") format('embedded-opentype'),
		url("../font/PretendardGOV-Bold.subset.woff2") format('woff2'),
		url("../font/NanumMyeongjoExtraBold.woff2") format('woff2'),
		url("../font/NanumMyeongjoExtraBold.woff") format('woff');
	font-display: swap;
}







































/* reset */

/* 25.08.27 웹 화환성 조치 
body {color:#747474;font-size:16px;line-height: 1.5;font-family:'ng', '돋움',Dotum,'굴림',Gulim, AppleGothic,Sans-serif;skew(-0.03deg);font-weight:200;} 
*/
body {color:#747474;font-size:16px;line-height: 1.5;font-family:'ng', '돋움',Dotum,'굴림',Gulim, AppleGothic,Sans-serif;font-weight:200;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0} 
img,fieldset,iframe{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none} 
img, input, button, select, textarea {vertical-align:middle;}
input, button, select, textarea {font-family:'ng';}
button {overflow:visible;margin:0;padding:0;border:none;background:0;vertical-align:middle;cursor:pointer;}
label {display:inline-block;vertical-align:middle;cursor:pointer;}
em, i, address {font-style:normal;}
a, a:link {color:#555;text-decoration:none;}
a:hover {color:#555;text-decoration:underline;}
a:active {color:#555;text-decoration:none;}
table {border-spacing:0;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;}
hr, legend, caption {overflow:hidden;position:absolute;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
input, textarea, select, button{color:#747474;font-size:16px;font-family:'ng', '돋움',Dotum,'굴림',Gulim, AppleGothic,Sans-serif;font-weight:200;}
textarea{resize:none;}
article, aside, footer, header, hgroup, nav, section, menu {display:block; padding:0; margin:0;}
abbr, acronym, applet, audio, big, canvas, cite, dfn,
code, samp, kbd, var, datalist, details, keygen, small, 
source, strike, sub, sup {margin:0; padding:0;}
em {font-family:'NanumM';font-style:normal;font-weight:normal}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal}
samp {font-family:'NotoKr';font-style:normal;font-weight:normal}
button::-moz-focus-inner,
input::-moz-focus-inner{padding:0;}


/* common */
.hidden{display:block;overflow:hidden;position:absolute;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
.none{display:none;height:0;font-size:0;line-height:0;}


/* skip Navi */
#accessibility{position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
#accessibility a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000}
#accessibility a:link{color:#333;}
#accessibility a:focus{margin-top:0;text-decoration:underline;color:#fff}


/* layout */
#wrap{position:relative;width:100%;  overflow:hidden; font-family:'ng';min-width:1280px;}
#wrap:before{content:'';display:block;width:100%;height:54px;border-bottom:4px solid #0072bc;background:#2181de;position:absolute;left:0;top:88px;}
#wrap:after{content:'';display:block;width:100%;height:60px;background:#fcb040;position:absolute;right:0;top:78px;width:30%;}


/* header */
#header {position:relative;top:0;width:100%;  z-index:100;height:145px;}
#header .layout{position:relative;margin:0 auto; width:1280px;}
#header .util{position:absolute;right:22px;top:33px;text-align:right;z-index:2;word-spacing:-0.05em;}
#header .util .link1{font-size:15px;display:inline-block;height: 30px;line-height:30px;vertical-align:top;background:url('../images/common/ico_name.png') no-repeat 0 5px;padding-left:20px;text-align:left;}
#header .util .link1 a{color:#0072bc;display:inline-block;text-align:left;font-weight:bold;}
#header .util .link2{font-size:15px;display:inline-block;height: 30px;line-height:30px;vertical-align:top;background:url('../images/common/ico_pw.png') no-repeat 0 6px;padding-left:17px;margin-left:22px;text-align:left;}
#header .util .link3{font-size:15px;display:inline-block;height: 30px;line-height:30px;vertical-align:top;margin-left:8px;text-align:left;}
#header .util .link4{width:76px;border-radius:6px;font-size:15px;background:#d2dde9;border:1px solid #8dadcf;display:inline-block;height: 30px;line-height:28px;vertical-align:top;color:#3c3c3c;text-align:center;margin-left:8px;}
#header .util .link-sns{display:inline-block;width:30px;height:30px;font-size:0;background:url('../images/common/btn_facebook.png') no-repeat 0 0;margin-left:8px;vertical-align:top;}
#header .util2{position:absolute;right:0;top:-60px;text-align:left;z-index:2;background:#fcb040 url('../images/common/bg_gnb.png') no-repeat 0 0;height:60px;width:327px;padding:0 0 0 66px;}
#header .util2 li{display:inline-block;margin-left:25px;}
#header .util2 li a{display:inline-block;color:#1b1b1b;font-size:18px;font-weight: bold;height:60px;line-height:64px;letter-spacing:-0.08em;}
#header .util2 li:before{content:'';display:inline-block;width:3px;height:60px;background:url('../images/common/bg_li.png') no-repeat 0 24px;vertical-align:top;margin-right:31px;}
#header .util2 li:first-child{margin-left:0;}
#header .util2 li:first-child:before{display:none;}
#header .util2 li a:hover{text-decoration:none;}

#header #logo{padding:14px 0 0 15px;width:198px;height:78px; z-index:10;background:url('../images/main/logo.png') no-repeat 14px 15px;font-size: 0;line-height: 0;}
#header #logo a{display:block;height:100%;}

#gnb{position:relative;width:100%;padding:0 0 0;z-index:1;}
#gnb > ul{position:relative;padding:10px 0 0 23px;background:#2181de;margin:0 auto; width:1280px;}
#gnb > ul:after{content:'';display:block;width:100%;height:10px;background:#fff;position:absolute;top:0;left:0;}
#gnb > ul > li{display:inline-block;height:100%;vertical-align:top}
#gnb > ul > li > a{display:inline-block;padding:0 13px 0 0;height:50px;line-height:54px;font-size:17px;color:#fff; font-weight:500; vertical-align:top;letter-spacing:-0.02em;}
#gnb > ul > li > a:before{content:'';display:inline-block;width:4px;height:4px;border-radius:100%;background:#fff;vertical-align:5px;margin-right:15px;}
#gnb > ul > li:first-child a:before{display:none;}
#gnb > ul > li > a:hover{text-decoration:none;}

.sub-menu{display:none;position:absolute;left:0;top:60px;background:#d6dfea;width:100%;border-top:3px solid #0072bc;border-bottom:3px solid #0072bc;}
.sub-menu .layout{overflow:hidden;}
.sub-menu h2{float:left;width:198px;height:220px;padding:20px 0 0 18px;color:#3b4148;font-size:40px;font-weight:200;background:  url("../images/common/bg_sub_menu.png") no-repeat 100% 0;}
.sub-menu p{position:absolute;left:19px;top:113px;font-size:18px;color:#3b4148;letter-spacing:-0.06em;word-spacing:-0.2em;}
.sub-menu p img{margin:7px 0 0 -5px;display:block;}
.sub-menu .list{position:relative;float:right;width:1082px;background:#fff;padding:16px 0 0 178px;position:relative;min-height:51px;z-index:2;}
.sub-menu .list:last-child{padding-bottom:11px;min-height:62px;}
.sub-menu .list li{display:inline-block;width:140px;height:35px;}
.sub-menu .list h3{position:absolute;left:13px;top:11px;display:inline-block;font-size:18px;font-weight: 400;color:#3b4148;background:#eef3f9;width:148px;height:40px;line-height:42px;border-radius:5px;border:1px solid #8cacd0;text-align:center;letter-spacing:-0.06em;word-spacing:-0.2em;}
.sub-menu .list a{color:#3b4148;letter-spacing:-0.06em;word-spacing:-0.2em;line-height:1.75;}
.sub-menu .list a:before{content:'';display:inline-block;width:4px;height:2px;background:#3b4148;vertical-align:5px;margin-right:4px;}
.sub-menu:after{content:'';display:block;width:100%;height:calc(100%);background:#fff;position:absolute;right:0;top:0;width:30%;}

.sel-menu{position:relative;display:inline-block;width:auto;height:30px;z-index:100;vertical-align:middle;margin-right:20px;text-align:left;margin-top:-25px;}
.sel-menu:before{content:'\2714\축종선택\0020\003A';display:inline-block;position:relative;top:3px;font-size:0.875em;color:#000;}
.sel-menu .select2-container{width:157px !important;}
.sel-menu .select2-container .select2-selection--single .select2-selection__rendered{font-size:18px;line-height: 27px;color:#666;background:  url("../images/common/bg_menu2.png") no-repeat 16px 50%;padding:17px 0 13px 41px;font-weight:bold;}
.sel-menu .select2-container--default .select2-selection--single{background:none;border:none;}
.sel-menu .select2-container--default .select2-selection--single .select2-selection__arrow{display:none;}
.select2-container--default .select2-results > .select2-results__options{width:130px;position:absolute;left:0;top:-59px;overflow:hidden;max-height:246px;border:1px solid #034ea2;border-radius:3px;background:#fff;}
.sel-menu .select2-container--open .select2-dropdown--below{width:122px;background:#fff;}
.select2-results{width:122px;}
.select2-dropdown{background:none;border:none;}
.select2-container--open{top:86px !important;}
.select2-container--default .select2-results__group{padding:14px;font-size:18px;font-weight:bold;color:#222222;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#b2d4eb;color:#222222;padding:3px 14px;}
.select2-container--default .select2-results__option[aria-selected="true"]{padding:3px 14px;color:#222222;}
.select2-results__option{padding:3px 14px;}
.select2-container--default .select2-results__option .select2-results__option{padding-left:14px;}
.select2-container .select2-selection--single{height:57px;}


/* footer */
#footer{position:relative;width:100%;margin:0;border-top:1px solid #b9bdc5;}
#footer .footer-01{border-bottom:1px solid #b9bdc5;}
#footer .footer-in{position:relative;width:1280px;margin:0 auto;}
#footer .family-site select{width:259px; height: 43px; border:1px solid #b9bdc5;border-width: 0 1px 0 1px;background:  url("../images/common/arrow_02.png") no-repeat 90% 50%;-webkit-appearance: none;-moz-appearance: none;padding-left: 11px;color:#626262;font: 16px/1.5 'ng',sans-serif;vertical-align:top;}
#footer .family-site select::-ms-expand { display: none; }
#footer .family-site a{font-size:16px;color:#626262;font: 16px/1.5 'ng',sans-serif;font-weight:bold;display:inline-block;padding:0 16px;height: 43px;line-height: 42px;vertical-align:top;border-right:1px solid #b9bdc5;}
#footer .family-site a:hover{text-decoration:none;}
#footer .link{position:absolute;right:0;top:0;text-align:right;}
#footer .link li{display:inline-block;padding:0 13px 0 0;}
#footer .link li a{line-height:43px;height:43px;display:inline-block;font-size:15px;color:#626262;}
#footer .link li:first-child a{color:#000;font-weight:600;}
#footer .link li:first-child:after{content:'|';margin-left:13px;}
#footer .link li a:hover{text-decoration:none;}
#footer .footer-02{position:relative;width:1280px;margin:0 auto;padding:0 0 60px;}
#footer .logo{position:absolute;left:14px;top:28px;}
#footer address{padding:32px 0 0 240px;font-size:14px;color:#767676;line-height:1.42;margin:0;}
#footer .copy{padding:0 0 0 240px;font-size:14px;color:#767676;line-height:1.42;}


/* from */
.check-agree{position:relative;display:inline-block;color:#000000;font-size:16px;line-height: 17px;margin-right:16px;}
.check-agree label {display:block;padding:0 0 0 21px;cursor:pointer;font-size:14px;line-height: 17px;font-weight:normal;color:#000000;}
.check-agree label::after {border:1px solid #ccc;border-radius:50%;content:'';display:block;width:17px;height:17px;position: absolute;left: 0;top:50%;margin-top: -13px;font-size: 0;background:url("../images/common/bg_ckeck.png") no-repeat 0 0;}
.check-agree input[type="radio"] {opacity: 0;width: 0;height: 0;margin-left: -20px;position: absolute;}
.check-agree input[type="radio"]:checked + label::after {border:0;background:url("../images/common/bg_ckeck_on.png") no-repeat 0 0;}

.select-ty1{width:106px; height: 39px; border:1px solid #b9bdc5;letter-spacing:-0.08em;background:#fff url("../images/common/arrow_03.png") no-repeat 100% 50%;-webkit-appearance: none;-moz-appearance: none;padding-left: 10px;color:#626262;font: 16px/1.5 'ng',sans-serif;vertical-align:top;}
.select-ty1::-ms-expand { display: none; }

.inp-ty1{display:inline-block;border:1px solid #b9bdc5;line-height:41px;height:39px;font-size:16px;vertical-align:middle;letter-spacing:-0.05em;padding:0 12px;}

.btn-date{display:inline-block;width:16px;height:17px;background:url("../images/common/ico_calendar.png") no-repeat 0 0;margin-left:-33px;border:none;font-size:0;}


/* DateTimePicker */
.xdsoft_monthpicker button.xdsoft_prev{width:20px;background:transparent url("../../resources/images/common/bg_calendar.png") no-repeat 0 50%;opacity: 1;}
.xdsoft_monthpicker button.xdsoft_next{width:20px;background:transparent url("../../resources/images/common/bg_calendar.png") no-repeat -20px 50%;opacity: 1;}
.xdsoft_datetimepicker .xdsoft_timepicker button.xdsoft_prev{width:20px;height:20px;margin-left:18px;margin-bottom:6px;background:transparent url("../../resources/images/common/bg_calendar.png") no-repeat -40px 0;opacity: 1;}
.xdsoft_datetimepicker .xdsoft_timepicker button.xdsoft_next{width:20px;height:20px;margin-left:18px;background:transparent url("../../resources/images/common/bg_calendar.png") no-repeat -60px 0;opacity: 1;}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker{margin-top:5px;}
.xdsoft_datetimepicker .xdsoft_calendar th{color:#666;}
.xdsoft_datetimepicker .xdsoft_calendar td{background:#ffffff;}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled{background:#f8f8f8;color:#8a8a8a;opacity:0.8;}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current{background:#13aae8;}