@charset "utf-8";

/*  default.css */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
	font-family: "Nanum Barun Gothic";
	font-style: normal;
	font-weight: normal;
	src:url(NanumBarunGothicWeb.eot);
	src:url(NanumBarunGothicWeb.eot?#iefix) format("embedded-opentype"),
		url(NanumBarunGothicWeb.woff) format("woff"),
		url(NanumBarunGothicWeb.ttf) format("truetype");
}

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;}
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;font-size:12px; font-family:'Noto Sans KR', sans-serif;color:#727272;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:0px;overflow:hidden;color:transparent;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}
 
/* Form */
textarea { border:1px solid #dbdbdb;}
select { height:32px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff; }
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {width:100%; height:30px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff; transition: all 0.5s; vertical-align:middle;}
input::-webkit-input-placeholder{color:#757575; font-size:15px; line-height:100%;}
textarea { padding:5px 0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:12px;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
.skip {position:absolute; left:0; top:-50px; z-index: 30; width:100%; height:30px; line-height:30px; background: #000; color:#fff; text-align:center; font-size:14px; transition: all 0.5s;}
.skip:focus {top:0;}

* { box-sizing:border-box; } 




header {background: #fff; height: 113px; border-bottom: 1px solid #ebebeb; min-width: 1200px; padding: 0 60px; position: relative;}
header:after {content: ""; display: block; clear: both;}
header h1 {float: left; font-size: 0; background: url(../img/header_logo1.png) no-repeat; position: relative; top: 15px;}
header h1 a {display: block; width: 278px;height: 72px;}
header nav {float: right; position: relative; right: 100px;}
header nav > ul:after {content: ""; display: block; clear:both;}
header nav > ul > li {float: left; padding: 0 25px; position: relative; transition: all .2s;}
header nav > ul > li > a {line-height: 113px; font-size: 19px; color: #333; font-weight: 400; display: block;}
header nav > ul > li:hover {background: #c22e1d;}
header nav > ul > li:hover > a {color: #fff;}
header nav > ul > li > ul {display: none; position: absolute; left: 0px; top: 120px; z-index: 60; width: 100%; text-align: center; }
header nav > ul > li > ul.on:after {content: ""; display: inline-block; width: 1px; height: 150px; background:
#ebebeb; position: absolute; right: 0; top: 0; }
header nav > ul > li > ul > li > a {font-size: 15px; color: #555; line-height: 35px; letter-spacing: -1px; transition: all .4s;}
header nav > ul > li > ul > li > a:hover {color: #c22e1d;}

header .hide_menu {display: none; background: #fff; height: 190px; width: 100%; position: absolute; left: 0; top:113px; z-index: 50;}

body {min-width: 1200px;}

footer {background: #fff; border-top: 1px solid #e1e1e1; height: 82px; }
footer > div {width: 1200px; margin: 0 auto; padding: 0 20px; height: 100%;}
footer > div:after {content: ""; display: block; clear: both;}
footer h1 {float: left; font-size: 0; background: url(../img/footer_logo1.png) no-repeat; width: 83px; height: 55px; display: inline-block; position: relative; top: 50%; transform: translateY(-50%);}
footer ul {float: right;}
footer ul:after {content: ""; display: block; clear: both;}
footer ul li {float: left; padding: 0 15px;}
footer ul li:after {content: ""; display: block; clear: both;}
footer ul li h2 {float: left; font-size: 15px; color: #555; padding-right: 5px; line-height: 82px;}
footer ul li p {float: left; font-size: 15px; color: #555; line-height: 82px;}
footer.sub_footer {margin-top: 90px;}

/*index 메인*/
.index .visual {padding-left: 60px; position: relative; margin-bottom: 20px;} 
.index .visual .slide1 {position: relative;}
.index .visual .slide1 .swiper-slide {position: relative; height: 500px; overflow: hidden;}
.index .visual .slide1 .swiper-slide > img {height: 600px; transform: scale(1.4);}
.ani1 {animation-name: ani1; animation-duration: 10s; animation-iteration-count: infinite; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0s;}
@keyframes ani1 {
        0% {transform: scale(1.4);}
        100% { transform: scale(1);}
    }

.index .visual .slide1 .swiper-slide .txt {position: absolute;  z-index: 50;}
.index .visual .slide1 .swiper-slide.type1 .txt {left: 50%; top: 50%; transform: translate(-50%,-50%);}
.index .visual .slide1 .swiper-slide.type1 .txt img {display: block; width: 416px; height: 150px;  opacity: 0; left: -50px; position: relative;}

/*.index .visual .slide1 .swiper-slide.type1 .txt img.line1 {width: 385px; height: 37px; opacity: 0; left: -150px; position: relative;}
.index .visual .slide1 .swiper-slide.type1 .txt img.line2 {width: 416px;height: 32px; opacity: 0; position: relative; top: 10px; left: -150px; position: relative;}
.index .visual .slide1 .swiper-slide.type1 .txt img.line3 {width: 214px; height: 46px; opacity: 0; position: relative; top: 35px; left: -150px; position: relative;}*/
.ani3 {animation-name: ani3; animation-duration: 1s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0.1s;}
@keyframes ani3 {
        0% {opacity: 0; left: -50px;}
        100% {opacity: 1; left: 0px;}
    }
 /*   
.ani4 {animation-name: ani4; animation-duration: 1.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 2s;}
@keyframes ani4 {
    0% {opacity: 0; left: -150px;}
    100% {opacity: 1; left: -10px;}
}
.ani5 {animation-name: ani5; animation-duration: 1.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 3s;}
@keyframes ani5 {
    0% {opacity: 0; left: -150px;}
    100% {opacity: 1; left: 77px;}
}
*/
.index .visual .slide1 .swiper-slide.type2 .txt {left: 50%; top: 50%; transform: translate(-50%,-50%);}
.index .visual .slide1 .swiper-slide.type2 .txt img {display: block;}
.index .visual .slide1 .swiper-slide.type2 .txt img.line1 {width: 395px; height: 41px; position: relative; left: -150px; opacity: 0;}
.index .visual .slide1 .swiper-slide.type2 .txt img.line2 {width: 390px; height: 37px; position: relative; left: -150px; top: 10px; opacity: 0;}
.ani6 {animation-name: ani6; animation-duration: 1.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0s;}
@keyframes ani6 {
    0% {opacity: 0; left: -150px;}
    100% {opacity: 1; left: -60px;}
}
.ani7 {animation-name: ani7; animation-duration: 1.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 1s;}
@keyframes ani7 {
    0% {opacity: 0; left: -150px;}
    100% {opacity: 1; left: 0;}
}

.index .visual .slide1 .swiper-slide.type3 .txt {left: 410px; top: 265px;}
.index .visual .slide1 .swiper-slide.type3 .txt img {display: block; width: 383px; height: 128px; opacity: 0; left: -50px; position: relative;}
/*.index .visual .slide1 .swiper-slide.type3 .txt img.line1 {width: 255px; height: 38px; position: relative; left:-150px; opacity: 0; }*/
/*.index .visual .slide1 .swiper-slide.type3 .txt img.line2 {width: 201px; height: 28px; position: relative; left:-150px; top: 10px; opacity: 0;}*/
/*.index .visual .slide1 .swiper-slide.type3 .txt img.line3 {width: 253px; height: 37px; position: relative; left:-150px; top: 20px; opacity: 0;}*/
.ani8 {animation-name: ani8; animation-duration: 1s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0s;}
@keyframes ani8 {
    0% {opacity: 0; left: -50px;}
    100% {opacity: 1; left: 0px;}
}
/*
.ani9 {animation-name: ani9; animation-duration: 1.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 1s;}
@keyframes ani9 {
    0% {opacity: 0; left: -150px;}
    100% {opacity: 1; left: -50px;}
}
.ani10 {animation-name: ani10; animation-duration: 1.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 2s;}
@keyframes ani10 {
    0% {opacity: 0; left: -150px;}
    100% {opacity: 1; left: 0px;}
}
*/
.index .visual .slide1 .swiper-pagination {width: 250px; height: 80px; background: #fff; display: inline-block; position: absolute; left: 0; bottom: 0; z-index: 51; color: #e03723; padding: 30px 70px;}
.index .visual .slide1 .swiper-pagination span {font-size: 15px; color: #333; margin: 0 20px;}
.index .visual .slide1 .swiper-button-prev {position: absolute; z-index: 51; left: 30px; bottom: 33px; font-size: 0; background: url(../img/ico_index_slide_prev.png) no-repeat; width: 15px; height: 10px; display: inline-block; cursor: pointer;}
.index .visual .slide1 .swiper-button-next {position: absolute; z-index: 51; left: 188px; bottom: 33px; font-size: 0; background: url(../img/ico_index_slide_next.png) no-repeat; width: 15px; height: 10px; display: inline-block; cursor: pointer;}
.index .visual .ribbon {position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 18px; color: #fff; background: url(../img/bg_index_ribbon.png) no-repeat; width: 328px; height: 44px; z-index: 51; line-height: 44px; text-align: center;display: inline-block;}
/* .ani2 {animation-name: ani2; animation-duration: 1s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0s;} */
/* @keyframes ani2 { 
        0% {left: -330px;}
        100% {left: 0;}
    }
    */

.index_board { padding: 30px 0 20px 0px;position: relative; }
.index_board:after {content: ""; display: block; clear: both;}
.index_board > div {}
.index_board > div:after {content: ""; display: block; clear: both;}
.index_board > div > div {float: left;}
.index_board .widcenter {width: 1200px; margin: 0 auto;}
.index_board .conti1 { padding: 70px 55px 0 0; width: 300px; position: absolute; left: 55px; top: 0;}
.index_board .conti1 img {width: 100%; height: 93%;}
.index_board .conti2 {position: relative; padding-right: 50px; width: 410px;}
.index_board .conti2 .conti2_h2 {font-size: 18px; color: #333; padding-bottom: 10px; }
.index_board .conti2 > a {position: absolute; right:60px; top: 0; }
.index_board .conti2 > a:after {content: ""; display: inline-block; background: url(../img/ico_index_conti2_next.png) no-repeat; width: 6px; height: 9px; margin-left: 5px; position: relative; top: 1px;}
.index_board .conti2 ul {border: 1px dotted #e3e3e3; height: 196px; overflow:hidden;}
.index_board .conti2 ul li { padding: 0 20px; background: #fff;}
/* .index_board .conti2 ul li:first-child {background: #e03523;} */
.index_board .conti2 ul li a {display: block; }
.index_board .conti2 ul li a .conti3_h3 {font-size: 14px; color:#555; line-height: 38px; border-bottom: 1px dotted #e3e3e3; font-weight: normal;}
/* .index_board .conti2 ul li:first-child h3 {color: #fff;} */
.index_board .conti3 {padding-right: 35px; width: 380px;}
.index_board .conti3 .conti3_h2 {font-size: 15px; color: #555; width: 120px; height: 15px; padding-bottom: 10px; display: inline-block; position: relative; z-index: 10; background: #fff; position: relative; top: -3px;}
.index_board .conti3 ul {border-top: 1px solid #e1e1e1; margin-top: -15px; padding-top: 25px;}
.index_board .conti3 ul li {height: 91px; margin-bottom: 14px; overflow:hidden;}
.index_board .conti3 ul li a {display: block; height: 100%;}
.index_board .conti3 ul li a:hover img {transform: scale(1.05);}
.index_board .conti3 ul li a img {width: 100%; height: 100%; transition: all .4s;}
.index_board .conti4 {width: 355px;}
.index_board .conti4 .conti4_h2 {font-size: 15px; color: #555; width: 160px; height: 15px; padding-bottom: 10px; display: inline-block; position: relative; z-index: 10; background: #fff; position: relative; top: -3px;}
.index_board .conti4 .img {position: relative;}
.index_board .conti4 .img img {border-top: 1px solid #e1e1e1; margin-top: -15px; padding-top: 25px; width: 100%; height: 222px; }
.index_board .conti4 .img img + p {position: absolute; left: 130px; top: 40px; width: 56px; height: 56px; display:block; background: url(../img/ico_index_conti4.png) no-repeat;}
.ani11 {animation-name: ani11; animation-duration: 3s; animation-iteration-count: infinite; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0s;}
@keyframes ani11 {
        0% {opacity: 1;}
        50% {opacity: 0;}
        100% {opacity: 1;}
    }



/*서브 공통*/
section.sub_s {padding: 0 60px;}
section.sub_s .visual {position: relative; margin-top: 0;}
section.sub_s .visual img {width: 100%;}
section.sub_s .menubar {position: absolute; left: 0; bottom: 0; height: 60px; background: rgba(0,0,0,0.75); width: 100%;}
section.sub_s .menubar > div {width: 1200px; margin: 0 auto;}
section.sub_s .menubar > div > ul:after {content: ""; display: block; clear: both;}
section.sub_s .menubar > div > ul > li {float: left; margin-right: 1px; background: rgba(0,0,0,0.85); height: 60px; width: 260px; padding: 0 30px; position: relative;}
section.sub_s .menubar > div > ul > li a {font-size: 17px; color: #fefefe; line-height: 60px; position: relative; display: block;}
section.sub_s .menubar > div > ul > li:first-child {width: 60px; padding: 0;} 
section.sub_s .menubar > div > ul > li:first-child > a {font-size: 0; background: url(../img/ico_menu_home.png) center center no-repeat; width: 100%; height: 100%; display: inline-block;}
section.sub_s .menubar > div > ul > li.li_2 > a:after {content: ""; display: inline-block; background: url(../img/ico_menu_plus.png) no-repeat; width: 9px; height: 9px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
section.sub_s .menubar > div > ul > li.li_2.on > a:after {background-image: url(../img/ico_menu_minus.png); background-position: center center;}
section.sub_s .menubar > div > ul > li.li_3 {background: #c22e1d;}
section.sub_s .menubar > div > ul > li.li_3 > a:after {content: ""; display: inline-block; background: url(../img/ico_menu_plus2.png) no-repeat; width: 9px; height: 9px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
section.sub_s .menubar > div > ul > li.li_3.on > a:after {background-image: url(../img/ico_menu_minus2.png); background-position: center center;}
section.sub_s .menubar > div > ul > li > ul {display: none; background: #ebebeb; width: 260px; height: 155px; padding: 20px 0; position: absolute; left: 0; z-index: 20;}
section.sub_s .menubar > div > ul > li > ul > li > a {font-size: 14px; color: #999; line-height: 25px; padding: 0 35px; transition: all .4s;}
section.sub_s .menubar > div > ul > li > ul > li > a:hover {color: #333;}

section.sub_s .sub_h2 {font-size: 27px; color: #555; line-height: 100%; font-family: "Noto Sans KR", sans-serif; font-weight: normal;  display: inline-block; border-bottom: 2px solid #c22e1d; padding-bottom: 20px; position: relative; top: -48px; width: 260px;} 

section.sub_s article {border-top: 1px solid #ebebeb; margin-top: 110px;}
section.sub_s article > div {width: 1200px; margin: 0 auto;}
section.sub_s article > div:after {content: ""; display: block; clear: both;}
section.sub_s .menutab {float: left; width: 210px; margin: 10px 80px 0 0;}
section.sub_s .menutab ul {border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; }
section.sub_s .menutab ul li {background: #fff; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; height: 55px;}
section.sub_s .menutab .menu_h3 {background: #c22e1d; color:#fff; font-size: 18px; font-weight: normal; line-height: 55px; padding:  0 30px;}
section.sub_s .menutab ul li a {transition: all .1s; display: block; padding:0 30px; font-size: 14px; color: #555; line-height: 55px; }
section.sub_s .menutab ul li a:hover { background: #c22e1d; color: #fff; }
section.sub_s .menutab + div {float: left; width: 900px;}

/*sub1*/
section.sub_s .sub_conti .conti1_1 img {padding-top: 40px;}
section.sub_s .sub_conti .conti1_2 .map {width: 534px; padding: 20px 0 0 80px;}
section.sub_s .sub_conti .conti1_2 .txt {padding-top: 30px;}
/*sub2*/
section.sub_s.sub2 .menubar .li_3 {background: #b5cc31;}
section.sub_s.sub2 .sub_conti .sub_h2 {border-bottom: 2px solid #b5cc31; }
section.sub_s .sub_conti .sub_h2.none {border-bottom: none; font-size: 30px; font-family: "Noto Sans KR", sans-serif; font-weight: normal; display: block; text-align: center; padding-left: 160px; width: 100%;}
section.sub_s .sub_conti .sub_h2.none + .menutab {margin-right: 15px;}
section.sub_s.sub2 .sub_conti .conti2_2 {padding-top: 50px;}
section.sub_s .sub_conti .sub_p {font-size: 14px; color: #555; text-align: center; font-family: 'Nanum Gothic', sans-serif; padding-bottom: 40px; margin-top: -6px;}
section.sub_s .sub_conti .sch_box {padding: 20px; background: #e5e6e7; display: flex; margin-bottom: 35px;}
section.sub_s .sub_conti .sch_box select {flex: none; width: 160px; height: 50px; border: none; font-size: 14px; color: #555;padding-left: 20px;}

section.sub_s .sub_conti .sch_box select:after {content: ""; display: block; width: 1px; height: 15px; background: #e5e6e7;}
section.sub_s .sub_conti .sch_box input {flex: 1; height: 50px; border: none; padding-left: 40px;}
section.sub_s .sub_conti .sch_box label.sound_only {display: none;}
section.sub_s .sub_conti .sch_box input::placeholder {font-size: 14px; color: #555; }
section.sub_s .sub_conti .sch_box button {flex: none; width: 120px; height: 50px;background: url(../img/btn_sub23_sch.png) center center no-repeat #b5cc31; font-size: 0;}
section.sub_s .sub_conti .sch_box button.type2 {background-color: #c22e1d;}

section.sub_s .sub_conti table.type1 {border-top: 2px solid #000;}
section.sub_s .sub_conti table.type1 th {font-size: 13px; color: #555; font-family: 'Nanum Gothic', sans-serif; text-align: center; font-weight: normal; line-height: 65px; background: #ebebeb;}
section.sub_s .sub_conti table.type1 tbody tr {border-bottom: 1px solid #e1e1e1; height: 65px;}
section.sub_s .sub_conti table.type1 td {font-size: 14px; color: #555; font-family: 'Nanum Gothic', sans-serif; text-align: center; line-height: 65px;}
section.sub_s .sub_conti table.type1 td a {display: block; text-align: left; text-indent: 20px; transition: all .4s;  }
section.sub_s .sub_conti table.type1 td a:hover {text-decoration:underline;}
section.sub_s .sub_conti table.type1 td.h4 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;word-wrap:break-word;}

section.sub_s .sub_conti .paging.type1 {text-align: center; margin-top: 50px;}
section.sub_s .sub_conti .paging.type1 a {display: inline-block; width: 35px; height: 35px; border: 1px solid #ebebeb; background: #fff; font-size: 13px; color: #555; font-family: 'Nanum Gothic', sans-serif; text-align: center; line-height: 35px; vertical-align: middle; border-radius:3px; transition: all .4s;}
section.sub_s .sub_conti .paging.type1 a:hover {background: #b5cc31; color: #fff;}
section.sub_s .sub_conti .paging.type1 {text-align: center; margin-top: 50px;}
section.sub_s .sub_conti .pagingv a {display: inline-block; width: 35px; height: 35px; border: 1px solid #ebebeb; background: #fff; font-size: 13px; color: #555; font-family: 'Nanum Gothic', sans-serif; text-align: center; line-height: 35px; vertical-align: middle;}
section.sub_s .sub_conti .paging.type1 a.prev {font-size: 0; background: url(../img/btn_sub23_prev.png) center center no-repeat;  }
section.sub_s .sub_conti .paging.type1 a.next {font-size: 0; background: url(../img/btn_sub23_next.png) center center no-repeat;  }
section.sub_s .sub_conti .paging.type1 a.on {background: #b5cc31; color: #fff;}

/*sub3*/
section.sub_s.sub3 .visual .visual_txt {position: absolute; left: 20%; top: 40%; transform: translateY(-50%); z-index: 10; width: 215px;}
section.sub_s.sub3 .visual .visual_txt p.line1 {width: 189px; height: 10px; background: url(../img/txt_sub31_line1.png) no-repeat; position: relative; left: -100px; opacity: 0;}
section.sub_s.sub3 .visual .visual_txt p.line2 {width: 159px; height: 32px; background: url(../img/txt_sub31_line2.png) no-repeat; position: relative; top: 10px; opacity: 0;}
section.sub_s.sub3 .visual .visual_txt p.line3 {width: 180px; height: 13px; background: url(../img/txt_sub31_line3.png) no-repeat; position: relative; top: 30px; opacity: 0;}
.ani12 {animation-name: ani12; animation-duration: 0.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0s;}
@keyframes ani12 {
        0% {opacity: 0; left: -100px;}
        100% {opacity: 1; left: 0;}
    }
.ani13 {animation-name: ani13; animation-duration: 0.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0.1s;}
@keyframes ani13 {
        0% {opacity: 0; left: -100px;}
        100% {opacity: 1; left: 0;}
    }
.ani14 {animation-name: ani14; animation-duration: 0.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0.2s;}
@keyframes ani14 {
        0% {opacity: 0; left: -100px;}
        100% {opacity: 1; left: 0;}
    }

section.sub_s.sub3 .sub_conti .conti3_1 .list.type1 {padding-top: 30px;}
section.sub_s.sub3 .sub_conti .conti3_1 .list.type1:after {content: ""; display: block; clear: both;}
section.sub_s.sub3 .sub_conti .conti3_1 .list.type1 li {float: left; width: 33.3%; padding: 0 25px;}
section.sub_s.sub3 .sub_conti .conti3_1 .list.type1 li a {display: block; position: relative;}
section.sub_s.sub3 .sub_conti .conti3_1 .list.type1 li .img {border: 1px solid #ccc; height: 194px; }
section.sub_s.sub3 .sub_conti .conti3_1 .list.type1 li .img img {width: 100%; height: 100%;}
section.sub_s.sub3 .sub_conti .conti3_1 .list.type1 li .txt {height: 90px; padding: 13px 0 20px; text-align: center;}
section.sub_s.sub3 .sub_conti .conti3_1 .list.type1 li .txt h4 {font-size: 15px; color: #000; font-weight: normal; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;word-wrap:break-word; margin-bottom: 10px;}
section.sub_s.sub3 .sub_conti .conti3_1 .list.type1 li .txt p {font-size: 12px;color: #999; line-height: 100%;}
section.sub_s.sub3 .sub_conti .conti3_1 .list.type1 li .hover {display: none; position: absolute; left: 0; top: 0; width: 100%;height: 194px; background: rgba(0,0,0,0.5);}
section.sub_s.sub3 .sub_conti .conti3_1 .list.type1 li .hover p {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 11px; color: #fff; border: 1px solid rgba(255,255,255,0.5); border-radius: 5px; width: 110px; height: 25px; line-height: 23px; text-align: center;}
section.sub_s .sub_conti .paging.type2 {text-align: center; margin-top: 50px;}
section.sub_s .sub_conti .paging.type2 a {display: inline-block; width: 35px; height: 35px; border: 1px solid #ebebeb; background: #fff; font-size: 13px; color: #555; font-family: 'Nanum Gothic', sans-serif; text-align: center; line-height: 35px; vertical-align: middle; border-radius:3px; transition: all .4s;}
section.sub_s .sub_conti .paging.type2 a:hover {background: #b5cc31; color: #fff;}
section.sub_s .sub_conti .paging.type2 {text-align: center; margin-top: 50px;}
section.sub_s .sub_conti .paging.type2 a {display: inline-block; width: 35px; height: 35px; border: 1px solid #ebebeb; background: #fff; font-size: 13px; color: #555; font-family: 'Nanum Gothic', sans-serif; text-align: center; line-height: 35px; vertical-align: middle;}
section.sub_s .sub_conti .paging.type2 a.prev {font-size: 0; background: url(../img/btn_sub31_prev.png) center center no-repeat;}
section.sub_s .sub_conti .paging.type2 a.next {font-size: 0; background: url(../img/btn_sub31_next.png) center center no-repeat;}
section.sub_s .sub_conti .paging.type2 a.on {background: #c22e1d; color: #fff;}
section.sub_s .sub_conti .paging.type2 a:hover {background: #c22e1d;}

/*sub4*/
section.sub_s.sub4 .visual .visual_txt {position: absolute; left: 20%; top: 40%; transform: translateY(-50%); z-index: 10; width: 200px;}
section.sub_s.sub4 .visual .visual_txt p.line1 {width: 189px; height: 10px; background: url(../img/txt_sub41_line1.png) no-repeat; position: relative; left: -100px; opacity: 0;}
section.sub_s.sub4 .visual .visual_txt p.line2 {width: 127px; height: 31px; background: url(../img/txt_sub41_line2.png) no-repeat; position: relative; top: 10px; opacity: 0;}
section.sub_s.sub4 .visual .visual_txt p.line3 {width: 145px; height: 13px; background: url(../img/txt_sub41_line3.png) no-repeat; position: relative; top: 30px; opacity: 0;}
.ani12 {animation-name: ani12; animation-duration: 0.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0s;}
@keyframes ani12 {
        0% {opacity: 0; left: -100px;}
        100% {opacity: 1; left: 0;}
    }
.ani13 {animation-name: ani13; animation-duration: 0.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0.1s;}
@keyframes ani13 {
        0% {opacity: 0; left: -100px;}
        100% {opacity: 1; left: 0;}
    }
.ani14 {animation-name: ani14; animation-duration: 0.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0.2s;}
@keyframes ani14 {
        0% {opacity: 0; left: -100px;}
        100% {opacity: 1; left: 0;}
    }
/*sub5*/
section.sub_s.sub5 .visual .visual_txt {position: absolute; left: 20%; top: 40%; transform: translateY(-50%); z-index: 10; width: 200px;}
section.sub_s.sub5 .visual .visual_txt p.line1 {width: 189px; height: 10px; background: url(../img/txt_sub41_line1.png) no-repeat; position: relative; left: -100px; opacity: 0;}
section.sub_s.sub5 .visual .visual_txt p.line2 {width: 126px; height: 32px; background: url(../img/txt_sub51_line2.png) no-repeat; position: relative; top: 10px; opacity: 0;}
section.sub_s.sub5 .visual .visual_txt p.line3 {width: 145px; height: 13px; background: url(../img/txt_sub51_line3.png) no-repeat; position: relative; top: 30px; opacity: 0;}
.ani12 {animation-name: ani12; animation-duration: 0.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0s;}
@keyframes ani12 {
        0% {opacity: 0; left: -100px;}
        100% {opacity: 1; left: 0;}
    }
.ani13 {animation-name: ani13; animation-duration: 0.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0.1s;}
@keyframes ani13 {
        0% {opacity: 0; left: -100px;}
        100% {opacity: 1; left: 0;}
    }
.ani14 {animation-name: ani14; animation-duration: 0.5s; animation-iteration-count: alternate; animation-fill-mode:forwards; animation-timing-function: linear; animation-delay: 0.2s;}
@keyframes ani14 {
        0% {opacity: 0; left: -100px;}
        100% {opacity: 1; left: 0;}
    }
section.sub_s.sub5 .sub_conti .btn_right {text-align: right;}
section.sub_s.sub5 .sub_conti .btn_right a {display: inline-block; width: 76px; height: 33px; background: #ebebeb; border: 1px solid #d1d1d1; border-radius: 5px; line-height: 31px; text-align: center; margin-top: 20px; transition: all .4s;}
section.sub_s.sub5 .sub_conti .btn_right a:hover {opacity: 0.8;}

/*게시글 상세*/
.board_wrap {border-top: 2px solid #818181;}
.board_wrap .board_title {height: 40px; border-bottom: 1px solid #ccc;}
.board_wrap .board_title:after {content: ""; display: block; clear: both;}
.board_wrap .board_title h4 {float: left; width: 125px; line-height: 40px; text-align: center; font-size: 14px; color: #333; font-family: 'Nanum Gothic', sans-serif; }
.board_wrap .board_title p {float: left; line-height: 40px; text-align: left; padding-left: 30px; font-size: 12px; color: #555; font-family: 'Nanum Gothic', sans-serif;}
.board_wrap .board_title_2 {height: 40px; border-bottom: 1px solid #ccc;}
.board_wrap .board_title_2:after {content: ""; display: block; clear: both;}
.board_wrap .board_title_2 li {float: left; width: 50%;}
.board_wrap .board_title_2 li:after {content: ""; display: block; clear: both;}
.board_wrap .board_title_2 li h4 {float: left; width: 125px; text-align: center; line-height: 40px; text-align: center; font-size: 14px; color: #333; font-family: 'Nanum Gothic', sans-serif; }
.board_wrap .board_title_2 li p {float: left; line-height: 40px; text-align: left; padding-left: 30px; font-size: 12px; color: #555; font-family: 'Nanum Gothic', sans-serif;}
.board_wrap .board_c {padding: 50px 30px 30px; min-height: 300px;}
.board_wrap .board_file {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.board_wrap .board_file:after {content: ""; display: block; clear: both;}
.board_wrap .board_file h4 {float: left; width: 140px; height: 40px; line-height: 40px; background: #f6f6f6; text-align: center; font-size: 14px; color: #000;font-family: 'Nanum Gothic', sans-serif; font-weight: normal;}
.board_wrap .board_file p {float: left;}
.board_btns {margin-top: 20px; }
.board_btns:after {content:""; display: block; clear: both;}
.board_btns .btn_left {float: left;}
.board_btns .btn_left a {display: inline-block; width: 75px; height: 30px; border: 1px solid #ccc; background: #fff; line-height: 28px; font-size: 12px; color: #555; font-family: 'Nanum Gothic', sans-serif; border-radius: 5px; position: relative; padding-left: 25px;}
.board_btns .btn_left a:before {content: ""; display: inline-block; position: absolute; left: 10px; top: 10px; }
.board_btns .btn_left a.prev:before { background: url(../img/ico_board_up.png) no-repeat; width: 9px; height: 7px; }
.board_btns .btn_left a.next:before {background: url(../img/ico_board_down.png) no-repeat; width: 9px; height: 7px; }
.board_btns .btn_right {float: right;}
.board_btns .btn_right a {display: inline-block; width: 70px; height: 32px; border: 1px solid #ccc; background: #f6f6f6; line-height: 30px; text-align: center;font-size: 12px; color: #555; border-radius: 5px; transition: all .4s;}
.board_btns .btn_right a:hover {opacity: 0.8;}







































































@media (min-width: 1301px) and (max-width:1400px) {

.index_board .conti1 {display: none;}

}

@media (min-width: 1201px) and (max-width:1300px) {
.index .visual .slide1 .swiper-slide.type1 .txt {left: 40%;}
.index .visual .slide1 .swiper-slide.type2 .txt {left: 40%;}
.index .visual .slide1 .swiper-slide.type3 .txt {}
.index_board .conti1 {display: none;}

}

@media (min-width: 0px) and (max-width:1200px) {

.index_board .conti1 {display: none;}

}