@charset "utf-8";

/* CSS Document */


/* header */
#header{width:100%; margin-bottom:12px;position:relative;min-width:1066px;}
#header .top{min-width:1066px;height:400px; background:url(../img/bg_main_top.jpg) no-repeat center top;background-size:cover; margin:0 auto;/* border-bottom:#58585a 2px solid;*/ position:relative;}
#header .logo{position:absolute; left:262px; top:15px;}
#header .logo img{width:113px;}
#header .amble{position:absolute; left:440px; top:0;}
#header .amble_n{position:absolute; left:50%; top:8px; margin-left: -90px}
#header .title{display: none;position:absolute; left:50%; top:128px;max-width:804px;margin-left:-402px;}


/* body */
#section{width:100%; position:relative;margin-top:80px;}
#section .article{width:1066px; margin:0 auto;padding:0 32px;box-sizing:border-box;}
#section .article h1{position:relative;margin-bottom:27px;color:#2f2f2f;font-size:26px;letter-spacing:-1px;font-weight: 400;line-height:1;}
#section .article h1:after{content:"";position:absolute;bottom:-13px;left:0;width:31px;;height:3px;background:#2f2f2f;}

.box_07{display: block;border:1px solid #000;padding: 0 15px 15px;}
.box_07 strong{display: inline-block;padding: 0 15px;background:#f3f3f3;font-size: 18px;
color: #191919;line-height: 1.6;}
.box_07 .tit{
text-align: center;
display: block;
margin: -17px 0 0;
text-indent: 0;}
.box_07 li{font-size: 18px;
color: #191919;line-height: 1.6;}

.F_contents{width:1002px; height:599px; border:#b7b7b7 1px solid; background:url(../img/img_main_1.jpg) no-repeat; background-size:cover; position:relative;}
.F_contents .opecity div{position:absolute;bottom:0px;left:0;width:100%;text-align:center;padding:2em 0;background:rgba(0,0,0,0.82)}
.F_contents .opecity div a{color:#fff;}
.F_contents .opecity h2{font-size:34px;color:#fff;line-height:1.3;letter-spacing:-1px;font-weight:700;}
.F_contents .opecity p{padding-top:13px;font-size:22px;line-height:1.45;color:#fff;letter-spacing:-1px;font-weight: 400;}
.table_area{padding: 0 50px;}
.table_area table{width: 100%;border-collapse: collapse;
border-spacing: 0;}
.table_area table th{border:1px solid #323232;padding: 25px 20px;font-size: 18px;
color: #191919;}
.table_area table td{border:1px solid #323232;padding: 25px 20px;font-size: 18px;
color: #191919;}

.T_contents {width:998px; height:295px; position:relative; margin-top:5px;}
.T_contents .T01{left:0px; top:35px;}
.T_contents .T02{left:254px; top:35px;}
.T_contents .T03{right:254px; top:35px;}
.T_contents .T04{right:0px; top:35px;}
.cont{border:#b7b7b7 1px solid; width:236px; background:#fff; position:absolute;}
.cont img{vertical-align:bottom;}
.cont p{border-top:#b7b7b7 1px solid; font-size:13px; color:#5e5e5e; height:63px; padding:12px 15px 12px 15px;}
.cont span{display:block; font-size:15px; font-weight:bold; color:#000;line-height:25px; }

.H_contents {width:998px; height:297px;  position:relative; margin-top:5px;}
.H_contents .T01{left:0px; top:35px;}
.H_contents .T02{left:339px; top:35px;}
.H_contents .T03{right:0px; top:35px;}
.conh{border:#b7b7b7 1px solid; width:320px; background:#fff; position:absolute;}
.conh img{vertical-align:bottom;}
.conh .ment{border-top:#b7b7b7 1px solid; font-size:13px; color:#5e5e5e; height:63px; padding:12px 15px 12px 15px;}
.conh span{font-size:15px; font-weight:bold; color:#000;line-height:35px; }
.conh .Do{font-size:15px; font-weight:bold; color:#f26522;}

.O_contents {width:998px; height:300px;  position:relative; margin-top:5px;}
.O_contents .T01{left:0px; top:35px;}
.O_contents .T02{right:0px; top:35px;}
.cono{border:#b7b7b7 1px solid; width:491px; background:#fff; position:absolute; }
.cono img{vertical-align:bottom;}
.cono .ment{border-top:#b7b7b7 1px solid; font-size:13px; color:#5e5e5e; height:70px; padding:5px 15px 12px 15px;}
.cono span{font-size:15px; font-weight:bold; color:#000;line-height:40px; }

.V_contents {width:998px; height:170px;  position:relative; margin-top:5px;}
.V_contents .V01{left:0px; top:35px;}
.V_contents .V02{left:254px; top:35px;}
.V_contents .V03{right:254px; top:35px;}
.V_contents .V04{right:0px; top:35px;}
.conv{border:#b7b7b7 1px solid; width:236px; background:#fff; position:absolute; }
.conv img{vertical-align:bottom;}




/* footer */

#footer{width:100%;min-width:1066px;padding-top:10px;background:url(../img/footer_gra_line.png) repeat-x 0 0;}
#footer .copywrap{width:1066px;margin:0 auto; position:relative; height:100px;}
#footer .copywrap .B_logo{position:absolute;top:30px;left:40px;}
#footer .copywrap .B_logo img{width:113px;}
#footer .copywrap .copy{position:absolute; left:180px; top:41px; color:#404252;font-size:11px;  font-family: 'Nanum Gothic'}
#footer .copywrap ul{position:absolute; right:32px; top:40px;}
#footer .copywrap li{float:left; text-indent:-9999px; margin-right:6px  }
#footer .copywrap li a{display:block;width:40px; height:40px; }
#footer .copywrap .home{background:url(../img/icon_sns05.png) 0 no-repeat;}
#footer .copywrap .blog{background:url(../img/icon_sns04.png) 0 no-repeat;}
#footer .copywrap .post{background:url(../img/icon_sns06.png) 0 no-repeat;}
#footer .copywrap .face{background:url(../img/icon_sns01.png) 0 no-repeat;}
#footer .copywrap .twit{background:url(../img/icon_sns02.png) 0 no-repeat;}
#footer .copywrap .youtube{background: url(../img/icon_sns03.png) 0 no-repeat;}
#footer .copywrap .open_nuri{position:absolute;top:39px;left:580px;}

/*2017-03-18*/
.bg_main{/*background:url(../img/bg_full.png) center 0 no-repeat;background-size:cover;*/background-color:#f3f3f3;}
.section_top{z-index:1;position:absolute;top:362px;left:50%;width:1002px;height:80px;margin-left:-501px;border-radius:5px;background:#fff;border:solid 1px #dbdbdb;overflow:hidden;box-sizing:border-box;
    -webkit-box-shadow:0 16px 18px -7px rgba(218, 218, 218, 1);
    box-shadow:0 16px 18px -7px rgba(218, 218, 218, 1);}
.section_top .wrap_combo {display: inline-block;padding:20px;background: #fff;line-height: 15px;vertical-align: 1px;/*border:1px solid #ededed;*/}
.section_top .wrap_combo select{height:40px;line-height:40px;width:209px;padding-left:15px;border-color:#b6b6b6;color:#393b48;font-size:18px;font-weight:bold;}
.section_top .sns_top{float:right;width:276px;margin:20px 20px 0 0;overflow:hidden;}
.section_top .sns_top li{float:left;margin-left:6px;}
.section_top .wrap_combo .tit{display:inline-block;padding:0 5px 0 15px;background:url(../img/icon_tit_detail.png) 0px center no-repeat;}
.contents_main_n{margin-bottom:50px;}
.contents_main_n ul:after{content:'';display:block;clear:both;}
.contents_main_n li{float:left;position: relative;width:246px;margin-left:6px;}
.contents_main_n li:first-child{margin-left:0;}
.contents_main_n li a{display:block;line-height:0;}
.contents_main_n li a .thumb{width:100%;}
.contents_main_n li .tit_ball{display:inline-block;width:79px;height:85px;background: url(../img/img_ball.png) 0 0 no-repeat;color:#fff;box-sizing:border-box;position: absolute;left: 230px;top: -40px;font-size:14px;font-weight:bold;line-height:16px;text-align: center;padding: 25px 0;}
.contents_main_n li .ment{display:table;width:100%;height:68px;line-height:1.2;background-color:#fff;border-radius:0 0 3px 3px;color: #313131;font-size:16px;font-weight: 400;text-align: center;letter-spacing:-0.5px;}
.contents_main_n li .ment span{display:table-cell;vertical-align:middle;word-break:keep-all}

.contents_main_n.section01{margin-top:50px;}
.contents_main_n.section01 a img{vertical-align:top;height: 246px;}
.contents_main_n.section01 .txt{position: absolute;bottom:0;left: 0;background: rgba(0, 0, 0, 0.82);width: 100%;height:65px;box-sizing:border-box;}
.contents_main_n.section01 .txt p{display:table;width:100%;height:65px;overflow: hidden;background:none;line-height:1.3;color: #fff;font-size: 16px;font-weight:400;text-align: center;letter-spacing: -0.05em}
.contents_main_n.section01 .txt p span{display:table-cell;vertical-align:middle;word-break: keep-all}

.contents_main_n.section02 li {width: 330px;height:258px;-webkit-box-shadow:0 8px 17px 1px rgba(218, 218, 218, 1); box-shadow:0 8px 17px 1px rgba(218, 218, 218, 1);border-radius:0 0 3px 3px;}
.contents_main_n.section02 li img{width: 330px;height:190px;border-radius:3px 3px 0 0;}

.contents_main_n.section03 li {width: 330px;height:258px;-webkit-box-shadow:0 8px 17px 1px rgba(218, 218, 218, 1); box-shadow:0 8px 17px 1px rgba(218, 218, 218, 1);border-radius:0 0 3px 3px;}
.contents_main_n.section03 li img{width: 330px;height:190px;border-radius:3px 3px 0 0;}

.contents_main_n.section04 li {width:195px;height:225px;}
.contents_main_n.section04 li img{height:157px;width: 100%;}

.contents_main_n.section04 li .ment {
    height: 50px;
}

.sub #section.news{margin-top:68px;}
.sub #section .article .sub_title {text-align: center;}
.sub #section.news .article .sub_title {border-top:solid 2px #9e9e9e;padding-top:24px;}
.sub #section .article .sub_title .soT {color:#191919;font-size:36px;letter-spacing:-1px;}
.sub #section .article .sub_title .boT {padding-top:20px;color:#191919;font-size:24px;letter-spacing: -1px;}
.sub #section .article .article-video{padding-bottom:70px;text-align:center;}
.sub #section .article{font-family: 'Nanum Barun Gothic', sans-serif;}
.sub #section .article-group{padding:20px 0;word-break:keep-all}
.sub #section .article-group *{word-break:keep-all}
.sub #section .article-group .article-news .figure {text-align: center}
.sub #section .article-group .article-news .figure img {max-width: 100%}
.sub #section .article-group .article-top-tit .figure{padding-top:20px;text-align:center;}
.sub #section .article-group .article-top-tit .figure img {max-width: 100%;width: 100%}
.sub #section .article-group .article-top-tit p{padding-top:25px;font-size:18px;color:#191919;line-height:1.66;letter-spacing:-0.5px;word-break:keep-all;}
.sub #section .article-group .article-top-tit p:first-child{padding-top:0}
.sub #section .article-group .article-box{padding-top:25px;}
.sub #section .article-group.article-news .article-box{padding-top:34px;}
.sub #section .article-group .article-box .article-title{position: relative;padding-bottom:10px;padding-left: 1em;font-size:22px;color:#16a0d8;font-weight:bold;letter-spacing:-0.5px;}
.sub #section .article-group .article-box .article-title:before {content: ""; display: block; position: absolute;top: 9px;left: 0; width: 15px; height: 15px; background: #16a0d8;}
.sub #section .article-group .article-box .figure{}
.sub #section .article-group .article-box .figure img {max-width: 100%}
.sub #section .article-group .article-box .figcaption{padding-bottom:35px;font-size:20px;color:#191919;font-weight:bold;letter-spacing:-0.5px;}
.sub #section .article-group .article-box p{font-size:18px;color:#191919;letter-spacing:-0.5px;line-height:1.6;text-align: justify}
.sub #section .article-group p.tind{text-indent:1em;}
.sub #section .article-group p.tind.w105{width: 105%;}
.sub #section .article-group p.tind.w104{width: 104%;}
.sub #section .article-news p.tind{margin-bottom: 1em}
.sub #section .article-group .article-news p{padding-top:30px;font-size:18px;color:#191919;letter-spacing:-0.5px;line-height:1.6;text-align: justify}
.sub #section .article-group .article-news .first{padding-top:25px;text-indent:1em;}

.letterspacing {letter-spacing: -0.04em}

#bgvid{width: 853px;height: 480px;margin: 0 auto;}
.wrap_video{width: 854px;height: 480px;margin: 0 auto;}

.wrap_video{padding: 20px 0;}
.contents_main_n.section04 li img{width: 100%;}
@media all and (max-width: 768px) {

.table_area {
    padding: 0 0px;
}
.table_area table th,.table_area table td {
    padding: 20px 10px;
    font-size: 15px;
}

/* header */
#header{width:100%; margin-bottom:12px;position:relative;min-width:100%;}
#header .top {
    min-width: 100%;
    height: 165px;
    background-size: auto 165px !important;
    margin: 0 auto;
    border-bottom: #58585a 2px solid;
    position: relative;
    padding-bottom: 38px;
}
#header .logo{position:absolute; left:50%; top:15px; margin-left: -57px}
#header .logo img{width:113px;}
#header .amble{position:absolute; left:auto; right: 70px; top:6px;width: 140px}
#header .amble img {width: 100%}
#header .amble_n{position:absolute; left:auto; right: 10px; top:10px; width: 170px}
#header .amble_n img {width: 100%}
#header .title {width: 100%;left: 0; margin-left: 0; padding: 20px; box-sizing: border-box;}
#header .title img {width: 100%}


/* body */
.contents_main_n.section01 a img {
    height: 178px;
}
#section{width:100%; position:relative;margin-top:110px;}
#section .article{width:100%; margin:0 auto;padding:0 20px;box-sizing:border-box;}
#section .article h1{position:relative;margin-bottom:27px;color:#2f2f2f;font-size:26px;letter-spacing:-1px;font-weight: 400;line-height:1;}
#section .article h1:after{content:"";position:absolute;bottom:-13px;left:0;width:31px;;height:3px;background:#2f2f2f;}

.F_contents{width:100%;height:auto;min-height: 320px;border:#b7b7b7 1px solid;background-size: cover;position:relative; background-position: center}
/*.F_contents .opecity{background:url(../img/opa.png) repeat-x;border-top:#000 1px solid; height:93px; margin-top:307px;}*/
.F_contents .opecity div{position:absolute;bottom:0px;left:0;width:100%;text-align:center;padding:1em 0;}
.F_contents .opecity div a{color:#fff;}
.F_contents .opecity h2{font-size:34px;color:#fff;line-height:1.3;letter-spacing:-1px;font-weight:700;word-break: keep-all}
.F_contents .opecity p{padding-top:13px;font-size:22px;line-height:1.45;color:#fff;letter-spacing:-1px;font-weight: 400;}

.T_contents {width:100%; height:295px; position:relative; margin-top:5px;}
.T_contents .T01{left:0px; top:35px;}
.T_contents .T02{left:254px; top:35px;}
.T_contents .T03{right:254px; top:35px;}
.T_contents .T04{right:0px; top:35px;}
.cont{border:#b7b7b7 1px solid; width:236px; background:#fff; position:absolute;}
.cont img{vertical-align:bottom;}
.cont p{border-top:#b7b7b7 1px solid; font-size:13px; color:#5e5e5e; height:63px; padding:12px 15px 12px 15px;}
.cont span{display:block; font-size:15px; font-weight:bold; color:#000;line-height:25px; }

.H_contents {width:100%; height:297px;  position:relative; margin-top:5px;}
.H_contents .T01{left:0px; top:35px;}
.H_contents .T02{left:339px; top:35px;}
.H_contents .T03{right:0px; top:35px;}
.conh{border:#b7b7b7 1px solid; width:320px; background:#fff; position:absolute;}
.conh img{vertical-align:bottom;}
.conh .ment{border-top:#b7b7b7 1px solid; font-size:13px; color:#5e5e5e; height:63px; padding:12px 15px 12px 15px;}
.conh span{font-size:15px; font-weight:bold; color:#000;line-height:35px; }
.conh .Do{font-size:15px; font-weight:bold; color:#f26522;}

.O_contents {width:100%; height:300px;  position:relative; margin-top:5px;}
.O_contents .T01{left:0px; top:35px;}
.O_contents .T02{right:0px; top:35px;}
.cono{border:#b7b7b7 1px solid; width:491px; background:#fff; position:absolute; }
.cono img{vertical-align:bottom;}
.cono .ment{border-top:#b7b7b7 1px solid; font-size:13px; color:#5e5e5e; height:70px; padding:5px 15px 12px 15px;}
.cono span{font-size:15px; font-weight:bold; color:#000;line-height:40px; }

.V_contents {width:100%; height:170px;  position:relative; margin-top:5px;}
.V_contents .V01{left:0px; top:35px;}
.V_contents .V02{left:254px; top:35px;}
.V_contents .V03{right:254px; top:35px;}
.V_contents .V04{right:0px; top:35px;}
.conv{border:#b7b7b7 1px solid; width:236px; background:#fff; position:absolute; }
.conv img{vertical-align:bottom;}




/* footer */

#footer{width:100%;min-width:100%;padding-top:10px;background:url(../img/footer_gra_line.png) repeat-x 0 0;}
#footer .copywrap{width:100%;margin:0 auto; position:relative; height:100px;}
#footer .copywrap .B_logo{position:absolute;top:30px;left:40px;display: none}
#footer .copywrap .B_logo img{width:113px;}
#footer .copywrap .copy{position:absolute; left:130px; top:36px; color:#404252;font-size:11px;  font-family: 'Nanum Gothic'}
#footer .copywrap ul{display: none}
#footer .copywrap .open_nuri{position:absolute;top:39px;left:20px;width: 100px}
#footer .copywrap .open_nuri img{width: 100%}

/*2017-03-18*/
.bg_main{min-width:360px; background-color:#f3f3f3;}
.section_top{z-index:1;position:absolute;top:204px;left:0%;width:100%;height:80px;margin-left:0;border-radius:0;background:#fff;border:solid 1px #dbdbdb;overflow:visible;box-sizing:border-box;
    -webkit-box-shadow:0 16px 18px -7px rgba(218, 218, 218, 1);
    box-shadow:0 16px 18px -7px rgba(218, 218, 218, 1);}
.section_top .wrap_combo {display: inline-block;padding:20px;background: #fff;line-height: 15px;vertical-align: 1px;/*border:1px solid #ededed;*/}
.section_top .wrap_combo select{position: absolute;left: 20px;top: -50px;width: 120px; height: 30px; font-size: 15px; padding-left: 5px}
.section_top .sns_top{position: absolute; top: -70px; right: 0; width: 190px; margin: 20px 10px}
.section_top .sns_top li{float:left;margin-left:2.6%;width:14%}
.section_top .sns_top li img{width: 100%}
.section_top .wrap_combo .tit{display:inline-block;padding:0 5px 0 15px;background:url(../img/icon_tit_detail.png) 0px center no-repeat;}
.contents_main_n{margin-bottom:50px;}
.contents_main_n ul:after{content:'';display:block;clear:both;}
.contents_main_n li{float:left;position: relative;width:49%;margin-left:6px;margin-bottom: 6px}
.contents_main_n li:first-child,
.contents_main_n li:nth-child(3){margin-left:0;}
.contents_main_n li a{display:block;line-height:0;}
.contents_main_n li .tit_ball{display:inline-block;width:79px;height:85px;background:url(../img/img_ball.png) 0 0 no-repeat;color:#fff;box-sizing:border-box;position: absolute;left: 230px;top: -40px;font-size:14px;font-weight:bold;line-height:16px;text-align: center;padding: 25px 0;}
.contents_main_n li .ment{display:table;width:100%;height:68px;line-height:1.2;background-color:#fff;border-radius:0 0 3px 3px;color: #313131;font-size:16px;font-weight: 400;text-align: center;letter-spacing:-0.5px;}
.contents_main_n li .ment span{display:table-cell;vertical-align:middle;}

.contents_main_n.section01{margin-top:50px;}
.contents_main_n.section01 a img{vertical-align:top;width: 100%}
.contents_main_n.section01 .txt{position: absolute;bottom:0;left: 0;width: 100%;height:65px;box-sizing:border-box;}
.contents_main_n.section01 .txt p{display:table;width:100%;height:65px;overflow: hidden;background:none;line-height:1.625;color: #fff;font-size: 14px;font-weight:400;text-align: center;}
.contents_main_n.section01 .txt p span{display:table-cell;vertical-align:middle;word-break: keep-all}

.contents_main_n.section02 li {width: 100%;height:auto;-webkit-box-shadow:0 8px 17px 1px rgba(218, 218, 218, 1); box-shadow:0 8px 17px 1px rgba(218, 218, 218, 1);border-radius:0 0 3px 3px;}
.contents_main_n.section02 li img{width: 100%;height:auto;border-radius:3px 3px 0 0;}

.contents_main_n.section03 li {width: 100%;height:auto;-webkit-box-shadow:0 8px 17px 1px rgba(218, 218, 218, 1); box-shadow:0 8px 17px 1px rgba(218, 218, 218, 1);border-radius:0 0 3px 3px;}
.contents_main_n.section03 li img{width: 100%;height:auto;border-radius:3px 3px 0 0;}

.contents_main_n.section02 li:nth-child(2),
.contents_main_n.section03 li:nth-child(2) {margin-left: 0}

.contents_main_n.section04 li {width:49%;height:auto;margin-left: 2%}
.contents_main_n.section04 li:nth-child(2n-1) {margin-left: 0}
.contents_main_n.section04 li img {width:100%;}

.sub #section.news{margin-top:68px;}
.sub #section .article .sub_title {text-align: center;}
.sub #section.news .article .sub_title {border-top:solid 2px #9e9e9e;padding-top:24px;}
.sub #section .article .sub_title .soT {color:#191919;font-size:22px;letter-spacing:-1px;}
.sub #section .article .sub_title .boT {padding-top:20px;color:#191919;font-size:18px;letter-spacing: -1px;}
.sub #section .article .article-video{padding-bottom:70px;text-align:center;}
.sub #section .article .article-video iframe {width: 100%!important; height: auto}
.sub #section .article{font-family: 'Nanum Barun Gothic', sans-serif;}
.sub #section .article-group{padding:20px 0;}
.sub #section .article-group .figure img {width: 100%}
.sub #section .article-group .article-top-tit .figure{padding-top:20px}
.sub #section .article-group .article-top-tit p{padding-top:25px;font-size:18px;color:#191919;line-height:1.66;letter-spacing:-0.5px;word-break:keep-all;}
.sub #section .article-group .article-top-tit p:first-child{padding-top:0}
.sub #section .article-group .article-box{padding-top:30px;}
.sub #section .article-group .article-box .article-title{padding-bottom:10px;font-size:21px;color:#16a0d8;font-weight:bold;letter-spacing:-0.5px;}
.sub #section .article-group .article-box .figure{}
.sub #section .article-group .article-box .figcaption{padding-bottom:35px;font-size:20px;color:#191919;font-weight:bold;letter-spacing:-0.5px;}
.sub #section .article-group .article-box p{font-size:16px;color:#191919;letter-spacing:-0.5px;line-height:1.6;}
.sub #section .article-group p.tind{}
.sub #section .article-group .article-news p{padding-top:43px;font-size:16px;color:#191919;letter-spacing:-0.5px;line-height:1.6;}
.sub #section .article-group .article-news .first{padding-top:25px}

.box_07 li {
    font-size: 13px;

}
}


@media all and (max-width: 430px) {

   .F_contents {
    min-height: 263px;
    background-size: cover;
}
    .F_contents .opecity h2{font-size:16px;}
    .F_contents .opecity p{font-size:14px; padding-top: 3px}
    .contents_main_n li {width: 100%; margin-left: 0}
	.contents_main_n.section01 a img {
    height: auto;
}
}