@charset "utf-8";


/* Mobile */
.main_container{position:relative;}
.main_container:before{display:block;content:"";width:100%;height:400px;background: url("/images/15_pool/main/top_bg1.png") no-repeat -50px top 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;word-break: keep-all;}
.vis_txt span{display:block;}
.vis_txt span strong{font-size:36px;}

/*검색*/
.m_sch{padding: 20px;margin: 0 20px 20px;border-radius: 5px 25px;background: #fff;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);}
.m_sch select{width: calc((100% - 5px)/2);height: 40px;padding: 5px;margin: 5px 0;border: 1px solid var(--gray3);border-radius: 5px;font-size: 16px;}
.m_sch select:first-child{width: 100%;}
.m_sch button{width: 100%;height: 40px;padding: 5px;margin: 5px 0;border-radius: 5px;font-size: 16px;background: var(--point1);color: #fff;}

/*공지*/
.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:11px 0 11px 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;}

/*평가*/
.m_bbs{margin: 20px;}
.m_bbs div{position: relative;margin: 20px 0;}
.m_bbs h2{margin-bottom: 5px;font-size: 22px;font-family: GmarketSans;}
.m_bbs ul{border-top: 1px solid;}
.m_bbs div:nth-child(1) h2{color: var(--color4);}
.m_bbs div:nth-child(2) h2{color: var(--color3);}
.m_bbs div:nth-child(3) h2{color: var(--color2);}
.m_bbs div:nth-child(1) ul{border-color: var(--color4);}
.m_bbs div:nth-child(2) ul{border-color: var(--color3);}
.m_bbs div:nth-child(3) ul{border-color: var(--color2);}
.m_bbs li a{display: block;padding: 10px;border-bottom: 1px dashed #ddd;overflow: hidden;}
.m_bbs li strong{display: block;font-size: 15px;font-weight: 400;color: #464646;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.m_bbs li span{display: block;float: right;font-size: 14px;vertical-align: middle;color: #666;}
.m_bbs li span:before{display: inline-block;content: "";width: 15px;height: 15px;margin-right: 4px;background: var(--btnbg) no-repeat -130px -80px;vertical-align: middle;}
.m_bbs li:first-child a{position: relative;padding-left: 80px;}
.m_bbs li:first-child span{float: none;}
.m_bbs li:first-child span:before{display: none;}
.m_bbs li .date{position: absolute;top: 10px;left: 10px;bottom: 10px;width: 60px;text-align: center;font-size: 12px;background: #f8f8f8;}
.m_bbs li .date em{display: block;font-size: 20px;font-style: normal;font-weight: 600;}
.m_bbs div:nth-child(1) li .date em{color: var(--color4);}
.m_bbs div:nth-child(2) li .date em{color: var(--color3);}
.m_bbs div:nth-child(3) li .date em{color: var(--color2);}
.m_bbs li .txt{margin-top: 4px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.m_bbs .more{position:absolute;top:10px;right:0;}
.m_bbs .more a{position:relative;display:block;font-size:13px;padding-left:18px;}
.m_bbs .more a:before{display:block;content:"";background:var(--btnbg) no-repeat -1px -80px;width:12px;height:12px;position:absolute;top:3px;left:0;}


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

.main_container:before{height:200px;background-size: auto;}

.vis_txt br{display:none;}
.vis_txt strong{display:inline-block;margin-top:4px;}
.vis_txt span strong{margin-top:-10px;}
	
.m_sch{padding: 30px;}
.m_sch .sch_box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.m_sch select, .m_sch button{width: 19%;margin: 0;}
.m_sch select:first-child{width: 19%;}

.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}
	
.m_bbs li a{padding: 15px 0;}
.m_bbs li strong{float: left;width: calc(100% - 120px);}
.m_bbs li:first-child strong{float: none;width: 100%;font-size: 18px;}
.m_bbs li .date{top: 15px;left: 0;bottom: 15px;width: 70px;}
.m_bbs li .date em{font-size: 22px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.main_container:before{height:350px;}
.main_container:after{display:block;content:"";width:100%;height:564px;background:url("/images/31_jbassess/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 70px 0;color:var(--white);font-size:36px;}
.vis_txt strong{margin-top:6px;}
.vis_txt span strong{font-size:54px;margin-top:-12px;}
	
.m_sch{margin: 0;}
.m_sch select, .m_sch button{height: 50px;padding: 10px;margin: 0;font-size: 18px;border-radius: 10px;}

.main_container>.wrap{display: flex;flex-wrap: wrap;padding-bottom: 40px;justify-content: space-between;}

/*공지*/
.notice{/*background:none;box-shadow:none;*/border-radius:40px;/*padding:30px 30px 15px 0;*/margin:0;width:48%;max-width: 680px;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;width: 50%;max-width: 688px;}
.info_zone .info_list div{border-radius:40px;}
.info_zone .info_list div img{width:auto;max-width: 100%;border-radius:40px;}
.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;}
	
/*평가*/
.m_bbs{display: flex;flex-wrap: wrap;margin: 40px 0;column-gap: 40px;justify-content: space-between;}
.m_bbs div{width: calc((100% - 80px)/3);padding: 30px;border-radius: 20px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);}	
.m_bbs h2{font-size: 26px;}
.m_bbs .more{top: 45px;right: 30px;}
}

.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;}
}


/* layout */
.head .t_logo h1 a strong{font-size: 16px;margin-top: 10px;}
@media (min-width: 768px) {
.head .t_logo h1 a strong{font-size: 18px;margin-top: 10px;}
}
@media (min-width: 1023px) {
.menu>ul>li{min-width: 160px;}
.depth_box:before{height: 280px;}
}