@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
#container{width:100%;position:relative;overflow:hidden;margin-top:129px;}
.contents{position:relative;}
.contents div[class*='sec-']{padding:120px 0;}
.contents.sub .detail{padding-top:60px;}
.contents.sub .detail.pt0{padding-top:0 !important;}

@media screen and (max-width:1280px){
#container{margin-top:119px;}
.contents div[class*='sec-']{padding:100px 0;}
.contents.sub .detail{padding-top:55px;}
}
@media screen and (max-width:1100px){
#container{margin-top:109px;}
}
@media screen and (max-width:960px){
.contents div[class*='sec-']{padding:80px 0;}
.contents.sub .detail{padding-top:50px;}
}
@media screen and (max-width:860px){
#container{margin-top:96px;}
}
@media screen and (max-width:767px){
.contents div[class*='sec-']{padding:60px 0;}
.contents.sub .detail{padding-top:45px;}
}
@media screen and (max-width:640px){
#container{margin-top:0;}

.contents div[class*='sec-']{padding:50px 0;}
.contents.sub .detail{padding-top:40px;}
}



.contactBt{position:fixed;bottom:100px;right:20px;z-index:99;box-shadow:2px 2px 20px rgba(0,0,0,0.1);border-radius:50%;}
.contactBt a{width:74px;height:74px;display:block;}
.contactBt a img{width:100%;transition:all 0.2s ease;}
.contactBt a:hover img{transform:scale(1.05);transition:all 0.2s ease;}
.contactBt a img.color{display:block;}
.contactBt a img.white{display:none;}
@media screen and (max-width:960px){
.contactBt a{width:70px;height:70px;}
}
@media screen and (max-width:767px){
.contactBt{bottom:90px;}
.contactBt a{width:60px;height:60px;}
}
@media screen and (max-width:640px){
.contactBt{bottom:70px;right:10px;}
.contactBt a{width:50px;height:50px;}
}




