/******************** layout ********************/
#wrap {position:relative; overflow: hidden; background:#ece8e4; min-height:1000px; background-size: 100%;}

.w1000{width:1000px; margin:0px auto; background:#fff; padding:0px 35px; overflow:hidden;}
/******************** header ********************/
.header{position:relative; z-index:990;}
.top_hd{position:relative; width:100%; margin:0 auto;  height:30px;  z-index:999;}


.userR{position: absolute; right:0px; top:20px; display:block;}
.userR li{float:left; padding:0 3px; }

/******************** search ********************/


.top00 {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99990;
    display: block;
}


.logo{position: absolute; top:52px;  display:inline-block; height:50px; }
.logo p{background:#0071bb; overflow:hidden; padding:5px; margin-top:10px; width:416px;}
.logo p span{color: #fff; font-weight:bold;}

/******************** navigation area style ********************/
#gnb-wrap {
	overflow:hidden;z-index:970;  display: block;/*overflow: hidden;*/position: absolute; top: 60px ;left:0;width: 100%; line-height: 1.5em;
}
#gnb {
	position: relative; width:100%; height:100px; margin:0 auto; padding:0; 
}
#gnb ul {
	position: absolute; top:30px; right:0px; font-weight: 800; border-bottom: 3px solid #555;
}
#gnb ul li {
	float: left; padding:0 0 0 38px;   text-align:right;
}
#gnb ul li a {
	height:35px;overflow:hidden;display:inline-block; font-size:17px; font-weight:600; padding-top:3px; color:#555555;
}

#gnb ul li a:hover{ color:#76161b;}
#gnb ul li.on a {    
	 color:#76161b;    /** 대메뉴오버시컬러변경**/
}
#gnb ul li:first-child {
	padding-left: 0px;
}



/*******************************  visual **********************************/
#visual{width: 430px; float: left;}

/******************** main_visual ********************/
.main_wrap{display:block; width:100%;position:relative; }

.mt_slide_wrap{position:relative;z-index:0;height:348px; margin-top:88px;}
.slideshow{width:100% !important;height:348px !important;}
.slideshow div{width:100% !important;height:348px !important;text-align:center;margin:0 auto;}

.slideshow div span{background-position:center 0;background-repeat:no-repeat;display:inline-block;width:1000px;height:348px;}
.slideshow div.item01{background-image:url("../images/main_visual01.jpg");background-position:center 0;background-repeat:repeat-x;}
.slideshow div.item01 span{background-image:url("../images/main_visual01.jpg");}
.slideshow div.item02{background-image:url("../images/main_visual02.jpg");background-position:center 0;background-repeat:repeat-x;}
.slideshow div.item02 span{background-image:url("../images/main_visual02.jpg");}
.slideshow div.item03{background-image:url("../images/main_visual03.jpg");background-position:center 0;background-repeat:repeat-x;}
.slideshow div.item03 span{background-image:url("../images/main_visual03.jpg");}



