@charset "euc-kr";
/*CSS Document*/
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('../css/fonts/NanumGothic.eot'); 
  src: local('?'), url(../'css/fonts/NanumGothic.woff') format('woff'), url('../css/fonts/NanumGothic.ttf') format('truetype'); 
}

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: bold;
  src: url('../css/fonts/NanumGothicBold.eot');     
  src: local('?'), url('../css/fonts/NanumGothicBold.woff') format('woff'), url('../css/fonts/NanumGothicBold.ttf') format('truetype'); 
}


/* ¼­ºê ·¹À̾ƿô
------------------------------------------------------------------------------------------------------------*/
#S_container {position:relative; width:1200px; min-height:600px; margin:0 auto 50px;}
#S_container:after {content:''; display:block; clear:both;}
#S_container #Left_area {float:left; width:210px;}
#S_container #Content_area{float:right; width:950px; box-sizing:border-box;}

#S_container #Left_area .sub_ttl {width:100%; height:140px; background:url(../images/sub/snb_bg.jpg) 50% 50% no-repeat; text-align:center; padding-top:45px; box-sizing:border-box;}
#S_container #Left_area .sub_ttl h2 {font-family:'NotoSansR',sans-serif; font-size:28px; line-height:40px; font-weight:700; letter-spacing:-0.085rem; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.2);}
#S_container #Left_area .sub_ttl h3 {font-family:'Roboto',sans-serif; font-weight:500; font-size:14px; letter-spacing:0; line-height:20px; color:#b0dbff; text-shadow:0 1px 3px rgba(0,0,0,.2);}

#S_container #Left_area .lnb {width:100%; height:auto; border-width:0 1px; border-style:solid; border-color:#eee; box-sizing:border-box;}
#S_container #Left_area .lnb li {width:100%; height:50px; line-height:50px; border-bottom:1px solid #eee; box-sizing:border-box;}
#S_container #Left_area .lnb li a {display:block; width:100%; height:100%; padding:0 20px; font-family:'NotoSansM',sans-serif; font-size:16px; letter-spacing:-0.085rem; color:#888;}
#S_container #Left_area .lnb li:hover a {color:#1da1f2;}
#S_container #Left_area .lnb li.on a {color:#1da1f2; background:url(../images/ico/snb_on.png) 172px 50% no-repeat;}

/* ÆäÀÌÁö ŸÀÌƲ */
#Pagetit{height:80px; line-height:80px; border-bottom:1px solid #ddd; overflow:hidden; margin-bottom:20px;}
#Pagetit h2{float:left; font-family:'NotoSansM',sans-serif; font-size:28px; line-height:80px; letter-spacing:-0.085rem; color:#222;}
#Pagetit ul{float:right; overflow:hidden;}
#Pagetit ul li {float:left; font-family:'NotoSansM',sans-serif; font-size:15px; line-height:80px; letter-spacing:-0.085rem; color:#555; }
#Pagetit ul li:after {content:''; display:inline-block; width:5px; height:9px; background:url(../images/ico/page_arr.gif) no-repeat; margin:0 10px;}
#Pagetit ul li:last-child:after {display:none;}

#Contents{min-height:600px; line-height:1.7;}




/* ¼­ºê ÄÁÅÙÃ÷
------------------------------------------------------------------------------------------------------------*/

