@charset "utf-8";
/*공통사용*/
.m0{margin:0}
.mt0{margin-top:0 !important;}
.mb0{margin-bottom:0 !important;}
.big_img{padding:20px 0;}
.chk_tb input[type="radio"] {width:20px;height:20px;}
.basic_btn input.btn_go:hover {border:1px #fff solid;background:linear-gradient(to right,#028ccc, #0074a9);color:#fff;padding:12px 42px}
.basic_btn input.btn_go {display:inline-block;text-align:left; margin:0 5px 10px 5px;border:1px #0074a9 solid;border-radius:20px;background:url("/images/common/btn_go.png") no-repeat 90% center;padding:12px 54px 12px 30px;position:relative;cursor:pointer;}
.s_box div {padding:2%;border-radius:10px;border:solid 2px #daebf4;margin:10px 0;}
.s_box div ul{margin-bottom:13px;}
.s_box div h5{text-align:center;font-size:18px;word-break:keep-all;}
.s_box div h5 strong{display:block;font-size:24px;}
.s_box div p{position:relative;padding:12px 0 0 26px;border-top:dashed  1px #ddd;}
.s_box div p:before{display:inline-block;content:'';width:19px;height:19px;position:absolute;left:0;top:14px;}    
.s_box div .call:before{background:url("/images/common/call.png") no-repeat top center;} 

/*sub1*/
.gr_w {position:relative;margin-bottom:40px;padding-top:220px; background:url('/images/12_youth/content/sub01/gr_w.png')no-repeat  center 5% / 280px; overflow:hidden;}
.gr_w p{padding:10px;background:#fff;border-radius:10px 60px 10px 10px;}
.gr_w p strong{font-size:1.7rem;font-family:'SBAggro';color:#06af9c;}
.history{margin-bottom:40px;}
.history > ul > li{position:relative;}
.history > ul > li:before{display:block;content:'';width:80%;position:absolute;right:0;top:24px;height:1px;background:#e9e8e8;}
.history > ul > li:first-child span{color:#06af9c;}
.history li span{font-size:20px;padding-top:12px;margin:15px 0;font-weight:700;font-family:'SBAggro';background:url('/images/common/h4.png') top left no-repeat;display:block;}
.history .txt li{padding:3px 0;}

/*sub2*/
.notice_box .solian{background:url('/images/12_youth/content/sub02/s_ci1.png')no-repeat center 5%;padding-top:100px;}
.notice_box .olteen{background:url('/images/12_youth/content/sub02/s_ci2.png')no-repeat center 5%;padding-top:100px;}
.notice_box .eum{background:url('/images/12_youth/content/sub02/s_ci3.png')no-repeat center 5%;padding-top:100px;}

.s_box div h5 strong:before{display:block;content:'';width:65px;height:50px;background:#0074a9 url('/images/12_youth/content/sub02/s_box.png')no-repeat center 4px;margin:0 auto 10px auto;border-radius:15px;}
.s_box .s2 h5 strong:before{background-position:center -63px;}
.s_box .s3 h5 strong:before{background-position:center -132px;}

/*sub3*/
.box_table{width:104%;min-width:800px;border-spacing:20px;margin:-20px;border-collapse:unset;border-top:none;} 
.box_table th,.box_table td{text-align:center;vertical-align:middle;font-size:15px;line-height:1.5em;border-top:none} 
.box_table tbody th{background:#e9f7f9;color:#205565;font-weight:600;padding:10px;border:solid 1px #dbebea;}
.box_table tbody td{color:#555;padding:10px;border:1px solid #96cfc4;}
.box_table tbody td li{padding:0 0 0 15px;margin:0 0 5px 0;}
.box_table tbody th, .box_table tbody td{border-radius:10px;}
/*sub4*/
.s_box .s4 h5 strong:before{background:#0074a9 url('/images/12_youth/content/sub04/s_box1.png')no-repeat center -71px;width:54px;}

@media all and (min-width:768px) {
/*공통사용*/
.s_box{display:flex;flex-wrap:wrap;gap:1%;}
.s_box div{flex:0 0 32.3333%;margin:0 0 2% 0;display:flex;flex-direction:column;justify-content:space-between;}

/*sub1*/
.history > ul > li:before{width:86%;}
.history li span{font-size:30px;margin-bottom:0;}
.history .txt{padding-left:150px;}

/*sub2*/
.notice_box .solian{padding:10px 20px 0 200px;background-position:20px 10px !important;}
.notice_box .olteen{padding:10px 20px 0 200px;background-position:20px 10px !important;}
.notice_box .eum{padding:10px 20px 0 200px;background-position:20px 10px !important;}
}

@media all and (min-width:1023px) {
.big_img{border:none;}
/*sub1*/
.gr_w {padding:5% 5% 5% 380px;background-position:2% center;background-size:auto;}
.gr_w p{padding:50px;word-break:keep-all;}
.gr_w:before{display:block;content:'';width:100%;height:100%;background:linear-gradient(180deg, #eefffb, transparent);position:absolute;top:0;right:0;z-index:-1;border-radius:20px;}

}