/*******************************  icon01 **********************************/
.icon01{float: right; width:531px; position:relative;}
.icon01 div.tt01{position:relative; }
.icon01 ul li{position:relative; float:left; width:531px;  }
.icon01 ul li.icon01_1{}
.icon01 ul li.icon01_1 dl{width: 100%; text-align:center;}
.icon01 ul li.icon01_1 dl dt{word-break: keep-all; text-align:center;}
.icon01 ul li.icon01_1 dl dt a{color: #555;font-size: 20px;font-weight: bold; line-height: 23px;}
.icon01 ul li.icon01_1 dl dd a{color: #555;font-size: 15px;}
.icon01 ul li.icon01_1 dl dd a:hover, .icon01 ul li.icon01_1 dl dt a:hover{color: #ffd548; transition: all .2s;}
.icon01 ul li.icon01_2{}
.icon01 ul li.icon01_2 dl{width: 100%;  text-align:center;}
.icon01 ul li.icon01_2 dl dt{word-break: keep-all;}
.icon01 ul li.icon01_2 dl dt a{color: #555;font-size: 20px;font-weight: bold; line-height: 23px;}
.icon01 ul li.icon01_2 dl dd a{color: #555;font-size: 15px;}
.icon01 ul li.icon01_2 dl dd a:hover, .icon01 ul li.icon01_2 dl dt a:hover{color: #ffd548; transition: all .2s;}
.icon01 ul li dl{}
.icon01 ul li dl{color:#fff;}



.container{position: relative; width:100%; margin:140px auto 30px auto; }

.topic_bg p{text-align: center; padding-top: 66px;}
.topic_bg p a{line-height: 40px;text-align: center;font-size: 26px;color: #fff;font-weight: bold;}
.topic_bg p a:hover{color: #ffd548; transition: all .2s;}

/* 표 */
table.pyo {font-size:14px; color:#333333; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; width:100%; margin:5px 0 5px 0px; letter-spacing:0pt; font-weight: normal;}
table.pyo.cen{text-align:center;}
table.pyo img {vertical-align:middle;}
table.pyo th {border:1px solid #dfdfdf; color:#444444; background:#f3f3f3; text-align:center; font-weight:bold; line-height:140%;padding:10px 10px 10px 10px;}
table.pyo th.gray {border:1px solid #ebebeb; height:30px; color:#333333; background:#f8f8f8; text-align:center; font-weight:normal;}
table.pyo th.L {border-left:1px solid #ffffff;}
table.pyo th.R {border-right:1px solid #ffffff;}
table.pyo td{border:1px solid #dfdfdf;  padding:10px 5px 10px 5px;  text-align:center; height:25px; line-height:160%;}
table.pyo td.L{border:1px solid #dfdfdf;  padding:8px 5px 10px 15px; text-align:left; line-height:180%;}
table.pyo td.L2{border:1px solid #dfdfdf;  padding:8px 5px 10px 15px; text-align:left; line-height:180%;background:#f8f8f8;}
table.pyo td.R {border:1px solid #dfdfdf; padding:3px 7px 0px 0px; text-align: right;}
table.pyo td.gray {border-right:1px solid #ffffff; font-weight:bold;}
table.pyo td ul li {margin-left:10px;}
table.pyo td a:hover{color:#76161b; transition: all .2s; font-weight:bold;}
table.pyo td:hover{background:#ebebeb;}

table.pyo2 {font-size:14px; color:#333333; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; width:100%; margin:5px 0 5px 0px; letter-spacing:0pt; font-weight: normal;}
table.pyo2.cen{text-align:center;}
table.pyo2 img {vertical-align:middle;}
table.pyo2 th {border-bottom:1px solid #dfdfdf; color:#444444; text-align:center; font-weight:bold; line-height:140%;padding:10px 10px 10px 10px;}
table.pyo2 th.gray {border:1px solid #ebebeb; height:30px; color:#333333; background:#f8f8f8; text-align:center; font-weight:normal;}
table.pyo2 th.L {border-left:1px solid #ffffff;}
table.pyo2 th.R {border-right:1px solid #ffffff;}
table.pyo2 td{  padding:10px 5px 10px 5px;  text-align:center; height:25px; line-height:160%;}
table.pyo2 td.L{border:1px solid #dfdfdf;  padding:8px 5px 10px 15px; text-align:left; line-height:180%;}
table.pyo2 td.L2{border:1px solid #dfdfdf;  padding:8px 5px 10px 15px; text-align:left; line-height:180%;background:#f8f8f8;}
table.pyo2 td.R {border:1px solid #dfdfdf; padding:3px 7px 0px 0px; text-align: right;}
table.pyo2 td.gray {border-right:1px solid #ffffff; font-weight:bold;}
table.pyo2 td ul li {margin-left:10px;}



/*******************************  icon02  **********************************/
.icon02{ float: left; width:100%; position:relative; margin-top:50px; border-top:3px solid #555; padding-top:15px;}
.icon02 div.tt02{text-align:center; margin-bottom:20px;}
.icon02 div.topic_bg{}


.icon03{ float: left; width:100%; position:relative; margin-top:50px; }
.icon03 div.tt03{text-align:center; margin-bottom:20px; border-top:3px solid #555; padding-top:15px;}
/*******************************  icon03  ************************


.icon03 ul li{float: left;width: 194px;height: 306px;text-align: center;margin-left: 5px; border: 1px solid #efefef;background: #fff; box-sizing: border-box;} 
.icon03 ul li a{font-size:14px; display: block; height: 306px;}
.icon03 ul li:hover{border: 1px solid #76161b; transition: all .2s;}
.icon03 ul li:first-child {	padding-left: 0px;}
.photo-t{width:100%;}
.photo-t img{width:100%;}

**********/


.topic li{float:left; width:50%;}
.topic li div.photo-tt {float:left; margin-right:10px;}
/*******************************  icon04  **********************************/
.icon04{ float: left; width:100%; position:relative; margin-top:20px; }
.icon04 div.tt04{text-align:center; margin-bottom:20px; border-top:3px solid #555; padding-top:15px;}
.icon04 li{float: left;width: 25%;height: 306px;text-align: center;} 
.icon04 li dt{margin-top: 15px;margin-bottom: 15px;}
.icon04 li dt a{font-size: 26px;font-weight: bold;}
.icon04 li dd a span{font-style: italic;}
.icon04 li dt a:hover, .icon04 li dd a:hover{transition: all .2s; color:#76161b;}





/******************** copy ********************/
.footers{clear:both; WIDTH: 100%;  margin:0px 0 0 0; padding-top:20px; padding-bottom:20px; overflow: hidden; border-top:1px #e3e3e3 solid; background:#fff;}
.copy1100{width:1000px; margin:0px auto;}
.copy-logo{float:left; width:253px;}
		 .copy{width:100%; margin:0px auto; position:relative; padding:10px 0px;}		
		  .copyy {float: left; margin-left: 50px; }
		  .copyy ul li{color:#595959; font-size:11px;  float:left; padding-right:10px;}
		  .copyright{clear:both; font-size:11px; color:#595959;}
		
	.link_service {position:relative; overflow:hidden; width:100%; padding:0 0 0 0; text-align:right;  } 
	.link_service form{overflow:hidden; margin-bottom:4px;}
	.link_service select.link_select {width:148px; height:30px; border:1px solid #dadbdc; vertical-align:top; font-size:12px; color:#73767c;}
	.link_service form.link_box {display:inline-block; *display:inline; *zoom:1;  width:220px; margin:0px 0px 0 0;}
	.link_service form.last {margin:0px 0 0 0;}

.hdn {    font-size: 0px;    height: 0px;    overflow: hidden;    position: absolute;    visibility: hidden;    width: 0px;    line-height: 0;}	

ul.copymenu{width:500px; float:left; margin-top:-30px;}
ul.copymenu li{float:left; width:auto; padding:0px 5px; text-align:center;}
ul.copymenu li a{font-size:11px; color:#000;}





/* 메인 리스트 */
.visualWrap {margin:0px auto;width:100%;min-height:340px; overflow: hidden;}
.visualArea { width:100%; margin:0 auto;position: relative; overflow: hidden;}
.visualArea .visualBar {width:85px;height:16px;margin:20px auto 15px auto;position:relative}
.visualArea .visualBar .controller li {float:left;margin-left:5px}
.visualArea .visualBar .controller li.first {margin-left:0}
.visualArea .bbsLst { width:1300px; margin:0px auto; overflow:hidden}
.visualArea .bbsLst ul{overflow:hidden;position:relative;height:306px}
.visualArea .bbsLst ul:after{display:block;clear:both;content:""}
.visualArea .bbsLst li{overflow:hidden;float:left;position:relative;width:242px;height:306px; margin-right:10px; border: 1px solid #efefef; background: #fff; box-sizing: border-box;}
.visualArea .bbsLst li .bbsCate { position:absolute;top:158px;left:0px; height:20px;line-height:20px; z-index:22}

.green{background:#60BD68; border:1px solid #60BD69}
.blue{background:#008ECE; border:1px solid #008ECd}
.lgreen{background:#A6CE39; border:1px solid #A6CE38}
.etc{background:#45677D; border:1px solid #45677c}
.orange{background:#F7941E; border:1px solid #F7941d}
.visualArea .bbsLst .thumb{display:block;overflow:hidden;position:relative;width:192px;line-height:180px;text-align:center}
.visualArea .bbsLst .thumb .img{display:block;border:0;width:99%; border:1px #555 solid;height:205px;overflow:hidden;}
.visualArea .bbsLst a{display:block;width:100%;margin:0 auto;padding:0;text-decoration:none;cursor:pointer; height: 309px;}
.visualArea .bbsLst a:focus{border:2px dotted #000}
.visualArea .bbsLst strong{display:inline-block;width:100%;margin:11px 0 5px 0px;color:#333; font-size:15px; text-align: center;}
.visualArea .bbsLst p{width:100%;margin:0 auto;font-size:12px;color:#666;line-height:16px;height:auto; overflow:hidden;text-align:center}
.visualArea .bbsLst a:hover strong,.visualArea .bbsLst a:active strong,.visualArea .bbsLst a:focus strong{text-decoration:underline}





/********* sub_container *************/
#sub_container {	/*position:relative;*/	 width:100%;	 overflow:hidden;	clear:both;}



.img-p img{width:100%;}
h3{font-size:26px; text-align:center;}
p.s-tit{font-size:23px;  text-align:center;}
h4{font-size:20px; }

.button_box {
    margin-top: 15px;
    overflow: hidden;
    width: 1000px;
}

.button_box .btn {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding: 14px 25px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #333;
    border-radius: 5px;
    transition: all .2s;
	width: 44.3%;
	text-align:center;
}

.button_box .btn:hover {color:#fff; background:#333;transition: all .2s;}


.button_box .btn2 {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding: 14px 10px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #333;
    border-radius: 5px;
    transition: all .2s;
	width: 22.3%;
	text-align:center;

}

.button_box .btn2:hover {color:#fff; background:#333;transition: all .2s;}



.button_box .on {color:#fff; background:#333;transition: all .2s;}


.half_area03 {
    overflow: hidden;
    width: 100%;
}

.half_area03 div {
    float: left;
    width: 50%;
}

.half_area03 div img {
    vertical-align: top;
    width: 99%;
}


.faq-title {
    line-height: 24px;
    text-align: left !important;
    position: relative;
    font-size: 16px;
    overflow: hidden;
    font-weight: bold;
    text-overflow: ellipsis;
   /* white-space: nowrap;*/
    word-wrap: normal !important;
    display: block;
    background: #F9E1DF;
	padding: 10px 36px 10px 58px;
}
.faq-title span {
    font-family: "lato";
    font-size: 16px;
    color: #333;
    font-weight: 600;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 100px;
    position: absolute;
    left: 20px;
    top: 8px;
    background: #cb3726 !important;
    color: #fff !important;
}


.box-line{border-top:1px solid #ddd;}
.title {
    font-size: 17px;
    color: #007ac5;
    border: 2px solid #007ac5;
    border-radius: 50px 50px 0 50px;
    height: 38px;
    line-height: 41px;
    padding: 0 20px 0 16px;
}

.en {
    float: left;
    font-family: "lato";
    font-size: 23px;
    color: #fff;
    border-radius: 50px 50px 0 50px;
    height: 36px;
    line-height: 36px;
    padding: 0 14px;
    margin-right: 12px;
	background: #76161b; margin-bottom: 30px;
}

.kr{font-size: 18px;font-weight: bold; font-family: "lato"; line-height: 21px; }

#sub_contents {   margin-top:30px;  line-height:2.0em; margin-bottom:50px; background:#fff; padding:50px 30px 50px 30px;  text-align: justify;

word-wrap: break-word;

word-break: keep-all;

white-space: normal;}  


#contents_head {    position: relative;    top: 0px;    height: 70px;    padding: 0px;  /*  overflow: hidden; */ }
.contentsTitle {    position: relative;    top: 0px;    height: 40px;    padding: 0px; margin-bottom:20px;    border-bottom: 1px solid #E6E6E6;}
.contentsTitle h2 {    float: left;    padding:0px 0 0 0;    font-size: 19px;  height: 40px;     font-weight: 600; color: #727272; letter-spacing:-0.5px; display:block; line-height: 1.5em;}
.contentsLocation {  position: absolute;   right:0px;    color: #405870;    font-size: 13px;    margin-top: 10px; /*font-weight: 700;*/ line-height: 1.5em;}


#contents_area{ font-size: 13px; line-height: 2.0em; color: #464646; z-index:50;}