@charset "utf-8";

html {scroll-behavior: smooth;}

/* common */
* {letter-spacing: -0.5px; word-break: keep-all; color: #333;}

#sub_visual {width: 100%;height: 400px;position: relative;}
#sub_visual .visual_tit {position: absolute;left: 50%; top: calc(50%); transform: translateX(-50%);z-index: 6; text-align: center; width: 100%; padding: 0 20px;}
#sub_visual .visual_tit.visual_tit02 {transform: translate(-50%,0);}
#sub_visual .visual_tit h2{color: #fff; font-weight: 600;  font-family: 'Noto Sans KR', sans-serif;;font-size: 70px;}
#sub_visual .visual_tit h2 span {font-size: 32px; color: #fff; display: block;}
#sub_visual .visual_tit p{color:#fff; font-size:18px; font-weight:400;}
.sub_visual01 {background: url(../images/sub/visual01.jpg) no-repeat center bottom / cover;}
.sub_visual02 {background: url(../images/sub/visual02.jpg) no-repeat center bottom / cover;}
.sub_visual03 {background: url(../images/sub/visual03.jpg) no-repeat center bottom / cover;}
.sub_visual04 {background: url(../images/sub/visual04.jpg) no-repeat center bottom / cover;}
.sub_visual05 {background: url(../images/sub/visual05.jpg) no-repeat center bottom / cover;}
.sub_visual06 {background: url(../images/sub/visual06.jpg) no-repeat center bottom / cover;}
.sub_visual07 {background: url(../images/sub/visual07.jpg) no-repeat center bottom / cover;}


/*공통*/
.moduleCall{padding:90px 0 100px; overflow:hidden;}
.moduleCall02{padding:100px 0 100px;}
.moduleCall03{padding:100px 0 120px 0;}
p{}
strong{}
.play_font{ font-weight:600;}
.sub_tit { display: block;text-align: center;font-weight: 600;font-size: 44px;margin-bottom:40px;color: #333; position:relative;}
section{padding: 95px 0;}
.sub_tit h3.int_tit{ font-size:26px; font-weight:600; margin-bottom: 60px;  font-family: 'Noto Sans KR', sans-serif;}
.sub_tit h3.int_tit.int_tit03 {display: none;}
.sub_tit p.int_tit_sub {font-size: 24px; text-align: center;}
.sub_tit p.int_tit_sub b{}
.sub_tit p.int_tit_sub b:nth-of-type(1) {padding-right: 50px;}
.sub_tit p.int_tit_sub span:nth-of-type(2) {padding-left: 50px; position: relative;}
.sub_tit p.int_tit_sub span:nth-of-type(2):after {position: absolute; content: ''; width:1px; height:24px; background-color: #999999; left:0; top:50%; transform: translateY(-50%);}
.sub_tit h4{  font-size:34px;text-align:center;color: #333;font-weight: 300;line-height: 44px;margin-top: 30px;padding: 0 5px;}
.sub_tit h4 strong{font-weight: 500; font-size: 34px;}
.title03{font-size:30px; color:#333; font-weight:800; position:relative;  margin-bottom:20px; display:inline-block; word-break: keep-all; }
.navtab {width: 100%; font-size: 0; text-align: center; z-index:10;  border-bottom: 1px solid #ddd; background-color: #fafafa;}
#sub_contents .inner {width:1200px; margin:0 auto; position: relative;}
.navtab .inner{width: 100%; max-width: 1200px; margin: 0 auto;}
.navtab li{height:65px;  display: inline-block; position: relative; float: left; line-height:65px; }
.navtab.lnb01 li{width:16.6% }
.navtab.lnb02 li{width:33.3%}
.navtab.lnb03 li{width:25%;}
.navtab.lnb04 li{width:50%;}
.navtab.lnb05 li{width:calc(100%/5)}
.navtab li a{display: block; box-sizing: border-box; height:65px; line-height:65px;  font-size: 18px; text-align: center; cursor: pointer; color:#999; background:#fafafa; transform: skew(-0.001deg); border-right:none;  letter-spacing:-1px; }
.navtab li:hover a{ color:#197929;}
.navtab li.active a{color:#197929;font-weight: 600;font-family: 'S-CoreDream-5Medium', sans-serif; }
.navselect{display:none;}
.navtab_sub01 {width:250px !important;}
.navtab_sub02 {width:700px !important;}
.navtab_sub03 {width:450px !important;}

#A_Wrap {width:100%; overflow-x: hidden;}


/* inner */
.inner {width:1200px; margin:0 auto;}

/* font */
.fz16 {font-size: 16px;}
.fz18 {font-size: 18px;}
.fz20 {font-size: 20px;}
.fz22 {font-size: 22px;}
.fz24 {font-size: 24px;}
.fz32 {font-size: 32px;}
.fz34 {font-size: 34px;}
.fz36 {font-size: 36px;}
.fz40 {font-size: 40px;}
.fz48 {font-size: 48px;}
.fz70 {font-size: 70px;}

.fw500 {font-weight: 500;  font-family: 'Noto Sans KR', sans-serif;}
.fwbold {font-weight: 600; font-family: 'Noto Sans KR', sans-serif;}
.fw300 {font-weight: 300;}

.tac {text-align: center;}


/* color */
.c6 {color: #666;}
.c3 {color: #333;}
.c9 {color: #999;}
.cf {color: #fff;}
.cg {color: #197929;}
.cd {color: #ddd;}
.cpoint {color: #197929;}

/* padding & margin */
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb50  {padding-bottom: 50px;}
.pb60 {padding-bottom: 60px;}
.pb70 {padding-bottom: 70px;}
.pb85 {padding-bottom: 85px;}
.pb100 {padding-bottom: 100px;}

.mt60 {margin-top: 60px;}


.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb60 {margin-bottom: 60px;}
.mb100 {margin-bottom: 100px !important;}
.mb150 {margin-bottom: 150px;}
.mb300 {margin-bottom: 300px;}


.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pl90 {padding-left: 90px;}
.p50 {padding: 50px 0;}
.pt0 {padding-top: 0 !important;}
.p230 {padding: 230px 0 80px}

/* height */
.mh100 {min-height: 100px;}

/* line-height */
.lh1-8 {line-height: 1.8;}
.lh1-5 {line-height: 1.5;}

/* background */
.bg01 {background-color: #f9fcfa;}
.bg02 {background-color: #07572b;}
.bgfa {background: #fafafa;}
/* display */
.d-block {display: block;}
.d-flex {display: flex;}
.dib {display: inline-block;}

/* opacity */
.opa60 {opacity:0.6;}

/* border */
.bd-d {border: 1px solid #ddd;}
.bdbt {border-bottom: 1px solid #ddd;}
.bdbtB {border-bottom: 1px solid #333;}
.bdbt02 {border-bottom: 1px solid #bbb;}

/* width */
.w100 {width: 100%;}

/* bdrs */
.bdrs20 {border-radius: 20px;}


/* title */
.subTit {font-size: 46px; text-align: center; font-weight: 800; padding-bottom: 50px;  font-family: 'Noto Sans KR', sans-serif;}

/* contsCom */
.contsCom {padding:100px 0;}
.conts .contsImg {width:680px; height:500px; border-radius: 0 150px 0 150px; overflow:hidden}
.conts .contsImg.contsImgBDn {border-radius: 0;}

/* left right */
.lefrig {display: flex;}
.leftconts {width:50%;}
.rightconts {width:50%;}
.conts .inner {display: flex; align-items: end; }
.conts.conts02 .inner {align-items: center;}
.mo_db {display: none;}


/* 20230516  */

/* About */
.about .imgArea {margin-bottom: 200px;}
.about .txtArea {position: absolute; bottom:-200px; right:0; background-color: #fff; padding:60px 70px; border-radius: 50px 0 0 0;  }
.about .txtArea h5 {font-size: 32px; font-weight: 500;}
.about .txtArea p img {display: block; margin-left:auto; margin-right:0;}
.about .imgArea img {width: 100%;}


/* business */
.business ul li {position: relative; margin-bottom: 100px; width: 100%;}
.business .txtArea {position: absolute; left: 0; bottom: 0;  background-color: #fff; padding: 60px; border-radius: 0 50px 0 0;  width: 60%;}
.business .txtArea h5 img {display: inline-block; vertical-align: middle; padding-right: 5px;}
.business .imgArea {width: 60%; margin-left:auto; margin-right:0; border-radius: 50px 0 0 0; overflow: hidden;}
.business ul li:nth-of-type(even) .imgArea  {margin-right: auto; margin-left: 0; border-radius: 0 50px 0 0 ;}
.business ul li:nth-of-type(even) .txtArea  {right: 0; border-radius: 50px 0 0 0; left:auto;}


/* 구매후기 */

.customer ul li {display: flex; margin-bottom: 10px; flex-wrap:wrap}
.customer ul li:last-of-type {margin-bottom: 0;}
.customer ul li input {border: 1px solid #ddd; padding: 10px; background-color: #fafafa; box-sizing: border-box; width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 10px;}
/* .customer ul li input:nth-of-type(1) {width: 300px; margin-right: 10px;}
.customer ul li input:nth-of-type(2) {width: 350px; margin-right: 10px;} */
/* .customer ul li input:nth-of-type(3) {width: calc(100% - 670px)} */
.customer ul li input:nth-of-type(even) {margin-right: 0;}
.customer ul li textarea {background-color: #fafafa; border: 1px solid #ddd; width: 100%; padding:10px; height: 150px; box-sizing: border-box;}
.customer ul li textarea::placeholder {color: #999;}
.customer ul li input::placeholder {color: #999;}

.agree .agreeArea {overflow-y:scroll; height:180px; border:1px solid #d8d8d8; padding:10px; box-sizing:border-box; margin:0 0 10px; font-size:15px; color:#8e8e8e; font-family:'Noto Sans KR';  background-color: #fafafa;}
.agree .agreeArea p {font-size: 14px; color: #999;}
.agree .th{font-size:18px; margin-bottom: 20px; font-weight: 500; font-family:'Noto Sans KR', sans-serif;}
.agree .agreeBtn {float:right; font-size:14px;}
.agree .agreeBtn input[type="checkbox"] {margin-right:10px; width:24px; height:24px;}
.agree .agreeBtn input[type="checkbox"]+label{top:-6px; position:relative;}

.chk_box input{display:none}
.chk_box input+label{display:block;overflow:visible;cursor:pointer;width:auto; margin-bottom:0; text-align: right;}
.chk_box input+label > span{display:block;position:relative; display: inline-block;box-sizing:border-box;border:1px solid #ddd;margin-right:0;margin-top:0; }
.chk_box input+label > span:before{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;transition:all .1s ease-in-out;content:''; background: rgba(0,0,0,0.1); border-radius: 10px;}
.chk_box input:checked+label > span{border: 1px solid #a3c13f;}
.chk_box input[type=checkbox]+label > span{width:24px;height:24px;margin-top:0;vertical-align: middle;margin-right: 10px; border-radius: 24px; border: 1px solid #d8d8d8;    }
.chk_box input[type=checkbox]+label > span:before{width:10px;height:10px; }
.chk_box input:checked+label > span:before{visibility:visible;opacity:1; background: #07572b; border-radius: 50%;}
.chk_box p{display: inline-block; font-size: 14px; color: #333; }

/* 리스트 버튼 */
.listBtn {text-align:center; padding:60px 0 0px;}
.listBtn a {display:inline-block; margin:0 5px; text-align:center; box-sizing:border-box; width:240px; height:80px; line-height:80px; font-size:20px; color:#fff; background:#07572b;  transition: ease 0.3s; border-radius: 50px;}
.listBtn a.w_btn.ed {display:inline-block; margin:0 5px; text-align:center; box-sizing:border-box; width:200px; height:60px; line-height:60px; font-size:20px; color:#fff; background:#333; border-radius:30px; font-family:'Noto Sans KR',sans-serif;  cursor:default;}
.listBtn a.w_btn.ed:hover { color:#333; background:#fff; cursor:default;}
.listBtn a:hover{color:#07572b; background: #fff; border: 2px solid #07572b;}
.listBtn a.w_btn{display:inline-block; margin:0 5px; text-align:center; box-sizing:border-box; width:200px; height:60px; line-height:60px; font-size:20px; color:#fff; background:#333; border-radius:30px; font-family:'Noto Sans KR',sans-serif;}
.listBtn .cancelBtn {background:#aaa;}

.listBtn02 {margin-left:auto; margin-right:0; padding-top:20px;}
.listBtn02 a {width:115px; height:40px; line-height: 40px; font-size: 18px; display: flex; justify-content: center; align-items: center; margin-left:auto; margin-right:0;}

.navselect {display: none;}

.tab-select-outer {display: none;}

.privacy p {}

@media screen and (max-width:1600px) {
    #sub_contents .inner {width:95%;}
    .inner {width:95%; margin:0 auto;}
  
    .fz36 {font-size: 32px;}
    .fz24 {font-size: 22px;}
    .fz40 {font-size: 36px;}
    .pb85 {padding-bottom: 45px;}
    .fz70 {font-size: 64px;}

    /* introduce */
    .introduce .txtArea {width:70%; left:auto; right:0;}
    .introduce .txtArea  p br {display: none;}

     /* product */
     .sub_tit h4 {font-size: 28px;}
     .product .procont .pict {width:40%;}
     .product .procont .cont {width:60%;}
     .product .procont .cont ul li span br{display: none;}
     .product .procont .cont ul li p br {display: none;}
     .product .procont .pict img {height:500px;}

     /* characteristic */
     .character ul li .img {width:40%;}
     .character ul li .txt {width:calc(60% - 100px)}

     /* process */
     .sub_tit h3.int_tit {margin-bottom: 40px;}

     /* notice */
     .boardView .prevNext .tit {width: 40%;}
     .boardView .txtArea img {width: 100% !important; height: auto !important;}
     .boardView .fileArea a span {width:40% !important; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

     /* review  */
     .write_form .row .in1 {width: calc(100% - 500px);}
     .write_form .title_box .input_box {width: calc(100% - 600px);}
     .write_form .textarea_row .input_box {width: calc(100% - 500px);}
     .filebox .upload-name {width: calc(100% - 940px);}
     .name_form {width:300px !important;}
 
}

@media screen and (max-width:1280px) {
    #sub_visual .visual_tit h2{font-size: 66px;}
    #sub_visual .visual_tit p {font-size: 16px;}
    .conts .contsImg {width:50%;}
    .conts .contsTxt {width:calc((100% - 80px) / 2); margin-left: 80px;}
    .conts .contsTxt p br.mo_dn { display: none;}
    .sub_tit h3.int_tit {font-size: 22px;}
    .fz70 {font-size: 54px;}
    .fz40 {font-size: 32px;}
    .fz44 {font-size: 36px;}
    .fz26 {font-size: 24px;}
    .fz24 {font-size: 20px;}
    .fz16 {font-size: 14px;}
    .fz22 {font-size: 18px !important;}
    .fz18 {font-size: 15px !important;}
    .fz20 {font-size: 16px;}
    .fz36 {font-size: 28px;}
    .fz34 {font-size: 26px;}
    .fz32 {font-size: 24px;}
    .fz48 {font-size: 36px;}
    .pb20 {padding-bottom: 10px;}
    .pb30 {padding-bottom: 15px;}
    .pb40 {padding-bottom: 20px;}
    .mb40 {margin-bottom: 20px;}
    .mb60 {margin-bottom: 30px;}
    .p230 {padding:150px 0 60px;}
    .pb70 {padding-bottom: 40px;}
    .pb50 {padding-bottom: 25px;}
    .mb300 {margin-bottom: 100px;}
    .mb30   {margin-bottom: 15px;}
    .pl90 {padding-left: 40px;}

   
    /* customer */
    .customer ul li input:nth-of-type(1) {width: calc((100% - 20px) / 3);}
    .customer ul li input:nth-of-type(2) {width: calc((100% - 20px) / 3);}
    .customer ul li input:nth-of-type(3) {width: calc((100% - 20px) / 3);}
} 

@media screen and (max-width:1024px) {

    .fz48 {font-size: 30px;}
    .fz32 {font-size: 28px;}
    .mt60 {margin-top: 30px;}
    .fz20 {font-size: 16px !important;}
    .fz28 {font-size: 20px !important;}
    .fz26 {font-size: 18px;}
    .fz40 {font-size:29px !important;}
    .fz70 {font-size: 48px;}
    .fz44 {font-size: 32px;}

  
    /* about */
    .about .txtArea {bottom: -250px;}
    .about .txtArea h5 {font-size: 24px;}

    /* business */
    .business .txtArea {position: static; width: 100%; padding: 30px;}
    .business .imgArea {width: 100%;}
    .business .imgArea img {width: 100%;}
    .business .txtArea p br {display: none;}
    .business ul li {margin-bottom: 40px;}
    .business ul li:last-of-type {margin-bottom: 0;}
}

@media screen and (max-width:867px) {
  /* about */
  .about .txtArea {position: static;padding: 15px; }
  .about .txtArea p br {display: none;}
  .about .imgArea {margin-bottom: 0; }
  .about .txtArea p img {margin-top: 20px;}
}


@media screen and (max-width:768px) {
    .moduleCall02 {padding: 50px 0 100px;}
    .sub_tit {display: none;}
    .navtab {display: none;}
    .navselect {display: block;}
    .navselect select {
        display: block;
        position: relative;
        z-index: 2;
        width: 95%;
        margin: 0 auto;
        /* background: url(../images/arr_d_h.png) no-repeat 96% center; */
        color: #333;
        margin-top: 30px;
        border: 1px solid #ddd;
        padding: 0 35px 0 20px;
        height: 50px;
        font-size: 18px;
    
    }
    
    .navselect select option {
        font-size: 14px;
        padding: 10px;
    }
    #sub_visual {height:40vh;}
    #sub_visual .visual_tit h2{font-size: 63px;}
    .subTit {font-size: 26px; padding-bottom: 30px;}
    .fz24 {font-size: 18px;}
    .pb40 {padding-bottom: 20px;}
    .pb35 {padding-bottom: 18px;}
    .mb40 {margin-bottom: 20px;}
    
    .fz22 {font-size: 16px !important;} 
    .fz36 {font-size: 20px;}
    .flx4 li p {line-height: 1.5;}
    .sub_tit h3.int_tit {font-size: 36px;}

   
    
    .list_page ul li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        }
        
        .list_page .inner02>a:nth-child(1) {
        height: 40px;
        line-height: 40px;
        }
        
        .list_page .inner02>a:nth-child(3) {
        height: 40px;
        line-height: 40px;
        }


        .listBtn a {font-size: 16px; width:120px; height:50px; line-height: 50px;}

    /* customer */
    .customer ul li {flex-wrap:wrap;}
    .customer ul li input:nth-of-type(1) {width: calc((100% - 10px) / 2); margin-bottom: 10px;}
    .customer ul li input:nth-of-type(2) {width: calc((100% - 10px) / 2); margin-right: 0; margin-bottom: 10px;}
    .customer ul li input:nth-of-type(3) {width: calc(100%);}

}

@media screen and (max-width:640px) {

.moduleCall02 {padding:70px 0 70px;}
.sub_tit h3.int_tit {margin-bottom: 30px;}

/* introduce */
.introduce .txtArea {padding:40px 10px;}
.introduce .txtArea p {font-size: 14px;}
.fz16 {font-size: 14px;}
.introduce .txtArea ul {width:100%;}
.introduce .txtArea ul li {line-height:90px; min-height:90px;}

/* product */

.product .procont .cont ul li{padding:20px;}

/* privacy */
.privacy p {font-size: 14px;} 
}

@media screen and (max-width:580px){

    /* map */
    .map .mapbox .maptxt {flex-direction: column;}
    .map .mapbox .maptxt .tit {margin-bottom: 20px;}


    /* product */
    .product .procont .cont ul li {width:100%; margin-right: 0;}

    /* process */
    .character.process ul li .img:after {bottom:-25%;}
    .contWrap .imgs ul li {width:calc((100% - 30px) / 3); margin-right: 15px;}

    /* page */
    .list_page ul li a.on {margin:0; }
    .list_page .inner02>a:nth-child(1) {width:10px; margin:0 5px;}
    .list_page .inner02>a:nth-child(3) {width:10px; margin:0 5px;}
}

@media screen and (max-width:480px) {

    .fz24 {font-size: 16px;}
    .fz32 {font-size: 20px;}
    .fz48 {font-size: 24px;}
    .fz22 {font-size: 14px !important;}
    .fz34 {font-size: 22px;}

    .sub_tit h3.int_tit {font-size: 28px;}
    #sub_visual .visual_tit h2 {font-size: 42px;}
    #sub_visual {height:30vh}
    .visualTit p {font-size: 14px;}
    .rightNav a.on {font-size: 14px;}
    .rightNav a {font-size: 12px;}
    .contsCom {padding:60px 0;}
    .subTit {font-size: 24px;}

    .mb100 {margin-bottom: 80px !important;}
    .pb70 {padding-bottom: 20px;}
    .mb60 {margin-bottom: 20px;}
    .pl30 {padding-left: 10px;}

     /* customer */
    .customer ul li {flex-wrap:wrap;}
    .customer ul li input:nth-of-type(1) {width: 100%; margin-right: 0;}
    .customer ul li input:nth-of-type(2) {width: 100%;;}

    /* about */
    .about .txtArea p img {height: 20px;}

    /* business */
    .business .txtArea h5 img {height: 28px;}
    .business .txtArea {padding: 20px;}

} 

@media screen and (max-width:360px) {
    
      .list_page .inner02>a:nth-child(1) {height:40px; line-height: 40px; background-size: contain; width:10px; margin: 0 10px;}
     .list_page .inner02>a:nth-child(3) {height:40px; line-height: 40px; background-size: contain;width:10px; margin: 0 10px;}
     .list_page .inner02>a {margin:0;}
     .notice_con .noticeList .table_type1 > ul > li.tbTd .td_tit a {width:160px;}

        /* process */
        .character.process ul li .img:after {bottom:-35%;}

        /* notice */
        .reference .table_type1 > ul > li.tbTd .td_tit a {width:160px;}
}