@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Bree+Serif|Exo+2|Lilita+One|Raleway|Roboto&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Archivo+Black&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR|Noto+Serif+KR&display=swap');
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

* {margin: 0; padding: 0; box-sizing: border-box;}

body{font-family: 'nanum square', sans-serif;}
.notfont {font-family: 'Noto Serif KR', serif;}
.engfont {font-family: 'Exo 2', sans-serif;}
.wrap {overflow: auto;}
.inner {max-width: 1600px; margin: 0 auto;}
.pcH {height: 80px; position: fixed; top: 0; width: 100%; background: #fff; color: #444; z-index: 4000; box-shadow: 2px 2px 10px #999;}
.pcH .topH::after {content: ''; display: block; clear: both;}
.pcH .topH > h1 {float: left;text-align:center}
.pcH .topH > h1 > a.logo {display:block; background: rgba(255,255,255,0.85); padding: 10px 15px 15px; box-shadow: 2px 3px 7px #ddd;}
.pcH .topH > h1 > a.blog {display:block;padding-top:15px;;}
.pcH .topH > h1 .logo img{width: 80px;}
.pcH .topH > h1 .blog img{width: 43px;}
.pcH .topH > .h1tit {font-size: 18px; color: #222; float: left;padding: 14px 20px; height: 80px;}
.pcH .topH > .h1tit  span {display: block; line-height: 1.4;}
.pcH .topH > nav {float: right;}
.pcH .topH > nav > ul {display: inline-block; float: left;}
.pcH .topH > nav li.main {float: left; width: 150px; text-align: center; cursor: pointer;}
.pcH .topH > nav li.main > a{font-size: 18px; display: inline-block; width: 100%; height: 80px; line-height: 80px; font-weight: bold; letter-spacing: -0.5px;}
.pcH .topH > nav li.main > ul {display: none; background: #b01415; position: absolute;}
.pcH .topH > nav li.main > ul li {width: 150px; height: 40px; line-height: 40px;}
.pcH .topH > nav li.main > ul li a {color: #fff; font-size: 17px;  display: inline-block; width: 100%; height: 100%;}
.pcH .topH > nav li.main > ul li.submenu:hover > a {color: #ffc200; font-weight: bold;}

/*.pcH .topH .store {background: url(../images/shop.png) 15px #3db449 no-repeat; background-size: 19px; color: #fff; float: left;padding: 8px 20px 8px 45px; border-radius: 20px; margin-top: 23px; font-size: 18px;}*/

.pcH .topH .store {background: #fff no-repeat; background-size: 19px; color: #3db449; float: left;padding: 8px 20px 8px 20px; border-radius: 20px; margin-top: 16px; font-size: 14px; text-align: center; font-weight: bold;}

.pcS {background:#3db449;}
.pcS .topH > nav li.main > a {color: #fff;}
.pcS .topH > nav li.main:hover > a {color: #fffbd2;}

.pcH .topS {max-width: 800px;}
.pcH .topS > h1 {float: left; padding: 10px 0 0 20px;}
.pcH .topS > h1 img{width: 180px;}

.pcH .topS > nav li.main {float: left; margin: 0 30px;}
.pcH .topS > nav li.main a{font-size: 18px;}
.fix {position: fixed; width: 100%; top:0; z-index: 9000; background: #3db449; color: #fff;}
.fix2 {color: #fff;}
.fix2:hover {color: #ffc200!important;}
.fix3 {background: #fff!important;;}

.mobtn {width: 50px; height: 50px; position: absolute; right: 2px; cursor: pointer; display: none;}
.mobtn .line {display: block; width: 30px; height: 2px; background: #666; margin: 0 auto 6px; border-radius: 2px;  }
.mobtn .line:first-of-type {margin-top: 20px;}
.monav {position: fixed; width: 280px; top: 0; right: -280px; bottom: 0; background: #fff; padding: 20px 30px; z-index: 1000;}
.monav .mohd {position: relative; height: 50px;}
.monav .clbtn {width: 50px; height: 50px; position: absolute;right: 0; cursor: pointer;}
.monav .clbtn::before {content: ''; position: absolute; width: 30px; height: 2px; background: #666; transform: rotate(45deg); top:10px;right:0;}
.monav .clbtn::after {content: ''; position: absolute; width: 30px; height: 2px; background: #666; transform: rotate(-45deg); top:10px;right:0;}
.monav .mognb ul {display: inline-block; padding-top: 20px; width: 100%;}
.monav .mognb ul .mo_list{margin-bottom: 25px;}
.monav .mognb ul .mo_list a {font-size: 17px; position: relative; display: block; width: 100%; padding: 5px 0;}
.dim {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 900; display: none;}
.monav .mognb ul .mo_list .mo_sub {display: none; padding: 20px 10px 0;}
.monav .mognb ul .mo_list .mo_sub li {margin-bottom: 15px; font-size: 18px;}
.monav .mognb ul .mo_list .mo_sub li a {font-size: 15px; color: #666;}
.monav .mognb .copy {font-size: 13px; margin-top:30px; color: #888;}
.monav .mognb .copy img {width: 80px; padding-top: 20px; display: none;}
.mo_list a.on .plus {transform: rotate(180deg);}
.mo_list a .plus {display: inline-block; position: absolute; width: 10px; height: 10px; transition: transform 0.5s; background: url(../images/tri.png) center no-repeat; background-size: contain; margin:3px 0 0 9px;}
.mo_list a .plus::before { width: 1px; height: 13px; background: #b01415; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
.mo_list a .plus::after {width: 1px; height: 13px; background: #b01415; position: absolute; transform: rotate(90deg) translateX(-50%); left:50%; top: 22%;}

.arrow_bot {
    width: 1.25rem;
    height:  1.25rem;
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 17px;
    
}

.arrow_bot > span {
    top: .5rem;
    position: absolute;
    width: .70rem;
    height: .1rem;
    background-color: #ff3860;
    display: inline-block;
    transition: all .2s ease;
    border-radius: 5px;
}

.section3_1 .sec3_wrap a:hover .arrow_bot > span{background-color: #fff;}
.arrow_bot > span:first-of-type{left: 0; transform: rotate(45deg); left: -1px;}
.arrow_bot > span:last-of-type{right: 3px; transform: rotate(-45deg);}
.arrow_bot > span.active {transform: rotate(-45deg);}
.arrow_bot > span.active2 {transform: rotate(45deg);}
    





.mainVisual {width: 100%; margin: 80px auto 0; position: relative; overflow: hidden;}
.mainVisual .swiper-container {height: 100%;}
.mainVisual .slide {width: 100%; height: 100%; position: relative;}
.mainVisual .slide1{background: url(../images/slide1.jpg) #eee center no-repeat;}
.mainVisual .slide2{background: url(../images/slide1.jpg) center no-repeat; background-size: cover;}
.mainVisual .slide2 .slidetxt{text-align: center; position: absolute; width: 100%; top: 15%; left: 50%; transform: translate(-50%); font-weight: bold;}
.mainVisual .slide2 .slidetxt span.bb {font-weight: bold;}
.mainVisual .slide2 .slidetxt h2{color: #226ccb; font-size:73px; line-height: 1.3; letter-spacing: -1px;}
.mainVisual .slide3{background: url(../images/slide0.jpg) center no-repeat; background-size: cover;}
.mainVisual .slide3 .slidetxt{text-align: center; position: absolute; width: 100%; top: 43%; left: 50%; transform: translate(-50%); font-weight: bold;}
.mainVisual .slide3 .slidetxt h2{color: #fe395f; font-size: 80px; line-height: 1; letter-spacing: -0.8px; font-weight: 300;}
.mainVisual .slide3 .slidetxt h3{color: #666; padding-top: 40px; font-size: 26px; font-weight: 300;}
.mainVisual .slide4{background: url(../images/slide4.png) center no-repeat; background-size: cover;}
.mainVisual .slide > img {position: absolute; bottom: -10px; left: 50%;}
.slick-arrow {display: none;}
.mainVisual .slide .slidelay {margin: 0 auto; height: 100%;}
.mainVisual .slide .slidelay .slideimg {width: 50%; float: left; height: 100%;}
.mainVisual .slide .slidelay .slideimg img{width: 100%;}
.mainVisual .slide .slidelay .slidetxt {width: 50%; float: right; position: relative; height: 100%; padding-left: 50px;}
.mainVisual .slide .slidelay .slidetxt > div {position: absolute; top: 26%;}
.mainVisual .slide .slidelay .slidetxt h2 {color: #02dda5; font-size: 100px; line-height: 1; letter-spacing: -0.8px; font-weight: 300;}
.mainVisual .slide .slidelay .slidetxt h3 {color: #666; padding-top: 40px; font-size: 30px; font-weight: 300;}
.mainVisual .slide .slidelay .slidetxt p {font-size: 17px; padding-top: 20px; line-height: 1.6;}



.contac_bar {height: 80px; margin-top: 20px;}
.contac_bar ul {display: inline-block; width: 100%; line-height: 80px; border-bottom: 1px solid #d4d4d4;}
.contac_bar ul li{float: left; width: 25%; color: #333; font-size: 18px;}

#content {padding: 100px 0 0; position: relative;}
#content span.unbar {display: inline-block; height: 4px; position: absolute; width: 30px; background: #36b34a; left: 50%; transform: translateX(-50%); display: none;}

.section0 {position: relative; background: #ffcd01;}
.section0 .sec0_wrap {}
.section0 .sec0_wrap .sec0_txt{}
.section0 .sec0_wrap .sec0_txt h2{ color: #37b5df;}
.section0 .secbg {position: absolute; height: 30%; width: 100%; z-index: -1px;}
.section0 .helbox {width: 1600px; margin: 0 auto; height: 530px; border: 1px solid #d4d4d4; position: relative; padding: 70px 50px 0; background: #f7f7f7;}
.section0 .helbox .heltxt {position: absolute; top: -30px;left: 50%; margin-left: -400px; background: #fff; padding: 0 30px; text-align: center;}
.section0 .helbox .heltxt h2 {font-weight: 100; font-size: 55px; color: #6e96ff;}
.section0 .helbox .heltxt h3 {font-weight: 100; font-size: 17px; letter-spacing: -0.5px; color: #444;}
.section0 .helbox .helcon {display: table; width: 100%; height: 300px; box-sizing: border-box;}
.section0 .helbox .helcon .floor {display: table-cell; width: 50%; height: 300px;}
.section0 .helbox .helcon .fl_le {padding:  30px 30px 0px 0; position: relative;}
.section0 .helbox .helcon .fl_le::after {content: ''; width: 1px; height: 350px; background: #d4d4d4;position: absolute; right: 0; top: 10px;}
.section0 .helbox .helcon .fl_ri {padding:  30px 0 0 30px; }
.section0 .helbox .helcon .floor h3 {font-size: 18px; color: #444; font-weight: 100; letter-spacing: -0.3px;}
.section0 .helbox .helcon .floor ul {color: #666;}
.section0 .helbox .helcon .floor ul li {position: relative; color: #40b679;}
.section0 .helbox .helcon .floor p {padding: 3px 0 13px; color: #666;}
.section0 .helbox .helcon .floor .fcon {margin-bottom: 30px;}
.section0 .helbtn {text-align: center; padding: 0px 0 10px;}
.section0 .helbtn a{display: inline-block; background: #36b34a; color: #fff; padding: 5px 13px; vertical-align: middle;}


.section0 {clear: both;}
.section0::after {content: ''; clear: both; display: block;}
.section0 .sec4_left {width: 55%; height: 650px; background: #ffcd01; float: left;  position:relative;}
.section0 .sec4_left .sec4_txt {position: absolute; top: 10%; right: 13%; padding-right: 130px;}
.section0 .sec4_txt > img {position: absolute; right:0; width: 160px}
.section0 .sec4_left .sec4_txt h3 img{width: 430px;}
.section0 .sec4_left .sec4_txt p{color: #222; padding: 50px 0 30px; font-size: 17px; letter-spacing: -0.5px; line-height: 1.4;}
.section0 .sec4_left .sec4_txt a{background: #3db449; color: #fff; display: inline-block; padding: 5px 20px; border-radius: 14px}
.section0 .sec4_left .bar_txt {position: absolute; bottom: 10%; right: 30%; color: #00ab7e; font-weight: bold; font-size: 20px; text-align: center; display: inline-block; padding-bottom: 20px; border-bottom: 7px solid #00ab7e;}
.section0 .sec4_right {width: 45%; height: 650px; float: right; position:relative;}
.section0 .sec4_right .sec4_txt{position: absolute; left: 0; top: 10%}
.section0 .sec4_right .sec4_txt h3{margin-left: -80px}
.section0 .sec4_right .sec4_txt img {width: 550px;}
.section0 .sec4_right .bar_txt {position: absolute; bottom: 10%; left: 20%; color: #fff; font-weight: bold; font-size: 20px; text-align: center; display: inline-block; padding-bottom: 20px; border-bottom: 7px solid #fff;}


.section1 {width:100%; height: 600px; background: #f7f8f9; position: relative; margin: 100px auto 0;}
.section1 > img {width: 150px; left: 50%; position: absolute; margin-left: -100px; top: -10%;}
.section1 .sec1 {float: left;}
.section1 .sec1_left {width: 50%; height: 500px; position: relative;}
.section1 .sec1_left .sec1_txt{position: absolute; bottom: 90px; font-size: 36px; color: #009040; padding-left: 80px; letter-spacing: -0.5px;}
.section1 .sec1_left h2{font-weight: 100; line-height: 1.4; padding: 20px 0 25px;}
.section1 .sec1_left span.enter{display: block;}
.section1 .sec1_left h3 {font-size: 30px; font-weight: 600; padding-top: 20px;}
.section1 .sec1_left p {font-size: 1rem; text-align: left;}
.section1 .sec1_right {width: 50%; height: 500px; position: relative;}
.section1 .sec1_right .sec1_txt {position: absolute; top: 100px; left: 85px;}
.section1 .sec1_right h2{color: #009040; background: url(../images/sec1_img1.png) left no-repeat; padding: 30px 0 30px 160px; background-size: contain;}
.section1 .sec1_right span.enter{display: block; }
.section1 .sec1_right h3 {display: inline-block; width: 200px; height: 200px; border-radius: 100px; background: #f79c5e; margin-left: 50px; text-align: left; }
.section1 .sec1_right h3 > span {display: inline-block;color: #fff; font-size: 35px; font-weight: 600; padding-top: 25px; line-height: 1.3; padding-left: 50px;}


.section2 {padding: 30px 0 80px;}
.section2 .sec2_top {text-align: center;}
.section2 .sec2_top img {width: 400px;}
.section2 .sec2_top h2 {color: #009040;font-weight: 100; letter-spacing: -0.5px; padding: 30px 0; font-size: 25px;}
.section2 .sec2_bot  {padding: 90px 0 0;}
.section2 .sec2_bot ul.bombox {display: inline-block;}
.section2 .sec2_bot ul.bombox li{padding: 20px 30px; height: 400px;}
.section2 .sec2_bot ul.bombox .nemo {display: block; padding: 20px 0 10px;}
.section2 .sec2_bot ul.bombox li.sum_box {width: 100%; border: 1px solid #009040; margin-bottom: 10px;}
.section2 .sec2_bot ul.bombox li.ban_box {float:left; width: calc(100% / 2 - 5px); border-top: 1px solid #009040; border-left: 1px solid #009040; border-right: 1px solid #009040; border-bottom: 3px solid #009040;}
.section2 .sec2_bot ul.bombox li:nth-of-type(2).ban_box {margin-right: 5px;}
.section2 .sec2_bot ul.bombox li:nth-of-type(3).ban_box {margin-left: 5px;}
.section2 .sec2_bot ul.bombox .nemo img{width: 22px; display: inline-block;}
.section2 .sec2_bot ul.bombox .bomtit {position: relative; font-size: 1.4rem; border-bottom: 3px solid #40b679; background: #40b679; color: #fff; padding: 0 8px;}
.section2 .sec2_bot ul.bombox .bomtit img{width: 250px;}
.section2 .sec2_bot ul.bombox .p_head {padding: 30px 0 8px;}
.section2 .sec2_bot ul.bombox p {color: #666; padding-bottom: 20px; font-size: 1rem; word-break: keep-all; letter-spacing: -0.5px;}
.section2 .sec2_bot ul.bombox dl {color: #333;}


.section3 {max-width: 1600px;position: relative; margin: 100px auto 70px; padding: 80px 0; background: #f7f7f7;}
.section3 .midbar {text-align: center;padding: 0px 0 40px;}
.section3 .midbar span {background: #999; display: inline-block; width: 10px; height: 10px; border-radius: 5px; margin: 0 5px;}
.section3::after {content: ''; display: block; clear: both;}
.section3 .sec3box {clear: both;}
.section3 .sec3_left {width: 45%; float: left; position: relative; background-size: cover;}
.section3 .sec_img1 img{box-shadow: 40px 10px 1px #ffcd01;}
.section3 .sec_img2 img{box-shadow: 30px 30px 1px #ffcd01;}
.section3_1 .sec_img3 img{box-shadow: -35px 20px 1px #ffcd01;}
.section3 .sec3_right {float: right; width: 55%; height: 600px; position: relative;}
.section3 .sec3_right .sec3_txt {position: absolute; top: 18%; width: 90%;}
.section3 .sec3_right .sec3_txt h2 {font-size: 60px; color: #3241ee; letter-spacing: -0.015em;}
.section3 .sec3_right .sec3_txt h3 {padding: 40px 0; font-weight: 100; color: #666; letter-spacing: -0.5px; font-size: 18px; line-height: 1.6;}
.section3 .sec3_right .sec3_txt p {font-size: 17px; letter-spacing: -0.5px; color: #222; line-height: 1.6;}
.section3 .sec3_right .sec3_txt span.bb {font-weight: bold;}

/*12-20버튼 수정_원본*/
/*
.section3 .sec3_right .sec3_txt a {display: inline-block; background: #3241ee; color: #fff; padding: 7px 45px 7px 20px; vertical-align: middle; margin-top: 50px; font-weight: bold; position: absolute;}
.section3 .sec3_right .sec3_txt a::before {content:'';height:.2rem;position:absolute;left:75%;top:34%;opacity:1;width:.82rem;background-color:#fff;display:block;border-radius:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg); }
.section3 .sec3_right .sec3_txt a::after{content:'';height:.2rem;position:absolute;left:75%;top:55%;opacity:1;width:.82rem;background-color:#fff;display:block;border-radius:10px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); }
.section3 .sec3_right .sec3_txt a:hover:before, .section3 .sec3_right .sec3_txt a:hover:after{left:82%;background-color:#3241ee;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s;}
.section3 .sec3_right .sec3_txt a:hover {border: 1px solid #383FE6; background: #fff; color: #3241ee; }
*/


.section3 .sec3_right .sec3_txt a {display: inline-block; background: #f7f7f7; color: #3241ee; padding: 8px 50px 8px 20px; vertical-align: middle; margin-top: 50px; font-weight: bold; position: absolute; border-radius: 30px; border: 2px solid #3241ee;}
.section3 .sec3_right .sec3_txt a::before {content:'';height:.1rem;position:absolute;left:75%;top:37%;opacity:1;width:.70rem;background-color:#3241ee;display:block;border-radius:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg); }
.section3 .sec3_right .sec3_txt a::after{content:'';height:.1rem;position:absolute;left:75%;top:57%;opacity:1;width:.70rem;background-color:#3241ee;display:block;border-radius:10px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); }
.section3 .sec3_right .sec3_txt a:hover:before, .section3 .sec3_right .sec3_txt a:hover:after{left:82%;background-color:#fff;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s;}
.section3 .sec3_right .sec3_txt a:hover {border:3px solid #3241ee; background: #3241ee; color: #fff; }


.section3_1 {max-width: 1600px;position: relative; margin: 30px auto 70px; padding: 80px 0;}
.section3_1 .midbar {text-align: center; padding: 0px 0 40px;}
.section3_1 .midbar span {background: #999; display: inline-block; width: 10px; height: 10px; border-radius: 5px; margin: 0 5px;}
.section3::after {content: ''; display: block; clear: both;}
.section3_1::after {content: ''; display: block; clear: both;}
.section3_1 .sec3_wrap {position: relative;}
.section3_1 .sec3_wrap::after {content: ''; display: block; clear: both;}

/*12-20버튼 수정*/
/*.section3_1 .sec3_wrap a {display: inline-block; padding: 7px 45px 7px 20px; vertical-align: middle; margin-top: 50px; position: absolute; font-weight: bold; background: #ff3860; color: #fff;}
.section3_1 .sec3_wrap a:hover {background: #fff; color: #ff3860; border: 1px solid #ff3860;}
*/
.section3_1 .sec3_wrap a {display: inline-block; padding: 8px 50px 8px 20px; vertical-align: middle; position: absolute; font-weight: bold; background: #fff; color: #ff3860; border-radius: 30px; border: 2px solid #ff3860;}
.section3_1 .sec3_wrap a:hover {background: #ff3860; color: #fff; border: 2px solid #ff3860;}

.section3_1 .sec3_wrap .sec3box {clear: both; overflow: auto;}
.section3_1 .sec3_left {float: left; width: 55%; height: 400px; position: relative;}
.section3_1 .sec3_left .sec3_txt {position: absolute;}
.section3_1 .sec3_left .sec3_txt h2 { font-size: 60px; color: #ff3860; letter-spacing: -0.015em;}
.section3_1 .sec3_left .sec3_txt h3 {padding: 30px 0; font-weight: 100; color: #666; letter-spacing: -0.5px; font-size: 18px; line-height: 1.6; width: 90%;}
.section3_1 .sec3_left .sec3_txt p {font-size: 17px; letter-spacing: -0.5px; color: #444; line-height: 1.6; width: 550px;}
.section3_1 .sec3_right {width: 45%; float: right; position: relative; text-align: right;}
.section3_1 .sec2_bot  {display: none; margin: 70px 0 0}
.section3_1 .sec2_bot .sec2_top {padding: 70px 0 0; text-align: center;color: #ff3860; }
.section3_1 .sec2_bot .sec2_top h2{padding-bottom: 20px; font-size: 35px;}
.section3_1 .sec2_bot .sec2_top h3{line-height: 1.4; font-size: 18px; color: #ff3860;}
.section3_1 .sec2_bot ul.bombox {display: inline-block; padding: 70px 0 0;}
.section3_1 .sec2_bot ul.bombox li{padding: 20px 30px; height: 400px;}
.section3_1 .sec2_bot ul.bombox .nemo {display: block; padding: 20px 0 10px;}
.section3_1 .sec2_bot ul.bombox li.sum_box {width: 100%; border: 1px solid #ff3860; margin-bottom: 10px;}
.section3_1 .sec2_bot ul.bombox li.ban_box {float:left; width: calc(100% / 2 - 5px); border-top: 1px solid #ff3860; border-left: 1px solid #ff3860; border-right: 1px solid #ff3860; border-bottom: 3px solid #ff3860;}
.section3_1 .sec2_bot ul.bombox li:nth-of-type(2).ban_box {margin-right: 5px;}
.section3_1 .sec2_bot ul.bombox li:nth-of-type(3).ban_box {margin-left: 5px;}
.section3_1 .sec2_bot ul.bombox .nemo img{width: 22px; display: inline-block;}
.section3_1 .sec2_bot ul.bombox .bomtit {position: relative; font-size: 1.4rem; border-bottom: 3px solid #ff3860; background: #ff3860; color: #fff; padding: 0 8px;}.section3_1 .sec2_bot ul.bombox .bomtit img{width: 250px;}
.section3_1 .sec2_bot ul.bombox .p_head {padding: 30px 0 8px;}
.section3_1 .sec2_bot ul.bombox p {color: #666; padding-bottom: 20px; font-size: 17px; word-break: keep-all; letter-spacing: -0.5px; line-height: 1.6;}
.section3_1 .sec2_bot ul.bombox dl {color: #333;}
.section3_1 .sec2_bot ul.bombox dd {padding-top: 8px; font-size: 17px;}

.section4 {margin: 100px 0; clear: both; padding: 0 0 70px;}
.section4::after {content: ''; clear: both; display: block;}
.section4 .sec4_left {width: 55%; height: 650px; background: #fff; float: left;  position:relative;}
.section4 .sec4_left .sec4_txt {position: absolute; top: 10%; right: 13%; padding-right: 130px;}
.section4 .sec4_txt > img {position: absolute; right:0; width: 160px}
.section4 .sec4_left .sec4_txt h3 img{width: 430px;}
.section4 .sec4_left .sec4_txt p{color: #222; padding: 50px 0 30px; font-size: 17px; letter-spacing: -0.5px; line-height: 1.6;}
.section4 .sec4_left .sec4_txt a{background: #3db449; color: #fff; display: inline-block; padding: 5px 20px; border-radius: 14px}
.section4 .sec4_left .bar_txt {position: absolute; bottom: 10%; right: 30%; color: #00ab7e; font-weight: bold; font-size: 20px; text-align: center; display: inline-block; padding-bottom: 20px; border-bottom: 7px solid #00ab7e;}
.section4 .sec4_right {width: 45%; height: 650px; background: #01dda5; float: right; position:relative;}
.section4 .sec4_right .sec4_txt{position: absolute; left: 0; top: 10%}
.section4 .sec4_right .sec4_txt h3{margin-left: -80px}
.section4 .sec4_right .sec4_txt img {width: 550px;}
.section4 .sec4_right .bar_txt {position: absolute; bottom: 10%; left: 20%; color: #fff; font-weight: bold; font-size: 20px; text-align: center; display: inline-block; padding-bottom: 20px; border-bottom: 7px solid #fff;}


.section5 {background: #ff6f61; padding: 80px 0;}
.section5 .contacbox {width: 1200px; margin: 0 auto;}
.section5 .contacbox::after {content: ''; clear: both; display: block;}
.section5 .contac_info, .section5 .contac_input {float: left;}
.section5 .contac_info {width: 30%;}
.section5 .contac_info h2 {font-size: 50px; color: #fff;}
.section5 .contac_info .info {padding-top: 60px;}
.section5 .contac_info .info dl {margin-bottom: 30px;}
.section5 .contac_info .info dl dt {font-weight: bold; font-size: 20px; color: #fff;}
.section5 .contac_info .info dl dd {font-size: 17px; color: #fff; padding-top: 3px;}
.section5 .contac_input {width: 70%;}
.section5 .contac_input h3 {font-weight: 100; font-size: 17px; color: #fff; letter-spacing: -0.5px; padding: 20px 0 ; margin-left: 2%;}
.section5 .contac_input .inp_grp {width: 100%; padding: 25px 0 0;}
.section5 .contac_input .inp_grp span{display: inline-block; font-size: 12px; color: #fff; margin-left: 2%; width: 98%; padding: 0 10px;}
.section5 .contac_input .inp_grp::after {content: ''; clear: both; display: block;}
.section5 .contac_input .inp_grp .select {width: 48%; height: 45px; line-height: 45px; color: #777; background: url(../images/tri.png) #fff 98% no-repeat; background-size: 10px; padding-right: 10px;}
.section5 .contac_input .inp_grp .input {width: 48%; float: left; height: 45px; line-height: 45px;}
.section5 .contac_input .inp_grp .input2 {width: 98%; height: 45px; line-height: 45px;}
.section5 .contac_input .inp_grp .textarea {width: 98%; min-height: 100px; padding: 10px; resize: none;} 
input[type=text], textarea, select {padding: 0 10px; border:none; background: #fff; font-size: 13px; margin-left: 2%; appearance:none; -webkit-appearance:none; -moz-appearance:none; border-radius: 0px;}
select::-ms-expand {display: none;}
input:focus {outline: none;}
.section5 .contac_input .inp_grp textarea::-webkit-input-placeholder { font-size: 13px;}
.section5 .contac_input .form_btn {margin-top: 30px; float: right;}
.section5 .contac_input .form_btn a{margin-top: 30px; text-align: center; background: #fff; color: #ff6f61; padding: 5px 30px;}
.section5 .contac_input .form_btn a:hover {font-weight: bold;}


.section6 {padding: 40px 0 120px;}
.section6 h3 {text-align: center; font-size: 45px; color: #9e63d6; padding-bottom: 40px;}
.section6 .news_box {width: 1400px; margin: 0 auto; padding: 0 0 50px;}
.section6 .news_box::after {content: ''; clear: both; display: block;}
.section6 .news_box .news {vertical-align: top; padding: 20px; width: 33.3%; float: left;}
.section6 .news_box .news a {display: block;}
.section6 .news_box .news a .img_box {position: relative; height: 250px; overflow: hidden; vertical-align: middle;}
.section6 .news_box .news a .img_box span{position: absolute; top: 0; left: 3%; background: rgba(149,106,185,0.9); color: #fff; display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 13px; display: none;}
.section6 .news_box .news a .img_box img{width: 100%;}
.section6 .news_box .news a .img_box:hover img {transform: scale(1.1);  transition: transform 0.3s ease-out;}
.section6 .news_box .news a .txt_box {padding: 15px 30px; background: #f7f7f7;}
.section6 .news_box .news a .txt_box p.date {color: #444; font-size: 14px; margin: 20px 0 10px;}
.section6 .news_box .news a .txt_box p.tit {padding: 20px 0; font-size: 17px; color: #333; font-weight: bold;}
.section6 .news_box .news a .txt_box p.txt {color: #676666; font-size: 15px; min-height: 40px; max-width: 450px; height: 40px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap; line-height: 1.4;}



.footer {height: 200px; width: 100%; bottom: 0; background: #f9f9f9;}
.footer .bar {height: 20px;}
.footbox {width: 1200px; margin: 0 auto; color: #5e6063; padding: 50px 0 0;}
.footbox::after {content: ''; display: block; clear: both;}
.footbox h2 {float: left; padding-left: 200px;}
.footbox h2 img {display: inline-block; width: 180px;}
.footbox .info {float: left; font-size: 14px; padding-left: 100px; width: 50%; line-height: 1.6;}
.footbox .info ul {display: inline-block;}
.footbox .info ul::after {content: ''; display: block; clear: both;}
.footbox .info ul li {float: left;}
.footbox .info ul li::after {content: ''; background: #5e6063; display: inline-block; height: 10px; width: 1px; margin: 0 5px; vertical-align: middle;}
.footbox .info ul li:last-child::after {display: none;}



/*소스*/
.suace_wrap {margin-top: 80px; position: relative;}
.suace_wrap .itembox {height: 750px; width: 1000px; margin: 0 auto; padding: 130px 0;} 
.suace_wrap .itembox .itemtxt {width:60%; float:left; padding: 100px 0 0 110px;}
.suace_wrap .itembox .itemtxt .item {}
.suace_wrap .itembox .itemtxt h2 {font-weight: 100; font-size: 35px; color: #333;}
.suace_wrap .itembox .itemtxt h3 {padding-top: 30px; color: #40b679; letter-spacing: -0.5px;}
.suace_wrap .itembox .itemtxt p {color: #666; padding: 7px 0 30px; font-size: 17px; border-bottom: 1px solid #eee; line-height: 1.3;}
.suace_wrap .itembox .itemimg {width:40%; float:left; text-align: center;}
.suace_wrap .itembox .item1 img {width: 120px;}
.suace_wrap .itembox .item2 img {width: 220px;}
.suace_wrap .itembox .item3 img {width: 220px;}
.suace_wrap .itembox .itembtn {padding: 50px 0;}
.suace_wrap .itembox .itembtn a{display: inline-block; background: #36b34a; color: #fff; padding: 15px 40px; transition: 0.5s;}
.suace_wrap .itembox .itembtn a:hover {background: #999;}

.suace_wrap .itembg1 {background: url(../images/f_bg.png) bottom no-repeat;}
.suace_wrap .itembg2 {background:url(../images/k_bg.png) center bottom no-repeat;}
.suace_wrap .itembg3 {background: url(../images/s_bg.png) bottom no-repeat;}

.suace_wrap .bgbox {position: relative; text-align: center; padding-top: 100px;}
.suace_wrap .bgbox img {max-width: 100%;}
.suace_wrap .bgbox .suace_bg {width: 100%; height: 900px; position: absolute; top: 0; z-index: -1;}
.bgbox .bg1 {background: #fdffe9;}
.bgbox .bg2 {background: #fffaf3;}
.bgbox .bg3 {background: #fff9e9;}



/*20-06-09*/
.suace_wrap .basebox {width: 1000px; margin: 0 auto; padding: 130px 0 150px; transform: skew(-0.03deg); -webkit-transform: skew(-0.03deg); -o-transform: skew(-0.03deg); -moz-transform: skew(-0.03deg);}
/*.suace_wrap .basebox .txtbox {padding: 50px 0 30px; background: url(../images/brand_bg1.png) right bottom no-repeat; background-size: contain; margin-bottom: 40px;}*/
.suace_wrap .txtbox .maintit {font-size: 45px; color: #333; line-height: 1.3; padding: 0px 0 30px; position: relative; text-align: center;}
/*.suace_wrap .txtbox .maintit::before {content: ''; width: 70px; height: 5px; position: absolute; top: 0; left: 5px; background: #333;}*/
.suace_wrap .txtbox .maintit span {display: inline-block; width: 400px;}
.suace_wrap .txtbox .maintit span img {max-width: 100%;}
.suace_wrap .txtbox .subtit {font-size:18px; color: #333; line-height: 1.4; text-align: center;}
.suace_wrap .txtbox .subtit  .bb {font-weight: bold; border-bottom: 1px solid #333;}
.suace_wrap .txtbox .baseli {padding: 70px 0 80px;  background: url(../images/brand_bg1.png) right bottom no-repeat; background-size: contain;}
.suace_wrap .txtbox .baseli ul {display: inline-block; width: 100%;}
.suace_wrap .txtbox .baseli ul li {line-height: 1.4; padding: 70px 0 10px 30px; color: #333; display: table; width: 100%;}
.suace_wrap .txtbox .baseli ul li a {display: block; height: 100%; margin-bottom: 50px;}
.suace_wrap .txtbox .baseli ul li .bantit {display: block; padding-bottom: 5px; font-size: 20px; color: #222;}
.suace_wrap .txtbox .baseli ul li .ban {font-size: 16px; color: #666;}

.suace_wrap .base_txt .basecol {padding: 50px 0px;}
.suace_wrap .base_txt .basecol::after {content: ''; display: block; clear: both;}
.suace_wrap .base_txt .basecol .col{width: 46%; float: left; margin: 0 2%; padding: 20px 15px; border-radius: 30px;  }
.suace_wrap .base_txt .basecol .col .coltit {text-align: center; padding: 10px 0; font-size: 17px; color: #333; font-weight: bold;}
.suace_wrap .base_txt .basecol .col table {margin: 0 auto; border-collapse: collapse; border-top: 1px solid #ddd; padding: 0 10px; width: 100%; border-bottom: 1px solid #eee; }
.suace_wrap .base_txt .basecol .col table tr td {border-bottom: 1px solid #eee; padding: 10px 50px 10px 40px; color: #666; font-size: 15px;}
.suace_wrap .base_txt .basecol .col table tr th {border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #333; font-size: 15px; background: #f9f9f9;}
.suace_wrap .base_txt .basecol .col table tr .bd_b {border-bottom: none;}
.suace_wrap .base_txt .basecol .col table tr td.col_r {color: #ef4d4d; font-weight: bold;}
.suace_wrap .base_txt {padding: 40px 0px 0px;}
.suace_wrap .base_txt .basetit {padding:40px 0 40px; font-size: 24px; text-align: center; font-weight: bold;}
.suace_wrap .base_txt .basetit > span {display: inline-block; padding: 7px 17px; color: #ab2024; border-bottom: 1px solid #ab2024; }
.suace_wrap .base_txt .baseeu {line-height: 1.6; color: #333; padding-top: 30px;}
.suace_wrap .base_txt .baseeu dl {width: 100%; padding-left: 15%; position: relative; padding: 6px 0px 30px 50px;}
.suace_wrap .base_txt .baseeu dl > span {font-size: 33px; font-weight: bold; position: absolute; left: 0; top: 0; color: #999;}
.suace_wrap .base_txt .baseeu dl dt {font-size: 18px; padding-bottom: 8px; font-weight: bold;}
.suace_wrap .base_txt .baseeu dl dd {line-height: 1.6;}
.suace_wrap .base_txt .baseeu p {line-height: 1.6; color: #333; text-align: center; padding: 0 40px;}
.suace_wrap .base_txt .baseeu p .bb {font-weight: bold; border-bottom: 1px solid #333;}

.suace_wrap .beganbox {padding: }
.suace_wrap .beganbox .maintit {text-align: center;}
.suace_wrap .beganbox .maintit span {display: inline-block; width: 460px;}
.suace_wrap .beganbox .maintit span img {max-width: 100%;}
.suace_wrap .begantit {text-align: center; color: #316451; background: #f9f9f9; padding: 45px 0 50px; margin: 60px 0 0 ;}
.suace_wrap .begantit > span {display: inline-block; font-size: 16px; padding: 6px 10px; margin-bottom: 10px; background: #316451; color: #fff;}
.suace_wrap .begantit > p {line-height: 1.6; font-size:1rem;  padding-bottom: 20px;}
.suace_wrap .begantit > p  > span {color: #316451; font-weight: bold;}
.suace_wrap .began_txt {padding: 40px 0px 30px;}
.suace_wrap .began_txt .basetit {padding:40px 0 40px; font-size: 24px; text-align: center; font-weight: bold;}
.suace_wrap .began_txt .basetit > span {display: inline-block; padding: 7px 17px; color: #294743; border-bottom: 1px solid #294743; }
.suace_wrap .began_txt .basecol {padding: 50px 0px;}
.suace_wrap .began_txt .basecol::after {content: ''; display: block; clear: both;}
.suace_wrap .began_txt .basecol .col{width: 46%; float: left; margin: 0 2%; padding: 20px 15px; border-radius: 30px;  }
.suace_wrap .began_txt .basecol .col .coltit {text-align: center; padding: 10px 0; font-size: 17px; color: #333; font-weight: bold;}
.suace_wrap .began_txt .basecol .col table {margin: 0 auto; border-collapse: collapse; border-top: 1px solid #ddd; padding: 0 10px; width: 100%;}
.suace_wrap .began_txt .basecol .col table tr td {border-bottom: 1px solid #eee; padding: 10px 40px; color: #666; font-size: 15px;text-align: center; border-right: 1px solid #eee;}
.suace_wrap .began_txt .basecol .col table tr th {border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #333; font-size: 15px; background: #f9f9f9; padding: 8px 0;}
/*.suace_wrap .began_txt .basecol .col table tr th.bd_c {background:#fffbe9; }*/
.suace_wrap .began_txt .basecol .col table tr th.bd_c {background:aliceblue; }
.suace_wrap .began_txt .basecol .col table tr th.bs_c {background:#fffbeb; }
.suace_wrap .began_txt .basecol .col table tr .bd_b {border-bottom: none;}
.suace_wrap .began_txt .basecol .col table tr .bd_n {border-right: none;}
.suace_wrap .began_txt .basecol .col table tr td.col_r {color: #ef4d4d; font-weight: bold;}
.suace_wrap .began_txt {padding: 40px 0px 50px;}
.suace_wrap .began_txt .basetit {padding:40px 0 40px; font-size: 24px; text-align: center; font-weight: bold;}
.suace_wrap .began_txt .basetit > span {display: inline-block; padding: 7px 17px; color: #316451; border-bottom: 1px solid #316451; }
.suace_wrap .began_txt .baseeu {line-height: 1.6; color: #333; padding-top: 30px;}
.suace_wrap .began_txt .baseeu dl {width: 100%; padding-left: 15%; position: relative; padding: 6px 0px 30px 50px;}
.suace_wrap .began_txt .baseeu dl > span {font-size: 33px; font-weight: bold; position: absolute; left: 0; top: 0; color: #999;}
.suace_wrap .began_txt .baseeu li .bb {font-weight: bold; border-bottom: 1px solid #333;}
.suace_wrap .began_txt .baseeu dl dt {font-size: 18px; padding-bottom: 8px; font-weight: bold;}
.suace_wrap .began_txt .baseeu dl dd {line-height: 1.6;}
.suace_wrap .began_txt .graph {text-align: center;}
.suace_wrap .began_txt .graph p {text-align: center; padding: 10px 0 30px; font-size: 17px; color: #333; font-weight: bold;}

.suace_wrap .began_txt .b_base {display: table; width: 100%; text-align: center; margin-bottom: 30px;}
.suace_wrap .began_txt .b_base > p {line-height: 1.6; color: #333;}
.suace_wrap .began_txt .b_base > p  .bb {font-weight: bold; border-bottom: 1px solid #333;}
.suace_wrap .began_txt .b_in {display: table-cell; width: 50%; vertical-align:middle; text-align: left; padding:50px 0 0 0 ;}
.suace_wrap .began_txt .b_int {padding: 50px 0 0 100px;}
.suace_wrap .began_txt .b_int > span {font-size: 20px; display: inline-block; padding-bottom: 10px; color: #316451;}
.suace_wrap .began_txt .b_int > p {font-size: 16px; color: #666;}
.suace_wrap .began_txt .b_in img {max-width: 100%;}

.suace_wrap .began_txt .b_in2 {display: table-cell; width: 25%; vertical-align:middle;}
.suace_wrap .began_txt .b_in2 img {max-width: 100%;}
.suace_wrap .began_txt .b_in3 {text-align: right; margin-bottom: 50px;}

.suace_wrap .itemb2b {text-align: center;}
.suace_wrap .itemb2b h2{font-size: 20px; color: #333; padding: 10px 0 30px; font-weight: 400; line-height: 1.4;}
.suace_wrap .itemb2b h3{display: inline-block; color: #fff; font-size: 17px; padding: 5px 23px; background: #999; border-radius: 15px;}





/*커뮤니티*/
.noti_wrap {width: 1200px; margin: 0 auto; padding: 130px 0 100px; text-align: center;}
.noti_wrap h2 {font-size: 14px; font-weight: 100; letter-spacing: 2px;}
.noti_wrap h3 {font-size: 25px; font-weight: 100; padding: 10px 0 20px;}
.noti_wrap .news_box {margin: 20px 0; width: 100%;}
.noti_wrap .news_box::after {content: ''; clear: both; display: block;}
.noti_wrap .news_box .news {vertical-align: top; padding: 20px; width: 33.3%; float: left;}
.noti_wrap .news_box .news a {display: inline-block; width: 100%;}
.noti_wrap .news_box .img_box {position: relative; width: 100%;  height: 230px; overflow: hidden; vertical-align: middle;}
.noti_wrap .news_box .img_box img {width: 100%;}
.noti_wrap .news_box .img_box:hover img {transform: scale(1.1);  transition: transform 0.3s ease-out;}
.noti_wrap .news_box .img_box span {position: absolute; top: 0; left: 3%; background: rgba(61,180,74,0.9); color: #fff; display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 13px; display: none;}
.noti_wrap .news_box .txt_box {padding: 10px; text-align: left; width: 100%;}
.noti_wrap .news_box .news a .txt_box p.date {color: #36b34a; font-size: 14px; margin-top: 10px;}
.noti_wrap .news_box .news a .txt_box p.tit {padding: 20px 0; font-size: 17px; color: #333}
.noti_wrap .news_box .news a .txt_box p.txt {color: #666; font-size: 14px; min-height: 40px; width: 100%; height: 80px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
.noti_wrap .more_btn {text-align: center; padding: 30px 0 30px;}
.noti_wrap .more_btn a {display: inline-block; text-align: center; border: 1px solid #36b34a; color: #36b34a; font-size: 14px; padding: 10px 50px;}
.noti_wrap .more_btn a:hover {background: #36b36a; color: #fff;}

.noti_wrap .socon_box {width: 1200px; margin: 20px 0 20px;}
.noti_wrap .socon_box table {width: 100%; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #36b34a;}
.noti_wrap .socon_box table tr {width: 100%; border-bottom: 1px solid #f0f0f0;}
.noti_wrap .socon_box table tr th {font-size: 15px; color: #555; text-align: left; padding: 15px 15px; border-right: 1px solid #ecf7f0; background: #f5fff8; font-weight: normal;}
.noti_wrap .socon_box table tr td {font-size: 15px; color: #666; text-align: left; padding: 15px 15px;}
.noti_wrap .socon_box table tr td .sosic {padding: 20px; text-align: center;}
.noti_wrap .socon_box table tr td .sosic p {font-size: 16px; line-height: 1.4; transform: skew(-0.03deg); -webkit-transform: skew(-0.03deg); -o-transform: skew(-0.03deg); -moz-transform: skew(-0.03deg);}
.noti_wrap .socon_box table tr td .sosic img {padding-bottom: 30px;}
.noti_wrap .socon_btn {padding: 30px 0 30px;}
.noti_wrap .socon_btn a{display: inline-block; border: 1px solid #36b34a; color: #36b34a; padding: 6px 25px; font-size: 16px;}
.noti_wrap .socon_btn a:hover {background: #36b36a; color: #fff;}


/*브랜드*/
.bom_brand {margin: 0 auto; max-width: 1200px;}
.bom_brand .bombg {height: 300px; width: 100%; background: url(../images/brand_bg0.jpg) center no-repeat; background-size: cover; margin-top: 20px;}
.bom_brand .bombg .bombgtit {padding-top: 75px;}
.bom_brand .bombg .bombgtit p {color: #fff; font-size: 23px; padding-bottom: 14px;}
.bom_brand .bombg .bombgtit p img {width: 30px;}
.bom_brand .bom_list {padding: 90px 0 0;}
.bom_brand .bom_list .listtit p {color: #40b679; font-size: 25px; text-align: center; padding-bottom: 30px;}
.bom_brand .bom_list .listtit p .enter {display: block; }
.bom_brand .bom_list .listtit span.line {display: inline-block;width: 65%; border-bottom: 1px solid #40b679; position: relative;}
.bom_brand .bom_list .listtit span.line::before {content: ''; position: absolute; left: 0; width: 1px; height: 20px; background: #40b679;}
.bom_brand .bom_list .listtit span.line::after {content: ''; position: absolute; right: 0; width: 1px; height: 20px; background: #40b679;}
.bom_brand .bom_list ul.bombox {display: inline-block;}
.bom_brand .bom_list ul.bombox li{float:left; width: calc(100% / 3 - 40px); height: 395px; margin: 0 20px; text-align: center; padding: 50px 30px; }
.bom_brand .bom_list ul.bombox .nemo {display: block; padding: 30px 0 10px;}
.bom_brand .bom_list ul.bombox .nemo img{width: 22px; display: inline-block;}
.bom_brand .bom_list ul.bombox .bomtit {position: relative;}
.bom_brand .bom_list ul.bombox .bomtit img{width: 200px;}
.bom_brand .bom_list ul.bombox .bomtit::after {content: ''; border-bottom: 1px solid #40b679; width: 60%;  display: inline-block; padding: 2px 0;}
.bom_brand .bom_list ul.bombox p {color: #666; padding-top: 30px; font-size: 0.9rem; word-break: keep-all; letter-spacing: -0.5px; line-height: 1.4;}
.bom_brand .bom_list ul.bombox .ptit {display: block; color: #444; font-size: 18px; padding-bottom: 10px;}
.bom_brand .bom_list .bomline span.line {display: inline-block;width: 65%; border-bottom: 1px solid #40b679; position: relative;}
.bom_brand .bom_list .bomline span.line::before {content: ''; position: absolute; left: 0; bottom:0; width: 1px; height: 20px; background: #40b679;}
.bom_brand .bom_list .bomline span.line::after {content: ''; position: absolute; right: 0; bottom:0; width: 1px; height: 20px; background: #40b679;}
.bom_brand .bom_list .bomline p {padding-top: 80px;  color: #666; font-size: 19px; letter-spacing: -0.6px;}
.bom_brand .bom_list .bomline p span {background: #f7f7f7; display: inline-block; padding: 8px 30px;}
.bom_brand .bom_list .txt1 {padding: 60px 0 40px; margin: 30px auto;color: #40b679; font-size: 20px;}
.bom_brand .bom_list .txt1 p .enter {display: block;}

.bom_brand .bom2 {width: 1200px; margin: 0 auto; padding: 80px 0;}
.bom_brand .bom2 .bom2_bg img {width: 100%;}
.bom_brand .bom2_txt {padding: 80px 0 0;}
.bom_brand .bom2_txt .txt_top{padding: 70px 0; color: #40b679; font-size: 20px;}
.bom_brand .bom2_txt .txt_top p .bb {position: relative; overflow: hidden;}
.bom_brand .bom2_txt .txt_top p .bb::after {content: '';display: block; position: absolute; bottom: 0; width: 90%; height: 20px; background:rgba(255,248,210,0.8); left: 0%; z-index: -1;}
.bom_brand .bom2_txt .txt_bot {color: #666; line-height: 1.61; font-size: 19px;}
.bom_brand .bom2_txt .txt_bots {margin-top:20px; color: #40b679; line-height: 1.61; font-size: 19px; font-weight: bolder;}
.bom_brand .bom2_txt .txt_bots >p >span {color: rgb(255, 127, 42); line-height: 1.61; font-size: 22px; font-weight: bolder;}
.bom_brand .bom2_txt .txt_bott {margin-top:20px; color: #666; line-height: 1.61; font-size: 19px;}

.bom_brand .bom2_txt .diabox {padding: 70px 70px 0px; line-height: 1.4;}
.bom_brand .bom2_txt .diabox::after {content: ''; display: block; clear: both;}
.bom_brand .bom2_txt .diabox .dia {margin:0 30px;width: 200px; height: 200px; float: left; background: url(../images/dia_bg.png)
center no-repeat;background-size: contain; position: relative;}
.bom_brand .bom2_txt .diabox .dia > span {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); text-align: center; font-size: 20px; color: #40b679; font-weight: bold;}

.bom_brand .bom3 {padding: 60px 0;}
.bom_brand .bom3 .bi_box {width: 1000px; margin: 0 auto; padding: 90px 0;}
.bom_brand .bom3 .bi_box .bi_txt  {background:#f7f7f7; font-size: 14px; color: #444; padding: 35px 70px; text-align: left; margin-top: 60px; line-height: 1.6;}
 

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 30px;}
.swiper-pagination-bullet {width: 20px; height: 4px; border-radius:0;}
.swiper-pagination-bullet-active::after {content: '';display: block; width: 0px; height: 0px;border-top: 10px solid red;border-right: 10px solid transparent; border-left: 10px solid transparent; margin-top: 13px;}

.arrow {position: absolute; bottom: 6px; left: 50%; transform: translateX(-50%); animation: jump 1s infinite; z-index: 1000;}

.round  {
    display: block;
    position: relative;
    border: 3px solid rgba(153,153,153,0.8);
    width: 48px;
    height: 48px;
    border-radius: 100%;
    z-index: 1000;
}

.round span {
    z-index: 999;
    height: 3px;
    margin:1px;
    width: 16px;
    background: rgba(153,153,153,0.8);
    transition: 0.4s ease;
    border-radius: 3px;
}

.round span:first-child {
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 18%;
    bottom: 28%;
}

.round span:nth-child(2) {
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    left: 41%;
    bottom: 28%;
}

.round span:nth-child(3) {
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 18%;
    bottom: 54%;
}

.round span:nth-child(4) {
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    left: 41%;
    bottom: 54%;
}

.round:hover span:nth-child(1) {
    transform: rotate(-135deg);
}

.round:hover span:nth-child(2) {
    transform: rotate(135deg);
}

.round:hover span:nth-child(3) {
    transform: rotate(225deg);
}

.round:hover span:nth-child(4) {
    transform: rotate(-225deg);
}

@keyframes jump {
  0% { bottom: 6px; } 50% { bottom: 15px;} 100% { bottom: 6px; }
}

.mtop {
    position: fixed;
    width: 100%;
    bottom: 50px;
    text-align: right;
    z-index: 100;
    display: none;
}

.mtop .move_top {
    display: block;
    width: 45px;
    height: 45px;
    float: right;
    background-color: rgba(61,180,73,0.8);
    margin-right: 10px;
    position: relative;
}

.mtop .move_bot {width: 1.25rem; height: 1.25rem; display: inline-block; position: absolute; right: 12px; top: 6px;}

.mtop .move_bot > span.move {
    top: .5rem; position: absolute; width: .82rem; height: .2rem; background: #fff; display: inline-block;
    border-radius: 5px;
}

.mtop .move_bot > span:first-of-type {left: 0; transform: rotate(-45deg);}
.mtop .move_bot > span:nth-of-type(2) {right: 0; transform: rotate(45deg);}

.mtop span.txt {position: absolute; bottom: 4px; color: #fff; right: 12px; font-size: 13px;}


/*모니터*/
@media all and (min-width:1600px) {
    .pcH .topH > nav {right: 0;}
    .noti_wrap .socon_box {width: 100%;}
    .bom_brand .bom2 {width: 100%;}
    
}

@media all and (min-width:1024px) and (max-width:1599px) {
    .section6 .news_box {width: 100%;}
    .section3 {padding: 0;}
    .section3 .sec_img1 img {width: 100%;}
    .section3 .sec_img2 img {width: 100%;}
    .section3 .sec3_right {padding-left: 40px;}
    .section3 .sec3_right .sec3_txt h2 {font-size: 38px;}
    .section3 .sec3_right .sec3_txt {top: 5%;}
    .section3_1 .sec3_left .sec3_txt h2 {font-size: 40px;}
    .section4 .sec4_left .sec4_txt {right: 0;}
    .section4 .sec4_right .sec4_txt h3 {margin-left: -10px;}
    .section4 .sec4_right .sec4_txt img {width: 450px;}
    .section4 .sec4_txt > img {right: 32px;}
    .section5 {padding: 80px 10px;}
    .section5 .contacbox {width: 100%;}
    .section5 .contac_info h2 {font-size: 45px;}
    .mainVisual .slide2 .slidetxt h2 {font-size: 70px;}
    .mainVisual .slide2 .slidetxt h3 {font-size: 30px;}
    .mainVisual .slide3 .slidetxt h2 {font-size: 70px;}
    .mainVisual .slide3 .slidetxt h3 {font-size: 30px;}
    .mainVisual .slide .slidelay .slidetxt h2 {font-size: 70px;}
    .mainVisual .slide .slidelay .slidetxt h3 {font-size: 30px;}
    .pcH .topH > h1 img {width: 80px;}
    .pcH .topH > .h1tit {font-size: 17px; padding: 16px 15px;}
    .pcH .topH > nav li.main > a {font-size: 17px;}
    .pcH .topH > nav li.main {width: 130px;}
    .pcH .topH > nav li.main > ul li {width: 130px;}
    
}





/*아이패드*/
@media all and (min-width:768px) and (max-width:1023px) {
    .pcH {height: 60px;}
    .pcH .topH > h1 img {width: 70px;}
    .pcH .topH > h1 > a > span {width: 130px; font-size: 12px;}
    .pcH .topH > nav li.main a {font-size: 16px; height: 60px; line-height: 60px;}
    .pcH .topS {margin-top: 16px;}
    .pcH .topS > h1 img {width: 130px;}
    .pcH .topS > nav {margin: 0 0;}
    .pcH .topS > nav li.main a {font-size: 16px;}
    .inner {width: 100%;}
    .mainVisual {width: 100%; margin: 60px auto 0; height: auto;}
    .mainVisual .slide2 {background-size: cover;}
    .mainVisual .slide3 {background-size: cover;}
    .mainVisual .slide4 {background-size: cover;}
    .mainVisual .slide2 .slidetxt h2 {font-size: 50px;}
    .mainVisual .slide2 .slidetxt h3 {font-size: 30px;}
    .mainVisual .slide3 .slidetxt h2 {font-size: 50px;}
    .mainVisual .slide3 .slidetxt h3 {font-size: 30px;}
    .mainVisual .slide .slidelay .slidetxt h2 {font-size: 50px;}
    .mainVisual .slide .slidelay .slidetxt h3 {font-size: 30px;}
    .mainVisual .slide .slidelay .slideimg {width: 100%;}
    .mainVisual .slide .slidelay .slidetxt {width: 100%; float: none; padding-left: 0; top: 30%; text-align: center; }
    .mainVisual .slide .slidelay .slidetxt p {display: none;}
    .mainVisual .slide .slidelay .slidetxt > div {width: 100%;}
    
    #content {padding: 80px 0 0;}
    .section0 {margin: 50px 10px;}
    .section0 .helbox {width: 100%; padding: 70px 20px 0;}
    .section0 .helbox .heltxt h2 {font-size: 24px;}
    .section0 .helbox .heltxt {padding: 0 15px; margin-left: 0px; transform: translate(-50%); width: 95%;}
    .section0 .helbox .helcon .fl_le {padding: 30px 20px 0 0;}
    .section0 .helbox .helcon .fl_ri {padding: 30px 0 0 20px;}
    .section0 .helbox .helcon .floor h3 {font-size: 16px;}
    .section0 .helbox .helcon .floor p {font-size: 14px;}
    .section0 .helbox .helcon .floor ul {font-size: 14px;}
    .section4 {height: auto; margin: 100px 0 70px;}
    .section4 .sec4_txt > img {right: 13%; width: 140px;}
    .section4 .sec4_left, .section4 .sec4_right {height: 550px;}
    .section4 .sec4_left .sec4_txt {right: 0; padding-right: 0; left: 10%;}
    .section4 .sec4_left .sec4_txt p {padding: 60px 0 30px; font-size: 15px;}
    .section4 .sec4_left .sec4_txt h3 img {width: 260px;}
    .section4 .sec4_right .sec4_txt {top: 15%;}
    .section4 .sec4_right .sec4_txt img {width: 350px;}
    .section4 .sec4_right .sec4_txt h3 {margin-left: -30px;}
    .section3 {margin: 30px auto 70px;}
    .section3 .midbar {display: block; padding:0px 0 40px;}
    .section3_1 .midbar {display: block; padding:0px 0 40px;}
    .section3_1 {margin: 30px auto 0px;}
    .section3 .sec3_right{height: 500px; padding-left: 20px;}
    .section3_1 .sec3_left {height: 400px;}
    .section3 .sec3_left img, .section3_1 .sec3_right img {width: 100%;}
    .section3_1 .sec3_right img  {padding-top: 50px;}
    .section3 .sec3_right .sec3_txt, .section3_1 .sec3_left .sec3_txt {top: 10%; padding: 0 10px;}
    .section3 .sec3_right .sec3_txt h2, .section3_1 .sec3_left .sec3_txt h2 {font-size: 24px;}
    .section3 .sec3_right .sec3_txt h3, .section3_1 .sec3_left .sec3_txt h3 {font-size: 14px; width: 100%;}
    .section3 .sec3_right .sec3_txt p, .section3_1 .sec3_left .sec3_txt p {font-size: 14px; width: 100%;}
    .section2 .sec2_top img {width: 300px;}
    .section2 .sec2_bot {padding: 90px 10px 0;}
    .section2 .sec2_bot ul.bombox .bomtit img {width: 150px;}
    .section2 .sec2_bot ul.bombox p {font-size: 14px;}
    .section2 .sec2_bot ul.bombox dl {font-size: 14px;}
    .section1 {height: 500px;}
    .section1 > img {width: 130px;margin-left: 0; transform: translateX(-50%);-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);}
    .section1 .sec1_left .sec1_txt {padding-left: 50px; font-size: 26px; }
    .section1 .sec1_left p {font-size: 0.8rem;}
    
    .section5 .contacbox {width: 100%; margin: 0 10px;}
    .section5 .contac_input {margin-left: -2%; -webkit-margin-left: -2%;}
    .section5 .contac_info h2 {font-size: 35px;}
    .section5 .contac_info .info dl dd {font-size: 14px;}
    .section5 .contac_input h3 {font-size: 14px;}
    
    .section6 .news_box {width: 100%; padding: 0 6px;}
    .section6 .news_box .news {padding: 0px 3px;}
    .section6 h3 {font-size: 24px;}
    
    .suace_wrap {margin-top: 60px;}
    .suace_wrap .itembox {width: 100%;}
    .bom_brand .bom3 .bi_box {width: 100%;}
    .section6 .news_box .news a .img_box {height: auto;}
    .section6 .news_box .news a .txt_box p.tit {font-size: 16px;}
    .section6 .news_box .news a .txt_box p.txt {font-size: 14px;}
    
    .noti_wrap .news_box .news {padding: 0 3px;}
    .noti_wrap .news_box {margin: 20px 0px;}
    .noti_wrap .news_box .img_box {height: 180px;}
    .noti_wrap .news_box .news a .txt_box p.tit {font-size: 15px; padding: 10px 0;}
    .noti_wrap{width: 100%;}
    
    .noti_wrap .socon_box{width: 100%; padding: 0 10px;}
    .suace_wrap .itembox .itemtxt h2 {font-size: 40px;}
    .suace_wrap .itembox .itemtxt {padding: 100px 0 0 100px;}
    
    .bom_brand .bom_list ul.bombox li {width: calc(100% / 3 - 20px); margin: 0 10px; padding: 30px 0; }
    .bom_brand .bom2 {width: 100%;}
    .bom_brand .bom2_txt .diabox {padding: 100px 0px 0px;}
    .bom_brand .bom2_txt .diabox .dia {width: 150px; height: 150px; margin: 0 20px;}
    .bom_brand .bom3 .bi_box .bi_img {padding: 0 10px;}
    .bom_brand .bom3 .bi_box .bi_img img {width: 100%;}
    
    .footbox {width: 100%; padding: 30px 0 0;}
    .footbox h2 {padding-left: 70px;}
    .footbox h2 img {width: 150px;}
    .footbox .info {padding-left: 70px; width: 70%;}
     
    .pcH .topH > .h1tit {font-size: 14px; padding: 14px 10px;}
    .pcH .topH > nav li.main {width: 130px;}
    .pcH .topH > nav li.main > ul li {width: 130px;}
    
    .section3 .sec_img1 img {box-shadow: 20px 10px 1px #ffcd01;}
    .section3 .sec_img3 img {box-shadow: 20px 10px 1px #ffcd01;}
    .section3_1 .sec3_wrap a {margin-top: 0;}
    .section3_1 .sec2_bot ul.bombox .nemo {padding: 5px 0 10px;}
    .section3_1 .sec2_bot ul.bombox p {font-size: 15px;}
    .section3_1 .sec2_bot ul.bombox dd{font-size: 15px;}    
    .pcH .topH > nav {display: none;}
    .mobtn {display: block;}
    
 
    .suace_wrap .basebox {width: 100%; padding: 130px 20px 150px;}
    .suace_wrap .txtbox .maintit {font-size: 40px;}
    .suace_wrap .txtbox .subtit {font-size: 17px;}
    .suace_wrap .basebox .txtbox {padding: 50px 0 30px 20px;}
    .suace_wrap .base_txt .basecol .col table tr td {padding: 10px 10px 10px 20px;}
    .suace_wrap .txttbox .maintit {font-size: 40px;}
}




/*모바일*/
@media all and (max-width:767px) {
    .inner {width: 100%;}
    .pcH {height: 60px; }
    .pcH .topH > h1 {padding-left: 10px;}
    .pcH .topH > h1 > a.logo {padding: 7px; box-shadow: 1px 2px 5px #ddd;}
    .pcH .topH > h1 > a.logo > span {display: none;}
    .pcH .topH > h1 a.logo img {width: 40px; margin-top: 0;}
	.pcH .topH > h1 a.blog {padding-top:10px;;}
    .pcH .topH > h1 a.blog img {width: 33px; margin-top: 0;}
    .pcH .topH > nav li.main {width: 90px;}
    .pcH .topH > nav li.main > a {font-size: 14px; height: 60px; line-height: 60px;}
    .pcH .topS {margin-top: 18px;}
    .pcH .topS > h1 {padding-left: 10px;}
    .pcH .topS > h1 img {width: 80px;}
    .pcH .topS > nav {margin: 0 0 ;}
    .pcH .topS > nav li.main {margin: 0 10px;}
    .pcH .topS > nav li.main a {font-size: 14px;}
    .pcH .topH > nav li.main > ul li {width: 100px;}
    .pcH .topH > nav li.main > ul li a {font-size: 13px;}
    
    #content {padding: 80px 10px;}
    #content span.unbar {display: block;}
    .mainVisual {max-width: 100%; margin: 60px auto 0; height: auto;}
    .mainVisual .slide1 {background-size: cover;}
    .mainVisual .slide2 {background: url(../images/slide1_mo.jpg) center no-repeat; background-size: cover; background-position: bottom;}
    .mainVisual .slide3 {background-size: cover;}
    .mainVisual .slide4 {background-size: cover;}
    .mainVisual .slide2 .slidetxt h2 {font-size: 30px;}
    .mainVisual .slide2 .slidetxt h3 {font-size: 15px;}
    .mainVisual .slide3 .slidetxt h2 {font-size: 24px;}
    .mainVisual .slide3 .slidetxt h3 {font-size: 15px; padding-top: 20px;}
    .mainVisual .slide .slidelay .slidetxt h2 {font-size: 30px;}
    .mainVisual .slide .slidelay .slidetxt h3 {font-size: 15px;padding-top: 20px;}
    .mainVisual .slide .slidelay .slideimg {width: 100%;}
    .mainVisual .slide .slidelay .slidetxt {width: 100%; float: none; padding-left: 0; top: 30%; text-align: center; }
    .mainVisual .slide .slidelay .slidetxt p {display: none;}
    .mainVisual .slide .slidelay .slidetxt > div {width: 100%;}
    
    .section0 {margin: 50px 0px;}
    .section0 .helbox {width: 100%; padding: 70px 10px 0; height: 100%; border: none;}
    .section0 .helbox .heltxt {top:0px; margin-left: 0px; width: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); padding: 0 10px;}
    .section0 .helbox .heltxt h2 {font-size: 20px; line-height: 1.4;}
    .section0 .helbox .heltxt h3 {font-size: 16px; margin-top: 10px; padding: 0 30px;}
    .section0 .helbox .helcon {text-align: center; margin-top: 30px;}
    .section0 .helbox .helcon .floor {width: 100%; display: block; height: auto;}
    .section0 .helbox .helcon .fl_le {padding: 70px 0 0 0 ;}
    .section0 .helbox .helcon .fl_ri {padding: 0px 0 0 0 ;}
    .section0 .helbox .helcon .fl_le::after {display: none;}
    .section0 .helbox .helcon .floor h3 {font-size: 15px;}
    .section0 .helbox .helcon .floor p {font-size: 14px;}
    .section0 .helbox .helcon .floor ul {font-size: 14px;}
    .section0 .helbox .helcon .floor .fcon {padding-top: 30px; border-top: 1px solid #eee;}
    .section4 {height: auto;}
    .section4 .sec4_left {width: 100%;height: 550px;}
    .section4 .sec4_left .sec4_txt {padding-right: 0; width: 100%; left: 3%; right: 0%;}
    .section4 .sec4_txt > img {right: 8%;}
    .section4 .sec4_left .sec4_txt h3 img {width: 250px;}
    .section4 .sec4_left .sec4_txt p {font-size: 15px; padding: 70px 0 30px;}
    .section4 .sec4_left .bar_txt {right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -o-transform: translateX(50%);}
    .section4 .sec4_right {width: 100%; height: 550px;}
    .section4 .sec4_right .sec4_txt h3 {margin-left: 0; }
    .section4 .sec4_right .sec4_txt img {width: 100%;}
    .section4 .sec4_right .bar_txt {left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);}
    .section3 .sec3_left {width: 100%;}
    .section3 .sec3_left img {width: 100%;}
    .section3 .sec3_right {width: 100%; height: 500px; padding-left: 10px;}
    .section3 .sec3_right .sec3_txt {top: 10%; width: 95%;}
    .section3 .sec3_right .sec3_txt h2, .section3_1 .sec3_left .sec3_txt h2 {font-size: 25px;}
    .section3 .sec3_right .sec3_txt h3, .section3_1 .sec3_left .sec3_txt h3 {font-size: 15px; width: 100%; padding: 30px 0 20px;}
    .section3 .sec3_right .sec3_txt p, .section3_1 .sec3_left .sec3_txt p {font-size: 14px; width: 100%;}
    .section3 .sec3_right .sec3_txt p > br, .section3_1 .sec3_left .sec3_txt p > br {display: none;}
    .section3 .sec3_right .sec3_txt a::after {width: .60rem;}
    .section3 .sec3_right .sec3_txt a::before {width: .60rem;}
    .section3_1 .sec3_left {width: 100%; margin-top: 50px; height: 350px;}
    .section3_1 .sec3_left .sec3_txt {padding:  10px;}
    .section3_1 .sec3_right {width: 100%;}
    .section3_1 .sec3_right img {width: 100%;}
    .section2 {padding: 0 0 80px;}
    .section2 .sec2_top img {width: 200px;}
    .section2 .sec2_bot ul.bombox li {width: 100%; margin: 0 0 10px 0 ; border-bottom: 4px solid #009040; height: auto; padding: 10px 20px;}
    .section2 .sec2_bot ul.bombox li.sum_box {border-bottom: 3px solid #009040;}
    .section2 .sec2_bot ul.bombox li.ban_box {width: 100%;}
    .section2 .sec2_bot ul.bombox li:nth-of-type(3).ban_box {margin-left: 0;}
    .section2 .sec2_bot ul.bombox .bomtit {font-size: 1.2rem;}
    .section2 .sec2_bot ul.bombox .bomtit img {width: 180px;}
    .section2 .sec2_bot ul.bombox p {font-size: 0.9rem;}
    .section2 .sec2_bot ul.bombox .p_head {padding: 20px 0 8px;}
    .section2 .sec2_bot ul.bombox dl {font-size: 0.9rem; padding-bottom: 20px;}
    .section1 {margin: 30px auto 0;}
    .bom_brand .bom_list .bomline p, .bom_brand .bom2_txt .txt_bot {color: #666; font-size: 16px;}
    .bom_brand .bom_list .bomline p, .bom_brand .bom2_txt .txt_bots {margin-top:20px; color: #40b679; line-height: 1.61; font-size: 19px; font-weight: bolder;}
    .bom_brand .bom_list .bomline p, .bom_brand .bom2_txt .txt_bots >p >span {color: rgb(255, 127, 42); line-height: 1.61; font-size: 20px; font-weight: bolder;}
    .bom_brand .bom_list .bomline p, .bom_brand .bom2_txt .txt_bott {margin-top:20px; color: #666; line-height: 1.61; font-size: 16px;}





    .section1 .sec1_left {width: 100%; height: 600px;}
    .section1 .sec1_left .sec1_txt {padding-left: 0; font-size: 24px; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); width: 100%; text-align: center;}
    .section1 .sec1_left p {text-align: center;}
    .section1 .sec1_right {width: 100%; display: none;}
    .section1 > img {width: 80px; margin-left: 0px; transform: translateX(-50%);-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);}
    
    .section5 {padding: 30px 10px;}
    .section5 .contacbox {width: 100%;}
    .section5 .contac_info {width: 100%;}
    .section5 .contac_info h2 {font-size: 28px;}
    .section5 .contac_info .info {padding-top: 40px;}
    .section5 .contac_info .info dl {margin-bottom: 10px;}
    .section5 .contac_input {width: 100%;}
    .section5 .contac_input .inp_grp {padding: 0;}
    .section5 .contac_input .inp_grp .input {width: 100%;}
    .section5 .contac_input h3 {font-size: 14px;}
    .section5 .contac_input {margin-left: -2%; -webkit-margin-left: -2%;}
    .section5 .contac_input .inp_grp .input2 {width: 100%;}
    input[type=text], textarea, select {margin-bottom: 15px; width: 100%;}
    .section5 .contac_info .info dl dt {font-size: 17px;}
    
    
    .section6 {padding: 0 0 50px;}
    .section6 h3{font-size: 28px; padding-bottom: 40px;}
    .section6 .news_box {width: 100%;}
    .section6 .news_box .news {width: 100%;}
    .section6 .news_box .news a .img_box {height: 200px;}
    .section6 .news_box .news {display: block; padding: 0; margin-bottom: 30px;}
    .section6 .news_box .news a .txt_box p.txt {height: 50px;  font-size: 14px;}
    .section6 .news_box .news a .txt_box p.date {font-size: 12px;}
    
    .noti_wrap {width: 100%; padding: 80px 0 100px;}
    .noti_wrap .news_box .news {width: 100%;}
    .noti_wrap .socon_box{width: 100%; padding: 0 10px;}
    .noti_wrap .socon_box table tr th {padding: 10px 0 10px 10px; font-size: 13px;}
    .noti_wrap .socon_box table tr td {padding: 10px 0 10px 10px; font-size: 13px;}
    .noti_wrap .socon_box table tr td .sosic {padding: 10px 10px 0 0;}
    .noti_wrap .socon_box table tr td .sosic p {font-size: 14px;}
    .noti_wrap .socon_box table tr td .sosic img {width: 100%;}
    
    .footbox {width: 100%; padding: 0px 10px 0;}
    .footbox h2 {text-align: center; width: 100%; padding-left: 0; margin-bottom: 15px; margin-top: 15px;}
    .footbox h2 img {width: 100px;}
    .footbox .info {width: 100%; padding-left: 0px; text-align: center; font-size: 12px;}
    .footbox .info address {display: block;}
    
    .suace_wrap .itembox {width: 100%; padding: 80px 0;}
    .suace_wrap .itembox .itemtxt {width: 100%; padding: 0 10px 50px;}
    .suace_wrap .itembox .itemtxt h2 {font-size: 30px;}
    .suace_wrap .itembox .itembtn {padding: 30px 0;}
    .suace_wrap .itembox .itembtn a {padding: 10px 20px;}
    .suace_wrap .itembox .itemimg {width: 100%;}
    .suace_wrap .itembox .item1 img {width: 80px;}
    .suace_wrap .itembox .item2 img {width: 150px;}
    .suace_wrap .itembox .item3 img {width: 150px;}
    .suace_wrap .itembg1 {background-size: contain;}
    .suace_wrap .itembg2 {background-size: 600px; background:url(../images/k_bg.png)0 right no-repeat; }
    .suace_wrap .itembg3 {background-size: contain;}
    
    .bom_brand .bombg P {font-size: 21px;}
    .bom_brand .bombg .bombgtit p {font-size: 14px;}
    .bom_brand .bom_list ul.bombox li {width: 100%; margin: 0; height: auto; padding: 30px 30px;}
    .bom_brand .bom_list .txt1 {font-size: 15px; padding: 50px 10px 40px;}
    .bom_brand .bom_list .listtit p img {width: 80px;}
    .bom_brand .bom_list .listtit span.line {width: 85%;}
    .bom_brand .bom2 {width: 100%; padding: 30px 0;}
    .bom_brand .bom2_txt {padding: 30px 0 0;}
    .bom_brand .bom2_txt .diabox {padding: 70px 0 0 ;}
    .bom_brand .bom2_txt .diabox .dia {width: calc(100% / 2 - 10px); height: 200px; margin: 5px 5px;}
    .bom_brand .bom2_txt .diabox .dia > span {font-size: 16px;}
    .bom_brand .bom3 {padding: 30px 0 0;}
    .bom_brand .bom3 .bi_box {width: 100%; padding: 50px 10px;}
    .bom_brand .bom3 .bi_box .bi_img {padding: 0 10px;}
    .bom_brand .bom3 .bi_box .bi_img img {width: 100%;}
    .bom_brand .bom3 .bi_box .bi_txt {padding: 30px 20px; font-size: 13px; line-height: 1.7;}
    
    .mainVisual .slide .slidelay {width: 100%;}
    .pcH .topH > .h1tit {padding: 14px 0 0 7px; font-size: 12px; letter-spacing: -0.5px;}
    .section5 .contac_info .info dl dd {font-size: 14px;}
    
    
    .section3_1 .sec2_bot .sec2_top h2{font-size: 20px;}
    .section3_1 .sec2_bot .sec2_top h3 {font-size: 15px;}
    .section3_1 .sec2_bot ul.bombox .nemo {padding: 5px 0 10px;}
    .section3_1 .sec2_bot ul.bombox li {width: 100%; margin: 0 0 10px 0 ; border-bottom: 4px solid #009040; height: auto; padding: 10px 20px 15px;}
    .section3_1 .sec2_bot ul.bombox li.sum_box {border-bottom: 3px solid #ff3860;}
    .section3_1 .sec2_bot ul.bombox li.ban_box {width: 100%;}
    .section3_1 .sec2_bot ul.bombox li:nth-of-type(3).ban_box {margin-left: 0;}
    .section3_1 .sec2_bot ul.bombox p {font-size: 15px;}
    .section3_1 .sec2_bot ul.bombox dd {font-size: 14px;}
    .section3_1 .sec3_wrap a {margin-top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); padding: 6px 34px 6px 18px; font-size: 14px; margin-top: 20px;}
    .section3 .sec3_right .sec3_txt a {left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); padding: 6px 34px 6px 18px; font-size: 14px; margin-top: 40px;}
    
    .pcH .topH > nav {display: none;}
    .mobtn {display: block;}
    .section3 {padding: 50px 0; margin: 50px auto 70px;}
    .section5 .contac_input .inp_grp .select {width: 100%;}
    .mobtn .line {background: #fff;}
    .section6 .news_box .news a .txt_box{padding: 15px 15px;}
    .section6 .news_box .news a .txt_box p.tit {font-size: 14px;}
    .arrow_bot {top: 7px; right: 11px;}
    .noti_wrap .news_box .news a .txt_box p.tit {font-size: 14px;}
    .noti_wrap h3 {font-size: 20px;}
    .noti_wrap .socon_btn a {font-size: 13px; padding: 6px 15px;}
    .bom_brand .bombg {height: 200px;}
    .bom_brand .bombg .bombgtit {padding-top: 50px;}
    .bom_brand .bom_list ul.bombox .ptit {font-size: 16px;}
    
    .suace_wrap .basebox {width: 100%; padding: 80px 15px;}
    .suace_wrap .basebox .txtbox {background: none; margin-bottom: 0; padding: 0 0 30px;}
    .suace_wrap .txtbox .maintit {font-size: 30px; padding: 20px 0 30px; text-align: center;}
    .suace_wrap .txtbox .maintit span {width: 280px;}
    .suace_wrap .txtbox .subtit {font-size: 15px;}
    .suace_wrap .txtbox .subtit br {display: none;}
    .suace_wrap .txtbox .baseli {font-size: 0.9rem; padding: 30px 0 0;}
    .suace_wrap .txtbox .baseli ul li {padding: 10px 0 5px;}
    .suace_wrap .txtbox .baseli ul li a {margin-bottom: 30px;}
    .suace_wrap .txtbox .baseli ul li .ban,
    .suace_wrap .txtbox .baseli ul li .bantit {font-size: 0.9rem;}
    .suace_wrap .txtbox .maintit::before, .suace_wrap .txttbox .maintit::before {width: 40px; height: 4px; left: 50%; transform: translateX(-50%); }
    .suace_wrap .base_txt .basetit > span {padding: 7px 9px;}
    .suace_wrap .base_txt .baseeu p {padding: 0 0px;text-align: left;}
    .suace_wrap .base_txt .basetit {font-size: 0.9rem; padding: 0px 0 10px;}
    .suace_wrap .base_txt .baseeu {font-size: 0.9rem;}
    .suace_wrap .began_txt .baseeu dl, .suace_wrap .base_txt .baseeu dl {padding: 2px 0px 30px 30px;}
    .suace_wrap .began_txt .baseeu dl dt, .suace_wrap .base_txt .baseeu dl dt {font-size: 0.9rem;}
    .suace_wrap .began_txt .baseeu dl > span, .suace_wrap .base_txt .baseeu dl > span {font-size: 18px;}
    .suace_wrap .base_txt .basecol .col {width: 98%; font-size: 0.9rem; margin: 1% 1%;}
    .suace_wrap .base_txt .basecol .col table {width: 100%; border-bottom: 1px solid #ddd;}
    .suace_wrap .began_txt .basecol .col .coltit, .suace_wrap .began_txt .graph p, .suace_wrap .begantit > p,
    .suace_wrap .base_txt .basecol .col .coltit, .suace_wrap .txttbox .baseli ul li .num, .suace_wrap .begantit > span, .suace_wrap .began_txt .basetit, .suace_wrap .began_txt .b_base > p,.suace_wrap .began_txt .b_int > span , .suace_wrap .began_txt .b_int > p, .suace_wrap .began_txt .baseeu{font-size: 0.9rem;}
    .suace_wrap .base_txt .basecol .col table tr td {padding: 10px 10px 10px 20px;}
    .suace_wrap .base_txt .basecol {padding: 50px 0px 0px;}
    .suace_wrap .txttbox .maintit {font-size: 30px; text-align: center;}
    .suace_wrap .txttbox .maintit span {display: block;}
    .suace_wrap .txttbox .basetit {font-size: 0.9rem; padding:  50px 0 20px}
    .suace_wrap .txttbox .baseli {font-size: 0.9rem;}
    .suace_wrap .txttbox .baseli ul li {padding: 10px 0 20px 20px;}
    .suace_wrap .itemtxt h3 {font-size: 20px;}
    .suace_wrap .itemb2b h2 {font-size: 14px;}
    .suace_wrap .began_txt {padding: 40px 0px 0px;}
    .suace_wrap .began_txt .basecol .col {width: 98%;}
    .suace_wrap .began_txt .graph img {width: 300px;}
    .suace_wrap .beganbox .maintit span {width: 280px; }
    .suace_wrap .begantit > p {padding: 0 10px; text-align: left;}
    .suace_wrap .began_txt .b_int {padding: 10px 0 0 0px; line-height: 1.4;}
    .suace_wrap .began_txt .b_in2 p {font-size: 0.9rem;}
    .suace_wrap .itemb2b h3 {font-size: 
    13px;}
    
}

@media all and (max-width:320px) {
    .pcH .topH > h1 img {width: 60px;}
    .pcH .topH > nav li.main {width: 80px;}
    .pcH .topH > nav li.main > a {font-size: 13px;}
    .pcH .topH > nav li.main > ul li {width: 85px;}
    .pcH .topH > nav li.main > ul li a {font-size: 11px;}
    .pcH .topH > h1 {padding-left: 0;}
    .section5 .contac_input .inp_grp .select {width: 100%;}
}