@charset "utf-8";

/*
================================================================================
COMMON
================================================================================
*/
i.fa { margin: 0 5px 0 0}
/* Ie-Upgrade */
.ie-upgrade{border-bottom:1px solid #333;padding: 20px;background: #23282f;box-sizing: border-box;z-index:9999; position:fixed; width:100%;}
.ie-upgrade div{position: relative; max-width:1200px; margin: 0px auto;}
.ie-upgrade p{color: #fff;font-size: 0.94em;margin: 0 auto;width: 450px;padding-left: 40px;}
.ie-upgrade p.txt strong,
.ie-upgrade p.txt em{ color:#ffbd18;}
.ie-upgrade p.txt:before{content:"";display:inline-block;width:70px;height:70px;margin-left:-95px; margin-top:-10px;position:absolute;background: url('../images/common/Internet-Explorer-icon.png') no-repeat; background-size: 70px}
.ie-upgrade a.btnGo { display: inline-block; margin-left: 5px; color:rgba(70,140,224,1.00); border: 1px solid #000; padding: 0px 15px; font-size: 0.73em; border-radius: 3px; background-color:rgba(0,0,0,.30)}
.ie-upgrade p.close{ position: absolute;bottom: 0;right: 0;text-align: right;color: #e2e2e2; display: inline-block; width:100px }
.ie-upgrade p.close a{ color:#fff;}

@media only screen and (max-width:1024px){
	.ie-upgrade div{ max-width:815px;}
	.ie-upgrade p{text-align: left; margin-left:55px;}
}

/* 새창 팝업 */
.pop_wrap {background:#fff; font-size: 14px; min-width: 320px; overflow: hidden;}
.pop_head {display:block;position:relative;width:100%;z-index:6100;}
.pop_head {background:#6ea627;height:50px;}
.pop_wrap span.close {width:50px;height:50px;position:absolute;right:0;top:0;z-index:6200;background:rgba(0,0,0,0.4);}
.pop_wrap span.close button, .pop_wrap span.close a {display:block;padding:15px 15px 15px 15px;border:0;background:none;}
.pop_head .pop_title { font-size:1.65em;color:#fff;display:inline-block;padding:0 10px 0 30px;line-height:50px }
.pop_foot {display:block;/* position: absolute; *//* bottom:0px; */width:100%;z-index:5000;background:#ddd;overflow: hidden;}
.pop_cont {z-index:6000;padding:30px 20px;position:relative; margin: 0 auto; }
.con_box{border:5px solid #ddd;padding:40px;min-width: 715px;max-width: 715px;height: 1030px;margin: 0 auto;background: url(../images/common/mark_big.png) no-repeat 50% 50%;}
.con_box .num{ font-size: 1.2em;}
.con_box h2 {font-size: 68px;text-align: center;margin: 50px 0;}

.con_box .member_info { overflow: hidden; float: right; }
.con_box .member_info li p{font-size: 20px; font-weight: 700; color:#555;}
.con_box .member_info li p em{text-align:justify; display: inline-block; width: 75px;}
.con_box .member_info span{ margin-left:5px;}

.con_box .con{overflow: hidden;width: 100%;padding: 100px 0px;text-align: center;}
.con_box .txt{clear: both;font-size: 1.88em;letter-spacing: -0.05em;margin-bottom: 55px;line-height: 1.7em;}
.con_box .txt em{ display:block;}
.con_box .edu_info{overflow: hidden; padding:0 50px;}
.con_box .edu_info li{ display: block; width: 100%; background: #f7f7f7; padding: 10px; border:1px solid #d0d0d0; border-width: 1px 1px 0px 1px; }
.con_box .edu_info li:last-child{ border-width:1px;}
.con_box .edu_info li p{ font-size: 17px;font-weight: 700; text-align: center; letter-spacing: 0;}
.con_box .edu_info li p span{ margin: 0 10px;}
.con_box .date{text-align: center;font-size: 1.83em;font-weight: 700;color:#555;margin-bottom: 30px;}
.con_box .ci{text-align: center;}

.pop_foot .info{overflow: hidden;}
.pop_foot .info li{ float:left; width:33.3%; font-size: 1.05em; position: relative; display: block;  padding: 10px 10px 10px 20px; }
.pop_foot .info li:after{content:'';display:inline-block;background: rgba(0,0,0,0.1);width: 1px;height: 18px;position:absolute;right:0;top: 31%;}
.pop_foot .info li:last-child:after{ display:none;}

@media only screen and (max-width : 640px ){
	.pop_cont .srcoll-frame{ margin-top:0; border:1px solid #ccc;}
	.pop_cont .srcoll-frame > div{ padding:20px;}	
	.pop_cont .srcoll-frame:before{ display: block;left:0; top:-20px; font-family:'Malgun Gothic', '맑은 고딕', sans-serif; }	
	.pop_foot{ position:relative; bottom: inherit;}
	.pop_foot .info li{ width:inherit; float: none; text-align: center; font-size: 1em;}
	.pop_foot .info li:after{ width: 100%;height: 1px; bottom:0; top:inherit; }	
}
@media print{
	.pop_head, .pop_foot{ display:none;}
	.pop_cont{ padding:0;}
	.pop_cont .srcoll-frame{ border:0;}
	.pop_cont .srcoll-frame:before{ display:none ;}
	.pop_cont .srcoll-frame > div{ padding:0;}
}


/*** a ***/
a.mail{ letter-spacing: 0 ; color: rgb(238, 106, 0)}
a.mail:hover{ text-decoration: underline}
a.link[target="_blank"] {/* color: #1e55cc !important; *//* font-weight: 600; */padding: 0 5px;}
a.link[target="_blank"]:hover {text-decoration: underline;}
a.link[target="_blank"]:after{content:'';display:inline-block;margin: 0px 0px 0 6px;background:url('../images/common/ic_blank.png') no-repeat 0 0;width: 13px;height: 13px;vertical-align: middle;}
a.link.link_white[target="_blank"]:after{background-image:url('../images/common/ic_blank_w.png')}
a.link.button.large{ padding:0 30px}
a.filelink { color: #1e55cc; display: inline-block; margin: 0 5px; font-weight: bold}
a.filelink:after{content:'';display:inline-block;margin: -5px 3px 0 3px;background:url('../images/common/ico_down_blue.png') no-repeat 0 0;width:13px;height:15px;vertical-align: middle;}

.warning_pageIng {text-align: center }
.warning_pageIng img { max-width: 100%}

.warning_txt{ text-align:center;}
.warning_txt:before{ content: ''; display:inline-block; width: 170px; height: 170px; border-radius: 50%; background: url('../images/common/ico_logo.png') no-repeat 0 0;}
.warning_txt .tit{ font-size: 2em; color: #3d3b3b; font-weight: 700; margin:20px 0 15px 0; line-height: 1.2em;}
.warning_txt .txt{ font-weight: 700; color: #636363;  font-size: 1.28em; }

li.noData, .board-text > table td.noData, .noData {padding:130px 0 50px;height:auto;text-align:center;width:100% !important; background: url(../images/common/ico_nodata.png) no-repeat 50% 50px !important; float: none }

.btn_area {  text-align: center;  padding: 40px 0 0; position: relative}
.btn_area.col4 > a {min-width: 40%}
.btn_down { display: inline-block; height: 40px; padding: 0 50px 0 20px; line-height: 38px !important; text-align: left; font-size: 15px; color: #fff !important;  border: 1px solid #6b9929; min-width: 155px; margin: 5px 2px; transition:all 0.2s; font-weight: bold; background:#6fa928 url(../images/common/icon_file.png) right 15px top 10px no-repeat}
.btn_down:hover {text-decoration: none; background-color: #3c8801;  border-color: #295e00 }
@media only screen and (max-width:1024px){
	.btn_area {  padding: 30px 0 0;}
}
@media only screen and (max-width : 640px ){	
	.btn_area {  padding: 20px 0 0;}
	.btn_area > .button {min-width: 48%;padding: 0 10px!important;}
	.btn_area.col4 > a {min-width: 95%;display: block; margin: 2px auto}
}
@media only screen and (max-width:450px){	
	.btn_down {height: 35px; padding: 0 40px 0 10px; line-height: 33px !important; font-size: 13px; background-position:right 10px top 9px }
}


/*** Tab ***/
.tabSec{ overflow: hidden; position: relative; margin-bottom:30px;}
.tabSec > ul{position:relative;padding:1px 0 0 0;background-color: #f8f8f8;border-left: 1px solid rgba(30, 85, 204, 0.1);border-bottom: 1px solid #1e55cc;overflow: hidden;}
.tabSec > ul > li {float:left;width:25%;text-align:center;}
.tabSec > ul > li:last-child {padding:0px; border-left:0;}
.tabSec > ul > li > a{display:block;padding:0 5px;height: 50px;line-height: 50px;font-size: 1.125em;color: #696d79;text-decoration:none;border: 1px solid rgba(30, 85, 204, 0.1);margin:-1px 0 0 -1px;background: #f0f2f8;transition: all .3s ease;font-weight: 400;}
.tabSec > ul > li > a:hover,.tabSec >  ul > li > a:focus,.tabSec > ul > li > a:active{background-color: #fff;color:#333;}
.tabSec > ul > li.on > a{color: #fff;border: 1px solid  #1e55cc;background-color: #1e55cc;}
.tabSec.cols2 > ul > li{width:50%;}
.tabSec.cols3 > ul > li{ width:33.3%;}
.tabSec.cols3 > ul > li:nth-child(2),.tabSec.cols3 li:nth-child(5){ width:33.4%;}
.tabSec.cols4 > ul > li{width:25%;}
.tabSec.cols5 > ul > li{width:20%;}
.tabSec.cols6 > ul > li{ width:16.6%;}
.tabSec.cols6 > ul > li:nth-child(6n+6) { width:17%;}
.tabSec.cols12 > ul > li{ width:8.3%;}
.tabSec.cols12 > ul > li:nth-child(12n+12) { width:8.7%;}

.tab_content { display: none; background-color: #fff;}
.tabcontent.on {display: block;}
.tab_box{ width:100%; min-height:400px; position: relative}

.tabSec2 > .tabs{ }
.tabSec ul li.on .sub_tab{display:block;width: 100%;}
.sub_tab > ul{padding: 10px 20px;min-height: 50px;width: 200%;  background: #f8f8f8;border-right: 1px solid #ccc;}
.tabSec > ul > li:nth-child(even) .sub_tab > ul{ float:right;}
.sub_tab > ul > li{ float:left;}
.sub_tab > ul > li a{font-size:0.95em;text-align:left;padding:0 20px 0 0;line-height: 2em; min-width:80px}
.sub_tab > ul > li:after{ content:''; display: inline-block; vertical-align: middle; width:1px; height: 16px; background:#d7d7d7; margin: -3px 20px 0 0px;}
.sub_tab > ul > li:last-child:after{ display:none;}
.sub_tab > ul > li.on a{ color:#1e55cc; font-weight:500;}
.sub_tab > ul > li.on a:after{ content:''; display: inline-block; width:19px; height: 19px; vertical-align: middle; background:#1e55cc url('../images/common/ico_tab_on2.png') no-repeat 50% 50%; border-radius:50%;margin-left: 12px; margin-top: -3px;}
.sub_tab > ul > li > a:hover, .sub_tab > ul > li > a:active, .sub_tab > ul > li > a:focus{ color:#1e55cc; text-decoration:none;}

.tabSec.cate_list {position:relative;border: 1px solid #dcddec;padding: 10px 30px 25px;background-color: #f8f9fe;margin-bottom:30px;overflow: hidden;}
.tabSec.cate_list > ul{ background-color:transparent;}
.tabSec.cate_list ul { border:0; }
.tabSec.cate_list li {float: left;width: 20%;margin-top: 10px;cursor: pointer;text-align: left;}
.tabSec.cate_list li a {padding: 0 0 0 28px;background: url(../images/common/ico_faq_cate.png) no-repeat 1px -19px;display: block;font-size: .95em;border: none;height: inherit;min-height: 21px;line-height:inherit;font-weight:normal;color:#333;}
.tabSec.cate_list li.on a {background-position: 1px 3px;color: #101010;font-weight: bold;border: 0;background-color: transparent;}
.tabSec.cate_list > ul > li > a:hover, .tabSec.cate_list > ul > li > a:focus, .tabSec.cate_list > ul > li > a:active{ background-color:transparent;}


@media only screen and (max-width : 640px ){	
	.tabSec{ margin-bottom: 20px;}
	.tabSec > ul > li > a {height: 40px;line-height: 40px;font-size: 15px;}
	
	.tabSec.cols3 > ul > li,
	.tabSec.cols4 > ul > li,
	.tabSec.cols5 > ul > li	{width:50% !important;}
	.tabSec.cols6 > ul > li{ width:33% !important;}
	.tabSec.cols6 > ul > li:nth-child(6n+3),
	.tabSec.cols6 > ul > li:nth-child(6n+6) { width:34% !important;}
	.sub_tab > ul{  min-height: 45px;}
	
	.tabSec2 .sub_tab > ul{ min-width:inherit;}	
	.tabSec2 > ul > li{ float:none; width:100% !important; }
	.sub_tab > ul{min-height: 35px; padding:12px 15px 12px 15px; }
	.sub_tab > ul > li a{ padding-right:10px;}
	.sub_tab > ul > li:after{margin-right:10px;}
	.sub_tab > ul > li.on a:after{ margin-left:8px;}
	
	.tabSec.cate_list {padding: 10px 15px 15px; }
	.tabSec.cate_list li {width: 50%;margin-top: 5px;}
}


/* list style */
.list01>li, .list02>li, .list03>li,
.list_p { position:relative;padding-left:13px;margin-bottom:10px; text-align: left !important; }
.list03>li{ padding-left:15px}
.list_p {margin-bottom:0px;}
.list01>li:last-child, .list02>li:last-child { margin-bottom:0 !important;}
.list01>li:before, .list02>li:before, .list03>li:before, 
.list_p:before{ content:''; display:block; position:absolute; left:2px; top:11px; } 
.list01>li ul, .list02>li ul{ padding:5px 0;}
.list01>li .tit + ul, .list02>li .tit + ul{ padding:5px 0 0 80px;}
.list01>li em, .list02>li em, .list03>li em{ display:block;}
.list01> li strong{font-weight: 500;}
.list01.col2>li, .list02.col2>li, .list03.col2>li{ width:49%; float:left;}
.list01.col2>li:nth-child(even), .list02.col2>li:nth-child(even), .list03.col2>li:nth-child(even){ float:right;}



.txt_box .list01> li {font-weight: 400; margin-bottom: 7px;}
.list01>li:before,
.list_p:before{background: #111;width:3px;height:3px;} 
.list02>li:before{ border: solid #1e56cc;  border-width: 0 2px 2px 0;  display: inline-block;  padding: 2px;transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);top: 10px;} 
.list02>li {margin-bottom:5px;}
.list03>li {margin-bottom:3px; font-size: .95em;}
.list03>li:before{ background:#8c8c8c; width:4px; height:1px;left:4px; top:9px} 
.list01>li > ul > li,
.list02>li > ul > li,
.list03>li > ul > li { position:relative;  padding-left:12px;  margin-bottom:4px; color:#777; text-align: left !important; line-height: 1.3 ;font-weight: 400;}
.list01>li > ul > li:before,
.list02>li > ul > li:before,
.list03>li > ul > li:before{ content:''; display:block; position:absolute; left:0; top:8px; background:#8a8a8a; width:5px; height:1px;} 
.list01>li > ul > li li,
.list02>li > ul > li li,
.list03>li > ul > li li { position:relative;  padding-left:12px;  margin-bottom:3px; color:#888; font-size: .95em;}
.list01>li > ul > li li:before,
.list02>li > ul > li li:before,
.list03>li > ul > li li:before{content:''; display:block; position:absolute; left:0; top:7px; background:#fff; width:4px; height:4px; border-top:1px solid #8a8a8a; border-right:1px solid #8a8a8a; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.list01 li:last-child,
.list02 li:last-child,
.list03 li:last-child{margin-bottom: 0 !important;}

.list02.style2 strong{ position:absolute; left:20px;}
.list02.style2 strong:after{ content:':'; font-weight:100; display:inline-block; margin-left:5px;}
.list02.style2 li{ padding-left:95px; position:relative;}

.list_img {clear: both; overflow: hidden; margin: 30px 0; }
.list_img:after {clear:both; content: ""; display: block}
.list_img * { box-sizing: border-box}
.list_img > li {float: left;padding-bottom: 15px;text-align:  center;position: relative;}
.list_img > li a { display: block; }
.list_img > li span {display: block; overflow: hidden;border-radius: 0px; background:#f6f6f6 url(' ../images/board/noImg_logo.png') center center no-repeat;}
.list_img > li img { width: 100%; display: block;}
.list_img > li i {display: block;padding: 7px 15px;background: rgba(0,0,0,0.4);clear: both;color: #fff;font-size: 0.85em;position: absolute;bottom: 15px; width:100%;}
/*.list_img > li img{transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease;}
.list_img > li:hover img{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.list_img > li:hover i { text-decoration: underline; color: #000}*/
.list_img.pb_0 > li{padding-bottom:1px;}
.list_img.pb_0 > li i{bottom:1px;}

.list_img.col1 > li {width: 100% !important;}
.list_img.col2 > li {width: 49.9% !important;margin-right: 0;}
.list_img.col2 > li:nth-child(even) { float:right;}
.list_img.col2 > li:last-child, .list_img.col2 > li:nth-last-child(2){padding-bottom: 0 !important;}
.list_img.col2 > li:last-child i, .list_img.col2 > li:nth-last-child(2) i {bottom: 0 !important;}
.list_img.col3 > li {width: 33.2%;margin-right: 0.2%;}
.list_img.col3 > li:nth-child(3n+3) {margin-right: 0;}
.list_img.col4 > li  {width: 24.8%;margin-right: 0.2%;}
.list_img.col4 > li:nth-child(4n+4) {margin-right: 0;}
.list_img.col5 > li  {width: 32%;margin-left: 2%;}
.list_img.col5 > li:nth-child(1){margin-left: 0%; width: 66%}
.list_img.col5 > li:nth-child(2){margin-left: 2%;}
.list_img.col5 > li:nth-child(3){ clear: both;margin-left: 0%;}

.list_img + .info_ex01,
.list_img + .info_ex02,
.list_img + .info_ex03{ padding-top:0}

.checkList{ overflow:hidden; }
.checkList li{ position:relative; padding-left:35px; margin-bottom:7px; color:#555;}
.checkList li:before{ content:''; display:block; width:22px; height:22px; background:url('../images/common/check_pic.png') no-repeat 0 0; position:absolute; left:0; top:0;}


ol.hangul li{list-style: hangul; margin:0 0 10px 25px;}

ol.numList { list-style: decimal; padding-left:20px;}
ol.numList > li{ padding-left:0; margin-bottom: 10px}
ol.numList > li:before{ display:none;}

ol.list_num { margin-bottom:10px; overflow:hidden;}
ol.list_num > li {position: relative;margin-bottom: 8px;color:#444;font-weight: 400;text-align: left !important;min-height: 25px;padding: 0px 0 0 35px;}
ol.list_num li ul,
ol.list_num li ol{ padding:5px 0;}
ol.list_num li li{font-size:0.95em;margin-bottom:5px;}
ol.list_num li li:last-child{ margin-bottom: 0 !important;}
ol.list_num.h4 > li {padding: 0px;}
ol.list_num > li h4{ padding: 0px 0 0 25px; color: #333 }
ol.list_num > li:last-child  { margin-bottom: 0 !important}
ol.list_num > li:before {content: "1";color: #1958cc;font-weight: 700;text-align: center;width: 25px;height: 25px;line-height: 25px;position: absolute;left: 0;top: 0px;background: #d9e8f9;border-radius: 50%;font-size: .9em;}
ol.list_num.round li:before{ border-radius: 50%; background:#1e55cc;}
ol.list_num > li:first-child:before{content: "1";}
ol.list_num > li:nth-child(2):before {content: "2";}
ol.list_num > li:nth-child(3):before {content: "3";}
ol.list_num > li:nth-child(4):before {content: "4";}
ol.list_num > li:nth-child(5):before {content: "5";}
ol.list_num > li:nth-child(6):before {content: "6";}
ol.list_num > li:nth-child(7):before {content: "7";}
ol.list_num > li:nth-child(8):before {content: "8";}
ol.list_num > li:nth-child(9):before {content: "9";}
ol.list_num > li:nth-child(10):before {content: "10";}
ol.list_num > li:nth-child(11):before {content: "11";}
ol.list_num > li:nth-child(12):before {content: "12";}
ol.list_num > li:nth-child(13):before {content: "13";}
ol.list_num > li:nth-child(14):before {content: "14";}
ol.list_num > li > ul { padding: 5px 0 10px 0px;}
ol.list_num > li > ul > li { padding-left: 15px;}
ol.list_num > li > ul.list02 > li:before { left: -3px}

ol.list_num.tb_num { margin-bottom: 0}
ol.list_num.tb_num > li {margin-bottom: 3px;padding: 0px 0 0 20px; min-height: 17px;}
ol.list_num.tb_num > li:before {background: #fff; border: 1px solid #888; color: #888; width: 14px;height: 14px;line-height: 13px; }
ol.list_num.cols2 li{ width:50%; float:left; padding-right:60px;}
dd ol.list_num, dd ol.numList {margin-bottom:0px; }
dd ol.list_num > li, dd ol.numList > li {margin-bottom: 0px ; padding-bottom: 3px}
.txt_box ol.list_num { margin-bottom:0px; }
@media all and (max-width : 640px ){
	.list01.col2>li, .list02.col2>li, .list03.col2>li{ width:100%; float:none !important;}
	
	ol.list_num.cols2 li{ width:auto; float:none; padding-right:0;}
	ol.hangul li{ margin:0 0 10px 25px;}
	.list_img{margin: 20px 0;}
	
	.list01>li:before, .list02>li:before, .list03>li:before, .list_p:before{top:8px;}
	.list01>li { padding-left: 10px}
	ol.hangul li{ margin:0 0 10px 25px;}
	.checkList li{padding-left:26px; margin-bottom:5px;}
	.checkList li:before{ width:17px; height:17px;background-size: 17px; top:2px;} 
	
	.list_img{margin:15px 0;}
	.list_img > li {width: 33.3% !important;margin-right: 0% !important;padding-bottom: 5px;}
	.list_img > li:nth-child(2n+2) {margin-right: 0 !important;}
	.list_img > li i{ bottom:5px;}
	
	.list_img.col1 > li {width: 100% !important;}
	.list_img.col3 > li {width: 100% !important;}
	.list_img.col5 > li  {width: 48.6% !important;margin-left:0 !important; margin-right:0 !important;padding-bottom: 5px !important;}
	.list_img.col5 > li:nth-child(1),
	.list_img.col5 > li:nth-child(5){width: 100% !important}
	.list_img.col5 > li:nth-child(2){ clear: 0;float: left;width: 51.4% !important; }
	.list_img.col5 > li:nth-child(3),
	.list_img.col5 > li:nth-child(4){ clear: none;float: left; padding-bottom: 0px !important;}
}	
@media all and (max-width:480px){
	.list01>li em,
	.list02>li em,
	.list03>li em{ display: inline;}
	.list_img{margin: 10px 0;}
	.list_img > li,
	.list_img.col2 > li:last-child, .list_img.col2 > li:nth-last-child(2){ padding-bottom:1px !important;}
	.list_img > li i,
	.list_img.col2 > li:last-child i, .list_img.col2 > li:nth-last-child(2) i{bottom:1px !important;}
}
@media all and (max-width:360px){
	.list_img > li ,
	.list_img.col2 > li{ width: 100% !important;margin-right: 0% !important; margin-left: 0!important}
	.list_img > li span{font-size: 0.95em;}
}



/* notice */
.notice{ position:relative; padding:0 0 0 40px; margin-bottom:30px;}
.notice:after { content:"!"; display:block; width:30px; height:30px; padding:3px; box-sizing:border-box; color:#f73a3a; font-weight:700; border-radius:50%; border: 2px solid #fbc7c7; background:#fff; text-align:center; vertical-align:middle; position:absolute; left:0; top:0;}
.noticeTxt{ color:#555; padding:0 0 0 20px; position:relative;}
.noticeTxt:after { content:"i"; display:block; width:16px; height:16px; padding:0; box-sizing:border-box; color:#555; font-weight:400; border-radius:50%;  background:#fff; text-align:center; vertical-align:middle; position:absolute; left:0; top:3px; font-size: 0.73em; border:1px solid #adadad; }
.noticeTxt.Blue{ color:#1e55cc;}
.noticeTxt.Blue:after { color:#1e55cc; border-color:#1e55cc;}
.noticeTxt.Red{ color:#f73a3a;}
.noticeTxt.Red:after { background:#f73a3a; border:0; color:#fff; }

/* 안내문 */
.info_box {position:relative;background: #f2f5f7;padding:30px 30px 30px 140px; margin-bottom:20px; min-height: 140px;border: 1px solid #f2f5f7;}
.info_box:before {display:block;content:"";position:absolute;width:80px;height:80px;overflow:hidden;background:url('../images/common/ico_sprite.png') no-repeat 0px 0;top:30px;left:30px;}
.info_box .info_tit {font-size:1.3em;color:#444;font-weight:700; margin-bottom: 10px; line-height:1.2em;}
.info_box p:last-child { margin-bottom: 0}
.info_box ul li {margin-bottom:3px; position: relative; padding-left: 10px; line-height: 1.3}
.info_box ul li:last-child  {margin-bottom:0px; }
.info_box ul li:before{ background-color:#8c8c8c; width:4px; height:1px;content:""; display:block; position:absolute; left:0px; top:8px;} 

.txt_box .btxt{ font-size:1.25em; color:#222; letter-spacing:-0.03em; font-weight:700; margin-bottom: 0}

.info_box .btn{ display:inline-block; padding:10px 23px; border:1px solid #1e55cc; font-size: 0.94em; position:absolute; bottom:30px; right:30px; color:#1e55cc; font-weight:700;transition-duration: 0.3s;}
.info_box .btn:hover{ background:#1e55cc; color:#fff;}
.info_box.line {background: #fff;border: 1px solid #d9d9d9;}
.info_box.ico01:before {background-position:0 0px;}/* 100 */
.info_box.ico02:before {background-position:0 -100px;}
.info_box.ico03:before {background-position:0 -200px;}
.info_box.ico04:before {background-position:0 -300px;}
.info_box.ico05:before {background-position:0 -400px;}
.info_box.ico06:before {background-position:0 -500px;}
.info_box.ico07:before {background-position:0 -600px;}
.info_box.ico08:before {background-position:0 -700px;}
.info_box.ico09:before {background-position:0 -800px;}
.info_box.ico10:before {background-position:0 -900px;}

.info_box02 {background: url('../images/common/ico_ex06.png') no-repeat 20px 20px;padding: 20px 20px 20px 68px;border: 1px solid #ddd; margin-bottom: 20px;}
.info_box02 ul li {margin-bottom:3px; position: relative; padding-left: 10px; font-size: .95em}
.info_box02 ul li:last-child  {margin-bottom:0px; }
.info_box02 ul li:before{ background-color:#8c8c8c; width:4px; height:1px;content:""; display:block; position:absolute; left:0px; top:9px;} 
.info_box02 p:last-child{margin-bottom: 0 !important;}

@media all and (max-width:1024px){	
	.info_box .btn{ position:relative; right:inherit; bottom: inherit; margin-top:10px; padding:8px 15px; font-size: 0.87em;}
	.info_box {padding: 30px 20px 20px 120px;}
	.info_box:before { left: 20px; top:25px}
}
@media all and (max-width : 640px ){
	.info_box {padding:105px 10px 15px}
	.info_box:before { left: 50%; top:15px; margin-left: -40px}
	.info_box .info_tit { text-align: center}
	
	.info_box02{ padding:15px 15px 15px 55px; background-position: 15px 15px; background-size:30px;}
}
@media all and (max-width:480px){	
	.info_box.callBox > div:nth-child(2) .tit{ font-size:16px;}
	.info_box.callBox .btn{ position: relative; right:inherit; bottom: inherit; margin-top:5px;}
}


.info_ex {color:#1e55cc !important; font-size: .95em; font-weight: 400;}
span.info_ex{ display: inline-block; vertical-align:top;padding:0 0 5px 25px;margin-top:2px;min-height:16px;}
.info_ex01, .info_ex02, .info_ex03, .info_ex04, .info_ex05{ display: block; font-size:.95em;margin:3px 0 5px; line-height: 1.4; font-weight: 400;}
.info_ex01 {background:url('../images/common/ico_ex01.png') no-repeat 0 3px;padding:0 0 3px 22px;color:#777;}
.info_ex02 {background: url('../images/common/ico_ex02.png') no-repeat 0 3px;padding:0 0 3px 22px;color:#1e55cc;}
.info_ex03 {background:url('../images/common/ico_ex03.png') no-repeat 0 3px;padding:0 0 3px 22px;color:#263b59;}
.info_ex04{ background:url('../images/common/ico_ex04.png') no-repeat 0 3px;padding:0 0 3px 22px; color:#e83b3b;}
.info_ex05{ background:url('../images/common/ico_ex05.png') no-repeat 0 3px;padding:0 0 3px 22px; color:#e9800d;}
.info-ex03 .sec {display:block;color:#777;}




/* 박스 + 아이콘 */
/* guide_box */
.guide_box{ overflow: hidden; position: relative; line-height: 1.6; background: #fff; display: table; width: 100%;}
.guide_box .inner{min-height: 135px; padding: 28px 28px 28px 180px; border:1px solid #e8e9ee; overflow: hidden;}
.guide_box:before, .guide_box:after,
.guide_box .inner:before, .guide_box .inner:after{content:'';display: block;position: absolute;background: #1e55cc;}
.guide_box:before{bottom:0;right: 0;width: 1px;height: 75px;}

.guide_box:after{bottom: 0px;right: 0;width: 90px;height: 1px;}
.guide_box .inner:before{top:0;left: 0; width: 1px;height: 75px;}
.guide_box .inner:after{ top:0;left: 0; width: 90px;height: 1px;}
.guide_box .txtBox:after{content:'';display: block;position: absolute;right: 0px;bottom: 0px;background:url('../images/common/guide_boxBg.png') 0 0 no-repeat;width:40px;height: 40px;z-index: 1;}
.guide_box .txtBox:before{content:'';display:block;position:absolute; top:20px;  left:40px; width:90px;height:90px;background-image:url('../images/common/guide_box_ico.png');background-repeat:no-repeat;}
.guide_box.ico02 .txtBox:before{ background-image:url('../images/common/exp_bribe.png');}
.guide_box.ico03 .txtBox:before{ background-image:url('../images/common/exp_budget.png');}
.guide_box.ico04 .txtBox:before{ background-image:url('../images/common/exp_citizen.png');}
.guide_box.ico05 .txtBox:before{ background-image:url('../images/common/exp_civilianOnly.png');}
.guide_box.ico06 .txtBox:before{ background-image:url('../images/common/exp_cleanReport.png');}
.guide_box.ico07 .txtBox:before{ background-image:url('../images/common/exp_cleanSound.png');}
.guide_box .tit{ color:#323232; font-size:1.2em; margin-bottom: 15px; font-weight: 500;}
.guide_box .tit strong{ color:#1e55cc; font-weight: 600}
.guide_box .txt { color:#777; margin-bottom: 0 !important;}
.guide_box .txt strong{color: #1e55cc;}
.guide_box li {margin-bottom: 2px; font-size: .95em; color: #666; padding-left: 8px; position: relative}
.guide_box li:before {display: block; position: absolute; left: 0; top:11px;  content: ""; width: 5px; height: 1px; background-color: #666 }


/* guideInfo_box */
.guideInfo_box{ position: relative;min-height: 135px; padding: 28px 28px 28px 220px; border:1px solid #e8e9ee; overflow: hidden;}
.guideInfo_box:before{content:'';display:block;position:absolute; top:20px;  left:40px; width:90px;height:90px;background-image:url('../images/common/guideInfo_ico.png');background-repeat:no-repeat;}
.guideInfo_box li{float:left;width:50%;color: #7c7c7c;font-size:0.95em;margin-bottom:10px;position: relative;padding-left: 95px;}
.guideInfo_box li span{padding:0 15px 0 25px;color: #4e4d4d;min-width: 95px;display:inline-block;position: absolute;left: 0;top: 0;}
.guideInfo_box li span:before{content:'';display: block;width:15px;height:15px;background: url('../images/common/guideInfo_list_ico.png') no-repeat;position: absolute;left: 0;top: 3px;}
.guideInfo_box .ico_email { width:100%}
.guideInfo_box .ico_part span:before{ background-position: 0 0;}
.guideInfo_box .ico_manager span:before{ background-position: -80px 0;}
.guideInfo_box .ico_tel span:before{ background-position: -160px 0;}
.guideInfo_box .ico_fax span:before{ background-position: -240px 0;}
.guideInfo_box .ico_email span:before{ background-position: -320px 0;}
.guideInfo_box li a{ color:#1e55cc;}
.guideInfo_box .list.col2{width: 48%;overflow: hidden;float: left;border-right: 1px dotted #ddd;}
.guideInfo_box .list.col2:nth-child(even){ float: right; border-right: 0; }
.guideInfo_box .list.col2 li{ width:100%}
@media all and (max-width:640px){	
	.guide_box {line-height: 1.3;}
	.guide_box .inner, .guideInfo_box{padding: 15px 10px 15px 75px;  min-height: 105px;}
	.guide_box .txtBox:before, .guideInfo_box:before{ background-size:cover; width:50px; height:50px; top:15px; left:15px;}	
	.guide_box:after, .guide_box .inner:after{ width: 50px;}
	.guide_box .txtBox:after{bottom: -10px;right: -10px;}
	.guideInfo_box li {width:100%; float:none; margin-bottom: 5px; padding-left:80px;}
	.guideInfo_box li span{padding:0 5px 0 20px; min-width: 65px;}
	.guide_box li:before {top:8px;}	
	.guide_box .tit {font-size: 1.1em;line-height: 1.3;}
	.guideInfo_box .list.col2{ width:100%; float:none; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ddd; border-right: 0;}
	.guideInfo_box .list.col2:last-child{border:0; margin-bottom:0px; padding-bottom:0px;} 
}

/* viewer_down */
.viewer_down{ background:#fff; border: 1px solid #ddd;overflow:hidden;padding:30px;}
.viewer_down .img { float:left; display:inline-block;}
.viewer_down .txtBox { float:right; width:87%;}
@media all and (max-width:640px){	
	.viewer_down .img {float:none;}
	.viewer_down .txtBox { float:none; width:100%;}
}

/* down_box */
.down_box{ background:#f6f8fa; border: 1px solid #cbcdce;overflow:hidden;padding:30px;color: #111;}
.down_box a{ display:block; margin-bottom: 5px; position: relative; padding-left:30px; text-align: left;}
.down_box2{padding:20px; border:0;}
.down_box .button{display:inline-block}
.down_box .button:before{ display: none;}
.down_box a:last-child{ margin-bottom: 0;}
.down_box a:before{ content:''; width:20px; height: 21px;  background:url('../images/board/icons_file.png') no-repeat 0 0; position: absolute; left: 0; top:0}
.down_box a.pdf:before{ background-position: 0 0; }
.down_box a.han:before{ background-position: -100px 0; }
.down_box a.excel:before{ background-position: -200px 0; }
.down_box a.img:before{ background-position: -300px 0; }
.down_box a.zip:before{ background-position: -400px 0; }
.down_box a.power:before{ background-position: -500px 0; }
.down_box a.word:before{ background-position: -600px 0; }
.down_box + .guideInfo_box{ margin-top: 60px;}
@media only screen and (max-width : 640px ){
	.down_box{ padding:20px;}
	.down_box p,
	.down_box .button{float: none !important;}
	.down_box .button{ margin-top: 5px;}
	.down_box + .guideInfo_box{ margin-top: 40px;}
}

/* dl_box */
.dl_box{display:block;overflow:hidden;border: 1px dotted #6f76b3;color: #666;margin: 5px 0;font-size: .95em;}
.dl_box dt{background: #f4f6fd;font-weight:700;padding:10px 15px;line-height:1.2em;color: #2a367d;font-size: 1.06em;}
.dl_box dd{ padding:15px;}
.dl_box dd ul {padding: 0;}
.dl_box dd ul ul { margin-bottom: 5px}
.dl_box dd ul li { text-align: left !important; padding-left: 15px !important; font-size: 1em; position: relative}
.dl_box dd ul li:before{ position: absolute; content: ""; left:0px; top:10px; background:none; width:3px; height:3px; border: 1px solid #ababab; border-radius: 50%}
.dl_box dd ul li li:before{ position: absolute; content: ""; left:0px; top:12px; background:none; width:5px; height:0px; border:none; border-top: 1px solid #ababab; border-radius: 0%}
.dl_box dd ul li:last-child{ margin-bottom:0 !important;}
li >.dl_box { margin: 5px 0 8px; }
@media only screen and (max-width:1024px){
	.dl_box dt{ padding:13px 0 13px 25px;}
	.dl_box dd{padding:13px;}
	.dl_box dd > ul {margin: 0 0 0 10px;}	
}
@media only screen and (max-width : 640px ){
	.dl_box dt{padding:10px;}
	.dl_box dd{padding:10px;}
}
.txt_box {clear:both;position:relative;padding:25px;border: 1px solid #e9ecf4;overflow:hidden;margin:0 0 30px 0;box-sizing:border-box;background: #fafbff;}
.txt_box .ttl01:first-child, .txt_box .ttl02:first-child, .txt_box .ttl03:first-child{ margin-top: 0 !important;}

.img_box{  clear:both;text-align:center; margin:5px 0 15px 0;border: 1px solid #ddd; padding: 20px 0px 0}
.img_box .ttl { text-align: center; background-color: #f7f8fd; color: #515a86;padding: 10px; font-weight:bold; font-size: 0.95em}
.img_box img { max-width: 100%; margin: 15px 0}

.bd_box{border:1px solid #dedede; padding:25px; overflow: hidden; background-color: #FFF;}
.bd_box ul > li { position: relative;margin-bottom: 5px; padding-left: 15px; }
.bd_box ul > li i{ margin-left: 20px}
.bd_box ul > li:last-child{margin-bottom: 0;}
.bd_box ul > li:before { display: block; position: absolute; left: 0; top:8px;  content: ""; width: 4px; height: 4px; border: 2px solid #666; border-radius: 50%;}
.txt_box .btxt{ font-size:1.25em; color:#222; letter-spacing:-0.03em; font-weight:600; margin-bottom: 0}
.txt_box p:last-child, .img_box p:last-child, .icon_box p:last-child{ margin-bottom:0 !important;}
.icon_box {position:relative; border:1px solid #d9d9d9; margin-bottom:20px; font-size: 1.04em}
.icon_box.no_bg{padding:0}
.icon_box {color:#555;line-height:1.6;padding:20px 20px 20px 150px;background:#fbfbfa; min-height: 120px; display:table; width: 100%}
.icon_box .btxt, .icon_box.no_ico .inner{padding:30px;min-height: inherit}

.icon_box.no_ico:before {display:none;}
.icon_box p{ display:table-cell; vertical-align: middle;}
.icon_box ul { margin-top: 5px}
.icon_box li {margin-bottom: 2px; font-size: .9em; color: #666; padding-left: 10px; position: relative}
.icon_box li:before {display: block; position: absolute; left: 0; top:11px;  content: ""; width: 5px; height: 1px; background-color: #666 }

/* 아이콘 */
.icon_box:before{content:'';display:block;position:absolute;top:20px;left:40px;width:80px;height:80px;background-image:url('../images/common/ico_sprite.png'); background-repeat:no-repeat;} 
.icon_box.ico01:before {background-position:0 0px;}/* 100 */
.icon_box.ico02:before {background-position:0 -100px;}
.icon_box.ico03:before {background-position:0 -200px;}
.icon_box.ico04:before {background-position:0 -300px;}
.icon_box.ico05:before {background-position:0 -400px;}
.icon_box.ico06:before {background-position:0 -500px;}
.icon_box.ico07:before {background-position:0 -600px;}
.icon_box.ico08:before {background-position:0 -700px;}
.icon_box.ico09:before {background-position:0 -800px;}
.icon_box.ico10:before {background-position:0 -900px;}

.div_box{ overflow: hidden; clear: both;}

@media only screen and (max-width : 640px ){	
	.txt_box {padding: 20px;}
	.icon_box {padding:20px 20px 20px 120px;}
	.icon_box p br { display: none}
	.icon_box:before {left:20px;} 
	.bd_box {padding:15px; }
	
	.div_box .fL, .div_box .fR{ float: none !important;}
}
@media only screen and (max-width:450px){
	.txt_box {padding: 15px 10px;}
	.icon_box {padding:15px;}
	.icon_box:before { display: none} 
}

/* step */
.step01{overflow:hidden;position:relative;text-align:center;}
.step01 + .step01{ padding-top:50px; }
.step01 > li{width:33.333%;padding-right: 2.9%;float:left;position:relative;margin-bottom: 10px;display: table;}
.step01 > li:after{content:'';display:block;position:absolute;width: 12px;height: 20px;background:url('../images/common/arrow_step.png') no-repeat;right:5px;top:50%;margin-top: -10px;}
.step01 > li:last-child { padding-right: 0;}
.step01 > li:last-child:after{ display:none;}
.step01 > li .txt{background:#fff;margin-top: 12px;color:#333;font-weight: 500;border: 3px solid #e1e1e1;display: table;width: 100%;border-radius: 10px;position: relative;height: 130px;}
.step01 > li span {display: table-cell;border-radius: 5px;line-height: 1.3;padding: 15px 0;vertical-align: middle;text-align: center;border: 1px solid #3251ca; color:#3251ca; font-weight:500;}
.step01 > li.full{width: 100% !important;padding-right: 2.9%;}
.step01 > li.full span{ background:#3251ca; color:#fff;}

.step01.cols02 > li{ width:50%;}
.step01.cols04 > li{ width:25%;}
.step01.cols05 > li{ width:20%;}
.step01.cols06 > li{ width:16.66%;}
.step01.cols06 > li:nth-child(1){ width:16.70%;}

.step01.cols06 > li.col2{ width: 33.3%;}
.step01.cols05 > li.col2{ width: 40%;}
.step01.cols04 > li.col2{ width: 50%;}
.step01.cols03 > li.col2{ width: 66.666%;}

.step02{ overflow:hidden; position:relative;}
.step02 > li{ padding-botttom: 20px; position:relative; overflow: hidden}
.step02 > li:after{ content:''; display:block; position:absolute; width:20px; height:20px; background:url('../images/common/arrow_step_m.png') no-repeat; right:50%; bottom:0; margin-left: -10px}
.step02 dt {text-align: center; background:url('../images/common/bg_pattern01.png'); padding:10px 0; color:#fff; font-weight: 500;text-shadow: 0 0 2px rgba(0,0,0,.5)}


@media only screen and (max-width : 640px ){	
	.step01 > li{width: 100% !important;margin-bottom: 20px;}
	.step01 > li:after{background: url('../images/common/arrow_step_m.png') no-repeat; width: 20px;height: 12px;right: 50%;top: inherit;bottom: -15px;margin: 0 -10px 0 0;}
	.step01 > li .txt{ height:80px;}
	.step01 > li .txt br{ display: none;}
	.step01.cols05 > li{padding-right: 20px;}
	.step01 > li:last-child{/* padding-right:20px; */}
}

/* list_box */
.list_box{ border:1px solid #d9d9d9; border-color: #1e2187; border-width:2px 1px 1px 1px; overflow:hidden; padding:30px 45px;  margin-bottom:20px;}
.list_box p:last-child { margin-bottom: 0}
.list_box .btxt{ text-align:center; border-bottom:3px double #ddd; font-size:1.4em; color:#3a3a3a; font-weight:700; line-height:1em; padding-bottom:15px;}
.list_box li:last-cihld{ margin-bottom:0;}

/* dl_box */
.dlBox{ display:block; overflow:hidden; margin-bottom: 30px;padding-top: 15px;}
.dlBox dl { position: relative; clear: both; margin-top: 15px; padding-left: 170px; min-height: 135px;}
.dlBox dl:first-child {margin-top: 0px}
.dlBox dt{font-size: 1.2em; color: #293541; margin-bottom: 0.2em  }
.dlBox dd{ padding:0px;}
.dlBox dd.pic { position: absolute; left: 20px; top:0; width: 120px; height: 120px; border-radius: 0 50% 50% 50%; overflow: hidden;background-color: #ddd}
.dlBox dd ul {padding: 0;}
.dlBox dd ul ul { margin-bottom: 5px}
.dlBox dd ul li { text-align: left !important; padding-left: 15px !important; font-size: 1em; position: relative}
.dlBox dd ul li:before{ position: absolute; content: ""; left:0px; top:10px; background:none; width:3px; height:3px; border: 1px solid #ababab; border-radius: 50%}
.dlBox dd ul li li:before{ position: absolute; content: ""; left:0px; top:12px; background:none; width:5px; height:0px; border:none; border-top: 1px solid #ababab; border-radius: 0%}
.dlBox dd ul li:last-child{ margin-bottom:0 !important;}
@media only screen and (max-width:1024px){
	.dlBox dl {margin-top: 20px;padding-left: 140px;}
	.dlBox dd.pic {left: 0px;}
}
@media only screen and (max-width : 640px ){

	.dlBox dl {padding-left: 100px;min-height: 90px;}
	.dlBox dd.pic {width: 90px; height:auto; }
	.dlBox dd br { display: none}
}

.img_txtBox{overflow:hidden;position:relative;padding: 20px 20px 20px 305px;border: 1px solid #e9ecf4;background: #fff;min-height: 190px;}
.img_txtBox + .img_txtBox{margin-top:20px;}
.img_txtBox h5{font-size:18px;margin-top:0;}
.img_txtBox .txt{}
.img_txtBox .pic{position:absolute;left:0;top:0;width: 280px;height: 100%;background-position: 50% 50%;background-size: cover;}

	.img_txtBox .pic img{width:100%;}
@media only screen and (max-width : 640px ){
	.img_txtBox{padding:0; }
	.img_txtBox .pic{position:relative;left:inherit;top:inherit;height: 200px;width: 100%;}
	.img_txtBox .txt{padding:15px;}
}


.ex_box {display:block; overflow:hidden; border:1px dotted #999; padding:15px 15px 15px 65px; color: #666 ;font-size: .95em; background: url(../images/common/ico_ex05.png) no-repeat 15px 20px; min-height: 70px; margin-bottom: 10px}
.ex_box >.list02 { margin-left: -10px; position: relative; padding: 0}

/* col_box */
.col_box{border: 1px solid #dcddec;overflow:hidden;padding:20px 10px;background: #f8f9fe;color: #4d5090;text-align:center;}
.col_box p{ margin-bottom:0;}
.notice_box {border: 1px solid #efd9da;overflow:hidden;padding:15px 15px;background: #fff7f8;color: #9d3133; margin: 10px 0}

/* col_box */
.col_box_red{ border:1px solid #e4d4d4; overflow:hidden; padding:15px 45px; background:#fdf7f7; color:#a04a4a; text-align:center; }
.col_box_red p{ margin-bottom:0;}

.sm { font-size: .95em}
.lg { font-size: 0.15em}

@media only screen and (max-width:1024px){
	.list_box{ padding:20px 35px;}	
	.dl_box dt{ padding:13px 0 13px 25px;}
	.dl_box dd{padding:13px;}
	.dl_box dd > ul {margin: 0 0 0 10px}	
}

@media only screen and (max-width : 640px ){
	.icon_box .inner {padding:0; min-height: 70px}
	.icon_box.no_ico .inner {padding:15px; min-height: inherit}
	.icon_box .inner:before {width:57px;height:57px;left:12px;background-size:57px;top:12px;margin-top:0;background-position:0 0px;}
	.icon_box .inner.ico01:before {background-position:0 0px;}
	.icon_box .inner.ico02:before {background-position: 0px -71px;}
	.icon_box .inner.ico03:before {background-position:0 -142px;}
	.icon_box .inner.ico04:before {background-position:0 -214px;}
	.icon_box .inner.ico05:before {background-position:0 -285px;}
	.icon_box .inner.ico06:before {background-position:0 -356px;}
	.icon_box .inner.ico07:before {background-position:0 -427px;}
	.icon_box .inner.ico08:before {background-position:0 -498px;}
	.icon_box .inner.ico09:before {background-position:0 -569px;}
	.icon_box .inner.ico10:before {background-position:0 -641px;}
	
	.list_box{ padding:15px 25px;}
	.list_box .btxt{ text-align:left;}
	
	.dl_box dt{padding:10px;}
	.dl_box dd{padding:10px;}
	.ex_box { background: none; padding: 15px}
}


.txtD em{ display: inline;}

/* line :bar */
.bar{ width:100%;height:3px; background:url('../images/common/barBg.gif') repeat-x; margin:80px auto 95px; overflow: hidden}



/*** Table ***/
table {width:100%; }
table tbody th, tfoot th, .tbl tfoot td { font-weight: 500;}
.tbl {margin: 10px 0;border-top: 2px solid  #2b405b;}
.tbl thead th {color:#222;padding: 0.85em 0.5em;border-left: 1px solid #e5e6e6;border-bottom: 1px solid #2b405b;background: #f7f7f7;font-weight:500;line-height: 1.3;}
.tbl tbody th,
.tbl tfoot th,
.tbl td {padding: 0.85em 0.5em;font-size:0.935em;border-left: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;text-align:center;background:#fff; font-weight: 400;}
.tbl tr td:first-child {border-left: none;}
.tbl tbody th{color:#222;background: #f7f7f7;}
.tbl tfoot th, .tbl  tfoot td {background-color: #626776;color: #fff;border-bottom: 1px solid #626776;border-left: 1px solid #525764;}
.tbl tfoot td {background-color: #787c89}
.tbl thead th:first-child,
.tbl tfoot th:first-child,
.tbl tbody th:first-child{border-left:none;}
.tbl tbody th:first-child {border-left:1px solid #e4e4e4;}
.tbl tbody.tL td,
.tbl td ul {text-align:left;}
.tbl tbody td.line {border-color:#ddd;}

table td li { text-align: left; position:relative; box-sizing:border-box; padding-left:8px;margin-bottom:5px !important;line-height: 1.3}
table td li:before {content:'';display:block;position:absolute;left:0px;top:7px;background: #fff;width: 5px;height: 5px;box-shadow: 0 0 0 1.5px inset #8f8f8f;border-radius: 5px;} 
table td li strong { font-weight: 500}
table td li ul{ padding:3px 0;}
table td li li,
table ul.sList li{ margin-bottom:1px; color:#666; font-size: 13px; line-height: 15px; color: #777}
table td li li:before,
table ul.sList li:before{ content:''; display:block; position:absolute; left:0; top:6px; background:#8a8a8a; width:5px; height:1px; } 
table ul li:last-child {margin-bottom:0 !important;}

/* table :: white -14px */
.tbl_white {position:relative; width:100%; border-top:2px solid #2b405b; overflow:hidden;margin-bottom: 30px;}
.tbl_white:last-child{margin-bottom:0 !important;}
.tbl_white table {width:100%; }
.tbl_white thead th {padding: 0.85em 0.5em;text-align:center;color: #222;font-weight: 500;border-bottom:1px solid #2b405b;background:#fff;}
.tbl_white th, .tbl_white td {padding: 0.85em;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #ccc;word-break:keep-all;}
.tbl_white td{color:#777;font-size: 0.935em; font-weight: 400;}
.tbl_white tbody th{background:#f8f8f8;color:#333;font-weight:500; font-size:0.935em;}
.tbl_white thead th:last-child,
.tbl_white td:last-child{border-right:0;}
.tbl_white .col-C01 {color:#f71958;}
.tbl_white .col-C02 {color:#2a9c00;}
.tbl_white .col-C03 {color:#1d56cc;}
.tbl_white tbody th.bg_red{background-color:#fdf4f4;}

/* tbl_col */
.tbl_col {border-top:2px solid #2b405b;border-bottom:1px solid #bbb;width:100%;border-collapse:collapse;clear:both;table-layout:fixed;}
.tbl_col th {background:#f8f8f8;padding:14px 10px 13px 27px;font-size:1em;border-right:1px solid #999;border-top:1px solid #ccc;color:#333;text-align:left;}
.tbl_col th:last-child{border-right: 0;}
.tbl_col td {border-top:1px solid #ccc;padding:14px 0 13px 18px;font-size:0.938em;}
.tbl_col th.line {border-left:1px solid #000;}
.tbl_col td{border-right: 1px solid #999;}
.tbl_col td:last-child{border-right:0;}

/* content */
.content{ margin-bottom:45px; overflow:hidden;}
.content p:last-child{ margin-bottom:0;}
.content div:last-child{ margin-bottom:0;}
.text_indent { padding-left: 15px}
.ttl03 + .text_indent,
.ttl03 + .text_indent + .text_indent {padding-left: 15px;}
.ttl04 + .text_indent,
.ttl04 + .text_indent + .text_indent{ padding:5px;}

@media only screen and (max-width : 640px ){
	.ttl03 + .text_indent { padding-left:15px;}
	.tbl_white{ margin-bottom: 15px;}	
	.tbl_white thead th, .tbl_white th, .tbl_white td{ padding:0.65em 0.5em; word-break: unset;}
	.tbl_col th{ padding: 12px 10px 11px 10px;}
	.tbl_col td{ padding: 10px 10px 9px 10px;}
}


/*** Button ***/
/* Button Reset */
.button{position:relative;overflow: visible;display:-moz-inline-stack;display:inline-block;margin-bottom:5px;padding:0;vertical-align: top;white-space: nowrap;text-decoration:none;color:#fff;background-color: #1e55cc;border: 0px solid  #1e55cc;border-width:0 1px 1px 0;box-sizing:border-box;cursor:pointer;border-radius: 0px;}
a.button { margin:0 2px 2px;color:#fff;} 
p.button { cursor: no-drop; }
.color{background-color: #1e55cc;}

/* Button Size */
.button.mini {height: 21px;padding:0 12px;line-height: 19px;font-size: 11px;font-weight: 400;}
.button.small { height: 30px; padding:0 12px; line-height: 28px; font-size: 13px;font-weight:400; }
.button.medium { height: 37px; padding: 0 22px; line-height:35px; font-size:1.05em;font-weight:400;} 
.button.large {height: 50px;padding:0 50px;line-height:50px;font-size:1.2em;/* font-weight:700; */}

/* Button Color */
.button.black {border:1px solid #142752; border-width:0 1px 1px 0; color:#fff; background-color:#1f3566;  box-sizing:border-box;}
.button.gray {border:1px solid #555; border-width:0 1px 1px 0; color:#fff; background-color:#555;  box-sizing:border-box;}
.button.gray02 {border:1px solid #999; border-width:0 1px 1px 0; color:#fff; background-color:#999;  box-sizing:border-box;}
.button.white {border:1px solid #999; border-width:1px 1px 1px 1px; box-sizing:border-box; color:#666; background-color:#fff;}
.button.orange {border:1px solid #f15b27; border-width:0 1px 1px 0; color:#fff; background-color:#f15b27;  box-sizing:border-box;}
.button.red {border:1px solid #ec1744; border-width:0 1px 1px 0; color:#fff; background-color:#ec1744;  box-sizing:border-box;}
.button.green {border:1px solid #86b93d; border-width:0 1px 1px 0; color:#fff; background-color:#86b93d;  box-sizing:border-box;}

/* Button Hover */
.button:hover, .button:active, .button:focus {border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background-color: #0f47bf;} 
.button.black:hover, .button.black:active, .button.black:focus { border:1px solid #142752; border-width:0 1px 1px 0; color: #fff;background-color:#142752;} 
.button.gray:hover, .button.gray:active, .button.gray:focus { border:1px solid #3c3c3c; border-width:0 1px 1px 0; color: #fff;background-color:#3c3c3c;} 
.button.gray02:hover, .button.gray02:active, .button.gray02:focus { border:1px solid #888; border-width:0 1px 1px 0; color: #fff; background-color:#888;} 
.button.white:hover, .button.white:active, .button.white:focus { border:1px solid #666 !important;  color:#000 !important; background-color:#fff !important; } 
.button.down.white:hover, .button.down.white:active, .button.down.white:focus {border: 0px solid  #1e55cc;border-width:1px 1px 1px 1px;color: #fff;background-color: #1e55cc;} 
.button.orange:hover, .button.orange:active, .button.orange:focus {border-width:0 1px 1px 0; color: #fff; background-color:#d74b1b}
.button.red:hover, .button.red:active, .button.red:focus {border:1px solid #ec1744; border-width:0 1px 1px 0; color:#fff; background-color:#d30632; }
.button.green:hover, .button.green:active, .button.green:focus {border:1px solid #72a728; border-width:0 1px 1px 0; color:#fff; background-color:#72a728; }

/* Button Link */
.button.linkIco{background: #abadb3 url('../images/board/ico_link.png') no-repeat 50% 50%;width: 23px; display:inline-block;border: 0;margin: 0 auto; border-radius:7px}
.button.down{ padding:0 0 0 20px !important;}
.button.down:after{content:'';display: block;float: right;width: 37px;height: 35px;background: #0d2d4e url(../images/common/ico_down_on.png) no-repeat 50% 50%;margin-left:15px;vertical-align:middle;margin-top: 0px;}
.button.down.white:after{background: #efefef url(../images/common/ico_down.png) no-repeat 50% 50%;}
.button.down.white:hover:after{background-color:#7d7d7d;background-image: url('../images/common/ico_down_on.png')}
.button.down.gray:after{background:#3c3c3c url('../images/common/ico_down_on.png') no-repeat 50% 50%;}
.button.down.gray:hover:after{background-image: url('../images/common/ico_down_on.png')  }
.button.down.small:after{width: 30px;height: 30px;margin-left:15px;vertical-align:middle;}

.button.bnMap:after{ content:''; display: inline-block; width:15px; height:26px; background: url('../images/common/bul/icon_button_w.png') no-repeat; background-position: center -287px; margin-left:7px; vertical-align:middle;}
.button.link:after{ content:''; display: inline-block; width:15px; height:26px; background: url('../images/common/bul/icon_button_w.png') no-repeat; background-position: center 5px; margin-left:7px; vertical-align:middle; position: relative; margin-right: -5px}
.button.apply:before{ content:''; display: inline-block; width:20px; height:20px; background: url('../images/common/ico_moniter.png') no-repeat; margin-right:10px; vertical-align:middle;}

@media only screen and (max-width:1024px) {
	.BoxTxt,.boxImg,.lineBox{ padding:10px; }
}
@media only screen and (max-width : 640px ){	
	
	/* srcoll-table */
	.srcoll-table			{ position: relative; width: 100%; margin-top:20px; border: 1px solid #ccc;border-top: 2px solid #626776; }
	.srcoll-table:before	{ content: "Scroll >"; display: block; position: absolute; top: -20px; right: 0px; font-size:0.9em;  }
	.srcoll-table:after		{ content: ""; display: block; position: absolute; top: 0px; bottom: 0;right: 0; width: 20px; background-size: 100% 100%; opacity: 0.5; }
	.srcoll-table > div		{ position: relative; width: 100%; overflow-x: auto; }
	.srcoll-table table		{ margin-top: 0; width:750px !important;  font-size: 13px}
	.cntBody .srcoll-table{ margin-top:0}
}




/* 정렬 */
.fL {float:left ;}
.fR {float:right ;}
.tR {text-align:right !important ;}
.tL {text-align:left !important;}
.tC {text-align:center !important;}
.cboth {display:block; content:""; clear:both;}
.ovh { overflow:hidden !important}
.underline { text-decoration: underline}
.inblk {display:inline-block;}
.vaT {vertical-align: top !important}
.fw_500 { font-weight: 500}
.fw_700 { font-weight: 700}
.txt_sm {font-size: .95em;color: #888;}
.txt_large { font-size: 1.25em}
.txt_xlarge { font-size: 1.5em; color:#333; line-height:1.4em; font-weight:bold;}
.bigTxt{ font-size:22px; font-weight:700;}

/* display */
.dis_b { display: block}
.dis_inB { display: inline-block !important;}
.dis_none { display: none}
.pos_r { position: relative}

/* color */
.col_blue {color:#1e55cc !important;}
.col_skyblue {color:#2399a6 !important;}
.col_classicblue{color:#0d2d4f !important;}
.col_red {color:#df2519 !important;}
.col_orange {color:#f35d61 !important;}
.col_green {color:#6ea627 !important;}
.col_b {color:#000 !important;}
.col_w {color:#fff !important;}
.col_g {color:#999 !important;}
.col_g2 {color:#5c5c5c!important;}

/* border */
.border_0{ border:0 !important;}
.bL_0{ border-left:0 !important;}
.bR_0{ border-right:0 !important;}
.bT_0{ border-top:0 !important;}
.bB_0{ border-bottm:0 !important;}

/* Padding */
.pd_0{ padding:0 !important}
.pt_0 { padding-top:0px !important; }
.pt_5 { padding-top:5px !important; }
.pt_10 { padding-top:10px !important; }
.pt_15 { padding-top:15px !important; }
.pt_20 { padding-top:20px !important; }
.pt_25 { padding-top:25px !important; }
.pt_30 { padding-top:30px !important; }
.pt_35 { padding-top:35px !important; }
.pt_40 { padding-top:40px !important; }
.pt_45 { padding-top:45px !important; }
.pt_50 { padding-top:50px !important; }
.pt_55 { padding-top:55px !important; }
.pt_60 { padding-top:60px !important; }

.pr_5 { padding-right:5px !important; }
.pr_10 { padding-right:10px !important; }
.pr_15 { padding-right:15px !important; }
.pr_20 { padding-right:20px !important; }
.pr_25 { padding-right:25px !important; }
.pr_30 { padding-right:30px !important; }
.pr_35 { padding-right:35px !important; }
.pr_40 { padding-right:40px !important; }
.pr_45 { padding-right:45px !important; }
.pr_50 { padding-right:50px !important; }
.pr_55 { padding-right:55px !important; }
.pr_60 { padding-right:60px !important; }

.pb_0 { padding-bottom:0px !important; }
.pb_10 { padding-bottom:10px !important; }
.pb_15 { padding-bottom:15px !important; }
.pb_20 { padding-bottom:20px !important; }
.pb_25 { padding-bottom:25px !important; }
.pb_30 { padding-bottom:30px !important; }
.pb_35 { padding-bottom:35px !important; }
.pb_40 { padding-bottom:40px !important; }
.pb_45 { padding-bottom:45px !important; }
.pb_50 { padding-bottom:50px !important; }
.pb_55 { padding-bottom:55px !important; }
.pb_60 { padding-bottom:60px !important; }

.pl_0 { padding-left:0px !important; }
.pl_3 { padding-left:3px !important; }
.pl_5 { padding-left:5px !important; }
.pl_10 { padding-left:10px !important; }
.pl_15 { padding-left:15px !important; }
.pl_20 { padding-left:20px !important; }
.pl_25 { padding-left:25px !important; }
.pl_30 { padding-left:30px !important; }
.pl_35 { padding-left:35px !important; }
.pl_40 { padding-left:40px !important; }
.pl_45 { padding-left:45px !important; }
.pl_50 { padding-left:50px !important; }
.pl_55 { padding-left:55px !important; }
.pl_60 { padding-left:60px !important; }
.pl_70 { padding-left:70px !important; }
.pl_80 { padding-left:80px !important; }
/* Margin */
.mg_0{ margin:0 !important}
.mt_0 { margin-top:0px !important }
.mt_5 { margin-top:5px !important }
.mt_10 { margin-top:10px !important }
.mt_15 { margin-top:15px !important }
.mt_20 { margin-top:20px !important }
.mt_25 { margin-top:25px !important }
.mt_30 { margin-top:30px !important }
.mt_35 { margin-top:35px !important }
.mt_40 { margin-top:40px !important }
.ml_0 { margin-left:0px !important }
.ml_5 { margin-left:5px !important }
.ml_10 { margin-left:10px !important }
.ml_15 { margin-left:15px !important }
.ml_20 { margin-left:20px !important }
.ml_25 { margin-left:25px !important }
.mr_0 { margin-right:0px !important }
.mr_5 { margin-right:5px !important }
.mr_10 { margin-right:10px !important }
.mr_15 { margin-right:15px !important }
.mr_20 { margin-right:20px !important }
.mr_25 { margin-right:25px !important }
.mr_30 { margin-right:30px !important }
.mb_0 { margin-bottom:0px !important }
.mb_5 { margin-bottom:5px !important }
.mb_10 { margin-bottom:10px !important }
.mb_15 { margin-bottom:15px !important }
.mb_20 { margin-bottom:20px !important }
.mb_25 { margin-bottom:25px !important }
.mb_30 { margin-bottom:30px !important }
.mb_40 { margin-bottom:40px !important }
.mb_50 { margin-bottom:50px !important }

.nodata{ height: 70px; text-align: center; padding-top: 150px; font-size: 0.94em; color: #555; display: block; background: url('../images/board/ico_nodata.png') no-repeat center 60px;  box-sizing: content-box;}

.tit-wrap {position:relative;overflow:hidden; padding-top: 30px}
.tit-wrap .ttl01 {float:left; margin: 20px 0}
.tit-wrap .comm {float:right;margin-top:30px;font-size:0.938em;font-weight: 300}
@media only screen and (max-width:599px){
	.tit-wrap .ttl01 {float:none;}
	.tit-wrap .comm {float:none;margin-top:0;margin-bottom:10px;}
}


.nec {background:url(../images/common/ico_nec.png) no-repeat 0 3px;padding:0 0 0 15px; }

/* 폰트속성 */
.nb {font-weight:normal;}
.b {font-weight:bold;}

.fs {font-size:90%}
.fb {font-size:120%;}

.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f19 {font-size:19px;}
.f20 {font-size:20px;}

/*줄간격*/
.tlh190 {line-height:190%;}
.tlh180 {line-height:180%;}
.tlh170 {line-height:170%;}
.tlh160 {line-height:160%;}
.tlh150 {line-height:150%;}
.tlh140 {line-height:140%;}
.tlh130 {line-height:130%;}
.tlh120 {line-height:120%;}
.tlh110 {line-height:110%;}

/*영문,숫자*/
.en {font-size:90%;font-family:Verdana;}
/*가로 크기*/
.w100 {width:100px;}
.w90 {width:90px;}
.w80 {width:80px;}
.w70 {width:70px;}
.w60 {width:60px;}
.w50 {width:50px;}
.w40 {width:40px;}
.w30 {width:30px;}
.w20 {width:20px;}

.w100p {width:100%;}
.w98p {width:98%;}
.w95p {width:95%;}
.w90p {width:90%;}
.w80p {width:80%;}
.w70p {width:70%;}
.w60p {width:60%;}
.w50p {width:49%;}
.w45p {width:44%;}
.w40p {width:40%;}
.w33p {width:33.3333%;}
.w30p {width:30%;}
.w25p {width:25%;}
.w20p {width:20%;}
.w15p {width:15%;}
.w10p {width:10%;}

/* 폰트색상 */
.c0 {color:#000 !important;}
.c2 {color:#222 !important;}
.c3 {color:#333 !important;}
.c5 {color:#555 !important;}
.c6 {color:#666 !important;}
.c8 {color:#888 !important;}
.c9 {color:#999 !important;}
.cf {color:#fff !important;}

/*회색조*/
.cg1 {color:#69696a !important;}
.cg2 {color:#ababab !important;}
.cg3 {color:#848484 !important;}
.cg4 {color:#727272 !important;}
.cg5 {color:#565656 !important;}

.cred {color:#df2519 !important;}
.cblue {color:#2176C6 !important;}
.cpink {color:#f9587d !important}
.cgold {color:#b8883c !important;}
.cgreen {color:#758d0a !important;}
.cbrown {color:#9f2C00 !important;}
.corg {color:#ff5612 !important;}