@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/top_bg.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{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;}

.F_contents{width:1002px; height:506px; border:#b7b7b7 1px solid; background:url(../img/main_img_01.jpg) no-repeat; position:relative;}
/*.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:35px;left:0;width:100%;text-align:center;}
.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;}

.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 .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;}
.contents_main_n.section01 .txt{position: absolute;bottom:0;left: 0;background: url(../img/k_list1cov1.png) no-repeat 0 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.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:246px;height:142px;}

.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;}
.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}
.sub #section .article-group .article-top-tit .figure img {max-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:50px;}
.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{}
.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}

.letterspacing {letter-spacing: -0.04em}

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

/* header */
#header{width:100%; margin-bottom:12px;position:relative;min-width:100%;}
#header .top{min-width:100%;height:400px; background:url(../img/top_bg.jpg) no-repeat 70% top;background-size:cover; margin:0 auto;/* border-bottom:#58585a 2px solid;*/ position:relative;}
#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 */
#section{width:100%; position:relative;margin-top:80px;}
#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:url(../img/main_img_01.jpg) no-repeat;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:15px;left:0;width:100%;text-align:center;}
.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:362px;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;background: url(../img/k_list1cov1.png) repeat-x 0 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}
    
    
}


@media all and (max-width: 430px) {
    #header .top{background:url(../img/top_bg.jpg) no-repeat 75% top;}
    .F_contents{min-height: 161px;background-size: 100%}
    .F_contents .opecity h2{font-size:16px;}
    .contents_main_n li {width: 100%; margin-left: 0}
}