/* ´ã´çÀÚ ¹Ú½º */
.staff{border:4px solid #efefef; padding:10px 20px; line-height:2;}
.staff li{padding-left:10px; background:url(../img/sub/arrow.gif) left 10px no-repeat; color:#666;}
.staff li b{color:#333; font-weight:600;}
.staff li span{display:inline-block; padding:0 10px; color:#ddd;}


/* ¹öÆ°
------------------------------------------------------------------------------------------------------------*/
.btn_gray{display:inline-block; background:url(../img/sub/btn_gray50.gif) left bottom repeat-x; color:#fff!important; text-align:center; border:1px solid #777; border-radius:3px;}
.btn_gray:hover{text-decoration:none; background:#666;}
.btn_gray.h37{height:30px; padding:5px 50px 0; font-weight:600; font-size:14px;}






/* °øÅë
------------------------------------------------------------------------------------------------------------*/
h3{font-size:20px; line-height:1.3; color:#333; letter-spacing:-0.07em; margin:0 0 15px; font-family:'NotoSansM',sans-serif;}


/* À̹ÌÁö ·Ñ¿À¹ö Å׵θ® */
.imgborder{padding:2px; border:1px solid #cccccc;}
.imgborder:hover{border-color:#ff7171;}

/* ȸ»ö ¹Ú½º */
.graybox{background:#f7f7f7; border:1px solid #ddd; padding:10px 20px;}/* ȸ»ö¹è°æ_Å׵θ® */
.graybox2{border:4px solid #efefef; padding:10px 20px;}/* ȸ»ö µÎ²¨¿î Å׵θ® */


/* ¼­ºê ÅÇ*/
.sub_tab{overflow:hidden; border-bottom:2px solid #555; margin-bottom:20px;}
.sub_tab li{float:left; margin-right:4px;}
.sub_tab li a{display:block; height:28px; padding:5px 15px 0; font-weight:600; color:#666; font-size:13px; border-width:1px 1px 0 1px; border-style:solid; border-color:#cfd2d9; background:url(../img/sub/tab_off.gif) left bottom repeat-x; text-align:center; min-width:100px;}
.sub_tab li a.on{background-image:url(../img/sub/tab_on.gif); color:#fff; border-color:#555;}

/* ¼­ºê ÅÇ 2 */
.sub_tab2{overflow:hidden; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.sub_tab2 li{float:left; width:20%;}
.sub_tab2 li a{display:block; padding:5px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center;}
.sub_tab2 li a:hover{background:#EBEBEC; text-decoration:none;}

.sub_tab2.col4 li{width:25%;}

/* ¼ýÀÚ ¸®½ºÆ® */
.number{margin-left:20px; text-align:left;}
.number li{list-style:decimal; margin-bottom:20px;}
.number.small li{margin-bottom:10px;}

/* µµÆ® ¸®½ºÆ® */
.list_basic{}
.list_basic li{padding-left:10px; background:url(../img/sub/arrow.gif) left 10px no-repeat; margin-bottom:20px;}
.list_basic.small li{margin-bottom:10px;}


/* ÆùÆ® »ö»ó */
font.red{color:#f55747;}


.summary{font-size:12px; color:#666;}


/* Å×ÀÌºí ±âº» °¡·ÎÇü */
.table_basic{border-top:1px solid #aaa;}
.table_basic, .table_basic *{vertical-align:middle;}
.table_basic th, .table_basic td{padding:10px 10px; text-align:left; font-weight:normal; font-size:15px; color:#333; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_basic th:first-child, .table_basic td:first-child{border-left:1px solid #ddd;}
.table_basic th{}
.table_basic td{}

.table_basic thead{background:#eef5fa;}
.table_basic thead th, .table_basic thead td{text-align:center; font-weight:600;}
.table_basic thead th{background:none;}
.table_basic tbody{}
.table_basic tbody th, .table_basic tbody td{}
.table_basic tbody th{background:#f7f7f7;}
.table_basic tbody td{}

.table_basic.center th, .table_basic.center td{text-align:center;}
.table_basic input {background: #f7f7f7; border: 1px solid #ccc; height: 19px; margin:3px;}
.table_basic select {height:30px; color:#333; border:1px solid #ddd;}






.top15{margin-top:15px;}
.top30{margin-top:30px;}
.top40{margin-top:40px;}

.sympo_inputtable{border-top:2px solid #999999;}
.sympo_inputtable th, .sympo_inputtable td{padding:8px 10px; text-align:left; font-weight:normal; border-bottom:1px solid #dddddd;}
.sympo_inputtable th{background:#EEEFF1; color:#444444;}
.sympo_inputtable td{}
.sympo_inputtable .input{padding:2px; line-height:1.2;}

.select{width:150px; height:20px;}
.file{width:400px;}

.plusicon_btn{display:inline-block; background:#555555; color:#ffffff!important; padding:0 10px;}
.plusicon_btn:hover{background:#e83421; text-decoration:none;}

.download_btn{display:inline-block; background:#555555; color:#ffffff!important; padding:0 10px;}
.download_btn:hover{background:#e83421; text-decoration:none;}

#bold {font-weight: bold;}
#redbold {color: #900;}

.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.bbs_basic_list{}
.bbs_basic_list caption{color:#5e5e5e; line-height:1.6; padding-bottom:5px;}
.bbs_basic_list thead{}
.bbs_basic_list thead td{text-align:center; background:#6f7684; color:#ffffff; font-weight:bold; font-size:12px; height:30px;}
.bbs_basic_list tbody{}
.bbs_basic_list tbody td{border-bottom:1px solid #e7e7e7; text-align:center; color:#5e5e5e; min-height:26px; padding:3px 0;}
.bbs_basic_list tbody td.subject{text-align:left;}
.bbs_basic_list tbody td.subject a{color:#5e5e5e;}
.bbs_basic_list tbody td.subject a:hover{color:#000000;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.bbs_basic_list tbody td{height:26px;}
}

/* 190107 exam table CSS */