/* Written By KYI */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');


/*Reset*/
body{margin: 0; padding: 0; width:100%; overflow-x:hidden;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: middle; font-size:0;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
a{color:inherit; text-decoration:none; color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
strong{font-weight:500;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}
/* common */
body,th,td,input,select,textarea,button{color:#444; font-size:15px; line-height:1.5; letter-spacing:-0.05em; font-family: 'Noto Sans KR', sans-serif;}
.blind{display:none;}
/*font-weight Light:300, Regular:400, Bold:700, ExtraBold:800*/

 *:focus { outline:none; }/*크롬에서 div, 기타 버튼 클릭시 생기는 테두리 제거*/
/*공통***********************************************************************************/
/*header*/
header{width:100%; min-width:1200px; height:100px; margin:0 auto; background-size:cover; position:relative; z-index:9999999;}
.header-logo{position:absolute; left:50%; margin-left:-600px; top:50%; top:0; line-height:100px; z-index:100;}
.header-logo img{width:120px;}
/*#logoment {display:none;}*/
#logoment {display:inline-block;font-weight:900;font-size:30px;}

.header-gnb{width:100%; height:100px; background:#fff; position:relative; z-index:99; transition:all 0.5s; top:0; overflow:hidden;}
.header-gnb:after,
.header-gnb:before{content:""; display:block; height:1px; width:100%; position:absolute; top:100px; left:0; background:#e0e0e0; z-index:999;}
.header-gnb:before{top:auto; bottom:0px; left:0; }

.pc-gnb .gnb{width:100%; max-width:1195px; text-align:right;  position:relative; height:auto; padding-left:200px; box-sizing:border-box; margin:0 auto;}
.pc-gnb .gnb:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.pc-gnb .gnb > li{display:block; position:relative; width:19%; height:100px; line-height:100px; text-align:center; box-sizing:border-box; vertical-align:top; float:left;  }
.pc-gnb .gnb > li:first-child{width:16%;}
.pc-gnb .gnb > li:after{content:""; display:block; position:absolute; width:0%; height:3px; left:50%; margin-left:-15%; bottom:-3px; background:#0e6eb8; z-index:9;transform: scaleX(0);transform-origin: center;transition: .1s ease-out;}
.pc-gnb .gnb > li:hover:after{width:30%;transform:scaleX(1);transition: .3s ease-out;}

.pc-gnb .gnb > li > a{display:block; font-size:20px; color:#333; font-weight:500; position:relative;}
.pc-gnb .gnb > li:hover > a{color:#0e6eb8;}
.pc-gnb .gnb > li > a:after{position:absolute; display:block; content:""; width:1px; height:16px; background:#bebebe; left:0; top:50%; margin-top:-8px;}
.pc-gnb .gnb > li:first-child > a:after{display:none;}
.pc-gnb .gnb > li > ul{/*max-height: 0;*/ transition: max-height 0.2s ease-out ;  transition: border 0.1s ease-out ; overflow:hidden; z-index:5; width:100%; background:rgba(255,255,255,1); box-sizing:border-box; border-right:1px #e0e0e0 solid; padding-top:20px;}
/*.gnb:hover  ul{max-height: 500px; transition: max-height 0.3s ease-in; border:3px #464646 solid; z-index:99999; background:#fff;}*/
.pc-gnb .gnb > li > ul li{height:30px; line-height:30px;}
.pc-gnb .gnb > li > ul li:first-child{border-top-width:0;}
.pc-gnb .gnb > li > ul li a{display:block; color:#888; font-size:16px;}
.pc-gnb .gnb > li > ul li a:hover{color:#0e6eb8;}
.pc-gnb .gnb > li > ul.gnb-max-h{height:220px;}
.gnb-open-btn{display:none;}
.gnb-close-btn{display:none;}
.mobile-gnb{display:none;}
/*.header-gnb .gnb:hover ul{max-height: 500px; transition: max-height 0.3s ease-in; border:3px #464646 solid; z-index:99999; background:#fff;}*/
.youtube-btn{position:absolute; left:50%; margin-left:475px; top:28px; z-index:99;}
.youtube-btn a{display:block;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s; padding:10px 0; box-sizing:border-box;}
.youtube-btn img{width:125px;}
.youtube-btn a:after{content:""; display:block; position:absolute; width:0%; height:3px; left:0;bottom:-3px; background:#ed2224; z-index:9;transform: scaleX(0);transform-origin: left;transition: .1s ease-out;}
.youtube-btn a:hover:after{width:100%;transform:scaleX(1);transition: .3s ease-out;}


/*footer*/
footer{width:100%; background:#fff; border-top:1px #e0e0e0 solid; color:#555; padding:30px 0 50px; line-height:1.55em; margin-top:50px;}
.foot-area{width:1200px; margin:20px auto;box-sizing:border-box; position:relative;}
.foot-area:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.foot-info{padding-right:300px;}
.foot-info strong{font-size:17px; font-weight:500; margin-bottom:17px; display:inline-block; margin-right:30px; vertical-align:top;}
footer address{font-weight:400; display:inline-block;}
footer address p{display:inline-block; font-size:17px; margin-right:40px;}
footer address span{display:inline-block; margin-right:5px;}
footer .copyright{letter-spacing:0em; font-size:14px; position:absolute; right:0; top:0; color:#878787;}
footer .copyright strong{}


.area22 {width:1200px;margin:0 auto;text-align:right;}
.area22 select { border:1px solid #ccc; }

.contain{overflow-x:hidden;}

/*메인***********************************************************************************/

/**********animation keyframe**********/
/*visual-text*/
@keyframes vt-ani {
  0 {opacity:0; -moz-transform:translatey(10%); -ms-transform:translatey(10%); transform:translatey(10%); }
  100% {opacity:1; moz-transform:translatey(0);  -ms-transform:translatey(0); transform:translatey(0);}
}
/*schedule*/
@keyframes schedule {
  0%   {background-color: #e36f22;}
  50%  {background-color: #574c45;}
  100% {background-color: #e36f22;}
}

.main-top{width:100%;a}
.main-top:after{clear:both; display:block; height:0; content:""; visibility:hidden;}

/*visual*/
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slider-for{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); position:relative; z-index:1;}
.slick-slide {float: left; text-align:center; /*height: 100%; min-height: 1px;*/}
#main-visual{width:100%; max-width:2000px; margin:0 auto;  position:relative; left:0; overflow:hidden; background-color:#000;}
.visual-item{position:relative; width: 100%; height:100%; text-align:center; margin:0 auto;}
.visual-item > img{display:block; margin:0 auto; width:100%;opacity: 0.9; filter: alpha(opacity=90);}
.slick-slide > div{line-height:0.9em;}
#main-visual:after,
.slick-track:after,
.slick-slide > div:after,
.visual-item:after,
.s-box:after{clear:both; display:block; height:0; content:""; visibility:hidden;}


/*Arrow*/
#main-visual .slick-arrow{cursor:pointer; position:absolute; font-size:0;  width:80px; height:80px; z-index:999999999; top:50%; margin-top:-40px; left:50%; margin-left:600px; background:url(img/arrow-left.png) no-repeat rgba(50,54,48,0.2); border-radius:50%;}
#main-visual .slick-prev{left:50%; margin-left:-680px; background-image:url(img/arrow-right.png); }

/*Visual-text*/
.visual-txt{ box-sizing:border-box;  text-align:center; position:absolute; z-index:2;  left:0; width:100%;  top:50%; margin-top:-250px; display:table; table-layout:fixed; height:500px;  overflow:hidden; }
.vt-box{display:table-cell; height:inherit; vertical-align:middle;}
.vt1{text-align:center;margin:0 auto; }
.vt1 img{width:90%; max-width:900px;}
.vt2{}
.vt3{margin-top:10px; padding-bottom:0px;}
.vt4{margin-bottom:50px;}
.v-more{position:absolute; right:50px; bottom:50px; display:block; width:50px; height:50px; line-height:50px; border-radius:50%; background:#fff; font-size:0; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s}
.v-more i{font-size:25px; color:#000; display:block; text-align:center; line-height:inherit; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s}
.v-more:hover{background:#ffe139;}

.slick-active .visual-txt p{opacity:0;  -moz-transform:translatey(20%); -ms-transform:translatey(20%); transform:translatey(20%);  animation-timing-function: ease-out; animation-name: vt-ani;  animation-duration: 0.5s;animation-delay: 0.2s; animation-fill-mode:both;}
.slick-active .visual-txt p.vt2{animation-delay: 0.3s;}
.slick-active .visual-txt p.vt3{animation-delay: 0.7s;}


.main-more-btn{position:absolute; width:40px; height:40px; background:red; right:0; top:0;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s}
.main-more-btn img{width:100%;}

/*제품소개*/
#product-info{width:400px; height:500px;position:absolute; left:50%; margin-left:200px;background:url(img/main-product-bg.jpg);}
.product-area{border:1px #418a62 solid; box-sizing:border-box; width:300px; height:410px; margin:50px auto 0; background:#fff; text-align:center; position:relative; overflow:hidden;}
.product-area h2{font-size:25px; color:#4b5d53; font-weight:700; padding:58px 0 10px;}
.pro-item{margin:0 auto; }
.pro-img{width:200px; margin:0 auto; padding-top:60%; box-sizing:border-box; border:1px #ececec solid; background:#f7f7f7; position:relative; overflow:hidden; display:block;}
.pro-img img{width:100%; margin:0 auto; position:absolute; transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.pro-img:hover > img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.pro-item p{width:200px; margin:0 auto; color:#555; font-size:18px; font-weight:500; margin-top:10px; line-height:1.55em; height:1.55em; overflow:hidden;}
.product-area .slick-arrow{cursor:pointer; position:absolute; font-size:0;  width:60px; height:40px; z-index:9;top:0; left:50%; margin-left:0px; border-radius:0 0 10px 0;  background:url(img/pro-arrow-left.png) #418a62 no-repeat 50%;}
.product-area .slick-prev{margin-left:-61px; background-image:url(img/pro-arrow-right.png);  border-radius:0 0 0 10px;}
.pro-more{position:absolute; width:60px; height:40px; background:#418a62; top:0; left:50%; margin-left:21px; border-radius:0 0 10px 0; overflow:hidden;}
.pro-more img{width:100%;}
.pro-btn{text-align:center; width:260px; margin:20px auto 0; }
.pro-btn:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.pro-btn li{float:left; width:49%; background:#fff; border:1px #418a62 solid; box-sizing:border-box;-moz-transition:all 0.3s; -ms-transition:all 0.5s; transition:all 0.3s}
.pro-btn li a{height:48px; line-height:48px;}
.pro-btn li a i{margin-right:5px; color:#3f6a47; font-size:16px; -moz-transition:all 0.3s; -ms-transition:all 0.5s; transition:all 0.3s}
.pro-btn li:first-child{margin-right:4px;}
.pro-btn li:hover{background:#145a34; border-color:#145a34; color:#fff; }
.pro-btn li:hover a{color:#fff;}
.pro-btn li:hover i{color:#fff;}

/*바로가기 메뉴영역*/
#main-quick{width:100%;}
#main-quick ul{margin:0 auto; padding:50px 0;width:100%; max-width:1200px;}
#main-quick li{float:left; display:table; width:25%; border-left:1px #b1c9da dashed; box-sizing:border-box;}
#main-quick li:first-child{border-left-width:0;}
#main-quick li a{display:table-cell; height:137px; vertical-align:middle; text-align:center; font-size:18px; font-weight:500;}
#main-quick li a:hover{color:#006ae3;}
#main-quick ul:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
#main-quick .mq-img{padding-bottom:15px;}
#main-quick .mq-img img{width:80px;}

/*main-content01*/
.main-content01{/*background:url(img/mc01-bg.jpg) 50% 50%;*/}
.mc01-area:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.mc01-area{width:1200px; margin:0 auto;}
/*홍보동영상*/
#pr-video{width:400px; float:left; /*background:url(img/pr-area-bg.jpg) no-repeat 100% 100%;*/ height:380px;}
.pr-v-area{ transition:all 0.5s ; width:300px; height:280px; border-radius:0 35px 0 0; background:url(img/pr-bg.jpg); background-size:100%;float:right; margin:50px; text-align:center; display:table; table-layout:fixed;}
.pr-v-area:hover{ background-size:120%;}
.pr-v-text{display:table-cell; width:100%; height:inherit; vertical-align:middle; color:#fff; font-weight:500; font-size:26px;}
.pr-v-text h2{font-weight:700; font-size:26px; padding:13px 0 8px;}
.prvt-icon img{width:58px;}
.prvt-text img{width:152px;}
/*행사사진*/
#event-gallery{width:1200px; margin:0 auto;/*background:url(img/event-bg.jpg);*/ box-sizing:border-box; padding:50px 0; padding-right:0; position:relative;}
#event-gallery .main-more-btn{background:#b9cad7; top:50px;}
#event-gallery .main-more-btn:hover{background-color:#076ee4;}
.event-title{padding:0px 0 17px;}
.event-title h2{font-weight:700; font-size:25px; display:inline-block;}
.event-title p{display:inline-block; vertical-align:5%; margin-left:15px; color:#788387;  font-weight:300;}
.event-list:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.event-list li{float:left; width:23.5%; margin-left:2%;}
.event-list li:first-child{margin-left:0;}
.gallery-img{width:100%; padding-top:75%; position:relative; overflow:hidden;box-sizing:border-box; top:0; border:1px #e0e0e0 solid;}
.gallery-img img{position:absolute;  margin:0 auto; top:0; width:100%; display:block;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.gallery-img:hover > img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.gallery-text{font-size:16px; font-weight:500; height:25px; line-height:25px; margin-top:10px; box-sizing:border-box; padding-right:20px; overflow:hidden;}
.event-list a:hover .gallery-text{text-decoration:underline;}
.gallery-date{font-family:'Roboto', sans-serif;font-size:14px; color:#888; letter-spacing:0em;}

/*main-content02*/
.main-content02{width:1200px; margin:0 auto;}
.main-content02:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.board-box{ width:50%; float:left; box-sizing:border-box; padding:50px; padding-top:60px; height:240px;  position:relative;}
.board-title{position:absolute;padding-bottom:65px; background-repeat:no-repeat; background-position:0% 100%;}
.board-title h2{font-weight:600; font-size:26px;}
.board-title p{font-size:17px; color:rgba(102,102,102,0.4); letter-spacing:0em; font-family:'Roboto', sans-serif;}
.board-list{padding-left:135px; width:100%; box-sizing:border-box;}
.board-list li{position:relative;padding-right:100px; box-sizing:border-box; padding-bottom:5px;}
.board-list a{display:block;  height:30px; line-height:30px; overflow:hidden;}
.board-list a:hover{color:#006ae3;}
.boare-date{display:block; position:absolute; right:0; top:0px; line-height:32px; font-family:'Roboto', sans-serif;font-size:14px; color:#888; letter-spacing:0em;}
/*공지사항*/
#notice{background:#e9f4fc;}
#notice .main-more-btn{background-color:#b9cad7;}
#notice .main-more-btn:hover{background-color:#076ee4;}
#notice .board-title{background-image:url(img/notice-icon.png)}
/*지부소식*/
#news{background:#deedf8;}
#news .main-more-btn{background-color:#b9cad7;}
#news .main-more-btn:hover{background-color:#076ee4;}
#news .board-title{background-image:url(img/news-icon.png)}


/*고객센터*/
.main-cs{padding-left:165px; width:100%; box-sizing:border-box;}
.mc-p{color:#333; font-size:45px; font-weight:700;font-family:'Roboto', sans-serif; line-height:1em;}
.mc-ul{padding-top:10px;}
.mc-ul li span{display:inline-block; margin-right:10px; width:80px; text-align:center; background:#3797eb; line-height:30px; color:#fff; border-radius:999px;}
.mc-ul li{margin-top:10px;}


/*유관기관 링크*/
#slide-banner{width:1200px; margin:60px auto;padding:0 45px 0 35px; box-sizing:border-box; position:relative;}
#slide-banner-area{ overflow:hidden;}
.slide-banner-item{margin-left:8px; height:80px;}
.slide-banner-item a{display:block; position:relative; height:70px; border:1px #dedede solid;box-sizing:border-box; overflow:hidden;  }
.slide-banner-item a img{height:100%; display:block;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.slide-banner-item a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
#slide-banner .slick-slide{margin-right:8px;}
#slide-banner .slick-arrow{cursor:pointer; position:absolute; font-size:0;  width:35px; height:70px; z-index:999999999; top:0px; right:0; background:url(img/pro-arrow-left.png) #6f6f6f no-repeat 50%;}
#slide-banner .slick-prev{background-image:url(img/pro-arrow-right.png); left:0; }


/*서브******************************************************************/
#sub-top{width:100%;display:table; table-layout:fixed; height:160px; position:relative; box-sizing:border-box;  background-position:center 0;  background-repeat:no-repeat;}
#sub-top.sub-top1{background-image:url(img/sub-bg01.jpg);}
#sub-top.sub-top2{background-image:url(img/sub-bg02.jpg);}
#sub-top.sub-top3{background-image:url(img/sub-bg03.jpg);}
#sub-top.sub-top4{background-image:url(img/sub-bg04.jpg);}
#sub-top.sub-top5{background-image:url(img/sub-bg05.jpg);}
.st-text-box{text-align:center;  display:table-cell; vertical-align:middle; width:100%;height:inherit; box-sizing:border-box;}
.sttb-t01{font-weight:700; font-size:36px; color:rgba(255,255,255,1) ;text-shadow:1px 1px 2px rgba(0,0,0,0.3); }
.sttb-t02{font-size:50px; font-weight:500; color:rgba(255,255,255,1)}

.sub-nav{width:1200px; margin:0 auto; text-align:center; color:#848883; font-size:14px; font-weight:300;}
.sub-nav span{display:inline-block; padding:0 5px 0 10px; vertical-align:5%;}
.sub-nav i{margin-right:2px;}

#snb{background:#f9f9f9; border:1px #ddd solid; border-width:1px 0; margin-bottom:70px;}
#snb ul{width:1200px; margin:0 auto; text-align:center;}
#snb ul li{display:inline-block; padding:0 30px; position:relative;}
#snb ul li:after{content:""; position:absolute; width:3px; height:3px; background:#ddd; left:0; top:50%; margin-top:-2px;}
#snb ul li:first-child:after{display:none;}
#snb ul li a{display:block; padding:0px 10px; height:62px; line-height:62px; font-size:16px; color:#777;}
#snb ul li a:hover{color:#333; font-weight:500;}
#snb ul li.current a{color:#2985d5; font-weight:500; position:relative;}
#snb ul li.current a:after{content:""; width:100%; height:3px; position:absolute; bottom:-1px; left:0;}

.sub-title{text-align:center; font-size:45px; font-weight:700; padding:10px 0 50px; letter-spacing:-0.02em;}
.sub-content{width:1200px; margin:0 auto; padding:60px 50px 100px; border-top:1px #d2d2d2 solid; position:relative; box-sizing:border-box; font-size:17px; letter-spacing:-0.08em; }
.sub-cont-img img{width:100%;}
.sub-dl-box{position:relative;}
.sub-dl-box dt{position:absolute; left:5px; font-weight:500; padding-left:15px;}
.sub-dl-box dt:after{content:""; position:absolute; width:3px; height:3px; border:3px #999 solid; border-radius:50%; display:block; left:0; top:10px;}
.sub-dl-box dd{padding-left:120px; color:#777; }
.sub-dl-box dl{border-top:1px #e0e0e0 solid; padding:20px 0; line-height:1.7em;}
.sub-dl-box dl:first-child{border-top-width:0; padding-top:0;}
.sub-ul-box01{padding-top:50px;}
.sub-ul-box01:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.sub-ul-box01 li{float:left; width:32%; margin-left:2%; text-align:center; font-size:18px; background:#f3f6f4; border:1px #e1e8e4 solid; padding:30px; box-sizing:border-box; margin-top:30px; color:#4f5552;}
.sub-ul-box01 li:nth-child(3n+1){margin-left:0;}
.sub-ul-box01 li span{display:block; background-color:#22a269; width:35px; height:35px; line-height:35px; font-family:"Roboto"; font-weight:400; color:#fff; letter-spacing:0; text-align:center; border-radius:50%; margin:0 auto 10px;}
.sub-dl-box.sdb-dt dt{position:relative; width:100%; left:auto; top:auto;}
.sub-dl-box.sdb-dt dd{padding-left:0; margin-top:10px;}
.sub-dl-box.sdb-dt dd ul li{position:relative; padding-left:10px; margin-bottom:10px;}
.sub-dl-box.sdb-dt dd ul li:after{position:absolute; content:""; width:3px; height:3px; background:#c0c0c0; left:2px; top:12px;}

.sub-dl-box.sdb-dt dd p{margin-bottom:15px;}
.ma-top{margin-top:50px;}
.img100{width:100%; max-width:900px; margin:0 auto; display:block;}

.ssnb{text-align:right; margin-bottom:30px;}
.ssnb li{display:inline-block;margin:0 3px;}
.ssnb li a{display:block; padding:10px 30px; box-sizing:border-box; color:#fff; background:#1f2830; font-family:'Roboto', sans-serif; letter-spacing:0em;}
.ssnb li.ssnb-current a{background:#006ae3; color:#fff; border-color:#006ae3;}
.ssnb li a:hover{background:#006ae3; color:#fff; border-color:#006ae3;}
.top21-box{text-align:center; color:#0e6eb8; font-size:1.15em; background:#f6fbff; border:1px #e5ecf3 solid; box-sizing:border-box; padding:20px 0;}

/*1-1 회장인사말*/
.greeting-box{display:table; width:100%; table-layout:fixed;}
.gree-img{width:40%; display:table-cell; vertical-align:bottom;}
.gree-img img{width:100%;}
.gree-txt{display:table-cell; padding-left:50px; padding-right:50px; vertical-align:bottom; word-break:keep-all; }


/* 1-2 연혁 */
.history_list{display:table; width:100%; table-layout:fixed;}
.his-img{float:left;width:45%;}
.his-img img{float:left;width:100%;}
.history_list ul{float:left;width:55%;box-sizing:border-box;padding-left:5%;}
.history_list ul li{float:left;width:100%;line-height:60px;}
.history_list ul li strong{float:left;width:18%; color:#3797ea; vertical-align:middle; font-size:32px; font-weight:1000; }
.history_list ul li b{float:left;width:10%;  color:#86bceb; vertical-align:middle; font-size:26px; font-weight:600; }
.history_list ul li p{float:left;vertical-align:middle; font-size:24px; font-weight:300; }


/*1-2단체개요,1-4주요사업*/
.s4{word-break:keep-all; line-height:1.9em; font-size:18px; padding:35px; box-sizing:border-box; border:1px #e0e4e5 solid; text-align:center; background:#eceff0; margin:50px 0; color:#474b4c;}
.s4 span{color:#5e950e; font-weight:500;}

/*1-5 오시는길*/
.wrap_controllers{display:none;}
.wrap_map{height:480px !important; margin-bottom:-30px;}
.map-info{border-top:1px #e0e0e0 solid; padding-top:30px; }
.map-info li{padding:10px 0; display:inline-block; font-size:18px;}
.map-info li span{display:inline-block; font-weight:600; background:url(img/sub-but.png) no-repeat 0px 7px; background-size:14px; padding-right:20px; font-size:20px; color:#006ae3;}
.map-info li p{display:inline-block;  padding-right:40px; color:#666; letter-spacing:0;}
.map-info li i{display:inline-block; background:#26284f; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; margin-right:5px;}


/*2 차에대해*/
.tea-tit{background-color:#22a269; width:160px; text-align:center;font-family:"Roboto"; font-weight:400; color:#fff; letter-spacing:0; padding:15px 0px;  border-radius:10px 0 10px 0; margin:0 auto;}
.s5{margin-top:50px; line-height:1.9em; text-align:center;} 
.s5 span{display:inline; position:relative; font-weight:500; color:#22a269; font-size:18px;}
/*.s5 span:after{background:rgba(56,116,83,0.1); content:""; position:absolute; width:100%; height:10px; left:0; bottom:3px; display:inline;}*/
.s6{border-top:1px #e0e0e0 dashed; margin-top:50px; padding-top:30px; line-height:1.9em;}
.s7{font-size:15px; color:#888; border-top:1px solid #eceff0; padding-top:20px; margin-top:30px;}
.s8{font-size:18px; font-weight:500;color:rgba(56,116,83,0.9); border-bottom:1px rgba(56,116,83,0.2) dashed; padding-bottom:10px; margin-bottom:10px;}
.how-box{background:#f4f3ef; padding:30px; box-sizing:border-box; color:#49473b; font-size:16px;margin:50px 0;  }
.how-box li{position:relative; padding-left:10px; margin-bottom:10px;}
.how-box li:after{position:absolute; content:""; width:3px; height:3px; background:#c0c0c0; left:2px; top:12px;}
.sub2-3-ma{margin-top:50px;}
.sub2-4-dl.sub-dl-box dt{position:relative;left:auto;}
.sub2-4-dl.sub-dl-box dd{padding-left:15px;}

/*2-5차와우리문화*/
.youtube-box{position: relative; height:0; padding-bottom: 56.25%;}


/*3-4 홍보동영상*/
.sub-news-list li{float:left; margin:0 2% 50px 0; width:49%;}
.sub-news-list li:nth-child(2n){margin-right:0;}
.sub-news-list:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.sub-news-list a{display:block;}
.snl-img{border:1px #efefef solid; margin-bottom:20px;width:100%; position:relative; overflow:hidden;box-sizing:border-box; }
.snl-img img{margin:0 auto; top:0; width:100%;}
.snl-img:hover > img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.snl-img > img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.snl-text{overflow: hidden; line-height:24px; height:48px; position:relative; }
.snl-date{font-family: 'Montserrat', sans-serif;  color:#777; font-weight:500; font-size:15px;}

/*5-2 제품소개*/
.sub-product-list li{float:left; margin:0 3% 70px 0; width:22%; }
.sub-product-list li:nth-child(3n+1){margin-left:0;}
.sub-product-list:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.sub-product-list a{display:block; width:100%; box-sizing:border-box; }
.spl-img{border:1px #efefef solid; margin-bottom:20px;width:100%; padding-top:110%; position:relative; overflow:hidden;box-sizing:border-box; }
.spl-img img{margin:0 auto; top:0; width:100%; position:absolute;}
.spl-img:hover > img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.spl-img > img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.spl-text{overflow: hidden; line-height:24px; height:24px; position:relative; padding-right:10px;}
.sub-product-list a:hover .spl-text{color:#418a62;}

/*VIEW*/
#detail{width:100%; margin:0 auto;}
.detail-img{width:40%; padding-top:40%; position:relative; overflow:hidden;box-sizing:border-box; float:left; border:1px #efefef solid}
.detail-img img{margin:0 auto; top:0; width:100%; position:absolute;}
.detail-top:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.detail-info{box-sizing:border-box; padding-left:30px; transform:skew(-0.03deg); width:55%; float:right; box-sizing:border-box;}
.detail-info h2{font-weight:800; font-size:22px;}


.detail-btn a{display:inline-block; line-height:50px; text-align:center; float:left; width:29%; box-sizing:border-box; border:1px #999 solid; margin-left:1%;}
.detail-btn a:hover{background:#333; border-color:#333; color:#fff;}
.detail-btn i{font-size:20px; vertical-align:-10%; padding-right:5px;}
.detail-btn .db-purchase{display:block; background:#418a62; color:#fff; width:100%; border-color:#418a62; margin-left:0;}
.detail-btn:after{clear:both; content:"."; display:block; height:10px; visibility:hidden;}

.detail-li {padding:30px 0 50px; min-height:270px;}
.detail-li li{position:relative; margin-top:20px;}
.detail-li li span{position:absolute; left:0; padding-left:10px; color:#2d4047;}
.detail-li li span:after{content:""; display:block; width:5px; height:5px; border-radius:50%; background:#c0cbcf; position:absolute; left:0; top:10px; font-weight:500; }
.detail-li li p{box-sizing:border-box; padding-left:180px; color:#666;}

.detail-content{padding-top:50px; margin-top:30px; border-top:3px solid #333;}

/*paging*/
.paging{text-align:center; margin-top:30px;}
.paging a,
.paging strong{display:inline-block; margin-left:-1px; border:1px #cbd2d8 solid; width:40px; height:40px; line-height:40px; vertical-align:top;font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px;}
.paging strong{color:#fff; background:#006ae3; border-top-color:#006ae3; border-bottom-color:#006ae3;}
.paging .p-prev, 
.paging .p-next{font-size:0; text-indent:-999999; overflow:hidden;}
.p-prev i, 
.p-next i{font-size:16px; line-height:40px;}


/*3.제작/배송 안내*/
.sub31-list li{float:left; width:32%; margin-left:2%; position:relative;}
.sub31-list li:first-child{margin-left:0;}
.s31-img img{width:100%;}
.sub31-list:after{clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.s31-num{position:absolute; left:0; top:0; width:50px; height:50px; line-height:50px;text-align:center; background:#2985d5; font-size:20px; font-weight:600;font-family:'Roboto', sans-serif; letter-spacing:0em; color:#fff;}
.s31-txt{font-size:18px; text-align:center; padding:25px 0; border:1px #e0e0e0 solid; border-top-width:0;}
.s31-2 .s31-num{background:#1cb1be;}
.s31-3 .s31-num{background:#49b92a;}
.s31-4 .s31-num{background:#b8c737;}

/*2-1.개요*/
.sub21-list li{display:table; border-top:1px #e0e0e0 solid; padding-top:20px; margin-top:20px;}
.sub21-list li:first-child{margin-top:0px;}
.sub21-list li dt{position:relative; width:280px; display:table-cell;}
.sub21-list li dt img{width:100%;}
.sub21-list li dd{display:table-cell; vertical-align:middle;; padding-left:50px; padding-right:50px;}
.sub21-list li dd strong{display:block;font-weight:600;font-family:'Roboto', sans-serif; letter-spacing:0em; font-size:20px; margin-bottom:10px; word-break:keep-all;}

/* 온라인상담 */
.tbl{position:relative;float:left;width:100%;}
.tbl table{float:left;width:100%;border-top:2px solid #000;}
.tbl table th{width:26% !important;font-size:14px;font-weight:400;background:#f9f9f9;text-align:left;}
.tbl table td span{float:left;height:30px;line-height:30px;font-size:14px;margin:0 5px;color:#000;}
.tbl table td .ip01{float:left;width:50%;height:28px;line-height:28px;font-size:12px;padding:0 2%;color:#777;border:1px solid #e0e0e0;margin-right:20px;}
.tbl table td .ip02{float:left;width:40%;height:28px;line-height:28px;font-size:12px;padding:0 2%;color:#777;border:1px solid #e0e0e0;}
.tbl table td .ip03{float:left;width:18%;height:28px;line-height:28px;font-size:12px;padding:0 2%;color:#777;border:1px solid #e0e0e0;}
.tbl table td textarea{float:left;width:80%;height:80px;padding:10px;line-height:18px;font-size:12px;color:#777;border:1px solid #e0e0e0;}
.tbl table td select.sct1{float:left;width:22%;height:30px;line-height:30px;font-size:12px;padding:0 2%;color:#777;border:1px solid #e0e0e0;}
.tbl table td select.sct2{float:left;width:52%;height:30px;line-height:30px;font-size:12px;padding:0 2%;color:#777;border:1px solid #e0e0e0;}
.sct2_1{float:left;width:98% !important;margin-top:5px;}
.tbl table th,.tbl table td{padding:2%;border-bottom:1px solid #e0e0e0;}
input.tbl_btn{float:left;width:110px;height:30px;line-height:30px;font-size:12px;font-weight:600;cursor:pointer;text-align:center;color:#fff;background:#999;border:none;}
input:hover.tbl_btn{background:#777;}
/* 라디오버튼 */
ul.tbl_radio{float:left;margin:1% 0;}
ul.tbl_radio li{float:left;width:50%;line-height:13px !important;font-size:13px;color:#555;margin:3px 0;}
ul.tbl_radio li input.rd_ip{float:left;width:13px;height:13px;line-height:13px;margin:0 3px 0 0;}
/* 파일첨부 */
.tbl_file{float:left;width:100%;}
input.up_text{float:left;width:50%;height:28px;line-height:28px;padding-left:3%;border:1px solid #ccc;border-right:none;font-size:12px;vertical-align:top;color:#777;}
.tbl_file label{float:left;width:30%;height:30px;line-height:30px;font-size:13px;text-align:center;color:#fff !important;background:#333;cursor:pointer;;}
.tbl_file label input{display:none;}
/* 약관 */
.terms_w{position:relative;float:left;width:96%;height:100px;padding:2%;overflow-x:hidden;overflow-y:scroll;background:#f4f4f4;margin-top:5%;}
.terms_title{float:left;width:100%;font-size:14px;font-weight:600;color:#000;}
.terms_list dl{float:left;width:100%;padding-top:10px;}
.terms_list dl dt{padding-bottom:8px;font-weight:600;font-size:13px;color:#555;}
.terms_list dl dd{padding-bottom:5px;font-size:11px;line-height:15px;color:#999;}
/* 동의 */
.agree{float:left;width:100%;margin:3% 0;}
.agree input{float:left;width:14px;height:14px;line-height:14px;margin-right:4px;}
.agree label{float:left;font-size:13px;line-height:14px;}
/* 버튼 */

.btn_w{width:100%;text-align:center;margin:30px 0 0 0;}
.btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;}
input.btn{display:inline-block;width:42%;height:44px;line-height:100%;font-size:18px;font-weight:600;cursor:pointer;background:#444;text-align:center;color:#fff;border:2px solid #000;margin:0 2px;}

/*지원사업 리스트*/
.sub-list-table{
width:100%;
table-layout:fixed;
}

.sub-list-table th{
border-top:2px #074685 solid;
border-bottom:1px #bccbdb solid;
background:#d9e4f0;
font-size:1.015em;
padding:15px 0px;
}

.sub-list-table td{
text-align:center;
border-bottom:1px #b4bdc6 solid;
padding:20px 0px;
}
.sub-list-table tbody tr{
cursor: pointer;
}
.sub-list-table tbody tr:hover{
background:#f5f7f9;
}

.slt-img{
display:inline-block;
width:50%;
}
    
.slt-img > div{
width:100%;
position:relative;
padding-bottom:75%;
overflow:hidden;
box-sizing:border-box;
border:1px #e0e0e0 solid;
background:#fff;
}

.slt-img > div > img{
position:absolute;
left:50%;
top:50%;
max-width:100%;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s

}

.sub-list-table tbody tr:hover .slt-img > div > img{
transform:scale(1.1); 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s
}

.slt-txt{
font-weight:500;
color:#111;
font-size:1.01em;
}

.list-search{height:35px; line-height:35px;margin:0 auto; margin-bottom:20px; text-align:right;}
.list-search input{width:220px; box-sizing:border-box; padding:5px; height:inherit; line-height:inherit; border:1px solid #ccc; border-radius:5px 0 0 5px; font-size:14px;}
.list-search button{background:#0f1d37; color:#fff; height:inherit; line-height:inherit; width:50px; cursor:pointer; border-radius:0 5px 5px 0; font-size:13px; }


/*================================== respensive ==================================*/
@media (max-width:1280px) {
/*header*/
header{width:100%; min-width:100%;  }
.pc-gnb .gnb{width:100%; left:0; margin:0; margin-left:0; right:0%;}
.youtube-btn{left:auto; right:10px; margin-left:0;}
.header-logo{left:auto; text-align:center; margin-left:10px;}

/*footer*/
.foot-area{width:96%; text-align:center;}
.foot-info{padding-right:0;}
footer .copyright{position:relative; }
.area22 {width:96%;margin:0 auto;text-align:right;}

/*visual*/
#main-visual{width:100%; left:0; margin-left:0; float:none;}
.visual-item{text-align:right;}
.visual-item > img{height:auto; width:100%;}
#main-visual .slick-arrow{right:10px; left:auto; margin-left:0;}
#main-visual .slick-prev{left:10px; margin-left:0;}

/*Product*/
#product-info{left:0; margin-left:0; width:100%; z-index:999; position:relative; height:auto;}
.product-area h2{display:none;}
.product-area{width:100%; box-sizing:border-box; padding-right:1%; padding:20px 10px; height:auto; border:0; margin:0; background:transparent;}

.pro-img{ padding-top:70%;width:90%; }
.product-area:after,
.product-area .slick-track:after{clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.pro-item p{width:100%; font-size:15px;}
.product-area .slick-slide{background:#fff; margin:0 5px; padding:20px;}

/*바로가기 메뉴영역*/
#main-quick{width:100%;}
#main-quick li{border-color:#cad4cf;}

/*main-content01*/
.main-content01{background:none;}
.mc01-area{width:100%;}
/*홍보동영상*/
#pr-video{width:100%; background:url(img/pr-area-bg.jpg) no-repeat 100% 100%; background-size:cover; box-sizing:border-box; height:auto;}
.pr-v-area{width:85%; max-width:600px; margin:50px auto; float:none;}
.pr-v-text{position:relative;}
.prvt-icon{position:absolute; left:50%; margin-left:-82px;}
.pr-v-text h2{padding-left:72px; padding-top:20px; font-size:22px;}
.prvt-text{padding-top:10px;}
/*행사사진*/
#event-gallery{width:100%; box-sizing:border-box; padding-right:50px; height:auto;}
.event-list{width:100%;}
.event-list li a{display:block;}
#event-gallery .main-more-btn{right:50px;}

/*main-content02*/
.main-content02{width:100%;}

/*slide-banner*/
#slide-banner{width:95%;}

/*서브*/
#snb ul{width:100%;}
.sub-content{width:96%; margin:0px auto; padding:30px 0 40px;}
.sub-nav{width:100%;}
#snb ul li{padding:0 10px;}
}



@media (max-width:1024px) {
/*header*/
header{height:80px;}
.header-logo{margin-left:20px; line-height:80px;}
.header-logo img{width:110px;}
#logoment {display:inline-block;font-weight:600;font-size:24px;}

.gnb-open-btn{display:block; position:absolute; right:3%; top:50%; margin-top:-20px;  z-index:999; width:40px; height:40px; line-height:40px; text-align:center; background:#0e6eb8;  font-size:24px; color:#fff;}
.gnb-close-btn{display:block; position:absolute; top:0; right:0px;  width:45px; height:42px; line-height:42px; text-align:center; background:#0e6eb8; font-size:20px; color:#fff; z-index:9999;}
/*sidemenu*/
#sidebar{position:fixed;top:0;bottom:0;background:#e5e5e5; display:none; right:-200px; z-index:999999;　-webkit-transition: right 1s;  transition: right 1s; width:auto; overflow:visible; padding-top:42px;}
#sidebar .close-sb{height:60px;width:60px;position:absolute; left:-60px; top:0px; z-index:999; text-align:center; background:#000}
#sidebar .close-sb img{width:70%; display:block; margin:10px auto;}
#sidebar .gnb{position:relative; z-index:55; width:280px; left:auto; right:0; overflow:hidden auto;height:100%;background:#0a3670}
#sidebar .gnb > li{display:block; width:100%;}
#sidebar .gnb > li > a{line-height:40px;  display:block; box-sizing:border-box; padding:0 20px; color:#fff;}
#sidebar ul li li > a{display:block;border-bottom:1px solid rgba(255,255,255,0.1);font-size:15px;color:rgba(255,255,255,0.7); background:rgba(255,255,255,0.1);padding:10px 20px;}
.sidebg{position:fixed; height:150%; background:rgba(0,0,0,0.5); width:100%; top:0; right:0; z-index:44;}
.mobile-gnb{display:block;}
.pc-gnb{display:none;}
.youtube-btn{top:0px; right:auto; width:100%;}
.youtube-btn a{background:#f2d012; text-align:left; padding:10px 20px; box-sizing:border-box;}

/*footer*/
footer{ margin-top:0;}
.foot-area{width:96%;}
footer .copyright{width:96%;}
footer address p{margin-right:10px;}
.foot-info strong{display:block; padding-left:0;}

.area22 {width:96%;margin:0 auto;text-align:right;}

/*visual*/
#main-visual{height:100%;}
.visual-item{height:100%; display:block; vertical-align:top;}
.visual-item > img{right:0%; width:100%;}
.slick-dots{display:none;}
#main-visual .slick-arrow{display:none !important;}
.visual-txt img,
.vt1 img{width:70%; max-width:700px;}


/*product*/
.product-area h2{padding:35px 0 25px;}
.pro-btn{width:100%;}

/*행사사진*/
#event-gallery{padding:0 2%;}
#event-gallery .main-more-btn{right:0%; top:0;}
.event-title{padding:20px 0; text-align:center; display:block; padding-bottom:20px;}
.event-title p{display:none;}

/*홍보동영상*/
.pr-v-area{height:auto; padding:20px 0; margin:20px auto;}

/*공지사항, 지부소식*/
.board-box{width:100%; float:none; padding:20px 2%; height:auto; min-height:150px;}
.board-title{position:relative; text-align:center; display:block; padding-bottom:20px;}
.board-title p{display:none;}
#notice .board-title,
#news .board-title{background-image:none;}
.board-list{padding:0 15px;}

/*고객센터*/
.main-cs{padding-left:0; text-align:center;}
.mc-ul li{display:inline-block; margin-right:20px;}

/*차란?*/
#tea{height:auto; background-size:cover; padding:20px 0;}

/*유관기관*/
#slide-banner{padding:0 10px;margin:20px auto;}
.slide-banner-item a img{margin:0 auto; width:100%; height:auto;}
#slide-banner .slick-arrow{display:none !important;}
.slide-banner-item a{height:auto;}
.slide-banner-item{height:auto;}

/*서브*/
/*3-4 홍보동영상*/
.sub-news-list li{margin-bottom:30px;}
.snl-img{margin-bottom:10px;}
.snl-text{height:24px;}


/* 1-2 연혁 */
.history_list ul li{line-height:50px;margin-bottom:8%;}
.history_list ul li strong{width:100%;font-size:32px;}
.history_list ul li b{width:100%;font-size:28px;}
.history_list ul li p{width:100%;line-height:46px;font-size:22px;}
}

@media (max-width:767px) {

#logoment {display:inline-block;font-weight:600;font-size:24px;}

/*footer*/
footer{padding:5px 0;}
footer address p{font-size:14px;}
.foot-info strong{display:block; margin:0; margin-bottom:5px; font-size:15px;}
footer .copyright{margin-top:5px;}

.area22 {width:96%;margin:0 auto;text-align:right;}

/*메인*/

/*product*/
.product-area .slick-arrow{display:none !important;}
.pro-img{width:96%; margin:0 2%; padding-top:90%;}

/*product*/
.pro-btn{display:none;}

/*바로가기 메뉴영역*/
#main-quick{padding:0;}
#main-quick ul{padding:0;}
#main-quick li{width:50%; }
#main-quick li:nth-child(2),
#main-quick li:nth-child(3){background:#fff}
#main-quick li a{font-size:13px; height:auto; padding:20px 0;}
#main-quick .mq-img{padding-bottom:7px;}
#main-quick .mq-img img{width:60px;}
#main-quick li:nth-child(3){border-left-width:0; border-top:1px #b1c9da dashed}
#main-quick li:nth-child(4){ border-top:1px #b1c9da dashed}

/*행사사진*/
#event-gallery{padding:0;}
.event-title{padding:0;}
.event-title h2{font-size:22px; width:100%;border-top:1px #b9cad7 solid; background:#e0ebf3; line-height:70px;}
.event-title p{display:none;}
#event-gallery .main-more-btn{top:0; right:0;}
.event-list li{width:100%; margin:0; box-sizing:border-box; padding:15px;border-top:1px #dee6ec solid;}
/*.event-list li:nth-child(2n+1){background:#dde7f0;}*/
.gallery-img{width:30%; padding-top:20%; float:left;}
.gmt-box{float:left; width:65%; padding-right:0; padding-left:20px; margin-top:0; box-sizing:border-box;}
.gallery-date{text-align:right;}
.event-list li:after{clear:both; content:"."; display:block; height:0px; visibility:hidden;}

/*공지사항, 지부소식*/
.board-title h2{font-size:22px;}
#tea > a p{font-size:12px;}

/*고객센터*/
.mc-p{font-size:32px;}

/*차란?*/
#tea > a h2{font-size:22px; display:block; padding:0; vertical-align:top; font-weight:600;}
#tea > a h2 strong{font-weight:600;}

/*서브*/
.sttb-t01{font-size:32px; line-height:1.25em}
.sttb-t02{font-size:18px;}
#sub-top{height:100px; background-size:cover;}
#snb{display:none;}
.sttb-t01{font-size:26px;}
.sub-title{font-size:25px; padding:40px 0 25px;}
.sc-ma1{padding-top:30px;}
.sub-cont-tit1{font-size:20px; background-position:0 8px;}
.sub-nav{display:none;}
.sub-content{width:94%; padding-bottom:60px; font-size:16px;}
.sub-dl-box dt{position:relative; left:0;}
.sub-dl-box dd,
.sub-dl-box.sdb-dt dd{padding-left:15px;}
.sub-dl-box.sdb-dt dd{margin-top:5px;}

/*1-1 인사말*/
.gree-img{display:block; width:100%;}
.gree-img img{max-width:450px;}
.gree-txt{padding:0; display:block; padding-top:10px;}

/* 1-2 연혁 */
.history_list{display:table; width:100%; table-layout:fixed;}
.his-img{float:left;width:100%;}
.his-img img{float:left;width:100%;}
.history_list ul{float:left;width:100%;margin-top:5%;padding-left:0;text-align:left;}
.history_list ul li{float:left;width:100%;line-height:26px;margin-bottom:4%;}
.history_list ul li strong{float:left;width:15%;color:#3797ea;vertical-align:bottom;font-size:22px;font-weight:1000;}
.history_list ul li b{float:left;width:8%;color:#86bceb;vertical-align:bottom;font-size:18px;font-weight:600;}
.history_list ul li p{float:left;width:77%;line-height:26px;vertical-align:bottom;font-size:16px;font-weight:300;}

/*1-2 단체개요*/
.s4{margin:20px 0; padding:15px; line-height:1.5em; font-size:16px;}

/*1-4 주요사업*/
.sub-ul-box01{padding-top:10px;}
.sub-ul-box01 li{margin-top:10px; width:100%; padding:15px; padding-left:45px; margin-left:0; font-size:16px; text-align:left; position:relative;}
.sub-ul-box01 li span{position:absolute; left:10px; top:15px; width:25px; height:25px; line-height:25px; font-weight:600; font-size:12px;}

/*1-5 오시는길*/
.map-info li,
.map-info li span,
.map-info li p.mi-add{font-size:16px;}
.map-info{padding-top:10px;}
.map-info li{padding:0; padding-top:10px;}
.map-info li span{display:block;}
.wrap_map{height:250px !important;}

/*2 차에대해*/
.s5{line-height:1.7em; word-break:break-all; margin-top:20px; }
.s5 br{display:none;}
.s5 span{font-size:17px;}
.how-box{padding:20px;}
.s6{margin-top:30px; padding-top:20px;}
.sub2-3-ma{margin-top:20px;}


/*3-4홍보동영상*/
.sub-news-list li{width:100%; margin-left:0; margin-bottom:15px;}

/*5-1 제품소개*/
.sub-product-list li{width:49%; margin:0; margin-left:2%; margin-bottom:20px;}
.sub-product-list li:nth-child(3n+1){margin-left:2%;}
.sub-product-list li:nth-child(2n+1){margin-left:0;}
.spl-img{margin-bottom:10px;}
.detail-img{width:100%; padding-top:80%;}
.detail-info{padding-left:0; width:100%; padding-top:20px;}
.detail-li{min-height:auto; padding:10px 0 20px;}
.detail-li li{margin-top:10px; border-top:1px #e0e0e0 solid; padding-top:10px;}
.detail-li li:first-child{margin-top:0;}
.detail-li li span{display:block; position:relative; font-size:17px;}
.detail-li li p{padding-left:10px; padding-top:5px;}

/*paging*/
.paging a, .paging strong{width:30px; height:31px; line-height:30px;}
.paging a img{width:100%; overflow:hidden;}

.ssnb{text-align:center;}
.ssnb li{margin:0;}
.ssnb li a{font-size:13px; padding:7px 15px;}

/*2-1개요*/
.sub21-list li dt{display:inline-block; width:100%;}
.sub21-list li dt img{max-width:450px;}
.sub21-list li dd{display:block; padding:0; padding-top:10px;}

.s31-num{width:35px; height:35px; line-height:35px; font-size:14px;}

/*3.제작/배송안내*/
.sub31-list li{float:0; width:100%; margin-left:0;}
.s31-txt{font-size:1.125em;}
}



#ifrm {
    width: 100%;
    min-height: 300px;
    overflow: hidden;
    border: 0;
}
/* pc */
@media screen and (min-width:1025px){
    .view-cont  img { max-width:1150px; }
    .ww { width:560px;height:306px; }
    .memofile { max-width:1100px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
    .view-cont  img { width:98%; }
    .ww { width:560px;height:306px; }
    .memofile { max-width:1000px;  width:98%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
    .view-cont img { width:98%; }
    .ww { width:100%;height:300px; }
    .memofile { max-width:760px; width:98%; }
}