@charset "utf-8";






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

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

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

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

}

.mail_cont_btn{margin:50px auto 0 auto;text-align:center;overflow:hidden}
.mail_cont_btn a{font-size:2.6rem;display:inline-block;padding:12px 100px 30px 100px;background:#0076bc;color:#fff;border-radius:20px;}
.mail_cont_btn a span{font-size:3.1rem;font-weight:bold}
.mail_cont_btn a:before {content:''; position:relative; display: inline-block; width:52px; height:52px; top:10px;  margin-right:10px; background: url("../../pages/images/mail_icon01.png") no-repeat;}


.company{}
.company .companybg{width:1400px;margin:0 auto;background: url(../img/company_bg.jpg) no-repeat;height:400px;margin-top:100px;}
.company .company_cont{width:1200px;margin:0 auto;padding:60px 0 80px 0;}
.company .company_cont:after{content:"";display:block;clear:both}
.company .company_cont .cont{width:100%}
.cont table{border-top:2px solid #333333}
.cont table th{border-right:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:30px 0;}
.cont table th.left_border{border-left:1px solid #ddd}
.cont table td{border-bottom:1px solid #ddd;padding-left:50px;color:#666666;}

.company .company_bot{background:#f8f8f8}
.company .company_bot .company_wrap{width:1400px;margin:0 auto;padding:80px 0 0 0;}
.company .company_bot .company_wrap .title{font-size:3.0rem;font-family: 'Poppins';font-weight:600;text-align:center}
.company .company_bot .company_wrap .company_bot_cont{display:flex;margin-top:50px;justify-content: space-between;flex-wrap:wrap;}
.company .company_bot .company_wrap .company_bot_cont .sub{width:30%;text-align:center;margin-bottom:100px;}
.company .company_bot .company_wrap .company_bot_cont .sub .txt01{font-size:2.2rem;font-weight:bold;padding:10px 20px;}
.company .company_bot .company_wrap .company_bot_cont .sub .txt02{font-size:1.8rem}


@media screen and (max-width: 1600px){
.company .companybg{width:100%;background-position:center}
.company .title{width:100%;}
.company .company_cont{width:100%;}
}

@media screen and (max-width: 1400px){
.company .company_bot .company_wrap{width:100%}
}

@media screen and (max-width: 1024px){
.company{margin-top:70px;padding:10px;}
.company .company_cont .cont{width:100%}
.company .company_bot .company_wrap .company_bot_cont .sub{width:43%}
.company .company_bot .company_wrap .company_bot_cont{padding:15px;}
}

@media screen and (max-width: 768px){
.company .title{font-size:2.6rem}
.company .companybg{height:300px;margin-top:0px;background-size:cover}
.company .company_bot .company_wrap .company_bot_cont .sub{width:100%}
}


/*°æ¿µÀ̳ä*/
.vision .vision_top{}
.vision .vision_top .vision_top_wrap{width:1400px;margin:0 auto;padding:100px 0 ;}
.vision .vision_top .vision_top_wrap .title{font-size:3.0rem;font-family: 'Poppins';font-weight:600;text-align:center}
.vision .vision_top .vision_top_wrap .vision_top_cont{display:flex;justify-content: space-between;flex-wrap:wrap;}
.vision .vision_top .vision_top_wrap .vision_top_cont .sub{width:30%;text-align:center;}
.vision .vision_top .vision_top_wrap .vision_top_cont .sub .txt01{font-size:2.2rem;font-weight:bold;padding:10px 20px;}
.vision .vision_top .vision_top_wrap .vision_top_cont .sub .txt02{font-size:1.8rem}


.vision .middle_bg{background: url(../img/vision_bg.jpg) no-repeat;height:400px;}

.vision .middle_cont {display:flex; flex-wrap: wrap;justify-content: space-between;margin:50px auto 0 auto;width:1400px;}
.vision .middle_cont .left {font-size:3.6rem; font-weight:500;   width: 537px; }
.vision .middle_cont .left img{width:100%}
.vision .middle_cont .right{    width: calc(100% - 537px);}
.vision .middle_cont .right p {margin-bottom:2.0rem; color:#4a4a4a; font-size:1.8rem; line-height:1.75; font-weight:400;}

@media( max-width:1400px) {

.vision .vision_top .vision_top_wrap{width:100%}
}

@media( max-width:1024px) {
.vision .vision_top .vision_top_wrap .vision_top_cont .sub{width:43%;margin-bottom:100px;}
.vision{padding:15px}
.vision .middle_cont{width:100%;display:block;}
.vision .middle_cont .left{width:100%;margin-bottom:50px;font-size:2.8rem}
.vision .middle_cont .right{width:100%}

}

@media( max-width:768px) {
.vision .vision_top .vision_top_wrap .vision_top_cont{display:block;}
.vision .vision_top .vision_top_wrap .vision_top_cont .sub{width:100%}
}



/*Àλ縻*/
.message{}
.message .messagebg{width:1400px;margin:0 auto;background: url(../img/message_bg.jpg) no-repeat;height:400px;margin-top:100px;background-position: bottom;}
.message .title{width:1400px;margin:0 auto;font-size:4.0rem;font-weight:bold}

.message .message_cont{width:1400px;margin:0 auto;padding:100px 0 0px 0;}
.message .message_cont:after{content:"";display:block;clear:both}
.message .message_cont .left{float:left;width:400px;}
.message .message_cont .left .left_tit{font-size:2.8rem;font-weight:500}
.message .message_cont .right{float:left;width:calc(100% - 400px)}
.message .message_cont .right .txtbox:after{content:"";display:block;clear:both}
.message .message_cont .right .txtbox .txt01{width:100%;padding-right:40px;line-height:30px;border-bottom:1px solid #ddd;font-size:1.8rem}
.message .message_cont .right .txtbox .txt01 p{margin-bottom:30px;color:#666666}
.message .message_cont .right .ceo_name{text-align:right;padding:50px 0;font-size:1.8rem;font-weight:600}
.message .message_cont .right .ceo_name span{padding-left:30px;}


@media screen and (max-width: 1600px){
.message .messagebg{width:100%;}
.message .title{width:100%;}
.message .message_cont{width:100%;}
}

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

}

@media screen and (max-width: 1024px){
.message{margin-top:70px;padding:10px;}
.message .message_cont .left{width:100%;margin-bottom:30px;}
.message .message_cont .right{width:100%}

}

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


.message .message_cont .right .txtbox .txt01{width:100%;padding-right:0;border-bottom:1px solid #fff}
.message .message_cont .right .txtbox .txt02{width:100%;padding-left:0;}

.message .title{font-size:2.6rem}
.message .messagebg{height:300px;margin-top:0px}
}



/*¿¬Çõ*/

.sub_inner_wrap {position:relative; z-index:1;  background:#fff; border-radius: 100px 100px 0 0; max-width:1400px; margin:0 auto; padding:100px 130px 0 130px;  }

.sub_inner {width:100%; position:relative; display:flex; flex-wrap:wrap;}
.historytop_bg  {background: url("../../pages/images/history_top_bg.jpg") no-repeat center center;}
.subtop_bg {height:370px; width:100%; position:relative;margin-top:100px;}

.history_title {width:320px;}
.history_contents {position:relative; width:calc(100% - 320px); }
.history_contents:before {content:""; position: absolute; top: 10px; left:0; width:1px; height:100%; background:#ddd;}
.sub_inner h3 {font-size:6.0rem;line-height:1;color:#0076bc}
.history_contents dl {position:relative;  display:flex; margin-bottom:4.5rem; padding-top:10px;}
.history_contents dl:before {content:"";position: absolute;top: 10px;left: -9px;width:20px;height:20px;border:6px solid #fff;border-radius:50%;background: #00aeea;}
.history_contents dl:first-child {margin-top:0px;}
.history_contents dl dt {font-size:2.4rem;color:#333; font-weight:bold; width:160px; padding-left:60px; line-height:1.5}
.history_contents dl dd {color:#777; font-size:1.8rem; width:calc(100% - 160px);}
.history_contents dl dd ul li {margin-bottom:0.5rem;line-height:1.5}

@media( max-width:1024px) {

.history_title {width:100%;}
.history_title h3 {font-size:4.2rem;margin-top:50px;}
.history_title h3 br {display:none;}
.history_contents {width:100%; margin-top:5.0rem;}
.sub_inner_wrap{padding:10px}

}

@media( max-width:768px) {

.history_contents dl dt {width:100%; padding-left:40px;}
.history_contents dl dd {color:#777; font-size:1.8rem; width:100%;padding-left:40px;}
.history_title h3{font-size:4.2rem}
.history_contents dl{display:block;}
}


/*±Û·Î¹ú*/
.global{text-align:center;margin-top:100px;}

@media( max-width:1024px) {

.global img{width:100%}
}

@media( max-width:768px) {

}


/*ÁÖ¿ä°Å·¡Ã³*/
.clients{}
.clients .clients_wrap{display:flex;justify-content: space-between;flex-wrap:wrap;margin-top:100px;}
.clients .clients_wrap .clients_cont{width:22%;text-align:center;margin-bottom:50px;}
.clients .clients_wrap .clients_cont img{width:100%}

.clients .clients_wrap .clients_cont .img01{border:1px solid #ddd}
.clients .clients_wrap .clients_cont .txt01{font-size:1.8rem;padding-top:10px;}


@media( max-width:1024px) {


}

@media( max-width:768px) {
.clients .clients_wrap .clients_cont{width:48%}
.clients .clients_wrap{padding:10px;}
}



/*ÁÖ¿ä°Å·¡Ã³*/
.location{margin-top:100px;}
.location .loc_map{width:100%}

.location  .location_content {width:1400px; height: 285px; background:#0076bc; z-index: 99; margin-top:0;  padding: 50px 130px}
.location  .location_content img {max-width:100%;}
.location  .location_content .left {display:inline-block; width:40%; line-height: 180px; position: relative;font-weight:bold;font-size:4.0rem;color:#fff;vertical-align:middle}
.location  .location_content .left:after {content : ""; position: absolute; right: 0; bottom: 0; height: 100%; width: 1px; border-right:1px solid #ffffff;}
.location  .location_content .right {display:inline-block; width:59%; padding: 0px 0px 0px 95px; word-break: keep-all;vertical-align:middle;color:#ffffff}

.location table.locationTb1 {width:100%; clear:both; border-collapse:collapse; margin:0;}
.location table.locationTb1 th {color:#ffffff; font-size:17px; padding:7px 10px; word-break: keep-all; text-align:left;}
.location table.locationTb1 td {color:#ffffff; font-size:17px; text-align:left; padding:7px 10px; word-break: keep-all;}
.locationWrap .root_daum_roughmap .wrap_map{height:600px;}

@media( max-width:1400px) {
.location .location_content{width:100%;padding:50px 50px;}
.location .location_content .left{width:35%;}
.location .location_content .right{width:64%}
}


@media( max-width:1024px) {
.location .location_content{width:100%}

}

@media( max-width:768px) {
.location .location_content{height:auto;padding:50px 10px;}
.location .location_content .left{width:100%;line-height:1.5;font-size:3.2rem}
.location .location_content .right{width:100%;padding:30px 0 0 0}
.location .location_content .left:after{display:none}

.location table.locationTb1 td{font-size:1.5rem}
}




.product .product_box{margin-top:70px;}

.product .product_box .content .sub{float:left;margin:0 13px;}
.product .product_box .content .sub .subwrap{width:440px;height:365px;margin-bottom:30px;    border-bottom: 1px solid #ddd;}
.product .product_box .content .sub .subwrap .img{border:1px solid #ddd}
.product .product_box .content .sub .subwrap .txt01{font-size:2.1rem;position:relative;z-index:99;margin:10px 0 ;}

.product .product_box .content:after{}



@media screen and (max-width: 1600px){
.product .product_box .content .sub{width:31%;margin:0 10px}
.product .product_box .content .sub .subwrap{width:auto}

}

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

.product .product_box .content .sub .subwrap .img img{width:100%}


}

@media screen and (max-width: 1024px){
.product .product_box .content .sub .subwrap{height:auto}

.product .product_cont .product_box .content .sub{margin:0 0;width:50%;padding:15px;}
.product .product_cont .product_box .content .sub .subwrap{width:100%;height:525px;}
}



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

.product .product_box .content .sub{width:47%}
}


@media screen and (max-width: 768px){
.product .product_box .content .sub{width:100%;margin:0;padding:10px;}

}


.product01 .product_cont {margin-top:70px}
.product01 .product_cont .apply_box{display:flex;flex-wrap:wrap;/* justify-content: space-between; */}
.product01 .product_cont .apply_box li{width:33.33%;/* margin-bottom:20px; */padding:5px;}
.product01 .product_cont .apply_box li img{width:100%}
.product01 .product_cont .apply_box li .apply_img{border:1px solid #ddd}
.product01 .product_cont .apply_box li .apply_txt{font-size:1.9rem;text-align:center;color:#ffffff;padding:10px 0;background:#0076bc}


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

.product01 .product_cont .apply_box li{width:50%}
}



@media screen and (max-width: 768px){
.product01 .product_cont .apply_box li{width:100%}

}


.employment {margin-top:100px;}

.employment ul{display:flex;flex-wrap: wrap;}
.employment ul li{width:25%;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:100px 0;}
.employment ul li .imgbox{width:150px;height:150px;background:Red;border-radius:50%;margin:0 auto;overflow:hidden}
.employment ul li:nth-child(9){border-bottom:none}
.employment ul li:nth-child(10){border-bottom:none}
.employment ul li:nth-child(11){border-bottom:none}
.employment ul li:nth-child(4n){border-right:none}
.employment ul li .txt01{font-size:2.1rem;font-weight:bold;padding:30px 0 20px 0;;}
.employment ul li .num{font-size:3.1rem;font-weight:bold;padding-bottom:20px;color:#0076bc}

.employment .agencies_btn{width:30%;margin:100px auto 0 auto;text-align:center;border:1px solid #ddd;border-radius:20px;overflow:hidden}
.employment .agencies_btn a{font-size:2.2rem;padding:30px;display:block;transition:.5s}
.employment .agencies_btn a:hover{background:#0076bc;color:#fff}


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

.employment ul li{width:50%}

.employment ul li:nth-child(9){border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.employment ul li:nth-child(10){border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.employment ul li:nth-child(11){border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.employment ul li:nth-child(4n){border-right:1px solid #ddd;border-bottom:1px solid #ddd}

.employment ul li:nth-child(2n){border-right:none}

.employment ul li .txt02{padding:0 30px}
}



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

.employment ul li{width:100%}
.employment ul li:nth-child(1n){border-right:none}
.employment .agencies_btn{width:90%}
.employment .agencies_btn a{font-size:1.8rem}
}


.reservation_info > .flex_box01 {}
.reservation_info .reservation_info_box {border:10px solid #eee;padding:80px 0 80px 0;width: 30%;color:#636363;font-size:1.8rem;line-height:1.85;text-align:center;margin:50px auto;font-size:2.0rem}
.reservation_info_box dl dd.info_b{    color: #000;font-weight: 600;}

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

.reservation_info .reservation_info_box {width:70%}
.mail_cont_btn a{padding:12px 50px 30px 50px;}


}



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

.mail_cont_btn a{font-size:1.8rem}
.mail_cont_btn a span{font-size:2.1rem}
.mail_cont_btn a:before{width:35px;height:35px;background-size:100%}
}