@charset "utf-8";
@import url("./default.css"); 
@import url("../../../css/content.css?250827");

.visible_sm { display: none; }   

/*서브비주얼*/
#sub_visual {text-indent:-999999px; width:100%; height:180px; background:url(../images/sub/sub_visual.jpg) center top no-repeat; margin-top:-29px !important;}


#container {margin:0 auto; width:1100px; overflow:hidden;   }

/*레프트메뉴*/
#left {float:left; width:230px; margin:0 20px 40px 0; }
#left h2 {position:relative; text-align:left; height:65px; line-height:70px; margin:30px 0 0 0; padding:5px 0 0px 37px;   background:#fff url(../images/sub/left_h2_title.jpg) 0 0 no-repeat; color:#fff; font-size:20px; border-radius:10px 10px 0 0;}

ul#leftMenu {width:100%;}
ul#leftMenu li { width: 100%; border-bottom:1px #eee solid; font-size:14px;  margin:0; background:#fff; }
ul#leftMenu li:last-child { border-radius:0 0 10px 10px; }
ul#leftMenu li a {display:block; color:#333; line-height:18px; padding:11px 35px 11px 40px; background:url(../images/sub/left_off.png) no-repeat 195px center;   }
ul#leftMenu li a:hover {font-weight:bold; text-decoration:underline; background:#fff url(../images/sub/left_on_top.png) no-repeat 195px center; }

ul#leftMenu li a.on {font-weight:bold; color:#55a630; line-height:18px; background:url(../images/sub/left_on.png) no-repeat 195px center  #f4f4f4;}

ul#leftMenu li div {display:none;position:relative; background:#ededed; overflow:hidden;}
ul#leftMenu li div.on {display:block;}
ul#leftMenu li div ul { padding: 6px 0;}
ul#leftMenu li div ul li {font-size:13px; width: 100%; height: 30px; border-radius:0 !important; }
ul#leftMenu li div ul li a { display:block; color:#444;padding: 0 0 0 57px; line-height: 30px; background:#ededed url(../images/sub/left_depth.png) no-repeat 48px center;}
ul#leftMenu li div ul li.on a{ font-weight:bold; text-decoration:underline; background:url(../images/sub/left_menu_sub_on.png) 48px center no-repeat #ededed ;}
ul#leftMenu li div ul li a:hover{ font-weight:normal !important; text-decoration:underline; background-image:none; background:#ededed url(../images/sub/left_menu_sub_on.png) 48px center no-repeat;}



#contentGroup {overflow:hidden; padding:0; box-sizing:border-box; border-radius:10px; background:#fff; margin:30px 0;  }


/*가이드박스*/
#guideGroup {position:relative; height:70px; line-height:70px; background:url(../images/sub/guide_bg.png) 0 bottom repeat-x; }
#guideGroup h3 { margin-left:30px; font-size:18px; color:#333333; padding:0 0 0 27px; font-weight:bold; background:url(../images/sub/h3_dot.png) no-repeat 0px center;}
#guideGroup h3 span { margin-left:13px; padding-left:11px; font-weight:normal; font-size:14px; color:#b0b0b0; background:url(../images/sub/h3_line.png) no-repeat left center; }
#guideGroup .guide { /*position:absolute; top:0; left:0px;*/ display:none; }

#guideGroup .guide li{float:left;color:#999999;line-height:23px; font-size:12px; padding:0 12px 0 12px;background:url(../images/sub/guide_dot.jpg) left 7px no-repeat; }
#guideGroup .guide li.first {padding:0 12px 0 0;background:none; }
#guideGroup .guide li a {color:#999999;} 


#guideGroup .page_config {position:absolute; top:8px; right:15px;}
#guideGroup .page_config li{float:left; height:53px; text-align:center;  }
#guideGroup .page_config li a{display:block; width:45px; line-height:16px;  font-size:12px; letter-spacing:-1px; color:#999; }
#guideGroup .page_config li a:hover{text-decoration:underline; }
#guideGroup .page_config li .img { margin-left:5px;display:block; width:35px; height:35px; border-radius:50%; background-color:#eeeeee; border:1px solid #ddd; }
#guideGroup .page_config li .txt { text-align:center; }
#guideGroup .page_config li.print .img { background:url(../images/sub/page_print.png) center no-repeat;   }
#guideGroup .page_config li.edit .img {  background:url(../images/sub/page_admin.png) center no-repeat;   }


