.inner{max-width:1400px; width:100%; position:relative; margin: 0 auto;}
.tac{text-align:center;}



/*common*/
.fc_b {color:#ff6d00}
.msr{font-family: 'Montserrat', sans-serif !important;}
.rw{font-family:'Raleway', sans-serif !important;}

.inner{max-width:1400px; width:100%; position:relative; margin: 0 auto; padding:0 3%;}
.pdinner{max-width:1400px; padding:0 3%; position:relative; margin: 0 auto;}
.ofh{overflow:hidden;}
.txt-s{font-size:16px;}
.txt-m{font-size:20px;}
.txt-l{font-size:26px;}

.tit_h3{font-size:28px;font-weight:400; color:#323232;  position:relative; letter-spacing:-1px}
.tit_h3:after{content:''; width:60px; height:1px; display:block; background:#505050; margin: 0 auto; margin-top:20px;}
.tit_h4{font-size:26px; color:#323232; font-weight:500; letter-spacing:-1px}

.tit_h5{color:#323232; font-weight:bold; font-size:18px;}

.tit_h4.noLine:after{width:0; height:0px; margin-top:0px;}


.mEnter{display:block;}
.pEnter{display:block;}
.mb{margin-bottom:30px !important}
.bmb{margin-bottom:40px !important}
.pb{padding-bottom:30px !important}
.bpb{padding-bottom:40px !important}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mo_only{display:block;}

.move_scroll{max-width:768px; overflow-x:auto}

.line_link{display:inline-block; color:#ffffff; padding-bottom:5px; border-bottom:3px solid #ffffff; font-size:0.9em}
.arrow_cir_w:after{content:''; width:28px; height:25px; background:url(../img/ic_arrow_w.png) no-repeat center center; background-size:100%; display:inline-block; vertical-align:middle; margin-left:10px;}

.dpib{display:inline-block}
.dpb{display:block;}

.upper{text-transform:uppercase}
.fwb{font-weight:600}
.fss{font-size:0.8em}
.Tblack{color:#323232}
.Tred{color:#273BEA}
.upcase{text-transform:uppercase}

.btn_more{display:inline-block; color:#ffffff; background:#1c3f95; padding:6px 20px; border-radius:500px}
.ht100 {height:100px !important;}

.fco {color:#ff6d00;}



@media all and (min-width:768px) {

.txt-s{font-size:20px;}
.txt-m{font-size:20px;}
.txt-l{font-size:30px;}

.tit_h4{font-size:30px; letter-spacing:-1px}
.tit_h5{font-size:20px; letter-spacing:-1px}


.mb{margin-bottom:40px !important; }
.bmb{margin-bottom:60px !important;}

.pb{padding-bottom:40px !important}
.bpb{padding-bottom:60px !important}

.mo_only{display:none;}
.move_scroll{max-width:100%;}
.pdinner{padding:0 3%}

.half{width:48.5%; float:left;}
.mr{margin-right:3%;}
}

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

body, html{font-size:16px;}
.pEnter{display:block;}
.mEnter{display:inline-block;}

.txt-m{font-size:30px;}
.txt-l{font-size:40px;}

.tit_h3:after{margin-top:25px;}

.tit_h4{font-size:40px; }

.tit_h5{font-size:20px; }


.mb{margin-bottom:50px !important}
.bmb{margin-bottom:80px !important}

.pb{padding-bottom:50px !important}
.bpb{padding-bottom:80px !important}
.pdinner{padding:0 20px}



}


.tit {margin-top: 30px; width:100%}
.tit h5 {width:60px; display: inline-block; color:#9C9C9C}
.tit i {display: inline-block;}

.logo {display:block; text-align:center;}
.logo img {width:20%}
.header_top {margin-top:20px;}
.header_right {display:block; color:#9C9C9C; text-align:center; margin-top:0; margin-bottom: 30px;}
.header_right:before {content:''; clear:both!important}
@media all and (min-width:768px) {
.header_top {margin-top:50px;}
.logo {display: inline-block; text-align: left}
.logo img {width:50%}
.header_right {display: inline-block; width:20%; color:#9C9C9C; float:right; text-align:right; margin-top:50px;}
}



.border_line {width:100%; height:1px; background:#ddd}

/*contents*/

.img_con{box-sizing:border-box; width:100%; overflow:hidden;}
.img_con img {width:100%}
.img_con p {font-size:1.2em}

@media all and (min-width:768px) {
.img_con p {font-size:1.5em}
}


.img-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.center {transform:scale(1.1); width:100%; transform:scale(1.5); margin-bottom:80px; box-sizing:border-box;overflow:hidden;}
.mgb0 {margin-bottom:0px}
.mgb10 {margin-bottom:10px;}
.mgb20 {margin-bottom:20px;}



/**section00*/

.section00 {border-bottom:1px solid #C4C4C4;}

@media all and (min-width:768px) {.center {margin-bottom:0px; transform:scale(1.0);}}
 @media (max-width: 750px) {
.btn_right_in {padding: 0 20px; position: relative; float: right; display: inline-flex; font-size: 18px!important;}
}
 @media (max-width: 750px) {
.logo_in {width: 50%;}
	
}
 @media (max-width: 700px) {
 .btn_right_in a {padding: 0 4px !important;}
}
 @media (max-width: 400px) {
    .btn_right_in a {padding: 0 0px !important;}
}

.btn {display:inline-block;}

.btn_left_in {width:25%;}
.btn_left_in img {width:80%;}
.btn_right_in {width:50%; float:right; text-align:right;}

.btn_left_in a {display:block; padding:20px;}
.btn_right_in {font-size: 25px; margin-top:6%;}
.btn_right_in li {display:inline-flex;}
.btn_right_in li a {padding: 0 10px; display: block; position: relative; color: #717583; width:100%; margin-right:20px;}



 @media (max-width: 750px) {
 .btn_right_in li a {margin:0 10px;}
.btn {display:block;}
.btn_left_in {width:100%; text-align:center}
 .btn_left_in img {width:50%}
.btn_right_in {width:100%; float:right; text-align:center;}
 }



.btn_right_in li a:hover {transition: all 0.2s linear; color:#ff6d00; font-weight:bold; border-bottom:3px solid #ff6d00;}

.logo_in {padding:2% 0;}


/*section01*/
.section01 {margin-top:100px;}
.section01 .list_txt_box {background:url(list_txt_box_bg.png)no-repeat center center; background-size:contain; width:100%; height:50%;}
.section01 .list_txt_box {position:relative;}
.section01 .list_txt_box li {position:absolute; width:25%; display:inline-flex;}
.section01 .list_txt_box li:nth-child(2) {right:50%; top:40%}
.section01 .list_txt_box li:nth-child(3) {top:65%}

.txt h2 {font-size:60px; line-height:75px;}
.txt h2 img {width:25%; margin-top:25px;}
.txt h4 {font-size:40px;}

 @media (max-width: 750px) {
.txt h2 {font-size:37px; line-height:50px;}
.txt h2 img {width:60%; margin-top:15px;}
.txt h4 {font-size:25px;}
.section01 dd:after {;border-width: 30px 20px 0px 20px; top:30px; left: 42%}
.section01 li.mb_c {margin-bottom:40px;}
.section01 .list_txt_box li {width:60%;}
.section01 .list_txt_box li:nth-child(1) {top:10%}
.section01 .list_txt_box li:nth-child(2) {right:40%;}
.section01 .list_txt_box li:nth-child(1),
.section01 .list_txt_box li:nth-child(3) {left:40%;}
}





/*section02*/
.section02 .img>img {width:30%}
.section02 .txt p{color:#FFFFFF; background:#ff6d00; border-radius:50px; padding:10px 20px; display:inline-block; position:relative;  margin-top: 50px;}
.section02 .txt p:before{content:''; position:absolute; top:-20px; right:47%; display: block; width: 0;height: 0;border-style: solid; border-width: 0px 15px 20px 15px; border-color: transparent transparent #ff6d00 transparent;}
@media (max-width: 750px) {
.section02 .stop img{width:60%}
}


.swiper {width:700px; max-height:200px;}
.swiper-wrapper {transition-timing-function: linear!important;}

@media all and (min-width:768px) {
.swiper {width:1000px;}
}




/*section03*/
.section03 {background:#f5f5f6}
.section03 .list_txt_ex {background:#fff; border-radius:30px; padding:20px; text-align:left;}
.section03 .list_txt_ex img {width:50%;}
.section03 .list_txt_ex dl,
.section03 .list_txt_ex dl dt,
.section03 .list_txt_ex dl dd {display:inline-block; text-align:left}
.section03 .list_txt_ex dl {position:relative; width:100%; height:auto; padding:50px;}
.section03 .list_txt_ex dl dd {position:absolute; top:30%;  font-weight:600}
.section03 .list_txt_ex dl dd span {font-weight:300; display:block;}

.section03 h4 {margin:50px 0;}
.section03 h4 span {color:#ff6d00; font-weight:800}
.section03 .list_txt_ex {position:relative;}
.section03 .list_txt_ex:before {content:''; width:70px; height:70px; background:url(check_ic.png)no-repeat top center; display: block; text-align:center; width:100%; position:absolute; background-size:contain; top: -20px; left:0}


@media (max-width: 750px) {
.section03 .list_txt_ex img {margin-bottom:30px;}
.section03 .list_txt_ex dl,
.section03 .list_txt_ex dl dt,
.section03 .list_txt_ex dl dd { text-align:center;}	
.section03 .list_txt_ex dl {padding:20px;}
.section03 .list_txt_ex dl dt {width:100%}
.section03 .list_txt_ex dl dd {left:0; display:contents;}
.section03 .list_txt_ex {padding:40px 10px;}	
.section03 .list_txt_ex img {width:30%;}
.section03 .list_txt_ex dl dd span {}
}


/*section04*/
.section04 {background:#2d2d2d; color:#FFFFFF;}



.section04 h3:before {content:''; width:30px; height:30px; background:url(plus_ic.png)no-repeat; display:block; margin: 0 auto; background-size:cover; margin-bottom:20px;}
.section04 h3 {font-size:30px;}
.section04 h4 {margin:30px; color:#FFFFFF;}
.section04 .txt {margin-top:150px;}
.section04 h4 span {font-weight:800}
.section04 .product_li {background:#464646; padding:50px 0; margin:20px 0; }
.section04 .product_li b {font-size:20px;font-weight:600}
.section04 .product_li h5 {font-size:25px; font-weight:200}
.section04 .product_before {color:#a0a0a0; width:100%;}
.section04 .product_before:after {content:''; width:30px; height:16px; background:url(arrow_bottom.png)no-repeat; display:block; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.section04 .product_after {color:#FFFFFF;}
.section04 .product_after b {color:#ff6d00!important;}
.section04 .product_after h5 span{font-weight:600!important;}
.section04 .list_txt_ex {width:45%; float:left; margin-right:60px; margin-top:30px;}
.section04 .img {width:100%;}
.section04 .img .left {float:left; width:60%; margin:130px 0;}
.section04 .img .left p {background:#ff6d00; display:inline-block; margin:30px; border-radius:50px;}
.section04 .img .left a {padding:15px 40px; border-radius:50px; font-size:20px; display:block;}
.section04 .img .right {float:left; width:30%; margin:100px 0;}


@media (max-width: 750px) {
.section04 .list_txt_ex {width:100%;}
.section04 .product_li b {font-size:15px;}
.section04 .product_li h5 {font-size:20px;}


.section04 .img .cont {width:100%; text-align:center;}
.section04 .img .cont h4 {font-size:40px;}
.section04 .img .right {margin:0 0 30px 0;}
.section04 .img .right img {width:70%;}
.section04 .img .left {margin:0;}
.section04 .img .left a {padding:10px 40px;}
	.section04 .img .left p {margin-top:0;}
	
}

.section04 ul li .item{position:relative;z-index:1; }
.section04 ul li .item:before {content:""; position:absolute; right:0; top:0; width:0px; height:4px; z-index:999;
  transition:all 0.2s ease-in-out; transition-duration:0.3s; opacity:0; background-color:#ff6d00;}
.section04 ul li .item:after {content:""; position:absolute; left:0; bottom:0; width:0px; height:4px;
  transition:all 0.2s ease-in-out; transition-duration:0.3s; opacity:0; background-color:#ff6d00;}
.section04 ul li .item .item_02:before {content:""; position:absolute; left:0; top:0; width:4px; height:0px;
  transition:all 0.2s ease-in-out; transition-duration:0.3s; opacity:0; background-color:#ff6d00;}
.section04 ul li .item .item_02:after {content:""; position:absolute; right:0; bottom:0; width:4px; height:0px;
  transition:all 0.2s ease-in-out; transition-duration:0.3s; opacity:0; background-color:#ff6d00;}
.section04 ul li .item:hover:before,
.section04 ul li .item:hover:after {width:100%; opacity:1;}
.section04 ul li .item:hover .item_02:before,
.section04 ul li .item:hover .item_02:after {height:100%; opacity:1;}



/*section05*/
.section05 {background:#f5f5f5; padding:100px 0;}
.section05 ul li {display:inline-block; border:1px solid #FFFFFF; padding:20px 40px; border-radius:50px; background:#ff6d00; color:#FFFFFF;}
.section05 ul li:last-child {margin:-20px}


/*section06*/
.section06 {padding:100px 0; width:100%;}
.section06 .call_txt {width:60%; float:left}
.section06 .call_img {width:20%; float:right}


 @media (max-width: 750px) {
.section06 {text-align:center; }
.section06 .call_txt{width:100%;}
.section06 .call_img {display:none;}
}

/*section07*/
.section07 {background: #323232; background: linear-gradient(180deg,rgba(50, 50, 50, 1) 0%, rgba(160, 78, 23, 1) 82%, rgba(255, 102, 0, 1) 100%); color:#FFFFFF!important; padding:100px 0;}

.section07 ul {width:100%;}
.section07 ul li {width:25%; display:inline-block; background:hsla(0,0%,32%,0.45); padding:30px 0 ; margin:30px 20px; border-radius:20px;}
.section07 ul li:before {content:''; width:20px; height:20px; background:url(plus_ic.png)no-repeat; display:block; margin: 0 auto; background-size:cover; margin-bottom:20px;}
.section07 h4 {color:#FFFFFF!important;}

 @media (max-width: 750px) {
.section07 ul li {width:25%; margin:10px 5px; }
}


/*리뷰영상*/
.review_vd .txt p{color:#787878}
.review_vd .txt h4{position:relative; display:inline-block;}
.review_vd .txt h4:before {content:""; width:10px; height:10px; background:#ff6d00; border-radius:25px; position:absolute; right:-10px}

.review_vd ul {width:100%; display:inline-block; background:#E9E9E9; padding:50px}
.review_vd ul li {width:48%; display:inline-flex; margin-right:15px;}
.review_vd ul li a {display:block; background:#fff; padding:20px; border-top:1px solid #676767; border-bottom:1px solid #676767;}
.review_vd ul li a dl dd{padding:30px 0 20px 0;}
.review_vd ul li a dl dd span{color:#fff; background:#ff6d00; padding:5px 10px; border-radius:20px;}
.review_vd ul li a dl dd p{margin-top:10px;}
 @media (max-width: 750px) {
.review_vd ul {padding:50px 20px 20px 20px}
.review_vd ul li {width:100%; margin-bottom:20px;}
}


.carousel-iframe {
    width: 100%;
    height: 300px;
    border: none;
    overflow: hidden;
}

@media (max-width: 767px) {
    .carousel-iframe {
        height: 200px; /* 모바일에서 높이를 줄임 */
    }
}

div#odg-nav {
    position: fixed;
    z-index: 999;
    left: 17px;
    bottom: 60px;
}
div#odg-nav1 {
    position: fixed;
    z-index: 999;
    left: 17px;
    bottom: 19px;
	width: 70px;
}
@media (max-width: 767px) {
    div#odg-nav1 {
        position: fixed;
        z-index: 999;
        left: 15px;
        bottom: 30px;
		width: 50px;
    }
}
@media (max-width: 767px) {
    div#odg-nav {
        position: fixed;
        z-index: 999;
        left: 15px;
        bottom: 70px;
    }
}

p.mgb20 {
    margin-bottom: 10%;
}

@media (max-width: 767px) {
 .topmain.aos-init.aos-animate  {
margin-top: 14%;
    }
}


@media (max-width: 639px) {
    .smt_20 li {
        width: 49% !important;
        padding: 10px;
        display: inline-flex;
        float: none !important;
    }
	.sct_10 .sct_li:nth-child(2n+1){
	clear: both;
        width: 49% !important;
        padding: 10px;
        display: inline-flex;
        float: none !important;
		padding: 0 0px 3px 7px;
		}
}

#ft {background:#333;position:relative;z-index:10;}
.ft_notice{border-bottom:1px solid #282828}
.ft_wr{max-width:1400px;margin:0 auto;padding:60px 0}
.ft_wr ul:after {display:block;visibility:hidden;clear:both;content:""}
.ft_wr .ft_box{float:left;width:33.3333%;text-align:left;padding:0 20px}
.ft_wr .ft_box h2{color:#9f9f9f;font-size:1.154em;margin-bottom:25px}
.ft_wr .ft_box strong{display:block;color:#dddddd;margin-bottom:20px;font-size:1.8em}
.ft_wr .ft_box p{color:#9f9f9f;font-weight:300;line-height:1.7em;font-size:0.923em}
.ft_wr .ft_box p span{display:inline-block;margin-right:8px;}
.ft_wr .ft_info{width:66.6666%}

.ft_wr1{background:#282828}
#ft_company{margin:0 auto;max-width:1200px;padding:40px 20px;color:#5e5e5e;text-align:right}
#ft_company:after {display:block;visibility:hidden;clear:both;content:""}
#ft_company a{display:inline-block;margin:0 10px;color:#5e5e5e;}
.ft_copy{float:left}


#ft_to_top{position:fixed;bottom:10px;right:10px;width:40px;line-height:40px;background:#000;opacity:0.6;text-align:center;border-radius:30px;
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);        
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}
#ft_to_top:hover{opacity:1;
-webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.09);        
-moz-box-shadow: 1px 1px 15px rgba(0,0,0,0.09);
box-shadow: 1px 1px 15px rgba(0,0,0,0.09)}

@media (max-width: 969px){
    .ft_wr {padding: 20px}
    .ft_wr .ft_box{width:100%;padding:40px 0}
    #ft_company{text-align:center}
    .ft_copy{float:none;margin-top:10px}
}

 @media (max-width:639px){
   .ft_wr .ft_box{padding:20px 0}
   .ft_wr .ft_box h2{margin-bottom:10px}
   .ft_wr .ft_box strong{margin-bottom:10px}

 }

span.sound_only {
    color: #fff;
}

 body {
width:100%;


    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}