@charset "utf-8";


/* Mobile */
.main_container{position:relative;}
.main_container:before{display:block;content:"";width:100%;height:275px;background: url("/images/15_pool/main/top_bg1.png") no-repeat -50px top /60% var(--color1);position:absolute;top:0;left:0;z-index:-1;}

/*.m_top{background:url("/images/15_pool/main/top_bg1.png") no-repeat -50px top;background-size:60%}*/

.vis_txt{text-align:right;padding:40px 20px;color:var(--white);font-size:24px;text-shadow: 2px 5px 6px #1759a3;}
.vis_txt span{display:block;}
.vis_txt span strong{font-size:36px;}


/*공지*/
.notice{position:relative;background:var(--white);box-shadow:0 10px 20px rgba(0, 0, 0, 0.05);border-radius:40px;padding:30px 35px 15px 35px;margin:0 20px;}
.notice h2{color:#2573ca;font-size:22px;background:url("/images/15_pool/main/nt_icon.png") no-repeat left 3px;background-size:28px;padding-left:35px;}

.notice ul li{position:relative;border-bottom:dashed 1px #c9e3ff;padding:10px 0 10px 10px;}
.notice ul li:last-child{border:none;}
.notice ul li:before{display:block;content:"";background:#14d1e6;width:5px;height:5px;border-radius:5px;position:absolute;top:19px;left:0;}
.notice ul li a{display:inline-block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:15px;}
.notice ul li span{display:block;font-size:13px;color:#666;text-align:right;padding:7px;}

.notice .more{position:absolute;top:34px;right:35px;}
.notice .more a{position:relative;display:block;font-size:13px;padding-left:18px;}
.notice .more a:before{display:block;content:"";background:var(--btnbg) no-repeat -1px -80px;width:12px;height:12px;position:absolute;top:3px;left:0;}

/*인포존*/
.info_zone{position:relative;padding:30px 20px;}
.info_zone .info_list div{box-shadow:0 10px 20px rgba(0, 0, 0, 0.05);border-radius:30px;}
.info_zone .info_list div img{width:100%;border-radius:30px;}

.info_zone .control{position:absolute;left:50%;bottom:0;transform:translate(-50%,-50%)}
.info_zone .control .btn{background:var(--white);border:solid 1px var(--gray3);border-radius:30px;display:inline-block;padding:5px 20px 0 20px;}
.info_zone .control .btn span{display:inline-block;font-size:13px;padding-top:2px;margin-left:10px;}
.info_zone .control .btn span strong{display:inline-block;padding-top:2px;color:var(--color1)}


/*채용*/
.recruit{position:relative;padding:30px 20px;}
.recruit h2{font-size:30px;color:var(--color1)}
.recruit h2 span{color:var(--gray4)}
.recruit .r_txt{display:none;}

.rec_list li{position:relative;border-bottom:solid 1px var(--gray5);padding:30px 0 20px 0;margin:30px 0;text-align:center;}
.rec_list li.sch1{border-top:solid 1px var(--color3)}
.rec_list li.sch2{border-top:solid 1px var(--color4)}
.rec_list li.sch3{border-top:solid 1px var(--color2)}
.rec_list li a{display:block;text-align:center;}
.rec_list li a br{display:none;}
.rec_list li a strong{font-size:18px;display:block;}
.rec_list li a span{display:block;color:var(--color1);font-size:15px;padding:5px 0;}
.rec_list li a em{position:relative;display:inline-block;font-style:normal;background:var(--gray1);border:solid 1px var(--gray3);border-radius:30px;padding:3px 20px 3px 35px;font-size:14px;margin:10px 0;}
.rec_list li a em:before{display:block;content:"";width:15px;height:15px;background:var(--btnbg) no-repeat -130px -80px;position:absolute;top:5px;left:15px;}
.rec_list li a i{display:none;}
.rec_list li span.tag{display:inline-block;color:var(--white);border-radius:0 10px;padding:2px 25px;position:absolute;top:-15px;left:0;}
.rec_list li.sch1 span.tag{background:var(--color3);}
.rec_list li.sch2 span.tag{background:var(--color4);}
.rec_list li.sch3 span.tag{background:var(--color2);}




.recruit .more{position:absolute;top:34px;right:20px;}
.recruit .more a{position:relative;display:block;font-size:13px;padding-left:18px;}
.recruit .more a:before{display:block;content:"";background:var(--btnbg) no-repeat -1px -80px;width:12px;height:12px;position:absolute;top:3px;left:0;}
.recruit .more span{position:absolute;top:-5000px;left:-5000px;}


/* Tablet */
@media (min-width: 768px) {

.main_container:before{height:161px;}

.vis_txt br{display:none;}
.vis_txt strong{display:inline-block;margin-top:4px;}
.vis_txt span strong{margin-top:-10px;}


.info_zone .control{bottom:8px;}
.info_zone .control .btn{border:none;border-radius:15px 15px 0 0;padding:15px 20px 5px 20px;}
.info_zone .control .btn button{display:inline-block;margin:0 5px;}
.info_zone .control .btn span{font-size:16px;padding:0;margin-top:-4px;}


.rec_list ul:after{display:block;content:"";clear:both;}
.rec_list ul li{float:left;width:calc(50% - 20px);margin:30px 10px 0 10px}
    
    
}

/* Desktop */
@media all and (min-width:1023px) {

.main_container:before{height:315px;}
.main_container:after{display:block;content:"";width:100%;height:564px;background:url("/images/15_pool/main/m_bt_bg.png") no-repeat left bottom;position:absolute;left:0;bottom:0;z-index:-1;}
    
    
.m_top{position:relative;background-position:0 0;background-size:auto;z-index:-1;min-height:526px; /*height: 665px;*/}
.m_top:after{display:block;content:"";width:354px;height:298px;background:url("/images/15_pool/main/top_bg2.png") no-repeat right 0;position:absolute;top:0;right:0;z-index:-1}
.m_top .mt_wrap{max-width:1400px;margin:0 auto;position:relative;}

.vis_txt{text-align:left;padding:100px 0 90px 0;color:var(--white);font-size:36px;}
.vis_txt strong{margin-top:6px;}
.vis_txt span strong{font-size:54px;margin-top:-12px;}

.main_container .wrap{padding-bottom: 40px;}
.main_container .wrap:after{display: block;clear: both;content: "";}

/*공지*/
.notice{/*background:none;box-shadow:none;*/border-radius:40px;/*padding:30px 30px 15px 0;*/margin:0;width:48%;max-width: 680px;float: left;padding: 40px;}
.notice:before{display:block;content:"";background:var(--white);box-shadow:0 10px 20px rgba(0, 0, 0, 0.05);border-radius:0 40px 0 0;position:absolute;top:0;left:-50%;width:150%;min-height:270px;z-index:-1;}
.notice h2{font-size:26px;background-position:0 0;background-size:auto;padding-left:50px;}

.notice ul{padding-top:20px;}
.notice ul li:after{display:block;content:"";clear:both;}
.notice ul li a{font-size:18px;width:75%;float:left;}
.notice ul li span{font-size:16px;float:right;padding:0;}


/*인포존*/
.info_zone{/*position:absolute;right:0;bottom: -70px;*/padding:0;float: right;width: 50%;max-width: 688px;}
.info_zone .info_list div{border-radius:80px;}
.info_zone .info_list div img{width:auto;max-width: 100%;border-radius:80px;}
    
.info_zone .control{bottom: -22px;}
    
    
/*채용*/
.recruit{padding:60px 0 90px 0;}

.recruit h2{font-size:36px;text-align:center;}
.recruit .r_txt{display:block;text-align:center;color:#666;padding:10px 0 30px 0;}
    
    
.rec_list ul li{background:var(--white);width:calc((100% - 90px)/4);margin:30px 0 0 30px;border:solid 1px var(--gray3);padding:30px 0 20px 0;border-radius:20px;}
.rec_list li.sch1,
.rec_list li.sch2,
.rec_list li.sch3{border-top:solid 1px var(--gray3)}
.rec_list ul li:first-child{margin-left: 0;}    
.rec_list li a{display:block;text-align:center;padding:40px 0;height:250px;}
.rec_list li a br{display:block;}
.rec_list li a strong{font-size:22px;}
.rec_list li a span{font-size:16px;padding:8px 0;}
    
.rec_list li a em{position:absolute;top: 190px;left:50%;transform: translate(-50%, -50%);width:250px;}
.rec_list li a i{display:inline-block;position:absolute;top:250px;left:50%;transform: translate(-50%, -50%);font-style:normal;font-size:13px;padding-left:18px;}
.rec_list li a i:before{display:block;content:"";background:var(--btnbg) no-repeat -1px -80px;width:12px;height:12px;position:absolute;top:3px;left:0;}
    
.rec_list li span.tag{border-radius:0 15px;padding:5px 30px;left:inherit;right:-1px;}

    
    
.recruit .more{display:none;}

    
    

}

.f_gm{font-family: GmarketSans;}

/*번역*/   
/*Mobile*/   
.translated-ltr .main_container:before {height: 500px;background:url("/images/15_pool/main/top_bg1.png") no-repeat -100px bottom /150% var(--color1);}
.translated-ltr .rec_list li.sch3 { background: #fff;border-radius:10px;}
.translated-ltr .recruit { background: #fff;}
.translated-ltr .recruit h2 { color: #003668;  display: block;  margin-bottom: 50px; text-align: center;}
.translated-ltr .recruit .more { padding: 5px 20px; top: 75px;  right: 10px;  text-align: right;}
.translated-ltr .recruit .more a {padding-left:0; padding-right: 18px;}
.translated-ltr .recruit .more a:before { left: auto; right: 0;}
.translated-ltr .notice h2 {margin-bottom: 30px;}
.translated-ltr .notice .more {padding: 5px 20px;right: 15px;top: 65px;}

/*Tablet*/ 
@media (min-width: 768px) {
.translated-ltr .main_container:before {height: 230px;}
.translated-ltr .recruit {padding: 70px 20px 30px;}
.translated-ltr .recruit .more {top: 70px;}
.translated-ltr .recruit h2 {margin-bottom:0; text-align: left;}
.translated-ltr .notice h2 {margin-bottom: 0;}
.translated-ltr .notice .more {top: 30px;}
}

/*Desktop*/ 
@media (min-width: 1023px) {
.translated-ltr .main_container:before {height: 360px;}
.translated-ltr .vis_txt { padding: 100px 0 80px 0; font-size: 30px;}
.translated-ltr .recruit { padding: 80px 0 90px 0; background: none;}
.translated-ltr .recruit h2 {text-align: center;}
}