
/* layout.css */

#wrap {overflow-x:hidden;min-width:340px;}

header {width:100%;border-bottom:1px solid #023a54;}
header #sub_head {position:relative;margin:0 auto;width:100%;max-width:1000px;}
header #sub_head:after {content:""; clear:both; visibility:hidden; display:block; height:0;}
header #sub_head .lang {text-align:right;padding:8px 2px 5px 0;}
header #sub_head .lang>li {display:inline-block;font-size:13px;padding:0 3px;color:#999;}
header #sub_head .lang>li.on {color:#111;}
header #sub_head .head_info {padding:0 0 12px 0;}
header #sub_head .head_info:after {content:""; clear:both; visibility:hidden; display:block; height:0;}
header #sub_head .head_info h1 {width:50%;}
header #sub_head .head_info h1 .vp_title {font-size:24px;font-weight:600;letter-spacing:-1px;}
header #gnb_wrapper {width:100%;background:#0d5499;}
header #gnb_wrapper .gnb {position:relative;margin:0 auto;width:100%;max-width:1000px;}
header #gnb_wrapper .gnb {}
header #gnb_wrapper .gnb:after {content:""; clear:both; visibility:hidden; display:block; height:0;}
header #gnb_wrapper .gnb>li {position:relative;float:left;padding:12px 0;width:20%;color:#fff;text-align:center;font-size:16px;} 
header #gnb_wrapper .gnb>li:hover {background:#111;}
header #gnb_wrapper .gnb>li a {display:block;width:100%;height:100%;color:#fff;text-decoration:none;}
header #gnb_wrapper .gnb>li>.depth2 {display:none;position:absolute;width:100%;background:#111;z-index:10;top:43px;border-top:1px dashed #f5f5f5;}
header #gnb_wrapper .gnb>li>.depth2>li {float:none;width:100%;text-align:left;}
header #gnb_wrapper .gnb>li>.depth2>li>a {width:100%;padding:10px 10px 10px 30px;color:#fff;font-size:14px;}
header #gnb_wrapper .gnb>li>.depth2>li>a:hover {background:url(../img/sub_on.png) 12px center no-repeat;color:#6dcff6;}
/* ·Î±×ÀÎ À¯Àú */
.login_area {position:absolute;width:40%;max-width:360px;right:0;top:38px;overflow:hidden;}
.login_area .user_id {float:left;font-size:13px;color::#898989;line-height:1.4;word-break:keep-all;}
.login_area .user_id .id {font-weight:600;font-size:14px;}
.login_area .user_id .tel {font-weight:600;text-decoration:underline;}
.login_area .btn_login {float:left;display:block;width:90px;height:30px;margin:5px 0 5px 10px;line-height:30px;background:#000;text-align:center;color:#fff;}

/* ¸ð¹ÙÀÏÀÏ °æ¿ì */
header #sub_head .mobile_nav {display:none;}

/* ¼­ºê ·¹ÀÌ¾Æ¿ô */
#container {margin:20px auto 10px;width:100%;max-width:1000px;}
.cu_indication {width:100%;padding:2px 3px 10px 0;text-align:right;border-bottom:1px solid #d7d7d7;}
.cu_indication ul {}
.cu_indication ul>li {display:inline-block;padding:0 15px 0 3px;background:url(../img/cu_arrow.png) right center no-repeat;font-size:12px;}
.cu_indication ul>li:last-child {padding:0 0 0 3px;background:transparent;}
.page_title {padding:25px 0 25px 15px;font-size:38px;letter-spacing:-1px;}



footer {position:relative;margin-top:30px;width:100%;padding:20px 0 10px;background:#f5f5f5;border-top:1px solid #d7d7d7;}
footer .footer_nav {margin:0 auto;width:100%;max-width:200px;}
footer .footer_nav li {display:inline-block;padding:0 4px;font-size:13px;}
footer .footer_nav li a {font-weight:600;}
footer .footer_nav li a:hover {color:#0072bc;}
footer .footer_txt {margin:0 auto;width:99%;padding:5px 0;text-align:center;font-size:12px;}
footer .footer_txt .tel {color:#0072bc;font-weight:600;}
footer .copyrights {font-size:12px;text-align:center;}


/* mobile menu */

html.open {overflow:hidden;} 

#menu {position:fixed;top:0px;right:-100%;z-index:99999;width:70%;max-width:320px;height:100%;background:#0d5499;border:1px solid #0d5499;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} 

#menu.open {right:0;overflow-y:auto;}

#nav{position:relative;z-index:998;}

.all_menu{position:absolute;right:10px;top:25px;background:#0d5499;}

.all_menu button{padding:5px;background:#424244;border:1px solid #424244;}

.close {width:64px;height:64px;position:absolute;right:0;background:url(../img/close.png);background-repeat:no-repeat;background-position:center;padding:15 10px;cursor:pointer;z-index:999;} 


.sub_menu{position:relative;height:100%;background:#0d5499;}

.sub_menu .member_info {padding:20px 10px;text-align:center;background-color:#f3edf0;}
.sub_menu .member_info span {font-weight:500;font-size:20px;color:#8d55a3;}

.sub_menu .menu_inner {padding:20px 10px;border-top:1px dashed #231815;border-bottom:1px dashed #231815;text-align:center;}

.sub_menu .menu_inner a {display:inline-block;padding:5px 15px;background:none;color:#915ba6;border-bottom:1px solid #fff;}
.sub_menu .menu_inner a:hover {border-bottom:1px solid #915ba6;}

.sub_menu > ul.m_lnb > li a {display:block;padding:15px 5px 15px 10px;color:#fff;border-bottom:1px solid #2771ba;text-indent:10px;text-align:left;font-size:14px;}

.sub_menu > ul.m_lnb > li span{display:block;padding:15px 5px 15px 5px;color:#fff;border-bottom:1px solid #2771ba;text-indent:10px;text-align:left;font-size:14px;background:url(/img/common/g_arrow_down.png) no-repeat;background-position:right 20px center;cursor:pointer;}

.sub_menu > ul.m_lnb > li.active span{background:url(/img/common/g_arrow_up.png) no-repeat;background-position:right 20px center;}

.sub_menu > ul.m_lnb > li .m_sub_depth {display:none;padding:0;}
.sub_menu > ul.m_lnb > li .m_sub_depth>li {background-color:#3a75af;border-bottom:none;color:#fff;}
.sub_menu > ul.m_lnb > li .m_sub_depth>li a {padding:10px 5px 10px 10px;}
.sub_menu > ul.m_lnb > li .m_sub_depth>li a:hover {background-color:#111;color:#fff;}

.sub_menu > ul.m_lnb > li .m_depth3 {padding:5px 5px 5px 10px;color:#f5f5f5;background:#333;}
.sub_menu > ul.m_lnb > li .m_depth3 li a {display:inline-block;padding:5px;border-bottom:none;color:#f5f5f5;}
.sub_menu > ul.m_lnb > li .m_depth3 li a:hover {background:transparent;text-decoration:underline;color:#a688b7;}

.page_cover.open {display:block;}

.page_cover {width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:rgba(0,0,0,0.7);z-index:1000;display:none;}

/* mobile end */


/********* tooltip css **********/

.tooltip{
	display:block;
	position: absolute;
	left:0;
	top:100%;
	/* width:100%; */
	z-index:10;
	/* margin-left:-75px; */
	padding:5px 10px;
	background: #ff6013;
	color: #FFFFFF;
	border-radius: 6px;
	text-align: center;
	opacity:0.7;
	font-size:11px;
}

.tooltip:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ff6013 transparent;
}

.agree_tooltip{
	display:inline-block;
	position: relative;
	right:0;
	top:100%;
	/* width:100%; */
	z-index:10;
	/* margin-left:-75px; */
	margin-top:10px;
	padding:5px 10px;
	background: #ff6013;
	color: #FFFFFF;
	border-radius: 6px;
	text-align: center;
	opacity:0.7;
	font-size:11px;
}


/*****************************************************************************************/
/************************************* ÀÛÀºÇØ»óµµ ****************************************/
/*****************************************************************************************/


@media only screen and (max-width: 960px) {

/* ·Î±×ÀÎ À¯Àú */
.login_area {position:absolute;width:50%;max-width:none;}


}

@media only screen and (max-width: 768px) {
/***** Çì´õ ºÎºÐ *****/
header #sub_head .lang {text-align:left;padding:15px 2px 5px 10px;}
header #sub_head .head_info {padding:0;height:60px;}
header #sub_head .head_info h1 {width:100%;text-align:center;padding:10px 0;}
header #sub_head .head_info h1 img {width:80px;height:auto;}
header #sub_head .head_info h1 .vp_title {font-size:18px;font-weight:600;letter-spacing:-1px;}
header #gnb_wrapper {display:none;}
header #sub_head .mobile_nav {display:block;position:absolute;top:0;right:0;height:60px;padding:0;z-index:10;}
header #sub_head .mobile_nav button {width:60px;height:100%;padding:12px 10px;border: 0;cursor:pointer;outline:none; selector-dummy : expression(this.hideFocus=true);background:#0d5499;}
header #sub_head .mobile_nav a {display:block;}
.pc_ver {display:none;}
.mobile_nav_top {position:relative;width:100%;padding:0;background:#fff;}
/* ·Î±×ÀÎ À¯Àú */
.login_area {position:relative;width:100%;max-width:none;right:0;top:20px;padding:22px 10px;overflow:hidden;border-top:1px dashed #d7d7d7;}
.login_area .user_id {float:none;font-size:12px;color::#898989;line-height:1.4;text-align:center;}
.login_area .btn_login {float:none;margin:10px auto;display:block;width:90px;height:30px;line-height:30px;background:#000;text-align:center;color:#fff;}

/* ¼­ºê °øÅë */
.page_title {padding:15px 0 15px 10px;font-size:24px;letter-spacing:-1px;}

}


@media only screen and (max-width: 400px) {
header {box-shadow:0 0 7px rgba(0,0,0,.2);-webkit-box-shadow:0 0 7px rgba(0,0,0,.2);}
header #sub_head .head_info h1 {width:100%;text-align:left;padding:10px 10px 10px 15px;}


}