/* 공통 */
.op07{opacity: 0.7 !important;}

.fc-p{color: #f48266;}

.text-a-center{text-align: center !important;}
.sub-body{padding: 120px 0;}
textarea:focus{outline: 0;}
textarea{resize: none;}
.sub_title{margin-bottom: 80px;}
.sub_title h3{text-align: center; font-size: 50px; line-height: 1;}

.sub-tab-ver02{margin-top: 32px;}
.sub-tab-ver02 ul{padding: 0;}
.sub-tab-ver02 ul{margin-right: -8px; margin-left: -8px;}
.sub-tab-ver02 ul li{display: inline-block !important; vertical-align: middle; margin-right: -4px; padding: 8px;}
.sub-tab-ver02 ul li a{text-align: center; font-size: 17px; border: 1px solid #ddd;padding: 14px 24px;border-radius: 55px;min-width: 150px;display: block;}
.sub-tab-ver02 ul li a.on{background: linear-gradient(45deg, #f48266, #5d6877);color: #fff; border: 0; }

.main_title{margin-bottom: 80px; text-align: center;}
.main_title span{margin-bottom: 4px; display: block; font-weight: 500; font-size: 20px; color: #f48266;}
.main_title b{font-weight: 600; font-size: 50px; display: block; }
.main_title p{margin-top: 50px; font-size: 18px; padding-left: 130px; position: relative;opacity: 0.7;}


.certi_popup{position: fixed; background-color: rgba(0,0,0,0.5);  width: 100vw; height: 100vh; z-index: 9999;}
.certi_popup .img_wrap{width: 480px;max-width: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.certi_popup p{position: absolute; right: 10px; top: 2px; width: 25px; height: 25px; line-height: 25px; background-color: #5d6877; border-radius: 50%; text-align: center; cursor: pointer; color: #fff; font-size: 12px;margin-top: 8px; display: flex; justify-content: center;}


.kor_view{display: block;}
:lang(en) .kor_view{display: none;}

.table_wrap{ width: 100%;}
.table_wrap>p{font-size: 20px; display: block; margin-bottom: 4px; color: #5d6877;}
.table_wrap + .table_wrap{margin-top: 48px;}
.table_wrap table{width: 100%; border-top: 2px solid #222;}
.table_wrap tr td{padding: 16px;border: 1px solid #ddd; border-left: 0; text-align: left; vertical-align: middle; border-right: 1px solid #ddd; word-break: keep-all;}
.table_wrap tr td:last-child{border-right: 0;}
.table_wrap tr td img{width: auto; margin: 0 auto;}
.table_wrap tr td.no-line{border-right: 0;}
.table_wrap tr td.bg-b{background-color: #f4faff; border-color:#ddd;}
.table_wrap tr th{background-color: #f5f5f5; padding: 16px;border: 1px solid #ddd; min-width: 70px; text-align: center; vertical-align: middle; font-weight: 600;}
.table_wrap tr th:first-child{border-left: 0;}
.table_wrap tr th:last-child{border-right: 0;}
.table_wrap td span{display: inline-block;  font-size: 0.95rem; }
.table_wrap td p{padding-left: 20px; position: relative; text-align: left; word-break: keep-all;}
.table_wrap td p + p{margin-top: 3px;}
.table_wrap td p::before{content: ""; width: 4px; height: 4px; background-color: #5d6877; position: absolute; left: 0; top: 10px;}


/* 회사개요 */
.info_con{overflow: hidden;}
.info_con .con + .con{margin-top: 60px;}
.info_con .con .txt_wrap b{word-break: keep-all; font-size: 35px; font-weight: 600; display: block; margin-bottom: 32px;}
.info_con .con .txt_wrap p{font-size: 19px;}

.info_con .con.con01 .txt_wrap{text-align: center; width: 800px; max-width: 100%; margin: 0 auto 45px auto;}
:lang(en) .info_con .con.con01 .txt_wrap{width: 1080px; max-width: 100%;}
.info_con .con.con01 .txt_wrap b{}
.info_con .con.con01 .img_wrap{width: 100%; padding-bottom:30%;
    margin-top: 100px;
    position: relative;
    background: url(../img/sub/info_img01.png)no-repeat 50% 80% / cover;
    background-attachment: fixed;
}
.info_con .con.con01 .img_wrap::after{content: ""; width: 100%; height: 45px;
    background: url(../img/sub/banner_point.svg)no-repeat center bottom / cover;
    position: absolute; left: 0; bottom:0;
}

.info_con .con.con02{margin-top: 150px;}
.info_con .con.con02 .img_wrap{width: 100%;  padding-bottom: 50%; background: url(../img/sub/info_img02.png)no-repeat center bottom / cover;}
.info_con .con.con02 .txt_wrap{background-color: #fff; position: relative; z-index: 2; padding-right: 60px; padding-bottom: 60px;}


.info_con .con.con03 .txt_wrap{text-align: right;}


/* 브랜드소개 */
.brand_con .con.con01{height: 100vh; width: 100%; overflow: hidden; position: relative;
    background: url(../img/sub/brand_img01.png)no-repeat center center / cover;
}



.brand_con .con.con01{position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.brand_con .con.con01 .img_wrap{width: 200px; margin: 0 auto; max-width: 100%;}
.brand_con .con.con01 .txt_wrap {text-align: center;}
.brand_con .con.con01 .txt_wrap b{color: #fff; font-size: 80px; display: block;}
.brand_con .con.con01 .txt_wrap p{margin-top: 32px; font-size: 18px; font-weight: 600; color: #fff;}
.brand_con .con.con01 .mouse{padding: 8px 0; width: 30px; height: 45px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 10%; z-index: 1; border-radius: 55px; border: 1px solid #fff;}
.brand_con .con.con01 .mouse span{
    animation:mouse_e 1s infinite 0s forwards ; 
    display: block; width: 6px; height: 6px; margin: 0 auto; border-radius: 50%; background-color: #fff; display: flex; justify-content: center;
}

@keyframes mouse_e{
    from{opacity: 1; transform: translateY(0);}
    to{opacity: 0; transform: translateY(15px);}
}

.brand_con .con.con01::after{content: ""; width: 100%; height: 57px;
    background: url(../img/sub/banner_point.svg)no-repeat center bottom / cover;
    position: absolute; left: 0; bottom:0;
}



.brand_con .con.con02{padding: 120px 0; position: relative;}
.brand_con .con.con02::after{content: ""; width: 1px; height: 100px; background-color: #777;
    position: absolute; left: 50%;  top: 0;
}
.brand_con .con.con02 .txt_wrap{text-align: center; margin-top: 50px;}
.brand_con .con.con02 .txt_wrap b{font-size:40px;}
.brand_con .con.con02 .txt_wrap p{font-size: 20px; margin-top: 8px;}



.brand_con .con.con03 .img_wrap{ width: 300px; height: 300px; margin: 0 auto 45px auto; border-radius: 50%; background-color: #f5f5f5;}
.brand_con .con.con03 ul li{text-align: center;}
.brand_con .con.con03 ul li .txt_wrap b{display: block; font-size: 25px;margin-bottom: 16px;}
.brand_con .con.con03 ul li .txt_wrap p{font-size: 17px;}
.brand_con .con.con03 .img_wrap01{background: url(../img/sub/brand_img02.png)no-repeat center center /cover;}
.brand_con .con.con03 .img_wrap02{background: url(../img/sub/brand_img03.png)no-repeat center center /cover;}
.brand_con .con.con03 .img_wrap03{background: url(../img/sub/brand_img04.png)no-repeat center center /cover;}


/* 오시는길 */
.location_con .map_wrap{width: 100%; height: 600px;}
.location_con .map_wrap .root_daum_roughmap{width: 100%;}
.location_con .map_wrap .root_daum_roughmap .wrap_map{width: 100%; height: 600px !important;}

.location_con .txt_wrap{display: flex; margin-top: 56px;}
.location_con .txt_wrap .left{width: 250px;}
.location_con .txt_wrap .left img{width: 80%;}
.location_con .txt_wrap .right{width: calc(100% - 250px); padding-left: 130px;}
.location_con .txt_wrap .right b{font-size: 30px; font-weight: 500; margin-bottom:16px; display: block;}
.location_con .txt_wrap .right p{font-size: 17px; opacity: 0.8;}
.location_con .txt_wrap .right p + p{margin-top: 4px;}
.location_con .txt_wrap .right p i{font-weight: 500; padding-right: 16px;}
/* 공지 */
.notice_con{width: 100%;}
.notice_con>ul li:first-child{padding-top: 0;}
.notice_con>ul li{width: 100%; padding: 32px 0; border-bottom: 1px solid #ddd; cursor: pointer; padding-right: 50px;}
.notice_con>ul li:hover{}
.notice_con>ul li .con_wrap{display: flex; align-items: center;}
.notice_con>ul li .img_wrap{width:390px; max-width: 100%;}
/* .notice_con>ul li .img_wrap .img_in{width: 100%; padding-bottom: 65%; background:#f5f5f5 url(../img/sub/news_thum.png)no-repeat center center / cover;} */
.notice_con>ul li .img_wrap .img_in{width: 100%; padding-bottom: 65%; background:#f5f5f5 no-repeat center center / cover;}
.notice_con>ul li .txt_wrap{width: calc(100% - 390px); padding-left: 56px;}
.notice_con>ul li .txt_wrap b{font-size: 22px; font-weight: 600; display: block; padding-bottom: 16px; transition-duration: 0.3s; }
.notice_con>ul li .txt_wrap b:hover{color: #5d6877;}
.notice_con>ul li .txt_wrap p{opacity: 0.7; font-size: 17px; margin-bottom: 32px; text-overflow: ellipsis; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.notice_con>ul li .txt_wrap span{display: block; font-size: 16px; font-weight: 400; opacity: 0.4;}


/* 뉴스 썸네일 클래스 */
.news_thum .notice_con>ul{display: flex; flex-wrap: wrap; margin-left: -16px; margin-right: -16px;}
.news_thum .notice_con>ul li{width: 33.333%; padding: 0 16px; border: 0; margin-bottom: 60px;}
.news_thum .notice_con>ul li .con_wrap{flex-direction: column;}
.news_thum .notice_con>ul li .txt_wrap{width: 100%; padding-left: 0; margin-top: 24px;}
.news_thum .notice_con>ul li .img_wrap{width: 100%;}


/* 공지사항 view */
.news_view_con{width: 100%;}
.news_view_con .news_wrap{width: 100%; overflow: hidden;}
.news_view_con .news_wrap .news_top{padding: 32px; width: 100%; border: 1px solid #dbdbdb; background-color: #f9fafb;}
.news_view_con .news_wrap .news_top .table_news{width: 100%; vertical-align: middle;}
.news_view_con .news_wrap .news_top .table_news .news_title{width: calc(100% - 120px); font-size: 24px;}
.news_view_con .news_wrap .news_top .table_news .news_date{width: 120px; color: #808080; font-size: 1rem;vertical-align: middle; text-align: right; padding: 10px;}
.news_view_con .news_wrap .news_top p span:nth-child(1){display: inline-block; margin-right: -4px; padding-right: 10px; vertical-align: middle; margin-bottom: 5px;}
.news_view_con .news_wrap .news_top p .news_file{font-weight: 300; font-size:0.944rem; cursor: pointer;}
.news_view_con .news_wrap .news_top p .news_file:hover{text-decoration: underline;}

.news_view_con .news_wrap .news_con{width: 100%; overflow: hidden; padding: 16px; border-bottom: 1px solid #dbdbdb;}
.news_view_con .news_wrap .news_con .new_con_text{width: 100%; min-height: 360px; font-size: 18px; word-break: keep-all; }

.news_view_con .news_arrow{width: 100%;overflow: hidden;border-bottom:1px solid #dbdbdb;}
.news_view_con .news_arrow .table_arrow{width: 100%;}
.news_view_con .news_arrow .table_arrow tr td{padding: 12px 8px; font-size: 1rem; vertical-align: middle;}
.news_view_con .news_arrow .table_arrow tr:nth-child(1){border-bottom: 1px dotted #dbdbdb;}
.news_view_con .news_arrow .table_arrow .prev td:nth-child(1) span{display: inline-block; width: 0; height: 0; border-bottom: 6px solid none; border-left: 6px solid transparent; border-right: 6px solid transparent;  border-bottom: 6px solid #232323; margin-left: 20px; margin-bottom: 2px;}
.news_view_con .news_arrow .table_arrow .next td:nth-child(1) span{display: inline-block; width: 0; height: 0; border-bottom: 6px solid none; border-left: 6px solid transparent; border-right: 6px solid transparent;  border-top: 6px solid #232323; margin-left: 20px; margin-bottom: 2px;}
.news_view_con .news_arrow .table_arrow .prev .prev_title{cursor: pointer;}
.news_view_con .news_arrow .table_arrow .next .next_title{cursor: pointer;}

.news_view_con .news_arrow .table_arrow tr td:nth-child(1){width: 10%;}
.news_view_con .news_arrow .table_arrow tr td:nth-child(2){width: 80%;}

.news_view_con .news_list_btn{width:100%;}
.news_view_con .news_list_btn span{display: block; cursor: pointer; width:170px;transition-duration: 0.3s; border: 1px solid #5d6877; height: 50px; margin: 50px auto; background-color: #5d6877; line-height: 50px;text-align: center; line-height: 50px; color:white;}
.news_view_con .news_list_btn span>a{display: block; width: 100%; height: 100%; }
.news_view_con .news_list_btn span:hover{background-color: white; color: #5d6877; border: 1px solid #5d6877;}


/* 온라인문의 */

.inquiry_con .con{display: flex; flex-wrap: wrap; margin-left: -16px; margin-right: -16px;}
.inquiry_con>h3{font-size: 40px; margin-bottom: 24px; font-weight: 500;}
.inquiry_con .con>div{width: 50%;  padding: 16px;}
.inquiry_con .con>div input{border: 0;width: 100%; padding: 16px; background-color: #f5f5f5; border-radius: 5px; }
.inquiry_con .con>div input:focus{outline: #5d6877; border: 1px solid #5d6877; }
.inquiry_con textarea{height: 250px; border: 0; padding: 16px; background-color: #f5f5f5; border-radius: 5px; width: 100%;}
.inquiry_con .con>div.textarea_con{width: 100%;}
.inquiry_con .con>div.textarea_con textarea:focus{border: 1px solid #5d6877;}
.inquiry_btn_wrap{width: 150px; overflow: hidden; float: right; margin-top: 32px; border: 1px solid #ddd; transition-duration: 0.3s;  text-align: center;}
.inquiry_btn_wrap:hover{background-color: #5d6877; color: #fff;}
.inquiry_btn_wrap p{width: 100%;  padding:16px 24px; cursor: pointer;}



.privacy_con{width: 100%; border-radius: 5px; overflow: hidden; background-color: #fff; padding: 24px; margin-top: 48px; position:relative; border: 1px solid #ddd;}
.privacy_con h3{font-size: 18px; margin-bottom: 8px;}
.privacy_con>label{width: 100%; font-size: 15px;}
.privacy_con>label>input{margin-right: 8px;}
.privacy_con>label>em{text-decoration: underline; color: #5d6877; cursor: pointer;}
.privacy_con .text_wrap{width: 100%; overflow: hidden;}
.privacy_con .text_wrap .inner{width: 100%;   margin-top: 24px; overflow: hidden; height: 250px; overflow-y: scroll;  background-color: #f5f5f5; padding: 24px;}
.privacy_con .text_wrap .inner ul li{width: 100%; padding-bottom: 16px;}
.privacy_con .text_wrap .inner ul li:last-child{padding-bottom: 0;}
.privacy_con .text_wrap .inner ul li>p{font-weight: 600; padding-bottom: 8px; font-size: 15px;}
.privacy_con .text_wrap .inner ul li>span{display:block; font-size: 16px;}
.privacy_con .text_wrap .inner ul li dl{font-size: 15px;}
.privacy_con .text_wrap .inner ul li dl dt{font-weight: 600; padding-bottom: 8px;}
.privacy_con .text_wrap .inner ul li dl dd{color: #565656; padding-bottom: 8px;}
.privacy_con .text_wrap .inner ul li dl dd>p{padding-bottom: 8px; padding-left: 16px;}
.privacy_con .text_wrap .inner ul li dl dd>span{display: block; padding-left: 16px;}
.privacy_con>input{display:none;}
.privacy_con>label>span>em{text-decoration: underline; color: #5d6877; cursor: pointer;}

.privacy_con>input[type="checkbox"] + label {
    display: inline-block; width:17px; height: 17px; background: #ccc;
    cursor: pointer; }
.privacy_con:after {display:block; clear:both; content:"";}
.privacy_con input[type="checkbox"]:checked + label {
        background:url(../img/sub/check_icon.svg) #5d6877 no-repeat center;}
.agree {position:relative;}
.privacy_con input[type="checkbox"] + label span {
position: absolute; top: 57px; left:49px; display: block; padding-right: 16px;}


.contact_con .inner{}
.contact_con .inner .contact_tel{display: inline-block;vertical-align: top; margin-right: -4px; width: 450px; position: sticky; top: 150px; right: 0;}
.contact_con .inner .contact_tel .bottom {padding: 32px; background-color: #f5f5f5; border-radius: 15px; }
.contact_con .inner .contact_tel .bottom span{display: block; margin-bottom: 4px; font-weight: 700;}
.contact_con .inner .contact_tel .bottom >div + div{margin-top: 16px;}
.contact_con .inner .contact_tel b{display: block; margin-bottom: 16px; font-size: 30px; font-weight: 700;}
.contact_con .inner .contact_tel .top{margin-bottom: 32px;}
.contact_con .inner .contact_tel .top p{font-size: 17px; opacity: 0.7;}

.contact_con .inner .contact_in{display: inline-block;vertical-align: top; margin-right: -4px; width: calc(100% - 450px); padding-right: 130px;}


/* 연혁 */
.history_con{}
.history_con .left{display: inline-block; vertical-align: top; margin-right: -4px; width: 650px; max-width: 100%; position: sticky; top: 250px; left: 0;}
.history_con .left b{font-size: 40px; font-weight: 600; display: block; margin-bottom: 48px;}
.history_con .left .tab a{display: block; text-align: center; width: 180px; padding: 16px; border: 1px solid #ddd; border-radius: 55px;}
.history_con .left .tab a + a{margin-top: 16px;}
.history_con .left .tab a.tab_on{background-color: #5d6877; color: #fff;position: relative; text-align: left;  padding: 16px 24px;}
.history_con .left .tab a.tab_on::after{content: "";width: 10px;height: 10px;position: absolute;right:20px ;top: 50%;
    transform: translateY(-50%) rotate(225deg);border-top: 2px solid transparent;
    border-bottom: 2px solid #fff;border-left: 2px solid #fff;border-right: 2px solid transparent;
}


.history_con .right{display: inline-block; vertical-align: top; margin-right: -4px; width: calc(100% - 650px);position: relative;  }
.history_con .right::before{content: ""; width: 1px; height: 100%; border: 1px dashed #ddd; position: absolute; left: 0; top:5px;}
.history_con .right ul li .con_wrap{ padding-left: 100px; position: relative;}
.history_con .right ul li p.year{margin-bottom: 32px; line-height: 1;  font-size: 35px; font-weight: 600;}
.history_con .right ul li .con_wrap::after{content: ""; width: 24px; height: 8px; border-radius: 55px; background-color: #ddd;
    position: absolute; left: -10px; top: 5px;
}
.history_con .right ul li .con{}
.history_con .right ul li + li{margin-top: 80px;}
.history_con .right ul li dl dd{ font-size: 16px; position: relative; padding-left: 24px; font-size: 18px;}
.history_con .right ul li dl dd + dd{margin-top: 8px;}
.history_con .right ul li dl dd::before{content: ""; width: 5px; height: 5px; background-color: #5d6877; position: absolute; left: 0; top: 11px;}


/* ci */
.ci_con .con_in{margin-top: 120px;}
.ci_con .con_in>b{font-size: 30px; display: block; margin-bottom: 32px;}
.ci_con .con_in p{font-size: 20px; word-break: keep-all;}
:lang(en) .ci_con .con_in p br{display: none;}

.ci_con .con_in_bg{width: 100%; background-color: #f5f5f5; padding: 120px 0;}
.ci_con .con_in_bg .bd-lg{display: flex; align-items: center;}
.ci_con .con_in_bg .left{width: 750px;}
.ci_con .con_in_bg .left P{text-align: center; margin-top: 16px;}
.ci_con .con_in_bg .left div + div{margin-top: 32px;}
.ci_con .con_in_bg .right{padding-left: 120px; width: calc(100% - 750px);}
.ci_con .con_in_bg .right b{font-size: 30px; display: block; margin-bottom: 24px;}
.ci_con .con_in_bg .right ul{margin-top: 32px;}
.ci_con .con_in_bg .right ul li{padding: 32px 0;border-bottom: 1px solid #222;}
.ci_con .con_in_bg .right ul li a{transition-duration: 0.3s; font-weight: 600; display: flex; justify-content:space-between; align-items: center;}
.ci_con .con_in_bg .right ul li:hover a{color: #5d6877;}
.ci_con .con_in_bg .right ul li img{width: 25px; margin-bottom: -6px;}

.ci_con .con_in_color ul{display: flex; flex-wrap: wrap;}
.ci_con .con_in_color ul li{}
.ci_con .con_in_color ul li .con_wrap{border: 1px solid #ddd;}
.ci_con .con_in_color ul li .color{height: 200px; padding: 24px; color: #fff;}
.ci_con .con_in_color ul li .color span{font-weight: 600;font-size: 20px;}
.ci_con .con_in_color ul li .txt_wrap{border-top: 1px solid #ddd; padding: 24px; font-weight: 600;}
.ci_con .con_in_color ul li .txt_wrap span{font-size: 18px; margin-right: 4px; opacity: 0.7; width: 60px; display: inline-block;}
.ci_con .first_con{position: relative;}
.ci_con .first_con::after {
    content: "";
    width: 640px;
    height: 138px;
    background: url(../img/sub/logo-simbol.svg)no-repeat center center / contain;
    position: absolute;
    right: 0;
    bottom: -144px;
}


/* 제품소개 */

.pd_title02{text-align: center; margin-bottom: 80px;}
.pd_title02 b{font-size: 33px; word-break: keep-all;}
.pd_title02 p{margin-top: 8px; font-size: 18px; opacity: 0.7;}


.pd_con {padding-bottom: 140px;}
.pd_con .bd-lg{}
.pd_con .con{width: 50%;display: flex;flex-direction: column;justify-content: space-between;}
.pd_con .pd_title{font-size: 33px; }

.pd_con .con .left .txt_wrap{margin-top:24px;}
.pd_con .con .left .txt_wrap p + p{margin-top: 16px;}
.pd_con .con.con01 .left{margin-bottom: 120px;}
.pd_con .con.con01 .left p{font-size: 17px;}
.pd_con .con.con01 .left p + p{margin-top: 16px;}
.pd_con .con.con01 .right{ background-color: #f5f5f5;  overflow: hidden; border-top-right-radius: 155px;}
.pd_con .con.con01 .right .img_wrap{padding-bottom: 70%; width: 100%; background:#f5f5f5 url(../img/sub/pd_img02.png)no-repeat center center / cover;}


.pd_con .con.con02{}
.pd_con .con.con02 .left{ margin-top: 120px;}
.pd_con .con.con02 .right{border-top-left-radius: 155px; overflow: hidden;}
.pd_con .con.con02 .right .img_wrap{padding-bottom: 90%; width: 100%; background:#f5f5f5 url(../img/sub/pd_img01.png)no-repeat center center / cover;}

.pd_con_common{padding: 120px 0;}
.pd_con02 .con{}

.pd_con02 .con .right{}

.pd_con02 .con.con01 ul{display: flex;}
.pd_con02 .con.con01 ul li{padding:0 24px;}
.pd_con02 .con.con01 ul li .con_wrap{position: relative;}
.pd_con02 .con.con01 ul li .con_wrap .img_wrap img{width: 80px; margin: 0 auto;}
.pd_con02 .con.con01 ul li .con_wrap::after{content: ""; width: 1px; height: 100%; background-color: #ddd; 
    position: absolute; right: 0; top: 50%; transform: translateY(-50%);
}
.pd_con02 .con.con01 ul li:last-child .con_wrap::after{display: none;}
.pd_con02 .con.con01 ul li:last-child .con_wrap::before{display: none;}

.pd_con02 .con.con01 ul li .con_wrap::before{content: "+";width: 15px; z-index: 1; height: 15px; color: #f48266; font-weight: 600;
    font-size: 50px;
    position: absolute; right: 0; top: 40%; transform: translateY(-50%);
}

.pd_con02 .con.con01 ul li .con_wrap .txt_wrap{text-align: center; width: 80%; margin: 32px auto 0 auto; }
.pd_con02 .con.con01 ul li .con_wrap .txt_wrap b{font-size: 20px; display: block; margin-bottom: 16px;}
.pd_con02 .con.con01 ul li .con_wrap .txt_wrap p + p{margin-top: 4px;}

.pd_con03 .con.con01 ul li .con_wrap .img_wrap img{width: 190px;}
.pd_con03 .con.con01 ul li .con_wrap::after{display: none;}
.pd_con03 .con.con01 ul li .con_wrap::before{display: none;}
.pd_con03 .con.con01 ul li .txt_wrap p i{font-weight: 600;}


.pd_con04 .img_wrap .img_in{padding-bottom: 30%; width: 100%; background: url(../img/sub/pd_img06.png)no-repeat center center / cover;}
.pd_con04 ul li{width:14.285%;}
.pd_con04 ul{display: flex;}
.pd_con04 ul li{text-align: center;}
.pd_con04 ul li p{text-align: center; padding:16px 24px; font-weight: 600; height: calc(100% - 79px); display: flex; align-items: center; justify-content: center;}



/* 매트리스 */
.met_con .top .img_wrap{background: url(../img/sub/met_img01_2.png)no-repeat center bottom /cover;
    width: 100%; padding-bottom: 45%; border-radius: 15px; position: relative;
}
.met_con .top .img_wrap::after{content: ""; width: 100%; height: 57px;
    background: url(../img/sub/banner_point.svg)no-repeat center bottom / cover;
    position: absolute; left: 0; bottom:0;
}

.met_con .con{ padding: 120px 0;}
.met_con .con + .con{border-top: 1px dashed #ddd;}
.met_con .con{position: relative; z-index: 1;}
.met_con .con .bd-md{background-color: #fff; padding: 32px;}
.met_con .con .inner{display: flex;align-items: center;}

.met_con .con .inner .left{width: 50%; padding-right: 150px;}
.met_con .con .inner .left span{opacity: 0.2; margin-bottom: 32px; display: block; font-weight: 600; font-size: 40px;}
.met_con .con .inner .left img{width: 480px; margin-bottom: 48px;}
.met_con .con .inner .left b{display: block; font-size: 20px; margin-bottom:24px;}
.met_con .con .inner .left p{font-size: 17px;}

.met_con .con .inner .right{width: 50%; border-top-left-radius: 100px; overflow: hidden;}
.met_con .con.con01 .inner .right .img_wrap{background: url(../img/sub/met_img03.png)no-repeat center center /cover;
    width: 100%; padding-bottom: 52%;
}

:lang(en) .met_con .con.con01 .inner .right .img_wrap{background: url(../img/sub/met_img03_en.png)no-repeat center center /cover;}

.met_con .con.con02 .inner .right .img_wrap{background: url(../img/sub/met_img05.png)no-repeat center center /cover;
    width: 100%; padding-bottom: 52%;
}
:lang(en) .met_con .con.con02 .inner .right .img_wrap{background: url(../img/sub/met_img05_en.png)no-repeat center center /cover;}

.met_con .con.con03 .inner .right .img_wrap{background: url(../img/sub/met_img06.png)no-repeat center center /cover;
    width: 100%; padding-bottom: 52%;
}

:lang(en) .met_con .con.con03 .inner .right .img_wrap{background: url(../img/sub/met_img06_en.png)no-repeat center center /cover;}



/* 베개 */
.pillow_con .top .img_wrap{background: url(../img/sub/met_img08_2.png)no-repeat center 80% /cover;}

.pillow_con .con.con01 .inner .right .img_wrap{background: url(../img/sub/met_img10.png)no-repeat center center /cover;
    width: 100%; padding-bottom: 53%;
}

:lang(en) .pillow_con .con.con01 .inner .right .img_wrap{background: url(../img/sub/met_img10_en.png)no-repeat center center /cover;
    width: 100%; padding-bottom: 53%;
}
.pillow_con .con.con02 .con_wrap{display: flex; align-items: center;}
.pillow_con .con.con02 .con_wrap .left{width: 150px;border: 1px solid #ddd;  padding: 16px;}
.pillow_con .con.con02 .con_wrap .right{width: calc(100% - 150px); padding: 32px; padding-left: 60px;}

.pillow_con .con.con02 .con_wrap .right b{display: block; word-break: keep-all; font-size: 20px; margin-bottom: 16px;}

.pillow_con .con.con02 .con_wrap .right p i{font-weight: 600;}
.pillow_con .con.con02 .con_wrap .right .txt_wrap b{position: relative;}
.pillow_con .con.con02 .con_wrap .right .txt_wrap span{position: absolute;
    font-size: 3.2rem;
    font-weight: 700;
    top: -31px;
    left: -31px;
    opacity: 0.12;
}

.video_wrap{margin-bottom: 120px;}
.video_wrap iframe{width: 100%; height: 680px; }
/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
   
    
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

 
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){

    /* 온라인문의 */
    .contact_con .inner .contact_in{padding-right: 60px;}

    /* 뉴스썸네일 */
    .notice_con>ul li .txt_wrap b{font-size: 19px; padding-bottom: 8px;}

    /* 연혁 */
    .history_con .left{width: 490px;}
    .history_con .right{width: calc(100% - 490px);}

    /* 제품소개 */


    :lang(en) .pd_con .dis-f{display: block;}
    :lang(en) .pd_con .con{width: 100%;}
    :lang(en) .pd_con .con.con01 .left{margin-bottom: 60px;}
    :lang(en) .pd_con .con.con01 .right .img_wrap{padding-bottom: 50%; }
    :lang(en) .pd_con .con.con01 .right{border-top-right-radius: 50px;}
    :lang(en) .pd_con .con.con02{flex-direction: column-reverse;}
    :lang(en) .pd_con .con.con02 .left{margin-top: 60px; margin-bottom: 60px;}
    :lang(en) .pd_con .con.con02 .right{border-top-left-radius: 80px;}
    :lang(en) .pd_con .con.con01 .right .img_wrap{background:url(../img/sub/pd_img01.png)no-repeat center center /cover; padding-bottom: 90%;}
    :lang(en) .pd_con .con.con02 .right .img_wrap{background:url(../img/sub/pd_img02.png)no-repeat center center /cover; padding-bottom: 50%;}
  
}

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

    /* 온라인문의 */
    .contact_con .inner .contact_in{width: calc(100% - 360px);}
    .contact_con .inner .contact_tel{width: 360px;}

    /* 회사소개 */
    .info_con .con .txt_wrap b{font-size: 26px;}
    .info_con .con .txt_wrap p{font-size: 17px;}

    /* 브랜드스토리 */
    .brand_con .con.con03 ul li .con_wrap{display: flex;  align-items: center;}
    .brand_con .con.con03 .txt_wrap{width: calc(100% - 250px); text-align: left; padding-left: 50px;}
    .brand_con .con.con03 .img_wrap{width: 250px; height: 250px;}

    /* ci */
    .ci_con .con_in_bg .right{padding-left: 60px; width: calc(100% - 430px);}
    .ci_con .con_in_bg .left{width: 430px;}
    .ci_con .con_in_bg .right{width: calc(100% - 430px);}

    /* 베개 */
    .pillow_con .con02 ul li + li{margin-top: 8px;}
    .pillow_con .con02 ul{align-items: flex-start;}
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

    /* 공통 */

    .table_wrap{width: 100%; overflow-x: auto;}
    .table_wrap table{width: 120%; table-layout: auto;}
    .table_wrap tr th{min-width: 180px;}
    .table_wrap tr td{font-size: 15px;}
    .table_wrap .mo_view{font-size: 15px; opacity: 0.7; display: block; margin-bottom: 4px;}

    .main_title b{font-size: 40px;}
    .main_title span{font-size: 19px;}
    .main_title p{padding-right: 188px;}

    /* 공지사항 */

    .notice_con>ul li .img_wrap{width: 270px;}
    .notice_con>ul li .txt_wrap{width: calc(100% - 270px);}
    .notice_con>ul li .txt_wrap b{font-size: 19px;}
    .notice_con>ul li .txt_wrap p{font-size: 16px;}

    
    /* 뷰어 */  
    .news_view_con .news_wrap .news_top .table_news td{display: block;}
    .news_view_con .news_wrap .news_top .table_news .news_date{padding: 10px 0; width: 100%; text-align: left;}
    .news_view_con .news_arrow .table_arrow tr td:nth-child(1){width: 130px;}
    .news_view_con .news_arrow .table_arrow tr td:nth-child(2){width:calc(100% - 130px); }
    .news_view_con .news_wrap .news_top .table_news td{display: block;}
    .news_view_con .news_wrap .news_top .table_news .news_date{padding: 10px 0; width: 100%; text-align: left;}

    

    /* 온라인문의 */
    .contact_con .inner .contact_in{width: 100%; display: block; margin: 0; padding-right: 0;}
    .contact_con .inner .contact_tel{width: 100%; display: block; margin:70px 0 0 0;}

    /* 오시는길 */
    .location_con .txt_wrap{display: block;}
    .location_con .txt_wrap .right{width: 100%; padding-left: 0;  margin-top: 40px;}


    /* 연혁 */
    .history_con .left{display: block; text-align: center; margin-right: 0; margin-bottom: 64px; position: static; width: 100%;}
    .history_con .right{display: block; margin-right: 0; width: 100%;}
    .history_con .tab{display: flex; align-items: center; justify-content: center;}
    .history_con .tab a{margin-right: 8px;}
    .history_con .left .tab a + a{margin-top: 0;}
    .history_con .tab a:last-child{margin-right: 0;}
    .history_con .left .tab a.tab_on::after{transform: translateY(-50%) rotate(310deg); top: 46%;}
    .history_con .right ul li .con_wrap{padding-left: 46px;}

    /* 브랜드스토리 */
    .brand_con .con.con01 .txt_wrap b{font-size: 62px;}
    .brand_con .con.con01{padding: 0 20px;}
    .brand_con .con.con01 .txt_wrap p br{display: none;}
    .brand_con .con.con02 .txt_wrap b{font-size: 32px; word-break: keep-all;}
    .brand_con .con.con02 .txt_wrap p{font-size: 17px;}

    /* ci */
    .ci_con .con_in_bg .right b, .ci_con .con_in>b{font-size: 25px;}
    .ci_con .con_in p{font-size: 18px;}
    .ci_con .con_in p br{display: none;}
    .ci_con .con_in_bg .bd-lg{display: block;}
    .ci_con .con_in_bg .right{padding-left: 0; width:100%; margin-top: 48px;}
    .ci_con .con_in_bg .left{width: 100%; display: flex; align-items: center; justify-content: space-between;}
    .ci_con .con_in_bg .right{width: 100%;}
    .ci_con .con_in_bg .left div{width: 49%;}
    .ci_con .con_in_bg .left div + div{margin: 0;}

    
    /* 제품소개 */
    .pd_con_common{padding: 100px 0;}
    .pd_con .dis-f{display: block;}
    .pd_con .con{width: 100%;}
    .pd_con .con.con01 .left{margin-bottom: 60px;}
    .pd_con .con.con01 .right .img_wrap{padding-bottom: 50%; }
    .pd_con .con.con01 .right{border-top-right-radius: 50px;}
    .pd_con .con.con02{flex-direction: column-reverse;}
    .pd_con .con.con02 .left{margin-top: 60px; margin-bottom: 60px;}
    .pd_con .con.con02 .right{border-top-left-radius: 80px;}
    .pd_con .con.con01 .right .img_wrap{background:url(../img/sub/pd_img01.png)no-repeat center center /cover; padding-bottom: 90%;}
    .pd_con .con.con02 .right .img_wrap{background:url(../img/sub/pd_img02.png)no-repeat center center /cover; padding-bottom: 50%;}
    
    .pd_con .pd_title{font-size: 29px; font-weight: 500;}

    .pd_con02 .con.con01 ul{display: block;}
    .pd_con02 .con.con01 ul li{width: 100%; float: inherit;}
    .pd_con02 .con.con01 ul li .con_wrap{display: flex; align-items: center; justify-content: center;}
    .pd_con02 .con.con01 ul li .con_wrap::after{display: none;}
    .pd_con02 .con.con01 ul li .con_wrap::before{display: none;}
    .pd_con02 .con.con01 ul li .con_wrap .img_wrap{width: 150px;}
    .pd_con02 .con.con01 ul li .con_wrap .txt_wrap{text-align: left; width: calc(100% - 150px);padding-left: 50px; }

    .pd_con04 ul li p{font-size: 14px;}

    /* 매트리스 */
    .met_con .con{padding: 90px 0;}
    .met_con .con .inner .left{padding-right: 80px;}
   

    .video_wrap{margin-bottom: 60px; }
    .video_wrap iframe{height: 500px;}
}


/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
 

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

    /* 공통 */
    .main_title b{margin-bottom: 24px;}
    .main_title p{padding-left: 0; font-size: 17px; word-break: keep-all;}
    .main_title p br{display: none;}

    /* 썸네일 뉴스 */
    .news_thum .notice_con>ul li{width: 50%; padding: 8px !important;}

    /* 회사소개 */
    .info_con .con.con01 .img_wrap{padding-bottom: 70%;}
    .info_con .con.con02{margin-top: 70px;}
    .info_con .con.con03 .txt_wrap{text-align: center;}



    /* 오시는길 */
    .location_con .map_wrap{height: 450px;}
    .location_con .map_wrap .root_daum_roughmap .wrap_map{height: 450px !important;}
    .location_con .txt_wrap .right b{font-size: 26px;}
    .location_con .txt_wrap .left{width: 215px; max-width: 100%;}

    /* ci */
    .ci_con .con_in p br{display: none;}

    /* 제품소개 */
    .pd_con04 ul li p{font-size: 13px; padding: 12px;}

    /* 매트리스 */
    .met_con .con .inner{display: block;}
    .met_con .con .inner .left{width: 100%; padding-right: 0;}
    .met_con .con .inner .right{width: 100%; margin-top: 60px; border-top-left-radius: 60px;}
    .met_con .con .inner .left p{font-size:16px;}
    .met_con .con .inner .left b{word-break: keep-all;}
    .met_con .con .inner .left span{font-size: 32px; margin-bottom: 24px;}
    .met_con .con .inner .left img{margin-bottom: 36px;}
}


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


    /* 공통 */
    .sub-body{font-size: 16px; padding:70px 0;}
    .sub_title{margin-bottom: 50px;}
    .sub-tab-ver02 ul li a{padding: 10px 21px; font-size: 15px;}
    .sub_title h3{font-size: 40px;}
    .main_title{margin-bottom: 50px; font-size: 16px; padding-right: 0;}
    .main_title p{margin-top:0 ;}
    .main_title b{font-size: 35px;}
    .main_title span{font-size: 17px;}

    /* 공지사항 */
    .notice_con>ul{flex-wrap: wrap; display: flex; margin-left: -8px; margin-right: -8px;}
    .notice_con>ul li:first-child{padding: 8px;}
    .notice_con>ul li{width: 50%;  padding: 8px; margin-bottom: 48px; border-bottom: 0;}
    .notice_con>ul li .con_wrap{width: 100%; display: block;}
    .notice_con>ul li .txt_wrap{width: 100%; padding-left: 0; margin-top: 16px;}
    .notice_con>ul li .img_wrap{width: 100%;}
    .notice_con>ul li .txt_wrap p{font-size: 15px;}
    .notice_con>ul li .txt_wrap b{font-size: 18px;}
    .notice_con>ul li .img_wrap .img_in{padding-bottom: 60%;}

    /* 뷰어 */
    .news_view_con .news_wrap .news_con .new_con_text{font-size: 16px;}

    

    /* 썸네일 뉴스 */
    .news_thum .notice_con>ul li{margin-bottom: 32px;}

    /* 온라인문의 */
    
    .privacy_con{padding-bottom: 36px;}
    .privacy_con input[type="checkbox"] + label span{top: 56px;}


    .inquiry_con>h3{font-size: 30px; margin-bottom: 16px;}
    .inquiry_btn_wrap{float: inherit; width: 100%;}
    .inquiry_con .con{margin-left: -8px; margin-right: -8px;}
    .inquiry_con .con>div{padding: 8px;}
    .contact_con .privacy_con{margin-top: 24px;}
    .privacy_con .text_wrap .inner{height: 165px;}
    .inquiry_con textarea{height: 165px;}
    .contact_con .inner .contact_tel .top p{font-size: 16px;}


    /* 회사소개 */
    .info_con .con.con01 .img_wrap{margin-top: 60px;}
    .info_con .con.con01 .img_wrap::after{display: none;}
    .info_con .con.con01 .img_wrap{background-attachment: inherit;}
    .info_con .con.con02 .txt_wrap{text-align: center;padding-right: 0; }
    .info_con .con + .con{margin-top: 32px;}

    .info_con .con .txt_wrap b{font-size: 22px;}
    .info_con .con .txt_wrap b br{display: none;}
    /* 오시는길 */
    .location_con .txt_wrap .right b{font-size: 22px;}
    .location_con .map_wrap{height: 350px;}
    .location_con .map_wrap .root_daum_roughmap .wrap_map{height: 350px !important;}

    /* 연혁 */
    .history_con .right ul li + li{margin-top: 60px;}
    .history_con .right ul li p.year{font-size: 29px;}
    .history_con .right ul li .con_wrap{padding-left: 24px;}
    .history_con .right ul li p.year{margin-bottom: 16px;}
    .history_con .left b{font-size: 30px;}

    /* 브랜드스토리 */
    .brand_con .con.con01 .txt_wrap b{font-size: 46px;}
    .brand_con .con.con01 .txt_wrap p{font-size: 16px;}
    .brand_con .con.con01::after{display: none;}
    .brand_con .con.con03 ul li .con_wrap{display: block;}
    .brand_con .con.con03 ul li .con_wrap .txt_wrap{width: 100%; padding-left: 0; text-align: center;}
    .brand_con .con.con03 ul li + li{margin-top: 80px;}
    .brand_con .con.con03 .img_wrap{width: 200px; height: 200px;}
    .brand_con .con.con03 ul li .txt_wrap p{font-size: 16px;}
    .brand_con .con.con02 .txt_wrap b{font-size: 27px;}
    .brand_con .con.con02{padding: 70px 0;}
    .brand_con .con.con02 .txt_wrap{margin-top: 16px;}
    .brand_con .con.con02::after{height: 60px;}

    /* ci */
    .ci_con .con_in_color ul li .color span{font-size: 19px;}
    .ci_con .first_con::after{display: none;}
    .ci_con .con_in p{font-size: 16px;}
    .ci_con .con_in_color ul li{width: 100% !important;}
    .ci_con .con_in_color ul li + li{margin-top: 24px;}
    .ci_con .con_in_color ul{display: block;}
    .ci_con .con_in_bg{padding: 70px 0;}
    .ci_con .con_in{margin-top: 70px;}
    .ci_con .con_in_color ul li .txt_wrap span{font-size: 17px;}

    /* 제품소개 */
    .pd_con02 .con.con01 ul li .con_wrap .img_wrap{width: 80px;}
    .pd_con02 .con.con01 ul li .con_wrap .txt_wrap{text-align: left; width: calc(100% - 80px);padding-left: 50px; }
    .pd_con02 .con.con01 ul li .con_wrap .txt_wrap b{font-size: 18px;}
    .pd_title02 b{font-size: 23px;}
    .pd_title02{margin-bottom: 50px;}
    .pd_con_common{padding: 70px 0;}
    .pd_con02 .con.con01 ul li .con_wrap .img_wrap img{width: 60px;}
    .pd_con03 .con.con01 ul li .con_wrap .img_wrap{width: 110px;}
    .pd_con03 .con.con01 ul li .con_wrap .img_wrap img{width: 110px;}
    .pd_title02 p{font-size: 15px;}
    .pd_con04 ul li p{font-size: 12px; height: calc(100% - 49px);}

    .pd_con02 .con.con01 ul li{background-color: #fff; padding:16px 16px;}
    .pd_con03 .con.con01 ul li{background-color: #f5f5f5;}
    .pd_con .con.con01 .left p{font-size: 15px;}
    .pd_con .pd_title{font-size: 23px;}
    .pd_con .con.con02 .left{margin: 60px 0;}
    .pd_con .con.con01 .left{margin-top: 60px;}

    /* 매트리스 */
    .met_con .con{padding: 70px 0;}
    .met_con .top .img_wrap::after{display: none;}

    /* 베개 */
    .pillow_con .con.con02 .con_wrap .left{width: 110px;}
    .pillow_con .con.con02 .con_wrap .right{width: calc(100% - 110px); padding: 24px; padding-left: 50px;}
    .pillow_con .con02 ul li + li{margin-top: 16px;}
    .pillow_con .con.con02 .con_wrap{}
    .pillow_con .con.con02 .con_wrap .right b{font-size: 19px;}

    .video_wrap{margin-bottom: 40px; }
    .video_wrap iframe{height: 320px;}
}


/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
    
    /* 공통 */
    .sub_title h3{font-size: 30px;}
    .main_title b{font-size: 29px;}
    .main_title span{font-size: 16px;}
    .sub-banner .txt_wrap{font-size: 30px;}
    .sub-tab-ver02 ul li a{min-width: 130px;}

    /* 공지사항 */
    .notice_con>ul{margin: 0;}
    .notice_con>ul li:first-child{padding: 0;}
    .notice_con>ul li{width: 100%; padding: 0;}
    .notice_con>ul li .txt_wrap b{padding-bottom: 8px;}

    /* 뷰어 */
    .search>input{width: 100%; height: 40px;}
    .news_view_con .news_wrap .news_top .table_news .news_title{font-size: 1.2rem;}
    .news_view_con .news_wrap .news_top .table_news .news_date{font-size:0.9rem; width: 100%; text-align: left;}
    .news_view_con .news_arrow .table_arrow tr td:nth-child(1){width: 100px; font-size: 0.9rem;}
    .news_view_con .news_arrow .table_arrow tr td:nth-child(2){width: calc(100% - 100px); font-size: 0.9rem;}
    .news_view_con .news_list_btn span{width: 150px; height: 45px; line-height: 45px;}

    /* 썸네일 뉴스 */
    .news_thum .notice_con>ul li{width: 100% !important; padding-top: 0;}
    

    /* 온라인문의 */
    .privacy_con h3{font-size: 16px;}
    .privacy_con{padding: 16px; padding-bottom: 30px;}
    .privacy_con input[type="checkbox"] + label span{padding-right: 16px; left: 40px; top: 47px; font-size: 14px;}
    .privacy_con .text_wrap .inner ul li>p{font-size: 14px;}
    .privacy_con .text_wrap .inner ul li dl{font-size: 14px;}
    .privacy_con .text_wrap .inner ul li dl dd>p{padding-left: 0;}
    .privacy_con .text_wrap .inner ul li dl dd>span{padding-left: 8px;}
    .privacy_con .text_wrap .inner ul li>p{padding-bottom: 0;}

    .inquiry_con>h3, .contact_con .inner .contact_tel b{font-size: 25px;}
    .inquiry_con .con{margin: 0;}
    .inquiry_con .con>div{width: 100%; padding:8px 0;}
    .inquiry_btn_wrap p{font-size: 15px;}
    .contact_con .inner .contact_tel .bottom{padding:18px;}
    .inquiry_btn_wrap p{font-size: 13px 24px;}

    /* 오시는길 */
    .location_con .txt_wrap .right b{font-size: 20px;}
    .location_con .map_wrap{height: 250px;}
    .location_con .map_wrap .root_daum_roughmap .wrap_map{height: 250px !important;}
    .location_con .txt_wrap .left{display: none;}
    .location_con .txt_wrap{margin-top: 16px;}

    /* 연혁 */
    .history_con .tab{display: block;}
    .history_con .left .tab a{width: 100%; display: block;}
    .history_con .left .tab a + a{margin-top: 8px;}
    .history_con .left .tab a.tab_on{text-align: center;}
    .history_con .left .tab a.tab_on::after{right: 35%;}
    .history_con .left b{font-size: 28px; margin-bottom: 24px;}
    .history_con .right ul li p.year{font-size: 24px;}
    .history_con .right ul li dl dd{font-size: 15px;}
    .history_con .left b{font-size: 20px;}

    /* 회사소개 */
    .info_con .con .txt_wrap b{font-size: 19px;}
    .info_con .con .txt_wrap p{font-size: 16px;}

    /* 브랜드스토리 */
    .brand_con .con.con01 .txt_wrap b{font-size:35px;}
    .brand_con .con.con01 .txt_wrap p{font-size: 15px;}
    .brand_con .con.con02 .txt_wrap b{font-size: 23px;}


    /* ci */
    .ci_con .con_in_color ul li .color span{font-size: 17px;}

    /* 제품소개 */
    .pd_con02 .con.con01 ul li .con_wrap{display: block;}
    .pd_con02 .con.con01 ul li .con_wrap .txt_wrap{width: 100%; padding-left: 0; text-align: center;}
    .pd_con02 .con.con01 ul li .con_wrap .img_wrap{margin: 0 auto;}
    .pd_con02 .con.con01 ul li + li{margin-top: 48px;}

    .pd_title02 b{font-size: 21px;}

    /* 매트리스 */
    .met_con .con{padding: 60px 0;}
    .met_con .con .inner .left span{font-size: 29px;}
    .met_con .con .inner .right{margin-top: 40px; border-top-left-radius: 40px;}
    .met_con .con .inner .left p{font-size: 15px;}
    .met_con .con .inner .left b i{display: block;}

    /* 베개 */
    .pillow_con .con.con02 .con_wrap .left{width: 100%;}
    .pillow_con .con.con02 .con_wrap .left img{width: 110px; margin: 0 auto;}
    .pillow_con .con.con02 .con_wrap .right{width: 100%; padding:16px;}
    .pillow_con .con.con02 .con_wrap{display: block;}
    .pillow_con .con.con02 ul li + li{margin-top: 24px;}
    .pillow_con .con.con02 .con_wrap .right .txt_wrap span{font-size: 2.4rem; right: 0; left: inherit; top: -19px;}
    .pillow_con .con.con02 .con_wrap .right b{margin-bottom: 8px;}

    .video_wrap iframe{height: 220px;}
    

}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){


    /* 공통 */
    .sub_title{margin-bottom: 35px;}
    .sub-tab-ver02 ul li a{width: 110px; min-width: 110px;}
    .sub-tab-ver02 ul{margin-left: -4px; margin-right: -4px;}
    .sub-tab-ver02 ul li{padding: 4px;}
    .sub-banner .sub-tab .navi p{font-size: 14px;}
    .sub-banner .sub-tab {bottom: 35%;}

    /* 공지사항 */
    .notice_con>ul li .txt_wrap b{font-size: 16px;}

    /* 연혁 */
    .history_con .left .tab a.tab_on::after{display: none;}

    
}