@charset "utf-8";

.clear_div{clear:both;}
.blind{visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}

#wrapper{position:relative;}
#article{width:100%;}

.default_box{margin:0px auto;}

/*상단 네비게이션*/
#head{position:fixed; z-index:10000; width:100%; background:#fff;}
#head.fixed-gnb{position:fixed;width:100%; /*margin:0; top:0;*/  background:#fff; box-shadow:2px 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3); -ms-box-shadow:2px 2px 2px rgba(0,0,0,0.3);}
#head:hover{transition:0.2s; background:rgba(255,255,255,1);}
#head .logo_area{/*height:120px; position:relative;*/ width:100%; height:65px;}
.top_logo{width:100%; /*padding:30px 0px 20px;*/ /*padding:40px 0px 40px;*/}
.top_logo a{position:absolute; width:157px; height:29px; z-index:10002; background:url(../images/main_new/logo.png); background-size:157px 29px; background-repeat:no-repeat !important;}
#head:hover .top_logo a{position:absolute; width:157px; height:29px; z-index:10003; background:url(../images/main_new/logo.png);  background-size:157px 29px; background-repeat:no-repeat !important;}
.top_logo img{position:absolute; max-width:157px; width:100%; z-index:10002;}


#head #top{width:100%; max-height:50px; border-bottom:1px solid #b7b7b7;}

#global_menu{position:absolute; z-index:10002; right:0px; top:0px;}
#global_menu .globalmenu{position:relative; font-size:16px; color:#ccc;}
#global_menu .globalmenu a{font-size:15px;}
#global_menu .globalmenu img{width:30px;}

#global_menu .globalmenu .bt_tp1{border:1px solid #0d82f0; color:#fff; padding:3px 4px; border-radius:0px; margin-left:5px; position:relative; top:2px; background:#0d82f0; font-size:13px;}
#global_menu .globalmenu .bt_tp2{border:1px solid #097df0; background:#097df0; color:#fff; padding:5px 7px;  border-radius:5px;  margin-left:3px; position:relative; top:2px;}
/*#global_menu .globalmenu .bt_tp1{border:1px solid #222222; color:#222; padding:5px 7px; border-radius:5px; margin-left:5px; position:relative; top:2px;}
#global_menu .globalmenu .bt_tp2{border:1px solid #097df0; background:#097df0; color:#fff; padding:5px 7px;  border-radius:5px;  margin-left:3px; position:relative; top:2px;}*/
#global_menu .globalmenu .sns_listbox{display:inline-block;}
#global_menu .globalmenu .sns_listbox li{display:inline-block;}

#head:hover #global_menu .globalmenu{color:#888888;}
#head:hover #global_menu .globalmenu a:link{text-decoration:none;}

#global_menu .globalmenu .o_point{color:#fff;}
#head:hover #global_menu .globalmenu .o_point{color:#0b4caa;}
#global_menu .pn_ico{padding-top:10px;}
#global_menu .sch_ico{background:url(../images/common/search_ico.png); background-size:28px 24px; width:28px; height:24px; position:absolute;}
#head:hover #global_menu .sch_ico{background:url(../images/common/search_ico_on.png); background-size:28px 24px; width:28px; height:24px; position:absolute;}
#head.fixed-gnb #global_menu .sch_ico{background:url(../images/common/search_ico_on.png); background-size:28px 24px; width:28px; height:24px; position:absolute;}

.top_ico{width: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;
}

#head.fixed-gnb .menuBtn span.bar {
    background-color:#000;
}


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

#head:hover .menuBtn span.bar:nth-child(2) {
    margin:6px 0px 6px auto;
	background-color:#2aa2dd;
	/*width:11px;*/
}

#head.fixed-gnb .menuBtn span.bar:nth-child(2) {
    margin:6px 0px 6px auto;
	background-color:#2aa2dd;
	/*width:11px;*/
}



