@charset "utf-8";


#wrap{}


/*header*/
#header{position:absolute;top:0;left:0;width:100%;height:103px;background-color:#fff;border-bottom:2px solid #3582d0;box-shadow:0px 3px 3px rgba(0,0,0,0.07);z-index:1000;}

#gnb_wrap{position:relative;}

#gnb_top{position:absolute;top:10px;right:0;}
#gnb_top ul{font-size:0;}
#gnb_top ul li{display:inline-block;vertical-align:top;}
#gnb_top ul li a{position:relative;display:block;font-size:12.2px;font-weight:300;color:#333;line-height:30px;padding:0 10px;}
#gnb_top ul li:last-child a{padding-right:0;}
#gnb_top ul li a:hover{color:#18a6f7;}
#gnb_top ul li a span{position:absolute;display:block;line-height:10px;top:4px;left:-2px;font-size:15px;}

#gnb_wrap h1.logo{position:absolute;top:19px;left:0;width:233px;height:64px;background:url(/img/logo.png) no-repeat 0 0;text-indent:-9999px;overflow:hidden;}
#gnb_wrap h1 a{display:block;width:100%;height:100%;}
#gnb_wrap{padding:32px 0 0 0;}
#gnb{font-size:0;text-align:right;}
#gnb>li{display:inline-block;vertical-align:top;}
#gnb>li>a{display:block;line-height:60px;padding:0 20px;font-size:14.9px;font-weight:500;color:#222;letter-spacing:-0.2px;}
#gnb>li:last-child>a{padding-right:0;}
#gnb>li>a:hover{color:#18a6f7;}
#gnb>li>a.selected{color:#18a6f7;}
#gnb>li .submenu{height:0px;overflow:hidden;border-right:1px solid #ededed;}
#gnb>li:last-child .submenu{border:none;padding-left:25px;}
#gnb>li ul{}
#gnb>li ul li{text-align:center;}
#gnb>li ul li a{display:block;line-height:28px;color:#333;font-weight:400;font-size:12.2px;letter-spacing:-0.6px;}
#gnb>li ul li a:hover{color:#18a6f7;}
#gnb>li ul li a.selected{color:#18a6f7;}

@media screen and (max-width:1200px) {
#gnb>li>a{padding:0 20px;font-size:14.9px;letter-spacing:-0.2px;}
#gnb>li:last-child .submenu{padding-left:20px;}
#gnb>li ul li a{line-height:28px;font-size:12.2px;letter-spacing:-0.6px;}
}

@media screen and (max-width:1080px) {
#gnb>li>a{padding:0 12px;font-size:14.9px;letter-spacing:-1px;}
#gnb>li:last-child .submenu{padding-left:20px;}
#gnb>li ul li a{line-height:28px;font-size:12.2px;letter-spacing:-1.6px;}
}

@media screen and (max-width:960px) {
#header{display:none;}
}


