/* 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&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:#fff;background-size:cover; position:relative; z-index:9999999;}
.header-logo{position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-24px; z-index:100;}
.header-logo img{height:52px;}
.header-logo a{font-weight:500; color:#d4aa60;}

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

.pc-gnb .gnb{width:100%; margin:0 auto; text-align:right;  position:relative; height:auto; left:50%; margin-left:-250px;}
.pc-gnb .gnb:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.pc-gnb .gnb > li{display:block; position:relative; width:16%; height:100px; line-height:100px; text-align:center; box-sizing:border-box; vertical-align:top; float:left;  }
.pc-gnb .gnb > li:after{content:""; display:block; position:absolute; width:0%; height:3px; left:50%; margin-left:-15%; bottom:-3px; background:#26bb6a; 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{width:950px;}
.pc-gnb .gnb > li > a{display:block; font-size:20px; color:rgba(0,0,0,0.7); font-weight:500; position:relative;}
.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%; box-sizing:border-box; border-right:1px rgba(0,0,0,0.1) 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:rgba(0,0,0,0.7); font-size:16px;}
.pc-gnb .gnb > li > ul li a:hover{color:rgba(0,0,0,1);}
.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;}*/


/*footer*/
footer{width:100%; background:#f4f4f4; color:#555; padding:30px 0 50px; line-height:1.55em;}
.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;}
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{}

.contain{overflow-x:hidden;}

/*¸ÞÀÎ***********************************************************************************/

/**********animation keyframe**********/
/*visual-text*/
@keyframes vt-ani {
  0 {opacity:0; -moz-transform:translatey(20%); -ms-transform:translatey(20%); transform:translatey(20%); }
  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%;}
.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{position:relative; width:100%; overflow:hidden;}
.visual-item{position:relative; width: 100%; height:100%; text-align:center; margin:0 auto;}
.visual-item > img{display:block; margin:0 auto; width:100%; max-width:2000px;}
.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;}
.slideCount{position:absolute; left:50%; margin-left:500px; top:50%; margin-top:-238px; font-size:16px; font-weight:600; color:#fff; width:100px; text-align:center; font-family:"Montserrat"; padding-top:10px; z-index:99999;}

/*Arrow*/
#main-visual .slick-arrow{cursor:pointer; position:absolute; font-size:0;  width:60px; height:60px; z-index:999999999; bottom:0px; right:0; background:url(img/arrow-left.png) transparent;}
#main-visual .slick-prev{margin-right:62px; background-image:url(img/arrow-right.png); }

/*Visual-text*/
.visual-txt{ box-sizing:border-box;  position:absolute; z-index:2;  position:absolute; width:660px; left:50%; margin-left:-330px; top:50%; margin-top:-200px; overflow:hidden;}
.vt1{text-align:center;margin:0 auto; width:100%;}
.vt1 img{}
.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;}

