@charset "utf-8";

#ctt_con {
    
padding-top: 0;
}

div#ctt_con .wrapper {position: relative;}
.text_1 {
    
font-size: 24px;
    
font-weight: 500;
}

.text_1 p:first-child{
    font-weight: 900;
}
#ctt h2 {
    font-size: 20px;
    font-weight: 200;
    text-align: center;
    padding: 40px 0 65px;
}

.text_1 p {
    padding-bottom: 70px;
    line-height: 50px;
}

/*common lnb*/
#ctt .lnb {
    padding: 20px 0px;
    width: 1200px;
    margin: 0 auto;
}

#ctt .lnb ul {
    display: table;
    width: 100%;
    background: #fff;
}

#ctt .lnb li {
    width: calc(1/3*100%);
    font-size: 24px;
    font-weight: 900;
    height: 44px;
    color: #343434;
    background: #f3f4f3;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    float: left;
}
#ctt .lnb li span{
    display: table-cell;
    vertical-align: middle;
    width: calc(1/3*1200px);
    height: 44px;
}
#ctt .lnb li.active,
#ctt .lnb li:hover {background: #e44320;color:#fff;}

/**/
.content {
    padding: 134px 0 50px;
}

.item_wrap {
    display: none;
}
.item_wrap:not(:first-child){/* padding: 20px 160px; */}
.item_wrap:first-child {
    display: block;
}
.item_wrap:nth-child(2) ul {
    text-align: left;
}
.item_wrap ul {
    text-align: center;
    margin: 0px -12px;
}

