@charset "utf-8";

/* 미지원브라우저 레이어 */
.browser_layer_w{background:url("../images/dim_70.png");position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;overflow-y:auto;visibility:hidden;}
.browser_layer_w.complete{visibility:visible;}
.browser_layer{width:640px;margin:0 auto;text-align:center;position:absolute;top:50%;left:50%;margin:0 0 0 -320px;}
.brow_top{color:#fff;font-size:40px;line-height:1;background:#4967b0;padding:33px 20px;}
.brow_mid{background:#5d7fb9;padding:50px 30px;}
.brow_mid_p{color:#dfe5f1;font-size:22px;line-height:1.3;padding-bottom:30px;}
.brow_btn_w{}
.brow_btn{display:inline-block;width:176px;height:101px;background:url("../images/ie_ex.png") no-repeat 0 0;margin:0 auto;}
/* // 미지원브라우저 레이어 */

/* common */
.page_wrap{min-width:320px;overflow:hidden;position:relative;}
.phead_z{background:#425aa1;height:70px;z-index:100;position:fixed;top:0;left:0;width:100%; min-width:320px;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
}
.page_wrap.member .phead_z{background:#72ab4d;}
.page_wrap.member .mstit{color:#72ab4d;}
.page_wrap.mypage .phead_z{background:#e35684;}
.page_wrap.mypage .mstit{color:#e35684;}
.page_wrap.dq .phead_z{background:#569acb;}
.page_wrap.dq .mstit{color:#569acb;}
.page_wrap.academy .phead_z{background:#ff7c15;}
.page_wrap.academy .mstit{color:#ff7c15;}
.page_wrap.customer .phead_z{background:#e9b92a;}
.page_wrap.customer .mstit{color:#e9b92a;}
.phead_in{max-width:1200px;margin:0 auto;position:relative;}
.btn_phtotal{display:none;width:50px;height:50px;position:absolute;top:0;left:0;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.phtotal_in{background:#fff;height:1px;position:absolute;top:50%;left:50%;width:18px;margin:0 0 0 -9px;transition:.15s;}
.phtotal_in:before,
.phtotal_in:after{display:block;content:'';width:100%;height:1px;background:#fff;position:absolute;left:0;transition:.3s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.phtotal_in:before{top:5px;}
.phtotal_in:after{bottom:5px;}

.phtotal_in{}
.top_headlogo{display:inline-block;height:70px;width:108px;position:absolute;top:0;left:0;}
.top_headlogo_link{display:block;background:url("../images/top_logo.png") no-repeat 50% 50%;height:70px;width:100%;}
.phgm_list_w{}
.phgm_list{display:table;height:100%;margin:0 auto;}
.phgm_list > li{display:table-cell;vertical-align: middle;width:124px;text-align:center;}
.phgm_list > li:last-of-type{}
.phgm_item{position:relative;}
.phgm{font-size:18px;color:#fff;height:70px;display:table;margin:0 auto;font-family: 'nsb';}
.phhm_in{display:table-cell;vertical-align: middle;padding-top:3px;}
.phtm_list_w{display:none;position:absolute;top:56px;left:0;width:100%;background:#fff;}
.phtm_list{}
.phtm_list > li{border-bottom:1px solid #cccccc;}
.phtm_list > li:last-of-type{border-bottom:0;}
.phtm{font-size:14px;text-align:center;display:block;line-height:1;padding:12px 0 10px;}
.phtm:hover{color:#425ba1;}
.phutil_list_w{position:absolute;top:0;right:32px;height:100%;}
.phutil_list{display:table;float:right;height:100%;}
.phutil_list > li{display:table-cell;vertical-align: middle;padding-left:36px;}
.phutil_list > li:first-of-type{padding-left:0;}
.phutil_list .phgm_item{}
.phutil_list .phgm{font-size:14px;font-family: 'nsb';}
.phutil_list .phhm_in{}
.phutil_list .phtm_list_w{width:110px;left:50%;margin-left:-55px;}
.phutil_list .phtm_list{}
.phutil_list .phtm_list > li{}
.phutil_list .phtm_list > li:last-of-type{}
.phutil_list .phtm{}
.phlang_w{position:relative;}
.phlang_target{height:70px;font-size:14px;display:table;color:#fff;padding-right:36px;}
.phlang_target.active{display:table-cell;vertical-align: middle;}
.phlang_target:after{display:block;content:'';width:11px;height:10px;opacity:.5;filter:alpha(opacity=50);background:url("../images/ico_lang.png") no-repeat 0 0;position:absolute;top:50%;right:0;margin-top:-5px;}
.phlang_target.active:after{}
.phlang_target_in{display:table-cell;vertical-align: middle;padding-top:3px;}
.phlang_list_w{display:none;background:#fff;position:absolute;top:56px;left:-10px;width:calc(100% + 20px);}
.phlang_list{}
.phlang_list > li{}
.phlang_list > li:last-of-type{}
.phlang_opt{display:block;font-size:14px;padding:8px 10px;}
.phtotal_z{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;overflow:hidden;}
.phtotal_w{background:#fff;width:240px;position:absolute;top:0;left:-240px;bottom:0;z-index:5;transition:.4s;
	-webkit-box-shadow: 1px 3px 18px -5px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 3px 18px -5px rgba(0,0,0,0.4);
	box-shadow: 1px 3px 18px -5px rgba(0,0,0,0.4);
}
.phtotal_bg{display:block;content:'';width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0);transition:.4s;}
.phtotal_z.active .phtotal_bg{background:rgba(0,0,0,.3);}
.phtotal_z.active .phtotal_w{left:0;}
.phtotal_isc{}
.pht_toplow{padding:20px 0 25px;position:relative;}
.pht_toplow:after{display:block;content:'';width:calc(100% - 30px);position:absolute;bottom:0;left:15px;background:#e5e5e5;height:1px;}
.phtop_logo_w{text-align:center;font-size:0;line-height:0;text-align:center;}
.phtop_logo_w img{height:45px;max-width:inherit;}
.phtop_spec_w{color:#569acb;text-align:center;font-size:13px;margin-top:10px;font-family: 'nsb';}
.pht_gmlow{}
.phtotal_list{}
.phtotal_list > li{}
.phtotal_list > li:last-of-type{}
.phtotal_two{display:block;font-family: 'nsb'; color:#569acb;position:relative;padding:12px 40px 12px 45px;font-size:15px;}
.phtotal_one{display:block;font-family: 'nsb'; color:#569acb;position:relative;padding:12px 40px 12px 45px;font-size:15px;}
.phtotal_one:before{display:block;content:'';width:4px;height:4px;position:absolute;top:18px;left:33px;background-color:#569acb;border-radius:100%;}
.phtotal_one:after{
	display:inline-block;content:'';width:8px;height:8px;position:absolute;top:13px;right:25px;
	border-right:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;transition:.4s;
	transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);
	-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);
}
.phtotal_one.active:after{
	-webkit-transform:rotate(225deg);transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);top:19px;
}
.phone_in{}
.phtwo_list_w{background:#f2f2f2;display:none;}
.phtwo_list{padding:5px 0}
.phtwo_list > li:last-of-type{}
.phtwo_in{}
.phtwo{display:block;font-size:14px;color:#7b7b7b;font-family: 'nsr';padding:10px 10px 10px 46px;position:relative;}
.phtwo_in{display:block;position:relative;padding-left:10px;}
.phtwo_in:before{display:block;content:'-';position:absolute;top:0;left:0;}
.phtwo:hover{color:#569acb;}
.phtwo:hover .phtwo_in{color:#569acb;}
.phtwo_list > li.active .phtwo,
.phtwo_list > li.active .phtwo *{color:#569acb;}
.phtotal_one.active:before{}
.phtotal_one.active:after{}
.pfoot_z{background:#5b5b5b;}
.pfoot_in{max-width:1200px;margin:0 auto;position:relative;padding:50px 0;}
.pfoot_in:after{display:block;content:'';clear:both;}
.pfoot_logo{display:block;width:108px;background:url("../images/bot_logo.png") no-repeat 50% 50%;height:34px;float:left;}
.pbotm_list{float:right;display:table;padding-top:4px;}
.pbotm_list > li{display:table-cell;vertical-align: middle;padding-right:30px;}
.pbotm_list > li:last-of-type{padding-right:30px}
.pbotm{display:block;font-size:14px;color:#e6e6e6;font-weight:500;position:relative;padding:8px 0 0 37px;min-height:22px;}
.pbotm4{display:block;font-size:14px;color:#e6e6e6;font-weight:500;position:relative;padding:8px 0 0 37px;min-height:22px;}
.pbotm:before{display:block;content:'';width:30px;height:30px;background:url("../images/ico_bot.png") no-repeat 0 0;position:absolute;top:0;left:0;}
.pbotm.pbotm01:before{background-position:0 0;}
.pbotm.pbotm02:before{background-position:0 -30px;}
.pbotm.pbotm03:before{background-position:0 -60px;}
.midsection_z{padding-top:70px;background:#f2f2f2;}
.mstit_w{padding:40px 0 35px;text-align:center;}
.mstit{font-size:40px;line-height:1;letter-spacing:-1px;font-weight:500;color:#425ba1;font-family:'nsb';}
.mstit_sub{color:#000000;font-size:14px;margin-top:12px;line-height:1.5;word-break:keep-all;}
.msbox_w{max-width:1200px;margin:0 auto;padding:0 32px 40px;}
.msbox{padding:70px;background:#fff;min-height:500px;}
.msbox.dptype2{padding:40px 70px 70px;}
.page_wrap.dq .msbox{min-height:0;}
@media (max-width:1023px){
	.top_headlogo{height:50px;position:static;width:50px;margin:0 auto;display:block;}
	.top_headlogo_link{height:50px;background:url("../images/top_logo_m.png") no-repeat 50% 50%/35px auto;}
	.phutil_list_w{right:15px;}
	.phlang_target{height:50px;font-size:12px;padding-right:18px;}
	.phlang_target:after{background:url("../images/ico_lang_m.png") no-repeat 0 0/cover;width:8px;height:7px;margin-top:-3px;}
	.phlang_opt{font-size:13px;padding:8px;}
	.phutil_list > li{padding-left:0}
	.phlang_list_w{top:50px;left:-8px;width:calc(100% + 16px);}
	.phead_z{height:50px;}
	.phutil_list .phgm_item,
	.phgm_list_w{display:none;}
	.phtotal_z{display:none;}
	.btn_phtotal{display:block;}
	.pbotm_list,
	.pbotm_list > li{display:block;width:86%;}
	.pfoot_in{padding:15px 0;}
	.pbotm_list > li{padding-right:15px;}
	.pfoot_logo{width:28px;height:20px;background:url("../images/bot_logo_m.png") no-repeat 50% 50%/cover;position:absolute;top:50%;left:15px;margin-top:-11px;}
	.pbotm{font-size:12px;padding:4px 0 0 28px;}
	.pbotm4{font-size:12px;padding:4px 0 0 28px;}
	.pbotm:before{width:20px;height:20px;background-size:cover;}
	.pbotm.pbotm01:before{background-position:0 0;}
	.pbotm.pbotm02:before{background-position:0 -20px;}
	.pbotm.pbotm03:before{background-position:0 -40px;}
	.midsection_z{padding-top:50px;}
	.mstit_w{padding:25px 10px 20px;}
	.mstit{font-size:22px;}
	.mstit_sub{font-size:14px;}
	.msbox_w{padding:0;}
	.msbox{padding:30px 20px 60px;min-height:0;}
	.msbox.dptype2{padding:30px 20px 60px;}
}
/* // common */