@charset "utf-8";

/* base */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u ,i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;background:transparent;}
fieldset, img{border:0 none;}
dl, ul, ol, li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
input, select, textarea, button{vertical-align:middle;}
button{border:0 none;background-color:transparent;cursor:pointer;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
legend, caption{visibility:hidden;height:0;width:0;font-size:0;}
hr{display:none;}
body, th, td, input, select, textarea, button{font-size:16px;color:#555;line-height:1; font-family: "Outfit", sans-serif;} /* color값은 디자인가이드에 맞게사용 */
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
a{color:#333;text-decoration:none;}
a:active, a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}

input[type='text'], input[type='password'], input[type='submit'], input[type='search']{-webkit-appearance:none;border-radius:0;}
input:checked[type='checkbox']{background-color:#666;-webkit-appearance:checkbox;}
button,input[type='button'], input[type='submit'], input[type='reset'],input[type='file']{-webkit-appearance:button;border-radius:0;}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none;}

/* HTML5 RESET CSS Document */
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, 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{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:none;} /* , sup 제거 kst */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}


/* float */
.fl_l{float:left !important;}
.fl_r{float:right !important;}
.clear_b{clear:both !important;}
.ofh{overflow:hidden !important;}

/* position */
.pab_l{position:absolute;left:0;}
.pab_r{position:absolute;right:0;}

/* align */
.txt_l{text-align:left !important;}
.txt_c{text-align:center !important;}
.txt_r{text-align:right !important;}
.txt-j{text-align:justify !important;}

/* none 시리즈 속성 정의 */
.bd_n{border:none !important;}
.bg_n{background:none !important;}
.dp_n{display:none !important;}
.mg_n{margin:0px !important;}
.pa_n{padding:0px !important;}

/* padding */
.pdt0{padding-top:0 !important;}
.pdb0{padding-bottom:0 !important;}
.pdt15{padding-top:15px !important;}
.pdt25{padding-top:25px !important;}
.pdt30{padding-top:30px !important;}
.pdb15{padding-bottom:15px !important;}
.pdl10{padding-left:10px !important;}
.pdl15{padding-left:15px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}
.pdl35{padding-left:35px !important;}
.pdl40{padding-left:40px !important;}

/* margin */
.mgt0{margin-top:0 !important;}
.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:30px !important;}
.mgt50{margin-top:50px !important;}
.mgt100{margin-top:100px !important;}
.mgt140{margin-top:140px !important;}
.mgl0{margin-left:0 !important;}
.mgl10{margin-left:10px !important;}
.mgr0{margin-right:0 !important;}
.mgb0{margin-bottom:0 !important;}
.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb15{margin-bottom:15px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb100{margin-bottom:100px !important;}
.mgr2{margin-right:2%!important;}

/* %넓이 */
.w20{width:20% !important;}
.w30{width:30% !important;}
.w40{width:40% !important;}
.w48{width:48% !important;}
.w50{width:50% !important;}
.w60{width:60% !important;}
.w70{width:70% !important;}
.w80{width:80% !important;}
.w100{width:100% !important;}

.w50p{overflow:hidden;}
.w50p li{float:left;width:50%;}

/*팝업*/
.modal {position: fixed;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.6);z-index: -1;  opacity: 0;transition-duration: 0.1s;}
.modal.show {opacity: 1;z-index: 99999;transition-duration: 0.15s;}
.modal .modal_container {display: flex !important;align-items: center;justify-content: center;height: 100%;}
.modal .modal_container .m_content {position:relative;background: #fff;border-radius: 8px;width:70%;padding: 50px;}
.modal .main_txt {font-weight: 600;font-size: 18px;margin-top: 10px;}
.modal .m_btn {position:absolute;right:-20px;top:-20px;}




/* 이미지 auto */
.fx{display:inline-block;max-width:100%;height:auto;}
.fxw{display:block;width:100%;height:auto;}
.pimg{display:block;}
.mimg{display:none;}

/* 폰트 */
.fts18{font-size:18px;color:#888;}
.fts22{font-size:22px;}
.fts28{font-size:26px!important;}
.fts13{font-size:13px;color:#888;}
.txt_point{color:#19658c !important;font-weight:500 !important;}
.txt_point1{color:#ed1c24 !important;font-weight:700!important;font-style:normal;}
.mail{color:#135191 !important;}
.mail strong{font-weight:bold;}
.txt_O{color:#ed1c24!important;}
.txt_G{color:#135191!important;}
.txt_Ye{color:#f6ffc7!important;}
.txt_Y{color:#fffbbe!important;background:#000;border-radius:20px;padding:10px 15px!important;}
.bgG{background:#f6f6f6;padding:3px 0;}
.bgP{background:#e2e8f5adbee4;padding:3px 0;}
.bgP1{background:#e9effb;padding:3px 0;}
.list.bgP p{color:#5c3e94;font-size:18px;font-weight:600!important;}

/* common */
*{margin:0;padding:0;}
html, body{width:100%;height:100%;font-size: 18px; font-family: "Outfit", sans-serif;word-break:keep-all;font-weight:300!important;}
body{}
body.main{background:none;}

/* layout */
#wrap{position:relative;width:100%;min-height:100%;word-break:keep-all;/*background:url(../images/sub/bg_wave5.png) center bottom no-repeat;background-size:100%;*/}
#wrap.main{background:none!important;padding-bottom:0;}
#header{position:static;width:100%;z-index:1000;}
.container{margin:0 auto;}
#header .nav_wrap{padding:20px 10% 0;width:100%;height:100px;z-index:100;box-sizing:border-box;}
#header .nav_wrap .mymenu{position:absolute;right:0;top:0;width:100%;z-index:2000;border-bottom: 1px solid rgba(255,255,255,.3);background-color: rgba(44,57,77,.1);display:;padding:5px 0;}
#header .nav_wrap .mymenu ul{float:right;}
#header .nav_wrap .mymenu li{float:left;}
#header .nav_wrap .mymenu li a{display:inline-block;padding:5px 10px;font-size:12px;margin:0 2px;color:#fff;}
#header h1{position:absolute;top:42px;left:10%;z-index:1000;}
#header h1.m{display:none;}

.bg_pop_layer{display:none;position:fixed;left:0;top:0;z-index:3;width:100%;height:100%;opacity:0.6; filter:alpha(opacity=60);background:#000;}
.topFixBannerFixed {position: fixed;top:0px;width:100%;height:80px;z-index:100;background:#102964;}

/* 팝업 */
#bg_png{position:relative;display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000;z-index:2000; opacity:0.6; filter:alpha(opacity=60);}
.popup_wrap{position:fixed;width:80%;top:40%;left:10%;margin-top:-10%;z-index:9999;background:#fff;border-radius:20px;height:500px;overflow-y:scroll;}
.popup_wrap .btn_close{position:absolute;right:20px;top:20px;}
.popup_wrap .popup{padding:50px;}
.popup_wrap table td, .popup_wrap table th{word-break : break-word!important;}

.pop_link{position:relative;}
.pop_link a{position:absolute; font-size:0; text-indent:-9999px;z-index: 1; cursor: pointer;background: #000;filter:alpha(opacity=1); opacity:0.0;}
.pop_link .qlink01{width:26%;height:8.8%;left:8%;top:83%;}
.pop_link .qlink02{width:26%;height:8.8%;left:36%;top:83%;}
.pop_link .qlink03{width:26%;height:8.8%;left:64%;top:83%;}

#header .nav_wrap{position:absolute;left:0;top:42px;height:78px;z-index:100;box-sizing:border-box;color:#222;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.5);background:#fff;}
#header h1{position:absolute;top:46px;left:10%;height:79px;z-index:1000;}
#header h1 a{display:block;text-align:center;padding:10px 0 0 0;box-sizing:border-box;}
#header h1.m{display:none;}
#header .user_wrap{position:relative;z-index:1000;background:#091f5b;height:42px;}
#header .user_wrap .user_obj{text-align:right;margin-right:10%;}
#header .user_wrap a{font-size:12px;line-height:32px;color:#fff;display:inline-block;padding:5px 10px;}


/* #header .nav_wrap .smbg{display:none;width:230px;position:absolute;top:194px;height:30px;background:#2d3a5a;} */
#header #navigation li{float:left;font-size:16px;padding:30px 3.5%;}
#header #navigation li:hover{background:url("../images/common/bg_menu_dot.png") no-repeat center 15px;}
#header #navigation li a{color:#141414;}
#header #navigation li a:hover{color:#141414;}
#header #navigation li a.iasl2021{background:#657ab2;border-radius:15px;padding:7px 13px;color:#fff;margin-top:-7px;}
#header .nav_wrap ul li.selected a{}


.top_navi{position:absolute;left:10%;top:0;width:80%;text-align:center;box-sizing:border-box;padding-left:190px;}
.top_navi a{display:block;}
.top_navi ul{overflow:hidden;display:inline-block;width:100%;text-align:center;}
.top_navi ul li{display:inline;vertical-align:top;}
.top_navi ul li.open{background:url("../images/common/bg_line_w.gif") repeat-x 0 3px;}
.top_navi ul ul li.open{background:none;padding-left:25px!important}
.top_navi ul li.open span{color:#141414;}
.top_navi ul li span{display:block;overflow:hidden;font-weight:500;font-size:17px;}
.top_navi ul li span em{display:block;}
.top_navi ul li a:hover span img,
.top_navi ul li a:focus span img,
.top_navi ul li.open span img{margin-top:-31px}
.top_navi ul ul{display:none;position:absolute;top:60px;z-index:100;width:auto;padding:0;background:#fff;background-color: rgba( 71,132,255, 0.8 );border:1px solid #fff;border-radius:30px;}
.top_navi ul li:nth-child(2) ul{}
.top_navi ul li:nth-child(3) ul{}
.top_navi ul li:nth-child(5) ul{margin-left:-230px;}
.top_navi ul li:nth-child(6) ul{}
.top_navi ul ul li{padding:10px 25px 10px 25px!important;text-align:center;}
.top_navi ul ul li a{color:#fff!important;font-size:15px;padding:5px 0;}
.top_navi ul ul li a.ov{color:#fff!important;text-decoration:underline;font-weight:500;}
#header #navigation li li:hover{background:none;}
.topFixBannerFixed {position: fixed;top:0px;width:100%;height:80px;z-index:100;background:#fff;}

#container{position:relative;padding:0 0 0;margin-top:-23px;}
#container.sub_wrap{margin:0 auto;}
#container.sub_wrap .content{padding-top:35px;}
#container .content.main{margin:0 auto;padding:0 10%;box-sizing:border-box;line-height:1.3;word-break:keep-all;text-align:center;}
#container .content{margin:0 auto;padding:0 10% 100px;box-sizing:border-box;word-break:keep-all;text-align:left;}
#container .content_h{margin:0 auto;padding:0 5% 0;box-sizing:border-box;word-break:keep-all;text-align:center;}
#container  h2{font-size:35px;color:#101010;line-height:1.4;padding:30px 0 10px;text-align:center;font-weight:600;}
#container  h2 strong{font-weight:700;color:#00529c;}

#container .content h3{font-size:20px;color:#4373c4 ;line-height:1.4;padding:20px 0 5px;font-weight:600;}
#container .content h3.box_txt{font-size:26px;color:#204279;line-height:1.4;padding:0 0 20px;text-align:center;font-weight:600!important;}
#container .content h4{font-weight:600;clear:both;font-size:18px;}

#footer{position:relative;overflow:hidden;clear:both;padding:170px 30% 50px;font-size:14px;text-align:center;background:url("../images/common/bg_wave_mv.png") no-repeat center bottom;}
#footer .copy{color:#fff;line-height:1.3;font-weight:600;padding-top:15px;}
#footer .address{color:#fff;padding:7px 0 0;font-weight:400;line-height:1.2;}
#footer .address a{color:#fff;}
#footer .qr{position:absolute;right:10%;top:50px;}



@media (max-width:1024px){ /* 767 */
body{background-size:40%;background-position:right 25%;}
body.main{background:none;}
	#wrap{background-size:100%;background-position:left bottom;}
	#header .nav_wrap {height:80px!important;width:100%;left:0;top:0px;}
	#header h1{position:absolute;left:5%;top:46px;}
	#header h1 img{width:100%;}

	#header #mobile-navigation {display:block;position:absolute;right:7%;top:70px;width:36px;height:28px;padding:0;background:url("/2026/mod/images/common/mobile-menu.png") no-repeat 0 0;cursor:pointer;z-index:1000;}
	#header #navigation li:hover{background:none;}
	#header #navigation li li:hover{background:url("../images/common/bg_menu_dot.png") no-repeat 15px 15px;}
	#header #navigation li a{color:#fff;font-size:13px;}
	#header #navigation li a:hover{color:#fff;}

	#header .nav_wrap ul {overflow:hidden;clear:both;display:block;width:100%;z-index:1001;}/*none*/
	#header .nav_wrap ul li {width:100%;display:block;margin:0 !important;padding:0 !important;position:relative;border-bottom:1px solid #fff;background:#6f96d1;}
	#header .nav_wrap ul li a {display:block;height:40px;padding:0 3%;font-weight:normal;font-size:14px;color:#fff;text-align:left;line-height:40px;}
	#header .nav_wrap ul li a.first{padding-top:10px;}
	#header .nav_wrap ul li a.last{padding-bottom:10px;}
	#header .nav_wrap ul ul {display:none;position:relative;left:0;width:100%;height:auto;margin:0;border:0;background:#fff;}
	#header .nav_wrap ul ul li{background:#fff;border:none;opacity:1 !important; filter:alpha(opacity=100) !important;}
	#header .nav_wrap ul ul li a {text-indent:15px;color:#000!important;}
#header .nav_wrap .mask{display:none;}
	#header .nav_wrap{display:table;border:none;}
	#header .nav_wrap .smbg{display:none!important;}
	#header .user_wrap{z-index:1000;}
	#header .user_wrap .user_obj{margin-right:5%;}

.navmobile{display:none;position:absolute !important;top:120px !important;left:0;width:100% !important;background:#091f5b;z-index:2000;}
.navmobile img{vertical-align:top}
.navmobile a{display:block}
.navmobile ul li{vertical-align:top;}
.navmobile ul li span{display:block;overflow:hidden}
.navmobile ul li a:hover span img,
.navmobile ul li a:focus span img,
.navmobile ul li.open span img{}
.navmobile ul ul{display:none;margin:2px 0;border-bottom:1px solid #c5c5c5;}
.navmobile ul ul li{padding:5px 10px 5px 33px;}
.navmobile ul ul li.cate{padding:0;margin:6px 0;}
.navmobile ul ul li.cate.first{margin-top:2px;}



.visual_wrap{margin:78px 5% 0!important;}

	.s_visual .ttl{font-size:40px!important;top:15%!important;width:70%!important;text-align:center!important;}
	.s_visual .ttl span{font-size:18px!important;}

	#container{}
	#container .content.main{padding:0 5%!important;}
	#container .content{margin:0 auto;padding:0 5% 50px;box-sizing:border-box;word-break:keep-all;}
#container.sub_wrap .content{padding-top:20px;}


.w50p{overflow:hidden;}
.w50p li{float:none;width:100%;}

}




@media (max-width: 768px){
	#container .content h2{font-size:30px;color:#101010;line-height:1.4;}
	#container .content h2 span{display:block;font-size:15px;color:#484848;}

	#footer{overflow:hidden;clear:both;padding:50px 5%;font-size:13px;}
	#footer .logo_foot{text-align:center;}
	#footer .logo_foot img{width:50%;}
	#footer .footer_link{overflow:hidden;width:310px;margin:0 auto;padding:15px 0 10px;}
	#footer .footer_link li:nth-child(1){background:none;}
	#footer .footer_link li{float:left;padding:0 10px;background:url("../images/common/line_foot.gif") 0 0.2em no-repeat;}
	#footer .footer_link li a{color:#3c3c3b;}
	#footer .copy{text-align:center;color:#fff;line-height:1.5;}
	#footer .copy span{display:block;}
	#footer .address span{display:block;}
.pdl20m{padding-left:20px;}

}

@media (min-width:1024px){
	#header #navigation, #footer .copyright{}
	#header .s_banner_wrap_m{display:none;}

}


@media (max-width:1500px){
.top_navi{position:absolute;left:10%;top:0;text-align:center;}
#header #navigation li{float:left;font-size:13px;padding:30px 2%;}
.visual_wrap .visual_dates{top:5%;}

.s_visual .ttl{top:15%;}

}

@media (max-width:1260px){
#header #navigation li{float:left;font-size:12px;padding:30px 0.8%;}
.top_navi{position:absolute;left:10%;top:0;text-align:center;}
.top_navi ul{width:100%;}




}