@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 all 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 all and (max-width:1024px){
	.pop_cont .srcoll-frame{ border:0;}
	.pop_cont .srcoll-frame:before{ display:none;}
	.pop_cont .srcoll-frame > div{ padding:0;}
}
@media all and (max-width:715px){	
	.pop_cont .srcoll-frame{margin-top:0; border:1px solid #ccc;}
	.pop_cont .srcoll-frame:before{ display: block;left:0; top:-20px; font-family:'Malgun Gothic', '맑은 고딕', sans-serif; }
	.pop_cont .srcoll-frame > div{ padding:20px;}
	
	.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: #202f82 !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: 0 0px 0 5px;background:url('../images/common/ic_blank.png') no-repeat 0 0;width:14px;height:14px;vertical-align: middle; }
a.filelink { color: #3434b8; 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: 60px 0 0; position: relative}
.btn_area > a { min-width: 30%;}
.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 all and (max-width:800px){	
	.btn_area > a { min-width: 48%;}
	.btn_area.col4 > a {min-width: 95%;display: block; margin: 2px auto}
}
@media all 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 }
	.btn_area > a { min-width: 95% !important; display: block; margin: 2px auto}

}


/*** Tab ***/
.tabSec{ position:relative; padding:1px 0 0 0;background-color: #efeeed; border-left:1px solid #d6d6d6; margin-bottom:30px; overflow: hidden}
/*.tabSec:after {clear:both;content: "";display: block;width: 100%;border-bottom: 3px solid #225aaf;height: 0;position: absolute;bottom: 0;}*/
.tabSec li {float:left; width:25%;text-align:center;}
.tabSec li:last-child {padding:0px; border-left:0;}
.tabSec li a{display:block;padding:0 5px;height:55px;line-height:50px;font-size: 1.04em;color:#7a7979;text-decoration:none;border: 1px solid #d6d6d6;margin:-1px 0 0 -1px;background: #fff;transform:all .3s ease;transition: border-color .3s; font-weight: bold}
.tabSec li a:hover,.tabSec li a:focus,.tabSec li a:active{background:#f8f8f8; color:#333;}
.tabSec li.on a{color: #fff;border: 1px solid  #09a1f7;background: #09a1f7;}
.tabSec.cols2 li{ width:50%;}
.tabSec.cols3 li{ width:33.3%;}
.tabSec.cols3 li:nth-child(2),.tabSec.cols3 li:nth-child(5){ width:33.4%;}
.tabSec.cols4 li{width:25%;}
.tabSec.cols5 li{width:20%;}
.tabSec.cols6 li{ width:16.6%;}
.tabSec.cols6 li:first-child { width:17%;}

.tabSec.cate_list {position:relative; border: 1px solid #d9d9d9;  padding: 10px 30px 25px; background-color: #fbfbfa; margin-bottom:30px; overflow: hidden}
.tabSec.cate_list:after { display: none; }
.tabSec.cate_list  li {float: left; width: 25%;margin-top: 15px;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 0 -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: 0 3px;color: #101010; font-weight: bold}


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

/*.tab_content .ttl01:first-child {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}*/


@media all and (max-width:1024px){	
	.tabSec li a { height: 50px; line-height: 50px;}
	.tabSec.cols3 li,
	.tabSec.cols4 li,
	.tabSec.cols5 li,
	.tabSec.cols6 li:first-child,
	.tabSec.cols6 li {width:50% !important;}
	
	.tabSec.cate_list {padding: 10px 0px 15px 20px; }
	.tabSec.cate_list li {width: 33.333%;margin-top: 5px}
}
@media all and (max-width:640px){
	.tabSec{  margin-bottom: 10px;}
	.tabSec li a { height: 40px; line-height: 40px;}
	.tabSec.cate_list {padding: 10px 15px 15px; }
	.tabSec.cate_list li {width: 50%;margin-top: 5px}

}
@media all and (max-width:480px){
	.tabSec.cate_list li a { height: 45px; line-height: 40px;}	
	.tabSec.cate_list li {width:inherit; float: none; }

}

/* list style */
.list01>li,
.list02>li,
.list03>li,
.list_p { position:relative;padding-left:15px;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:9px; } 
.list01>li ul,
.list02>li ul{ padding:5px 0;}
.list01>li em,
.list02>li em,
.list03>li em{ display:block;}

.list01> li {font-weight: 500;}
.txt_box .list01> li {font-weight: 400; margin-bottom: 7px;}
.list01>li:before,
.list_p:before{background: #6f6f6f;width:3px;height:3px;} 
.list02>li:before{ border: solid #61b3e2;  border-width: 0 2px 2px 0;  display: inline-block;  padding: 2px;transform: rotate(-45deg); top: 8px;} 
.list02>li {margin-bottom:5px;}
.list03>li {margin-bottom:3px; font-size: .95em; color: #777}
.list03>li:before{ background:#8c8c8c; width:4px; height:1px;left:4px; top:9px} 
.list01>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{ content:''; display:block; position:absolute; left:0; top:8px; background:#8a8a8a; width:5px; height:1px;} 
.list01>li > ul > li li { position:relative;  padding-left:12px;  margin-bottom:3px; color:#888; font-size: .95em;}
.list01>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);}

.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;cursor: pointer; }
.list_img > li i {display: block;padding: 10px 5px;clear: both;color: #444;font-size: 0.85em;}
.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.col3 > li { width: 32%;margin-right: 2%;}
.list_img.col3 > li:nth-child(3n+3) {margin-right: 0;}
.list_img.col4 > li  {width: 23.5%;margin-right: 2%;}
.list_img.col4 > li:nth-child(4n+4) {margin-right: 0;}
.list_img.col5 > li  {width: 31.365%;margin-left: 2%;}
.list_img.col5 > li:nth-child(1){margin-left: 0%;width: 65.91%;}
.list_img.col5 > li:nth-child(2){float:right;}
.list_img.col5 > li:nth-child(3){ clear: both;margin-left: 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:#696969; text-align: left !important;min-height: 21px;padding: 0px 0 0 25px;}
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: #fff;font-weight:700;text-align: center;width: 20px;height: 20px;line-height: 20px;position: absolute;left: 0;top:1px;background: #eb7175;border-radius: 50%;font-size: .8em;}
ol.list_num > li:nth-child(2n+2):before{background: #293541;}
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 10px}
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:1024px){
	ol.list_num.cols2 li{ width:auto; float:none; padding-right:0;}
	ol.hangul li{ margin:0 0 10px 25px;}
}
@media all and (max-width:640px){
	.list01>li,
	.list02>li,
	.list03>li,
	.list_p{ margin-bottom:5px;}
	.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 > 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.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;}
}
@media all and (max-width:360px){
	.list_img > li { width: 100% !important;margin-right: 0% !important; margin-left: 0!important}
	.list_img > li span{font-size: 0.95em;}
}



/* notice */
div..notice{ position:relative; padding:0 0 0 40px; margin-bottom:30px;}
div.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:#3e75be;}
.noticeTxt.Blue:after { color:#3e75be; border-color:#3e75be;}
.noticeTxt.Red{ color:#f73a3a;}
.noticeTxt.Red:after { background:#f73a3a; border:0; color:#fff; }

/* 안내문 */
.info_box {position:relative;background: #f2f5f7;padding: 25px 20px 25px 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: 15px;left: 15px;}
.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 #44b0b3; font-size: 0.94em; position:absolute; bottom:30px; right:30px; color:#44b0b3; font-weight:700;transition-duration: 0.3s;}
.info_box .btn:hover{ background:#44b0b3; 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_ex05.png') no-repeat 0 10px;padding:7px 20px 7px 48px;}
.info_box02 ul li {margin-bottom:3px; position: relative; padding-left: 10px}
.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:8px;} 

@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: 15px 15px 15px 120px;}
	.info_box:before {left: 20px;top: 5px;}
}
@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,
	.info_box p{ text-align: center}
}
@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:#f35d61 !important; font-size: .95em;}
span.info_ex{ display: inline-block}
.info_ex01,
.info_ex02,
.info_ex03{ display: block; font-size:.95em;margin:3px 0 5px; line-height: 1.4}
.info_ex01 {background:url('../images/common/ico_ex02.png') no-repeat 0 0px;padding:0 0 3px 22px;color:#777}
.info_ex02 {background: url('../images/common/ico_ex03.png') no-repeat 0 0px;padding:0 0 3px 22px;color: #4653a1;}
.info_ex03 {background:url('../images/common/ico_ex04.png') no-repeat 0 3px;padding:0 0 3px 22px;color:#e9800d;}
.info-ex03 .sec {display:block;color:#777;}
span.info-ex {display:inline-block;vertical-align:top;padding:0 0 5px 25px;margin-top:2px;min-height:16px;}
.winfo-box {border:1px solid #ddd;padding:3px 15px 10px;background:#fff;}
.winfo_box02 {border:1px solid #ddd;padding:10px 15px;background:#fff;overflow:hidden;margin-top:20px;}
.winfo-box02 .info-ex {margin-top:5px;}

/* 박스 + 아이콘 */
.txt_box { clear:both; position:relative; padding:25px; border: 1px solid #e2e2e2; overflow:hidden; margin:0 0 30px 0;box-sizing:border-box; background: #fbfbfb;  }
.img_box{  clear:both;text-align:center; margin:5px 0 15px 0;border: 1px solid #ddd; padding: 20px 0px 0}
.img_box p { 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 #ebd8d8; padding:25px; overflow: hidden; background-color: #FFF8F8}
.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: .95em; color: #666; padding-left: 10px}
.icon_box li:before {top: 10px; left: 0}

/* 아이콘 */
.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;}

@media all and (max-width:1024px){
	.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; }
}
@media all 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 > dl,
.step01 > li{ width:33.333%; padding-right: 20px; float:left; position:relative; margin-bottom: 10px}
.step01 > dl:after,
.step01 > li:after{ content:''; display:block; position:absolute; width:10px; height:20px; background:url('../images/common/arrow_step.png') no-repeat; right:5px; top:50%; margin-top: -10px}
.step01 > dl:last-child:after,
.step01 > li:last-child:after{ display:none;}
.step01 > dl:last-child,
.step01 > li:last-child{ padding-right:0;}
.step01 > dl dt,
.step01 > li > dl dt,
.step01 > li span{ background:#FFF; padding:10px 0; color:#333; font-weight: 500; border: 1px solid #C5C5C5}
.step01 > dl:nth-child(even) dt,
.step01 > li:nth-child(even) > dl dt,
.step01 > li:nth-child(even) span{ }
.step01 > dl dd,
.step01 > li dl dd{ border:1px solid #ddd; border-top: 0; padding:10px 0px;}
.step01 > dl dd.pt,
.step01 > li dl dd.pt{ padding-top: 20px}
.step01 > li dl dd ul.list03 { margin: 0 10px}
.step01 > dl dd span { font-size: .9em; color: #777}
.step01 > dl:last-child,
.step01 > li:last-child { padding-right: 0}

.step01.cols02 > li,
.step01.cols02 > dl{ width:50%;}
.step01.cols04 > dl,
.step01.cols04 > li{ width:25%;}
.step01.cols05 > dl,
.step01.cols05 > li{ width:20%;}
.step01.cols05 > li dl dd,
.step01.cols05 > dl dd { min-height: 70px}
.step01.cols05 > dl:nth-child(4){ width:21%;}
.step01.cols05 > dl:nth-child(5){ width:19%;}
.step01.cols06 > li{ width:16.6%;}
.step01.cols06 > li:nth-child(5){ width:18.6%;}
.step01.cols06 > li:nth-child(6){ width:15%;}

.step01 > li span { display: block; border-radius: 5px; line-height: 1.3; padding: 15px 0;  font-size: 1.15em }
.step01 > li:nth-child(even) span {}
.step01 > dl dd ul { overflow: hidden}

.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 dl {}
.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 all and (max-width:800px){	
	.step01 > dl,
	.step01 > li{ width:50% !important; margin-bottom: 20px}
	.step01.cols05 > dl,
	.step01.cols05 > li{padding-right: 20px;}
	.step01 > dl:last-child,
	.step01 > li:last-child{ padding-right:20px;}
}

/* list_box */
.list_box{ border:1px solid #d9d9d9; border-color: #09a1f7; border-width:2px 1px 1px 1px; overflow:hidden; padding:30px 45px; /*background:url('../images/common/boxBg_logo.gif') no-repeat 100% 100%;*/ 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}
}

.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}

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

@media all 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 all and (max-width:640px){
	.icon_box .inner {padding:15px 15px 15px 75px; 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: 400;}
.tbl {margin: 10px 0;border-top:#03a9f4 solid 3px;overflow: hidden;}
.tbl thead th {color:#505050;padding:21px 7px;border-left: 1px solid #e5e6e6;border-bottom: 1px solid #e5e6e6; background:#ebfaff; text-align:center; line-height: 1.3}
.tbl tbody th,
.tbl tfoot th,
.tbl td {padding:14px 7px;border-left: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;text-align:center;background:#fff;}
.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:first-child {border-left:1px solid #e4e4e4;}
.tbl tbody.tL td,
.tbl td ul {text-align:left;}
.tbl td ul ul { font-size: .95em}
.tbl tbody td.line {border-color:#ddd;}
.tbl tbody th, .tbl tbody td {font-size: .95em;}
.tbl strong{ color:#2b87c5;}
.tbl th.borL, .tbl td.borL {
    border-left: 1px solid #e5e6e6 !important;
}

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:#5d5d5d; width:2px; height:2px; } 
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;  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 #666; overflow:hidden;margin-bottom: 30px;}
.tbl_white table {width:100%; }
.tbl_white thead th {padding:12px 5px 14px 5px; text-align:center; color:#2d2d2d; border-bottom:1px solid #ccc; background:#fff;}
.tbl_white th,
.tbl_white td {padding:10px 5px 12px 5px; text-align:center;  border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4;word-break:keep-all;}
.tbl_white th:last-child,
.tbl_white td:last-child{border-right:0;}
.tbl_white td span.col-C01 {color:#f71958;}
.tbl_white td span.col-C02 {color:#2a9c00;}
.tbl_white td span.col-C03 {color:#006798;}

/* table :: 기본-12px, center */
.tbl_col {position:relative; width:100%; border-top:1px solid #737373; border-right:1px solid #d3d3d3;font-size: 0.95em;}
.tbl_col th, .tbl_col td {padding:5px; text-align:center; border-left:1px solid #d3d3d3;} 
.tbl_col thead th {border-bottom:1px solid #d3d3d3; background:#f2f2f2;}
.tbl_col th{ border-bottom:1px solid #e4e4e4;}
.tbl_col thead tr:first-child th {font-weight:700;padding:8px 5px;color:#2d2d2d;}
.tbl_col td {border-bottom:1px solid #e4e4e4; background:#fff;padding:3px 5px; }

/* table :: 파랑-11px, 오른쪽, 왼쪽정렬 */
.tbl_blue {position:relative;width:100%;border-top: 2px solid #0056ab;overflow:hidden;margin-bottom: 30px;}
.tbl_blue table {width:100%;/* font-family:'돋움',Dotum; */font-size: 1em !important;}
.tbl_blue th, .tbl_blue tfoot th, .tbl_blue td{padding:8px 4px 6px 4px !important;}
.tbl_blue thead th:first-child, .tbl_blue td:first-child {border-left:1px solid #bec9d3;}
.tbl_blue thead th, .tbl_blue td {padding:8px 4px 6px 4px;text-align:center;border-right: 1px solid #d1d8de;border-bottom: 1px solid #d1d8de !important;} 
.tbl_blue thead th {background:#dce6ef;color:#2d2d2d;}
.tbl_blue th{border-bottom: 1px solid #d1d8de;border-right: 1px solid #d1d8de;background: #f0f6fb;color: #222;}
.tbl_blue th:first-child{border-left: 1px solid #bec9d3;}
.tbl_blue td {background:#fff;}
@media only screen and (max-width:550px) {
	.tbl .fR{ float:left;}
}


.detail_list{ margin: 0 auto 15px auto;}


/* 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;}
}

/****** owl-theme  ******/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{position: absolute;top: 50%;left: 0;margin-top: -10px; width:100%; }
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size: 19px;margin: 0;padding: 0;background: rgba(130, 130, 139, 0.3);display:inline-block;width: 25px;height: 25px;cursor:pointer;border-radius: 3px;}
.owl-theme .owl-nav [class*=owl-]:hover{color:#FFF;text-decoration:none;}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{position: absolute;top: 17px;right: 33px;font-size: 0;}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width: 11px;height: 11px;margin: 0px 3px;background: transparent;border: 1px solid #fff;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #fff; border-color:#fff;}
.owl-theme .control_bn{ position:absolute; right:0; top:0; z-index:10; font-size:0;}
.owl-theme .control_bn .btn.play,
.owl-theme .control_bn .btn.stop{position:absolute;right:20px;top:15px;width: 9px;height: 12px;}
.owl-theme .control_bn .btn.play{ display:none;}
.owl-theme .control_bn .btn.play:after{ content:'\f04b'; font-family: "FontAwesome"; font-size:11px; color:#82828b;}
.owl-theme .control_bn .btn.play:hover:after,
.owl-theme .control_bn .btn.play.on:after{color:#202f82;}
.owl-theme .control_bn .btn.stop{background: url('../images/main/btn_stop.png') no-repeat;margin-top: 1px;}
.owl-theme .control_bn .btn.stop.on,
.owl-theme .control_bn .btn.stop:hover{background-image: url('../images/main/btn_stop_on.png');}

/* photo */
.photo.owl-theme .item{}
.photo.owl-theme .item .txt{ display:block;text-align:center; font-size:1em;color:#fff; background:rgba(0,0,0,0.55); padding:5px 10px; position:absolute; bottom:0; left:0; width:100%; z-index:9;}
.photo.owl-theme .owl-nav{ margin-top: -40px;}
.photo.owl-theme .owl-nav .disabled{position:absolute; }
.photo.owl-theme .owl-nav button{ position:absolute; background-color:#1a2325; background-position: 50% 50%; background-repeat: no-repeat; height:80px; width:35px; font-size:30px;}
.photo.owl-theme .owl-nav button:hover{ opacity: 0.8; background-color:#1a2325; }
.photo.owl-theme .owl-nav button span{ display:none !important;}
.photo.owl-theme .owl-prev{ left:-70px; background-image:url('../images/main/arr_left.png');}
.photo.owl-theme .owl-next{ right:-70px; background-image:url('../images/main/arr_right.png'); }
@media only screen and (max-width:1024px) {	
	.photo.owl-theme .owl-prev{ left:-45px;}
	.photo.owl-theme .owl-next{ right:-45px;}
}
@media only screen and (max-width:815px) {	
	.photo.owl-theme .owl-nav button{ opacity:0.5;}
	.photo.owl-theme .owl-prev{left:0;}
	.photo.owl-theme .owl-next{ right:0;}
}



/*** 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:  #09a1f7;border: 0px solid  #09a1f7;border-width:0 1px 1px 0;box-sizing:border-box;cursor:pointer;border-radius: 3px;}
a.button { margin:0 2px 2px;color:#fff;} 
p.button { cursor: no-drop; }
.color{background-color: #225aaf;}

/* 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.gray {border:1px solid #616e7b; border-width:0 1px 1px 0; color:#fff; background-color:#616e7b;  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:#333; 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: #0e8dd6;} 
.button.gray:hover, .button.gray:active, .button.gray:focus { border:1px solid #4c5763; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background-color:#4c5763;} 
.button.gray02:hover, .button.gray02:active, .button.gray02:focus { border:1px solid #888; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background-color:#888;} 
.button.white:hover, .button.white:active, .button.white:focus { border:1px solid #666; box-sizing:border-box; color:#000; text-decoration:none; background-color:#fff; } 
.button.down.white:hover, .button.down.white:active, .button.down.white:focus {border: 0px solid  #225aaf;border-width:1px 1px 1px 1px;color: #fff; box-sizing:border-box; text-decoration:none; background-color: #225aaf;} 
.button.orange:hover, .button.orange:active, .button.orange:focus {border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; 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;  box-sizing:border-box;}
.button.green:hover, .button.green:active, .button.green:focus {border:1px solid #72a728; border-width:0 1px 1px 0; color:#fff; background-color:#72a728;  box-sizing:border-box;}

/* 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:after{ content:''; display: inline-block; width:17px; height:26px; background: url('../images/common/ico_down_on.png') no-repeat; background-position: center 0px; margin-left:7px; vertical-align:middle;}
.button.down.white:after{ content:''; display: inline-block; width:17px; height:26px; background: url('../images/common/ico_down.png') no-repeat; background-position: center 0px; margin-left:7px; vertical-align:middle;}
.button.down.white:hover:after{background-image: url('../images/common/ico_down_on.png')  }
.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;}

.btn_detail, .btn_close{font-size: 0 !important;width: 30px;height: 30px;display:block;float: right;vertical-align:top;}
.btn_detail:after, .btn_close:after {content: "";display: block;width: 30px;height: 30px;position: absolute;right: 0;top:0px;background: url('../images/board/arrow_faq.png')no-repeat center 12px;}
.btn_close:after{background: url('../images/board/arrow_faq.png')no-repeat center -83px;}
.btn_close{border-color: #94a8b3 !important;}
.btn_close:hover{border-color: #07a0f7 !important;}
@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}
}


/* 정렬 */
.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: .90em; color:#777;}
.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}
.dis_none { display: none}
.pos_r { position: relative}

/* color */
.col_blue {color:#4654a2 !important;}
.col_skyblue {color:#2399a6 !important;}
.col_red {color:#ed1b3b !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 */
.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; }

.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; }

.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; }

.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; }

/* 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 }
.mt_50 { margin-top:50px !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 }
.mb_200 { margin-bottom:200px !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;}