@charset "utf-8";
/* CSS Document */


html {overflow-y:scroll}
html,body {width:100%;height:100%;}
body {margin:0;padding:0;font-size:14px;background-color:#FFF;word-break:break-all;color:#555;word-break:break-all;-ms-word-break:break-all; font-weight:normal;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0; }
h1, h2, h3, h4, h5, h6 {display:inline-block;font-weight:bold;font-size:1.0em;*letter-spacing:-1px;}
@media \0screen { h1,h2,h3,h4,h5,h6{letter-spacing:-1px} }
img,form,fieldset,iframe,table{border:0 none;}
ul,li,ins{list-style:none;margin:0;padding:0;text-decoration:none;}
ul, dl, dt, dd, p, div, ins, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
em,address{font-style:normal;font-weight:normal}
input, select, textarea, button, label {margin:0;padding:0;vertical-align:middle;outline:none;}
textarea,
select {font-size:1em}
input {margin:0;padding:0;border-radius:0;}
input[type=text], input[type=password], input[type=submit], input[type=image] {-webkit-appearance:none}
button {border-radius:0;font-size:1em;-webkit-appearance:none}
img{vertical-align:top}
caption{visibility:hidden !important;font-size:0;}
table{border-collapse:collapse;}
table.sep{border-collapse:separate;}
th{text-align:center;}
textarea{overflow:auto;}
p {margin:0;padding:10px 0;line-height:1.7em;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {}
a:link, a:visited, a:hover, a:focus, a:active {color:#555;text-decoration:none; }
td,th {}





/*메인*/
#contents_wrap{width:100%; z-index:1;  }
#header{height:99px;  width:100%; }
#contents{width:100%;}
.h_wrap{position:relative; width:1100px; margin:0 auto;}
.logo{float:left; width:186px;  padding-top:37px;}


/* 상단메뉴 공통 */
.h_right{float:right;width:910px;border:1px solid blue;display:block;}
.top_rightBtn{ display:inline-block; float:right;padding-top:8px; }
.top_rightBtn>li{float:left; border-top:1px solid #dad8d8;border-right:1px solid #dad8d8;border-bottom:1px solid #dad8d8; padding:5px 10px; color:#6a6a6a; font-size:11px;}
.top_rightBtn>li:first-child{border-left:1px solid #dad8d8;}

.menu_area{position:absolute; top:60px; right:0;display:block; /*border:1px solid red;*/ z-index:10000;}
.menu_area>li{float:left; font-size:16px; padding-right:95px; height:50px}
.menu_area>li.on{background:url(/img/sub/navi_title2.jpg) no-repeat 7px 37px; }
.menu_area>li>a:hover{color:red;}


.main_slide{margin:0 auto; width:100%; }
.main_slide>li{}
.main_slide>.slide_img{background:url("../img/main/slide_01.jpg") no-repeat center; height:487px; }
.slide_ment01{width:1100px; margin:0 auto;position:relative;}
.slide_ment01>.ment01{position:absolute; top:96px; left:13px;}
.slide_ment01>.btn01{position:absolute; top:164px; right:9px;}



.main_title>.title{float:left; font-size:18px;padding-bottom:8px; background:url("../img/main/title_position.gif") no-repeat 0 3px; padding-left:20px;}
.main_title>.more{float:right; padding-top:6px; padding-right:3px; color:#858585; font-size:14px;}

.c_wrap{ width:1100px; margin:0 auto; padding-top:52px; position:relative;z-index:1;}
.list_wrap{clear:both; position:relative; z-index:1;}
.list_wrap>ul>li{float:left; padding-bottom:16px; position:relative; height:264px; width:258px; z-index:3;}
.list_wrap>ul>li:nth-child(2){padding-left:21px; padding-right:23px;}
.list_wrap>ul>li:nth-child(3){padding-right:21px;}
.list_wrap>ul>li:nth-child(6){padding-left:21px; padding-right:23px;}
.list_wrap>ul>li:nth-child(7){padding-right:21px;}
.list_wrap>ul>li:nth-child(10){padding-left:21px; padding-right:23px;}
.list_wrap>ul>li:nth-child(11){padding-right:21px;}

.list_wrap>ul>li>.title_box{width:258px; height:33px; background-color:rgba(0, 0, 0, 0.65); position:absolute; top:216px;  z-index:5;text-align:center; padding-top:15px;}
.list_wrap>ul>li>.title_box>a{color:#fff; font-size:16px; }
/*.list_title01{background:url(); position:absolute; top:0; left:0;}*/

.m_banner{
	/*
	background:url("../img/main/m_banner.jpg") no-repeat center 80px;
	 padding-top:80px; */
	clear:both;
	position:relative;
}
.m_banner:after {
  content: "";
  display: block;
  height: 401px;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6); }
.m_banner:after {background-image: url(/img/main/m_banner_2.jpg); }  

.m_banner>img {position:absolute; left:50%;top:80px; margin-left:-325px;}

.b_btn_wrap>ul>li{float:left; padding-bottom:16px;}
.b_btn_wrap>ul>.pad_img{padding:0 18px;}


#footer{clear:both; background:#494949; height:180px; font-size:14px; }
.f_left{float:left;}
.f_wrap{width:1100px; margin:0 auto; position:relative;}
.f_ment{color:#9c9c9c; line-height:20px;}
.f_ment>p{margin:0; padding:0;}

.sns_wrap{position:absolute; top:0; right:0; padding-top:20px; padding-right:5px;}
.sns_wrap>div{display:inline-block; padding-left:4px; }
.sns_wrap>div>a.sns1{background:url("../img/common/sns_01.png") no-repeat; text-indent:-20000px; display:block; width:42px; height:42px;}
.sns_wrap>div>a.sns1:hover{background:url("../img/common/sns_01_on.png") no-repeat;}
.sns_wrap>div>a.sns2{background:url("../img/common/sns_02.png") no-repeat; text-indent:-20000px; display:block; width:42px; height:42px; }
.sns_wrap>div>a.sns2:hover{background:url("../img/common/sns_02_on.png") no-repeat;}
.sns_wrap>div>a.sns3{background:url("../img/common/sns_03.png") no-repeat; text-indent:-20000px; display:block; width:42px; height:42px; }
.sns_wrap>div>a.sns3:hover{background:url("../img/common/sns_03_on.png") no-repeat;}

.sns_wrap>div:first-child>a{ width:42px;height:42px;}


.f_topBtn{color:#ebe7e6; padding-top:25px;}
.f_topBtn>a{color:#ebe7e6; font-size:13px;}
.f_topBtn>a:hover{color:#00cda4;}


.check_btn>a{color:#00cda4;}



/*서브 페이지*/
#sub_wrapContent {width:1100px; margin:0 auto; font-size:14px; line-height:24px; display:table; margin-bottom:50px;}
#sub_wrapContent>h3 {font-size:20px; color:#000;}
.page_title01{background:url("../img/sub/navi_title.jpg") no-repeat 525px 55px; padding-top:65px;  font-size:20px; margin:0 auto; width:100%; text-align:center;}	

.img_box>ul{display:table; margin:0 auto; margin-bottom:50px}
.img_box>ul>li{float:left; width:143px; height:47px; background:#fff; text-align:center; line-height:47px; border:1px solid #ccc; margin-left:5px; position:relative;}
.img_box>ul>li>img{display:none;}
.img_box>ul>li>a{color:#000}
.img_box>ul>li:first-child{margin-left:0;}
.img_box>ul>li:hover {background:#02c296;}
.img_box>ul>li:hover>a{color:#fff;}
.img_box>ul>li.on{background:#02c296; border:1px solid #02c296}
.img_box>ul>li.on>a{color:#fff;}
.img_box>ul>li.on>img{position:absolute; left:50%;top:48px; margin-left:-4px; display:block;}