.sec-contentsBg{background:#f1f1f1;}






/************************************************************************
* button, ul, table *
************************************************************************/
.button{font-size:14px;color:#fff;text-align:left;font-family:'GmarketSansMedium';position:relative;}
.button i{width:17px;height:2px;margin-top:10px;margin-left:10px;background:rgba(255,255,255,0.8);display:inline-block;position:relative;transition:all 0.2s ease;}
.button i:after{width:6px;height:6px;border:solid rgba(255,255,255,0.8);border-width:2px 2px 0 0;position:absolute;top:calc(50% - 4px);right:0;display:block;content:"";transform:rotate(45deg);}
.button:hover i{margin-left:20px;transition:all 0.2s ease;}
@media screen and (max-width:960px){
.button{font-size:12px;}
.button i{width:15px;}
}
@media screen and (max-width:640px){
.button i:after{width:4px;height:4px;top:calc(50% - 3px);}
}
@media screen and (max-width:420px){
.button{font-size:10px;}
.button i{width:13px;margin-top:8px;}
}



.list li{width:100%;line-height:150%;font-weight:400;position:relative;word-wrap:break-word;display:block;word-break:keep-all;}
.list li:last-child{padding-bottom:0 !important;}

.list.type1 li{padding-left:12px;padding-bottom:8px;font-size:18px;text-align:left !important;}
.list.type1 li:after{width:3px;height:3px;display:block;content:"";position:absolute;top:11px;left:0;background:#818181;border-radius:100%;}

.list.type2 li{padding-left:12px;padding-bottom:4px;font-size:16px;text-align:left !important;}
.list.type2 li:after{width:3px;height:3px;display:block;content:"";position:absolute;top:10px;left:0;background:#818181;border-radius:100%;}

.list.type3 li{padding-bottom:4px;font-size:16px;text-align:left !important;}

@media screen and (max-width:1500px){
.list.type1 li{padding-left:11px;padding-bottom:6px;font-size:17px;}
.list.type1 li:after{top:10px;}

.list.type2 li{padding-left:11px;font-size:15px;}
.list.type2 li:after{top:10px;}

.list.type3 li{font-size:15px;}
}
@media screen and (max-width:1280px){
.list.type1 li{padding-left:10px;padding-bottom:5px;font-size:16px;}
.list.type1 li:after{top:8px;}

.list.type2 li{padding-left:10px;padding-bottom:3px;font-size:14px;}
.list.type2 li:after{top:8px;}

.list.type3 li{font-size:14px;}
}
@media screen and (max-width:800px){
.list.type1 li{padding-left:9px;padding-bottom:4px;font-size:15px;}

.list.type2 li{padding-left:9px;}
}
@media screen and (max-width:640px){
.list.type1 li{padding-left:8px;padding-bottom:3px;font-size:14px;}

.list.type2 li{padding-left:8px;}
}



.table{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
.table tr th,
.table tr td{padding:14px 12px;color:#9c7747;line-height:150%;font-size:18px;text-align:center;vertical-align:middle;border-bottom:solid 1px rgba(156,119,71,0.3);border-right:solid 1px rgba(156,119,71,0.3);word-wrap:break-word;display:table-cell;word-break:keep-all;font-family:'Pretendard-Regular';}
.table tr th:last-child,
.table tr td:last-child{border-right:none;}
.table tr th{background:rgba(156,119,71,0.1);}
.table tr .blr{border-right:solid 1px #9c7747 !important;}

.table.type1{border-top:solid 2px #9c7747;}
@media screen and (max-width:1500px){
.table tr th,
.table tr td{padding:12px 10px;font-size:17px;}
}
@media screen and (max-width:1280px){
.table tr th,
.table tr td{padding:10px 8px;font-size:16px;}
}
@media screen and (max-width:640px){
.table tr th,
.table tr td{padding:8px 6px;}
}








.btWrap{}
.btWrap a.bt{width:160px;height:60px;line-height:60px;margin:0 10px;text-align:center;font-weight:bold;font-size:20px;border-radius:10px;}
.btWrap a.bt.blue{border:solid 1px #1b439a;background:#1b439a;color:#fff;}
.btWrap a.bt.gray{border:solid 1px #ddd;background:#f1f1f1;}

@media screen and (max-width:1100px){
.btWrap a.bt{width:140px;height:55px;line-height:55px;margin:0 8px;font-size:18px;}
}
@media screen and (max-width:640px){
.btWrap a.bt{width:120px;height:50px;line-height:50px;margin:0 6px;font-size:16px;border-radius:5px;}
}
@media screen and (max-width:400px){
.btWrap a.bt{width:100px;height:45px;line-height:45px;margin:0 4px;font-size:14px;}
}





/************************************************************************
* MAIN_CONTENTS *
************************************************************************/
.main{height:calc(100vh - 129px);background:#000;color:#fff;}
.main .disF{width:100%;height:100%;overflow:hidden;}
.main .disF div{overflow:hidden;display:flex;justify-content:center;}
.main img{width:100%;display:block;}

@media screen and (max-width:2000px){
.main{height:calc(100vh - 229px);}
}
@media screen and (max-width:1800px){
.main{height:calc(100vh - 329px);}
}
@media screen and (max-width:1550px){
.main{height:calc(100vh - 429px);}
}
@media screen and (max-width:1420px){
.main{height:calc(100vh - 529px);}
}
@media screen and (max-width:1100px){
.main{height:auto;}
.main .disF .w30{width:100% !important;}
.main .MH{display:none !important;}
.main .PH{display:block !important;}
}
@media screen and (max-width:640px){
.main{height:100vh;}
.main .disF{height:100%;}
.main .disF div{align-items:center;}
.main .disF .w30 img{height:100%;object-fit:cover;}
.main .MH{display:none !important;}
.main .w100{height:30%;}
.main img{width:auto;height:100%;}
}

@media screen and (max-height:970px){
.main{height:calc(100vh - 129px);}
}

@media screen and (max-width:640px){
.main{height:100vh;}
}





/************************************************************************
* SUB_CONTENTS *
************************************************************************/
.sub{background:#fffaf7;}
.disF.subCD>*{width:50%;}
.disF.subCD .imgCBox{overflow:hidden;display:flex;justify-content:center;align-items:center;}
.disF.subCD .imgCBox img{width:100%;display:block;object-fit:cover;}
.disF.subCD .detail{padding:100px;}
.disF.subCD .detail *{color:#9c7747;}
.disF.subCD .detail .disF.txtD-Box{margin-top:100px;}
.disF.subCD .detail .disF.txtD-Box>*{width:50%;padding-right:6%;}
.disF.subCD .detail .disF.txtD-Box font{/*text-align:justify;*/}

@media screen and (max-width:2300px){
.disF.subCD .imgCBox img{width:auto;height:100%;}
}
@media screen and (max-width:1900px){
.disF.subCD .detail{padding:80px;}
}
@media screen and (max-width:1560px){
.disF.subCD .detail{padding:50px;}
.disF.subCD .detail .disF.txtD-Box{margin-top:80px;}
}
@media screen and (max-width:1280px){
.disF.subCD .detail .disF.txtD-Box{margin-top:60px;}
.disF.subCD .detail .disF.txtD-Box>*{width:100%;padding-right:0;padding-bottom:40px;}
}
@media screen and (max-width:1100px){
.disF.subCD>*{width:100%;}
.disF.subCD .imgCBox{height:900px;}
.disF.subCD .imgCBox img{width:100%;height:auto;}
.disF.subCD .detail .disF.txtD-Box{margin-top:40px;}
.disF.subCD .detail .disF.txtD-Box>*{padding-bottom:20px;}
}
@media screen and (max-width:960px){
.disF.subCD .imgCBox{height:800px;}
}
@media screen and (max-width:767px){
.disF.subCD .imgCBox{height:680px;}
}
@media screen and (max-width:640px){
.disF.subCD .imgCBox{height:580px;}
.disF.subCD .detail{padding:50px 30px;}
.disF.subCD .detail .tit{text-align:center;}
}
@media screen and (max-width:560px){
.disF.subCD .imgCBox{height:460px;}
.disF.subCD .detail{padding:40px 20px;}
}
@media screen and (max-width:460px){
.disF.subCD .imgCBox{height:370px;}
.disF.subCD .detail{padding:30px 18px;}
}
@media screen and (max-width:360px){
.disF.subCD .imgCBox{height:310px;}
}
@media screen and (max-width:310px){
.disF.subCD .imgCBox{height:270px;}
}
@media screen and (max-width:270px){
.disF.subCD .imgCBox{height:230px;}
}




.heightFull{height:calc(100vh - 129px);overflow:hidden;}


@media screen and (max-width:1900px){
.heightAuto{height:auto;}
}
@media screen and (max-width:1800px){
.heightFull{height:auto;}
}

@media screen and (max-height:970px){
.heightFull{height:auto;}
}






/****************** About > Story ******************/
@media screen and (max-width:1100px){
.s1-1 .disF.subCD .imgCBox{height:1000px;}

.s1-1 .disF.subCD.cd-2 .imgCBox{order:-1;}
}
@media screen and (max-width:860px){
.s1-1 .disF.subCD .imgCBox{height:800px;}
}
@media screen and (max-width:720px){
.s1-1 .disF.subCD .imgCBox{height:700px;}
}
@media screen and (max-width:640px){
.s1-1 .disF.subCD .imgCBox{height:600px;}
}
@media screen and (max-width:540px){
.s1-1 .disF.subCD .imgCBox{height:500px;}
}
@media screen and (max-width:440px){
.s1-1 .disF.subCD .imgCBox{height:400px;}
}
@media screen and (max-width:360px){
.s1-1 .disF.subCD .imgCBox{height:350px;}
}
@media screen and (max-width:310px){
.s1-1 .disF.subCD .imgCBox{height:300px;}
}
@media screen and (max-width:270px){
.s1-1 .disF.subCD .imgCBox{height:250px;}
}




/****************** About > CI ******************/
.s1-3 .imgCBox{display:block !important;}
.s1-3 .imgCBox .ciBox{width:100%;height:50%;display:flex;align-items:center;justify-content:center;}
.s1-3 .imgCBox .ciBox.white{background:#9a7747;}
.s1-3 .imgCBox .ciBox.beige{background:#fff;}
.s1-3 .imgCBox .ciBox img{width:auto;height:50%;display:block;}

@media screen and (max-width:1100px){
.s1-3.disF.subCD .imgCBox{height:800px;}
.s1-3 .imgCBox .ciBox img{height:60%;}
}
@media screen and (max-width:860px){
.s1-3.disF.subCD .imgCBox{height:500px;}

.s1-3 .imgCBox{display:flex !important;}
.s1-3 .imgCBox .ciBox{width:50%;height:100%;}
.s1-3 .imgCBox .ciBox img{width:50%;height:auto;}
}
@media screen and (max-width:720px){
.s1-3.disF.subCD .imgCBox{height:400px;}

.s1-3 .imgCBox .ciBox img{width:60%;}
}
@media screen and (max-width:640px){
.s1-3.disF.subCD .imgCBox{height:300px;}
}
@media screen and (max-width:540px){
.s1-3.disF.subCD .imgCBox{height:270px;}
}
@media screen and (max-width:440px){
.s1-3.disF.subCD .imgCBox{height:230px;}
}
@media screen and (max-width:360px){
.s1-3.disF.subCD .imgCBox{height:200px;}
.s1-3 .imgCBox .ciBox img{width:70%;}
}
@media screen and (max-width:310px){
.s1-3.disF.subCD .imgCBox{height:180px;}
}
@media screen and (max-width:270px){
.s1-3.disF.subCD .imgCBox{height:170px;}
}






/****************** Program > Uniqueness ******************/
@media screen and (max-width:1100px){
.s2-1 .disF.subCD.cd-2 .imgCBox{order:-1;}
}
@media screen and (max-width:640px){
.s2-1 .disF.subCD.cd-2 .imgCBox{height:360px;}
.s2-1 .disF.subCD.cd-2 .imgCBox img{margin-top:-20%;}
}
@media screen and (max-width:460px){
.s2-1 .disF.subCD.cd-2 .imgCBox{height:300px;}
.s2-1 .disF.subCD.cd-2 .imgCBox img{margin-top:-20%;}
}



/****************** Program > Techniques ******************/
@media screen and (max-width:1100px){
.s2-4 .disF.subCD .imgCBox{order:-1;}
.s2-3 .disF.subCD.cd-2 .imgCBox{order:-1;}
}







/****************** Contact ******************/
#daumRoughmapContainer1711332148605{border-top-left-radius:200px;overflow:hidden;border:solid 1px rgba(156,119,71,0.3);}
#daumRoughmapContainer1711332148605 .wrap_controllers.hide{display:none !important;}

.contactTxt div{width:50%;}
.contactTxt div:first-child{padding-right:10px;}

@media screen and (max-width:1280px){
#daumRoughmapContainer1711332148605{border-top-left-radius:170px;}
#daumRoughmapContainer1711332148605 .wrap_map{height:420px !important;}

.contactTxt div{width:100%;}
.contactTxt div:first-child{padding-right:0;padding-bottom:30px;}
}
@media screen and (max-width:860px){
#daumRoughmapContainer1711332148605{border-top-left-radius:140px;}
#daumRoughmapContainer1711332148605 .wrap_map{height:390px !important;}
}
@media screen and (max-width:767px){
#daumRoughmapContainer1711332148605{border-top-left-radius:110px;}
#daumRoughmapContainer1711332148605 .wrap_map{height:360px !important;}
}
@media screen and (max-width:640px){
#daumRoughmapContainer1711332148605{border-top-left-radius:0;}
#daumRoughmapContainer1711332148605 .wrap_map{height:340px !important;}
}
@media screen and (max-width:560px){
#daumRoughmapContainer1711332148605 .wrap_map{height:300px !important;}
}
@media screen and (max-width:440px){
#daumRoughmapContainer1711332148605 .wrap_map{height:280px !important;}
}






/****************** Recruit ******************/
.s4-1 .disF.subCD{border-bottom:solid 1px rgba(154,119,71,0.4);}
.s4-1 .disF.subCD .imgCBox{padding:60px 0;background:#fff;}
.s4-1 .disF.subCD .imgCBox img{width:40%;}

.s4-1>.tBig{display:none;}
@media screen and (max-width:1400px){
.s4-1 .disF.subCD .imgCBox img{width:55%;}
}
@media screen and (max-width:1280px){
.s4-1 .disF.subCD .imgCBox img{width:65%;}
}
@media screen and (max-width:1100px){
.s4-1>.tBig{display:block;color:#9c7747;padding:40px 0;text-align:center;}
.s4-1 .disF.subCD .tBig{display:none;}

.s4-1 .disF.subCD{border-bottom:none;}
.s4-1 .disF.subCD:first-child{border-top:solid 1px rgba(154,119,71,0.4);}
.s4-1 .disF.subCD .imgCBox{padding:40px 0;height:auto;}
}
@media screen and (max-width:640px){
.s4-1 .disF.subCD:first-child{border-top:none;}
}







/****************** Reveiw ******************/
.reveiwBox{width:100%;}
.reveiwBox .cont{width:100%;height:60vh;overflow:hidden;position:relative;}
.reveiwBox .cont .iBox{width:50%;height:100%;display:inline-block;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center center;transition:cubic-bezier(0.77, 0.02, 0.18, 1) 0.4s;position:absolute;top:0;}
.reveiwBox .cont.on .iBox.active{width:75%;}

.reveiwBox .iBox:nth-of-type(1){left:0;z-index:0;}
.reveiwBox .iBox:nth-of-type(2){left:50%;z-index:1;}

.reveiwBox .cont .iBox .link-box{width:100%;height:100%;display:flex;justify-content:space-between;flex-direction:column;flex-wrap:wrap;overflow:hidden;}
.reveiwBox .cont .iBox .link-box *{z-index:99;}
.reveiwBox .cont .iBox.first .link-box font{color:#fff !important;}
.reveiwBox .cont .iBox.last .link-box font{color:#9c7747;}

.reveiwBox .cont .iBox .link-box .titBox{width:100%;position:absolute;top:42%;left:0;opacity:1;transition:all 0.4s ease;}
.reveiwBox .cont .iBox .link-box .titBox font{width:100%;text-align:center;}
.reveiwBox .cont.on .iBox.active .link-box .titBox{top:36%;transition:all 0.2s ease;}

.reveiwBox .cont .iBox .link-box .btBox{width:100%;position:absolute;top:40%;left:0;opacity:0;transition:all 0.4s ease;}
.reveiwBox .cont .iBox .link-box .btBox *{width:100%;padding:0 20px;text-align:center;}
.reveiwBox .cont.on .iBox.active .link-box .btBox{top:46%;opacity:1;transition:all 0.4s ease;}

.reveiwBox .cont .iBox .link-box .btBox .bt{width:50px;height:50px;margin:0 auto;margin-top:5%;font-size:0;text-indent:-9999px;display:block;position:relative;}
.reveiwBox .cont .iBox .link-box .btBox .bt:before{width:5px;height:50px;margin-top:-22px;position:absolute;left:50%;top:50%;background-color:#fff;content:'';transform:rotate(0);transition:transform .2s ease;}
.reveiwBox .cont .iBox .link-box .btBox .bt span:before{width:50px;height:5px;margin-left:-22px;position:absolute;left:50%;top:50%;background-color:#fff;content:'';transform:rotate(0);transition:transform .2s ease;}
.reveiwBox .cont .iBox.last .link-box .btBox .bt:before{background-color:#9c7747;}
.reveiwBox .cont .iBox.last .link-box .btBox .bt span:before{background-color:#9c7747;}
.reveiwBox .cont .iBox .link-box:hover .btBox .bt:before{transform:rotate(180deg);}
.reveiwBox .cont .iBox .link-box:hover .btBox .bt span:before{transform:rotate(360deg);}

@media screen and (max-width:860px){
.reveiwBox .cont{height:600px;}
.reveiwBox .cont .iBox{width:100%;height:300px;}
.reveiwBox .cont.on .iBox.active{width:100%;}

.reveiwBox .iBox:nth-of-type(1){left:0 !important;top:0 !important;}
.reveiwBox .iBox:nth-of-type(2){left:0 !important;top:50% !important;}

.reveiwBox .cont .iBox .link-box .titBox{top:25%;}
.reveiwBox .cont.on .iBox.active .link-box .titBox{top:25%;}

.reveiwBox .cont .iBox .link-box .btBox{top:60%;transform:translateY(-50%);opacity:1;}
.reveiwBox .cont.on .iBox.active .link-box .btBox{top:60%;}
.reveiwBox .cont .iBox .link-box .btBox .bt{width:40px;height:40px;}
.reveiwBox .cont .iBox .link-box .btBox .bt:before{height:40px;margin-top:-17px;}
.reveiwBox .cont .iBox .link-box .btBox .bt span:before{width:40px;margin-left:-17px;}
}
@media screen and (max-width:640px){
.reveiwBox .cont{height:500px;}
.reveiwBox .cont .iBox{height:250px;}

.reveiwBox .cont .iBox .link-box .btBox .bt{width:30px;height:30px;}
.reveiwBox .cont .iBox .link-box .btBox .bt:before{width:4px;height:30px;margin-top:-13px;}
.reveiwBox .cont .iBox .link-box .btBox .bt span:before{width:30px;height:4px;margin-left:-13px;}
}