@charset "utf-8";

/* 2025-10-27 삭제
@font-face { font-family:'NanumGothicBold'; font-style:normal; font-weight:normal; src: url('/fonts/NanumBarunGothicBold.eot'); src: local('☺'), url('/fonts/NanumBarunGothicBold.woff') format('woff');}
@font-face { font-family:'NanumGothic'; font-style:normal; font-weight:normal; src: url('/fonts/NanumBarunGothicBold.eot'); src: local('☺'), url('/fonts/NanumBarunGothicBold.woff') format('woff');}
*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button { margin:0; padding:0; -webkit-text-size-adjust:none } /*가로로 눕혀서볼때 글씨확장 방지*/
body,input,textarea,select,table,button {/*font-family:NanumGothic,dotum,'돋움',sans-serif*/ font-family: 'Pretendard','맑은 고딕','Malgun Gothic';  } /*2025-10-27*/
body {color:#000; word-wrap:break-word; word-break:break-all; min-width:320px;font-size:62.5%;position:relative;background-color:#f8f8f8;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;} 
img,fieldset { border:0 }
img {vertical-align:top }
input,select,textarea{vertical-align:middle }
ul,ol { list-style:none }
a { color:#000; text-decoration:none; cursor:pointer }
em, address { font-style:normal }
hr { display:none !important }
.blind{visibility:hidden;overflow:hidden;position:absolute;left:-999em;width:0;height:0;font-size:0;line-height:0}


/*layout*/
#wrap {width:100%;height:100%;position:relative;}
#header {position:relative;width:100%;height:58px;background:#fff;border-bottom:1px solid #ddd}
#header_login {position:relative;width:100%;height:70px;background:#fff;border-bottom:1px solid #ddd}

/*top*/
#header h1.logo {position:absolute;top:17px;width:100%;margin-left:17px}
#header_login h1.login_logo {text-align:center;padding-top:18px;}
#header .tit_location {color:#fff;font-size:1.7em;position:absolute;top:17px;width:100%;text-align:center;font-weight:bold;}

/*menu*/ 
#header .util .nav-top-menu {position:absolute;right:20px;top:0;width:25px;height:25px;padding:18px 0 17px;background:url(/img/common/btn_top_menu.png) no-repeat 0 50%;background-size:25px;font-size:0;text-indent:-9999px;}


.sub_title{background-color:#f9f9f9;height:40px;background-image:url(/img/common/location_dotline.png);background-repeat:repeat-x;background-position:0 100%;overflow:hidden;background-size:6px;}/* 수정 0315 background-size:6px; */
.sub_title .location{background:url(/img/common/bull_location.png) 15px 50% no-repeat;-webkit-background-size:25px 25px;background-size:18px 18px;font-size:16px;padding-left:40px;height:40px;line-height:40px;font-weight:bold;}
.sub_title ul{overflow:hidden;padding-right:15px;}
.sub_title ul li{float:left;}
.sub_title .h1_title{color:#555555;font-size:1.4em;line-height:45px;padding:0 20px 0 18px;background:url(/img/common/bg_arrow_r.png) no-repeat right 50%}
.sub_title .h1_title_last{color:#555555;font-size:1.4em;line-height:45px;padding-left:10px;font-weight:bold;}


.nav-top-menu-close {position:absolute;top:0;right:15px;z-index:3;width:30px;height:30px;padding:15px 0;background:url(/img/common/btn_menu_close.png) no-repeat 0 50%;-webkit-background-size:30px 30px;background-size:30px 30px;font-size:0;text-indent:-9999px;}
.menu-wrap {position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;margin-left:-30px;}
.menu-wrap .total_wrap{position:absolute;top:0;left:0;height:100%;width:100%;}

/* tm_header */
.menu-wrap .tm_header {height:58px;background-color:#0066b3;width:100%;border-bottom:1px solid #142a3a;}
.menu-wrap .tm_header .nav-title{display:block;padding:0 0 0 60px;font-size:17px;color:#fff;line-height:58px;letter-spacing:-1px;}
.menu-wrap .tm_header .msg {padding-top:20px;margin-right:12px;font-size:14px;}
.menu-wrap .tm_header .msg a {padding:5px 10px 5px 7px;background:url(/img/common/bul_arrow.png) no-repeat 100% 50%;color:#999;}
.menu-wrap .ov {position:relative;overflow:hidden;width:207px;height:355px;border-bottom:1px solid #717a80;background-color:#f2f2f2;}
.menu-wrap .ot {display:none;overflow:hidden;width:0;}

/*상단탭메뉴*/
.menu-wrap #menu {overflow:auto;width:100%;height:100%;font-size:1.4em;background:#fff;letter-spacing:-0.05em;}

.lnb_t{width:100%;height:100%;overflow:hidden;background:#f8f8f8;}
.lnb_t > li > a {display:block;text-decoration:none;text-align:center;color:#222;line-height:110px;background:#000;font-size:1.1em;padding:20px 0;}
.lnb_t > li{overflow:hidden;}
.lnb_t > li:hover > .snbMenu_wrap > .snbMenu{display:block;}


/*SNB*/
.snbMenu_wrap{background:#fff;width:100%;height:100%;position:absolute;top:70px;left:0;clear:both; overflow:hidden;}
.snbMenu_wrap .snbMenu{z-index:120;background:#fff;margin:0 auto;margin-left:60px;;padding-right:30px;}/*display:none;*/
.snbMenu_wrap .snbMenu li{overflow:hidden;}
.snbMenu_wrap .snbMenu li a *{vertical-align:middle;}
.snbMenu_wrap .snbMenu li a{position:relative; display:block;overflow:hidden; padding-left:15px; color:#061a4e; font-weight:bold; font-size:1.1em; line-height:45px;}

.snbMenu_wrap .snbMenu li a:active{color:#f47110;}
.snbMenu_wrap .snbMenu li.on .menuList_s li.on a{color:#f47110;background:url(/img/common/snb_bull_01.png) no-repeat 0 9px;}
.snbMenu_wrap .snbMenu .snbMenu_s li a{background:#fbfbfc url(/img/common/snb_bull_bar.png) no-repeat 20px 50%;background-size:10px;padding-left:40px;}
.snbMenu_wrap .snbMenu .snbMenu_s li:last-child a {border-bottom:1px solid #061a4e;}


/* a.menuD : 하위 메뉴 없음, a.menuR : 메뉴 닫힘, a.menuB : 메뉴 열림 */
.snbMenu_wrap .snbMenu li a.menuD{border-bottom:1px solid #061a4e; background:url('/img/common/snb_bull_02.png') no-repeat 100% 15px;background-size:20px;font-size:1.2em;}
.snbMenu_wrap .snbMenu li a.menuD:active{background:url('/img/common/snb_bull_02_act.png') no-repeat 100% 15px;background-size:20px;font-size:1.2em}

.snbMenu_wrap .snbMenu li a.menuR{border-bottom:1px solid #061a4e; background:url(/img/common/snb_bull_01_off.png) no-repeat 100% 15px;background-size:20px;font-size:1.2em} 
.snbMenu_wrap .snbMenu li a.menuR:active{background:url('/img/common/snb_bull_01_off.png') no-repeat 100% 15px;background-size:20px;}

.snbMenu_wrap .snbMenu li a.menuB{border-bottom:1px solid #061a4e; background:url('/img/common/snb_bull_01.png') no-repeat 100% 15px;background-size:20px;font-size:1.2em}
.snbMenu_wrap .snbMenu li a.menuB:active{background:url('/img/common/snb_bull_01.png') no-repeat 100% 15px;background-size:20px;}

.snbMenu_wrap .snbMenu li.on a.menuB,
.snbMenu_wrap .snbMenu li.on a.menuD{color:#f47110; }


/*3Depth*/
.snbMenu_wrap .snbMenu .snbMenu_s .snbMenu_ld li a{background:#858585 url(/img/common/snb_bull_dot.png) no-repeat 30px 50%;background-size:5px;padding-left:40px; line-height:35px;color:#fff;border:0}/*160922*/
.snbMenu_wrap .snbMenu .snbMenu_s .snbMenu_ld li a:active{color:#fcc885;}
.snbMenu_wrap .snbMenu .snbMenu_s .snbMenu_ld li:last-child a {border-bottom:1px solid #061a4e;}/*160922*/




.mbg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";filter:alpha(opacity=50);opacity:0.5;z-index:600;}

/*conTitle*/ 
#conTitle{background:#3399db;height:35px;}
#conTitle .pre a{display:block;float:left;width:12%;text-align:center;height:28px;padding-top:7px;}
#conTitle .home a{display:block;float:right;width:12%;text-align:center;height:28px;padding-top:7px;}
#conTitle h1{float:left;color:#fff;width:76%;text-align:center;font-size:1.6em;padding-top:7px;font-weight:bold}

/*contents*/
#contentsWrap{background:#f8f8f8;overflow:hidden}
#contentsWrap .cp_con{background:#fff;font-size:1.4em;min-height:100px;padding:15px;}


/*footer*/
/*
#footer {width:100%; text-align:center;padding:20px 0 25px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:10px;}  
#footer ul {padding-bottom:10px;}
#footer ul li { display:inline;border-right:1px solid #ccc;font-size:13px; padding:0 5px;color:#555; }
#footer ul li a{ font-size:13px;color:#555;}
#footer ul li:last-child { border:none }
#footer #copyright {font-size:12px;color:#5c5b5b;}
#footer #copyright address { margin-top:12px; font-size:1em; color:#575757 }
#footer #copyright .cr { margin-top:12px;color:#909090;}
#footer #copyright p { margin-top:5px;color:#909090;}
#footer #copyright .cstnum {color:#333}
#footer #copyright .ftlkw {padding:0 0 20px;}
#footer #copyright .ftlkw .ftlk {display:inline-block;height:25px;margin-right:-1px;padding: 0 10px;border:1px solid #dfdfdf;line-height:27px;text-align:center;font-size:13px;color:#333;}


#footer_login {width:100%; text-align:center;padding:20px 0 25px;border-top:1px solid #ddd;margin-top:10px;}  
#footer_login #copyright {font-size:12px;color:#333;}
#footer_login #copyright .cr { margin-top:12px;color:#666;font-size:11px;}
#footer_login #copyright .tel {display:block;margin-top:5px;color:#333;}

/*#footer #copyright .btm_link { color:#909090;}
#footer #copyright .bar{margin:0 5px;display:inline-block;width:1px; height:11px;background:#d8d8d8;text-indent:-999em;}*/
*/

/* Main Page Banner Swiper Css */
.swiper3 {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;  
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color:#000;
	opacity: 1;
	background: rgba(0,0,0,0.2);
	margin:0 5px;
	display:inline-block;
	border-radius:100%;
}

.swiper-pagination-bullet-active {
	color:#fff;
	background: #fff;
}


/*popLayer*/

.mask { display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.6); z-index:101;}
.qr_pop_mask { display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.6); z-index:101;}
.commonMask { display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.6); z-index:101;}
#gameLayer {position:fixed; top:0; bottom:0; left:0; right:0; z-index: 10001;}
.game_result_wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; top:0; left:0; width:100%; height:100%;overflow:hidden; box-sizing:border-box; z-index: 102;}
.game-dialog {margin: 0 auto;color:#646873;position: relative;}
.game-dialog .inbox {margin:0 20px;}
.game-header {position:relative;}
header.game-header h1 { padding: 40px 0 0 0; font-size:22px; font-weight:400; line-height:30px;text-align:center;color:#111;}
.game-content { border: none;background:#f1f2f4; overflow: hidden; -webkit-border-radius: 12px; border-radius: 12px;-webkit-box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3) !important; box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3) !important; }
.game-header .close {position:absolute;top:20px;right:20px;background:url('/img/mobile/edu/btn_close_inner.png') 0 0 no-repeat;width:20px;height:20px; background-size:20px 20px;text-indent: -9999px;}

.game-content .pt_top{padding-top:40px;font-size:13px;text-align:center;}
.game-content .pt_result{font-size:15px;padding-top:60px;text-align:center;color:#222}
.game-content .pt_result span{color:#08862a}
.game-content .breif{text-align:center;padding-top:60px;font-size:15px;font-weight:500;color:#222}
.game-content .breif span{display:block;padding-top:10px;}

.pop-btnWrap,.pop-btnWrap_2{padding:10px 20px 20px}
.pop-btnWrap a{display:block;padding:12px 0;color:#fff;font-size:16px;text-align:center;background-color:#3d6fe7; border-radius: 7px;}
.pop-btnWrap_2 a{display:block;padding:12px 0;color:#08862a;font-size:16px;text-align:center;background-color:#fff;border:1px solid #3d6fe7; border-radius: 7px;}

.btn_group_3 {text-align:center;display:table;width:100%;padding:10px 20px 20px} 
.btn_area_3 li{float:left;width:30%;}
.btn_area_3 li:first-child{padding-left:0}
.btn_area_3 li:last-child{width:70%;padding-left:8px;}
.btn_area_3 button{width:100%;font-weight:normal;height:50px;border-radius: 5px;border:1px solid #e0e0e4;background: #fff;color:#646873}
.btn_area_3 .btn_type{background:#3d6fe7;border-color:#3d6fe7;color:#fff;border-radius: 5px;}


/*2020-10-24 밑에 다 변경*/

.game-content .pop_notice span.subTit{color:#222;padding-top:7px;display:block;font-size:14px;}
.game-content .pop_notice{font-size:16px;padding:40px 30px 0;text-align:center;color:#222;line-height:23px;}
.game-content .pop_notice span.mainTit{color:#4348df;font-weight:600}
.game-content .pop_notice ul.con_detail{color:#222;display:block;font-size:14px;padding:22px 0 32px 0}
.game-content .pop_notice ul.con_detail li{text-align:left;padding:5px 0 0 0;}
.game-content .pop_notice ul.con_detail li em{display:inline-block;position: relative;z-index:1;font-size:15px;font-style:normal;color:#4348df;font-weight:600}
.game-content .pop_notice ul.con_detail li em:after{ content:""; width:calc(100% + 2px); height:7px; position: absolute; bottom:2px; left:-1px; background: #fff89d;z-index:-1000}
.game-content .pop_notice ul.con_detail li span{position: relative;}
.game-content .pop_notice ul.con_detail li span:after{content:"";position: absolute;top:9px;left:-5px;background: #222;width:3px;height:3px}
.game-content .pop_notice span.subTit{color:#222;padding-top:7px;display:block;font-size:14px;}
.game-content .pop_notice span.subTit em{display:inline-block;position: relative;z-index:1;font-size:15px;font-weight:600;font-style:normal}
.game-content .pop_notice span.subTit em:after{ content:""; width:calc(100% + 2px); height:7px; position: absolute; bottom:2px; left:-1px; background: #fff89d;z-index:-1000}


.game-dialog .botPopMnu {position: absolute;z-index: 111;left: 0;right: 0;top: -40px;color:#fff;}
.game-dialog .botPopMnu li {width: 50%;}
.game-dialog .botPopMnu li:first-child {float: left; text-align: left;}
.game-dialog .botPopMnu li:first-child a {display: block;padding-left: 22px;height: 30px;line-height: 30px;font-size: 15px;color: #fff;}
.game-dialog .botPopMnu li:last-child { float: right;text-align: right;}
.game-dialog .botPopMnu li:last-child a {display: inline-block;padding: 4px 22px 4px 45px;vertical-align: top;}
.game-dialog .botPopMnu li:last-child a .but_exit {display:inline-block;width:22px;height:22px;overflow:hidden;word-break:break-all;font-size:1px;line-height:1em;color:transparent;vertical-align:top;background-image:url('/img/mobile/edu/btn_close_new.png');background-size:22px auto;text-shadow:none !important;}
.game-dialog .botPopPg {margin: 0 auto;position: relative;z-index: 11;max-width: 375px;}


/*2025-10-27 밑에 다*/
#gameLayer {position:fixed; top:0; bottom:0; left:0; right:0; z-index: 10001;}
.game_result_wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; top:0; left:0; width:100%; height:100%;overflow:hidden; box-sizing:border-box; z-index: 102;}
.game-dialog {margin: 0 auto;color:#646873;width:100%;position: relative;}
.game-dialog .inbox {margin:0 20px;}
.game-header {position:relative;}
header.game-header h1 { padding: 40px 0 0 0; font-size:22px; font-weight:400; line-height:30px;text-align:center;color:#111;}
.game-content { border: none;background:#f1f2f4; overflow: hidden; -webkit-border-radius: 12px; border-radius: 12px;-webkit-box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3) !important; box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3) !important; }
.game-header .close {position:absolute;top:20px;right:20px;background:url('../img/sub/event/btn_close_inner.png') 0 0 no-repeat;width:20px;height:20px; background-size:20px 20px;text-indent: -9999px;}

.game-content .pt_top{padding-top:40px;font-size:13px;text-align:center;}
.game-content .pt_result{font-size:15px;padding-top:60px;text-align:center;color:#222}
.game-content .pt_result span{color:#08862a}
.game-content .breif{text-align:center;padding-top:60px;font-size:15px;font-weight:500;color:#222}
.game-content .breif span{display:block;padding-top:10px;}

.pop-btnWrap,.pop-btnWrap_2{padding:20px 20px 20px}/*2020-10-24*/
.pop-btnWrap a{display:block;padding:12px 0;color:#fff;font-size:16px;text-align:center;background-color:#3d6fe7; border-radius: 7px;}/*2020-10-24*/
.pop-btnWrap_2 a{display:block;padding:12px 0;color:#3d6fe7;font-size:16px;text-align:center;background-color:#fff;border:1px solid #3d6fe7; border-radius: 7px;}/*2020-10-24*/

.btn_group_sign {text-align:center;display:table;width:100%;padding:0 20px 20px} 
.btn_area_sign li{float:left;width:30%;}
.btn_area_sign li:first-child{padding-left:0}
.btn_area_sign li:last-child{width:70%;padding-left:8px;}
.btn_area_sign button{width:100%;font-weight:normal;height:50px;border-radius: 5px;border:1px solid #e0e0e4;background: #fff;color:#646873;font-size:16px}/*2025-10-27*/
.btn_area_sign .btn_type{background:#3d6fe7;border-color:#3d6fe7;color:#fff;border-radius: 5px;}


.btn_single {text-align:center;display:table;width:100%;padding:0 20px 20px} 
.btn_area_single li{}

.btn_area_single button{width:100%;font-weight:normal;height:50px;border-radius: 5px;border:1px solid #e0e0e4;background: #3d6fe7;color:#fff;font-size:17px;}
.btn_area_single .btn_type{background:#3d6fe7;border-color:#3d6fe7;color:#fff;border-radius: 5px;}


.game-content .pop_notice{font-size:16px;padding:40px 30px 0;text-align:center;color:#222}
.game-content .pop_notice span.mainTit{color:#4348df;font-weight:600}
.game-content .pop_notice ul.con_detail{color:#222;display:block;font-size:14px;padding:15px 0 12px 0}
.game-content .pop_notice ul.con_detail li{text-align:left;padding:5px 0 0 0;}
.game-content .pop_notice ul.con_detail li em{display:inline-block;position: relative;z-index:1;font-size:15px;font-style:normal;color:#4348df;font-weight:600}
.game-content .pop_notice ul.con_detail li em:after{ content:""; width:calc(100% + 2px); height:7px; position: absolute; bottom:2px; left:-1px; background: #fff89d;z-index:-1000}
.game-content .pop_notice ul.con_detail li span{position: relative;}
.game-content .pop_notice ul.con_detail li span:after{content:"";position: absolute;top:9px;left:-5px;background: #222;width:3px;height:3px}
.game-content .pop_notice span.subTit{color:#222;padding-top:7px;display:block;font-size:14px;}
.game-content .pop_notice span.subTit em{display:inline-block;position: relative;z-index:1;font-size:15px;font-weight:600;font-style:normal}
.game-content .pop_notice span.subTit em:after{ content:""; width:calc(100% + 2px); height:7px; position: absolute; bottom:2px; left:-1px; background: #fff89d;z-index:-1000}

.game-dialog .botPopMnu {position: absolute;z-index: 111;left: 0;right: 0;top: -40px;color:#fff;}
.game-dialog .botPopMnu li {width: 50%;}
.game-dialog .botPopMnu li:first-child {float: left; text-align: left;}
.game-dialog .botPopMnu li:first-child a {display: block;padding-left: 22px;height: 30px;line-height: 30px;color: #fff;}
.game-dialog .botPopMnu li:last-child { float: right;text-align: right;}
.game-dialog .botPopMnu li:last-child a {display: inline-block;padding: 4px 22px 4px 45px;vertical-align: top;}
.game-dialog .botPopMnu li:last-child a .but_exit {display:inline-block;width:22px;height:22px;overflow:hidden;word-break:break-all;font-size:1px;line-height:1em;color:transparent;vertical-align:top;background-image:url('../img/sub/event/btn_close_new.png');background-size:22px auto;text-shadow:none !important;}
.game-dialog .botPopPg {margin: 0 auto;position: relative;z-index: 11;max-width: 375px;}


.tit_header{font-size:20px;color:#222;font-weight:600;letter-spacing:-1px;padding:30px 0 20px 20px;}
.pop_notice_241008 {font-size:17px;color:#222;font-weight:600;padding-bottom:40px;text-align:center;}
.context_long_241008{padding:40px 30px 0;}


/*2025-11-18*/
.tit_header_1{font-size:20px;color:#222;font-weight:600;letter-spacing:-1px;padding:30px 0 20px;text-align:center;}
.pop_notice_251118 {font-size:16px;color:#222;font-weight:600;padding:10px 36px 40px;text-align:center;line-height:22px}
.context_long_241008{padding:40px 30px 0;}