@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:first-child {
    display: block;
}

/*modal*/
section.modal_wrap {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    top: 0;
    text-align: center;
}
section.modal_wrap .modal_bg{
    background: rgba(0,0,0,.8);
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.modal_wrap .modal {
    display: inline-block;
    position: relative;
    max-width: 1200px;
}
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);
}

section.modal_wrap .modal img {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.pdt_slide.slick-slider {
    background: #fff;
    padding: 40px;
}

.slick-list {
    width: 1200px;
}

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; display: flex; align-items: center; justify-content: center;}
section.modal_wrap .slick-slide {display: flex !important; align-items: center; justify-content: center; height: 100%;}

/*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 .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_2.app_content>div {width:auto;}
.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 .hd_txt_wrap .pdt_col_2 {
    display: flex;
    align-items: flex-start;
    font-size: initial;
}
.product .hd_txt_wrap .pdt_col_2 > .hd_txt {
    flex: 0 0 50%;
}
.product .hd_txt_wrap .pdt_col_2 > .hd_img {
    flex: 0 0 50%;
}

.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;
    margin-right: 30px;
}

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

.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;
}
.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*/
.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 .bd_img {position:relative}
.product .bd_img.bd_img_1{
}
.product .bd_img.bd_img_2{
    padding-top: 75px;
}

.product .bd_img img {}

.product .over_img {
    position: relative;
    top: -155px;
}

.product .img_wrap img {}

.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_bd {
    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_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_img_1 {
}

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

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

.sb1000_img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
}
.sb1000_img img {
    width: 100%;
    height: auto;
    display: block;
}

.sb1000_img_r {
    background: transparent;
    vertical-align: bottom;
    max-width: 760px;
}
.sb1000_img_r img {
    width: 100%;
    height: auto;
    display: block;
}
.img_label_wrap {
    position: relative;
}
.img_label {
    position: absolute;
    bottom: 5%;
    left: 53%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    color: #333;
    line-height: 1.4;
}

.product .pdt_col_2 > .bd_img.bd_img_1 {
    vertical-align: bottom;
}

/* 어플리케이션 섹션 */
.product .pdt_wrap.app_section {
    margin-top: 250px;
    padding-top: 80px;
}
.product .pdt_wrap.app_section .pdt_info {
    background: #f3f5f4;
}
.product .pdt_wrap.app_section .pdt_info:after {
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: #e8ecea;
    z-index: 0;
}
.product .pdt_wrap.app_section .pdt_info:before {
    display: none;
}
.app_tit {
    text-align: left;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 60px;
}
.app_content {
    display: flex;
    align-items: flex-start;
}
.app_img_wrap {
    width: auto;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    margin-top: 0;
}
.app_img_wrap img {
    max-width: 100%;
    height: auto;
}
.app_info_wrap {
    flex: 1;
    display: inline-block;
    vertical-align: top;
    padding: 0 40px;
    background: #fff;
}
.app_feature_list {
    padding-top: 20px;
}
.app_feature_item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    padding: 15px 20px;
    background: transparent;
    border-radius: 8px;
    border-bottom: 1px solid #bebebe;
}
.app_feature_item:last-child {
    border-bottom: 1px solid #bebebe;
}
.app_feature_ico {
    width: 50px;
    height: 50px;
    min-width: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 20px;
}
.app_feature_ico.auto_drive {
    background-image: url(../../../img/20/pdt_sb1000ssa_auto_drive.png);
}
.app_feature_ico.auto_back {
    background-image: url(../../../img/20/pdt_sb1000ssa_auto_back.png);
}
.app_feature_ico.remote_control {
    background-image: url(../../../img/20/pdt_sb1000ssa_remote_control.png);
}
.app_feature_ico.playstore {
    background-image: url(../../../img/20/pdt_sb1000ssa_playstore.png);
}
.app_feature_ico.sungboo_app {
    background-image: url(../../../img/20/pdt_sb1000ssa_sungboo_app.png);
}
.app_feature_ico.exclusive_app {
    background-image: url(../../../img/20/pdt_sb1000ssa_exclusive_app.png);
}
.app_feature_txt {
    font-size: 16px;
}
.app_feature_txt strong {
    color: #000;
}
.app_download {
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 30px !important;
    flex-direction: row;
    align-items: center;
    display: flex;
}
.app_download_row {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    flex: 1;
    padding: 0 20px;
    flex-shrink: 0;
    min-width: 300px;
}
.app_download_row:first-child {
    padding-left: 0;
}
.app_download_row:last-child {
    margin-bottom: 0;
}
.app_download_row .app_feature_ico {
    width: 60px;
    height: 60px;
    min-width: 60px;
    margin-right: 20px;
}
.app_download_row .app_feature_txt {
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
}
.app_download_row .app_feature_txt strong {
    display: inline;
    color: #000;
    font-weight: 900;
}
.app_feature_txt strong {
    display: block;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 5px;
    color: #000;
}
.app_feature_txt p {
    font-weight: 200;
    line-height: 1.5;
    margin: 0;
}

/* 제품 구성 섹션 */
.pdt_composition {
    position: relative;
    text-align: center;
    padding: 40px 0;
}
.pdt_composition img {
    max-width: 100%;
    height: auto;
}
.composition_labels {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.composition_labels .comp_txt {
    position: absolute;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    white-space: nowrap;
    transform: translateX(-50%);
}
.composition_labels .comp_1 { top: 13%; left: 7%; }
.composition_labels .comp_2 { top: 13%; left: 45%; }
.composition_labels .comp_3 { top: 13%; left: 85%; }
.composition_labels .comp_4 { bottom: 12.5%; left: 7%; }
.composition_labels .comp_5 { bottom: 12.5%; left: 34.5%; }
.composition_labels .comp_6 { bottom: 12.5%; left: 58%; }
.composition_labels .comp_7 { bottom: 12.5%; left: 87%; }

/* 주요 제원 테이블 */
.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_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;
}

/* 언어별 폰트 크기 조정 */
html[lang=en] .product .hd_txt_mn button,
html[lang=ru] .product .hd_txt_mn button {
    font-size: 17px;
}
html[lang=zh] .product .hd_txt_mn span {
    font-size: 45px;
}
html[lang=zh] .product .hd_txt_mn button {
    padding: 5px 55px 10px 35px;
}
html[lang=zh] .product .pdt_tit span {
    width: 50%;
    display: inline-block;
}
html[lang=ru] .product .pdt_tit span {
    width: 50%;
    display: inline-block;
}
html[lang=ru] .product .pdt_info table tbody th,
html[lang=ru] .product .pdt_info table tbody td {
    height: 50px;
    font-size: 13px;
}
html[lang=en] .product .pdt_info table {
    table-layout: fixed;
}
html[lang=en] .product .pdt_info table tbody th,
html[lang=en] .product .pdt_info table tbody td {
    height: 3em;
    font-size: 16px;
}