.slick-dots {position:absolute; bottom:80px; z-index:999; text-align:center; width:100%; background:transparent;}   
.slick-dots li {display:inline-block; margin:0 5px;}
.slick-dots li button {display:block; background:transparent; width:17px; height:17px; font-size:0; box-sizing:border-box; background:rgba(255,255,255,0.5);}
.slick-dots li.slick-active button {background:#fff;}
    
.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:#2458a4;}
.product-area{border:1px #0f3a78 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:#0f3a78; 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) #0f3a78 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:#2458a4; 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 #2458a4 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:#2458a4; 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:#2458a4; border-color:#2458a4; color:#fff; }
.pro-btn li:hover a{color:#fff;}
.pro-btn li:hover i{color:#fff;}

/*¹Ù·Î°¡±â ¸Þ´º¿µ¿ª*/
#main-quick{margin:0 auto; padding:50px 0 0;width:1200px;}
#main-quick li{float:left; display:table; width:25%; border-left:1px #afbbcc 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:22px; font-weight:500;}
#main-quick li a img{width:58px}
#main-quick li a:hover{color:#e37a09;}
#main-quick ul:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
#main-quick .mq-img{padding-bottom:15px;}

/*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:800px; height:380px; float:left; /*background:url(img/event-bg.jpg);*/ box-sizing:border-box; padding:50px; padding-right:0; position:relative;}
#event-gallery .main-more-btn{background:#c0cbcf; top:50px;}
#event-gallery .main-more-btn:hover{background-color:#628692;}
.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{width:750px;}
.event-list:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.event-list li{float:left; width:32%; 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;}
.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; padding:50px 0;}
.main-content02:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.board-box{ width:33.333333%; 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:#509a66;}
.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:#eeeeee;}
#notice .main-more-btn{background-color:#d3d3d3;}
#notice .main-more-btn:hover{background-color:#666;}
#notice .board-title{background-image:url(img/notice-icon.png)}
/*Áöµµ*/
#location{background:#e7e7e7;}
#location.board-box{padding:0; }
#location .main-more-btn{background-color:#d3d3d3;}
#location .main-more-btn:hover{background-color:#666;}
#location .board-title{background-image:url(img/news-icon.png)}

/*°í°´¼¾ÅÍ*/
#customer{background:#0d274e; text-align:center;}
.cus-tell{font-family:"Roboto";;  color:#fff; font-weight:600; letter-spacing:0em; font-size:38px; margin-top:10px;}
#customer .board-title{position:relative; color:#fff;}
#customer .board-title p{color:rgba(255,255,255,0.7)}




/*Á¦Ç°¼Ò°³ ¿µ¿ª*/
.main-product-area{width:100%; margin-top:1px;}
.main-product-area:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.pro-cont{width:50%; float:left; display:table; table-layout:fixed; position:relative;background-color:rgba(0,0,0,1)}
.pro-cont .m-pro-box{text-align:right; border-bottom:2px #fff solid;display:table-cell; width:100%; height:300px; vertical-align:bottom; padding-bottom:30px; padding-right:40px; box-sizing:border-box; background-repeat:no-repeat; overflow:hidden;  position:relative; opacity:1;-webkit-transition: all .5s ease-out; transition:all .5s ease-out; }
.pro-cont .m-pro-box:hover{opacity:0.8;}
.pro-cont em{display:block;font-size:20px; color:rgba(255,255,255,0.3); font-family:"Roboto"; text-transform:uppercase; letter-spacing:0em; position:relative; z-index:10}
.pro-cont h2{font-size:38px; font-weight:600; letter-spacing:-0.1em; position:relative; z-index:10; color:rgba(255,255,255,1)}
.pro-cont p{color:rgba(255,255,255,0.7); font-size:20px; font-weight:400; word-break:keep-all; padding:15px 0; position:relative; z-index:10}
.pro-cont span{ position:relative; z-index:10; display:inline-block; background:url(img/arrow1.png) no-repeat 100% 60%; background-size:32px 6px; padding-right:40px; color:rgba(0,0,0,0.6);font-family:"Montserrat"; text-transform:uppercase; font-weight:500; letter-spacing:0em;}
.pro-bg{position:absolute; width:100%; height:100%; background-size:cover; background-position:0 0%; top:0; left:0; background-image:url(img/pro01-bg.jpg); z-index:5; 	-webkit-transition: transform .3s ease-out; transition: transform .3s ease-out;  }
.pro-cont:hover .pro-bg{ -webkit-transform: scale(1.5); transform: scale(1.5);}

#product01 .m-pro-box{}
#product02 .m-pro-box,
#product04 .m-pro-box{text-align:left; padding-left:40px; border-left:2px #fff solid;}
.m-pro-box .pro-bg{ background-position:100% 0%; opacity:0.5;}
#product02 .pro-bg{background-image:url(img/pro01-bg.jpg)}
#product02 .pro-bg{background-image:url(img/pro02-bg.jpg)}
#product03 .pro-bg{background-image:url(img/pro03-bg.jpg)}
#product04 .pro-bg{background-image:url(img/pro04-bg.jpg)}
.pro01-abs{display:inline-block; margin-bottom:22px;position:relative; z-index:10}
.pro02-abs{display:block; margin-top:22px;position:relative; z-index:10}
.pro03-abs{position:absolute; right:-10px; bottom:-80px; z-index:10;}


/* °Ô½ÃÆÇ~¿Â¶óÀÎ»ó´ã */
.w1200{position:relative;width:1200px;margin:0 auto;}
#information{position:relative;width:100%;padding:40px 0;background:#fff;z-index:999;}
#information:after{clear:both;
    display:block;
    height:0;
    content:"";
    visibility:hidden;}
#board_w{position:relative;float:left;width:600px;background:#ccc;padding-top:1px;}
.board{position:relative;float:left;width:519px;height:148px;padding:40px;background:#fff;border:1px solid #ccc;border-right:none;margin-top:-1px;}
.board2{position:relative;float:left;width:519px;height:122px;padding:40px;background:#fff;border:1px solid #ccc;border-right:none;margin-top:-1px;}
.board_title{float:left;width:100%;line-height:100%;font-size:28px;font-weight:600;letter-spacing:-1px;color:#000;margin-bottom:15px;}
ul.ticker{float:left;width:100%;height:auto;overflow:hidden;}
ul.ticker li{float:left;width:100%;height:25px;margin:5px 0;}
ul.ticker li p{float:left;width:75%;line-height:25px;font-size:16px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.ticker li p b.tic1{float:left;width:70px;line-height:25px;font-size:13px;font-weight:400;text-align:center;color:#fff;background:#fb6e34;margin-right:8px;}
ul.ticker li p b.tic2{float:left;width:68px;line-height:23px;font-size:13px;font-weight:400;text-align:center;color:#555;background:#fff;border:1px solid #555;margin-right:8px;}
ul.ticker li span{float:left;width:25%;line-height:25px;text-align:right;font-size:14px;color:#999;}
ul.board_list{float:left;width:100%;height:auto;overflow:hidden;}
ul.board_list li{float:left;width:100%;}
ul.board_list li a{float:left;width:75%;line-height:28px;font-size:16px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.board_list li span{float:left;width:25%;line-height:28px;text-align:right;font-size:14px;color:#999}
a.more{position:absolute;right:40px;top:40px;line-height:12px;font-size:12px;color:#fff;padding:8px 14px;background:#666;border-radius:3px;}

.contact{position:relative;float:left;width:500px;padding:50px;background:#e7e6e5;}
.contact_title{position:relative;float:left;width:100%;line-height:40px;font-size:36px;font-weight:600;letter-spacing:-1px;color:#000;margin-bottom:30px;}
.contact_title span{float:left;width:100%;line-height:22px;font-size:16px;font-weight:400;letter-spacing:-0.01em;color:#888;margin-top:20px;}
a.call_num{display:none;}
.cs_num{float:left;width:100%;padding-bottom:30px;border-bottom:2px dashed #bbb;}
.cs_num b{float:left;width:100%;line-height:56px;font-size:36px;font-weight:800;color:#fb6e34;padding-left:60px;letter-spacing:-3px;background:url(../img/cs_icon.png) no-repeat 0 7px;background-size:50px;}
.cs_text{float:left;width:100%;padding-top:30px;;border-top:2px dashed #fff;}
.cs_text p{float:left;width:100%;line-height:30px;font-size:18px;margin-bottom:8px;}
.cs_text p span{float:left;width:100px;font-size:16px;text-align:center;background:#999;color:#fff;margin-right:12px;}

.cs_text .cs_textnum {display:none;}

/*¼­ºê******************************************************************/
#sub-top{width:100%;display:table; table-layout:fixed; height:220px; position:relative; box-sizing:border-box;  background-position:center 0;  background-repeat:no-repeat;}
#sub-top.sub-top1{background-image:url(img/sub-visual01.jpg);}
#sub-top.sub-top2{background-image:url(img/sub-visual02.jpg);}
#sub-top.sub-top3{background-image:url(img/sub-visual03.jpg);}
#sub-top.sub-top4{background-image:url(img/sub-visual04.jpg);}
#sub-top.sub-top5{background-image:url(img/sub-visual05.jpg);}
#sub-top.sub-top6{background-image:url(img/sub-visual06.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:70px auto 0; 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; }
#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:#dd9712; font-weight:500; position:relative;}
#snb ul li.current a:after{content:""; width:100%; height:3px; position:absolute; bottom:-1px; left:0; background:#dd9712;}

.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; line-height:1.4em;font-weight:500; padding-left:15px; color:#1e3327;}
.sub-dl-box dt:after{content:""; position:absolute; width:3px; height:3px; border:3px #999 solid; border-radius:50%; display:block; left:0; top:6px;}
.sub-dl-box dd{padding-left:140px; color:#777; line-height:1.4em;}
.sub-dl-box dd div{color:#041530; font-weight:500;}
.sub-dl-box dd div em{color:#3879d7; padding:5px 10px; font-weight:400; display:inline-block;}
.sub-dl-box dd p{margin-top:10px; padding-top:10px; border-top:1px #e7e7e7 dashed; font-size:15px;}
.sub-dl-box dl{border-top:1px #e0e0e0 solid; padding:20px 0; line-height:1.7em;}
.sub-dl-box dd span{color:red;}
.sub-dl-box dl:first-child{border-top-width:0; padding-top:0;}
.sub-dl-box dl ul li{display:inline-block; width:24%; margin-bottom:10px;}

.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;}

.product-list{width:100%; max-width:1200px; margin:50px auto 20px; text-align:center;}
.product-list li{display:inline-block; border:1px #010f2c solid; box-sizing:border-box; color:#010f2c; margin:0 5px;}
.product-list li a{display:block; padding:20px 60px; }
.product-list li.current a{color:#fff; background:#010f2c;}
.product2-list{width:100%; max-width:1200px; margin:0 auto 50px; text-align:center; }
.product2-list li{display:inline-block; margin:0 5px;}
.product2-list li a{display:block; padding:10px 20px; background:#dee3eb;}
.product2-list li.current a{background:#aecfff;}

.img100{width:100%; max-width:900px; margin:0 auto; display:block;}

.info-top{box-sizing:border-box; padding:30px; text-align:center; background:#f6f6f6; border:1px #e3e3e3 solid;}
.it-t1{color:#5e950e; font-weight:600; font-size:20px; margin-bottom:20px;}
.it-t2{color:#666; font-size:18px;margin-bottom:20px; word-break:keep-all;}
.it-ul1 li{display:inline-block; border:1px #e3e3e3 solid; background:#fff; border-radius:999px; padding:10px 20px; font-weight:500; margin-bottom:30px; margin-right:5px;}

.sub11-dl1{margin-top:50px;}
.sub11-tit1{font-weight:600; font-size:26px; margin-bottom:15px;}
.sub11-intro{margin-bottom:20px;}

.sub-ul01{}
.sub-ul01 li{margin-bottom:20px; padding-top:20px; border-top:1px #e0e0e0 solid;}
.sub-ul01 li:first-child{border-top-width:0;}
.sub-ul01 li p{color:#358307; font-weight:500; font-size:18px; display:inline-block;}
.sub-ul01 li p span{display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; font-size:14px; background:#358307; border-radius:99999px; color:#fff; margin-right:5px;}
.sub-ul01 li div{display:inline-block; margin-left:10px;}
/*1-1 °³¿ä*/
.sub1-1-img{position:absolute; }
.sub1-1-text{padding-left:390px;}
.s1{font-size:20px; color:#5e950e; border-bottom:1px #e6ebdf solid; padding-bottom:30px; margin-bottom:45px;}
.s2{font-size:19px;}
.s3{word-break:keep-all; line-height:1.9em;}

.sub-dl-box{margin-top:50px; border-top:3px #e0e0e0 solid; padding-top:70px;}
.sub11-intro-color{word-break: keep-all; line-height:1.8em; font-size:20px; font-weight:600; color:#11a555; text-align:center;}
.sub11-intro-color strong{font-weight:700;}
.sub11-top-img{margin-bottom:50px;}
.sub11-top-img img{width:100%;}

.medi-pic{text-align:center;}
.medi-pic:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.medi-pic li{float:left; width:32.666%; margin-left:1%; margin-bottom:2%; position:relative; border:1px #e3e3e3 solid; border-bottom-width:0; box-sizing:border-box;}
.medi-pic li p{position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5); color:#fff; padding:10px; box-sizing:border-box;}
.medi-pic li img{width:100%;}
.medi-pic li:nth-child(4n+1){margin-left:0;}
.p-color01{color:#d78525;}

/*1-2 ÀÎ»ç¸»*/
.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; vertical-align:bottom;}


/*1-5 ¿À½Ã´Â±æ*/
.wrap_controllers{display:none;}
.sub-content .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:20px;}
.map-info li span{display:inline-block; font-weight:700; background:url(img/sub-but.png) no-repeat 0px 7px; background-size:14px; padding-right:20px; font-size:20px; color:#0f4c0f;}
.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;}
.map-info li p.mi-add{font-size:20px;}




/*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 #c8c8c8 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:#73ad38; border-top-color:#73ad38; border-bottom-color:#73ad38;}
.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;}




/* ¿Â¶óÀÎ»ó´ã */
.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;}


/*================================== respensive ==================================*/
@media (max-width:1280px) {
/*header*/
header{width:100%; min-width:100%;  }
.pc-gnb .gnb{width:70%; left:30%; margin:0; margin-left:0; right: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; }

/*visual*/
#main-visual{width:100%; left:0; margin-left:0; float:none;}
.visual-item{text-align:right;}
.visual-item > img{height:auto; width:120%; margin-left:0;}
.visual-txt{left:5%; top:25%; width:90%; margin:0 auto; text-align:center;}


/*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;}


.pro-btn{text-align:center; width:100%; 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 #2458a4 solid; box-sizing:border-box;-moz-transition:all 0.3s; -ms-transition:all 0.5s; transition:all 0.3s}
.pro-btn li a{height:30px; line-height:30px;}
.pro-btn li a i{margin-right:5px; color:#2458a4; font-size:14px; -moz-transition:all 0.3s; -ms-transition:all 0.5s; transition:all 0.3s}
.pro-btn li:first-child{margin-right:4px;}


/*ÇÏ´Ü Product*/
.main-product-area{padding-bottom:0; height:auto; background:#000;}
.main-product-area{width:100%; box-sizing:border-box;  height:auto; border:0; margin:0; background:transparent; overflow-x:hidden;}

.product-area h2{padding:0 0 10px;}
.pro-cont p{padding:10px 0; font-size:15px;}
.pro-cont .m-pro-box,
#product01 .m-pro-box,
#product02 .m-pro-box,
#product03 .m-pro-box{height:auto; padding:50px; text-align:left;}
#product01 .m-pro-box{height:auto; background-color:#f6f6f6; background:none; text-align:left; vertical-align:top;}
#product02 .m-pro-box{background-size:80%; background-position:100%;}
.pro01-abs{position:absolute; margin-bottom:0; right:5%; bottom:10%;}
.pro03-abs{width:600px; right:-50px; bottom:-30px;}
.pro02-abs{display:none;}
 .pro-bg{opacity:60%;}
 .m-pro-box{background:#000;}



/*¹Ù·Î°¡±â ¸Þ´º¿µ¿ª*/
#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%; padding:0;}

/*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;}




/* °Ô½ÃÆÇ~¿Â¶óÀÎ»ó´ã */
.w1200{position:relative;float:left;width:100%;overflow:hidden;}
#information{position:relative;float:left;width:90%;padding:30px 5%;background:#fff;overflow:hidden;z-index:999;}
#board_w{position:relative;float:left;width:100%;}
.board{position:relative;float:left;width:91.3%;height:120px;padding:20px 4%;background:#fff;border:1px solid #ccc;margin-bottom:-1px;}
.board2{position:relative;float:left;width:91.3%;height:120px;padding:20px 4%;background:#fff;border:1px solid #ccc;margin-bottom:-1px;}
.board_title{float:left;width:100%;line-height:100%;font-size:20px;font-weight:600;letter-spacing:-1px;color:#000;margin-bottom:4%;}
ul.ticker{float:left;width:100%;height:auto;overflow:hidden;}
ul.ticker li{float:left;width:100%;height:20px;margin:3px 0;}
ul.ticker li p{float:left;width:70%;line-height:20px;font-size:14px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:5%;}
ul.ticker li p b.tic1{float:left;width:60px;line-height:20px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#fb6e34;margin-right:5px;}
ul.ticker li p b.tic2{float:left;width:58px;line-height:20px;font-size:12px;font-weight:400;text-align:center;color:#555;background:#fff;border:1px solid #555;margin-right:5px;}
ul.ticker li span{float:left;width:25%;line-height:20px;text-align:right;font-size:11px;color:#999;}
ul.board_list{position:relative;float:left;width:100%;height:120px;overflow:hidden;margin-top:-2px;}
ul.board_list li{float:left;width:100%;}
ul.board_list li a{float:left;width:75%;line-height:22px;font-size:13px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.board_list li span{float:left;width:25%;line-height:22px;text-align:right;font-size:11px;color:#999}
a.more{position:absolute;right:4%;top:20px;line-height:20px;font-size:11px;color:#fff;padding:0 10px;background:#666;border-radius:3px;}

.contact{position:relative;float:left;width:92%;padding:4%;background:#e7e6e5;}
.contact_title{position:relative;float:left;width:100%;line-height:28px;font-size:24px;font-weight:600;letter-spacing:-1px;color:#000;margin-bottom:5%;}
.contact_title span{float:left;width:100%;line-height:15px;font-size:14px;font-weight:400;letter-spacing:0.02em;color:#888;margin-top:3%;}
.contact_title span br{display:none;}
a.call_num{float:left;width:100%;padding-bottom:5%;border-bottom:1px dashed #bbb;}
a.call_num b{float:left;width:100%;line-height:20px;font-size:20px;font-weight:800;color:#fb6e34;padding-left:10px;letter-spacing:-1px;background:url(../img/cs_icon.png) no-repeat 0 20%;background-size:20px;}
.cs_num{display:none;}
.cs_text .cs_textnum {display:block;}
.cs_text{float:left;width:100%;padding-top:5%;border-top:1px dashed #fff;}
.cs_text p{float:left;width:100%;line-height:24px;font-size:15px;margin-bottom:1%;}
.cs_text p span{float:left;width:24%;font-size:13px;text-align:center;background:#999;color:#fff;margin-right:3%;}

}



@media (max-width:1024px) {
/*header*/
header{height:80px;}
.header-logo{margin-left:20px;}
.header-logo img{width:; }
.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:#0bbc5e; font-size:24px; color:#fff;}
.gnb-close-btn{display:block; position:absolute; top:0; right:280px; width:40px; height:40px; line-height:40px; text-align:center; background:#0bbc5e; 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; }
#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:#000}
#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;}

/*footer*/
.foot-area{width:96%;}
footer .copyright{width:96%;}
footer address p{margin-right:10px;}

/*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{margin-top:-0%; top:15%;}
.visual-txt .vt1 img,
.visual-txt .vt2 img{width:70%; max-width:700px;}
.visual-txt .vt3 img{width:50%; max-width:300px;}

/*product*/
.product-area h2{padding:35px 0 25px;}
.pro-cont .m-pro-box{display:block; height:auto; padding:50px;}
.pro-cont{width:100%;}
.pro-cont h2{font-size:28px;}
.pro-cont p{font-size:1em;}
#product02 .m-pro-box, #product04 .m-pro-box{border-left:0;}
.pro-cont .m-pro-box{border-bottom-width:1px;}

/*Çà»ç»çÁø*/
#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%;}
.board-title{position:relative; text-align:center; display:block; padding-bottom:20px;}
.board-title p{display:none;}
#customer .board-title p{font-size:18px; display:block;}
#customer.board-box{height:auto;}

#notice .board-title,
#news .board-title{background-image:none;}
.board-list{padding:0 15px;}

#main-quick li a{font-size:1.1em;}

/*Â÷¶õ?*/
#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;}

#memfile { max-width:990px; }

.sub-dl-box dl ul li{width:100%; margin-right:0;}


}

@media (max-width:768px) {
.header-logo{margin-left:10px;}
.header-logo img{height:40px;}
#sidebar ul li li > a{font-size:13px;}
/*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;}



/*¸ÞÀÎ*/
/*product*/
.product-area .slick-arrow{display:none !important;}
.pro-img{width:96%; margin:0 2%; padding-top:90%;}
.pro-cont h2{font-size:32px;}
.pro-cont p{font-size:16px;}
#product01 .m-pro-box, 
#product02 .m-pro-box,
#product03 .m-pro-box{padding:30px;}

/*product*/
.pro-btn{display:none;}
.pro-cont p{padding:5px 0;}
.pro-cont h2{font-size:15px;}

/*¹Ù·Î°¡±â ¸Þ´º¿µ¿ª*/
#main-quick{padding:0; padding-top:20px;}
#main-quick li{width:25%;}
#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:80%; max-width:29px;}

/*Çà»ç»çÁø*/
#event-gallery{padding:0;}
.event-title{padding:0;}
.event-title h2{font-size:22px; width:100%;background:#eceff0; 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;}
.event-list li:nth-child(2n){background:#eceff0;}
.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;}

/*Â÷¶õ?*/
#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:30px; padding:20px 0 15px;}
.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{}

.sub11-top-img{margin-bottom:10px;}
.sub11-intro-color{font-size:1.1em; padding:0 10px; line-height:1.5em;}
.sub-dl-box{margin-top:10px; padding-top:10px;}

.gree-img{display:block; width:100%; margin-bottom:20px;}
.gree-img img{max-width:400px;}
.gree-txt{display:block; padding-left:0; word-break:keep-all;}

.it-t1{font-size:1.1em; margin-bottom:10px; word-break:keep-all;}
.it-t2{font-size:1em; word-break:keep-all;}
.it-t1 br{display:none;}
.it-ul1 li{padding:10px; margin-bottom:10px; margin-right:0;}

.info-top{padding:15px;}
.medi-pic li p{padding:5px; font-size:0.8em;}


/*1-1 ÀÎ»ç¸»*/
.sub1-1-img{position:relative; text-align:center;}
.sub1-1-img img{width:100%; max-width:310px;}
.sub1-1-text{padding-left:0;}
.s1{text-align:center; padding-top:30px; letter-spacing:-0.1em;}
.s3{line-height:1.7em;}
.sub11-intro{font-size:16px; }
.sub11-tit1{font-size:20px; margin-bottom:7px;}
.sub11-dl1{padding-top:30px; margin-top:20px;}


/*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:1em;}
.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;}


#memfile { width:99%; max-width:760px; }
}

@media (max-width:600px) {
/*visual*/
#memfile { width:99%; }



}

#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%; }
}
