@charset "utf-8";

.S-Core {font-family:"S-Core"}
.G-Sans {font-family:"GmarketSans"}
.weight300 {font-weight:300}
.weight400 {font-weight:400}
.weight500 {font-weight:500}
.weight600 {font-weight:600}
.weight700 {font-weight:700}
.weight900 {font-weight:900}


#head{clear:both; }
#head #top{width:100%; max-height:50px; border-bottom:1px solid #b7b7b7;}
#head #top_logo{top:35px;}
#head #top_logo_c{display:none;}

.header_pd{padding:0px 20px 0px;}

#head .global_box{/*background:rgba(255,255,255,0.5);*/ position:absolute; width:100%; height:15px; top:15px; /*padding:5px 0px;*/ z-index:100; display:inline-block;}
#head .global_box .global_pd{padding:0px 5px;}
#head .grolbalmn_box{/*position:absolute; z-index:100; top:20px; right:0px;*/ float:right;}
#head .grobal_menu li{float:left; font-size:15px; color:#fff; padding:0px 3px;}
#head .grobal_menu li a{color:#fff;}
#head .grobal_menu li img{position:relative; /*top:-2px;*/}

#header {position:absolute; z-index:100; width:100%; overflow:hidden; top:0px;}
#header #navi{clear:both; background:url(../images/common/top_bg.jpg) no-repeat; background-position:top center; overflow:hidden;}
#header #navi .bt_menu{display:none;}
#header #navi .logo{float:left; padding-left:20px; padding-top:18px;}

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


.menuBtn span.bar {
    margin:0 auto;
    display:block;
    width:22px;
    height:2px;
    background-color:#000;
    transition:0.3s;
}

/*#head:hover .menuBtn span.bar {
    background-color:#000;
}*/

.menuBtn span.bar:nth-child(1) {
    margin-top:1px;
}
.menuBtn span.bar:nth-child(2) {
    margin:6px  auto  6px 0px;
	background-color:#4dd2c9;
	width:11px;
}

.menuBtn span.bar:nth-child(3) {
	background-color:#0a6ab6;
	width:22px;
	/*margin:6px 0px  6px auto;*/
}

.glb_box{position:absolute; z-index:101;}
.glb_box a:link{text-decoration:none;}
.glb_box .glb_bt_1{color:#000; background:#f9bc01; border-radius:5px; font-size:14px; padding:0px 10px; display:inline-block; line-height:32px; position:relative; top:0px;}
.glb_box .glb_bt_2{color:#000; background:#00aae7; border-radius:5px; font-size:14px; 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:250px; position:relative; background-position:center; background:url(../images/common/hpmain_bn_top.jpg); background-size:cover; border-bottom:5px solid #aaa;}
#sub_top .top_tit{padding-top:175px;}
#sub_top .location_box{position:absolute; bottom:0px; background:rgba(0,0,0,0.3); width:100%; padding:15px 0px; display:inline-block; text-align:left;}
#sub_top .location_box a{font-size:14px; color:#fff; letter-spacing:-0.3px;}
#sub_top .location_box .ico_home{position:relative; top:-2px; width:19px;}
#sub_top .location_box .on{font-weight:bold; color:#fff; text-decoration:underline;}
#sub_top .lc_arr{width:18px;}
#content{margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box;}

.sub_top_1{background:url(../images/common/sub_topbg_1.jpg); background-size:cover;}
.sub_top_2{background:url(../images/common/hpmain_bn_top.jpg); background-size:cover;}
.sub_top_4{background:url(../images/common/sub_topbg_4.jpg); background-size:cover;}
.sub_top_5{background:url(../images/common/sub_topbg_5.jpg); background-size:cover;}





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 #bfbfbf; /*border:0px solid #fff;*/ position:relative; background:#fff;}



#foot{position:relative; background:#fff; width:100%; display:inline-block;}
#foot .foot_link{position:relative; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; display:inline-block; width:100%;}
#foot .foot_link a{color:#bfbfbf; font-size:15px;}
#foot .foot_link .flbt{border-right:1px solid #bfbfbf; float:left; padding:15px 20px;}


#foot .foot_box{display:inline-block; width:100%;}
#foot .foot_box .foot_txt{letter-spacing:-0.3px; font-size:15px; color:#959595;}
#foot .foot_box .foot_txt span{color:#fff;}
#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:#0455a6; border:1px solid #0455a6; background:#fff; display:inline-block;}

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


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

	#wrapper{min-width:370px;}

	.default_box{margin:0px 20px;}

	#head{position:absolute;  z-index:10; width:100%; min-width:370px;}
	#head .default_box{position:relative;}
	#head .familysite_list{display:none;}
	#head .grobal_menu li{font-size:11px;}
	#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;  position:relative; /*top:20px;*/}
	#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;}

	#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 .logo{padding:15px 0px; text-align:center;}

	.foot_sltbox{width:100%;}


}


/* Desktop Device : 481~768 */
@media screen and (min-width:481px) and (max-width:768px){
	
	.default_box{margin: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;}

	#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 .logo{padding:15px 0px; text-align:center;}
	.foot_sltbox{width:100%;}

}


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

	.default_box{position:relative; max-width:1200px; margin:0 auto; padding:0px 20px;}

	#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%; padding:5px; float:left; position:absolute; display:inline-block;}
	#left_nav .nav_top{text-align:left; position:absolute; width:188px; top:5px; height:80px; line-height:80px;}
	#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;*/ padding:0px; width:188px; 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;}

	/*메인상단 팝업*/
	#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_box{margin:42px 0px;}
	#foot .logo{float:left; width:13%;}
	.footselect{top:-16px; position:absolute; right:0px;}
	.fsite_select{height:53px; line-height:53px;}
	div.family_sitebox:before {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;  position:relative; /*top:20px;*/}	
	#head #top_logo{text-align:center; width:100%; position:absolute; top:8px; z-index:150;}
	/*#header_mobile #top_logo .logo{display:none;}*/

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

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

}


