@charset "utf-8";

@font-face {
	font-family: "hyundaimedium";
	src: url(../../fonts/hyundaimedium.eot);
	src: url(../../fonts/hyundaimedium.eot?#iefix) format('embedded-opentype'),
		url(../../fonts/hyundaimedium.ttf) format('truetype'),
		url(../../fonts/hyundaimedium.otf) format('opentype'),
		url(../../fonts/hyundaimedium.woff2) format('woff2'),
		url(../../fonts/hyundaimedium.woff) format('woff');
	font-weight: normal;
	font-style: normal;
} 
@font-face {
	font-family: "hyundailight";
	src: url(../../fonts/hyundailight.eot);
	src: url(../../fonts/hyundailight.eot?#iefix) format('embedded-opentype'),
		url(../../fonts/hyundailight.ttf) format('truetype'),
		url(../../fonts/hyundailight.otf) format('opentype'),
		url(../../fonts/hyundailight.woff2) format('woff2'),
		url(../../fonts/hyundailight.woff) format('woff');
	font-weight: normal;
	font-style: normal;
} 
@font-face {
  font-family: 'nanumgothic';
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/NanumGothic-Regular.eot);
  src: url(../../fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../../fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(../../fonts/NanumGothic-Regular.woff) format('woff'),
       url(../../fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'nanumgothic';
  font-style: normal;
  font-weight: 700;
  src: url(../../fonts/NanumGothic-Bold.eot);
  src: url(../../fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../../fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(../../fonts/NanumGothic-Bold.woff) format('woff'),
       url(../../fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'nanumgothic';
  font-style: normal;
  font-weight: 800;
  src: url(../../fonts/NanumGothic-ExtraBold.eot);
  src: url(../../fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../../fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../../fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(../../fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

body,p,h1,h2,h3,h4,ul,ol,li,dl,dt,dd,form,fieldset,legend,th,td,input,select,button { margin: 0; padding: 0 }
header,footer,section,article,nav,aside,figure,figcaption { display: block }
fieldset,img { border: 0 none }
ul,ol { list-style: none }
address,em { font-style: normal }
small { font-size: 1em; }
strong, b{font-weight: 700}
button {border:0 none; background-color:transparent; cursor:pointer }
body { background: #fff; -webkit-text-size-adjust:none }
body,th,td { color: #6e6e6e; font-size: 14px; line-height: 1.5; font-family: hyundailight, "현대체 Light", nanumgothic, "나눔고딕", dotum, "돋움"; }
table { border-collapse:collapse; border-spacing: 0; width: 100% }
a { color: #6e6e6e; text-decoration: none }
a:hover, a:focus { color: #6e6e6e; text-decoration: none }
h1,h2,h3,h4,h5,h6 { font-weight: 700; font-size: 1em }
input,select,textarea,button { font-size: 14px;  font-family: "nanumgothic", "나눔고딕"; }
input[type="checkbox"],input[type="radio"]{vertical-align: -2px}
html,body {min-width: 1000px; height: 100%; min-height: 100%}
#form{min-height: 100%; height: 100%}
hr { display: none; }

.none{ display: none}
.fleft { float: left }
.fright { float: right }
.fnone { float: right }
.clearfix { clear: both }
.clearfix:after {content:" "; display:block; clear:both;}
.blind { display: block; width: 0; height: 0; position: absolute; left: -9999px; top: -9999px }

.al{text-align: left !important}
.ac{text-align: center !important}
.ar{text-align: right !important}
.vt{vertical-align: top !important}
.vm{vertical-align: middle !important}
.vb{vertical-align: bottom !important}

/*글자*/
.f16{font-size: 16px !important}
.f17{font-size: 17px !important}

.blue{color: #0a4ca1}
.green{color: #0db24b}
.orange{color: #f26324}
.skyblue{color: #0b9299}
.black{color: #000}
.blue_01{color: #4e94e3}
.blue_02{color: #007ebd}
.blue_03{color: #004596}
.blue_04{color: #5396de}
.blue_05{color: #007fbd}
/*본문내 링크*/
a.link:hover, a.link:focus{text-decoration: underline}

/*padding*/
.pt0{padding-top: 0px !important}
.pt5{padding-top: 5px !important}
.pt10{padding-top: 10px !important}
.pt15{padding-top: 15px !important}
.pt20{padding-top: 20px !important}
.pt25{padding-top: 25px !important}
.pt30{padding-top: 30px !important}
.pb0{padding-bottom: 0px !important}
.pb5{padding-bottom: 5px !important}
.pb10{padding-bottom: 10px !important}
.pb15{padding-bottom: 15px !important}
.pb20{padding-bottom: 20px !important}
.pb25{padding-bottom: 25px !important}

/*margin*/
.mt0{margin-top: 0px !important}
.mt5{margin-top: 5px !important}
.mt10{margin-top: 10px !important}
.mt15{margin-top: 15px !important}
.mt20{margin-top: 20px !important}
.mt25{margin-top: 25px !important}
.mt30{margin-top: 30px !important}
.mt60{margin-top: 60px !important}
.mb0{margin-bottom: 0px !important}
.mb5{margin-bottom: 5px !important}
.mb10{margin-bottom: 10px !important}
.mb15{margin-bottom: 15px !important}
.mb20{margin-bottom: 20px !important}
.mb25{margin-bottom: 25px !important}
.mb28{margin-bottom: 28px !important}
.ml5{margin-left: 5px !important}
.ml10{margin-left: 10px !important}
.ml15{margin-left: 15px !important}
.ml20{margin-left: 20px !important}
.ml25{margin-left: 25px !important}
.ml35{margin-left: 35px !important}
.mr0{margin-right: 0px !important}
.mr5{margin-right: 5px !important}
.mr10{margin-right: 10px !important}
.mr15{margin-right: 15px !important}
.mr20{margin-right: 20px !important}
.mr25{margin-right: 25px !important}
.mr30{margin-right: 30px !important}
.mr35{margin-right: 35px !important}
.mr40{margin-right: 40px !important}

/*width*/
.w150{width: 150px !important}
.w195{width: 195px !important}
.w200{width: 200px !important}
.w250{width: 250px !important}
.w340{width: 340px !important}
.w400{width: 400px !important}
.w500{width: 500px !important}
.w500{width: 500px !important}
.w600{width: 600px !important}

/*공통*/
input.txt01{width: 98%; padding: 2px 1%; height: 22px; border: 1px solid #dfdfdf}
select.select01{height: 28px; border: 1px solid #dfdfdf}
input.radio01{margin-right: 5px}
label.radio_input{margin-right: 15px}
textarea.textarea01{width: 98%; height: 300px; padding: 1%; border: 1px solid #dfdfdf}
input[type="file"]{width: 100%}
label.checkbox_input{margin-right: 15px}

/*아이콘*/
.icon_new{display: inline-block; *display: inline; zoom: 1; margin: 0 0 0 5px; width: 15px; height: 15px; vertical-align: -3px; background: url(../../images/bbs/icon_new.png) center no-repeat; text-indent: -9999px}
.icon_secret{display: inline-block; *display: inline; zoom: 1; margin: 0 0 0 5px; width: 15px; height: 15px; vertical-align: -3px; background: url(../../images/bbs/icon_secret.png) center no-repeat; text-indent: -9999px}
.icon_file{display: inline-block; *display: inline; zoom: 1; margin: 0 0 0 5px; width: 15px; height: 15px; vertical-align: -3px; background: url(../../images/bbs/icon_file.png) center no-repeat; text-indent: -9999px}
.icon_i_teacher{display: inline-block; *display: inline; zoom: 1; margin: 0 5px 0 0; width: 21px; height: 21px; background: url(../../images/content/icon_div_teacher.png) center no-repeat; text-indent: -9999px}
.icon_i_email{display: inline-block; *display: inline; zoom: 1; margin: 0 5px 0 0; width: 21px; height: 21px; background: url(../../images/content/icon_div_email.png) center no-repeat; text-indent: -9999px}
.icon_i_phone{display: inline-block; *display: inline; zoom: 1; margin: 0 5px 0 0; width: 21px; height: 21px; background: url(../../images/content/icon_div_phone.png) center no-repeat; text-indent: -9999px}

/*버튼*/
.btn{display: inline-block; *display: inline; zoom: 1}
.btn.btn_submit{width: 98px; height: 48px; line-height: 48px; color: #fff; text-align: center; background: #494949; border: 1px solid #494949}
.btn.btn_b_submit{width: 98px; height: 48px; line-height: 48px; color: #fff; text-align: center; background: #0a4ca1; border: 1px solid #0a4ca1}
.btn.btn_write{width: 98px; height: 48px; line-height: 48px; color: #fff; text-align: center; background: #494949; border: 1px solid #494949}
.btn.btn_list{width: 98px; height: 48px; line-height: 48px; color: #fff; text-align: center; background: #494949; border: 1px solid #494949}
.btn.btn_reply{width: 98px; height: 48px; line-height: 48px; color: #fff; text-align: center; background: #494949; border: 1px solid #494949}
.btn.btn_edit{width: 98px; height: 48px; line-height: 48px; color: #3c3c3c; text-align: center; background: #fff; border-width: 1px; border-style: solid; border-color: #c8c8c8 #9c9c9c #9c9c9c #c8c8c8}
.btn.btn_delete{width: 98px; height: 48px; line-height: 48px; color: #3c3c3c; text-align: center; background: #fff; border-width: 1px; border-style: solid; border-color: #c8c8c8 #9c9c9c #9c9c9c #c8c8c8}
.btn.btn_cancel{width: 98px; height: 48px; line-height: 48px; color: #3c3c3c; text-align: center; background: #fff; border-width: 1px; border-style: solid; border-color: #c8c8c8 #9c9c9c #9c9c9c #c8c8c8}
.btn.btn_filedown{height: 44px; margin: 0 3px; line-height: 44px; color: #3c3c3c; text-align: center; background: #fff; }
.btn.btn_filedown span{display: block; margin: 0 15px; padding: 0 35px 0 0; text-align: left; background: url(../../images/content/icon_cidown.png) right 10px no-repeat}
.btn.btn_cidown{width: 179px; height: 44px; margin: 0 3px; line-height: 44px; color: #3c3c3c; text-align: center; background: #fff; border-width: 1px; border-style: solid; border-color: #c8c8c8 #9c9c9c #9c9c9c #c8c8c8}
.btn.btn_cidown span{display: block; margin: 0 15px; text-align: left; background: url(../../images/content/icon_cidown.png) right 10px no-repeat}
.btn.btn_map{width: 190px; height: 44px; line-height: 44px; color: #3c3c3c; text-align: center; background: #fff; border-width: 1px; border-style: solid; border-color: #c8c8c8 #9c9c9c #9c9c9c #c8c8c8}
.btn.btn_changePW{width: 130px; height: 48px; line-height: 48px; color: #fff; text-align: center; background: #094ba1; border: 1px solid #094ba1}

.btn_bottom .btn:hover,
.btn_bottom .btn:focus{background-color: #6e6e6e; color: #fff}
.btn.btn_map:hover,
.btn.btn_map:focus{background: #efefef !important; color: #3c3c3c !important}

.btn_idfind{padding: 3px 10px; margin: 3px 0 0 0; color: #fff; font-size: 12px; text-align: center; background: #3c3c3c; border-width: 1px; border-style: solid; border-color: #3c3c3c; border-radius: 3px}

/*하단 버튼 박스*/
.btn_bottom{overflow: hidden; padding: 20px 0; text-align: center}
.btn_bottom .btn{margin-left: 3px; margin-right: 3px}
.btn_bottom .fleft .btn{margin-right: 6px; margin-left: 0}
.btn_bottom .fright .btn{margin-left: 6px; margin-right: 0}

#skip_navigation p { margin: 0px; padding: 0px }
#skip_navigation a.accessibility { z-index: 1000; position :absolute; display: block; width:100%; left: 0; text-align: center; top: -10000px; z-index: 2000; font-size: 1.3em }
#skip_navigation a.accessibility:hover,	
#skip_navigation a.accessibility:focus,
#skip_navigation a.accessibility:active{ position: absolute; top: 0; padding: 15px 0; font-weight: bold; color: #fff; background: #0c4da2; z-index: 2000 }
#skip_navigation ul { margin: 0; padding: 0; height: 0; }

/**************************************************/
/*                     HEADER                     */
/**************************************************/
#header{position: fixed; left: 0; top: 0; z-index: 999; width: 100%; background: #fff}

#topMenu{height: 40px; background: #e6e7e8; border-bottom: 1px solid #e6e6e6}
#topMenu .top_link{float: right; margin: 0 -10px 0 0}
#topMenu .top_link li{position: relative; float: left; padding: 0 10px; line-height: 40px}
#topMenu .top_link li:after{content: ""; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 9px; margin: -4px 0 0 0; background: #515151}
#topMenu .top_link li:first-child:after{display: none}
#topMenu .top_link li a{font-size: 11px; color: #47535a}
#topMenu .top_link li a.lang{color: #47535a}
#topMenu .top_link li a:hover,
#topMenu .top_link li a:focus{color: #faa518}
#topMenu .top_link li a.lang{color: #47535a}
#topMenu .top_link li a.lang:hover,
#topMenu .top_link li a.lang:focus{color: #faa518}

#logo{width: 100%; height: 0; position: relative; z-index: 11}
#logo .wrapper{position: relative}
#logo a{display: block; position: absolute; left: 0; top: 20px}

#fullMenu{position: relative; z-index: 10; width: 100%; height: 0; overflow: hidden; padding: 69px 0 0 0;}
#fullMenu:after{content: ""; display: block; position: absolute; left: 0; top: 69px; z-index: 0; width: 100%; height: 1px; background: #faa518}
#fullMenu .wrapper{overflow: hidden; margin-top: -67px; background: url(../../images/common/bg_fullmenu.png) left bottom no-repeat; background-position-y: 110px;}
#fullMenu .main_menu{position: relative; z-index: 1; float: right; margin-right: -20px}
#fullMenu .main_menu > li{float: left; text-align: left}
#fullMenu .main_menu > li > a{display: inline-block; *display: inline; zoom: 0; margin: 0 43px; line-height: 67px; border-bottom: 3px solid transparent; font-size: 19px; color: #47535a; font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움"}
#fullMenu .main_menu > li.on > a,
#fullMenu .main_menu > li:hover > a,
#fullMenu .main_menu > li > a:focus{border-bottom: 3px solid #faa518}
#fullMenu .sub_menu{padding: 25px 0; font-size: 16px; text-align: center}
#fullMenu .sub_menu > li{padding: 3px 0}
#fullMenu .sub_menu > li > a{color: #47535a}
#fullMenu .sub_menu > li.on > a,
#fullMenu .sub_menu > li > a:hover,
#fullMenu .sub_menu > li > a:focus{color: #0053a5}
#fullMenu .third_menu{padding: 5px 0 7px}
#fullMenu .third_menu li a{display: inline-block; *display: inline; zoom: 0; color: #7a7a7a; font-size: 13px; padding-left: 8px; position: relative}
#fullMenu .third_menu li a:after{content: ""; display: block; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; background: #b4b4b4}
#fullMenu .third_menu li.on a,
#fullMenu .third_menu li a:hover,
#fullMenu .third_menu li a:focus{text-decoration: underline}
/*
#fullMenu .menu1 .sub_menu{padding-left: 25px !important}
#fullMenu .menu3 .sub_menu,
#fullMenu .menu4 .sub_menu,
#fullMenu .menu5 .sub_menu{padding-left: 48px !important}
*/
#fullMenu:hover,
#fullMenu.onhover{ border-bottom: 2px solid #6e6e6e}

/**************************************************/
/*                   QUICK MENU                   */
/**************************************************/
#quickMenu{position: relative; margin: 0 auto; width: auto; max-width: 1280px; z-index: 10}
#quickMenu ul{position: absolute; right: 0; top: 300px}
#quickMenu ul li a{position: relative; display: block; width: 60px; height: 60px; background-image: url(../../images/common/btn_quick.jpg)}
#quickMenu ul li a span{display: none; position: absolute; right: 66px; top: 15px; padding: 6px 0; color: #fff; font-size: 12px; text-align: center; background: #094ba1; border-radius: 5px;
	text-shadow: 1px 1px 2px #333333;
	-moz-text-shadow: 1px 1px 2px #333333;
	-webkit-text-shadow: 1px 1px 2px #333333;
	filter: dropshadow(color=#333333, offx=1, offy=1);
}
#quickMenu ul li a span:after{content: ""; display: block; position: absolute; right: -10px; top: 10px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #094ba1}
#quickMenu ul li a:hover span,
#quickMenu ul li a:focus span{display: block}
#quickMenu ul li a.menu1{background-position: left 0}
#quickMenu ul li a.menu1.on,
#quickMenu ul li a.menu1:hover,
#quickMenu ul li a.menu1:focus{background-position: right 0}
#quickMenu ul li a.menu1 span{width: 65px}
#quickMenu ul li a.menu2{background-position: left -61px}
#quickMenu ul li a.menu2.on,
#quickMenu ul li a.menu2:hover,
#quickMenu ul li a.menu2:focus{background-position: right -61px}
#quickMenu ul li a.menu2 span{width: 93px}
#quickMenu ul li a.menu3{background-position: left -122px}
#quickMenu ul li a.menu3.on,
#quickMenu ul li a.menu3:hover,
#quickMenu ul li a.menu3:focus{background-position: right -122px}
#quickMenu ul li a.menu3 span{width: 100px}
#quickMenu ul li a.menu4{background-position: left -184px}
#quickMenu ul li a.menu4.on,
#quickMenu ul li a.menu4:hover,
#quickMenu ul li a.menu4:focus{background-position: right -184px}
#quickMenu ul li a.menu4 span{width: 90px}

/**************************************************/
/*                     FOOTER                     */
/**************************************************/
#btnTop{position: relative; z-index: 10}
#btnTop .btn_top{display: block; position: absolute; right: 0; top: -52px; width: 52px; height: 52px; background: url(../../images/common/btn_top.jpg) no-repeat}

#footer{height: 146px; background: #3c3c3c; font-size: 12px; position: relative;}
#footMenu{border-bottom: 1px solid #515151; clear: both}
#footMenu:after {content:" "; display:block; clear:both;}
.foot_menu{overflow: hidden; float: left}
.foot_menu li{float: left; line-height: 60px; padding: 0 10px; position: relative}
.foot_menu li:after{content: ""; display: block; position: absolute; left: 0;  top: 50%; width: 1px; height: 9px; margin: -4px 0 0 0; background: #4b4b4b; border-width: 0 1px 0 0; border-style: solid; border-color: #444}
.foot_menu li:first-child{padding-left: 0}
.foot_menu li:first-child:after{display: none}
.foot_menu li a:hover,
.foot_menu li a:focus{color: #fff}
#familySite{position: relative; float: right; background: #515151}
#familySite > a{display: block; width: 130px; height: 61px; padding: 0 20px; line-height: 61px; color: #c8c8c8; font-size: 12px}
#familySite > a:after{content: "+"; display: inline-block; *display: inline; zoom: 0; float: right; margin: 0 0 0 0; font-size: 16px; font-family: "dotum", "돋움"; vertical-align: middle}
.family_site{display: none; overflow: hidden; position: absolute; left: 0; bottom: 61px; z-index: 11; width: 100%; padding: 0 0 10px 0; background: #515151; border-bottom: 1px solid #6e6e6e; border-top: 1px solid #6e6e6e}
.family_site li{padding: 6px 20px; border-right: 1px solid #6e6e6e; border-left: 1px solid #6e6e6e}
.family_site li:first-child{padding-top: 15px}
.family_site li a{color: #c8c8c8; font-family: "dotum", "돋움"}
.family_site li a:hover,
.family_site li a:focus{color: #fff; text-decoration: underline}
#familySite.open > a:after{content: "-"}

#ethicSite{position: relative; float: right; background: #515151; border-right: 1px solid #656565}
#ethicSite > a{display: block; width: 130px; height: 61px; line-height: 61px; color: #c8c8c8; font-size: 12px; text-align: center}
#ethicSite > a:hover,
#ethicSite > a:focus{color: #fff; text-decoration: underline}

#footInfo .wrapper{position: relative}
#footInfo .address{color: #8c8c8c; padding: 20px 0 3px 0}
#footInfo .address span.bar{display: inline-block; *display: inline; zoom: 0; width: 1px; height: 9px; margin: 0 8px; vertical-align: -5px; background: #424242; border-width: 0 1px 0 0; border-style: solid; border-color: #4e4e4e; text-indent: -9999px }

#btnAdmin{display: block; position: absolute; right: 0; top: 10px; width: 98px; height: 28px; line-height: 28px; color: #c8c8c8; text-align: center; border: 1px solid #c8c8c8}
/**************************************************/
/*                     LAYOUT                     */
/**************************************************/
#contents{min-height: 100%; padding: 90px 0 146px 0; margin: 0 0 -146px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.wrapper{width: 1000px; margin: 0 auto}

/*로케이션메뉴*/
#location{height: 150px; border-bottom: 1px solid #ddd; position: relative; z-index: 1}
#location a.home{display: block; float: left; height: 60px; width: 60px; background: url(../../images/common/icon_home_new.png) center no-repeat; margin-top: 90px;}
#location .menu_li{position: relative; float: left; font-size: 15px; font-weight: bold; margin-top: 90px;}
#location .menu_li > a{display: block; line-height: 60px; padding: 0 19px}
#location .menu_li > a span{position: relative; display: block; min-width: 150px; padding-right: 30px}
#location .menu_li > a span:after{content: ""; display: block; position: absolute; right: 0; top: 23px; width:14px; height: 15px; background-image: url(../../images/common/arr_location.png); background-repeat: no-repeat}
#location .menu_li > a:hover, #location .menu_li > a.on{text-decoration: underline; color: #0a4ca1}
#location .menu_li > a:hover span:after, #location .menu_li > a.on span:after{background-position: center bottom}
#location .menu_box{display: none; position: absolute; left: 0; top: 60px; width: 100%; border-bottom: 2px solid #ddd; 
	background: #f0f0f0;
    background: rgba(240, 240, 240, 0.7);
    background: transparent !ie;
    zoom:1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3f0f0f0, endColorstr=#b3f0f0f0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3f0f0f0, endColorstr=#b3f0f0f0)";
}
#location .menu_box li{border-top: 1px solid #ddd}
#location .menu_box li a{display: block; padding: 15px; color: #6e6e6e; font-weight: bold; font-size: 14px; word-break: keep-all}
#location .menu_box li.on a, #location .menu_box li a:hover, #location .menu_box li a:focus{background: #0a4ca1; color: #fff}

/*본문*/
#article{padding: 39px 0 80px 0; position: relative; z-index: 0; clear: both}
#article:after {content:" "; display:block; clear:both}
#article .con_box .txt_box{padding: 0 0 25px 0; clear:both}
#article .con_box .txt_box:after {content:" "; display:block; clear:both;}
#article .con_box p{position: relative; z-index: 0; margin: 4px 0 4px 0; word-break: keep-all; font-size:14px;}

/*탭*/
.tab{overflow: hidden; margin: 0 0 30px 0}
.tab ul{overflow: hidden; float: left}
.tab li{float: left; background: #f6f6f6}
.tab li a{display: block; height: 59px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #e6e6e6; color: #3c3c3c; text-align: center;font-size:13px;}
.tab li span{display: block;padding-top: 18px}
.tab li a.on,
.tab li a:hover,
.tab li a:focus{color: #0a4ca1; background: #ffffff; border-top-width: 2px; border-color: #0a4ca1 #e6e6e6 transparent #e6e6e6; font-weight: 700; font-size:13px;}
.tab li a.on span,
.tab li a:hover span,
.tab li a:focus span{padding-top: 17px}
.tab li.line02 span{padding-top: 9px; font-size:13px;}
.tab li.line02 a.on span,
.tab li.line02 a:hover span,
.tab li.line02 a:focus span{padding-top: 8px}

.tab li.line03 span{padding-top: 4px; font-size:12.5px;}
.tab li.line03 a.on span,
.tab li.line03 a:hover span,
.tab li.line03 a:focus span{padding-top: 3px}

.tab.tab05 li.line04 span{padding-top: 18px; font-size:13px; }
.tab.tab05 li.line04 a.on span,
.tab.tab05 li.line04 a:hover span,
.tab.tab05 li.line04 a:focus span{padding-top: 17px}

.tab.tab04 li{width: 250px}
.tab.tab05 li{width: 200px}
.tab.tab06 li{width: 166px}
.tab li.borL a{border-left-width: 1px} 


/*콘텐츠 타이틀*/
.page_title{display: block; width: 0; height: 0; position: absolute; left: -9999px; top: -9999px}
.con_title{line-height: 1; padding: 0 0 39px}
.con_title h2,
.con_title h3{font-weight: 800; font-size: 32px; color: #3c3c3c; letter-spacing: -1px}

/*블릿*/
.bl01{position: relative; padding: 7px 0 15px 0; margin: 0; font-size: 18px; color: #3c3c3c}
.bl01:after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 8px; height: 3px; background: #0a4ca1}
.bl02{font-size: 16px; color: #0a4ca1; padding: 6px 0 4px 18px; margin: 0; background: url(../../images/common/bl02.png) left 14px no-repeat}
.bl_subway{padding: 15px 0 10px 30px; background: url(../../images/common/icon_subway.png) left 14px no-repeat}
.bl_bus{padding: 15px 0 10px 30px; background: url(../../images/common/icon_bus.png) left 14px no-repeat}

/*리스트*/
.list00{margin: 0 0 6px 0}
.list01{margin: 0 0 6px 0}
.list01 > li{position: relative; padding: 2px 0 2px 10px; word-break: keep-all}
.list01 > li:after{content:""; display: block; position: absolute; left: 0; top: 12px; width: 2px; height: 2px; background: #b4b4b4}

.list_num00{margin: 0 0 6px 0}
.list_num00 > li{position: relative; padding: 0 0 0 32px; margin-top: 10px}
.list_num00 > li:first-child{margin-top: 0}
.list_num00 > li > span{display: block; position: absolute; left: 0; top: 0; width: 23px; height: 23px; line-height: 23px; font-size: 12px; color: #fff; text-indent: 5px; border-radius: 50%; background: #3c3c3c}
.list_num01{margin: 0 0 0 -30px; padding: 0 0 0 0; clear: both}
.list_num01:after {content:" "; display:block; clear:both;}
.list_num01 > li{position: relative; float: left; display: table; width: 227px; padding: 20px 0 0 0; margin: 20px 0 0 30px}
.list_num01 > li p{display: table-cell; position: relative; z-index: 0; height: 89px; padding: 10px 0 0 0; text-align: center; vertical-align: middle; border: 1px solid #c8c8c8; color: #3c3c3c}
.list_num01 > li > span{display: block; position: absolute; z-index: 1; left: 50%; top: 0; width: 45px; height: 45px; margin: 0 0 0 -23px; line-height: 45px; font-size: 16px; font-weight: 700; color: #fff; text-align: center; border-radius: 50%; background: #3c3c3c}
.list_num_blue > li > span{background: #0a4ca1}
.list_num_skyblue > li > span{background: #0b9299}
.list_num_green > li > span{background: #128d56}
.list_num_chartreuse > li > span{background: #2e942e}

.list_bar00{margin: 0 0 6px 0}
.list_bar00 > li{position: relative; padding: 0 0 0 10px}
.list_bar00 > li:first-child{margin-top: 0}
.list_bar00 > li:after{content: "-"; display: block; position: absolute; left: 0; top: 0}

/*아코디언*/
.accordion_box{margin: 10px 0; border-top: 3px solid #a4a4a4}
.accordion_box .title{margin: 0; border-bottom: 1px solid #ddd}
.accordion_box .title a{display: block; position: relative; padding: 25px 50px 25px 20px; color: #3c3c3c}
.accordion_box .title a:after{content: ""; display: block; position: absolute; right: 0; top: 50%; width: 38px; height: 37px; margin: -18px 25px 0 0; background-image: url(../../images/content/arr_accordian.png)}
.accordion_box .title.close a:after{background-position: center top}
.accordion_box .title.open a:after{background-position: center bottom}
.accordion_box .text{padding: 25px 30px; background: #f9f9f9; border-bottom: 1px solid #ddd}


/**************************************************/
/*                       ETC                      */
/**************************************************/
/*레이어 팝업*/
#blackBg{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index:999;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	background: #000000;
    background: rgba(0, 0, 0, 0.7);
    background: transparent !ie;
    zoom:1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000)";
}
#layerPopup{width: 798px; padding: 5% 0 5% 0; margin: 0 auto 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
#layerPopup article{position: relative; max-height: 100%; height: 100%; border: 1px solid #3c3c3c}
#layerPopup header{height: 68px; line-height: 68px; padding: 0 30px; font-size: 26px; font-weight: 800; background: #0a4ca1}
#layerPopup header h2{color: #fff}
#layerPopup section{height: 100%; padding: 68px 0 0 0; margin: -68px auto 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
#layerPopup .pop_box{padding: 30px; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff}
#btnPopupClose{display: block; width: 68px; height: 68px; position: absolute; right: 0; top: 0; background: url(../../images/common/btn_popup_close.jpg) center center no-repeat}
body.popup_open{position: fixed; width: 100%}
body.popup_open #blackBg{display: block}

.popup_box {padding:30px;}


/*상단 이미지*/
#topImage{height: 150px; background-position: center top; background-repeat: no-repeat; color: #555}
#topImage .top_text{padding: 28px 0 0 0; text-align: left; font-weight: 500; line-height: 1.3; font-family: "hyundaimedium", "현대체 Medium", "nanumgothic", "나눔고딕", "dotum", "돋움"}
#topImage .top_text strong{display: block; position: relative; padding: 0 0 0 0; color: #3c3c3c; font-size: 28px}
#topImage .top_text strong:after{content: ""; display: block; position: absolute; left: 0; bottom: -10px; width: 41px; height: 1px; background: #3c3c3c}
#topImage .top_text b{font-size: 18px; font-weight: 500}
#topImage.top_about{background-image: url(../../images/common/top_about.jpg)}
#topImage.top_division{background-image: url(../../images/common/top_division.jpg)}
#topImage.top_customer{color: #fff; background-image: url(../../images/common/top_customer.jpg)}
#topImage.top_customer strong{color: #fff}
#topImage.top_customer strong:after{background: #fff}
#topImage.top_public{color: #fff; background-image: url(../../images/common/top_public.jpg)}
#topImage.top_public strong{color: #fff}
#topImage.top_public strong:after{background: #fff}
#topImage.top_recruit{background-image: url(../../images/common/top_recruit.jpg)}
#topImage.top_use{color: #fff; background-image: url(../../images/common/top_use.jpg)}
#topImage.top_use strong{color: #fff}
#topImage.top_use strong:after{background: #fff}
#topImage.top_member{color: #fff; background-image: url(../../images/common/top_member.jpg)}
#topImage.top_member strong{color: #fff}
#topImage.top_member strong:after{background: #fff}

/*준비중 페이지*/
.ready_page{padding: 158px 0 0 0; margin: 144px 0 100px 0; font-size: 16px; text-align: center; font-family: "hyundaimedium", "현대체 Medium", "nanumgothic", "나눔고딕", "dotum", "돋움"; background: url(../../images/common/img_ready.png) center top no-repeat}
.ready_page h3{font-size: 30px; margin: 20px 0 15px}
.ready_page p{line-height: 1.3}
.ready_page span.line01{font-size: 18px; color: #3c3c3c}

/*테이블 공통 스타일*/
.tcenter th, .tcenter td{text-align: center}

/*테이블 스타일 01 : 기본스타일*/
.table_wrap01{border-top: 2px solid #0a4ca1}
.table01{}
.table01 caption{}
.table01 th, .table01 td{border: 1px solid #ccc; border-top: 0 none; padding: 10px; background: #fff}
.table01 thead th{font-weight: 700; color: #3c3c3c; border-bottom: 1px solid #8b8b8b}
.table_bg { font-weight:bold !important; background:#f9f9f9!important;}
.table_title { text-align:left !important; padding-left:20px !important; }

/*쓰기 테이블 스타일 01 : 기본 스타일*/
.write_table_wrap{border-top: 3px solid #222; margin: 15px 0}
.write_table tbody th, .write_table tbody td{padding: 15px; border-bottom: 1px solid #e6e6e6}
.write_table tbody th{color: #3c3c3c; background: #f6f6f6}
.write_table tfoot td{padding: 15px 0 0; letter-spacing: -0.03em; line-height: 1.8}
.write_table input.txt01{border: 1px solid #ccc}
.write_table select.txt01{border: 1px solid #ccc}
.write_table textarea.textarea01{border: 1px solid #ccc}

.btn_search {float: right; display: block; width: 26px; height: 26px; background: url(../../images/bbs/s_icon_search.jpg) center no-repeat; border: 1px solid #d2d2d2; border-left: 0 none; margin-left:10px;}
.btn_search01 {float: left; display: block; width: 26px; height: 26px; background: url(../../images/bbs/s_icon_search.jpg) center no-repeat; border: 1px solid #d2d2d2; border-left: 0 none; }

/*안내 박스*/
.notice_box{position: relative; padding: 28px 64px 20px; margin: 6px 0 10px 0; background: #f1f1f1}
.notice_box .title{color: #0a4ca1; padding: 0 0 10px 0}
.notice_box .title:after{content: ""; display: block; position: absolute; left: 15px; top: -6px; width: 35px; height: 57px; background: url(../../images/common/label_notice.png)}
.notice_box ul{float: left; width: 510px}
.notice_box .btn_box{position: absolute; right: 0; top: 50%; padding: 0 30px 0 0; margin: -23px 0 0 0}

/* 라디오버튼*/
.radio_table tbody th, .radio_table tbody td {border-bottom:0 none !important; padding:0 !important; margin:0 !important;}


/*검색*/
.search_table_wrap{border-top: 2px solid #222}
.search_table th, .search_table td{padding: 7px 15px; border:1px solid #e6e6e6; text-align:left}
.search_table th{color: #3c3c3c; background: #f6f6f6;}
.search_table .file_list li{margin-top: 10px}
.search_table .file_list li:first-child{margin-top: 0}
.search_table .btn_addfile{padding: 2px 10px; margin: 3px 0 0 0; color: #3c3c3c; font-size: 12px; text-align: center; background: #fff; border-width: 1px; border-style: solid; border-color: #c8c8c8 #9c9c9c #9c9c9c #c8c8c8; border-radius: 3px}
.search_table .btn_removefile{padding: 2px 10px; margin: 3px 0 0 0; color: #fff; font-size: 12px; text-align: center; background: #3c3c3c; border-width: 1px; border-style: solid;  border-color: #3c3c3c; border-radius: 3px}
.search_table .readonly{background: #efefef}
.search_table input.txt01{border: 1px solid #ccc}
.search_table select.txt01{border: 1px solid #ccc}
.search_table textarea.textarea01{border: 1px solid #ccc}
.s_table th, .s_table td {border:0; padding:7px 2px;}



.btn:hover,
.btn:focus{background-color: #6e6e6e; color: #fff}

.btn_default01 {border: 1px solid #c8c8c8;
    width: 70px; line-height: 25px; padding: 0 10px; margin: 3px 0 0 0; color: #3c3c3c; font-size: 12px; text-align: center; background: #f5f5f5; border-radius: 3px
}

.btn_default02 {border: 1px solid #c8c8c8;
    width: 70px; line-height: 50px; padding: 0 10px; margin: 3px 0 0 0; color: #3c3c3c; font-size: 12px; text-align: center; background: #f5f5f5; border-radius: 3px
}