@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/board/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%}

@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_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  var(--mainColor);background: var(--mainColor);}
.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 */
.info_box {background: #fafafa;padding: 2em 3.5em 2em 9.5em;margin-bottom: 20px;border-radius: 1.5rem;overflow: hidden;position: relative;}
.info_box:before{content:'';display:block;width: 8rem;height: 8rem;background: url('../images/common/ico_alert.png?ㅍ') no-repeat 50% 50%;position:absolute;left: 4rem;top: 2em;background-size: contain;}
.info_box .tit{color: #222;font-weight: 600;margin-bottom: 8px;position:relative;/* padding-left: 16px; */line-height: 1.2em;font-size: 2rem;}
.info_box .tit.txt_large{font-size:1.15em;}
.info_box .tit .txt_sm{font-weight: 400;}
.info_box ul{ font-size:1em}
.info_box ul li {margin-bottom:3px;position: relative; font-weight: 400;}
.info_box ul li:last-child  {margin-bottom:0px; }
.info_box ul li:before{ background-color: #7c7c7c; width: 3px; height: 3px;content:""; display:block; position:absolute; left:0px; top:9px;border-radius: 3px;} 
.info_box p:last-child{margin-bottom: 0 !important;}

@media only screen and (max-width:1080px){
	.info_box:before{width:7rem;height:7rem;}
}
@media only screen and (max-width:768px){	
	.info_box{padding: 25px 20px;margin:0 0 35px 0;}
	.info_box:before{width: 100%;height: 4rem;top: 15px;left: 0;background-position: top 0 right 10px;}
	.info_box .tit{/* text-align:center; */font-size: 1.8rem;margin-bottom: 10px !important;}
	.info_box ul li:before{top:10px;}
}
@media only screen and (max-width:480px){
	.info_box{ margin:0 0 25px 0;}
}


/* info_ex */
.info_wrap{ background:#f8f8f8; padding:15px 20px;}

.info_ex {color: var(--subColor);font-size: .95em;font-weight: 400;position: relative;padding-left: 20px;line-height: 1.4;}
.info_ex:before{ content:'※'; display: block; position: absolute; left: 0; top:0;}
.info_ex.tR:before{position: relative; left: inherit;right: inherit; display: inline-block; vertical-align: middle;}
.info_ex01, .info_ex02, .info_ex03, .info_ex04{display: block;/* font-size:.95em; */margin:3px 0 5px;line-height: 1.4;font-weight: 400;color:#666;}
.info_ex01:before, .info_ex02:before, .info_ex03:before, .info_ex04:before{content:'';display:inline-block;vertical-align: middle;width: 18px;height: 18px;background-position: 0 0;background-repeat: no-repeat;margin: -1px 6px 0 0;}
.info_ex01:before{background-image:url('../images/common/ico_ex01.svg'); }
.info_ex02:before{background-image:url('../images/common/ico_ex02.svg');}
.info_ex03:before{background-image:url('../images/common/ico_ex03.svg');}
.info_ex04:before{background-image:url('../images/common/ico_ex04.svg');}

.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}
@media only screen and (max-width:768px){
	.ex_box { background: none; padding: 15px}
	.info_ex01:before, .info_ex02:before, .info_ex03:before, .info_ex04:before{width: 15px;height: 15px;background-size: contain;margin: 0 5px 0 0;}
}

/* 박스 + 아이콘 */
.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}

.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;}
}
/*** Table ***/
table {width:100%; }
table tbody th, tfoot th, .tbl  tfoot td {font-weight: 500;word-break: break-all;}
table td ul + p{ margin-top:10px;}
table td p + ul{ padding-left:23px;}
table td ul{ text-align:left;}
table td li {text-align: left;position:relative;box-sizing:border-box;padding-left: 10px;margin-bottom: 5px !important; line-height: 1.4; }
table td li:before {content:'';display: inline-block;position:absolute;left:0px;top: 8px;width: 3px;height: 3px;background-color: var(--mainColor);border-radius: 50%;} 
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: 0.92em;line-height: 1.35;color: #777;}
table td li li:before,
table ul.sList li:before{content:'';display:block;position:absolute;left:0;top:6px;background: #ccc;width: 3px;height: 3px;border-radius: 50%;} 
table td .list01 li, table td .list02 li{ margin-bottom: 5px;}
table td .list03 li{ margin-bottom: 3px !important;}
table ul li:last-child {margin-bottom:0 !important;}

/* tbl */
.tbl {margin: 10px 0;border-top: 1px solid #111;border-bottom: 1px solid #ddd;background: #fff;}
.tbl thead th {line-height: 1.3;position: relative;padding: 0.75em;color: #222;font-weight: 600;background: #f8f8f8;border-bottom: 1px solid #ddd; }
.tbl thead th:after {content: "";display: block;position: absolute;width: 1px;height: 55%;background: #ddd;right: 0px;top: 50%;transform: translate(0%, -50%);}
.tbl thead th.rows02:after {height: 90px;margin-top: -45px;}
.tbl thead th:last-child:after { display: none;}
.tbl tbody th,
.tbl tfoot th,
.tbl td {padding: 0.75em;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;text-align:center;font-weight: 400;}
.tbl tbody tr:last-child th,
.tbl tfoot  tr:last-child th,
.tbl tr:last-child td {border-bottom: none;}
.tbl tfoot tr:first-child th, .tbl tfoot tr:first-child td{border-top: 1px solid #c5c5c5;}

.tbl tr td:last-child {border-right: none;}
.tbl tbody th{color: #222;background: #fcfcfc;border-color: #ddd;font-weight: 500;}
.tbl tfoot th, .tbl  tfoot td {background-color: #f4f4f4;color: #333;border-bottom: 1px solid #333;border-right: 1px solid #ded3d9;}
.tbl thead th:last-child,
.tbl tfoot th:last-child,
.tbl tbody th:last-child{border-right:none;}
.tbl tbody.th_white th{background:#fff;border-color: #f0e6ea;font-weight:500;position: relative;}
.tbl th.line,
.tbl td.line{border-right:1px solid #e2e2e2 !important;} 
.tbl.tbl_sm td{font-size: .9em;}
.tbl td .button{margin-bottom: 0 !important;}
.tbl td  p{padding: 0 0 0 22px; position: relative;}
.tbl td  p:before{ content: "※"; position: absolute; left: 0px; top: 0px; }

.tbl .col2 > li { float: left; width: 50%}
.tbl .col3 > li {float: left; width: 33.333%}

/* tbl_gray */
.tbl_gray{border-top: 1px solid #333;}
.tbl_gray thead th {background: #f7f7f7; border-right-color: #ddd; }

/* tbl_color */
.tbl_color {border-bottom: 1px solid #ddd;/* font-size: .95em; */}
.tbl_color thead tr:last-child{border-bottom: 1px solid #222;}
.tbl_color tbody th{background: var(--mainColorOp);font-weight: 500;}
.tbl_color thead th{border-bottom: 1px solid var(--mainColor);font-weight: 500;background: var(--mainColor);color: #fff;}
.tbl_color thead th:after{background-color: #fff;opacity: 0.4;}
.tbl_color thead tr + tr th{ background-color:#f3f4f2; color:#222; border-bottom: 1px solid #ddd;}
.tbl_color thead tr + tr th:after{ background-color: #ddd;}
.tbl_color tbody th, .tbl_color tfoot th, .tbl_color td{border-color: #ddd;}

/* tbl_white */
.tbl_white thead th{background-color: #f7f7f7;}
.tbl_white tbody th{background-color:#fff;}

/* tbl_left */
.tbl_left thead th,
.tbl_left tbody th, .tbl_left tfoot th, .tbl_left td{text-align:left !important;}
.th_left thead th, .th_left tbody th, .th_left tfoot th{text-align:left;}
.td_left thead td, .td_left tbody td, .td_left tfoot td{text-align:left;}
tbody.tL td {text-align:left;}

/* tbl_color.st02 */
.tbl_color.st02 tbody th, .tbl_color.st02 tfoot th, .tbl_color.st02 td{/* padding: 0.7em; */}
.tbl_color.st02{border-top: 0 !important;}
.tbl_color.st02 thead th{border-right:1px solid #fff;border-bottom: 1px solid #fff !important;}
.tbl_color.st02 thead th:last-child{border-right:none;}
.tbl_color.st02 thead th.bg01{ background:var(--col542_01);}
.tbl_color.st02 thead th.bg02{ background:var(--col542_02);}
.tbl_color.st02 thead th.bg03{ background:var(--col542_03);}
.tbl_color.st02 thead th.bg04{ background:var(--col542_04);}
.tbl_color.st02 thead th.bg05{ background:var(--col542_05);}
.tbl_color.st02 thead th:after{display:none;}

/* tbl_bdNon */
.tbl_bdNon tbody th, .tbl_bdNon tfoot th, .tbl_bdNon td{border-right:none;}

.tbl_mb .noData{ width:100% !important;}

/* tbl_wrap */
.tbl_wrap{ display:flex;}
.tbl_wrap > div{width:100%; border-right:1px solid #ded3d9;}
.tbl_wrap > div:last-child{border:none;}
.tbl_wrap .tbl{width:100%;margin: 0;}

/* tbl_list */
.tbl_list{ border-top:2px solid var(--mainColor);}
.tbl_list > li{display:flex;border-bottom: 1px solid #f0e6ea;padding:.7em 1em;align-items: flex-start;word-break:keep-all;line-height:1.4;}
.tbl_list > li .tit{font-weight:600;font-size:1.05em;width: 120px;color: #222;padding-right:15px;}
.tbl_list > li .desc{width:calc(100% - 120px);height: 100%;color: #555;}
.tbl_list > li.full .tit{min-width: inherit;}
.tbl_list > li.full .desc{width: auto;}

.tbl_list.guide > li .tit{font-weight:600;font-size:1.05em;width: 270px;}
.tbl_list.guide > li .desc{width:calc(100% - 240px);/* color: #848484; */font-weight: 400;}


/* 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: 14px;}
.ttl04 + .text_indent,
.ttl04 + .text_indent + .text_indent{ padding:5px;}
@media only screen and (max-width: 1024px) {
	.tbl_list > li .tit{width: 80px;font-size: 1em;}
	.tbl_list > li .desc{width: auto;}
    .tbl_list.guide > li .tit{width: 150px;font-size: 1em;}
    .tbl_list.guide > li .desc{width:calc(100% - 150px);}
}
@media only screen and (max-width: 768px) {
	.tbl {font-size:1em;}
	.tbl thead th{font-size:1em;}
	.ttl03 + .text_indent { padding-left:15px;}
	.tbl_white{ margin-bottom: 15px;}	
	.tbl thead th, .tbl th, .tbl td, .tbl tbody th,
	.tbl_white thead th, .tbl_white th, .tbl_white td,
	.tbl_left thead th, .tbl_left th, .tbl_left td{ padding:0.65em 0.5em;}
	.tbl.tbl_sm thead th,
	.tbl.tbl_sm tbody th, .tbl.tbl_sm tfoot th, .tbl.tbl_sm td{padding: 0.5em 0.4em;}
	.tbl thead th.rows02:after {height: 62px;margin-top: -31px;}
	
	.tbl_mb{display: block;border-collapse: collapse;text-align: center;table-layout: fixed;width: 100%;}
	.tbl_mb thead {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;}
	.tbl_mb tbody{display:block;}
	.tbl_mb tbody tr {position:relative;overflow:hidden;display:block;width: 100%; border-bottom:1px solid #ddd;float:none;padding: 1em 0;}
	.tbl_mb th, .tbl_mb td {border:0;display:block;min-height:25px;float: left;width: auto !important;padding: 3px 0 0 2%;} 
	.tbl_mb .non {display: none;float:left;padding-bottom:0;}
	.tbl_mb tbody tr .tit{display: block;width: 100% !important;padding: 0 2%;max-width: inherit;border-bottom: 0;float: left;font-size: 1.05em;}

	.tbl_mb td:after{content:'';display:inline-block;background:#ddd;width:1px;height:13px;vertical-align:middle;margin: -3px 0 0 10px;}	
	.tbl_mb td:last-child:after{ display:none;}

	.tbl_wrap{flex-direction:column;gap: 20px;}
	.tbl_wrap > div{border:none;}
	.tbl .col2 > li,
	.tbl .col3 > li {float: none !important; width:inherit !important; margin-bottom: 5px;}
	
	.tbl_list > li{padding:.6em 0.65em;}
	.tbl_list > li .tit{/* width: auto; */}
	.tbl_list > li .desc{width:calc(100% - 80px);}
    .tbl_list.guide > li .tit{width: 130px;}
    .tbl_list.guide > li .desc{width:calc(100% - 130px);}
}


/*** Button ***/
.button_group{overflow: hidden;margin-top: 15px;display: flex;flex-wrap: wrap;justify-content: center; gap:5px;}
.button_group .button{margin:0;}
.button_group.fL .button{ margin-right: 5px; margin-left: 0;}
.btn_wrap{ margin:60px 0; text-align:center;}
/* 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: #222;border: 1px solid  #222;/* border-width:0 1px 1px 0; */box-sizing:border-box;cursor:pointer;}
a.button {margin:0 2px 2px;color:#fff;display: inline-flex;align-items: center;} 
p.button { cursor: no-drop; }
.color{background-color: var(--mainColor);}
.button.round{border-radius:50px;}

/* Button Size */
.button.mini {height: 1.8em;padding:0 0.8em;line-height: 1.8em;font-size: 0.75em;font-weight: 600;min-height: 20px;}
.button.small {height: 2.2em;padding:0 1em;line-height: 2.3em;font-size: 0.75em;font-weight:400;}
.button.medium {height: 2.8em;padding: 0 1.5em;line-height: 2.8em;font-size: 1em;font-weight:500;} 
.button.large {height: 3.25em;padding: 0 3em;line-height: 3.25em;font-size: 1.25em;}
.button.biger {height: 3.85em;padding: 0 3em;line-height: 3.85em;font-size: 1.5em;}

/* Button Color */
.button.black {border-color:#222; color:#fff; background-color:#222;}
.button.gray {border-color: #777; color:#fff; background-color:#777;}
.button.gray02 {border-color: #999; color:#fff; background-color:#999;}
.button.gray03{border-color: #444;color:#fff;background-color: #444;}
.button.white {border-color: #aaa;border-width:1px 1px 1px 1px;color: #333;background-color: #fff;}
.button.red {border-color: #d82f36; color:#fff; background-color:#d82f36;}
.button.orange {border-color: #ff7e00; color:#fff; background-color:#ff7e00; }
.button.green {border-color: #007130;color:#fff;background-color: #007130;}
.button.blue {border-color:#09a0f7;color:#fff;background-color: #09a0f7;}
.button.key{border-color:var(--mainColor);background-color:var(--mainColor);vertical-align: middle;}

/* Button Hover */
.button:hover, .button:active, .button:focus {color: #fff;text-decoration:none;background-color: #000;border-color: #000;} 
.button.black:hover, .button.black:active, .button.black:focus { border-color: #111; color: #fff;background-color:#111;} 
.button.gray:hover, .button.gray:active, .button.gray:focus { border-color: #666;  color: #fff;background-color:#666;} 
.button.gray02:hover, .button.gray02:active, .button.gray02:focus { border-color: #888;color: #fff; background-color:#888;} 
.button.gray03:hover, .button.gray03:active, .button.gray03:focus { border-color: #333;color: #fff; background-color:#333;} 
.button.white:hover, .button.white:active, .button.white:focus {border-color: #777;background-color: #fafafa;color: #222;} 
.button.down.white:hover, .button.down.white:active, .button.down.white:focus {border-color: var(--mainColor);border-width:1px 1px 1px 1px;color: #fff;background-color: #ffffff;} 
.button.red:hover, .button.red:active, .button.red:focus { color: #fff; background-color:#cc2229; border-color:#cc2229;}

.button.orange:hover, .button.orange:active, .button.orange:focus { color: #fff; background-color:#ff7600; border-color:#ff7600;}
.button.green:hover, .button.green:active, .button.green:focus {border-color: #02652c;color:#fff;background-color: #02652c;}
.button.blue:hover, .button.blue:active, .button.blue:focus {border-color: #008fe2;color:#fff;background-color: #008fe2;}
.button.key:hover,.button.key:active,.button.key:focus{border-color:var(--mainColorOn); background-color:var(--mainColorOn);}

/* Button line-Color */
.button.line, .button.black.line, .button.gray.line, .button.gray02.line, .button.gray03.line, .button.red.line, .button.orange.line, .button.green.line{background-color: #fff;border-width:1px !important;}

.button.line{color: #222;border-color: #222;}
.button.line:hover, .button.black.line:active, .button.black.line:focus {background-color: #fff;border-color: #bbb;}
.button.white.line{ color:#222; border-color:#ccc;}
.button.white.line:hover, .button.white.line:active, .button.white.line:focus {background-color:#fafafa;}
.button.black.line{ color:#111; border-color:#111;}
.button.black.line:hover, .button.black.line:active, .button.black.line:focus {background-color:#fafafa;}
.button.gray.line{ color:#777; border-color:#777;}
.button.gray.line:hover, .button.gray.line:active, .button.gray.line:focus {background-color:#fafafa;color:#666;}
.button.gray02.line{ color:#999; border-color:#999;}
.button.gray02.line:hover, .button.gray02.line:active, .button.gray02.line:focus {background-color:#fafafa;color:#888;}
.button.gray03.line{ color:#444; border-color:#444;}
.button.gray03.line:hover, .button.gray03.line:active, .button.gray03.line:focus {background-color:#fafafa;color:#333;}
.button.red.line{ color:#d82f36; border-color:#d82f36;}
.button.red.line:hover, .button.red.line:active, .button.red.line:focus {background-color:#fff5f5;}
.button.orange.line{ color:#f76b0a; border-color:#f76b0a;}
.button.orange.line:hover, .button.orange.line:active, .button.orange.line:focus {background-color:#fff9f4;}
.button.green.line{color: #007130;border-color: #007130;}
.button.green.line:hover, .button.green.line:active, .button.green.line:focus {background-color: #f4fff9;}
.button.blue.line{color: #09a0f7;border-color: #09a0f7;}
.button.blue.line:hover, .button.blue.line:active, .button.blue.line:focus {background-color:#f0fafe;}
.button.key.line{color: var(--mainColor);border-color: var(--mainColor);}
.button.key.line:hover, .button.key.line:active, .button.key.line:focus {background-color:var(--mainColorOp);}

/* Button Link */
.button.down{}
.button.down:before{content:'';display: inline-block;width: 15px;height: 15px;background: url(../images/common/ico_down_w.png) no-repeat 50% 50%;margin-left:15px;vertical-align: middle;margin: 0 10px 0 0;}
.button.down.line::before{background-image: url('../images/common/ico_down.png')  }
.button.down.white:hover,.button.down.white:focus,
.button.down.white:active{background-color: var(--mainColor);}
.button.down.white:before{background: url(../images/common/ico_down.png) no-repeat 50% 50%;}
.button.down.white:hover:before,
.button.down.white:focus:before,
.button.down.white:active:before{background-image: url('../images/common/ico_down_w.png')  }
.button.down.gray:before{background: url('../images/common/ico_down_w.png') no-repeat 50% 50%;}
.button.down.gray:hover:before,
.button.down.gray:focus:before,
.button.down.gray:active:before{background-image: url('../images/common/ico_down_w.png')  }

.button.list:before{content:'';display: inline-block;width: 15px;height: 15px;background: url(../images/common/ico_list_w.png) no-repeat 50% 50%;margin-left:15px;vertical-align: middle;margin: 0 10px 0 0;}
.button.list.line:before{content:'';display: inline-block;width: 15px;height: 15px;background: url(../images/common/ico_list.png) no-repeat 50% 50%;margin-left:15px;vertical-align: middle;margin: 0 10px 0 0;}
.button.write:before{content:'';display: inline-block;width: 16px;height: 18px;background: url(../images/common/ico_write_w.png) no-repeat 50% 50%;margin-left:15px;vertical-align: middle;margin: 0 10px 0 0;}
.button.write.line:before{content:'';display: inline-block;width: 16px;height: 18px;background: url(../images/common/ico_write.png) no-repeat 50% 50%;margin-left:15px;vertical-align: middle;margin: 0 10px 0 0;}

.button.btn_view {background: #797d80 url('../images/common/ico_btn_blank_w.png') center left 7px no-repeat;border-radius: 3px;padding: 0 10px 0 25px;height: 26px;line-height: 24px;font-size: 0.88em;margin:0 0 0 10px;border:1px solid #797d80;vertical-align: middle;}
.button.btn_view:hover,
.button.btn_view:focus,
.button.btn_view:active{ border-color:#111; background-image:url('../images/common/ico_btn_blank.png'); background-color:#fff; color:#111;}

.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:24px;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.link.mini:after{margin-left:3px;height: 100%;}
.button.biger.link:after{width: 80px;height: 1em;background-image: url('../images/common/link_arrow.svg');background-position: 0 50%;background-size: contain;margin-left: 15px;}
.button.white.link:after{background-image: url('../images/common/bul/icon_button_b.png');}

/* Button Link2 */
.button.next:after{content:''; display: inline-block; width:25px; height:25px; background: url('../images/common/icons_w.svg') no-repeat 0 -3px; margin-left: 8px; vertical-align:middle;}
.button.reload:before{content:''; display: inline-block; width:25px; height:25px; background: url('../images/common/icons_w.svg') no-repeat 0 -103px; margin-right:8px; vertical-align:middle;}
.button.back:before{ content:''; display: inline-block; width:25px; height:25px; background: url('../images/common/icons_w.svg') no-repeat 0 -303px; margin-right:8px; vertical-align:middle;}
.button.check:before{ content:''; display: inline-block; width:25px; height:25px; background: url('../images/common/icons_w.svg') no-repeat 0 -203px; margin-right:8px; vertical-align:middle;}
.button.cancel{border-color: #333;background-color: #333;}
.button.cancel:before{ content:''; display: inline-block; width:25px; height:25px; background: url('../images/common/icons_w.svg') no-repeat 0 -403px; margin-right:8px; vertical-align:middle;}	
.button.cancel:hover, .button.cancel:focus, .button.cancel:active{border-color: #222;background-color: #222;}
.button.print:before{ content:''; display: inline-block; width:25px; height:25px; background: url('../images/common/icons_w.svg') no-repeat 0 -503px; margin-right:8px; vertical-align:middle;} 
.button.logout:before{content:'';display: inline-block;width:25px;height:25px;background: url('../images/common/icons_w.svg') no-repeat 0 -600px;margin-right:8px;vertical-align:middle;}
.button.next.white:after,.button.reload.white:before, .button.back.white:before, .button.check.white:before, .button.cancel.white:before, .button.print.white:before, .button.logout.white:before,
.button.next.line.gray:after,.button.reload.line.gray:before, .button.back.line.gray:before, .button.check.line.gray:before, .button.cancel.line.gray:before, .button.print.line.gray:before, .button.logout.line.gray:before{ background-image: url('../images/common/icons_g.svg');}
.button.next.gray:after,.button.reload.gray:before, .button.back.gray:before, .button.check.gray:before, .button.cancel.gray:before, .button.print.gray:before, .button.logout.gray:before{ background-image: url('../images/common/icons_w.svg');}
.button.next.line:after,.button.reload.line:before, .button.back.line:before, .button.check.line:before, .button.cancel.line:before, .button.print.line:before, .button.logout.line:before{ background-image: url('../images/common/icons.svg');}
.button.next.white:hover:after,.button.reload.white:hover:before, .button.back.white:hover:before, .button.check.white:hover:before, .button.cancel.white:hover:before, .button.print.white:hover:before, .button.logout.white:hover:before{ background-image: url('../images/common/icons_b.svg');}
.button.phone:before{ content:''; display: inline-block; width:16px; height:100%; background: url('../images/common/ico_phone_w.png') no-repeat 0 50%; margin-right:7px; vertical-align:top;}
.button.phone.line:before{ content:''; display: inline-block; width:16px; height:100%; background: url('../images/common/ico_phone.png') no-repeat 0 50%; margin-right:7px; vertical-align:top;}
.button.medium.next:after, .button.medium.reload:before, .button.medium.back:before, .button.medium.check:before, .button.medium.cancel:before, .button.medium.print:before, .button.medium.logout:before,
.button.small.next:after, .button.small.reload:before, .button.small.back:before, .button.small.check:before, .button.small.cancel:before, .button.small.print:before, .button.small.logout:before{width:16px;height: 16px;background-size:16px;margin-right: 5px;}
.button.medium.next:after, .button.small.next:after{ margin-right:0;}
.button.medium.reload:before, .button.small.reload:before{background-position: 0px -65px;}
.button.medium.back:before, .button.small.back:before{background-position: 0 -193px;}
.button.medium.check:before, .button.small.check:before{background-position: 0 -129px;}
.button.medium.cancel:before, .button.small.cancel:before{background-position: 0 -257px;}
.button.medium.print:before, .button.small.print:before{background-position: 0 -321px;}
.button.medium.logout:before, .button.small.logout:before{background-position: 0 -383px;}

.btn_area {  text-align: center;  padding: 60px 0; position: relative; clear: both;}
.btn_area .button{padding: 0 3em;margin:0 3px;}
.btn_area .button:first-child{margin-left:0;}
.btn_area .button:last-child{margin-right:0;}
.btn_area .button.biger{padding: 0 5em}

.btn_area.flex_wrap{display:flex;flex-basis: 0;justify-content: center;}
.btn_area.flex_wrap a, .btn_area.flex_wrap button{flex: 1; padding: 0 1em;}

@media only screen and (max-width:1024px){
	.BoxTxt,.boxImg,.lineBox{ padding:10px; }
	.btn_area {  padding: 40px 0 0;}
	
	/* Button Size */
	.button.mini { padding:0 0.75em;}
	.button.small { padding:0 0.8em; }
	.button.medium { padding: 0 1em;} 
	.button.large { padding:0 2em;}
}
@media only screen and (max-width:768px){	
	.btn_wrap{ margin:60px 0; text-align:center;}
	.button[target="_blank"]{margin-left: 0;}
	.button.biger{ font-size: 1.25em;}
  .button.large {height: 3em !important;line-height: 3em !important; font-size: 1em !important;}
	.button.medium{  height:35px !important; line-height: 33px !important;}
	.button.small {height: 26px !important;line-height: 24px !important;}
	.button.mini{height: 19px;line-height: 19px;}
	.button.link.mini:after{background-position: center 3px;}
	.button.biger.link:after{width: 49px;}
	.btn_area {padding: 25px 0;}
	.btn_area > .button { text-align:center;}
	.btn_area .button.biger {padding:0 3em}
	
	/* srcoll-table */
	.srcoll-table			{ position: relative; width: 100%; margin-top:20px; border-top:none;}
	.srcoll-table:before	{content: "Scroll >";display: block;position: absolute;top: -30px;right: 0px;font-size: 13px;}
	.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 > div	> div,
	.srcoll-table table		{ margin: 0; width:768px !important; }	
	.srcoll-table > div .tR{ text-align:left !important;}
	
	/* scrollbar */
	.scrollbar-wrapper{position:relative;  cursor:move}
	.scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding);width: auto !important;overflow-x: inherit !important;margin-top: -30px;}
	.scroll-drag-guide .scroll-drag-inner {position: relative;width: 40px !important;height: 40px;}
	.scroll-drag-guide .scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.scroll-drag-guide .drag-tail .tail{display:block;width: 20px;height: 5px;background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1;}
	.scroll-drag-guide .drag-tail .touch_icon{width: 20px;height: 25px;color:#aaa ;background: url('../images/common/touch_hand.svg') no-repeat 50% 100%;display: block;background-size: contain;margin-top: 3px;}
}
@media only screen and (max-width:480px){	
	.btn_down {height: 35px; padding: 0 40px 0 10px; line-height: 33px !important; font-size: 13px; background-position:right 10px top 9px }
  .button.large { font-size: .9em !important;}
}
@keyframes moveScrollAni {
	0%, 10% {left: 0;margin-left: 0px;}
	50% {left: 100%;margin-left: -25px;}
	100% {left: 0;margin-left: 0px;}
}

/* ----- 텍스트버튼 ----- */
.nw_btn {display:inline-block;color: var(--mainColor) !important;transition:all .3s ease; position: relative;}
.nw_btn:after {content:"";display:inline-block;width:12px;height:12px;background: url(../images/common/nwin_spr.png) no-repeat -23px -25px;margin: 0px 0 0 5px;vertical-align:middle}
.nw_btn:before {content:"";display:block;position:absolute;width:0;height:1px;background:var(--mainColor);left:0;bottom:0;z-index:-1;border-radius:0;transition:all .3s ease;  opacity: 0;}
.nw_btn:link {color: var(--mainColor);}
.nw_btn:focus:before, .nw_btn:hover:before {width:100%; opacity: 1;}

.tell_btn {display:inline-block;color:var(--mainColor) !important;transition:all .3s ease;position: relative;}
.tell_btn:after {content:"";display:inline-block;width:11px;height:17px;background:url(../images/common/tell_spr.png) no-repeat 50% 50%;margin:-2px 0 0 5px;vertical-align:middle}
.tell_btn:before {content:"";display:block;position:absolute;width:0;height:1px;background:var(--mainColor);left:0;bottom:0;z-index:-1;border-radius:0;transition:all .3s ease;  opacity: 0;}
.tell_btn:link {color:var(--mainColor)}
.tell_btn:focus:before, .tell_btn:hover:before {width:100%;opacity: 1;}

.mail_btn {display:inline-block;color: var(--mainColor) !important;transition:all .3s ease;position: relative;}
.mail_btn:after {content:"";display:inline-block;width:16px;height:13px;background:url(../images/common/mail_spr.png) no-repeat 50% 50%;margin: -2px 0 0 3px;vertical-align:middle}
.mail_btn:before {content:"";display:block;position:absolute;width:0;height:1px;background:var(--mainColor);left:0;bottom:0;z-index:-1;border-radius:0;transition:all .3s ease; opacity: 0;}
.mail_btn:link {color: var(--mainColor);}
.mail_btn:focus:before, .mail_btn:hover:before {width:100%;opacity: 1;}

.down_btn {display:inline-block;color: var(--mainColor) !important;transition:all .3s ease; position: relative;}
.down_btn:after {content:"";display:inline-block;width: 15px;height: 15px;background: url(../images/common/ico_down_blue.png) no-repeat 0 0;margin: 0px 0 0 5px;vertical-align:middle}
.down_btn:before {content:"";display:block;position:absolute;width:0;height:1px;background:var(--mainColor);left:0;bottom:0;z-index:-1;border-radius:0;transition:all .3s ease;  opacity: 0;}
.down_btn:link {color: var(--mainColor);}
.down_btn:focus:before, .nw_btn:hover:before {width:100%; opacity: 1;}

@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;}
.col_import{color:var(--importColor) !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;}