/*내용*/
#content{width:100%; height:auto; position:relative; padding-bottom:50px; background:#efefef;}
#content .content_top{width:100%; height:221px; display:inline-block; position:absolute; /*border-bottom:5px solid #00bdf2;*/
	box-shadow:0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.5); -ms-shadow:2px 2px 5px rgba(0,0,0,0.5);
}
#content .content_top p{color:#fff; letter-spacing:-1px; font-size:20px; font-weight:600; margin:0px;}
#content .contenttop h1{border-bottom:1px solid #ddd; padding-bottom:30px;}
.contentbox{position:relative; width:100%; height:100%; }
.content{letter-spacing:-1px;}

.contentbgbox{position:relative; margin:0px auto; /*padding-top:82px;*/ max-width:1200px;}
.contentbg{background:#fff; max-width:1200px; border-radius:2px;}
.contbox{padding:40px 0px 40px; background:#fff; box-shadow:2px 2px 10px rgba(0,0,0,0.3); -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.3); -ms-box-shadow:2px 2px 10px rgba(0,0,0,0.3);margin:0px 20px;}

.cont_ment_tp1{font-weight:bold; margin:0px;}
.cont_ment_tp2{margin:0px;}

.loca{position:relative; font-size:16px; /*text-align:center;*/ width:100%; display:inline-block;}
.loca .loca_bg{display:inline-block; border-radius:25px; padding:5px 0px; margin:0px auto 20px; width:100%;}
.loca .home_i{width:19px; position:relative; top:-2px;}
.loca a{color:#333; line-height:150%;}
.loca a.on{color:#0455a6; font-weight:600;}
.lc_arr{width:9px;}

.lc_list{display:inline-block; color:#888;}
.lc_list a{color:#454545;}
.lc_list a.on{color:#0455a6; font-weight:bold;}

.loca_leftbox{box-sizing:border-box;}
.loca_rightbox{box-sizing:border-box;}

/*foot*/
div.family_sitebox{
    z-index:0;
}

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

div.family_sitebox:before {
    display:block;
    position:absolute;
    content:'';
	right:1px;
	top:1px;
	height:35px;
	width:24px;
	background:#ecf1f5 url(../images/common/fsle_arr.png); 
	/*background-position:right center;*/
	background-position:75%;
	background-repeat:no-repeat; 
	background-size:24px 35px;
    z-index:5;
	color:#666;
	border-top:0px; 
	border-left:0px; 
	border-right:0px; 
	border-bottom:2px solid #626262; 
}

.fsite_select{width:190px; padding-left:10px; line-height:35px; height:38px; 
	border-top:0px; border-left:0px; border-right:0px;  border-bottom:2px solid #626262; 
	position:relative; background:#ecf1f5;
}

#foot{position:relative; background:#393939; width:100%; display:inline-block; z-index:15; border-top:1px solid #d7d7d7;}
#foot .foot_link{position:relative; padding:0px 0px 20px; color:#0b7ff0;}
#foot .foot_link a{color:#0b7ff0; font-size:16px; padding:0px 1%;}

#foot .foot_box{margin:42px 0px; display:inline-block; width:100%;}
#foot .foot_box .foot_txt{letter-spacing:-0.3px; font-size:16px; color:#000;}

#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;}

.footbbox{width:100%; display:inline-block; box-sizing:border-box;}


/*페이지표시*/
#page_box{padding:30px 0px; display:inline-block; width:100%;}
#page_box ul{margin:0px auto; text-align:center;}
#page_box ul li{border:0px solid #aaa; color:#aaa; background:#fff; padding:0px 6px; font-size:16px; line-height:26px; display:inline-block; position:relative;}
#page_box ul li.on{color:#0455a6; border-bottom:2px solid #0455a6; background:#fff; display:inline-block; font-weight:600;}

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


/*데일리뉴스*/
.daily_line{background:linear-gradient(90deg, rgba(9,125,240,1) 0%, rgba(45,189,254,1) 100%); height:51px; line-height:51px; }
.daily_linetbl{table-layout:fixed; border-collapse:collapse;}
.daily_linetbl .tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff;}
.daily_linetbl .tit a{color:#fff;}
.daily_linetbl a:link{text-decoration:none;}
.daily_linetbl .bt a{border-radius:3px; background:rgba(255,255,255,0.4); padding:3px 5px; color:#fff; font-size:16px;}

/**/
.contenttop{padding-top:75px; background:url(/images_en/common/topbg.jpg);}

/* Desktop Device : 480 이하 */
@media screen and (max-width:480px){
	.join_box{position:relative; margin:0 20px; min-width:330px;}

	body{min-width:370px;}
	.default_box{position:relative; margin:0 20px; /*min-width:330px;*/}
	.default_box_a{position:relative; margin:0px; min-width:370px;}
	.default_box_b{position:relative; margin:0 auto; z-index:120;}

	/*상단*/
	#head .logo_area{height:75px;}

	.top_logo{padding:0px 0px 0px;}
	.top_logo a{left:0px; top:20px; background:url(../images_en/common/logo_m.png); background-size:157px 29px; }
	#head:hover .top_logo a{left:0px; top:20px; background:url(../images_en/common/logo_m.png); background-size:157px 29px;}
	.top_logo .logo_web{display:none;}

	#head{min-width:370px; border-bottom:0px solid #ccc;}
	#header{display:none;}
	#header #navi{display:none;}

	.panel_bnt{display:none;}

	#panel_butt{position:relative; top:-45px; right:0px;}

	.globalmenu{top:-44px;  right:40px; float:right;}
	#global_menu .glb_mbl{display:none;}
	.globalmenu a{padding-left:0px; padding-right:0px;}

	#global_menu .globalmenu .sns_listbox{display:none;}


	/*내용*/
	#content .content_top{height:200px;}
	#content .content_top p{font-size:16px;}
	#content .content_top p.tit_1{padding-top:130px;}
	#content .content_top p.tit_2{padding-top:130px;}
	#content .content{position:relative; height:100%;}
	.contop_b{background:url(../images/common/sub_top_m_b.jpg); background-size:cover; background-position:center;}
	.contop_0{background:url(../images/common/sub_top_m_0.jpg); background-size:cover; background-position:center;}
	.contop_1{background:url(../images/common/sub_top_m_1.jpg); background-size:cover; background-position:center;}
	.contop_2{background:url(../images/common/sub_top_m_2.jpg); background-size:cover; background-position:center;}
	.contop_3{background:url(../images/common/sub_top_m_3.jpg); background-size:cover; background-position:center;}
	.contop_4{background:url(../images/common/sub_top_m_4.jpg); background-size:cover; background-position:center;}
	.contop_5{background:url(../images/common/sub_top_m_5.jpg); background-size:cover; background-position:center;}
	.contop_6{background:url(../images/common/sub_top_m_6.jpg); background-size:cover; background-position:center;}
	.contop_7{background:url(../images/common/sub_top_m_7.jpg); background-size:cover; background-position:center;}
	.contop_8{background:url(../images/common/sub_top_m_8.jpg); background-size:cover; background-position:center;}

	.contentbox{padding-top:20px;}

	.loca{/*height:40px;*/}

	#content .contenttop h1{font-size:20px;}

	.contbox{margin:0px 0px;}

	/*로케이션*/
	.loca_leftbox{width:100%; margin-bottom:10px;}
	.loca_rightbox{width:100%; text-align:center; border-top:1px solid #ddd; padding-top:10px;}

	/*해상도 별 표출*/
	.ico_w{display:none;}

	.view_w{display:none !important;}
	.view_t{display:none !important;}

	.view_wt{display:none !important;}

	.display_inblock_1{margin:5px 0px;}
	.display_inblock_2{margin:5px 0px;}
	.display_inblock_3{margin:5px 0px;}

	.inbox_1{margin-bottom:5px;}
	.inbox_2{margin-bottom:5px;  clear:both;}
	.inbox_3{margin-bottom:5px; float:left;}

	.inpd_cr{height:5px;}

	/*foot*/
	#foot{padding-bottom:40px;}
	#foot .foot_link{padding:20px 0px;}
	#foot .foot_box{margin:30px 0px;}
	.foot_selectbox{position:absolute; margin:10px 0px;}
	
	.foot_logo{padding-bottom:20px; margin:0px auto;}
	
	.wa_lc{position:relative; float:right;}

	.footbbox .fbox_2{text-align:right;}
}


/* Desktop Device : 481 이상 768 이하 */
@media screen and (min-width:481px) and (max-width:768px){

	.join_box{position:relative; margin:0 20px;}

	.default_box{position:relative; margin:0 20px;}
	.default_box_a{position:relative; margin:0px;}
	.default_box_b{position:relative; width:100%; min-width:320px; margin:0 auto; z-index:120;}


	/**/
	.top_logo{padding:0px 0px 0px;}
	.top_logo a{left:0px; top:20px; background:url(../images_en/common/logo_m.png); background-size:157px 29px;}
	#head:hover .top_logo a{left:0px; top:20px;  background:url(../images_en/common/logo_m.png); background-size:157px 29px;}
	.top_logo img{left:0px; top:45px;}

	#panel_butt{position:relative; top:-45px; right:0px;}
	.globalmenu{top:-44px; right:40px;}


	/*내용*/
	#content .content_top{height:200px;}
	#content .content_top p.tit_1{padding-top:130px;}
	#content .content_top p.tit_2{/*padding-top:130px;*/ padding-top:135px;}
	#content .content{position:relative; height:100%;}
	.contop_b{background:url(../images/common/sub_top_t_b.jpg); background-size:cover; background-position:center;}
	.contop_0{background:url(../images/common/sub_top_t_0.jpg); background-size:cover; background-position:center;}
	.contop_1{background:url(../images/common/sub_top_t_1.jpg); background-size:cover; background-position:center;}
	.contop_2{background:url(../images/common/sub_top_t_2.jpg); background-size:cover; background-position:center;}
	.contop_3{background:url(../images/common/sub_top_t_3.jpg); background-size:cover; background-position:center;}
	.contop_4{background:url(../images/common/sub_top_t_4.jpg); background-size:cover; background-position:center;}
	.contop_5{background:url(../images/common/sub_top_t_5.jpg); background-size:cover; background-position:center;}
	.contop_6{background:url(../images/common/sub_top_t_6.jpg); background-size:cover; background-position:center;}
	.contop_7{background:url(../images/common/sub_top_t_7.jpg); background-size:cover; background-position:center;}
	.contop_8{background:url(../images/common/sub_top_t_8.jpg); background-size:cover; background-position:center;}

	.contentbox{padding-top:30px;}

	.loca{/*height:40px;*/}

	.contbox{margin:0px 0px;}

	/*로케이션*/
	.loca_leftbox{width:100%; margin-bottom:10px;}
	.loca_rightbox{width:100%; text-align:right; border-top:1px solid #ddd; padding-top:10px;}

	/*해상도 별 표출*/
	.ico_w{display:none;}
	.view_w{display:none !important;}
	.view_m{display:none !important;}

	.display_inblock_1{display:inline-block;}
	.display_inblock_2{display:inline-block; margin-bottom:5px;}
	.display_inblock_3{margin:5px 0px;}
	.display_inblock_4{display:inline-block;}

	.inbox_1{float:left;}
	.inbox_2{margin-bottom:5px; clear:both;}
	.inbox_3{float:left; margin-bottom:5px;}

	.inpd_cr{height:5px;}


	.footbbox .fbox_2{text-align:right;}

}



/* Desktop Device : 769 이상 프린트 사이즈 */
@media screen and (min-width:769px), only print{


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


	/*내용*/
	#content{min-height:630px;}
	#content .content_top p.tit_1{/*padding-top:115px;*/ padding-top:135px;}
	#content .content_top p.tit_2{padding-top:135px;}
	#content .content{/*margin-left:240px;*/ position:relative; height:100%;}

	.contop_b{background:url(../images/common/sub_top_b.jpg); background-size:cover; background-position:center;}

	.contop_0{background:url(../images/common/sub_top_0.jpg); background-size:cover; background-position:center;}
	.contop_1{background:url(../images/common/sub_top_1.jpg); background-size:cover; background-position:center;}
	.contop_2{background:url(../images/common/sub_top_2.jpg); background-size:cover; background-position:center;}
	.contop_3{background:url(../images/common/sub_top_3.jpg); background-size:cover; background-position:center;}
	.contop_4{background:url(../images/common/sub_top_4.jpg); background-size:cover; background-position:center;}
	.contop_5{background:url(../images/common/sub_top_5.jpg); background-size:cover; background-position:center;}
	.contop_6{background:url(../images/common/sub_top_6.jpg); background-size:cover; background-position:center;}
	.contop_7{background:url(../images/common/sub_top_7.jpg); background-size:cover; background-position:center;}
	.contop_8{background:url(../images/common/sub_top_8.jpg); background-size:cover; background-position:center;}

	.content{padding-top:30px;}

	.contentbgbox{/*padding:171px 0px 0px;  padding:210px 0px 0px;*/ max-width:1200px;}

	.loca{/*display:none;*/}

	/*로케이션*/
	.loca_leftbox{float:left;}
	.loca_rightbox{/*float:right;*/ text-align:right;}


	/*해상도 별 표출*/
	.ico_m{display:none;}

	.view_t{display:none !important;}
	.view_m{display:none !important;}

	.view_tm{display:none !important;}

	.view_wtm{display:none !important;}

	.display_inblock_1{display:inline-block;}
	.display_inblock_2{display:inline-block;}
	.display_inblock_3{display:inline-block;}
	.display_inblock_4{display:inline-block;}

	.inbox_1{float:left;}
	.inbox_2{float:left;}
	.inbox_3{float:left;}
	.inbox_4{float:left;}

	.inpd_cr{display:none;}

	
	.footbbox .fbox_1{float:left;}
	.footbbox .fbox_2{float:right;}



	
}

/* Desktop Device : 481 이상 1236 이하 */
@media screen and (min-width:481px) and (max-width:1236px){
	
	#head .logo_area{height:65px;}

	
	.top_logo .logo_web{display:none;}
	/*.top_logo .logo_mbl{width:237px;}*/

	#head{border-bottom:0px;}
	#header{display:none;}
	#header #navi{display:none;}

	/*.panel_bnt{display:none;}*/

	
	#global_menu .globalmenu .sns_listbox{display:none;}


	/*foot*/
	#foot .foot_box{margin:30px 0px;}
	.foot_selectbox{position:absolute; margin:10px 0px; bottom:0px; right:0px;}
	.foot_logo{margin-right:20px; margin-top:0px; padding-bottom:20px;}
	.foot_txt{padding-bottom:30px;}



	
}


/* Desktop Device : 768 이상 1236 이하 */
@media screen and (min-width:768px) and (max-width:1236px){
	

	.top_logo{padding:0px 0px 0px;}
	.top_logo a{left:20px; top:20px; background:url(../images/main_new/logo.png); background-size:157px 29px;}
	#head:hover .top_logo a{left:20px; top:20px;  background:url(../images/main_new/logo.png); background-size:157px 29px;}
	.top_logo img{left:20px; top:45px;}

	#panel_butt{right:20px; position:relative; top:-45px; }
	.globalmenu{top:-44px; right:60px;}

	/*foot*/
	.foot_selectbox{position:absolute; margin:10px 0px; bottom:0px; right:30px;}

}

/* Desktop Device : 1237 이상 프린트 사이즈 */
@media screen and (min-width:1237px), only print{
	
	#panel_butt {display:none;}

	#head{clear:both;  height:65px;}
	.top_logo{/*text-align:center;*/}
	.top_logo a{left:40px; top:20px;}
	/*#head:hover .top_logo a{left:40px; top:20px; background:url(../images/main_new/logo.png); background-size:157px 29px;}*/
	

	.panel_bnt{background:#373737; width:90px; height:75px; line-height:90px; text-align:center; position:absolute; z-index:10; right:0px;}

	/*#head.fixed-gnb{position:fixed;width:100%;margin:0; top:0; background:#fff;}*/
	#head.fixed-gnb .logo_area{height:0px;}
	.top_logo a{background:url(../images/main_new/logo.png); background-size:157px 29px; background-repeat:no-repeat !important;}
	#head.fixed-gnb .top_logo a{background:url(../images/main_new/logo.png); background-size:157px 29px;}
	#head.fixed-gnb #global_menu .globalmenu{/*right:0px;*/}
	#head.fixed-gnb #topline_bannerbox{display:none;}
	#head.fixed-gnb #global_menu .globalmenu{top:18px;}
	#head.fixed-gnb #global_menu .fixedgnb_none{display:none;}

	
	#global_menu .globalmenu{right:40px; top:-45px;}
	#head:hover #global_menu .globalmenu{}
	#global_menu .globalmenu .ico_org{position:relative; top:-2px; margin-right:5px;}
	#global_menu .glb_mbl{display:inline-block;}
	#global_menu .globalmenu .sns_listbox{margin-right:10px;}
	#global_menu .globalmenu img{width:25px;}

	#header_mobile{display:none;}
	/*#header {position:absolute; z-index:100; width:100%;}*/
	#header{position:relative; height:75px;  border-bottom:1px solid transparent; background:rgba(255,255,255,0.75);}
	#head.fixed-gnb #header{top:65px;  background:rgba(0,0,0,0.75);}
	#header::after{
		display:block;
		content:'';
		position:absolute;
		top:75px;
		width:100%;
		height:0;
		background:#fff;
		z-index:-1;
		transition:0.3s;
		color:#000;
	}
	
	#header .nav{/*position:relative; height:59px;  border-bottom:1px solid transparent;*/}

	#header.open {
		border-bottom:1px solid #e9e9e9;
	}
	#header.open::after {
		border-bottom:1px solid #e9e9e9;
		height:260px;
	}




	#header #navi .bt_menu{display:none;}
	#header #navi .logo{float:left; padding-left:20px; padding-top:18px;}
	#header ul.depth {position:relative; /*width:100%;*/ z-index:1; height:100%; /*margin-left:15%;*/ margin-left:20%;}
	#header ul.depth li {position:relative; float:left; font-weight:normal; vertical-align:top; width:100%; /*height:59px; text-align:left; */}
	#header ul.depth li a div.depth1{
		position:relative; 
		font-size:16px;  
		width:100%; 
		text-decoration:none; 
		white-space:nowrap; 
		overflow:hidden; 
		text-overflow:ellipsis; 
		/*height:90px; 
		line-height:90px;*/
		padding:25px 0px 35px;
		letter-spacing:-0.2px; 
		font-weight:600;
		text-align:center;
	}
	#header ul.depth li:hover::after {
		position:absolute;
		left:0;
		bottom:0;
		display:block;
		content:'';
		width:100%;
		/*height:3px;
		background-color:#014099;*/
	}

	/*#header #navi ul.depth #sm1{width:14.2%;}
	#header #navi ul.depth #sm2{width:14.2%;}
	#header #navi ul.depth #sm3{width:14.2%;}
	#header #navi ul.depth #sm4{width:14.2%;}
	#header #navi ul.depth #sm6{width:14.2%;}
	#header #navi ul.depth #sm7{width:14.2%;}
	#header #navi ul.depth #sm8{width:14.2%;}*/
		
	#header #navi ul.depth #sm1{width:19.3%;}
	#header #navi ul.depth #sm2{width:16.5%;}
	#header #navi ul.depth #sm3{width:14.5%;}
	#header #navi ul.depth #sm4{width:16%;}
	#header #navi ul.depth #sm6{width:20%;}
	#header #navi ul.depth #sm7{width:15%;}
	#header #navi ul.depth #sm8{width:12.5%;}

	#header #navi ul.depth #sm1 #depth1_1{text-align:center;}

	/*#head.fixed-gnb ul.depth li a div.depth1{display:none;}*/


	#head ul.depth li a div.depth1{position:relative; width:100%; color:#000000; text-decoration:none;}
	/*#head ul.depth #sm6 a div.depth1,#head ul.depth #sm7 a div.depth1,#head ul.depth #sm8 a div.depth1{color:#fff;}*/

	#head.fixed-gnb ul.depth #sm6 a div.depth1,#head.fixed-gnb ul.depth #sm7 a div.depth1,#head.fixed-gnb ul.depth #sm8 a div.depth1{color:#000;}

	#head:hover ul.depth li a div.depth1{color:#000000;}
	#head:hover ul.depth #sm6 a div.depth1,#head:hover ul.depth #sm7 a div.depth1,#head:hover ul.depth #sm8 a div.depth1{color:#000;}
	#header ul.depth li a:hover, #header #navi ul.depth li.on a{color:#014099; text-decoration:none; text-decoration:none;}
	/*#header #navi ul.depth1 li ul.depth2{ 
		display:block;
		height:0;
		border-right:1px solid #e9e9e9;
		overflow:hidden;
		transition:0.3s;
		font-weight:bold; 
	}
	#header #navi ul.depth1 li ul.depth2 a li{background:url(../images/common/depth_ico.png) 5px 18px; background-repeat:no-repeat; width:100%; text-align:left; font-weight:normal;}
	#header #navi ul.depth1 li ul.depth2 a li p{margin:10px 15px 10px; text-align:center; line-height:150%; display:none;}*/


	#header ul.depth li ul.depth2{
		display:block;
		height:0px;
		overflow:hidden;
		transition:0.3s;
		font-weight:bold; 
		float:left;
		box-sizing:border-box;
	}

	/*#header #depth2_1{width:17%;}
	#header #depth2_2{width:18%;}
	#header #depth2_3{width:15%;}
	#header #depth2_4{width:17%;}
	#header #depth2_5{width:17%;}
	#header #depth2_6{width:17%;}
	#header #depth2_7{width:18%;}
	#header #depth2_8{width:15%;}
	#header #depth2_9{width:17%;}*/

	#header ul.depth li ul.depth2 li{width:100%; text-align:left; font-weight:normal;  /*height:40px;  height:32px; */line-height:100%;}
	#header ul.depth li ul.depth2 li p{background:url(../images/common/depth_ico.png) 0px 0px; background-repeat:no-repeat; padding-left:10px;}
	#header ul.depth li ul.depth2 li.depth1{height:42px !important;  margin:10px 15px 10px;}
	#header ul.depth li ul.depth2 a li h4{display:none;}
	#header ul.depth li ul.depth2 a li p{
		display:none;
	}

	#header.open ul.depth li ul.depth2 {
		height:260px;
	}

	#header.open ul.depth li ul#depth2_8 {
		height:270px;
	}

	#header.open ul.depth li ul#depth2_9 {
		height:240px;
	}

	#header.open ul.depth li ul.depth2 li:hover::after{background:transparent !important;}
	#header.open ul.depth li ul.depth2 a li h4{display:block; color:#000; font-size:16px; margin-top:15px; margin-bottom:15px;}
	/*#header.open ul.depth li ul#depth2_6 a li h4{margin-left:15px;}
	#header.open ul.depth li ul#depth2_7 a li h4{margin-left:-50px;}*/
	#header.open ul.depth li ul.depth2 a li p{
		display:block;
		margin-top:9px;
		margin-bottom:9px; 
		text-align:left; 
		line-height:130%; 
		font-size:16px;

	}

	#header #navi #sm1 ul.depth2 a li p{margin:6px 0px 5px 0px; }
	#header #navi #sm2 ul.depth2 a li p{margin:6px 0px 5px 0px; }
	#header #navi #sm3 ul.depth2 a li p{margin:6px 0px 5px 0px; }
	#header #navi #sm4 ul.depth2 a li p{margin:6px 0px 5px 0px; }
	#header #navi #sm5 ul.depth2 a li p{margin:6px 0px 5px 0px; }
	#header #navi #sm6 ul.depth2 a li p{margin:6px 0px 5px 0px; }
	#header #navi #sm7 ul.depth2 a li p{margin:6px 0px 5px 0px; }
	#header #navi #sm8 ul.depth2 a li p{margin:6px 0px 5px 0px; }

	/*foot*/
	#foot .foot_box{position:relative;}
	.family_sitebox{position:absolute; right:0px; top:0px;}
	.foot_logo{margin-right:20px; float:left; margin-top:0px; margin-bottom:20px;}
	.foot_txt{float:left;}


	/**/
	.contenttop{padding-top:160px;}

}