@charset "utf-8";

/*************************************************************** 서브전체 - 기본 ***************************************************************/
/* 서브콘텐츠 - 이미지페이지 */
.subcontainer .con_detail {position:relative; width:100%;  /* margin:0 auto; */padding-bottom:3em;}
.subcontainer .board_detail {position:relative; width:100%;  /* margin:0 auto; */padding-bottom:3em;}
.subcontents {}

/* 콘텐츠 타이틀*/
.subcontainer .contitle{position:relative; margin:0 auto 2em auto; background:#fff; font-weight:500; color:#222;  padding:0 0 .5em 0;  }
.subcontainer .contitle span{font-size:1.1rem; color:#555; line-height:1.6; margin-left:1em;}
.subcontainer .contitle span:before{content:"/ ";}
.subcontainer .contitle:after{position:relative;  height:1px; display:block; background:#666; top:.8em;  left:2px; right:0; content:"";}

.subcontainer .contitle_depth {position:relative; margin:0 auto 3em auto; background:#fff;  font-weight:; color:#375186;  padding:0 0 1em 0; text-align:; border-bottom:1px dashed #304f94;} 

.subcontainer .subtitle{ position:relative; font-size:1.5rem; color:#546387; font-weight:50; margin-bottom:1.2em; padding:.4em .6em .5em .6em; box-sizing:border-box; background:#f7f9fd; border:1px solid #9fafd3; border-radius:5px; letter-spacing:-0.04em}
.subcontainer .subtitle:after{ position:relative; display:block;  width:100%; height:0px; background:#aaa; top:.5em; left:2px; right:0; content:"" }

.subcontainer .sub_contitle {position:relative;  font-weight:500;  padding-bottom:1.5em;}
.subcontainer .sub_contitle:after{ position:relative; display:block;  width:40px; height:2px; background:#304f94; top:.5em; left:1px; right:0; content:""; }

.subcontainer .ssubtitle{ position:relative;   font-size:; font-weight:500;  color:#333; padding-left:1.5em; padding-bottom:.5em;}
.subcontainer .ssubtitle:before{ content:'\e65d'; display:block; width:; position:absolute; left:0; top:0;  background:; color:#0050aa; font-weight:bold;  font-family: 'themify'; }

.subcontainer .caution_title{ position:relative;   font-size:; font-weight:500;  color:#333; padding-left:1.5em; padding-bottom:.5em;}
.subcontainer .caution_title:before{ content:'\e618'; display:block; width:; position:absolute; left:0; top:2px;  background:; color:#d00000; font-weight:bold;  font-family: 'themify';}


/*
@media screen and (max-width:980px){
}

@media screen and (max-width:768px){
.subcontainer .contitle{font-size:2.4rem;}
.subcontainer .subtitle{ font-size:2rem; }
.subcontainer .ssubtitle{ font-size:1.4rem; }
}
*/
/******************* mobile *******************/
@media screen and (max-width:576px){
.subcontainer .con_detail {min-width:320px; width:100%; }
.subcontainer .board_detail {min-width:320px; width:100%; }
.subcontainer .contitle{ text-align:center}
.subcontainer .subtitle{ font-size: 1.2rem;}
.subcontainer .ssubtitle{ font-size: ; }
}

@media all and (max-width:480px){
.subcontainer .contitle{font-size: ; }
.subcontainer .subtitle{ font-size: ; }
}






/*  서브비주얼 */
.topnaviWrap {position:relative; width:100%; margin: 0 auto; }
.innerWrap {position:relative; padding:0; background-attachment:; background-repeat:no-repeat;  }
.innerWrap2 {position:relative; }
.topnaviWrap:after, .innerWrap:after, .innerWrap2:after{display:block; content:""; clear:both; }
.topVisBg {	position:relative; width:100%; margin:0 auto; }
.topVisBg.tvopcity{ background:rgba(0,0,0,.4)}

.innerWrap .topVis01 { background:url('/img/company/subvisual.jpg'); 	background-size:cover; background-position:50% 50%; background-attachment:;}
.innerWrap .topVis02 { background:url('/img/busi01/subvisual.jpg');		background-size:cover; background-position:50% 50%; background-attachment:;}
.innerWrap .topVis03 { background:url('/img/busi02/subvisual.jpg'); 	background-size:cover; background-position:50% 50%; background-attachment:;}
.innerWrap .topVis04 { background:url('/img/busi03/subvisual.jpg');		background-size:cover; background-position:50% 50%; background-attachment:;} 
.innerWrap .topVis05 { background:url('/img/cust/subvisual.jpg'); 		background-size:cover; background-position:50% 50%; background-attachment:;}

#topTxt{position:relative;text-align:center; padding:12em 0 6em 0;}
.topVisTitle{position:relative; color:#fff;  font-weight:500; font-size:;	 margin-bottom:.5em;
	opacity:1; filter:Alpha(opacity=100); transform:translateX(0); -moz-transform:translateX(0);  
	-webkit-transition:top 0.3s;-moz-transition:top 0.3s; -o-transition:top 0.3s; -ms-transition:top 0.3s; transition:top 0.3s; text-transform:uppercase;}
.topVisTitle span{ display:none}
.topVisSubtitle { color:#fff; font-size: ;  font-weight:400; }
.topVisSubtitle span{ font-size:; display:block; font-weight:500;  text-transform:uppercase;  }
.topVisSubtitle br{display:; }
.topVisTitle.fcfff{color:#fff; }




/* 서브메뉴 - PC */
#left_menu {  position:; margin-top:-2em;  z-index:4; }
#left_menu h5{ background:#304f94; color:#fff; font-weight:600;  text-align: right ; padding:1.5em 30px 1em 10px; margin-bottom:16px;}
#left_menu:after{content:""; display:block; clear:both;}
#left_menu .left_all04, 
#left_menu .left_all03,
#left_menu .left_all02,
#left_menu .left_all01{ clear:both; margin:0 auto; }/* 이 부분만 수정하면 서브메뉴 와이드하게 사용가능 */
#left_menu > div > ul{ margin-left:3em}
#left_menu ul li{ position:relative; display:; text-align: right ; font-size:1.2rem;  background:#fff;  line-height:55px;  border-bottom:1px solid #ddd;}
#left_menu ul li:nth-child(2n){background:#fff; } 
#left_menu li a{color:#444; padding-right:25px;}
#left_menu li a:hover,
#left_menu li a.active {color:#111;} 
#left_menu li a i{ position:; font-size:.9rem; color:#333; font-weight:600; content:" ";  margin-left:10px; }  
.page1 #left_menu .submenu .sub1 > a{display:block; width:100%; color:#304f94; background:#fff; border-bottom:2px solid #304f94; font-weight:500}
.page2 #left_menu .submenu .sub2 > a{display:block; width:100%; color:#304f94; background:#fff; border-bottom:2px solid #304f94; font-weight:500}
.page3 #left_menu .submenu .sub3 > a{display:block; width:100%; color:#304f94; background:#fff; border-bottom:2px solid #304f94; font-weight:500}
.page4 #left_menu .submenu .sub4 > a{display:block; width:100%; color:#304f94; background:#fff; border-bottom:2px solid #304f94; font-weight:500}
.page5 #left_menu .submenu .sub5 > a{display:block; width:100%; color:#304f94; background:#fff; border-bottom:2px solid #304f94; font-weight:500}
.page6 #left_menu .submenu .sub6 > a{display:block; width:100%; color:#304f94; background:#fff; border-bottom:2px solid #304f94; font-weight:500}
.page7 #left_menu .submenu .sub7 > a{display:block; width:100%; color:#304f94; background:#fff; border-bottom:2px solid #304f94; font-weight:500}
.page8 #left_menu .submenu .sub8 > a{display:block; width:100%; color:#304f94; background:#fff; border-bottom:2px solid #304f94; font-weight:500}






#left_menu ul.ssubmenu { 
	background:#f6f6f6;
	margin-bottom:20px;
}
#left_menu ul.ssubmenu>li {
	border-bottom:1px solid #ddd;
	background:transparent;  
}
#left_menu ul.ssubmenu>li:last-child {
	border-bottom:0px;
}
#left_menu ul.ssubmenu>li>a {
	font-size:1.1rem;  line-height:40px;  
	color:#444; padding-right:25px;
}
#left_menu ul.ssubmenu>li>a:hover {
	color:#122246;
}




/* 서브메뉴 - 모바일 */
.topNavipc {display:block; width:100%; position:absolute; top:280px; left:0; right:0; text-align:center; margin:0 auto; height:;  } 
.topNavipc .nav {	 margin:0 auto;	height:45px;  display:block; text-align: center;	}
.topNavipc .nav > .smenu {	display:inline-block; text-align: center;	 }
.topNavipc .nav > .smenu > li {		display:inline-block; text-align: center;	font-size:1rem; padding: 0 10px 0 0; line-height:50px;}
.topNavipc .nav > .smenu > li > a {	 color: #fff;	font-weight: 400;	position:relative;	 }
.topNavipc .nav > .smenu > li > a i{ font-size:1rem; color:#fff; margin-left:10px; font-weight:500;}
.topNavipc .nav > .smenu > li:first-child > a i{ font-size:1rem; color:#fff; margin-left:10px; font-weight:600;}



.s_depth1 #left_menu .submenu .sub1_depth > a{display:block; width:100%; color:#304f94; background:#fff; line-height:50px;font-weight:500}
.s_depth2 #left_menu .submenu .sub2_depth > a{display:block; width:100%; color:#304f94; background:#fff; line-height:50px;font-weight:500}
.s_depth3 #left_menu .submenu .sub3_depth > a{display:block; width:100%; color:#304f94; background:#fff; line-height:50px;font-weight:500}
.s_depth4 #left_menu .submenu .sub4_depth > a{display:block; width:100%; color:#304f94; background:#fff; line-height:50px;font-weight:500}
.s_depth5 #left_menu .submenu .sub5_depth > a{display:block; width:100%; color:#304f94; background:#fff; line-height:50px;font-weight:500}
.s_depth6 #left_menu .submenu .sub6_depth > a{display:block; width:100%; color:#304f94; background:#fff; line-height:50px;font-weight:500}
.s_depth7 #left_menu .submenu .sub7_depth > a{display:block; width:100%; color:#304f94; background:#fff; line-height:50px;font-weight:500}
.s_depth8 #left_menu .submenu .sub8_depth > a{display:block; width:100%; color:#304f94; background:#fff; line-height:50px;font-weight:500}




.topNavi {display:; position:relative; top:0px; width:100%; height:50px;  border-bottom:1px solid #aaa;  background:#fff;} 
.topNavi .nav h5{ display:none  !important; }
.topNavi .nav {	width: ;	margin:0 auto;	height:50px;	position:absolute;	left:0;	right:0;	top:0;}
.topNavi .nav > .smenu {	overflow: hidden;	float:;}
.topNavi .nav > .sm1 {  display:block;	z-index:; text-align: center;	}
.topNavi .nav > .sm2 {  display:block;	z-index:1; text-align: center;	width:100% !important; }
.topNavi .nav > .smenu > li {	float:;	width: 100%;	text-align: center;	font-size:1.1rem;}
.topNavi .nav > .smenu > li > a {	display: inline-block;	width: 100%;		color: #222;	font-weight: 400;	position:relative;	padding:10px 0;	letter-spacing:-0.02em;}
.topNavi .nav > .smenu > li > a i{display:block; position:absolute; right:18px; top:14px; bottom:0; font-size:1.2rem; color:#304f94; }
.topNavi .nav > .smenu > .smenudown >  a:after{content:"";position:absolute; display:block; top:0px;right:0px;width:1px;height:100%;background:rgba(255,255,255,0.2);}
.topNavi .nav > .smenu > li:hover > a {	color:#304f94;}
.topNavi .nav .submenu {	display: none;	position: absolute;	z-index: 1;	text-align: center;	background: #f9f9f9;	top:50px;	width: 100%;	margin:0 0; border-left:1px solid #ddd;	border-right:1px solid #ddd;	border-bottom:1px solid #ddd;	box-sizing:border-box;}
.topNavi .nav .submenu li {	position:relative; text-align: center;	}
.topNavi .nav .submenu li > a {	display: inline-block;	padding: 10px 0px;	color: #333;	width: 100%;	font-size:.9em; text-align: center;	}
.topNavi .nav .submenu li > a:hover {    	color:#111;	border:;	background: #fff;	width: 100%;}
.topNavi .nav .submenu li:after{content:"";position:relative; display:block;left:0; right:0px; width:100%;height:1px;background:#ddd; }
.topNavi .nav .submenu li:last-child:after{height:0px;}
.topNavi .nav .submenu > li > .gnb-2dep{display:none ;}
.topNavi .nav .submenu > li > a i{display:none;   }
.topNavi .nav .iconhome {text-align:center; display: none;	}
.topNavi .nav .iconhome a {background:none !important; vertical-align:middle;	box-sizing:border-box;	margin:0; width:70px; height:50px; clear:both;	float:left;	border-right:1px solid #ddd; cursor: pointer; }
.topNavi .nav .iconhome a i{display:block;padding:0 25px;font-size:1.3rem;line-height:50px;color:#444;}

/*
@media screen and (max-width:1461px){	
}

@media screen and (max-width:1024px){
#left_menu ul li{ font-size:1rem; }
}

@media screen and (max-width:980px){
#topTxt{padding:12em 0 8em 0; }
.topVisTitle{font-size:3rem;}
.topVisSubtitle {font-size:1.8rem;  }

#left_menu {display:none; }
.topNavi {display:block;} 
}

@media screen and (max-width:768px){
#topTxt{padding:10em 0 6em 0; }
.topVisTitle{ font-size:2.8rem; }
.topVisSubtitle { font-size:1.4rem;  }
.topVisSubtitle br{display:block; }
}*/


/******************* mobile *******************/
@media screen and (max-width:576px){
#topTxt{padding:8em 0 3em 0;}
.topVisTitle{  font-size: ; }
.topVisSubtitle { font-size: ;  }
#left_menu {display:none; }


}
@media all and (max-width:480px){
.topVisTitle{  font-size: ; }
.topVisSubtitle { font-size: ;  }
}























