@charset "utf-8";

/*
================================================================================
COMMON
================================================================================
*/

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

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

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

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:before { display: block; width: 100%;  height: 1px; border-top: 1px dotted #ddd; content: ""; position: absolute; left: 0; top:40px}
.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 #eb1d2b; min-width: 155px; margin: 5px 2px; transition:all 0.2s; font-weight: bold; background:#eb1d2b url(../images/common/icon_file.png) right 15px top 10px no-repeat}
.btn_down:hover {text-decoration: none; background-color: #eb1d2b;  border-color: #398671 }
@media only screen and (max-width:800px){	
	.btn_area > a { min-width: 48%;}
	.btn_area.col4 > a {min-width: 95%;display: block; margin: 2px auto}
}
@media only screen and (max-width:450px){	
	.btn_down {height: 35px; padding: 0 40px 0 10px; line-height: 33px !important; font-size: 13px; background-position:right 10px top 9px }
	.btn_area > a { min-width: 95% !important; display: block; margin: 2px auto}

}


/*** Tab ***/
#page > .tabSec{ margin: -52px auto 30px auto; }
.tabSec{ position:relative; padding:1px 0 0 0;background-color: #efeeed; border-left:1px solid #e1e1e1; margin:0 auto 30px auto; overflow: hidden; width:1080px;}
.tabSec:after { clear:both; content: ""; display: block; width: 100%; border-bottom: 1px solid #de0b1a; 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:#333;text-decoration:none;border: 1px solid #e1e1e1;margin:-1px 0 0 -1px;background: #fff;transform:all .3s ease;transition: border-color .3s;}
.tabSec li a:hover,.tabSec li a:focus,.tabSec li a:active{background:#eee; color:#de0b1a;}
.tabSec li.on a{color: #fff;border: 1px solid  #de0b1a;background: #de0b1a;}
.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.cols7 li{ width:14.2%;}
.tabSec.cols7 li:first-child { width:14.8%;}
.tab_content { display: none;overflow: hidden; position: relative;}

.tab_box{ width:100%; min-height:400px; position: relative}

.tabcontent { display: none}
.tabcontent.current {display: block;}


@media only screen and (max-width:1024px){	
	#page > .tabSec{ margin-top:-32px; }
	.tabSec{width:100% !important;}
	.tabSec li a { height: 50px; line-height: 50px;}
	.tabSec li{width:25% !important;}	
	.tabSec.cols6 li { width: 33.3% !important;}
	.tabSec.cols2 li { width: 50% !important;}
}

@media only screen and (max-width:480px){
	.tabSec li,
	.tabSec.cols6 li,
	.tabSec.cols2 li{width:50% !important;}
	.tabSec li a { height: 45px; line-height: 40px;}
}

/* list style */
.list01>li,
.list02>li,
.list03>li,
.list04>li,
.list_p { position:relative;padding-left:15px;margin-bottom:10px; text-align: left !important; font-size:0.95em; }
.list03>li,
.list04>li{ padding-left:15px}
.list_p {margin-bottom:0px; padding-left: 15px;}
.list01>li:last-child,
.list02>li:last-child { margin-bottom:0;}
.list01>li:before,
.list02>li:before,
.list03>li:before,
.list04>li:before,
.list_p:before{ content:''; display:block; position:absolute; left:10px; top:7px; } 
.list01>li ul,
.list02>li ul{ padding:3px 0 0;}
.list01>li em,
.list02>li em,
.list03>li em,
.list04>li em{ display:block;}

.list01.dot_red>li:before,
.list01.dot_red>li > ul > li:before{background:#a00909}
.list01>li:before,
.list_p:before{ background:#333; width:3px; height:3px; border-radius: 50%; left:5px; top:10px;} 
.list02>li:before{ width: 0;height: 0; border-top: 2px solid transparent;border-left: 4px solid #5d5d5d; border-bottom: 2px solid transparent;} 
.list03>li {margin-bottom:3px;}
.list03>li:before{background: #4a4a4a;width: 5px;height:1px;left:4px;top: 11px;} 
.list04>li:before{background: url('../images/common/list_arrow.gif') no-repeat 0 0; left:0px; width:4px; height: 5px;} 
.list04>li {margin-bottom:5px; padding-left:10px;}
.list01>li > ul > li { position:relative;  padding-left:12px;  margin-bottom:5px; color:#666; text-align: left !important }
.list01>li > ul > li:before{ content:''; display:block; position:absolute; left:0; top:10px; background:#8a8a8a; width:5px; height:1px;} 
.list01>li > ul > li li { position:relative;  padding-left:12px;  margin-bottom:3px; color:#777; font-size: .95em;}
.list01>li > ul > li li:before{content:''; display:block; position:absolute; left:0; top:10px; background:#fff; width:4px; height:4px; border-top:1px solid #8a8a8a; border-right:1px solid #8a8a8a; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.list_img {clear: both; overflow: hidden; margin-bottom: 20px; }
.list_img:after {clear:both; content: ""; display: block}
.list_img * { box-sizing: border-box}
.list_img > li {float: left;padding-bottom: 40px;text-align:  center;position: relative;}
.list_img.border li span{border: 1px solid #dbdbdb;margin-bottom: 5px;} 
.list_img > li a { display: block}
.list_img > li span {display: block;overflow: hidden;background:#f6f6f6 url(' ../images/board/noImg_logo.png') center center no-repeat;position: relative;}
.list_img > li img { width: 100%; display: block; }
.list_img > li i {display: block;padding: 5px 15px;clear: both;color: #606060;font-weight: 400;font-size: 0.9em;width: 100%; letter-spacing: -0.05em; }
/*.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); cursor: pointer;}
.list_img > li:hover i { text-decoration: underline; color: #000}*/
.list_img.col2 > li{ width: 48%;}
.list_img.col2 > li span{ border:1px solid #ccc;}
.list_img.col2 > li:nth-child(2n+2){float:right;}
.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: 21.725%;margin-right: 4.3%;}
.list_img.col4 > li:nth-child(4n+4) {margin-right: 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;}

@media only screen and (max-width:1024px){
	.list_img > li{ padding-bottom:35px;}
	
	ol.list_num.cols2 li{ width:auto; float:none; padding-right:0;}
	ol.hangul li{ margin:0 0 10px 25px;}
}
@media only screen and (max-width:640px){
	.list04>li:before{ top:9px;}
	
	.list_img > li { width: 48% !important;margin-right: 2% !important; padding-bottom: 15px; padding-bottom:30px;}
	.list_img > li:nth-child(2n+2) {margin-right: 0 !important; float:right; }
	.list_img.col4 > li:nth-child(even) {float:right;}
	.list_img > li span{font-size: 0.95em;}
	.list_img > li i { letter-spacing: -0.06em; font-size: 0.85em; line-height: 1.1em; min-height: 36px;}
	
	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;} 	
}	
@media only screen and (max-width:480px){
	
	.list01>li em,
	.list02>li em,
	.list03>li em,
	.list04>li em{ display: inline;}
	.list04>li:before{ top:7px;}
	.list_img > li { padding-bottom:25px;}
}
@media only screen and (max-width:360px){
}

/* noticeTxt */
.info_ex {background:url('../images/common/ico_ex02.png') no-repeat 0 5px;padding:0 0 0px 22px;font-size:.95em;margin:0px 0 7px 0 !important;}
.info_ex02 {background:url('../images/common/ico_ex03.png') no-repeat 0 5px;padding:0 0 0px 22px;font-size:.95em;margin:0px 0 7px 0  !important;color:#3e75be}
.info_ex03 {background:url('../images/common/ico_ex04.png') no-repeat 0 5px;padding:0 0 0px 22px;font-size:.95em;margin:0px 0 7px 0  !important;color:#f33d19}
.info-ex03 .sec {display:block;color:#777}

.info_box{background: #fff url(../images/common/ico_ex.png) no-repeat 20px 20px;  padding: 20px 20px 20px 110px; border:1px solid #d9d9d9;}
.info_box .tit{ color:#333; font-weight: 500; margin-bottom: 10px; font-size:1em; position: relative;}
.info_box .tit:after{ content:''; display: block; width:15px; height: 1px; background: #333; margin-top: 5px;}
.info_box p{ font-size:0.95em; margin-bottom: 0;}

.info_box02 {background: #f8f8f8 url(../images/common/ico_ex05.png) no-repeat 20px 20px;   padding: 20px 20px 20px 70px;  border: 1px solid #eee;}
.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:12px;} 

/* box */
.txt_box { clear:both; position:relative; padding:25px; overflow:hidden; margin:0 0 30px 0;box-sizing:border-box; background: #fafafa;  }
.txt_box .txt_box{ background-color:#f1e9e0;}
.img_box{  clear:both;text-align:center; margin:0 0 15px 0;}
.img_box img { max-width: 100%}
.bd_box{border:1px solid #ddd; padding:25px; overflow: hidden}
.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{ margin-bottom:0 !important;}
.img_box span{ display:block; width: 49%; float:left;}
.img_box span:last-child{ float:right;}
.bd_box .inner{ width:auto}
.line_box {position:relative;background:url('../images/common/line_box_bg.gif') repeat 0 0;padding:3px;}
.line_box.no_bg{padding:0}
.line_box .inner {color:#333;line-height:1.6;padding:30px 30px 30px 130px;background:#fff; min-height: 100px}


@media only screen and (max-width:1024px){
	.bd_box {padding:15px; }
}
@media only screen and (max-width:640px){
.info_box{ background-size:50px; padding:15px 15px 15px 75px; background-position:15px 15px}
}

/* list_box */
.list_box{ border:1px solid #d9d9d9; border-top-color: #eb1d2b; 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.27em; color:#3a3a3a; font-weight:700; line-height:1em; padding-bottom:15px;}
.list_box li:last-cihld{ margin-bottom:0;}

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

/* dl_list */
.dl_list{ clear: both; overflow: hidden;}
.dl_list dt{ margin-bottom: 10px;}
.dl_list dd{ overflow: hidden;}
.dl_list dd li i{ font-style:italic;}

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

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


@media only screen and (max-width:640px){		
	.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}
}

@media only screen and (max-width:480px){
	.img_box span{ float:none !important;}
	
}
/*** Table ***/
table {width:100%; background: #fff;font-size: 1em; }
table tbody th, tfoot th, .tbl  tfoot td { font-weight: 400}
table .inner_table{ padding: 0 !important;}
table .inner_table th{ background-color: #faf9ef !important; color: #606060 !important;}
table .inner_table tbody tr:last-child th,
table .inner_table tr:last-child td{ border-bottom: 0; }
table .inner_table thead th:first-child,
table .inner_table tfoot th:first-child,
table .inner_table tbody th:first-child{border-left:none;}

.tbl .tL{ padding-left: 30px; }
.tbl {margin: 10px 0;border-top: 2px solid  #333;}
.tbl .bL_1px{ border-left:1px solid #d9d9d9 !important;}
.tbl thead th.bB_1px{ border-bottom-width:1px;}
.tbl thead th {color: #111;padding:10px 5px;border-left: 1px solid #c5c5c5;border-bottom: 1px double #c5c5c5;background: #f9f9f9;text-align:center;font-size: 1.05em;}
.tbl td:first-child,
.tbl th:first-child{border-left:none;}
.tbl tbody th,
.tbl tfoot th,
.tbl td {padding:15px 10px;border-left: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;text-align:center;background:#fff;color: #444;}
.tbl tbody th, .tbl tfoot th{border-left-color:#fff;}
.tbl tr td:first-child {border-left: none;}
.tbl tbody th{color: #090f1d;background: #f7f7f7;border-bottom: 1px solid #d9d9d9;}
.tbl tbody tr:last-child th{border-bottom-color:#d9d9d9;}
.tbl tfoot th,
.tbl tfoot td{background-color: #888384;border-bottom:2px solid #eb1d2b;border-left: 1px solid #fff;color: #ffffff;}
.tbl tfoot td{border-left-color: #eef2f7;}
/*.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 #efe4d6;}
.tbl tbody.tL td,
.tbl td ul {text-align:left; padding-top: 0 !important}
.tbl tbody td.line {border-color:#efe4d6;}
.tbl tbody th, .tbl tbody td {font-size: .95em;}
.tbl2 tbody th{ background-color:#485d88; color:#fff; border-bottom-color:#fff;}

table td li { text-align: left; position:relative; box-sizing:border-box; padding-left:10px;margin-bottom:5px !important;}
table td li:before{ background:#5d5d5d; width:3px; height:3px;} 
table td li:before { content:''; display:block; position:absolute; left:0px; top:9px; } 
table td li ul{ padding:5px 0;}
table td li li { margin-bottom:3px; color:#666; font-size: .95em}
table td li li:before{ content:''; display:block; position:absolute; left:0; top:8px; 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-bottom:3px solid #bdbec0; overflow:hidden;}
.tbl_white table {width:100%; }
.tbl_white thead th {padding:8px 5px 10px 5px; text-align:center; color:#fff; background:#939598;border-right-color:#e4e4e4;}
.tbl_white th{ font-weight:700;}
.tbl_white th,
.tbl_white td {padding:10px 5px 12px 5px; text-align:center;  border-bottom:1px solid #99999c; border-right:1px solid #99999c;word-break:keep-all; font-size: 0.8em; letter-spacing: -0.05em;}
.tbl_white th:last-child,
.tbl_white td:last-child{border-right:0;}
.tbl_white .bR_1px{ border-right:1px solid #99999c !important;}

/* table :: 기본-12px, center */
.tbl_col {position:relative; width:100%; border-top:1px solid #737373; border-right:1px solid #d3d3d3; overflow:hidden;margin-bottom: 30px;}
.tbl_col table {width:100%; font-family:'돋움',Dotum; font-size: 0.8em;}
.tbl_col th, .tbl_col td {padding:10px 5px 8px 5px; text-align:center; border-left:1px solid #d3d3d3;} 
.tbl_col thead th {font-weight:700;border-bottom:1px solid #d3d3d3; background:#f2f2f2;color:#2d2d2d;}
.tbl_col th{ border-bottom:1px solid #e4e4e4;}
.tbl_col td {border-bottom:1px solid #e4e4e4; background:#fff;}

/* table :: 파랑-11px, 오른쪽, 왼쪽정렬 */
.tbl_blue {position:relative; width:100%; border-top:1px solid #0056ab; overflow:hidden;margin-bottom: 30px;}
.tbl_blue table {width:100%; font-family:'돋움',Dotum; font-size: 0.73em;}
.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 #bec9d3; border-bottom:1px solid #c1d2e2;} 
.tbl_blue thead th {background:#dce6ef;color:#2d2d2d;}
.tbl_blue th{ border-bottom:1px solid #c1d2e2; border-right:1px solid #bec9d3;}
.tbl_blue th:first-child{ border-left:1px solid #bec9d3;}
.tbl_blue td {background:#fff;}

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

@media only screen and (max-width:640px) {
.ttl03 + .text_indent { padding-left:15px;}
}


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

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

/* Button Color */
.button.gray {border: 1px solid #888787;border-width:0 1px 1px 0;color:#fff;background-color: #888787;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 #dbdbdb; border-width:1px 1px 1px 1px; box-sizing:border-box; color:#333; background-color:#fff;}
.button.orange {border:1px solid #e65b2c; border-width:0 1px 1px 0; color:#fff; background-color:#e65b2c;  box-sizing:border-box;}
.button.red {border:1px solid #eb1d2b; border-width:0 1px 1px 0; color:#fff; background-color:#eb1d2b;  box-sizing:border-box;}
.button.brown {border:1px solid #5f4b4b ; border-width:0 1px 1px 0; color:#fff; background-color:#5f4b4b;  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: #c70c19;} 
.button.gray:hover, .button.gray:active, .button.gray:focus {border: 1px solid #676767;border-width:0 1px 1px 0;color: #fff;box-sizing:border-box;text-decoration:none;background-color: #676767;} 
.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 #ddd; box-sizing:border-box; color:#555; text-decoration:none; background-color:#ededed; } 
.button.down.white:hover, .button.down.white:active, .button.down.white:focus {border: 0px solid  #c70c19;border-width:1px 1px 1px 1px;color: #fff; box-sizing:border-box; text-decoration:none; background-color: #eb1d2b;} 
.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:#c70c19;  box-sizing:border-box;}
.button.brown:hover, .button.brown:active, .button.brown:focus {border:1px solid #4e3737; border-width:0 1px 1px 0; color:#fff; background-color:#4e3737;  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;}
.button.down{ font-family: '나눔스퀘어','Nanum Square', sans-serif;font-weight: 400;}
.button.down.white{ color:#555;}
.button.down:after{ content:''; display: inline-block; width:10px; height:14px; background: url('../images/common/ico_down_on.png') no-repeat; background-position: center 0px; margin-left:7px; vertical-align:middle;}
.button.large.down:after{height: 16px; margin-left: 12px; }
.button.down.white:after{ background: url('../images/common/ico_down.png') no-repeat; }
.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;}

@media only screen and (max-width:1024px) {
	.BoxTxt,.boxImg,.lineBox{ padding:10px; }
}
@media only screen and (max-width:815px) {	
	
	/* srcoll-table */
	.srcoll-table			{ position: relative; width: 100%; margin-top:20px; }
	.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:815px !important; font-size: 14.5px; margin-bottom: 0;}
}


/* 정렬 */
.fL {float:left ;}
.fR {float:right ;}
.tR {text-align:right !important ;}
.tL {text-align:left !important;}
.tC {text-align:center !important;}
.cboth {display:block; content:""; clear:both;}
.ovh { overflow:hidden !important}
.underline { text-decoration: underline}
.inblk {display:inline-block;}
.vaT {vertical-align: top !important}


.txt_sm { font-size: .9em; color:#777;}
.txt_large { font-size: 1.55em; line-height: 1.4em; font-family: '나눔스퀘어','Nanum Square', sans-serif; font-weight: 400;}
.txt_xlarge { font-size: 2.38em; color: #333; line-height: 1.3em; font-weight: 700; letter-spacing: -0.06em; margin-bottom: 35px !important; font-family: '나눔스퀘어','Nanum Square';}
.txt em{ display:block;}
@media only screen and (max-width:640px) {
	.txt em{ display:inline;}
	.txt_sm { font-size: .85em;}
	.txt_large { font-size: 1.45em;} 
	.txt_xlarge { font-size: 2em;margin-bottom: 20px !important; }
}
.font_100{ font-weight: 100;}
.font_400{ font-weight: 400;}
.font_700{ font-weight: 700;}

/* display */
.dis_b { display: block}
.dis_inB { display: inline-block}
.dis_none { display: none}

/* color */
.col_blue {color:#0676cd !important;}
.col_red {color:#ed1b3b !important;}
.col_orange {color:#e65b2c !important;}
.col_brown {color:#5f4b4b !important;}
.col_b {color:#000 !important;}
.col_w {color:#fff !important;}
.col_g {color:#777 !important;}
.col_g2 {color:#363636 !important;}
.col_navy{ color:#3c4b77;}
.col_pink{ color:#dbbaba;}

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

/* Padding */
.pd_0{ padding:0 !important}
.pt_0 { padding-top:0px !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_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 }
.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 }

@media only screen and (max-width:640px) {
	.mt_20 { margin-top:18px !important }
	.mt_25 { margin-top:22px !important }
	.mt_30 { margin-top:25px !important }
	.mt_35 { margin-top:30px !important }
	.mt_40 { margin-top:35px !important }
	.ml_20 { margin-left:18px !important }
	.ml_25 { margin-left:22px !important }
	.mr_20 { margin-right:18px !important }
	.mr_25 { margin-right:22px !important }
	.mr_30 { margin-right:25px !important }
	.mb_20 { margin-bottom:18px !important }
	.mb_25 { margin-bottom:22px !important }
	.mb_30 { margin-bottom:25px !important }
	.mb_40 { margin-bottom:35px !important }
	.mb_50 { margin-bottom:40px !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;}