@import url(sub.css);
/*
.kingkong{}
.kingkong .tit1{color:#2c0000; font-weight:bold;}
.kingkong .tit1 font{font-weight:400;}


.kingkong .subcon1 .inbox{ text-align:center;}
.kingkong .subcon1 .inbox>span img{display:block;}
.kingkong .subcon1 .inbox>span,.kingkong .subcon1 .inbox>div{display:inline-block; vertical-align:middle;}
.kingkong .subcon1 .inbox>span{position:relative; z-index:1;color:#2c0000; font-weight:300}
.kingkong .subcon1 .inbox>div{position:relative; background-color:#f8f0e0;}
.kingkong .subcon1 .inbox>div span{color:#2c0000; font-weight:500}
.kingkong .subcon1 .inbox>div .h_line{position:absolute; top:50%; margin-top:-1px;}

.kingkong .subcon4{}
.kingkong .subcon4 h5{color:#422315;}
.kingkong .subcon4 li h5 .quot{display:block;}
.kingkong .subcon4 li div{position:relative; background-color:#fff; color:#222; font-weight:300; line-height:1.5em; text-align:justify}
.kingkong .subcon4 li .line{display:block; position:absolute;}
*/

.kingkong .subcon1{}
.kingkong .subcon1 .inbox>img{position:relative; z-index:1;}
.kingkong .txt{color: #2c0000;font-weight: 400;text-align: center;font-family: "GmarketSansMedium", Malgun Gothic, "돋움" !important;letter-spacing: -0.07em;}
.kingkong .tit1{color:#2c0000; font-weight:bold;}
.kingkong .tit1 font{font-weight:400;}

.kingkong1{font-size:0;position: relative;}
.kingkong1>div{display:inline-block; vertical-align:middle}
.square{}
.square div{display:table;}
.square div h5{display:table-cell; vertical-align:middle;text-align:center;}
.square h5{color:#2c0000}
.square h5 span{display:inline-block;line-height: 0.7em;}
.square h5 font {display:block; }

.kingkong1>div h6{color:#2c0000; line-height:1.2em}
.kingkong1 .kk1_txt p{color:#222; font-weight:300; line-height:1.5em}




.kingkong .subcon2{position:relative;}
.kingkong .subcon2 h5 span:after{bottom:0}
.kingkong .bg{
    position:absolute;
    top: 0;
    left:0;
    width:100%;
    overflow:hidden;
    -webkit-clip-path:  inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    }
/*.kingkong .bg span{position:fixed;top:0;left:0;width:100%;height:100%;background: url(/images/brand/sub1_bg.png) no-repeat 50% 50%;z-index:-1;background-size: cover;}*/


.ie_else .kingkong .bg:before{content:''; position:fixed;top:0;left:0;width:100%;height:100%;background: url(/images/brand/sub1_bg.png) no-repeat 50% 50%;z-index:-1;background-size: cover;}

.ie .kingkong .bg{background: url(/images/brand/sub1_bg.png) no-repeat 50% 50% fixed; background-size: cover;} 


.kingkong .subcon1_2 .inbox{border-top:1px solid #f5ece9; }

.kingkong .subcon1_2 h5 {}
.kingkong .subcon1_2 h5 font{color:#2c0000; font-size:125%; vertical-align:bottom}
/*.kingkong .subcon1_2 .inbox p{margin-bottom: 4%;}*/

.kingkong .subcon2 .inbox{position:relative; z-index:1;border-bottom:1px solid #f5ece9; background-color:#fff;}
.kingkong .subcon2 h5{color:#2c0000;margin-bottom: 20px;font-weight: 400;}
.kingkong .subcon2 h5 span{display:inline-block;}
.kingkong .subcon2 p{color:#222; font-weight:300; text-align:justify; line-height:1.5em}


.kingkong .subcon3{}
.kingkong .subcon3 .list{position:relative; background-color:#fff; font-size:0;}
.kingkong .subcon3 .list_txt{display:inline-block; vertical-align:top}
.kingkong .subcon3 .list_txt h5{color:#222;}
.kingkong .subcon3 .list_txt p{color:#222;line-height:1.5em;text-align: justify;}
.kingkong .subcon3 .list_img{position:absolute;}

.limg1{background-color:#fdb913}
.limg1 h5{color:#fff;  text-align:center;}
.limg1 img{display:block; position:absolute;}

.limg2{background:url(/images/brand/sub1_con3.png) no-repeat 50%; background-size:cover !important;}
.limg3{background:url(/images/brand/sub1_con4.png) no-repeat 50%; background-size:cover !important;}






/*-----------------------------------------------------------------*/
.intro1{position:relative;}
.intro1 h3{color:#2c0000; line-height:1.1em}
.intro1 div{position:absolute; background-color:#2c0000; color:#fff; font-weight:300; text-align:center}
.intro1 div strong{display:block; color:#fff; }
.intro1 div span{position:absolute; top:50%; margin-top:-1px;}
.intro1 li{background-repeat:no-repeat;background-position: 0 45%;}
.intro1 li span{color:#2c0000;display: inline-block;line-height: 0.7em;}
.intro1 li.list1{background-image:url(/images/brand/sub2_con1_1.png);}
.intro1 li.list2{background-image:url(/images/brand/sub2_con1_2.png);}
.intro1 li.list3{background-image:url(/images/brand/sub2_con1_3.png);}


.intro .subcon2{position:relative;padding-bottom: 0;}
.intro .bg{
    position:absolute;
    top: 30px;
    left:0;
    width:100%;
    overflow:hidden;
    -webkit-clip-path:  inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    }
/*.intro .bg span{position:fixed;top:0;left:0;width:100%;height:100%;background: url(/images/brand/sub2_bg.png) no-repeat 50% 50%;z-index:-1;background-size: cover;}*/

.ie_else .intro .bg:before{content:''; position:fixed;top:0;left:0;width:100%;height:100%;background: url(/images/brand/sub2_bg.png) no-repeat 50% 50%;z-index:-1;background-size: cover;}

.ie .intro .bg{background: url(/images/brand/sub2_bg.png) no-repeat 50% 50% fixed; background-size: cover;} 



.intro .subcon2 .inbox{position:relative; z-index:1;border-bottom:1px solid #f5ece9; background-color:#fff;}
.intro .subcon2 .sub_title{margin-bottom:0 !important;}
.intro .subcon2 .sub_title span{display:inline-block;}
.intro .subcon2 .sub_title span:after{bottom:0;}
.intro .subcon2 li{ font-size:0;}
.intro .subcon2 li span{display:inline-block;color:#222;font-weight:300;vertical-align:middle;line-height: 1.3em;}
.intro .subcon2 li img{vertical-align:middle;}

.intro .subcon3{}
.intro_txt .sub_title {display:inline-block;}
.intro .intro_txt p{color: #222; text-align: justify; font-weight: 300; line-height: 1.5em;}
.intro .intro_txt p span{float:left; color:#222; }






/*-----------------------------------------------------------------*/

.history{}


.story_list{}
.story_list li{position: relative;border-bottom:1px solid #f0eae7;}
.story_list li dt{font-size:0;}
.story_list li dt span{color:#2c0000;font-weight:bold;display: inline-block;}
.story_list li dt div{position:relative; display:inline-block; background-color:#f8f0e0; color:#2c0000; font-weight:bold; vertical-align:middle;}
.story_list li dt div .h_line{position:absolute; display:block; top:50%; margin-top:-1px; transform:scaleX(0);transform-origin:0 0}
.story_list li dd{color:#222; font-weight:300; line-height:1.4em}
.story_list li dd span,.story_list li dd div{display:inline-block;vertical-align: top;line-height: 1.4em;}

/*-----------------------------------------------------------------*/

.BI .subcon1{position:relative;}
.BI .subcon1>div{position:relative;}
.BI .subcon1 h5{position:absolute; color:#fff; font-weight:300; display:table; text-align:center;background-color:#2c0000;}
.BI .subcon1 h5 span{display:table-cell; color:#fff; font-weight:300; vertical-align:middle}
.BI .subcon1 .bi_box1 h5{background-color:#fdb913;}

.BI .subcon1>div{display:inline-block;}


@media (min-width:1200px) {

.kingkong .txt{margin-bottom: 17px;font-size: 26px;}
.kingkong .tit1{margin-bottom:130px; font-size:60px;}
.kingkong .tit1 font{font-size:50px;}
.kingkong1{margin-top:-100px;}
.square div{width:340px; height:300px; border:10px solid #fdb913; }
.square h5{font-size:65px;}
.square h5 font{font-size:34px; margin-bottom:19px;}

.kingkong1 .kk1_txt{width:960px; padding-left:130px;}
.kingkong1>div h6{font-size:40px; margin-bottom:35px}
.kingkong1>div h6 .gm_bold{letter-spacing:-2px;}
.kingkong1 .kk1_txt p{font-size:22px;}

.kingkong .subcon1_2 .inbox{padding:100px 0; }
.kingkong .subcon1_2 h5 {font-size:40px;margin-bottom: 40px;}


.kingkong .subcon1_2 .inbox{padding: 100px 0 150px;}
.kingkong .bg{height:300px;}
.kingkong .subcon2 {padding-top: 200px !important;}
.kingkong .subcon2 .inbox{padding:45px 60px 90px;}
.kingkong .subcon2 h5{font-size:40px}
.kingkong .subcon2 p{font-size:22px;}


.kingkong .subcon3 .list_txt {padding-top:50px; padding-bottom:60px}
.kingkong .subcon3 .list_txt h5{font-size:30px; margin-bottom:30px;}
.kingkong .subcon3 .list_txt p{font-size:18px;}


.kingkong .subcon3 .txt1{padding-left:15px; padding-right:60px; width:450px;}
.kingkong .subcon3 .txt2{padding-left:470px; padding-right:60px; width:850px;}
.kingkong .subcon3 .txt3{padding-left:450px;}

.list_img{height:48%; width:400px; }
.limg1{padding-top: 50px;left:450px;top:0;}
.limg1 h5{font-size:40px;line-height: 1.1em;}
.limg1 img{left:-25px; bottom:-60px;}

.limg2{left:0; bottom:0;}
.limg3{right:0; bottom:0;}


/*--------------------------------------------------------*/


.intro1{padding:40px 0 50px 520px; background:url(/images/brand/sub2_con1.png) no-repeat 0 50%}
.intro1 h3{font-size:40px; margin-bottom:30px;}
.intro1 p{margin-bottom:60px;}
.intro1 div {left:310px;bottom:30px;width:225px;padding: 60px 0;}
.intro1 div strong{font-size:60px; margin-bottom:15px;}
.intro1 div font{font-size:30px;}
.intro1 div span{right:-30px;}
.intro1 ul{padding-left:60px}
.intro1 li{padding: 17px 0 17px 38px;}
.intro1 li span{font-size:35px;}


.intro .bg{height:300px;}
.intro .subcon2 {padding-top:220px !important;}
.intro .subcon2 .inbox{padding:45px 60px 90px;}

.intro .subcon2 li{width:50%; padding-left:50px; margin-top:80px;}
.intro .subcon2 li span{font-size:22px; width:calc(100% - 135px)}
.intro .subcon2 li img{margin-right:35px}


.intro .subcon3 .inbox{background:url(/images/brand/sub2_con2.png) no-repeat 50% 0; padding:120px 0 60px;}
.intro .subcon4 .inbox{background:url(/images/brand/sub2_con3.png) no-repeat 50% 0;padding: 120px 0 80px;}
.subcon3 .intro_txt{padding: 0 460px 0 45px;}
.subcon4 .intro_txt{padding: 0 45px 0 460px;}
.intro_txt .sub_title{margin-bottom:30px;}
.intro .intro_txt p{font-size:19px;}
.intro .intro_txt p span {font-size: 55px;line-height: 1.2em;height: 50px;margin-right: 5px;}
.intro .intro_txt .sub_title:after{bottom:8px;}
.mb_pen:after{display:none;}
/*-------------------------------------------------------*/


.story_list li{padding:70px 0;}
.story_list li dl{width:930px; margin:0 auto;}
.story_list li dt span{font-size:30px;}
.story_list li dt div{width:180px; line-height:180px; margin-right:40px; font-size:35px;}
.story_list li dt div .h_line{right:-30px; width:40px;}
.story_list li dd {font-size:22px; padding-left:220px; margin-bottom:25px;}

.BI .subcon1 h5{width:85px; height:85px; line-height:85px; top:-10px; left:-10px; font-size:22px;}
.BI .subcon1 .bi_box1{margin:40px 390px 70px;}
.BI .subcon1 .bi_box2{margin-right:100px}
.BI .subcon2 img,.BI .subcon3 img,.BI .subcon4 img{margin: 50px;}

}
@media (min-width:640px){
.intro .subcon2 li{float:left; width:50%}
}

@media (max-width:1200px){
.m_enter{display:block;}
.intro .intro_txt .pen:after{bottom:5px;}
.pc_pen:after{display:none;}
} 
@media (min-width:640px) and (max-width:1200px){

.kingkong .txt{margin-bottom: 13px;font-size: 19px;}
.kingkong .tit1{margin-bottom:75px; font-size:42px;}
.kingkong .tit1 font{font-size:35px;}
.kingkong1{margin-top: -54px;}
.square div{width: 210px;height: 210px;border:10px solid #fdb913;}
.square h5{font-size: 43px;}
.square h5 font{font-size: 21px;margin-bottom: 5px;}

.kingkong1 .kk1_txt{width: calc(100% - 210px);padding-left: 25px;}
.kingkong1>div h6{font-size: 28px;margin-bottom: 15px;}
.kingkong1>div h6 .gm_bold{letter-spacing:-2px;}
.kingkong1 .kk1_txt p{font-size: 16px;}
.kingkong .subcon1_2 .inbox{padding: 70px 0 100px;}
.kingkong .subcon1_2 h5 {font-size:30px;margin-bottom: 5%;}


.kingkong .bg{height: 220px;}
.kingkong .subcon2 {padding-top: 150px !important;}
.kingkong .subcon2 .inbox{padding: 35px 15px 70px;}
.kingkong .subcon2 h5{font-size: 28px;}
.kingkong .subcon2 p{font-size: 16px;}


.kingkong .subcon3 .list_txt {padding-top: 3%;padding-bottom: 4%;}
.kingkong .subcon3 .list_txt h5{font-size: 23px;margin-bottom: 20px;}
.kingkong .subcon3 .list_txt p{font-size: 15px;line-height: 1.4em;}


.kingkong .subcon3 .txt1{padding-left: 0;padding-right: 2%;width: 34%;}
.kingkong .subcon3 .txt2{padding-left: 34%;width: 65.5%;}
.kingkong .subcon3 .txt3{padding-left: 33%;width: 65.5%;}

.list_img{height: 46%;width: 31.25%;max-width: 280px;}
.limg1{padding-top: 30px;left: 34%;top:0;}
.limg1 h5{font-size: 28px;line-height: 1.2em;}
.limg1 img{left: 50%;bottom: -13%;margin-left: -60%;width: 120%;/* max-width: 330px; */}

.limg2{left:0;top: 50%;}
.limg3{right:0;top: 50%;}


/*--------------------------------------------------------*/

.intro1{padding: 4% 0 0 42%;background:url(/tab_images/brand/sub2_con1.png) no-repeat 0 50%;background-size:39%;}
.intro1 h3{font-size:28px;margin-bottom: 4%;}
.intro1 p{margin-bottom: 13%;}
.intro1 div {right: 59%;bottom: -2%;width:145px;padding: 37px 0;}
.intro1 div strong{font-size:40px;margin-bottom: 10px;}
.intro1 div font{font-size:20px;}
.intro1 div span{right: -12%;width: 26%;}
.intro1 ul{padding-left: 5%;}
.intro1 li{padding: 14px 0 14px 5%;background-size: 17px !important;}
.intro1 li span{font-size:25px;}

.intro .bg{height:220px;}
.intro .subcon2 {padding-top:150px !important}
.intro .subcon2 .inbox{padding: 40px 0 60px;}

.intro .subcon2 li{width:50%;margin-top: 45px;padding-right: 3%;}
.intro .subcon2 li span{font-size: 15px;width: calc(100% - 75px);}
.intro .subcon2 li img{margin-right: 10px;width: 65px;}

.intro .subcon3,.intro .subcon4{max-width:1000px; margin:0 auto;}
.intro .subcon3 .inbox{background: url(/tab_images/brand/sub2_con2.png) no-repeat 60% 0;padding: 11% 0 13%;background-size: cover;}
.intro .subcon4 .inbox{background: url(/tab_images/brand/sub2_con3.png) no-repeat 40% 0;padding: 9% 0 11%;background-size: cover;}
.subcon3 .intro_txt{padding: 0 41% 0 3%;}
.subcon4 .intro_txt{padding: 0 3% 0 39%;}
.intro_txt .sub_title{margin-bottom: 4%;}
.intro .intro_txt p{font-size: 16px;}
.intro .intro_txt p span {font-size: 41px;line-height: 1.3em;height: 41px;margin-right: 4px;}


/*-------------------------------------------------------*/


.story_list li{padding:45px 0;}
.story_list li dl{padding-left:5%;}
.story_list li dt span{font-size:23px;}
.story_list li dt div{width:20%; padding:8% 0; margin-right:4%; font-size:25px;}
.story_list li dt div .h_line{right:-20px; width:30px;}
.story_list li dd {font-size:17px; padding-left:24%; margin-bottom:18px}


.BI .subcon1 h5{width:60px; height:60px; line-height:60px; top:-10px; left:-7px; font-size:17px;}
.BI .subcon1 .bi_box1{margin:3% 27% 5%; width:46%}
.BI .subcon1 .bi_box2,.BI .subcon1 .bi_box3{width:26.7%;}
.BI .subcon1 .bi_box2{margin-right:9%}
.BI .subcon2 img,.BI .subcon3 img{width: 23.7%;margin: 4.5%;}
.BI .subcon4 img{width:62.5%}
.BI .subcon5 img{width:92.8%}
}
@media (max-width:640px){

.kingkong .txt{margin-bottom: 8px;font-size: 18px;}
.kingkong .tit1{margin-bottom:50px; font-size:40px;}
.kingkong .tit1 font{font-size:28px;}
.kingkong1{}
.square{position:absolute;bottom: 100%;right: 0;width: 47.3%;z-index: 1;background-color: #fff;}
.square div{width: 100%;border: 5px solid #fdb913;padding: 10% 0;}
.square h5{font-size: 36px;}
.square h5 font{font-size: 19px;margin-bottom: 5px;}

.kingkong1 .kk1_txt{width: 100%;}
.kingkong1>div h6{font-size: 24px;margin-bottom: 10px;}
.kingkong1>div h6 .gm_bold{letter-spacing:-2px;}
.kingkong1 .kk1_txt p{font-size: 14px;}


.kingkong .subcon1_2 h5 {font-size:20px;margin-bottom: 5%;}

.kingkong .subcon1_2 .inbox{padding: 50px 0 70px;}
.kingkong .bg{height: 210px;}
.kingkong .subcon2 {padding-top: 120px !important;}
.kingkong .subcon2 .inbox{padding: 35px 15px 70px;}
.kingkong .subcon2 h5{font-size: 24px;}
.kingkong .subcon2 p{font-size: 15px;}


.kingkong .subcon3 .list_txt {padding-top: 3%;padding-bottom: 4%;}
.kingkong .subcon3 .list_txt h5{font-size: 20px;margin-bottom: 13px;}
.kingkong .subcon3 .list_txt p{font-size: 13px;line-height: 1.2em;}


.kingkong .subcon3 .txt1{padding-left: 40%;width: 100%;}
.kingkong .subcon3 .txt2{padding-right: 40%;width: 100%;text-align: right;padding-bottom: 23%;padding-top: 23%;}
.kingkong .subcon3 .txt2 p{text-align:right}
.kingkong .subcon3 .txt3{padding-left: 40%;width: 100%;}

.list_img{width: 38%;height: 31%;}
.limg1{padding-top: 7%;left: 0;top:0;}
.limg1 h5{font-size: 19px;line-height: 1.2em;}
.limg1 img{width: 100%;max-width: 209px;position: relative;margin: 0 auto;bottom: -7%;}

.limg2{right: 0;top: 37%;height: 26%;}
.limg3{left: 0;bottom: 2%;height: 29%;}



/*--------------------------------------------------------*/

.intro1{padding: 4% 0 0 40%;background: url(/mb_images/brand/sub2_con1.png) no-repeat 0 50%;background-size: 36%;}
.intro1 h3{font-size: 20px;margin-bottom: 4%;}
.intro1 p{margin-bottom: 8%;}
.intro1 div {right: 60%;bottom: -2%;width: 120px;padding: 35px 0;}
.intro1 div strong{font-size: 30px;margin-bottom: 5px;}
.intro1 div font{font-size: 16px;}
.intro1 div span{right: -12%;width: 26%;}
.intro1 ul{padding-left: 10%;}
.intro1 li{padding: 11px 0 11px 8%;background-size: 13px !important;}
.intro1 li span{font-size: 18px;}

.intro .bg{height: 200px;}
.intro .subcon2 {padding-top: 160px !important;}
.intro .subcon2 .inbox{padding: 30px 0;}

.intro .subcon2 li{margin-top: 27px;}
.intro .subcon2 li span{font-size: 14px;width: calc(100% - 58px);}
.intro .subcon2 li img{margin-right: 8px;width: 50px;}

.intro .subcon3 .inbox>img{position:absolute;top:0;right:0;width: 36%;}
.intro .subcon4 .inbox>img{position:absolute;top:0;left: 4%;width: 36%;}
.intro .subcon3 .inbox,.intro .subcon4 .inbox{padding: 15% 0 0;position: relative;}

.subcon3 .intro_txt,.subcon4 .intro_txt{border: 3px solid #f5ece9;padding: 6% 3%;position: relative;}
.subcon4 .intro_txt .sub_title{padding-left: 43%;}


.intro_txt .sub_title{margin-bottom: 5%;line-height:1.2em;}
.intro_txt .sub_title *{line-height:1.2em}
.intro .intro_txt p{font-size: 14px;}
.intro .intro_txt p span {font-size: 38px;line-height: 1.3em;height: 38px;margin-right: 4px;}


/*-------------------------------------------------------*/



.story_list li{padding:45px 0;}
.story_list li dt span{font-size: 18px;width: 74%;line-height: 1.2em;}
.story_list li dt div{width: 20%;padding: 8% 0;margin-right: 6%;font-size: 18px;}
.story_list li dt div .h_line{right: -17px;width: 25px;}
.story_list li dd {font-size: 15px;padding-left:26%;margin-bottom:10px;}


.BI .subcon1 h5{width: 40px;height: 40px;line-height: 40px;top: -14px;left: -14px;font-size: 13px;}
.BI .subcon1 .bi_box1{margin:3% 18.5% 9%; width:63%}
.BI .subcon1 .bi_box2,.BI .subcon1 .bi_box3{width: 28.3%;}
.BI .subcon1 .bi_box2{margin-right: 4%;}
.BI .subcon2 img,.BI .subcon3 img{width:39%;margin: 0 4.5% 6%;}
.BI .subcon4 img{width:88%}
.BI .subcon5 img{width:95%}
}