@charset "utf-8";

@import url("../css/topnavi.css");


.menuBtn {
    width:22px;
    height:22px;
    overflow:hidden;
    cursor:pointer;
}




.glb_box{position:absolute; z-index:170;}
.glb_box a:link{text-decoration:none;}
.glb_bt_1{color:#000; background:#f9bc01; border-bottom:1px solid #f9bc01; font-size:15px; padding:0px 10px; display:inline-block; line-height:40px; position:relative; top:0px;}
.glb_bt_2{color:#000; background:#00aae7; border-radius:0px; font-size:15px; display:inline-block; height:32px; width:32px; vertical-align:middle; position:relative; top:0px; margin-top:-3px;}

#quickmenu{position:absolute; z-index:200;  right:10px;}
#quickmenu .quick_menubox{background:rgba(25,33,48,0.7); border-radius:60px; /*width:128px;*/ width:118px; display:inline-block; padding:40px 0px 25px;}
#quickmenu .quick_mulist li{text-align:center;}
#quickmenu .quick_mulist li p{color:#fff; font-size:14px; letter-spacing:-0.5px; margin:9px 0px 20px; line-height:120%;}
#quickmenu .quick_mulist li img{width:60px;}
#quickmenu .backtotop{color:#ffde00; /*margin-top:27px;*/ margin-top:20px;}


#footer{padding:40px 0px; width:100%; display:inline-block; color:#444; text-align:center; font-size:15px; position:relative;}
#footer .footlink{color:#444;}
#footer .footlink a{color:#444 !important;}

#footer .foot_wt, .foot_m{line-height:160%;}

#sub_top{width:100%; height:309px; position:relative; background-position:center;}
#sub_top .top_tit{padding-top:185px;}
#sub_top .top_tit h2{font-family:"S-CoreDream-8Heavy";}
#sub_top .location_box{position:absolute; bottom:0px; background:rgba(255,255,255,0.9); width:100%; padding:15px 0px; display:inline-block; text-align:right; border-bottom:1px solid #eaedef;}
#sub_top .location_box a{font-size:14px; color:#000000; letter-spacing:-0.3px;}
#sub_top .location_box a:link{text-decoration:none;}
#sub_top .location_box .ico_home{position:relative; top:-2px; width:19px;}
#sub_top .location_box .lc_arr{position:relative; width:18px;}
#sub_top .location_box .on{font-weight:bold; color:#0167b3; text-decoration:underline;}
#content{margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box;}

.sub_top_sm{background:url(../images/common_n24/sub_topbg_sm.png); background-size:cover; background-position:top !important;}
.sub_top_bj{background:url(../images/common_n24/sub_topbg_bj.png); background-size:cover; background-position:top !important;}
.sub_top_ja{background:url(../images/common_n24/sub_topbg_ja.png); background-size:cover; background-position:top !important;}
.sub_top_kj{background:url(../images/common_n24/sub_topbg_kj.png); background-size:cover; background-position:top !important;}
.sub_top_np{background:url(../images/common_n24/sub_topbg_np.png); background-size:cover; background-position:top !important;}
.sub_top_gb{background:url(../images/common_n24/sub_topbg_gb.png); background-size:cover; background-position:top !important;}
.sub_top_bs{background:url(../images/common_n24/sub_topbg_bs.png); background-size:cover; background-position:top !important;}



.sub_top_1{background:url(../images/common_n24/sub_topbg_sb.png); background-size:cover; background-position:top center;/*background:url(../images/common/sub_topbg_1.jpg);*/ }
.sub_top_2{background:url(../images/common_n24/sub_topbg_sb.png); background-size:cover; background-position:top center; /*background:url(../images/common/sub_topbg_2.jpg);*/ }
.sub_top_4{background:url(../images/common_n24/sub_topbg_sb.png);background-size:cover; /*background:url(../images/common/sub_topbg_4.jpg);*/}
.sub_top_5{background:url(../images/common_n24/sub_topbg_sb.png);background-size:cover; /*background:url(../images/common/sub_topbg_5.jpg); */}





div.family_sitebox{
	/*position:relative;*/
    /*display:inline-block;*/
    z-index:0;
}

div.family_sitebox select {
    z-index:1;
}

div.family_sitebox:before {
    display:block;
    position:absolute;
    content:'';
	right:1px;
	top:1px;
	height:41px;
	width:30px;
	background:#fff url(../images/common/select_arr.png); 
	/*background-position:right center;*/
	background-position:75%;
	background-repeat:no-repeat; 
	background-size:17px;
    z-index:5;
	color:#777777;
}

.fsite_select{width:180px; padding-left:10px; line-height:43px; height:43px; border:1px solid #fff; /*border:0px solid #fff;*/ position:relative; background:#fff;}



#foot{position:relative; width:100%; display:inline-block; background:#ebebeb;}
#foot .foot_link{position:relative; padding:15px 0px;  display:inline-block; width:100%; color:#666666;
	background:#dcdcdc; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
#foot .foot_link a{color:#666666; font-size:15px; padding-left:1%; padding-right:1%;}



#foot .foot_box{display:inline-block; width:100%;}
#foot .foot_box .foot_txt{letter-spacing:-0.3px; font-size:15px; color:#959595; line-height:150%;}
#foot .foot_box .foot_txt span{color:#fff;}
#foot .foot_box a{color:#666;}
#foot .foot_box a:link{text-decoration:none;}

#foot .BtT{position:fixed; z-index:100; right:10px; bottom:10px;}
#foot .BtT img{width:66px;}

#foot .sns_ico{width:24px;}

.sitemap_a{padding:3px 5px; background:#ccc; color:#666 !important;/*position:absolute; right:80px;*/ font-size:13px;}

div.navInner:hover .sitemap_a{ }
.sitemap_a:link{text-decoration:none;}



/*메인상단 팝업*/
.top-wide-popups{display:block; opacity:1; /*background:#dae3ea;*/}
.top-wide-popups .div-cont{position:relative; height:154px; z-index:5000; margin:0 auto;}
.top-wide-popups .wpop-list{overflow:hidden;}
.top-wide-popups .wpop-go-btns{position:absolute; bottom:8px; overflow:hidden;z-index:5030;}

.top-wide-popups .wpop-list{overflow:hidden; padding:133px 0 0 20px;}
.top-wide-popups .wpop-list li{float:left;}
.top-wide-popups .wpop-list li .nicon{background:url(/images/common/p_ctrl_btns.png) no-repeat -35px 0; width:13px; height:13px; display:block; text-indent:-9999px;margin:0 3px 0 5px;}
.top-wide-popups .wpop-list li .nicon.over{background-position:-20px 0;}
.top-wide-popups .wpcont{position:absolute; top:0; left:0; height:122px; overflow:hidden;}
.top-wide-popups .wpcont img{width:auto;/*height:162px;*/ display:block; max-width:100%; padding-top:calc(105px - 10%); margin:0 auto;}

.wpop-go-btns button, .wpop-go-btns a{width:14px; height:14px; background:url(/images/common/p_ctrl_btns.png) no-repeat 0 top;overflow:hidden;margin:0 2px;border:0;cursor:pointer;}
.wpop-go-btns button span, .wpop-go-btns a span{white-space:nowrap; padding-left:40px; display:inline-block;cursor:pointer;}
.wpop-go-btns .btn-stop{background-position:0 0; float:left;}
.wpop-go-btns .btn-play{background-position:-100px 0; float:left;}

.close-btns{position:absolute; bottom:5px; right:20px; z-index:5010; width:135px; }
.top-wide-popups .close-btns label{color:#222;font-size:12px; padding:0 5px; letter-spacing:-1px;}
.top-wide-popups .close-btn{position:absolute; bottom:2px; background:url(/images/common/pop_exit.png) no-repeat 0 0; border:0; width:12px; height:13px; cursor:pointer; overflow:visible; right:0;}
.blind {overflow:hidden; text-indent:-9999px; width:1px; height:1px; font-size:0; line-height:0;position:absolute; left:-9999px}

/*전체*/
.content{position:relative; box-sizing:border-box; padding-top:32px; padding-bottom:50px;}
.content h1{color:#000; font-size:25px; margin:0px; padding:0px;}
.content .contentbox{margin-top:30px; letter-spacing:-0.4px;}
.content .contentbox h2{color:#000; margin:0px; padding:0px; letter-spacing:-0.4px;}
.content .contentbox .no_images{width:100%; max-width:930px;}
.content .contentbox h3{margin:0px; color:#232220;}
.content .contentbox .h3_ico{
	background:url(/images/common/subtit_ico.png) 2px 0px; 
	background-size:16px; 
	padding:0px 10px; 
	background-repeat:no-repeat;
}

.content .contentbox .guide_f{font-size:14px; color:#242424; line-height:150%;}

/*페이지표시*/
#page_box{padding:30px 0px; display:inline-block; width:100%;}
#page_box ul{margin:0px auto; text-align:center;}
#page_box ul li{border:1px solid #aaa; color:#aaa; background:#fff; padding:0px 12px; font-size:15px; line-height:36px; display:inline-block; position:relative;}
#page_box ul li.on{color:#fff; border:1px solid #2e6eb0; background:#2e6eb0; display:inline-block;}

#page_box ul li.pg_bt{border:1px solid #aaa; color:#aaa; background:#fff; padding:0px 10px; font-size:15px; line-height:36px; height:38px;  display:inline-block;}
#page_box ul li.pg_bt img{width:12px;}


/*검색바_상단네비*/
/*.topbox_search{width:100%; position:absolute; z-index:60;}
.topbox_search .topsearchbox{width:100%; height:120px; padding:30px 0px; background:rgba(0,0,0,0.7); margin:0px auto;}*/

/*퀵메뉴*/
#quickmenu{position:absolute; z-index:100; right:0px;}
#quickmenu ul{background:rgba(0,0,0,0.7); background-repeat:repeat-y; background-position:90%; border-radius:0px;}
#quickmenu ul li{/*padding:5px 0px;*/ padding:0px 0px; text-align:left; font-size:15px; position:relative;}
#quickmenu ul li a{color:#666;}
#quickmenu ul li a:link{text-decoration:none;}
#quickmenu ul li a:hover,focus,active{text-decoration:none;}
#quickmenu ul li.bar{height:25px; background:url(../images/main_n24/qmn_barbg.png) 4px 0px; background-repeat:repeat-y;}
#quickmenu .ic_bar{margin-top:3px;}
#quickmenu .new_p{color:#f8992b;}
#quickmenu .qmb_box{height:28px; /*width:192px;*/ width:160px; line-height:28px; border-radius:0px; color:#fff;}
#quickmenu .ic{position:absolute; padding-left:10px; top:0px;}
#quickmenu  span{margin-left:45px;}
/*#quickmenu .qmb_box_1{background:#fabe00;}
#quickmenu .qmb_box_2{background:#3eb134;}
#quickmenu .qmb_box_3{background:#00aae7;}
#quickmenu .qmb_box_4{background:#f0830f;}*/

/* Desktop Device : 480 이하 */
@media screen and (max-width:480px){

	#wrapper{min-width:370px;}

	.default_box{margin:0px 20px;}
	.default_box_main{margin:0px 20px;}

	#head{position:absolute; width:100%; min-width:370px;}
	#head .default_box{position:relative;}
	#head .familysite_list{display:none;}
	#head .grobal_menu li{font-size:11px; line-height:22px;}
	#head .grobal_menu li.viewli_tm{display:none;}
	#head .grolbalmn_box{right:20px;}

	.glb_box{top:55px; right:40px;}


	#header_mobile{background:#fff; height:92px; top:40px; position:relative;}
	#head #top_logo{text-align:left; position:absolute; top:8px; left:50px;  z-index:150;}

	#header{top:15px;}
	#header #navi{display:none;}

	#quickmenu{display:none;}


	#sub_top{height:269px;}
	#sub_top .top_tit{padding-top:160px;}


	#footer .foot_wt{display:none;}

	.footselect{top:10px; position:relative; float:right; bottom:5px;}

	#left_nav{display:none;}

	/*해상도별 컨텐츠표시*/
	.view_w{display:none;}
	.view_t{display:none;}

	.view_wt{display:none;}

	.td_invisible_m{display:none;}

	.glb_view_w{display:none;}

	#toppop_wrap{display:none;}
	.top-wide-popups .div-cont{width:100%; max-width:480px;}
	.top-wide-popups .wpcont{max-width:480px; width:100%; height:162px;}

	#foot .foot_box{margin:0px 0px 30px !important;}

	.foot_sltbox{width:100%;}


	
	/*검색바_상단네비*/
	.topbox_search{top:142px;}
	.topbox_search .ts_pd{padding:0px 0px;}
	.topbox_search .topsearchbox .topsb_pd{padding:0px 25px 0px 20px;}



}


/* Desktop Device : 481~768 */
@media screen and (min-width:481px) and (max-width:768px){
	
	.default_box{margin:0px 20px;}
	.default_box_main{padding:0px 20px;}

	#quickmenu{display:none;}



	#footer .foot_m{display:none;}

	.footselect{top:10px; position:relative; float:right; bottom:5px;}

	#left_nav{display:none;}

	/*해상도별 컨텐츠표시*/
	.view_w{display:none;}
	.view_m{display:none;}

	.td_invisible_w{display:none;}

	.display_inlineblock_tp1{display:inline-block;}

	#toppop_wrap{display:none;}
	.top-wide-popups .div-cont{width:100%; max-width:768px;}
	.top-wide-popups .wpcont{max-width:768px; width:100%; height:162px; }


	#foot .foot_box{margin:0px 0px 40px !important;}

	.foot_sltbox{width:100%;}

}


/* Desktop Device : 769 이상 또는 print 출력시*/
@media screen and (min-width:769px), only print{

	.default_box{position:relative; max-width:1340px; margin:0 auto; padding:0px 20px;}
	.default_box_main{position:relative; max-width:1360px; margin:0 auto; padding:0px 30px;}

	#footer .foot_m{display:none;}

	.family_sitebox{position:absolute; right:0px; top:0px;}

	#left_nav{background:#f5f5f5; border:1px solid #ddd; width:200px; box-sizing:border-box; height:100%; float:left; position:absolute; display:inline-block; /*padding:5px;*/ }
	#left_nav .nav_top{text-align:left; position:absolute; height:80px; line-height:80px; width:100%; /* top:5px; width:188px;*/}
	#left_nav #nav_top_1{background:#005bac;}
	#left_nav #nav_top_2{background:#3eb134;}
	#left_nav #nav_top_4{background:#f0830f;}
	#left_nav #nav_top_5{background:#0aade8;}
	#left_nav .nav_top h2{font-weight:normal; color:#fff; font-size:18px; margin:0px; text-align:center;}
	#left_nav .left_menu{/*padding:10px; width:188px;*/ padding:0px; height:100%; box-sizing:border-box; background:#fff; letter-spacing:-0.5px;}
	#left_nav .left_menu ul{position:relative; top:80px;}
	#left_nav .left_menu ul li a div.depth1{border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; padding:13px 10px; color:#757575; background:#fff url(../images/common/leftnav_arr.png) 95%; background-repeat:no-repeat; font-size:14px;}
	#left_nav .left_menu ul li a div.depth1:hover,active{background:url(../images/common/leftnav_over_arr.png) 95%; background-repeat:no-repeat;color:#02b2ec;}
	/*#left_nav .left_menu ul li.on a div.depth1{background:url(../images/common/leftnav_on_arr.png) 95%; background-repeat:no-repeat; color:#02b2ec; font-weight:bold;}*/
	#left_nav .left_menu ul li a:link{text-decoration:none;}

	.left_nav_1 .left_menu ul li a div.depth1:hover,active{background:#005bac url(../images/common/leftnav_over_arr.png) 95% !important; background-repeat:no-repeat !important; color:#fff !important;}
	.left_nav_1 .left_menu ul li.on a div.depth1{background:url(../images/common/leftnav_on_arr.png) 95%; background-repeat:no-repeat; color:#005bac !important; font-weight:bold;}
	.left_nav_1 .left_menu ul li.on a div.depth1:hover,active{color:#fff !important; background:#005bac url(../images/common/leftnav_over_arr.png) 95% !important; background-repeat:no-repeat !important;}

	.left_nav_2 .left_menu ul li a div.depth1:hover,active{background:#3eb134 url(../images/common/leftnav_over_arr.png) 95% !important; background-repeat:no-repeat !important; color:#fff !important;}
	.left_nav_2 .left_menu ul li.on a div.depth1{background:url(../images/common/leftnav_on_arr.png) 95%; background-repeat:no-repeat; color:#3eb134 !important; font-weight:bold;}
	.left_nav_2 .left_menu ul li.on a div.depth1:hover,active{color:#fff !important; background:#3eb134 url(../images/common/leftnav_over_arr.png) 95% !important; background-repeat:no-repeat !important;}

	.left_nav_4 .left_menu ul li a div.depth1:hover,active{background:#f0830f url(../images/common/leftnav_over_arr.png) 95% !important; background-repeat:no-repeat !important; color:#fff !important;}
	.left_nav_4 .left_menu ul li.on a div.depth1{background:url(../images/common/leftnav_on_arr.png) 95%; background-repeat:no-repeat; color:#f0830f !important; font-weight:bold;}
	.left_nav_4 .left_menu ul li.on a div.depth1:hover,active{color:#fff !important; background:#f0830f url(../images/common/leftnav_over_arr.png) 95% !important; background-repeat:no-repeat !important;}

	.left_nav_5 .left_menu ul li a div.depth1:hover,active{background:#0aade8 url(../images/common/leftnav_over_arr.png) 95% !important; background-repeat:no-repeat !important; color:#fff !important;}
	.left_nav_5 .left_menu ul li.on a div.depth1{background:url(../images/common/leftnav_on_arr.png) 95%; background-repeat:no-repeat; color:#0aade8 !important; font-weight:bold;}
	.left_nav_5 .left_menu ul li.on a div.depth1:hover,active{color:#fff !important; background:#0aade8 url(../images/common/leftnav_over_arr.png) 95% !important; background-repeat:no-repeat !important;}

	#left_nav .left_menu .depth2 {position:relative; margin:0px; top:0px; background:#f9f9f9;}
	#left_nav .left_menu .depth2 li a{color:#999999; font-size:13px; padding:5px 11px; display:block;}
	#left_nav .left_menu .depth2 li a:hover,active{color:#232220;}
	#left_nav .left_menu .depth2 li a:link{text-decoration:none;}
	#left_nav .left_menu .depth2 li.on a{color:#232220; background:#eee; font-weight:bold;}

	/*전체*/
	.content{margin-left:220px; position:relative; box-sizing:border-box; padding-top:32px; padding-bottom:50px; min-height:540px;}
	.content h1{color:#000; font-size:25px; margin:0px; padding:0px;}
	.content .contentbox{margin-top:30px;}
	.content .contentbox .no_images{width:100%; max-width:980px;}


	/*해상도별 컨텐츠표시*/
	.view_t{display:none;}
	.view_m{display:none;}

	.view_tm{display:none;}

	.td_invisible_w{display:none;}

	.display_inlineblock_tp1{display:inline-block;}

	/*메인상단 팝업*/
	#toppop_wrap{display:block;}
	.top-wide-popups .div-cont{width:100%; max-width:1200px;}
	.top-wide-popups .wpcont{position:absolute; top:0; left:0; max-width:1200px; width:100%; height:132px;overflow:hidden;}

	#foot .foot_link{height:53px; line-height:53px; padding:0px;}
	#foot .foot_box{margin:32px 0px;}
	#foot .logo{float:left;}
	.footselect{ position:absolute; right:20px; top:1px; /*top:0px;*/}
	.fsite_select{height:50px; line-height:50px; /*height:53px; line-height:53px;*/}
	div.family_sitebox:before {height:49px; /*height:51px;*/}

}


/* Desktop Device : 481~1119 */
@media screen and (min-width:481px) and (max-width:1119px){
	
	/*#head{position:absolute;  z-index:10; width:100%;}
	#head .familysite_list{display:none;}
	#head .default_box{position:relative;}
	#head .grolbalmn_box{right:20px;}
	#head .grobal_menu li.viewli_tm{display:none;}

	.glb_box{top:55px; right:40px;}


	#header_mobile{background:#fff; height:92px; top:40px; position:relative;}
	#head #top_logo{text-align:center; width:100%; margin:0px auto; position:relative; top:8px;}
	#head #top_logo img{position:relative; text-align:center; margin:0px auto; z-index:150;}

	#header{top:15px;}
	#header #navi{display:none;}*/

	
	#sub_top{height:269px;}
	#sub_top .top_tit{padding-top:160px;}

	.glb_view_w{display:none;}

	
	/*검색바_상단네비*/
	.topbox_search .ts_pd{padding:0px 0px;}
	.topbox_search .topsearchbox .topsb_pd{padding:0px 25px 0px 20px;}

}

/* Desktop Device : 1119 이하 */
@media screen and (max-width:1119px){
	
	.left_csshow_m {background:#eaedef; border-bottom:0px solid #ddd; box-sizing:border-box; height:100%; width:100%; display:inline-block; margin-bottom:20px;}
	.left_csshow_m .pd{padding:20px 20px 20px;}
	.left_csshow{display:none;}

	.content_cs{margin-left:0px; padding-top:0px;}

}

/* Desktop Device : 1120 이상 또는 print 출력시*/
@media screen and (min-width:1120px), only print{


	#head{clear:both; }

	.header_pd{padding:0px 30px 0px; position:relative; max-width:1350px; margin:0px auto;}
	.glb_box{top:65px; right:50px;}

	#head #top{width:100%; max-height:50px; border-bottom:1px solid #b7b7b7;}
	#head #top_logo{float:left; top:35px; /*position:relative; max-width:850px;*/ position:absolute; z-index:1000; width:270px; left:10px;}
	#head #top_logo_c{display:none;}


	/*검색바_상단네비*/
	.topbox_search .ts_pd{padding:0px 0px;}
	.topbox_search .topsearchbox .topsb_pd{padding:0px 20px;}


	.left_csshow {background:#eaedef; border-right:1px solid #eaedef; width:300px; box-sizing:border-box; height:100%; float:left; position:absolute; display:inline-block;}
	.left_csshow .pd{padding:10px;}
	.left_csshow_m{display:none;}

	/**/
	.content_bg{background:url(../images/common_n24/sub_bg.jpg); background-position:left; /*background-size:cover !important; background-position:20%;*/}
	.content_cs{background:#fff; margin-left:300px; position:relative; box-sizing:border-box; padding-left:20px; padding-top:32px; padding-bottom:50px; min-height:540px;}


}