/*mobile_header*/		
#mobile_header{display:none;}
.mobile_menu{position:fixed;top:0;left:-250px;width:250px;height:100%;overflow:auto;background-color:#252525;z-index:2000;}
.mobile_menu .top_link{position:relative;height:50px;line-height:50px;border-bottom:1px solid #444;}
.mobile_menu .top_link a{position:absolute;display:block;text-indent:-9999px;overflow:hidden;}
.mobile_menu .top_link a.home{width:63px;height:21px;top:15px;left:15px;background:url(/img/btn_m_home.png) no-repeat 0 0; background-size:63px 20px;}
.mobile_menu .top_link a.close_m_menu{width:26px;height:26px;top:12px;right:12px;background:url(/img/btn_m_menu_close.png) no-repeat 0 0; background-size:26px 26px;}

.mobile_menu .top_link2{height:60px;line-height:60px;border-bottom:1px solid #444;text-align:center;}
.mobile_menu .top_link2 a{display:inline-block;height:60px;line-height:60px;width:50%;border-left:1px solid #444;font-size:11px;font-weight:bold;color:#ccc;font-weight:bold;padding-top:7px;}
.mobile_menu .top_link2 a.login{background:url(../img/icon_login.png) no-repeat center 13px; background-size:14px 14px; border-left: none;}
.mobile_menu .top_link2 a.join{background:url(../img/icon_join.png) no-repeat center 13px; background-size:14px 14px;}
.mobile_menu .top_link2 a.logout{background:url(../img/icon_logout.png) no-repeat center 13px; background-size:14px 14px; border-left: none;}
.mobile_menu .top_link2 a.myinfo{background:url(../img/icon_myinfo.png) no-repeat center 13px; background-size:14px 14px;}
.mobile_menu .top_link2 a.close_m_menu{width:26px;height:26px;top:12px;right:12px;background:url(/img/btn_m_menu_close.png) no-repeat 0 0; background-size:26px 26px;}

.mobile_menu>ul{padding-bottom:150px;}
.mobile_menu>ul>li{border-bottom:1px solid #333;}
.mobile_menu>ul>li>a{display:block;height:46px;line-height:46px;padding:0 0 0 30px;font-size:15px;font-weight:bold;color:#ddd;letter-spacing:-1px;background:url(/img/icon_plus.png) no-repeat 15px 18px; background-size:10px 10px;}
.mobile_menu>ul>li>a.opened{background:url(/img/icon_arrow_up.png) no-repeat 15px 18px; background-size:10px 10px;}
.mobile_menu>ul>li>a:hover{color:#fff;text-decoration:none;}
.mobile_menu>ul>li>a.selected{color:#66b2e1;}
.mobile_menu li .submenu{background-color:#333;display:none;}
.mobile_menu li ul{}
.mobile_menu li ul li{height:40px;border-bottom:1px solid #3f3f3f;}
.mobile_menu li ul li.borB{height:10px;border-bottom:1px solid #3f3f3f;background: #3f3f3f}
.mobile_menu li ul li.last{border:none;}
.mobile_menu li ul li a{display:block;line-height:40px;font-size:13px;font-weight:bold;padding-left:30px;color:#ccc;}
.mobile_menu li ul li a:hover{color:#66b2e1;text-decoration:none;}
.mobile_menu li ul li a.selected{color:#66b2e1;font-weight:bold;}
				
@media screen and (max-width:960px) {
#mobile_header{display:block;position:fixed;top:0;left:0;width:100%;height:70px;background-color:#fff;border-bottom:2px solid #007EFF;box-shadow:0px 3px 3px rgba(0,0,0,0.09);z-index:1000;}
#mobile_header h1.logo{position:absolute;top:10px;left:12px;width:180px;height:49px;background:url(/img/logo.png) no-repeat 0 0;background-size:100%;text-indent:-9999px;overflow:hidden;}	
#mobile_header a.open_m_menu{position:absolute;top:10px;right:0px;width:50px;height:50px;}
#mobile_header h1 a{display:block;width:100%;height:100%;}
}

@media screen and (max-width:480px) {
#mobile_header h1.logo{top:11px;left:8px;width:171px;height:47px;}	
}



/*상단여백*/	
#top_gap{padding-top:103px;}

@media screen and (max-width:960px) {
#top_gap{padding-top:70px;}
}

	

#visual{height:263px;max-width:1140px;margin:0 auto;position:relative;border-radius:0 0 15px 15px;overflow:hidden;background-position:center center;}
#visual .typo{position:absolute;bottom:50px;right:54px;color:#fff;font-size:20px;line-height:28px;font-weight:300;text-align:right;}
#visual .typo2{display:none;}
#visual .typo .eng{font-size:12px;opacity:0.7;}
#visual .typo .slogan{letter-spacing:-1px;text-shadow:1px 1px 4px rgba(0,0,0,0.4);}
#visual .typo .slogan span{color:#00deff;font-weight:500;}

@media screen and (max-width:1140px) {
#visual{border-radius:0;}
}

@media screen and (max-width:960px) {
#visual .typo{display:none;}
#visual .typo2{display:block;color:#fff;text-align:center;padding-top:90px;}
#visual .typo2 .eng{font-size:11.2px;opacity:0.6;letter-spacing:1px;}
#visual .typo2 h2{font-size:37px;line-height:40px;font-weight:500;letter-spacing:-0.4px;text-shadow:1px 1px 4px rgba(0,0,0,0.4);}
}

@media screen and (max-width:768px) {
#visual{height:220px;background-position:center center;}
#visual .typo2{padding-top:70px;}
#visual .typo2 h2{font-size:33px;line-height:37px;}
}

@media screen and (max-width:480px) {
#visual{height:160px;background-position:center center;}
#visual .typo2{padding-top:50px;}
#visual .typo2 .eng{font-size:10.4px;line-height:20px;}
#visual .typo2 h2{font-size:27px;line-height:32px;}
}


#container{position:relative;min-height:860px;padding-left:262px;margin-top:46px;}

#lnb{position:absolute;width:207px;top:0;left:0;}
#lnb .lnb_title{height:98px;text-align:center;padding-top:25px;color:#fff;background:url(../img/bg_lnb_title.png) no-repeat 0 0;margin-bottom:15px;}
#lnb .lnb_title p{font-size:10.4px;line-height:20px;letter-spacing:1px;font-weight:300;opacity:0.7;}
#lnb .lnb_title h2{font-size:21px;line-height:27px;letter-spacing:-1px;font-weight:500;}

#lnb .menu{}
#lnb .menu li{}
#lnb .menu li a{display:block;font-size:14.8px;line-height:50px;padding:0 0 0 12px;color:#555;font-weight:500;letter-spacing:0px;border-bottom:1px solid #ededed;background:url(../img/lnb_arrow.png) no-repeat 93% center;}
#lnb .menu li a:hover{color:#18a6f7;}
#lnb .menu li a.selected{color:#fff;background:url(../img/lnb_arrow_on.png) no-repeat 93% center #1ebade;border-top:1px solid #1ebade;}
#lnb .menu li:last-child a{border:none;}

#lnb .lnb_banner{margin-top:25px;background-color:#F3F3F3;border-radius:10px;padding:10px 30px 20px;}
#lnb .lnb_banner .title{font-size:16.8px;font-weight:500;color:#3178c0;line-height:46px;border-bottom:1px solid #e2e2e2;text-align:center;margin-bottom:5px;}
#lnb .lnb_banner .sub_title{font-size:13.2px;font-weight:400;color:#555;line-height:26px;padding-top:10px;}
#lnb .lnb_banner .phone{font-size:17.6px;font-weight:600;color:#444;line-height:26px;}
#lnb .lnb_banner .exp{font-size:12px;font-weight:400;color:#666;padding-top:10px;}

#content{padding:38px 0 0;}
#page_title{position:relative;border-bottom:1px solid #efefef;padding-bottom:20px;}
#page_title h3{font-size:28.4px;line-height:40px;font-weight:500;color:#333;letter-spacing:-0.4px;text-indent:-2px;}
#page_title .cur{position:absolute;top:-52px;right:0;font-size:11.2px;font-weight:300;color:#777;}
#page_title .cur span.home{background:url(/img/icon_home.gif) no-repeat 0 4px;padding-left:13px;}
#page_title .cur span.depth1{background:url(/img/cur_arrow.gif) no-repeat 4px 6px;padding-left:13px;}

#page_wrap{padding:50px 0 70px;}
#page_wrap_board{padding:30px 0 70px;}
.bd_exp{font-size:21.4px;color:#444;font-weight:300;line-height:25px;letter-spacing:-1px;padding:0 0 10px;}


@media screen and (max-width:960px) {
#container{min-height:690px;padding-left:0;margin-top:0;}
#lnb{display:none;}
#page_title .cur{top:0;}
}

@media screen and (max-width:768px) {
#content{padding:25px 0 0;}
#page_title{padding-bottom:15px;}
#page_title h3{font-size:24px;line-height:32px;text-indent:-1px;}
#page_title .cur{display:none;}

#page_wrap{padding:35px 0 50px;}
}

@media screen and (max-width:480px) {
#content{padding:25px 0 0;}
#page_title{padding-bottom:12px;}
#page_title h3{font-size:21px;line-height:29px;text-indent:0px;}

#page_wrap{padding:25px 0 40px;}

}


/*푸터*/
#footer{clear:both;background-color:#f9f9f9;border-top:1px solid #ecf0f0;line-height:20px;font-weight:400;font-size:12.4px;color:#666;padding:45px 0px 50px;}
#footer_wrap{position:relative;padding-left:95px;}
#footer_wrap .logo{position:absolute;top:0;left:0;}
#footer_wrap .footer_link{font-size:0;}
#footer_wrap .footer_link li{display:inline-block;padding:0 6px 0 10px;background:url(/img/bullet.gif) no-repeat 1px 9px;}
#footer_wrap .footer_link li:first-child{background:none;padding-left:0;}
#footer_wrap .footer_link li a{color:#666;font-size:13.2px;font-weight:500;}
#footer_wrap .footer_link li a:hover{color:#529de6;}
#btn_go_top{position:absolute;top:0;right:0;z-index:30;}
#btn_go_top:hover{opacity:0.6;}

@media screen and (max-width:980px) {
#btn_go_top{display:none;}
}

@media screen and (max-width:900px) {
#footer{padding:35px 0px 35px;}
#footer_wrap{padding-left:0;}
#footer_wrap .logo{display:none;}
#footer_wrap .footer_link{font-size:0;}
}