/*컨텐츠박스*/
#content {position:relative; min-height:400px; margin:30px; padding-bottom: 30px; }



/* 컨텐츠 공통 스타일 */
h4.cStyle {clear:both; font-size:15px; padding:0 0 0 22px; color:#333; background:url(../images/sub/h4_dot.png) 0 4px no-repeat; line-height:24px; margin-bottom:10px;}
h5.cStyle {clear:both; font-size:14px; padding:0 0 0 27px; color:#555; background:url(../images/sub/h5_dot.png) 9px 6px no-repeat; line-height:24px; margin-bottom:8px;}
h6.cStyle {clear:both; font-size:13px; padding:0 0 0 32px; color:#777; background:url(../images/sub/h6_dot.png) 16px 7px no-repeat; line-height:24px; margin-bottom:5px;}

h6.cStyle2 {clear:both; font-size:13px; padding:0 0 0 27px; color:#777; line-height:24px; margin-bottom:5px;}

dl.cStyle {clear:both; font-size:12px;}
dl.cStyle dt {font-size:13px; padding:0 10px 0 36px; margin:5px 0 0 0; color:#666; background:url(../images/sub/dt_dot.png) 27px 10px no-repeat; line-height:20px; margin-bottom:3px; }
dl.cStyle dd {font-size:13px; padding:0 10px 0 36px; margin:5px 0 0 0; color:#888; background:url(../images/sub/dd_dot.png) 27px 10px no-repeat; line-height:20px; margin-bottom:3px;}

.student_02_01 dl.cStyle dt {padding:0 10px 0 30px; margin:5px 0 0 0; color:#666; background:none; line-height:20px; margin-bottom:3px; }

dl.cStyle2 {clear:both; font-size:12px;}
dl.cStyle2 dt {font-size:13px; padding:0 10px 0 36px; margin:5px 0 0 0; color:#666; background:url(../images/sub/dt_dot.png) 27px 10px no-repeat; line-height:20px; margin-bottom:3px; }
dl.cStyle2 dd {font-size:13px; padding:0 10px 0 36px; margin:5px 0 0 0; color:#888; background:none; line-height:20px; margin-bottom:3px;}

dl.revision { width: 100%; height: 50px; box-sizing: border-box; border: 1px solid #ddd; overflow: hidden; margin-bottom: 10px;}
dl.revision dt { float: left; width: 8.7%; height: 48px; line-height: 48px; background: #ffc000 url(../images/sub/revision_bg.png) no-repeat 95% top; text-align: center; color: #333; font-size: 14px; font-weight:600; }
dl.revision dd { float: left; width: 88.8%; color: #666; background: #f9f9f9; line-height: 48px; padding-left: 2.5%; /*padding-right: 10px;*/ font-size: 14px; }


table.cStyle {border-top:2px solid #ffc000; width:100%; border-left:1px solid #dddddd; font-size:13px;  }
table.cStyle th {background:#f4f4f4; color:#666; line-height:26px; padding:7px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
table.cStyle td {color:#767676; padding:6px 5px; line-height:20px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
table.cStyle td.bg {background:#f9f9f9; font-weight:bold; color:#888;}

table.cStyle td.t_left { text-align: left; padding-left: 15px; padding-right: 10px; }

table.m_indent { width: 93.3%; margin: 0 auto; }
  
p.cStyle { clear: both; font-size: 14px; color: #555; padding-left: 10px; padding-right: 10px; }
p.cStyle2 { clear: both; font-size: 14px; color: #555; padding-left: 20px; padding-right: 10px; }


/* 내용없음 */
.cm_no_conts {text-align:center; overflow:hidden; padding:50px 0 70px 0; margin:50px 0}
.cm_no_conts .no_icon {background:transparent url(../images/common/no_conts_page.png) center center no-repeat; height:100px;}
.cm_no_conts .gtxt {color:#999 !important; font-size:13px; letter-spacing:-1px;}

/* 페이지네이트*/
.page_on {border:1px #248a2b solid !important; background:#31b049 !important;}


/*탭메뉴 5개*/
.tab02_5 { width: 100%; height: 40px; box-sizing: border-box; border-bottom: 2px solid #ffc000; }
.tab02_5 ul li { float: left; width: 20%; height: 38px; box-sizing: border-box; border: 1px solid #ddd; border-bottom: 0; border-top-left-radius: 5px; border-top-right-radius: 5px;  border-right: 0; line-height: 38px; text-align: center; background: #fff; }
.tab02_5 ul li.last { border-right: 1px solid #ddd; }
.tab02_5 ul li a { display: block; color: #666; font-size: 14px; }
.tab02_5 ul li.on { background: #ffc000 url(../images/common/tab_on.png) no-repeat 2px bottom; border: 0; }
.tab02_5 ul li.on a { color: #fff; font-weight: bold; }
.tab02_5 ul li:hover { background: #ffc000 url(../images/common/tab_on.png) no-repeat 2px bottom; border: 0; }
.tab02_5 ul li:hover a { color: #fff; font-weight: bold; }

/*탭메뉴 6개*/
.tab02_6 { width: 100%; height: 40px; box-sizing: border-box; border-bottom: 2px solid #ffc000; }
.tab02_6 ul li { float: left; width: 20%; height: 38px; box-sizing: border-box; border: 1px solid #ddd; border-bottom: 0; border-top-left-radius: 5px; border-top-right-radius: 5px;  border-right: 0; line-height: 38px; text-align: center; background: #fff; }
.tab02_6 ul li.last {  }
.tab02_6 ul li a { display: block; color: #666; font-size: 14px;  border-right: 1px solid #ddd;}
.tab02_6 ul li.on { background: #ffc000 url(../images/common/tab_on.png) no-repeat 2px bottom; border: 0; }
.tab02_6 ul li.on a { color: #fff; font-weight: bold; }
.tab02_6 ul li:hover { background: #ffc000 url(../images/common/tab_on.png) no-repeat 2px bottom; border: 0; }
.tab02_6 ul li:hover a { color: #fff; font-weight: bold; }

/*탭메뉴 11개*/
.tab02_11 { width: 100%; height: 40px; box-sizing: border-box; border-bottom: 2px solid #ffc000; }
.tab02_11 ul li { float: left; width: 8.3333333333%; height: 38px; box-sizing: border-box; border: 1px solid #ddd; border-bottom: 0; border-top-left-radius: 5px; border-top-right-radius: 5px;  border-right: 0; line-height: 38px; text-align: center; background: #fff; }
.tab02_11 ul li.last { border-right: 1px solid #ddd; }
.tab02_11 ul li a { display: block; color: #666; font-size: 14px; }
.tab02_11 ul li.on { background: #ffc000; border: 0; }
.tab02_11 ul li.on a { color: #fff; font-weight: bold; }
.tab02_11 ul li:hover { background: #ffc000; border: 0; }
.tab02_11 ul li:hover a { color: #fff; font-weight: bold; }







/*/////////////////////////////////////////////////////////////////////////////////반응형/////////////////////////////////////////////////////////////////////////////////*/

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

.visible_sm { display: block; }

/*서브비주얼*/
#sub_visual { display: none; }
#m_sub_visual { margin-top: -22px; margin-bottom: -8px; } 
#m_sub_visual img { width: 100%; }


#container {margin:0px; width:100%; overflow:hidden; background:none; }


/*레프트메뉴*/
#left {display:none;}

#contentGroup {overflow:hidden; padding:0px; margin: 0; border-radius: 0; }

#content {width:90%; clear:both; margin:15px auto; padding-bottom: 15px;}

/*가이드박스*/
#guideGroup {height:35px;}
#guideGroup h3 {display:none;}
	
#guideGroup .guide { position:relative; display: block; width:100%; overflow:hidden; background:#f8f8f8; border-bottom:1px #d6d6d6 solid; }
#guideGroup .guide li{float:left; line-height:35px; padding: 0 13px; background:url(../images/sub/guide_dot_m.png) left 13px no-repeat; }
#guideGroup .guide li.first {padding:0 10px;background:none; }
#guideGroup .guide li.this { color:#666; }
#guideGroup .page_config {display:none;}


/* 컨텐츠 공통 스타일 */
h4.cStyle {padding:0 0 0 25px; }

dl.cStyle dt { padding:0 10px 0 29px; margin:5px 0 0 0; background:url(../images/sub/dt_dot.png) 20px 10px no-repeat; }
dl.cStyle dd { padding:0 10px 0 29px; margin:5px 0 0 0; background:url(../images/sub/dd_dot.png) 20px 10px no-repeat; }

dl.cStyle2 dt { padding:0 10px 0 29px; margin:5px 0 0 0; background:url(../images/sub/dt_dot.png) 20px 10px no-repeat; line-height:20px; margin-bottom:3px; }
dl.cStyle2 dd { padding:0 10px 0 34px; margin:5px 0 0 0; background:none; line-height:20px; margin-bottom:3px;}


p.cStyle { clear: both; font-size: 14px; color: #555; padding-left: 10px; padding-right: 10px; }
p.cStyle2 { clear: both; font-size: 14px; color: #555; padding-left: 15px; padding-right: 10px; }


table.cStyle {font-size:12px;}
table.cStyle.m_indent { width: 100%; }


/*탭메뉴 5개*/
.tab02_5 ul li { width: 20%; }



/*탭메뉴 6개*/
.tab02_6 ul li { width: 16.666666667%; }




}


@media (max-width: 767px) {

h4.cStyle { background:url(../images/sub/m_h4_dot.png) 0 4px no-repeat; background-size: 16px; }
h5.cStyle { background:url(../images/sub/m_h5_dot.png) 9px 6px no-repeat; background-size: 12px;}
h6.cStyle { background:url(../images/sub/m_h6_dot.png) 16px 6px no-repeat; background-size: 13px; }


dl.revision { width: 100%; height: 50px; box-sizing: border-box; border: 1px solid #ddd; overflow: hidden; }
dl.revision dt { float: left; width: 18.7%; height: 48px; line-height: 48px; background: #ffc000 url(../images/sub/revision_bg.png) no-repeat 95% top; text-align: center; color: #754c24; font-size: 14px; }
dl.revision dd { float: left; width: 78.8%; color: #666; background: #f9f9f9; line-height: 48px; padding-left: 2.5%; /*padding-right: 10px;*/ font-size: 14px; }


/*탭메뉴 5개*/
.tab02_5 ul li { width: 20%; }
.tab02_5 ul li a { font-size: 12px; }
.tab02_5 ul li.on { background-image: none; }
.tab02_5 ul li:hover { background-image: none; }

/*탭메뉴 6개*/
.tab02_6 ul li a { font-size: 12px; }
.tab02_6 ul li.on { background-image: none; }
.tab02_6 ul li:hover { background-image: none; }

/*탭메뉴 11개*/
.tab02_11 ul li { float: left; width: 33.3%; height: 38px; box-sizing: border-box; border: 1px solid #ddd; border-bottom: 0; border-radius: 0;  border-right: 0; border-bottom: 0; line-height: 38px; text-align: center; background: #fff; }
.tab02_11 ul li:first-child { border-top-left-radius: 5px; }
.tab02_11 ul li:nth-child(3) { border-top-right-radius: 5px; }
.tab02_11 ul li:nth-child(3n) { border-right: 1px solid #ddd; }
.tab02_11 ul li:nth-child(10),
.tab02_11 ul li:nth-child(11) { border-bottom: 2px solid #ffc000; }
.tab02_11 ul li.last { border: 1px solid #ddd; border-bottom: 2px solid #ffc000; margin-bottom: 20px; }
.tab02_11 ul li a { display: block; color: #666; font-size: 14px; }
.tab02_11 ul li.on { background: #ffc000; border: 0; }
.tab02_11 ul li.on a { color: #fff; font-weight: bold; }
.tab02_11 ul li:hover { background: #ffc000; border: 0; }
.tab02_11 ul li:hover a { color: #fff; font-weight: bold; }

/*가이드박스*/
#guideGroup .guide li{ letter-spacing: -0.5px; }

	
}

@media (max-width: 320px) {
/*가이드박스*/
#guideGroup .guide li{float:left; line-height:35px; padding: 0 3px; background:url(../images/sub/guide_dot_m.png) left 13px no-repeat; }
#guideGroup .guide li.first {padding:0 10px;background:none; }
#guideGroup .guide li.this { color:#666; }
#guideGroup .page_config {display:none;}

	
}