/* Desktop Device : 769~1119 */
@media screen and (min-width:769px) and (max-width:1119px){

	#header_mobile #panel_butt{left:20px;}

	/**/
	.video{padding-top:92px;}

	/*소개*/
	.innt_box_1 h1{font-size:2.5vw;}
	.innt_box_1 h2{font-size:1.7vw;}

}

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

	#head{/*height:110px; background-color:#ffffff;*/ clear:both; }

	.header_pd{padding:0px 30px 0px;}
	.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;}

	#head .grobal_menu li{float:left;}
	/*#head .grobal_menu li a{color:#1b1b1b;}*/
	#head .familysite_list{/*position:absolute; top:20px; z-index:10;*/}

	#header_mobile{display:none;}
	#header {position:absolute; z-index:100; width:100%; overflow:hidden; top:0px;}
	#header #navi{clear:both; /*background:url(../images/common/top_bg.png) no-repeat;*/ background:#fff; background-position:top center; overflow:hidden; margin-top:30px;}
	#header #navi .bt_menu{display:none;}
	#header #navi .logo{float:left; padding-left:24px; padding-top:10px;}
	#header #navi .logo .logo_tm{display:none;}
	#header #navi ul.depth1 {margin-left:15.5%; background:url(/images/common/ba_logo.png) no-repeat; /*margin-left:19.5%; text-align:center;*/}
	#header #navi ul.depth1 li{color:#313131; float:left; font-weight:normal;}
	#header #navi ul.depth1 li.on{background:url(../images/common/topmenu_on.png); background-repeat:repeat-x; font-weight:600;}
	#header #navi ul.depth1 #sm1{width:15.5%; /*width:13%;*/}
	#header #navi ul.depth1 #sm2{width:19%;}
	#header #navi ul.depth1 #sm3{width:16.5%;}
	#header #navi ul.depth1 #sm4{width:17.5%;}
	#header #navi ul.depth1 #sm5{width:14.5%;}
	#header #navi ul.depth1 #sm6{/*width:11%;*/}
	/*#header #navi ul.depth1 #sm1{width:17%;}
	#header #navi ul.depth1 #sm2{width:17%;}
	#header #navi ul.depth1 #sm3{width:16%;}
	#header #navi ul.depth1 #sm4{width:17.5%;}
	#header #navi ul.depth1 #sm5{width:17%;}
	#header #navi ul.depth1 #sm6{width:15.5%;}*/

	#header #navi ul.depth1 li.bg_1{background:#f1f1f1; background-size:contain;}
	#header #navi ul.depth1 li.bg_2{background:#f1f1f1;}
	#header #navi ul.depth1 li a{width:100%; color:#000000; text-decoration:none;}
	#header #navi ul.depth1 li a div.depth1{font-size:18px; width:100%; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /*font-weight:bold;*/ padding:35px 0px 25px; letter-spacing:-0.5px;}
	#header #navi ul.depth1 li a div.depth1:hover,active{/*background:url(../images/common/topmenu_on.png); background-repeat:repeat-x;*/}
	#header #navi ul.depth1 li a:hover, #header #navi ul.depth1 li.on a{color:#035cb0; text-decoration:none; text-decoration:none;}
	#header #navi ul.depth1 li ul.depth2{min-height:300px; background-image:none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; /*background-color: rgba(150, 150, 150, 0.5);*/ font-weight:bold; }
	#header #navi ul.depth1 li ul.none{}
	#header #navi ul.depth1 li ul.depth2 a li{background:url(../images/common/li_dot.png) 3px 8px; background-repeat:no-repeat; width:100%; text-align:left; font-weight:normal;}
	#header #navi ul.depth1 li ul.depth2 a li p{margin:7px 0px; line-height:150%; font-family:'Noto Sans KR';}
	#header #navi ul.depth1 li ul.depth2 a li:hover,active{background:#008cea url(../images/common/li_dot_on.png) 3px 8px; background-repeat:no-repeat; }	
	#header #navi ul.depth1 li ul.depth2 a li{display:block;}
	#header #navi ul.depth1 li ul.depth2 a li, #header #navi ul.depth1 li.on ul.depth2  a li{color:#303454; letter-spacing:-0.05em; text-decoration:none; font-size:15px;  /*padding-left:15px;*/}
	#header #navi ul.depth1 li ul.depth2 a li:hover, #header #navi ul.depth1 li.on ul.depth2 a li.on{ color:#fff; text-decoration:none; }
	/*#header #navi ul.depth1 li ul.depth2 li ul.depth3 li{width:80%; padding:5px 0 5px 15px; background:url(/images/common/bu3.gif) no-repeat 8px 9px; font-size:0.9em; letter-spacing:-0.05em; font-weight:normal;}*/
	.depth2 li a{text-decoration:none;}


}