.item_wrap:first-child li {}
.item_wrap:first-child li:nth-child(1) {margin-left: 200px;}
.item_wrap:first-child li:nth-child(5) {margin-right: 200px;}
.item_wrap li {
    padding: 0 12px 135px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.item_wrap li img {}


.txt_wrap {
    width: 100%;
    position: absolute;
    padding: 20px 0 0;
    left: 0;
    text-align: center;
}


.txt_wrap .in_num {
    font-size: 20px;
    font-weight: 900;
    padding-bottom: 8px;
}

.txt_wrap .in_txt {
    font-size: 18px;
    font-weight: 200;
}

.txt_wrap span {
    display: block;
}


/*modal*/
section.modal_wrap {
    position: fixed;
    width: 100vw;
    height: 100vh;
    /* max-height: 650px; */
    z-index: 9999;
    top: 0;
    text-align: center;
    /* background: rgba(0,0,0,.5); */
}
section.modal_wrap .modal_bg{
    background: rgba(0,0,0,.5);
    position: relative;
    top: 20vh;
    min-height: 650px;
}
section.modal_wrap .modal {
    display: inline-block;
    position: relative;
    margin-top: 2%;
    max-width: 1200px;
    /* width: 100%; */
}
section.modal_wrap .modal.garo {
    margin-top: 5%;
    max-width: 1000px;
}
section.modal_wrap button.cls_btn {
    position: absolute;
    top: 0;
    right: -156px;
    width: 36px;
    height: 35px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 0;
    background-image: url(../../../img/20/product/slide/x_btn.png);
}

button.cls_btn {}

section.modal_wrap .modal img {
    width: 100%;
}

.pdt_slide.slick-slider {
}

.slick-list {
    width: 1200px;
    /* max-width: 1200px; */
    /* height: 0 !important; */
    /* padding-bottom: calc(570/1200*100%) !important; */
}

section.modal_wrap button.slick-arrow {
    
font-size: 0;
    
line-height: 0;
    
position: absolute;
    
top: 42%;
    
display: inline-block;
    
margin: 0;
    
width: 39px;
    
height: 77px;
    
padding: 0;
    
cursor: pointer;
    
color: transparent;
    
border: 0;
    
outline: none;
    
background: transparent;
    
background-repeat: no-repeat;
    
background-position: center;
    
z-index: 1;
}

section.modal_wrap button.slick-prev {background-image: url(../../../img/20/product/slide/modal_prev_btn.png);left: -15%;}

section.modal_wrap button.slick-next {background-image: url(../../../img/20/product/slide/modal_next_btn.png);right: -15%;}

section.modal_wrap .slick-track {height: 570px;}

/*product*/
.product_wrap {}

.product_wrap .product {
    min-height: 635px;
    opacity:0;
    display:none;
}


.product_wrap .product:first-child{opacity:1;display:block}



.product_wrap .pdt_hd{
    position: relative;
}
.product .pdt_tit {
    font-size: 45px;
    font-weight: 900;
}

.product .pdt_tit span {}

.product .hd_txt_wrap {
    background: #f3f5f4;
    border-bottom: 95px solid #e8ecea;
    height: 467px;
}

.product .pdt_col_1{font-size:0}
.product .pdt_col_1>div {font-size:0.75em;width:100%;display:inline-block;vertical-align:top}
.product .pdt_col_2{font-size:0}
.product .pdt_col_2>div {font-size:0.75em;width:50%;display:inline-block;vertical-align:top;}
.product .pdt_col_3{font-size:0}
.product .pdt_col_3>div {font-size:0.75em;width:calc(1/3*100%);display:inline-block;vertical-align:top}
.product .pdt_col_4{font-size:0}
.product .pdt_col_4>div {font-size:0.75em;width:25%;display:inline-block;vertical-align:top}

.product .pdt_col_2>div.pdt_colx2{width:100%;}
.product .pdt_col_3>div.pdt_colx2{width:calc(2/3*100%);}
.product .pdt_col_4>div.pdt_colx2{width:50%}


.product .pdt_wrap:nth-child(2) .wrapper>div:nth-child(2){
    /* width: 960px; */
    padding: 0;
}

.product .hd_txt {
    padding: 50px 0;
}

.product .hd_txt_mn {
    border-bottom: 4px solid #bebebe;
    padding-bottom: 20px;
    position: relative;
}

.product .hd_txt_mn span {
    font-size: 60px;
    font-weight: 900;
}

.product .hd_txt_mn button {
    font-size: 24px;
    font-weight: 900;
    background: transparent;
    border: 1px solid #000;
    width: 300px;
    height: 45px;
    padding: 10px 55px 10px 35px;
    background: url(../../../img/ico/ico_img_more.png) no-repeat right 20px center;
    position: absolute;
    right: 0;
    top: 8px;
    display: none;
}

.product .hd_txt_info {
    font-size: 20px;
    font-weight: 200;
    padding-top: 22px;
    padding-bottom: 50px;
}

.product .mid_bar {
    padding-left: 10px;
    position: relative;
}
.product .mid_bar:before {content:'';position: absolute;width: 6px;height: 1px;background: #000;top: 50%;left: 0;}
.product .pdt_sel_btn {
}

.product .pdt_sel_btn button {
    background: transparent;
    border: 1px solid #bebebe;
    margin: 0;
    display: inline-block;
    font-size: 24px;
    width: calc(1/3*100%);
    height: 45px;
}
.pdt_sel_btn.btn_col_2 button{width:50%}
.product .pdt_sel_btn button.active{
    color: #fff;
    background: #e44320;
}
.product .hd_img {
    position: relative;
}
.product .hd_img .img_trg{
    
position: absolute;
    
top: 0;
    
right: 0;
    
width: 91%;
    
height: 0;
    
padding-bottom: 93%;
    
cursor: pointer;
}
/*caption*/
/*pdt_01*/
.product .img_wrap {
    position: relative;
}
.product .img_wrap>span {
    position: absolute;
    font-size: 10px;
    font-family: Malgun Gothic;
    font-weight: 700;
    color: #6e6d6e;
    display: inline-block;
    text-align: center;
}
.product .img_wrap>span>strong{
    display: block;
    font-size: 20px;
    font-weight: 400;
}
.product .img_wrap.pdt_01_img_01>span{
    width: 100%;
    left: 0;
    bottom: 6%;
    text-align: center;
}
.product .img_wrap.pdt_01_img_02>span.cap_1{
    top: 42.7%;
    right: 1%;
}
.product .img_wrap.pdt_01_img_02>span.cap_2{
    left: 39.5%;
    bottom: 36%;
}
.product .img_wrap.pdt_01_img_03>span{
    top: 39.5%;
    left: 2%;
}
.product .img_wrap.pdt_01_img_04>span{
    color: #fff;
    left: 0;
    bottom: 25%;
    width: 100%;
    text-align: center;
}
.product .img_wrap.pdt_01_img_05>span{
    width: 100%;
    top: 44%;
    left: 0;
    text-align: right;
    padding-right: 12%;
}
.product .img_wrap.pdt_01_img_06>span{}
/*pdt_02*/
.product .img_wrap.pdt_02_img_01>span{
    width: 100%;
    left: 0;
    bottom: 6%;
    text-align: center;
}
.product .img_wrap.pdt_02_img_02>span.cap_1{
    top: 50.4%;
    right: 1%;
}
.product .img_wrap.pdt_02_img_02>span.cap_2{
    left: 39%;
    bottom: 25%;
}
.product .img_wrap.pdt_02_img_03>span{
    top: 39.5%;
    left: 2%;
}
.product .img_wrap.pdt_02_img_04>span{
    color: #fff;
    left: 0;
    bottom: 26%;
    width: 100%;
    text-align: center;
}
.product .img_wrap.pdt_02_img_05>span{
    width: 100%;
    top: 44%;
    left: 0;
    text-align: right;
    padding-right: 12%;
}
.product .img_wrap.pdt_02_img_06>span{}
/*pdt_03*/
.product .img_wrap.pdt_03_img_01>span{
    width: 100%;
    left: 0;
    bottom: 6%;
    text-align: center;
}
.product .img_wrap.pdt_03_img_02>span.cap_1{
    top: 41%;
    right: 1%;
}
.product .img_wrap.pdt_03_img_02>span.cap_2{
    left: 39%;
    bottom: 31.5%;
}
.product .img_wrap.pdt_03_img_03>span{
    top: 36.5%;
    left: 2%;
}
.product .img_wrap.pdt_03_img_04>span{
    color: #fff;
    left: 0;
    bottom: 26%;
    width: 100%;
    text-align: center;
}
.product .img_wrap.pdt_03_img_05>span{
    width: 100%;
    top: 44%;
    left: 0;
    text-align: right;
    padding-right: 12%;
}
.product .img_wrap.pdt_03_img_06>span{}

/**/
.product .bd_img {position:relative}
.product .bd_img.bd_img_1{
    /* padding-left: 60px; */
}
.product .bd_img.bd_img_2{
    /* width: 560px; */
    /* padding-left: 23px; */
    padding-top: 75px;
}

.product .bd_img.bd_img_2 .over_img{
    top: -80px;
}
.product .bd_img.bd_img_2 .over_img.pdt_03_img_03{
    top: 100px;
}
.product .bd_img_3{
    /* max-width: 380px; */
    /* margin-top: 23px; */
}
.product .bd_img_3:first-child{
    /* margin-right: 40px; */
}
.product .bd_img_4{
    margin-top: 23px;
}
.product .bd_img_5{
    margin-top: 23px;
}
.product .bd_img .img_wrap {}

.product .bd_img img {}

.product .over_img {
    position: absolute;
    top: -155px;
}
.product .over_img.pdt_03_img_02{
    top: 150px;
}
.product .img_wrap img {}
.product .pdt_wrap:first-child .wrapper>div:last-child>div:last-child {
    padding: 0 80px;
}
.product .pdt_more_btn {
    display: none;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: -32px;
    z-index: 1;
    background: #e8ecea;
    border-radius: 50px;
    overflow: hidden;
    text-align: center;
    padding: 24px 0;
    cursor: pointer;
}

.product .pdt_more_btn span {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 200;
    padding-bottom: 7px;
}

.product .pdt_more_btn img {}


.product .pdt_bd {
    /* height: 0; */
    overflow: hidden;
}

.product .pdt_wrap{
	 margin-top: 250px;
}
.product .pdt_wrap:first-child{
    margin-top: 290px;
    padding-top: 120px;
}
.product .pdt_wrap:nth-child(2){
    margin-top: 375px;
}
.product .pdt_wrap:nth-child(3){
    margin-top: 240px;
    padding-top: 140px;
}
.product .pdt_wrap.spec{
    margin-top: 250px;
}
.product .pdt_wrap.video{
    margin-top: 210px;
}
.item_01 .product .pdt_wrap:first-child .pdt_info .wrapper,
.item_01 .product .pdt_wrap:nth-child(2) .pdt_info .wrapper {padding: 0;}
.product .pdt_wrap:first-child .wrapper>div:first-child{
    padding-top: 45px;

}
.product .pdt_wrap:first-child .wrapper>div:last-child{padding-bottom: 30px;}
.product .pdt_wrap:nth-child(2) .wrapper>div{
    padding-top: 50px;
    padding-bottom: 25px;
}
.product .pdt_wrap.spec .pdt_info .wrapper{
    padding: 50px 160px;
}
.product .pdt_wrap.video .pdt_info .wrapper{
    padding: 33px 160px;
}
.product_wrap .pdt_wrap:first-child .pdt_info:after{content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 40%;background: #e8ecea;z-index: 0;}
.product .pdt_tit {}

.product .pdt_tit span {}

.product .pdt_info {
    background: #f3f5f4;
    position: relative;
}

.product .pdt_wrap:nth-child(2) .pdt_info{
    background: transparent;
}
.product .pdt_wrap:nth-child(2) .pdt_info:after{content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 370px;background: #e8ecea;}
.product .pdt_wrap:nth-child(2) .pdt_info:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f3f5f4;}
.product .pdt_info>div{
    position: relative;
    z-index: 1;
}
.product .pdt_txt_1 {
    font-size: 35px;
    font-weight: 900;
    padding-bottom: 20px;
    border-bottom: 4px solid #bebebe;
}
.product .pdt_wrap:nth-child(2) .pdt_txt_1:not(:nth-child(1)){
    padding-top: 110px;
}
.product .pdt_img_1 {
    /* margin-top: 110px; */
}

.product .pdt_txt_1 div {
    padding-bottom: 5px;
}

.product .pdt_txt_2 {
    font-size: 20px;
    font-weight: 200;
    padding-top: 24px;
}

.product .pdt_txt_2 div {
    margin-bottom: 9px;
}

.product .pdt_img_1 .img_wrap {}

.product .pdt_img_1 img {}



.pdt_colx2 {}

.pad_l{padding-left: 160px;}
.pad_r{padding-right: 160px;}
.align_r {text-align: right;}
.align_l {text-align: left;}

.shw_box {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    background: #fff;
}

.product .pdt_feature_wrap {
    padding: 20px 0;
}
.product .pdt_feature_wrap:first-child {padding-right:18px}
.product .pdt_feature_wrap:nth-child(2) {padding-left:18px}
.product .pdt_feature {
    font-size: 0;
    background: #fff;
    border: 1px solid #bebebe;
    border-radius: 8px;
    margin: 20px 0;
    padding: 6px 0 6px 45px;
}

.product .pdt_feature_l {
    display: inline-block;
}

.product .pdt_feature_r {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    padding-left: 45px;
}

.product .ico_featue_wrap {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
}

.product .pdt_feature .hover { background-position-y: top;}
.product .pdt_feature:hover .hover{background-position-y: bottom;}
.product .ico_featue_1 {background-image: url(../../../img/ico/ico_feature_1.png)}
.product .ico_featue_2 {background-image: url(../../../img/ico/ico_feature_2.png)}
.product .ico_featue_3 {background-image: url(../../../img/ico/ico_feature_3.png)}
.product .ico_featue_4 {background-image: url(../../../img/ico/ico_feature_4.png)}
.product .ico_featue_5 {background-image: url(../../../img/ico/ico_feature_5.png)}
.product .ico_featue_6 {background-image: url(../../../img/ico/ico_feature_6.png)}
.product .ico_featue_7 {background-image: url(../../../img/ico/ico_feature_7.png)}
.product .ico_featue_8 {background-image: url(../../../img/ico/ico_feature_8.png)}
.product .ico_featue_9 {background-image: url(../../../img/ico/ico_feature_9.png)}
.product .ico_featue_10 {background-image: url(../../../img/ico/ico_feature_10.png)}
.product .ico_featue_11 {background-image: url(../../../img/ico/ico_feature_11.png)}
.product .ico_featue_12 {background-image: url(../../../img/ico/ico_feature_12.png)}
.product .ico_featue_13 {background-image: url(../../../img/ico/ico_feature_13.png)}
.product .ico_featue_14 {background-image: url(../../../img/ico/ico_feature_14.png)}
.product .ico_featue_15 {background-image: url(../../../img/ico/ico_feature_15.png)}
.product .ico_featue_16 {background-image: url(../../../img/ico/ico_feature_16.png)}
.product .ico_featue_30 {background-image: url(../../../img/ico/ico_feature_14.png)}


.product .pdt_feature_tit {
    font-size: 24px;
    font-weight: 900;
    padding: 10px 0;
}

.product .pdt_feature_txt {
    font-size: 18px;
    font-weight: 200;
}
.product .pdt_feature_txt>div{
    padding-bottom: 4px;
}
.product .pdt_info table {
    width: 100%;
    border-collapse: collapse;
}

.product .pdt_info table thead th {
    font-size: 22px;
    font-weight: 500;
    border: 1px solid #bebebe;
    background: #6d6c6d;
    color: #fff;
    height: 36px;
}

.product .pdt_info table tbody th {
    font-size: 20px;
    font-weight: 200;
    border: 1px solid #bebebe;
    background: #e8ecea;
    height: 36px;
}

.product .pdt_info table tbody td {
    font-size: 20px;
    font-weight: 200;
    border: 1px solid #bebebe;
    text-align: center;
    height: 36px;
}

.product .pdt_info table tr {}

.product .pdt_video_wrap {
    width: 100%;
    height: 0;
    padding-bottom: 55.8%;
    position: relative;
}

.product .pdt_video_wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.item_01 .product .pdt_wrap:first-child .pdt_info .wrapper .pdt_col_2:first-child>div:nth-child(1) {
    width: 890px;
}
.item_01 .product .pdt_wrap:first-child .pdt_info .wrapper .pdt_col_2:first-child>div:nth-child(2) {
    width: 526px;
}


.product .img_wrap.pdt_07_img_04>span{
    color: #fff;
    font-size: 20px;
}
.product .img_wrap.pdt_07_img_04>span.cap_1 {
    left: 18%;
    top: 51%;
}
.product .img_wrap.pdt_07_img_04>span.cap_2 {
    right: 13%;
    top: 52%;
}
.product .img_wrap.pdt_07_img_05>span{
    font-size: 16px;
}
.product .img_wrap.pdt_07_img_05>span.cap_1 {
    left: 36%;
    bottom: 11%;
    transform: rotateY(-30deg) rotateZ(20deg) rotateX(-29deg);
}
.product .img_wrap.pdt_07_img_05>span.cap_2 {
    right: 20%;
    bottom: 13%;
    transform: rotateY(37deg) rotateZ(-27deg) rotateX(-28deg);
}