@charset "utf-8";



.sub_visual {width:90%; margin:0 auto;  position:relative; text-align:center;   overflow:hidden; background-repeat:no-repeat; background-position:center top; background-size:cover; height:700px;  border-radius:0px 0px 40px 40px;     background-attachment: fixed;}
.sub_visual .s_visual {position:relative; z-index:0; display:none; }
.sub_visual .s_visual img {width:100%; vertical-align:middle;}

.sub_visual .this_title {position:absolute; left:0px; top:150px; width:100%; font-size:33px; line-height:33px; color:#fff;  z-index:2;  font-weight:900; }
.sub_visual .this_title span {display:block; font-size:20px; margin-top:5px; font-weight:normal; font-family: 'ChosunNm'; letter-spacing:-1px; }
.sub_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:1;}




#container {position:relative; z-index:0;; }

#container_sub {position:relative; }
#contentGroup {position:relative;  }

#contentGroup .content_title {font-size:40px; font-weight:900; color:#000;margin-bottom:20px; line-height:50px;}
#contentGroup .content_title  span {display:block; font-size:16px; color:#000; margin-top:5px; font-weight:normal; line-height:20px; }
#contentGroup .guide {position:absolute; right:0px; top:50px;}
#contentGroup .guide li{margin-bottom:20px; display:inline-block;  color:#000; font-size:16px;}
#contentGroup .guide li a{color:#000; font-size:15px;}
#contentGroup .guide li.home {font-size:30px;}
#contentGroup .guide li:before{font-family: 'xeicon'; display:inline-block; content: "\e94a"; position:relative; top:-1px; vertical-align:middle; margin:0 1rem; color:#000; font-size:2rem;}
#contentGroup .guide li:first-child:before{display:none;}


/*레프트메뉴*/
#contentGroup #sub_menu_wrap {  position:relative; z-index:3; }
#contentGroup #sub_menu_wrap #this_title { position:relative; z-index:1;  color:#000; padding:15px 20px; font-weight:700;   background:#fff url(../images/sub/this_title_dot.png) 98% 50% no-repeat;   border-radius:5px; border:1px #ddd solid; }
#contentGroup #sub_menu_wrap #this_title.on {background:#fff url(../images/sub/this_title_dot_on.png) 98% 50% no-repeat; border-color:#000; color:#000;}
#contentGroup #sub_menu_wrap ul.hidden_menu {position:absolute; z-index:0; left:0px; top:60px;  width:100%; background:#fff; box-shadow: 0 0 7px rgba(202, 209, 217, .9); border-radius:5px; border:1px #ddd solid; display:none;}
#contentGroup #sub_menu_wrap ul.hidden_menu li {position:relative; letter-spacing:-0.5px;}
#contentGroup #sub_menu_wrap ul.hidden_menu li a.left_first_depth {display:block; color:#555; font-size:14px;    line-height:60px; text-align:Center; border-bottom:1px #ededed solid; }
#contentGroup #sub_menu_wrap ul.hidden_menu li a.left_first_depth:hover {text-decoration:underline;}
#contentGroup #sub_menu_wrap ul.hidden_menu li a.left_first_depth.on {color:#745f3f; font-weight:700; }








/*컨텐츠박스*/
/*#content {position:relative;  padding:30px; background:#fff; box-shadow: 0 0 7px rgba(202, 209, 217, .9); border-radius:5px; border:1px #ddd solid; margin:5px 0px 20px;}*/
#content {position:relative;  margin:20px 0px 0px; min-height:600px;}



.tep_menu{position:relative; margin-bottom:10px;}
.tep_menu li{display:inline-block; width:120px;text-align:center; }
.tep_menu li a{display:block; line-height:33px; background:#f8f8f8; border:1px #ddd solid;}
.tep_menu li a.on,
.tep_menu li a:hover{background:#662d91; color:#fff; border-color:#02afe3;}





/* 컨텐츠 공통 스타일 */
h4.cStyle {clear:both; font-size:25px; color:#000; line-height:33px; letter-spacing:-2px; overflow:hidden;  font-weight:bold;;}
h5.cStyle {clear:both; font-size:25px; color:#097d82;  line-height:30px; margin-bottom:10px; font-weight:normal; letter-spacing:-2px;   }
h6.cStyle {clear:both; font-size:18px; color:#000;  line-height:20px; font-weight:bold; letter-spacing:-2px;   }


dl.cStyle {clear:both; font-size:15px; margin-top:10px}
dl.cStyle dt {font-size:16px;  color:#000; background:url(../images/sub/dt_dot.jpg) left 11px no-repeat; line-height:24px; padding-left:10px;}
dl.cStyle dd { margin:5px 0 0 0; color:#767676; background:url(../images/sub/dd_dot.jpg) 35px 10px no-repeat; line-height:20px;}
dl.cStyle dd a {color:#767676;}
dl.cStyle dd a:hover {color:#000; text-decoration:underline;}




ul.cStyle {overflow:hidden; margin-top:10px}
ul.cStyle li{  font-size:16px;  color:#000; background:url(../images/sub/dt_dot.jpg) left 11px no-repeat; line-height:24px; padding-left:10px;  }


p.cStyle {clear:both; font-size:15px; padding:0 0 0 8px;}
p.cStyle b {color:#fb7a0b; letter-spacing:0;}
p.cStyle img {max-width:100%;}

p.cStyle2 {clear:both; font-size:15px; padding:0;}
p.cStyle2 b {color:#fb7a0b; letter-spacing:0;}
p.cStyle2 img {max-width:100%;}

p.cStyle3 {text-align:center;}
p.cStyle3 img{max-width:100%;}










@media all and (max-width:1024px) {


#container_sub {margin-top:0px;}

.sub_visual {border-radius:0px; position:relative;; margin-top:0px; width:auto;   height:200px;   background-attachment: scroll;}

.sub_visual .this_title { top:40px;   font-size:22px; line-height:23px; }
.sub_visual .this_title span {padding:0 20px; font-size:14px; margin-top:5px  }





#contentGroup .content_title {font-size:23px; line-height:30px;}
#contentGroup .content_title  span {display:block; font-size:13px;  margin-top:0px; color:#666   }
#contentGroup .guide {position:relative; margin-top:20px;; top:0px;}
#contentGroup .guide li{margin-bottom:10px; font-size:14px;}
#contentGroup .guide li a{font-size:15px;}
#contentGroup .guide li:before{vertical-align:middle; margin:0 8px; font-size:15px;;}






}


@media all and (min-width:1025px) and (max-width:1440px) {
	
	.sub_visual {width:auto; height:500px; }
	
}