.wrap { display: block; width: 100%; max-width: 1280px; margin: 0 auto; }

section { position:relative; display: block; width: 100%;  }

header { position:relative; display: block; width: 100%; background-color:#fff; }
header .nav { display:flex; justify-content:space-between; height:50px; padding:8px 13px; border-bottom:0.5px solid #E0E0E0; background-color:#fff;  }
header .nav ul { width:33.3%; font: 16px 'Pretendard'; color:#000; font-weight:500; letter-spacing:-0.25px; line-height:35px; text-align:center; }
header .nav ul:first-child { text-align:left; }
header .nav ul:last-child { text-align:right; }
header .nav ul img { width:26px; height:26px; }

header .nav_noti  { display:flex; align-items:center; height:160px; margin-top:0px; padding-left:5px; }
header .nav_noti img { width:19px; }

.scroll-fixed { position:fixed; top:0; z-index:500; }
.scroll-fixed2 { position:fixed !important; top:44px; z-index:200 !important; }

.nav_ex { position:relative; display: block; width: 100%; z-index:10; }
/*.nav_b { display:flex; justify-content:center; align-items:center; width: 100%; height:67px; background: linear-gradient(to right, #FF4500, #FF642B); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); font: 17px 'Pretendard';font-weight:600; color:#EFEFEF;  text-decoration-line:underline; text-decoration-thickness:2px; }
.nav_b a { display:inline-block; background-color:#fff; padding:10px 20px; margin-right:5px; color:#191919; border-radius:5px; box-shadow: 3px 3px 6px rgb(0, 0, 0, 0.2);  }
*/
.nav_b { display:block; width: 100%; height:67px; box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.1); background-color:#fff;  }
.nav_b img { width:100%; height:67px; }

/*웹앱head*/
.head { position:fixed; top:0; left:0; z-index:500; width: 100%; }
.head .wrap { display: block; width: 100%; }
.head .nav_m { display:flex; justify-content:space-between; align-items:center; width: 100%; height:58px; padding:0 17px 0 20px; background-color:#fff;  }
.head .nav_m ul img.i1 { width:22px; }
.head .nav_m ul img.i2 { height:25px; }

.head .nav_mn { display:block; overflow:hidden; width:100%; padding:15px 10px; overflow-x: scroll; background-color:#fff; height:135px; }
.head .nav_mn>div { display:block; overflow:hidden; width:960px; }
.head .nav_mn>div ul { display:inline-block; overflow:hidden; float:left; width:70px; margin-right:10px; }
.head .nav_mn>div ul p { display:block; overflow:hidden; }
.head .nav_mn>div ul p:nth-child(1) { height:65px; text-align:center; }
.head .nav_mn>div ul p:nth-child(2) { text-align:center; padding-top:5px; letter-spacing:-0.5px; }
.head .nav_mn>div ul p img { height:65px;  }

.head .nav_mn::-webkit-scrollbar { height: 1px; }
.head .nav_mn::-webkit-scrollbar-thumb { background-color:#fff; }
.head .nav_mn::-webkit-scrollbar-track { background-color: #fff; }

.mmu1 { display:block; width:100%; padding:15px 10px; overflow-x: scroll;  background-color:#fff; }
.mmu1::-webkit-scrollbar { height:1px; }
.mmu1::-webkit-scrollbar-thumb { background-color:#fff; }
.mmu1::-webkit-scrollbar-track { background-color: #fff; }
.mmu1 p.sp1 { position:relative; display:inline-block; background-color:#fff; padding:10px 20px; border-radius:20px; border:1px solid #BEBEBE; color:#000; margin-right:5px; box-sizing:border-box; }
.mmu1 p.sp1.on { background-color:#3068FF; color:#fff; border:1px solid #3068FF;  }
.mmu1 p.sp1.on span { border-color: #fff; }
.mmu1 p.sp1.on2 { background: linear-gradient(to right, #5830FF, #3895FF); color:#fff; border:0px; }
.mmu1 p.sp1>span { display:inline-block; float:right; margin:5px 0 0 7px; content: "";overflow: hidden; width: 5px; height: 5px; border: 1px solid #191919; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.mmu2 { display:block; width:100%; padding:0 10px 0 10px; border-bottom:1px solid #E6E6E6; margin-bottom:15px; background-color:#fff; overflow-y: auto; white-space: nowrap; height:45px; }
.mmu2 p { display:block; overflow:hidden; float:left; height:32px; background-color:#999999; padding:7px 15px; border-radius:5px; margin-right:7px; margin-bottom:17px;  }
.mmu2 img.a_del { float:left; height:32px; margin-right:10px; }
.mmu2 p img { width:9px; float:right; margin:4px 0 0 7px; }
.mmu2::-webkit-scrollbar { height:1px; }
.mmu2::-webkit-scrollbar-thumb { background-color:#fff; }
.mmu2::-webkit-scrollbar-track { background-color: #fff; }
/*웹앱head*/

/*웹앱new 20240816*/
.head .nav_m2 { display:flex; justify-content:space-between; align-items:center; width: 100%; height:58px; padding:0; background-color:#fff;  }
.head .nav_m2 ul img.i1 { width:22px; }
.head .nav_m2 ul img.i2 { height:25px; }

.mus_main2 { display:block; overflow:hidden; width:100%; margin-top:58px;  }
.mus_main2 .ser_top1 { position:fixed; top:58px; height:135px; display:block; overflow:hidden; width:100%; overflow-x: scroll; background-color:#fff; z-index:500; }
.ser_top1>div.st1 { display:block; overflow:hidden; width:960px; }
.ser_top1>div.st1 ul { display:inline-block; overflow:hidden; float:left; width:70px; margin-right:10px; }
.ser_top1>div.st1 ul p { display:block; overflow:hidden; }
.ser_top1>div.st1 ul p:nth-child(1) { height:65px; text-align:center; }
.ser_top1>div.st1 ul p:nth-child(2) { text-align:center; padding-top:5px; letter-spacing:-0.5px; }
.ser_top1>div.st1 ul p img { height:65px;  }

.ser_top1::-webkit-scrollbar { height: 1px; }
.ser_top1::-webkit-scrollbar-thumb { background-color:#fff; }
.ser_top1::-webkit-scrollbar-track { background-color: #fff; }

.mus_div1 { display:block; overflow:hidden; width:100%; margin:115px 0 20px 0;  }
.mus_div2 { display:block; overflow:hidden; width:100%; background-color:#fff; margin:135px 0 20px 0;  }
.mus_div3 { display:block; overflow:hidden; width:100%; background-color:#fff; margin:20px 0 20px 0;  }
.mus_div4 { display:block; overflow:hidden; width:100%; background-color:#fff; margin:0 0 20px 0;  }
.mus_div5 { display:block; overflow:hidden; width:100%; background-color:#fff; margin:0 0 20px 0;  }

.mus_div4>.mnL3 { display:block; width:100%; padding:0 10px; margin-top:0; }
.mus_div4>.mnL3>ul.u1 { display:block; overflow:hidden; width:100%; margin:10px 0 20px 0; }
.mus_div4>.mnL3>ul.u2 { display:block; overflow:hidden; width:100%; margin:0 0 20px 0; }
.mus_div4>.mnL3>ul.u3 { display:block; overflow:hidden; width:100%; margin:0 0 20px 0; }

.mus_div5>.mnV { margin-top:0; padding:0px 30px 30px 30px; }
.mus_div6>.mus_my { margin-top:0; padding-bottom:140px; }

.mnL5 { display:block; overflow:hidden; width:100%; padding:0 10px; margin-top:80px; }

.gb_tap { display:block; overflow:hidden; width:100%; border-bottom:1px solid #7d7d7d; height:40px; margin-bottom:30px; }
.gb_tap span { display:inline-block; overflow:hidden; float:left; height:40px; width:70px; text-align:center; font: 18px 'Pretendard'; font-weight:600; line-height:40px; color:#7D7D7D; letter-spacing:-0.34px; }
.gb_tap span.on { color:#3068FF; border-bottom:2px solid #3068FF; }

.pLadd_div { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: none; z-index:1100; }
.pLadd_div>ul { display:flex; justify-content:center; align-items:center; width: 100%; height: 100vh; }
.pLadd_div ul>div { position:relative; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; overflow:hidden; width:300px; height:150px; background-color:#fff; border-radius:10px;  font:bold 17px 'Pretendard'; color:#191919; padding:0 20px;  border:1px solid #ddd; }
.pLadd_div ul>div input { border-bottom:1px solid #aaa; padding:10px 0;  }
.pLadd_div ul>div input::placeholder { font: 18px 'Pretendard'; font-weight:600; color:#aaa; letter-spacing:-0.34px;  }
.pLadd_div ul>div button { font: 18px 'Pretendard'; font-weight:600; color:#000; letter-spacing:-0.34px; margin-top:10px; }

.pLadd_div ul>div .btn_clo { position: absolute; top: 15px; right: 15px; display: block; overflow: visible; width:26px; height:26px; z-index: 500; border:0; background-color:#E8E8ED; text-align:center; border-radius:50%; }
.pLadd_div ul>div .btn_clo span.btn_closee_close { display:inline-block; display:inline; margin-top:3px; color:#707070; }
.pLadd_div ul>div .btn_clo span.btn_closee_close:after { display: inline-block;content: "\00d7"; font-size:14pt;  }

.pLadd_div2 { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: none; z-index:1100; }
.pLadd_div2>ul { display:flex; justify-content:center; align-items:center; width: 100%; height: 100vh; }
.pLadd_div2 ul>div { position:relative; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; overflow:hidden; width:300px; background-color:#fff; border-radius:10px;  font:bold 17px 'Pretendard'; color:#191919; padding:20px;  border:1px solid #ddd; }
.pLadd_div2 ul>div>ul { display:block; overflow:hidden; width:100%; padding:10px 0; text-align:center; }

.pLadd_div2 ul>div .btn_clo2 { position: absolute; top: 15px; right: 15px; display: block; overflow: visible; width:26px; height:26px; z-index: 500; border:0; background-color:#E8E8ED; text-align:center; border-radius:50%; }
.pLadd_div2 ul>div .btn_clo2 span.btn_closee_close { display:inline-block; display:inline; margin-top:3px; color:#707070; }
.pLadd_div2 ul>div .btn_clo2 span.btn_closee_close:after { display: inline-block;content: "\00d7"; font-size:14pt;  }

.del_div { position: fixed; left: 0; bottom: 0; width: 100%; z-index:600; background-color:#fff; height:50px; text-align:right; padding:15px 10px; }
.del_div>ul { position:relative; }

.jp-playlist_tp>ul { position:relative; display:flex; justify-content:space-between; align-items:center;  width:100%;	 }
.jp-playlist_tp button.tp_btn2 { background-color:#E8E8ED; }
/*웹앱new 20240816*/


footer { position:relative; display:block; overflow:hidden; width:100%; font: 14px 'Pretendard'; color:#343434; font-weight:400; letter-spacing:-0.3px; line-height:19px; }
/*footer ul { display:block; overflow:hidden; width:100%; color:#7D7D7D; font: 14px 'Pretendard'; font-weight:500; letter-spacing:-0.34px; margin-bottom:10px; line-height:20px; }
footer ul:last-child { margin-bottom:0; }
footer ul>p { text-align:left; }*/

footer .sq_ft { overflow:hidden; padding:20px 20px 140px 20px;  } /*sq진단검사용*/
footer .cm_ft { overflow:hidden; padding:20px 20px 218px 20px;  } 

.sq_f { position: absolute; left: 0; top: 0; display:block; overflow:hidden; width: 100%; background-color:#EFEFEF; padding:20px; }



/*웹앱하단btn*/
.f_mnemm { position:relative; display:block; overflow:hidden; width:100%; }

.f_mne { position:fixed; display:block; bottom:0; width:425px; height:63px; background-color:#fff; z-index:300; }
.f_mne ul { display:flex; justify-content:space-between; align-items:center; height:63px;  }
.f_mne ul li { width:16%; height:38px; border:1px solid #fff; text-align:center;  }
.f_mne ul li>p { display:block; overflow:hidden;  }

.f_mne2 { position:fixed; display:block; bottom:0; left:0; width:100%; height:65px; background-color:#fff; z-index:300;  }
.f_mne2 ul { display:flex; justify-content:space-between; align-items:center; height:60px;  }
.f_mne2 ul li { display:block; overflow:hidden; width:20%; height:45px; border:1px solid #fff; text-align:center;  }
.f_mne2 ul li img.m1 { height:23px; }
.f_mne2 ul li p.b13m4 { letter-spacing:-0.5px; line-height:30px; }

.f_mne3 { position:fixed; display:block; bottom:65px; left:0; width:100%; height:75px; z-index:800; }
.f_mne3>ul { position:relative; display:block; overflow:hidden; height:75px; background-color:#f9f9f9; border-bottom:1px solid #f9f9f9;  }
.f_mne3 .pLo { display:block; overflow:hidden; width:100%; height:100%; text-align:center;  font: 16px 'Pretendard'; color:#191919; font-weight:600; letter-spacing:-0.5px; line-height:70px; }
.f_mne3 .pName { display:block; overflow:hidden; text-align:center; padding:10px 0; font: 16px 'Pretendard'; color:#191919; font-weight:600; letter-spacing:-0.34px;  }
/*웹앱하단btn*/


/*edufroot index 250908*/
.emain { display:block; overflow:hidden; width:100%; }
.emain .wrap { display:block; overflow:hidden; width:600px; margin:0 auto; }
.emain .wrap>div {  overflow:hidden;  }
.e_top { display:flex; justify-content: space-between; align-items: center; height:100px; padding: 0 50px; }
.e_con { display:block; border:0; }
.e_bottom { display:block; height:100px;   }

.e_top img { height:36px; }

.main_box3 {
    display: grid;
    overflow:hidden; width:100%; 
    margin:20px 0 40px 0; 
    grid-template-rows: repeat(4, 1fr);
     grid-template-columns: repeat(1, 1fr);
     grid-template-areas:
     "nbx1"
     "nbx2"
     "nbx3"
     "nbx4";
     gap:0;
 
}
.main_box3 ul { position: relative; overflow:hidden; border-radius:15px; width:395px; margin:0 auto; margin-bottom:10px; }
.main_box3 ul li { position: relative; display:block; overflow:hidden; width:100%; height:100%; border-radius:20px; font: 18px 'Pretendard'; color:#191919; font-weight:600; }
.main_box3 ul:nth-child(1) { grid-area: nbx1; height:120px;  }
.main_box3 ul:nth-child(2) { grid-area: nbx2; }
.main_box3 ul:nth-child(3) { grid-area: nbx3; }
.main_box3 ul:nth-child(4) { grid-area: nbx4; }
.main_box3 ul:nth-child(5) { grid-area: nbx5; }
.main_box3 ul:nth-child(1) li { background: url("/img/index/con_img_s5_m.png") no-repeat center; }
.main_box3 ul:nth-child(2) li { background: url("/img/index/con_img_s1_m.png") no-repeat center; }
.main_box3 ul:nth-child(3) li { background: url("/img/index/con_img_s2_m.png") no-repeat center;}
.main_box3 ul:nth-child(4) li { background: url("/img/index/con_img_s3_m.png") no-repeat center;}
.main_box3 ul:nth-child(5) li { background: url("/img/index/con_img_s4_m.png") no-repeat center;}
.main_box3 ul img { border-radius:10px; }
.main_box3 ul span { position: absolute; top:27px; left:33px; }
.main_box3 ul span.span2 { position: absolute; bottom:33px; right:33px; }
.main_box3 ul span font { display:block; margin-bottom:6px; }

.font_p1 { font: 20px 'Paperlogy'; font-weight:600; letter-spacing:-1px; }
.font_p2 { font: 20px 'Paperlogy'; font-weight:600; letter-spacing:-1px; }
.font_p3 { font: 17px 'Paperlogy'; font-weight:400; letter-spacing:-1px; }
.font_p4 { font: 25px 'Paperlogy'; font-weight:600; letter-spacing:-1px; }
/*edufroot index 250908*/

/* sub*/
.policy_text { display:block; overflow:hidden; width:100%; padding:20px; font: 16px 'Pretendard'; letter-spacing:-0.3px; font-weight:300; line-height:27px; } 
.policy_text p.p1 { display:block; overflow:hidden; width:100%; text-align:left; font: 16px 'Pretendard'; letter-spacing:-0.3px; font-weight:300; padding:25px 0 15px 0; }
.policy_text p.p2 { display:block; overflow:hidden; width:100%; text-align:left; font: 16px 'Pretendard'; letter-spacing:-0.3px; font-weight:300; padding:15px 0 15px 0; }
.policy_text>ul>li { display:block; overflow:hidden; width:100%; margin-bottom:8px; } 
.policy_text>ul>li.sub { padding-left:10px; }
.policy_text>ul>li.sub::before { content: "·"; padding-right:10px;  }

/*웹앱body*/
.mus_main { display:block; overflow:hidden; width:100%; margin-top:193px;  }

.mus_title1 { display:flex; justify-content:space-between; align-items:flex-end; margin:50px 0 30px 0; padding:0 20px; }
.mus_title2 { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:20px; padding:0; }
.mus_title3 { position:relative; display:block; width:250px; margin: 0 auto; margin-bottom:20px; height:33px;  }
.mus_title4 { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:20px; padding:0 20px; }
.mus_title5 { display:block; overflow:hidden; width:100%; padding:0 10px 10px 0; margin-top:20px; text-align:right; font: 16px 'Pretendard'; color:#191919; font-weight:600; letter-spacing:-0.5px; }

.mus_title2 span.sp1, .mus_title4 span.sp1, .del_div span.sp1 { display:inline-block; overflow:hidden; background-color:#595959; color:#fff; padding:2px 10px; font: 13px 'Pretendard'; font-weight:500; letter-spacing:-0.5px; border-radius:5px; margin-left:5px;  }
.del_div span.sp2 { display:inline-block; overflow:hidden; background-color:#3068FF; color:#fff; padding:2px 10px; font: 13px 'Pretendard'; font-weight:500; letter-spacing:-0.5px; border-radius:5px; margin-left:5px;  }

#mus_title3 { display:block; overflow:hidden; width:100%; border:1px solid #DBDBDB; background-color:#3068FF; color:#fff;  height:33px; border-radius:10px; padding:3px 0; text-align:center;  }
#mus_title3:hover { background-color:#f9f9f9; }

.mus_title3_box { position:absolute; top:0; left:0; width:100%; display:none; z-index:300; border:1px solid #DBDBDB; border-radius:10px; background-color:#fff; padding:15px 0; }
.mus_title3_box>ul { display:block; overflow:hidden; width:100%; text-align:center; padding:10px 0; }
.mus_title3_box>ul.on { background-color:#3068FF; color:#fff;  }
.mus_title3_box>ul.on:hover { color:#fff;  }
.mus_title3_box>ul:hover { color:#3068FF; }
.mus_title3_box>ul>span { display:inline-block; border:1px solid #aaa; padding:0 5px; border-radius:5px;  }
.mus_title3_box>ul>span:hover { color:#000; }

.mus_con1 { display:block; overflow:hidden; width:100%; height:415px; padding:0 20px 0 0; margin-left:20px; margin-top:10px; overflow-x: scroll; }
.mus_con2 { display:block; overflow:hidden; width:100%; height:470px; padding:0 0 0 20px; margin-top:20px;  }
.mus_con3 { display:block; overflow:hidden; width:100%; padding:20px 20px 40px 20px; background-color:#F8F8FA;  }
.mus_con4 { position:relative; display:block; overflow:hidden; width:100%; padding:0 20px; margin-bottom:40px; transform: translateX(0px); }
.mus_con5 { display:block; overflow:hidden; width:100%; padding:0; margin:90px 0 40px 0;  }
.mus_con6 { display:block; overflow:hidden; width:100%; padding:0; margin-bottom:40px;  }
.mus_con7 { display:block; overflow:hidden; width:100%; padding:0 10px; margin-bottom:40px;  }

.mus_con1>ul {display:block; overflow:hidden; }
.mus_con1::-webkit-scrollbar { height: 1px; }
.mus_con1::-webkit-scrollbar-thumb { background-color:#fff; }
.mus_con1::-webkit-scrollbar-track { background-color: #fff; }
.mus_con2 div .slick-slide { margin-left:-27px; }

.mus_detail1 { position:relative; display:inline-block; overflow:hidden; float:left; width:121px; height:190px;  margin-right:10px;  }
.mus_detail1 img { width:121px; height:121px; border-radius:5px;  }
.mus_detail1 ul { display:block; overflow:hidden; width:100%;  }
.mus_detail1 ul:nth-child(1) { margin-bottom:7px; }
.mus_detail1 ul:nth-child(2) { margin-bottom:5px; }
.mus_detail1>ul>span.atu { position:absolute; top:0; left:0;  }
.mus_detail1>ul>span img {  display:inline-block; width:16px; height:16px; margin-right:3px; }

.mus_detail2 { display:flex; justify-content:space-between; align-items:center; overflow:hidden; width:100%; height:90px;  }
.mus_detail2>ul { display:inline-block; overflow:hidden; float:left;  }
.mus_detail2>ul img { width:80px; height:80px; border-radius:5px;   }
.mus_detail2>ul img.bt1 { display:inline-block; width:16px; height:16px; margin-right:10px; border-radius:0;   }
.mus_detail2>ul img.bt2 { display:inline-block; width:20px; height:19px; border-radius:0;   }
.mus_detail2>ul:nth-child(1) { width:25%; position:relative; border-radius:5px;  }
.mus_detail2>ul:nth-child(2) { width:55%; padding: 0 5px; }
.mus_detail2>ul:nth-child(3) { width:20%; text-align:left; }
.mus_detail2>ul.ul01 { width:25%; position:relative; border-radius:5px; padding-left:5px; }
.mus_detail2>ul.ul02 { width:50%; padding-left:10px; }
.mus_detail2>ul.ul03 { width:25%; text-align:right; }
.mus_detail2>ul.ul06 { width:75%; padding-left:10px; }

.mus_detail2>ul img.ply { position: absolute !important; top:0; left:0; width:40px; height:40px; }
.mus_detail2>ul img.ply2 { width:17px; height:17px; }

.mus_detail2>ul.ul04 { width:45%; padding-left:10px; background-color:#fff;  }
.mus_detail2>ul.ul05 { width:5%; padding-left:10px; }
.mus_detail2>ul>span.atu { position:absolute; top:0; left:0; width:90px; }
.mus_detail2>ul>span img { display:inline-block;  width:16px; height:16px; margin-right:3px; }
.mus_detail2.gr { background-color:#f5f5f5;  }

.mus_con3>.mus_detail2>ul:nth-child(1) { width:25%; position:relative; background-color:#F8F8FA; }
.mus_con3>.mus_detail2>ul:nth-child(2) { width:50%; padding-left:10px; }
.mus_con3>.mus_detail2>ul:nth-child(3) { width:25%; text-align:right; }

.mnL { display:block; width:100%; margin-top:170px; }
.mnL>ul.mnn {  display:block; width:100%; padding:20px 0px; border-bottom:1px solid #E6E6E6;  }

.mnL2 { display:block; width:100%; padding:0 10px; margin-top:140px; }
.mnL3 { display:block; width:100%; padding:0 10px; margin-top:60px; }

.mnL3>ul.u1 { display:block; overflow:hidden; width:100%; margin:15px 0 40px 0; }
.mnL3>ul.u2 { display:block; overflow:hidden; width:100%; margin:0 0 24px 0; }
.mnL3>ul.u3 { display:block; overflow:hidden; width:100%; margin:0 0 50px 0; }

.mnL>ul.mnn2 { display:flex; justify-content:space-between; overflow:hidden; width:100%;  }
.mnL>ul.mnn2>div { position:relative; display:inline-block; overflow:hidden; width:31%;  }
.mnL>ul.mnn2>div>span { position:absolute; top:10px; left:10px;  }
.mnL>ul.mnn2>div img { width:100%; }

.mnL>ul.mnn2>.div2 { align-item:center; width:48%; height:80px; text-align:center; background: linear-gradient(to right bottom, #FFEB9B, #F2F6D5); border-radius:10px;  }
.mnL>ul.mnn2>.div2>ul { display:flex; justify-content:center; align-items:center; overflow:hidden; width:100%; height:100%;  }
.mnL>ul.mnn2>.div3 { background: linear-gradient(to right bottom, #FFC6CE, #FFE0D6); }

.mnL>ul.mnn4>.mus_title2 { margin:0; padding:13px 10px; }

.mnL div.serbox { display:flex; justify-content:space-between; align-items:center; overflow:hidden; width:100%; height:43px; border:1px solid #DBDBDB; border-radius:20px; margin:20px 0 10px 0; padding:10px 20px 10px 30px; }
.mnL div.serbox input::placeholder { font: 14px 'Pretendard'; color:#999; font-weight:600; letter-spacing:-0.5px; }
.mnL div.serbox img { width:23px; }
.mnL div.serbox:hover { border:1px solid #3068FF;  }
.mnL div.serbox:hover img { filter: invert(49%) sepia(60%) saturate(6783%) hue-rotate(215deg) brightness(97%) contrast(106%); }

.mnL_tap1 { display:block; overflow:hidden; width:100%; margin-top:20px; }
.mnL_tap1>p.p1 { display:inline-block; overflow:hidden; float:left; width:25%; text-align:center; padding:10px 0; border-bottom:1px solid #E6E6E6; }
.mnL_tap1>p.p1.on { border-bottom:2px solid #3168FE; }

.mnV { display:block; overflow:hidden; width:100%; margin-top:60px; padding:30px;  text-align:center;   }
.mnV>ul { display:block; overflow:hidden; width:100%; text-align:center; margin-bottom:10px; }
.mnV>ul img.p_m { width:70%; border-radius:5px; }
.mnV span { display:inline-block; overflow:hidden; background-color:#FFA200; color:#fff; padding:2px 7px; font: 13px 'Pretendard'; font-weight:500; letter-spacing:-0.5px; border-radius:5px; margin-right:5px; }
.mnV span.cate_bC { background-color:#FFA200; color:#fff; }
.mnV span.cate_bP { background-color:#00A34D; color:#fff; }
.mnV span.cate_bR { background-color:#A694FF; color:#fff; }
.mnV>ul.ttx { line-height:23px; }
.mnV>ul.ul1 { margin:10px 0; }

.mnV>ul.bb { position:relative;  }
.mnV>ul.bb img.p_b { position:absolute; bottom:40%; left:48%; width:35px; height:35px; }
.mnV>ul img.p_i { display:inline-block; width:17px; height:14px;  }

.mnP { display:block; overflow:hidden; width:100%; margin-top:60px; padding:30px;   }
.mnP>ul { display:block; overflow:hidden; padding:10px 0; }
.mnP>ul p { display:block; overflow:hidden; margin-top:7px; }
.mnP>ul a.a1 { display:inline-block; overflow:hidden; background-color:#595959; color:#fff; padding:2px 10px; font: 13px 'Pretendard'; font-weight:500; letter-spacing:-0.5px; border-radius:5px;  }
.mnP>ul a.a2 { display:inline-block; overflow:hidden; float:left; background-color:#3068FF; color:#fff; padding:10px 10px; font: 13px 'Pretendard'; font-weight:500; letter-spacing:-0.5px; border-radius:5px; margin-left:5px; }
.mnP>ul input { border:1px solid #aaa; padding:7px; border-radius:5px; width:70%; float:left; }

.mnP p.SBt {  display:flex; justify-content:space-between; align-items:center;overflow:hidden; width:120px; border:1px solid #595959; border-radius:10px; }
.mnP p.SBt>span { width:50%; text-align:center; padding:10px 0; }
.mnP p.SBt>span.on { background-color:#3068FF; color:#fff;  }

.ser_sbar1 {  position:relative; }
.ser_sbar1 .ser_sbar_con { position:absolute; top:40px; left:20px; background-color:#fff; border:1px solid #f5f5f5; box-shadow: 3px 3px 6px rgb(0, 0, 0, 0.2); padding:10px; width:200px; border-radius:8px; }
.ser_sbar1 .ser_sbar_con ul { display:block; width:100%; height:35px; text-align:center; line-height:35px; }
.ser_sbar1 .ser_sbar_con ul.on { background-color:#F8F8FA; }

.play_mus { position: relative; display:block; overflow:hidden; width:100%;  }

.show-container { position: absolute; bottom: 0; left:0; width:100%; height: 20px; padding:3px 0; }  
.rounded { height: 100%; border-radius: 999px; overflow: hidden; }
.progress-container { position: relative; }

.progress { position: relative; display:inline-block; overflow:hidden; float:left; width: 80%; height: 14px; background-color: #e7edf4; border-radius: 99px; }
.progress-bar { position: relative;	height: 100%; background-color: #00c0fb; 	}
.progress-number {	position: absolute;	left: 0px;	top: 0;	transition: transform .2s linear; &:before { content: "";position: absolute; top: -10px;  left: 0; transform: translateX(-50%);  border-top: 5px solid #525961;  border-left: 5px solid transparent;  border-right: 5px solid transparent;	} &:after {  content: attr(aria-valuenow);  position: absolute;  left: 0;  top: -10px;  transform: translate(-50%,-100%);  padding: 4px 10px;  color: #fff; font-size: 13px; font-weight: 300; background-color: #525961;  border-radius: 3px;	}  }
.button-container {	display: block; text-align: center; padding: 60px 0; }
.button {	color: #1F2225;	font-weight: 400; text-decoration: none;	border: 2px solid #525961; padding: 10px 25px; transition: all .15s ease-in-out;	&:hover {background-color: #525961;color: #fff; }  }
.c_time { display:inline-block; overflow:hidden; float:left; width:10%; text-align:left;  }
.a_time { display:inline-block; overflow:hidden; float:left; width:10%; text-align:right; }

.ser_div { position: fixed; display:none; left: 0px; bottom:0px; width:100%; height: 1vh; z-index:900; background-color: #fff; border-radius:20px 20px 0 0; border:1px solid #fff; transition: all 0.15s ease 0.15s; padding:15px; }
.ser_div.on { display:block; top: 58px; height: 92vh; }
.ser_div>ul { position: relative; display:block; width:100%; height:90%;  }
.ser_div>ul>span.closss { position: absolute; display:block;  right: -10px; top: -60px; width:38px; height:38px; z-index:1000; background-color:#fff; color:#000; border-radius:20px; }

span.closss:before, span.closss:after { position: absolute; right:18px; top:10px; content:''; height:17px; width:2px; background-color: #222; } 
span.closss:before { transform: rotate(45deg); }
span.closss:after { transform: rotate(-45deg); }

.ser_div .ser_t_mn { display:block; overflow:hidden; overflow-x: scroll; width:100%;  }
.ser_div .ser_t_mn ul { display:block; overflow:hidden; margin-bottom:16px; }
.ser_div .ser_t_mn::-webkit-scrollbar { height: 1px; }
.ser_div .ser_t_mn::-webkit-scrollbar-thumb { background-color:#fff; }
.ser_div .ser_t_mn::-webkit-scrollbar-track { background-color: #fff; }
.ser_div .ser_t_mn>ul p { display:inline-block; overflow:hidden;  float:left; padding:8px 15px 19px 15px; border-bottom:1px solid #DBDBDB; }
.ser_div .ser_t_mn>ul p.on { color:#191919; border-bottom:1px solid #191919; font-weight:700; }

.ser_div .ser_t_cm { display:none; overflow:hidden; }
.ser_div .ser_t_cm::-webkit-scrollbar { height: 1px; }
.ser_div .ser_t_cm::-webkit-scrollbar-thumb { background-color:#fff; }
.ser_div .ser_t_cm::-webkit-scrollbar-track { background-color: #fff; }
.ser_div .ser_t_cm.on { display:block; }
.ser_div .ser_t_cm ul { display:block; overflow:hidden; width:100%; padding:10px 0; margin:0;  }
.ser_div .ser_t_cm ul.tt { padding:21px 0; border-bottom:1px solid; margin-bottom:9px;  }
.ser_div .ser_t_cm ul.tt.on { color:#3068FF; }
.ser_div .ser_t_cm ul>span { display:inline-block; float:right; margin:5px 0 0 7px; content: ""; overflow: hidden; width: 5px; height: 5px; border: 1px solid #191919; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.ser_div .ser_t_cm>div { height: 50vh; overflow-y:auto; }

.ser_div .ser_t_cm ul.ser_word.on1 { color:#3068FF; }
.ser_div .ser_t_bb { position: absolute; bottom:0px; display:flex; justify-content:space-between; align-items:center; width:100%;  background-color:#fff;  }
.ser_div .ser_t_bb>ul.u01 { width:48%; text-align:center; padding:9px 0;  border:1px solid #BEBEBE; border-radius:5px; margin:0; }
.ser_div .ser_t_bb>ul.u02 { width:48%; text-align:center; padding:9px 0; background-color:#191919; border:1px solid #191919; border-radius:5px; margin:0; color:#fff; }

.mus_my { display:block; overflow:hidden; width:100%; margin-top:58px; }
.mus_my>ul { display:block; overflow:hidden; width:100%; padding:20px 20px; border-bottom:1px solid #E6E6E6; }
.mus_my>ul>div { display:block; overflow:hidden; width:100%; }
.mus_my>ul>div>ul { display:block; overflow:hidden; margin-bottom:10px; line-height:25px; }
.mus_my>ul>div>ul.tw { display:flex; justify-content:space-between; align-items:center; }
.mus_my .logout { display:inline-block; overflow:hidden; background-color:#595959; color:#fff; font: 13px 'Pretendard'; font-weight:500; padding:5px 10px; border-radius:5px;  margin-left:7px;  }
.mus_my .mypp { display:inline-block; overflow:hidden; background-color:#fe633f; color:#fff; font: 13px 'Pretendard'; font-weight:500; padding:5px 10px; border-radius:5px;  }

.mus_my>ul>div>ul.m00 { margin-bottom:0px; }
.mus_my>ul>div>ul.m15 { margin-bottom:15px; }
.mus_my>ul>div>ul.m30 { margin-bottom:50px; }
.mm_btn { display:inline-block; background-color:#2B6AFF; color:#fff; font: 13px 'Pretendard'; font-weight:500; padding:8px 10px; border-radius:5px;  }
.mm_btn>span { display:inline-block; float:right; margin:5px 0 0 10px; content: ""; overflow: hidden; width: 5px; height: 5px; border: 1px solid #fff; border-top: 0; border-right: 0; transform: rotate(228deg); }

.o_box_span { position:relative; display:inline-block; background-color:#fff; border:1px solid #BEBEBE; padding:10px 20px; border-radius:20px; color:#000; margin:0 5px 5px 0; box-sizing:border-box;  }
.o_box_span:hover { background: linear-gradient(to right, #5830FF, #3895FF); color:#fff; border:1px solid #3068FF; }

.mor_btn { display:block; overflow:hidden; width:100%; margin-top:10px; padding:10px 40%; border:1px solid #191919; border-radius:5px; text-align:center;  }
.mor_btn:hover { background-color: #f9f9f9; }
.mor_btn>span { display:inline-block; margin:5px 0 0 7px; float:right; content: "";overflow: hidden; width: 5px; height: 5px; border: 1px solid #191919; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/*웹앱body*/

.div_btnn { position: absolute;	left: 0px; top: 0; height:30px; width:250px; background-color: #aaa; padding:5px 15px; color:#fff;  }

.mLogin { display:block; overflow:hidden; width:100%; padding:10%; }
.mLogin ul { display:block; width:100%;  }
.mLogin .mL1 { display:block; width:100%; padding-top:30px;  }
.mLogin .mL1>ul { display:block; overflow:hidden; text-align:center; margin-bottom:10px; }
.mLogin .mL1 ul img { width:60px; height:60px;  margin-bottom:10px;}
.mLogin .mL1 ul.ul1 { font: 24px 'Pretendard'; color:#191919; font-weight:600; }
.mLogin .mL1 ul.ul2 { font: 19px 'Pretendard'; color:#7D7D7D; font-weight:500; }
.mLogin .mL1 ul.ul3 { width:80%; margin:0 auto; background-color:#BFBFBF; height:4px; border-radius:5px; margin-top:80px; margin-bottom:50px; }
.mLogin .mL1 ul.ul4 { font: 17px 'Pretendard'; color:#FF4500; font-weight:600; }
.mLogin .mL1 ul.ul5 { font: 17px 'Pretendard'; color:#191919; font-weight:600; }

.mLogin .mL1 .BList1_p ul li { font: 16px 'Pretendard'; font-weight:400; }


.mjoin { display:block; overflow:hidden; width:100%; padding:5%; }
.mjoin .BList1_p ul li button { margin-top:5px; }

.login_box { display:block; overflow:hidden; width:80%; border:0.5px solid #404040; margin:0 auto; border-radius:10px; margin-top:30px; background-color:#fff;  }
.login_box>li { display:block; overflow:hidden; height:56px; padding:10px 15px; font: 16px 'Pretendard'; color:#7D7D7D; font-weight:600; border-bottom:0.5px solid #404040; }
.login_box>li:last-child { border-bottom:0; }
.login_box>li>input { font: 15px 'Pretendard'; color:#7D7D7D; font-weight:500; height:35px; width:100%; }
.login_box>li>input::placeholder { font: 15px 'Pretendard'; }
.login_box>li.exp { display:flex; justify-content:space-between; align-items:center; flex-wrap:nowrap; }
.login_box>li.exp input { width:70%; }
.login_box>li.exp button { padding:3px; border-radius:5px;  }
.login_box>li:nth-child(2) { display:flex; justify-content:space-between; align-items:center; flex-wrap:nowrap; }
.login_box>li:nth-child(2)>input { width:80%; }
.login_box>li:nth-child(2) img { width:28px; height:28px; margin:0; }

.po_box { display:block; overflow:hidden; width:100%; border:1px solid #404040; margin:0 auto; border-radius:10px; margin:30px 0; background-color:#fff;  }
.po_box ul { display:flex; justify-content:space-between; align-items:center; flex-wrap:nowrap; font: 16px 'Pretendard'; color:#7D7D7D; font-weight:600; padding:15px 15px;  }
.po_box ul li { line-height:20px; }
.po_box ul.u1 { border-bottom:0.5px solid #404040; }
.po_box .ar3_yn { display:block; overflow:hidden; width:100%; padding:0 0 20px 40px; font: 16px 'Pretendard'; color:#7D7D7D; font-weight:600; }
.po_box .ar3_yn input { height:15px; width:15px; -webkit-appearance:auto; }

.myp { position:relative; display:block; width:100%; background-color:#E0E0E0; }
.myp>ul { display:block; width:100%; }
.myp>ul.ul1 { position:relative; height:166px; background-color:#EEEEEE; padding:20px; font: 30px 'Pretendard'; font-weight:600; color:#191919; line-height:40px; }
.myp>ul.ul1 span {  position:absolute; top:20px; right:20px;  font:bold 16px 'Pretendard'; letter-spacing:-0.34px; line-height:19px; border-bottom:1px solid #7D7D7D; color:#7D7D7D; }
.myp div.my_menu  { position:absolute; top:143.5px; left:20px; width:90%; height:45px; background-color:#fff; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); z-index:100; border-radius:15px; }
.myp div.my_menu ul { display:inline-block; overflow:hidden; float:left; width:33%; height:45px;  border-right:1px solid #BFBFBF; font:bold 16px/45px 'Pretendard'; letter-spacing:-0.34px; text-align:center; color:#BEBEBE; }
.myp div.my_menu ul:last-child { border-right:0; }
.myp div.my_menu ul.on { color:#191919; }
.myp>ul.ul2 { padding:60px 20px; }
.myp>ul.ul3 { padding:30px 20px; }

.mm_box { display:block; overflow:hidden; width:100%; padding:20px; background-color:#EEEEEE; border-radius:10px; margin:5px 0 10px 0; font: 16px 'Pretendard'; color:#232323; font-weight:500; }

.Eudm {  position:relative; display:block; width:100%; padding:0 5%; padding-top:20px; }
.Eudm>.tt { display:block; font: 22px 'Pretendard'; font-weight:600; letter-spacing:-0.34px; border-bottom:1px solid #BFBFBF; padding:30px 0 10px 0; margin-bottom:0; }
.Eudm ul { display:block;  width:100%; }
.Eudm ul.u1 { font:bold 18px 'Pretendard'; font-weight:700; letter-spacing:-0.34px; color:#191919; margin:10px 0 5px 0;  }
.Eudm ul.u2 { font:15px 'Pretendard'; font-weight:500; letter-spacing:-0.34px; color:#565656; margin-bottom:35px;  }
.Eudm ul.u4 { font:15px 'Pretendard'; font-weight:500; letter-spacing:-0.34px; color:#7D7D7D; margin-bottom:10px;  }
.Eudm ul img { max-width:100%;  }
.Eudm ul img.ra { border-radius:10px;  }
.Eudm ul.movv { width:506px; height:275px; border-radius:10px; }
.Eudm ul.u3 { text-align:center; }
.Eudm ul.u3 img { width:90%; }

.Eudm .tap {  border-bottom:2px solid #BEBEBE; margin-top:35px; }
.Eudm .tap ul { display:inline-block; width:auto; border-bottom:0; padding:0 15px 10px 15px; }
.Eudm .tap>ul.on { border-bottom:2px solid #FF4500; }
.popup { position: fixed; top:0; left:0; z-index:400; }
.res-div { position:relative;  display:block; overflow:hidden; width:100%; z-index:500; text-align: center; }
/*.res-div img { max-width:100%; max-height:630px; border:1px solid #aaa; }*/

.Eudm2 { position:relative; display:block; width:100%; padding:0 5%; padding-top:20px; }
.Eudm2 div.con { position:relative; display:grid; grid-template-columns: repeat(1,1fr); width:100%; }
.Eudm2 .tt { display:block; font: 22px 'Pretendard'; font-weight:600; letter-spacing:-0.34px; border-bottom:1px solid #BFBFBF; padding:30px 0 10px 0; margin-bottom:0; }
.Eudm2 ul { display:block;  width:100%; }
.Eudm2 ul.u1 { font:bold 18px 'Pretendard'; font-weight:700; letter-spacing:-0.34px; color:#191919; margin:10px 0 5px 0;  }
.Eudm2 ul.u2 { font:15px 'Pretendard'; font-weight:500; letter-spacing:-0.34px; color:#565656; margin-bottom:35px;  }
.Eudm2 ul.u4 { font:15px 'Pretendard'; font-weight:500; letter-spacing:-0.34px; color:#7D7D7D; margin-bottom:10px;  }
.Eudm2 ul img { max-width:100%;  }
.Eudm2 ul img.ra { border-radius:10px;  }
.Eudm2 ul.movv { width:506px; height:275px; border-radius:10px; }
.Eudm2 ul.u3 { text-align:center; }
.Eudm2 ul.u3 img { width:70%; border-radius:20px; }

.Eudm2 .tap {  border-bottom:2px solid #BEBEBE; margin-top:35px; }
.Eudm2 .tap ul { display:inline-block; width:auto; border-bottom:0; padding:0 15px 10px 15px; }
.Eudm2 .tap>ul.on { border-bottom:2px solid #FF4500; }
/*.res-div img { max-width:100%; max-height:630px; border:1px solid #aaa; }*/

.ad_box { display:none; position:absolute; top:20px; left:-320px; overflow:hidden; width:270px; height:100vh; overflow-y: scroll; background-color: #eaeaea; padding:20px; border-radius:10px;  }

.tap { display:block; overflow:hidden; width:100%;  }
.tap>ul { display:inline-block; overflow:hidden; float:left; text-align:center; border-bottom:2px solid #BEBEBE; padding-bottom:10px; font: 17px 'Pretendard'; font-weight:500; letter-spacing:-0.34px; }
.tap>ul.ul50 { width:50%; }
.tap>ul.ul30 { width:33.3%; }
.tap>ul.on { color:#FF4500; border-color:#FF4500; border-bottom: 2px solid #FF4500; }
.tap_d0, .tap_d1 { display:none; width:100%; margin-top:15px; }
.tap_d2 { display:block; width:100%; margin-top:15px; }
.tap_d0, .tap_d2 div.board { margin-top:20px; }
.tap_d0, .tap_d2 div.board .btn3 { margin-top:20px; }

.t_con { display:block; width:100%; position:relative; }
.t_con ul { display:block; overflow:hidden; width:100%; text-align:center; }
.t_con>ul { margin-top:5px; }
.t_con>ul.tt { margin-top:45px; }
.t_con>ul.tt2 { margin-top:20px; }
.t_con>ul.tt3 { background-color:#EFEFEF; padding:50px 0; margin:0; }
.t_con>ul.tt3>.p1 { margin:40px 0; }
.t_con>ul.tt3>.gg_box { width:80%; border-radius:10px; margin:0 auto; }
.t_con>ul.tt3>.gg_box>ul { text-align:left;  }
.t_con>ul.tt3 img { width:40%; }
.t_con>ul.tt4 { display:flex; margin-bottom:20px; }
.t_con>ul.tt4 li:nth-child(1) { width:6%; text-align:left; }
.t_con>ul.tt4 li:nth-child(2) { width:94%;  text-align:left; }
.t_con>ul.tt5 { padding:50px 0; background:linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 1)), url('/img/sub/bg0513.png') no-repeat top center; margin-top:30px;  }
.t_con>ul.tt5>.p1 { margin:20px 0 350px 0; }
.t_con>ul.tt6 { background-color:#000; margin:-1px 0 0 0; padding-bottom:30px; }
.t_con>ul.tt7 { margin-top:60px; }
.t_con>ul.pd { padding-bottom:20px; }
.t_con>ul.un_div { display:flex; align-items:center; margin:0; }
.t_con>ul.un_div li { width:50%; padding:20px 10px 10px 10px;  }
.t_con>a .btn3 { font-size:15px; position: fixed; bottom:63px; left: 5%; width:90%; margin:0 auto; }
.t_con .rv_box { display:block; overflow:hidden; width:70%; }
.t_con .rv_box.rv1 { float:left; margin:25px 0 0 20px; }
.t_con .rv_box.rv2 { float:right;  margin:25px 20px 0 0; }
.t_con .rv_box.rv2>ul { text-align:right; }
.t_con .rv_box ul { display:block; overflow:hidden; color:#fff; font: 15px 'Pretendard'; font-weight:500; letter-spacing:-0.34px; text-align:left; padding-bottom:7px;  }
.t_con .rv_box ul.ul1 { font: 18px 'Pretendard'; font-weight:700; letter-spacing:-0.34px;  color:#0AFF84; }

.t_bg { background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('/img/sub/t_bg0513.png') no-repeat lightgray left 80%; padding:10px 0 40px 0;  }

.t_con2 { display:block; width:100%;  }
.t_con2 ul { display:block; width:100%; text-align:center; }
.t_con2>ul.ul1 { position:relative; display:flex; align-items:center; flex-wrap:nowrap; padding:20px 0; }
.t_con2>ul.ul1 .p1 { font:bold 22px 'Pretendard'; color:#191919; letter-spacing:-0.34px; margin-right:35px; }
.t_con2>ul.ul1 .p2 { font: 15px 'Pretendard'; font-weight:500; color:#7D7D7D; letter-spacing:-0.34px; margin-left:10px;  }
.t_con2>ul.ul2 { display:flex; flex-wrap:nowrap; padding:20px 0; }
.t_con2>ul.ul2>li:nth-child(1) { width:10%; }
.t_con2>ul.ul2>li:nth-child(2) { width:90%; margin-left:15px; }
.t_con2>ul.ul2>li.wri { border-bottom:1px solid #BFBFBF; text-align:left; padding-top:7px; }

.t_con2>ul.ul1>.or_b {  position:absolute; display:none; top:50px; left:137px; z-index:100; background-color:#fff; border:1px solid #E0E0E0; box-shadow: 3px 3px 6px rgb(0, 0, 0, 0.2); border-radius:5px;  }
.t_con2>ul.ul1>.on { display:block; }
.t_con2>ul.ul1>.or_b ul { display:block; width:100%; padding:20px 40px; }
.t_con2>ul.ul1>.or_b ul.on { background-color:#E0E0E0; }

.dg_date { display:block; overflow:hidden; width:100%; margin:60px auto 0 auto; }
.dg_date>ul { display:flex; flex-wrap: wrap; justify-content: center; overflow:hidden;  }
.cate_box { display:block; overflow:hidden; width:43%; margin:1%; border:1px solid #aaa; border-radius:10px; padding:10px; box-shadow: 3px 3px 6px rgb(0, 0, 0, 0.2); }
.cate_box>ul { display:block; overflow:hidden; width:100%; text-align:left; }
.cate_box>ul>span { float:right; }

.dg_date2 { display:block; overflow:hidden; width:100%; margin:60px auto 0 auto;  padding:60px 0 90px 0; }
.dg_date2>ul { display:flex; flex-wrap: nowrap; justify-content: center; overflow:hidden;  }
.cate_box2 { display:block; overflow:hidden; width:80%; margin:2% auto; border:2px solid #000; border-radius:15px; padding:20px;  box-shadow: 3px 3px 6px rgb(0, 0, 0, 0.2); }
.cate_box2>ul { display:block; overflow:hidden; width:100%; text-align:left; }
.cate_box2>ul>span { display:block;  text-align:center; }

.review  { display:block; overflow:hidden; width:100%;  }
.review>ul { display:flex; align-items:center; flex-wrap:nowrap; text-align:left; margin-bottom:5px; }
.review span >ul { display:flex; align-items:center; flex-wrap:nowrap; text-align:left; }
.review span >ul.b12m7 { margin-top:5px; }
.review>ul.ul1 { margin-bottom:7px; }
.review>ul li.li100 { width:100%; }
.review textarea { border:1px solid #E0E0E0; border-radius:5px; width:100%; background-color:#FBFBFB; padding:15px; height:120px; }
#BWri { display:none; }
#BWri.on { display:flex; }
#BWri2 { display:none; }
#BWri2.on2 { display:flex; }

.rev2 { display:flex; align-items:center; flex-wrap:nowrap;  justify-content:space-between; width:100%; }
.rev2>ul { width:auto; text-align:left; }

.ticL {  position:relative; display:block; width:100%; padding:30px 0;  }
.ticL>ul { display:block; width:100%; padding:0 5%;  }
.ticL>ul.u1 { line-height:40px; }
.ticL>ul.u2 { margin:15px 0 30px 0; }
.ticL>ul.u3 { text-align:center;  }
.ticL>ul.u4 { margin-top:15px; }
.ticL>ul.u5 { margin-top:15px; text-align:right; height:32px; }
.ticL>ul.u5>a { background-color:#FF5516; color:#fff; border-radius:4px; padding:7px 10px; }
.ticL>ul .btn3 { margin-top:15px; }
.ticL select { width:120px; height:27px; margin-right:5px; border-radius:5px; text-align:left; font-size:16px; border: 1px solid #d0d0d0; padding: 0 10px; }
.ticL>ul.u6 { background-color:#E0E0E0; padding:20px; }

.tic_sdiv { display:block; width:100%; border-radius:8px; box-shadow: 3px 3px 6px rgb(0, 0, 0, 0.2); padding:10px; margin-bottom:20px; background-color:#fff;  }
.tic_sdiv>ul { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-start; margin-bottom:15px; }
.tic_sdiv>ul.ul1 { justify-content:space-between; align-items:baseline; } 
.tic_sdiv>ul.ul2 { margin-bottom:7px; }
.tic_sdiv>ul.ul3 { margin-bottom:2px; }
.tic_sdiv>ul img.img1 { width:17px; }
.tic_sdiv>ul img.img2 { width:180px; }

.ticV {  position:relative; display:block; overflow:hidden;  width:100%; padding:10px 0; margin:80px 0 0 0 ;  }

.tipbox { display:block; overflow:hidden; width:100%; margin:20px 0 10px 0; }
.tipbox li { display: inline-block; overflow:hidden; float:left; text-decoration:underline; }
.tipbox li.gif { float:right; }

.dg_intro { display:block; overflow:hidden; width:100%; padding:30px 15px; }
.dg_intro>ul { display:block; width:100%; }
.dg_intro ul.ul1 { text-align:center; line-height:30px; }
.dg_intro ul.ul2 { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; margin-top:30px;  }
.dg_intro ul.ul2 li { width:48%; height:150px; background-color:#EEEEEE; border-radius:10px; padding:20px; margin-bottom:10px; }
.dg_intro ul.ul2 li p.p11 { display:inline-block; background-color:#aaa; color:#fff; width:auto; border-radius:10px; padding:3px 7px;}
.dg_intro ul.ul2 li p {  margin-bottom:10px; }
.dg_intro ul.ul2 li p.p12 { display:block; width:100%; margin-top:15px; text-align:center; }
.dg_intro ul.ul3 { margin-bottom:30px;  }
.dg_intro ul.ul3>.kk>ul:nth-child(1) { margin-bottom:15px; }
.dg_intro ul.ul4 { text-align:left; line-height:30px; margin:15px 0 10px 0; }

.agree_ico {  position: relative; display: inline-block; width: 30px; height: 30px; overflow: hidden;vertical-align: middle;border-radius:50%; background-color:#aeaeae;   }
.agree_ico::before { content: "";position: absolute; top: 32%; left: 49%;   width: 9px; height:14px; margin-top: 2px; border-top: 2px solid #fff;  border-left: 2px solid #fff;transform: translate(-50%, -50%) rotate(-135deg); }
.agree_ico.agree_on { background-color:#FF4500;  }

.ng_q { display:block; overflow:hidden; width:100%;  }
.ng_q2 { display:block; overflow:hidden; }
.ng_q2 .t_intro { display:block; font: 15px 'Pretendard'; padding:30px 0; height:200px; }
.ng_q2 .t_intro ul { display:block; overflow:hidden; width:100%; text-align:center; margin-bottom:7px; }
.ng_q2 .t_intro ul.u1>span { display:inline-block; font: 15px 'Pretendard'; font-weight:600; color:#fff; padding:5px 15px; border:1px solid #fff; border-radius:25px;  }
.ng_q2 .t_intro ul.u2 { font: 27px 'Pretendard'; font-weight:700; color:#fff; margin-bottom:20px;  }
.ng_q2 .t_intro ul.u3 { display:block; overflow:hidden; width:87%; background-color: #f8f8f8; margin:10px auto; padding:25px 20px 18px 20px; font: 16px 'Pretendard'; font-weight:600; text-align:left; color:#121212; line-height:25px; box-shadow: 0px 1px 10px #ddd; border-radius:10px; letter-spacing:-0.9px; }
.ng_q2 .t_intro ul.u3 li { display:flex; align-items:center; width:100%; }
.ng_q2 .t_intro ul.u3 li p { margin-right:10px; margin-bottom:7px; }
.ng_q2 .t_intro ul.u3 li p img { display:inline-block; height:20px; }

.ng_q2 ul.qe_con { display:block; overflow:hidden; margin-top:110px; padding:0 30px; }
.ng_q2 ul.qe_con .q_List { display:block; overflow:hidden; padding:0; }
.ng_q2 ul.qe_con .q_List ul { display:block; overflow:hidden; width:100%; padding:30px 0; border-bottom:1px solid #e6e6e6;  }
.ng_q2 ul.qe_con .q_List ul li.q_q1 { display:block; overflow:hidden; width:100%; padding:5px 10px 25px 5px; font:bold 18px 'Pretendard'; color:#121212; line-height:22px; text-align:center; }
.ng_q2 ul.qe_con .q_List ul li.q_q2 { display:flex; justify-content:space-between; align-items:center; width:100%; text-align:center; color:#595959;   }
.ng_q2 ul.qe_con .chk_div { display:inline-block; overflow:hidden; width:20%; height:80px; background: url(/img/sub/dot_line.png) no-repeat center 20%;  }
.ng_q2 ul.qe_con .cdd5 { background: url(/img/sub/dot_half_left.png) no-repeat center 20%;  }
.ng_q2 ul.qe_con .cdd1 { background: url(/img/sub/dot_half_right.png) no-repeat center 20%;  }
.ng_q2 ul.qe_con .chk_div p { height:35px; text-align:center; }
.ng_q2 ul.qe_con .chk_div p.p1 { width:33px; height:33px; margin:0 auto; border:1.5px solid #bfbfbf; background-color:#fff; z-index:100; border-radius:33px; }
.ng_q2 ul.qe_con .chk_div p>span.sc { display: block; width:14px; height:9px; border: 2px solid #fff; border-top: 0; border-right: 0; padding:0; transform: rotate(-45deg); margin:9px 0 0 8px;  }
.ng_q2 ul.qe_con .chk_div p.on { background-color:#ff6148; border:1.5px solid #ff6148;  }
.ng_q2 ul.qe_con .chk_div p.p2 { font:14px 'Pretendard'; font-weight:600; padding:10px; }

.ng_q2 ul.qe_con .q_List ul.btn { border-bottom:0; text-align:center; margin:0 0 30px 0; }
.ng_q2 ul.qe_con .q_List ul.btn a { display: block; width:100%; background: linear-gradient(to right, #fe633f, #ff5237); padding:15px 0; font: 19px 'Pretendard-Regular'; font-weight:500; color:#fff; letter-spacing:-0.3px; border-radius:10px;  }
.ng_q2 ul.qe_con .q_List ul.btn a.gr { background:linear-gradient(to right, #595959, #595959); color:#fff; }

.ng_q2 ul.qe_con .q_b_1 { display:none; }
.ng_q2 ul.qe_con .q_b_2 { display:none; }
.ng_q2 ul.qe_con .q_b_3 { display:none; }
.ng_q2 ul.qe_con .q_b_4 { display:none; }
.ng_q2 ul.qe_con .q_b_5 { display:none; }
.ng_q2 ul.qe_con .q_b_6 { display:none; }
.ng_q2 ul.qe_con .q_b_7 { display:none; }
.ng_q2 ul.qe_con .q_b_8 { display:none; }
.ng_q2 ul.qe_con .q_b_9 { display:none; }
.ng_q2 ul.qe_con .q_b_10 { display:none; }


.process_bar { position: fixed; bottom: 0; left: 0; right: 0; height:25px; background-color: #595959; padding:10px; }
.process_bar ul { display: block; background-color: #fff; height:4px; border-radius:5px; }
.process_bar ul li { position: relative; display: block; width:0; height:4px;  background-color: #ff6148; }
.process_bar ul li.w4_1 { width:25%; }
.process_bar ul li.w4_2 { width:50%; }
.process_bar ul li.w4_3 { width:75%; }
.process_bar ul li.w4_4 { width:100%; }
.process_bar ul li.w5_1 { width:20%; }
.process_bar ul li.w5_2 { width:40%; }
.process_bar ul li.w5_3 { width:60%; }
.process_bar ul li.w5_4 { width:80%; }
.process_bar ul li.w5_5 { width:100%; }
.process_bar ul li.w7_1 { width:14.2%; }
.process_bar ul li.w7_2 { width:28.4%; }
.process_bar ul li.w7_3 { width:42.6%; }
.process_bar ul li.w7_4 { width:56.8%; }
.process_bar ul li.w7_5 { width:71%; }
.process_bar ul li.w7_6 { width:85.2%; }
.process_bar ul li.w7_7 { width:100%; }
.process_bar ul li>span { position: absolute; top:-4px; right:-7px;  background-color: #fff; border:3px solid #ff6148; border-radius:13px; width:13px; height:13px; z-index:100; }

.ng_policy { display:block; overflow:hidden; width:100%; padding:10px; color:#919191; }
.ng_policy>ul.u1 { position:relative; display:flex; flex-wrap:nowrap; padding-left:40px; line-height:25px; }
.ng_policy>ul.u1 input.inp { display: inline-block; width:25px; height:25px; font:bold 14px 'Pretendard';  -webkit-appearance:checkbox;  }
.ng_policy>ul.u1 span {  font:bold 17px 'Pretendard'; line-height:30px; }
.ng_policy>ul.u1 span .s_v, .ng_policy>ul.u1 span .s_v2 { display: inline-block; text-align: center;  font: 13px 'Pretendard'; padding: 5px 7px; background-color: #919191; color: #fff; border-radius:5px; }
.ng_policy ul.s_v_c, .ng_policy ul.s_v_c2 { display:none; height:300px; font: 17px 'Pretendard'; background-color: #f8f8f8; color:#565656; line-height:20px; padding:20px; margin-top:20px;  overflow-y: scroll;  }

.ng_policy>ul.u1 p { position: absolute; display:block; top: 10px; left: 10px; content: ""; width: 25px; height: 25px; z-index:200px; border:1px solid #aaa; border-radius:25px; }
.ng_policy>ul.u1 p>span { display: block; width:11px; height:7px;  border: 2px solid #aaa; border-top: 0; border-right: 0; padding:0; transform: rotate(-45deg); margin:6px 0 0 5px;  }
.ng_policy>ul.u1 p.on { border:2px solid #ff6148; }
.ng_policy>ul.u1 p>span.on { border-color:#ff6148; margin:5px 0 0 5px;   }
.ng_policy>ul.btn { margin-top:30px; }
.ng_policy>ul.btn button.stt { display: block; width:100%; background: linear-gradient(to right, #fe633f, #ff5237); padding:11px 0; font: 20px 'Pretendard-Regular'; color:#fff; letter-spacing:-0.9px; border-radius:50px;  }

.t_m { display:block; overflow:hidden; width:100%; background-color:#EEE; border-radius:5px; padding:20px 15px; }
.t_m ul { display:block; width:100%; }
.t_m>ul.u1 { font:bold 20px 'Pretendard'; color:#191919; line-height:23px; padding-bottom:5px; }
.t_m>ul.u2 { margin-top:10px; }

.t_p { display:block; overflow:hidden; width:100%; margin:30px 0;  }
.t_p ul { display:flex; justify-content:space-between; overflow:hidden; width:100%; font:bold 14px 'Pretendard'; color:#BFBFBF; line-height:23px; }
.t_p ul.uu1 { padding-bottom:10px; margin-bottom:10px; font: 18px 'Pretendard'; font-weight: 600; color:#191919; border-bottom:1.5px dashed #7D7D7D; }
.t_p ul.uu2 { padding-top:15px; margin-top:10px; font: 20px 'Pretendard'; font-weight: 600; color:#191919; line-height:26px; border-top:1.5px dashed #7D7D7D; }

.buy_n {  display:flex; justify-content:space-between; }
.buy_n input { width:55px; height:27px; margin-right:5px; border-radius:5px; text-align:right; font-size:16px; }
.buy_n button { width:27px; height:27px; background-color:#E8E8E8; font: 18px 'Pretendard'; color:#404040; font-weight:400; letter-spacing:-0.34px; margin-left:1px; }
.buy_n button.le { border-radius: 5px 0 0 5px }
.buy_n button.ri { border-radius: 0 5px 5px 0; }


.kk { display:block; width:100%; border-radius:10px; background-color:#fff; border:1px solid #fff; box-shadow: 3px 3px 6px rgb(0, 0, 0, 0.2); padding:20px; margin-bottom:10px; font:bold 20px 'Pretendard'; letter-spacing:-0.34px; color:#191919; }
.kk>ul { display:block; overflow:hidden; width:100%; padding-bottom:6px; }
.kk>ul:nth-child(1) { display:flex; justify-content:space-between; margin-bottom:50px; }
.kk>ul.k_u1 { font-size:16px; color:#7D7D7D; padding-bottom:0; }
.kk_add { display:block; width:100%; margin-top:50px;  }
.kk_add p.pp { display:block; width:100%;  font: 17px 'Pretendard'; color:#FF4500; font-weight:600; text-align:center; margin-top:30px; }

.kk>p { position: relative; text-align: center; color: #808080; padding: 100px 0 20px 0; font-size:17px; color:#7D7D7D; font-weight:600; }
.kk>p:before { position: absolute; top: 20px; left: 50%; margin-left: -30px; content: "!"; display: block; overflow: hidden; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #eee; font-size: 50px; font-weight: bold; border: 5px solid #eee; border-radius: 50%; }

.ff_box { display:block; width:100%; border-radius:10px; background-color:#fff; border:1px solid #f9f9f9; box-shadow: 3px 3px 6px rgb(0, 0, 0, 0.2); padding:20px; margin-bottom:23px; }
.ff_box_g { background-color:#ddd; }


.gg_box { display:block; width:100%; border-radius:10px 10px 0 0 ; background-color:#EFEFEF; box-shadow: 3px 3px 6px rgb(0, 0, 0, 0.2); padding:20px; }
.gg_box>ul.ul1 { margin-top:6px; height:110px; }
.gg_box>ul.ul3 { margin-top:6px; height:90px; }
.gg_box>ul.ul2 { height:45px; }

.policy { position:relative; display:block; overflow:hidden; width:100%; padding:70px 20px; }
.policy .con2  { display:block; overflow:hidden; width:100%; margin-top:50px; font: 16px 'Pretendard'; color:#7D7D7D; letter-spacing:-0.6px; font-weight:500; line-height:27px; }
.policy_b { background-color:#000; height:100vh; display:flex; align-items:center; padding:0; width:100%;  }
.policy_b img { width:100%; }
.policy_b >div { width:100%; }

.payL { display:block; width:100%;  }
.payL>ul { display:block; overflow:hidden; width:100%; margin-bottom:12px; }
.payL>ul.ul1 { margin-bottom:18px; }
.payL>ul.ul2 { display:flex; justify-content:space-between; margin-bottom:15px; }
.payL>ul.ul3 { display:flex; justify-content:space-between; border-top:2px solid #BEBEBE; padding-top:10px; }
.payL>ul.ul4 { display:flex; padding-top:10px; }
.payL>ul.ul4 .btn5 { background-color:#FF4500; color:#fff; margin-right:3px; padding:5px 10px; margin-bottom:0;  }
.payL>ul.ul4 .btn5:hover { background-color:#FF642B; }

.payV { display:block; width:100%;  }
.payV>ul { display:flex; justify-content:flex-start; border-bottom:1px solid #BEBEBE; padding:10px 0; }
.payV>ul>li:first-child {  width:30%; }


.tsend { display:block; width:100%;  }
.tsend>ul { display:block; overflow:hidden; width:100%; }
.tsend>ul.ul1 { text-align:right; margin:10px 0 20px 0; }

.tsend2  { display:block; width:100%;  }
.tsend2>ul input { width:60%; border-radius:4px; background-color:#E0E0E0; border:1px solid #999999; height:37px; padding:6px 15px; font: 16px 'Pretendard'; font-weight:600; margin-right:10px; }
.tsend2>ul input::placeholder { font: 16px 'Pretendard'; color:#999; }
.tsend2>ul select { width:auto; border-radius:4px; background-color:#E0E0E0; border:1px solid #999999; height:37px; padding:6px 15px; font: 16px 'Pretendard'; font-weight:600; margin-right:10px; }
.tsend2>ul.ul1 { margin-top:15px; }
.tsend2>ul.ul2 { text-decoration-line:underline; padding:20px 0 5px 0; }
.tsend2 .ul3 { display:flex; align-items:center; height:50px; border-bottom:1px solid #BEBEBE; }
.tsend2 .ul3 input { background-color:#EFEFEF; border:1px solid #E0E0E0; width:16px; height:16px; padding:0; -webkit-appearance:auto;  }
.tsend2 .ul3 li.li1 { width:10%; }
.tsend2 .ul3 li.li2 { width:10%; }
.tsend2 .ul3 li.li3 { width:80%; text-align:left; }
.tsend2 .ul3 li.li4 { width:30%; text-align:center; }
.tsend2 .ul3 li.li5 { width:100%; }
.tsend2 .ul3 li.li6 { width:90%;  }
.tsend2 .ul3:last-child { border-bottom:0; }
.tsend2 .btn3 { margin-top:15px; }
.tsend2 .ul3 li.li6>p.p11 {  display:block;  padding:7px 0; line-height:25px; }

.res { position:relative;  display:block; width:100%; }
.res>div  { margin-bottom:30px; }
.res1 { display:block; width:100%; padding:0 20px; }
.res1 ul , .res2 ul, .res3 ul { display:block; overflow:hidden; width:100%; }
.res>div>ul.btn3 { width:100%; margin:30px auto 0 auto; border-radius:1px; padding:0; }

.res2 { display:block; width:100%; padding:0 20px; }
.res2 ul.res2u1 p { display:block; width:100%; padding-bottom:2px;  }
.res2 ul.res2u1 p.res2p1 { padding-bottom:30px; }
.res2 ul.res2u1 { display:block; border-radius:5px; background-color:#fff; border:1px solid #f9f9f9; box-shadow: 3px 3px 6px rgb(0, 0, 0, 0.2); padding:15px; margin:15px auto; }  
.res2 ul.res2u2 { text-align:center; padding:20px 0 0 0; }
.res2 ul.res2u2 img { width:130px; }
.res2 ul.res2u3 { position: relative; display:block; border-radius:5px; box-shadow: 3px 3px 5px rgb(0, 0, 0, 0.4); padding:15px; background: linear-gradient(to bottom, #72B4FF, #003C80); margin:10px auto; }
.res2 ul.res2u3 p { color:#fff; margin-bottom:4px; }
.res2 ul.res2u3>p.pp1 { line-height:48px; margin-bottom:100px; }
.res2 ul.res2u3>p.b30bf { margin-bottom:14px;  }
.res2 ul.res2u3>span.loggg { position: absolute; top:12px; right:15px;  }
.res2 ul.res2u3>span.loggg img { width:30px; }
.res2 p.res2p2 { line-height:25px;  }
.res2 p.res2p3 { margin:10px 0 20px 0;  }
.res2 ul.res2u4 { padding:0 20px; }

/*
.res2 { display:block; width:100%; padding:20px 20px;  }
.res2 ul { margin-bottom:30px; }
.res2 ul.res2u1 { line-height:32px; }
.res2 ul.res2u2 { display:flex; margin-bottom:20px; }
.res2 ul.res2u2 li:nth-child(1) { width:6%; }
.res2 ul.res2u2 li:nth-child(2) { width:94%; }
*/

.res3 { display:block; width:100%; padding:20px 20px; }
.res3 ul.res3u1 { line-height:40px; margin-bottom:20px; }
.res3 ul.res3u2 { display:flex; margin-bottom:20px; }
.res3 ul.res3u2 li:nth-child(1) { width:6%; }
.res3 ul.res3u2 li:nth-child(2) { width:94%; }
.res3 ul.res3u3 { text-align:center; margin:30px 0 20px 0; }
.res3 ul.res3u3 img { width:100%; }
.res3 ul.res3u3 div.img_b { position: relative; display:block; overflow:hidden; width:100%; height:536px; margin:0 auto; margin-top:20px; }
.res3 ul.res3u3 div.img_b img { width:100%; }
.res3 ul.res3u3 div.img_b div.bb { position: absolute; display:flex; justify-content:center; left: 8%; z-index:100; width:84%; height:72px; border-top:1px dashed rgba(255, 255, 255, .5); border-bottom:1px dashed rgba(255, 255, 255, .5);  animation:bottom-200 2s 0s forwards}
.res3 ul.res3u3 div.img_b div.bb>ul { display:block; width:100%; background-color:rgb(100,98,98,0.3); border:1px solid rgba(255, 255, 255, .5); border-radius:35px; color:#fff; font:bold 56px 'Pretendard'; letter-spacing:-0.34px;  }
.res3 ul.res3u3 div.img_b div.bb>ul li {  display:inline-block; float:left; width:50%; height:72px; }
.res3 ul.res3u3 div.img_b div.bb>ul li.li1 { width:30%; }
.res3 ul.res3u3 div.img_b div.bb>ul li.li2 { width:20%; }
.res3 ul.res3u3 div.img_b div.bb>ul li .cot { display:flex; justify-content:center; flex-direction:column; height:65px; }
.res3 ul.res3u3 div.img_b div.bb>ul li .cot>ul { display:block; width:100%; font: 17px 'Pretendard'; font-weight:700; letter-spacing:-0.34px;  }
.res3 ul.res3u3 div.img_b div.bb>ul li .cot>ul:nth-child(1) { font: 11px 'Pretendard'; font-weight:500; }
.res3 ul.res3u3 div.img_b div.bb>ul li .cot2 { display:flex; justify-content:center; flex-direction:column; height:72px; }
.res3 ul.res3u3 div.img_b div.bb>ul li .cot2>ul { display:block; width:100%; font: 42px 'Pretendard'; font-weight:700; letter-spacing:-0.34px;  }
.res3 ul.res3u3 div.img_b div.bb>ul li .cot2>ul:nth-child(1) { font: 11px 'Pretendard'; font-weight:500; }
.res3 ul.res3u3 div.img_b div.bb>ul li .cot2>ul:nth-child(2) {  display:flex; justify-content:center; }
.res3 ul.res3u4 { text-align:center; margin-bottom:10px;  }
.res3 ul.res3u4 li { display:block; overflow:hidden; width:92%; margin:0 auto; border-radius:10px; border:1px solid #000000; text-align:center; margin-bottom:15px;  }
.res3 ul.res3u4 li>span { display:inline-block; width:50%; text-align:center;  font: 15px 'Pretendard'; font-weight:700; letter-spacing:-0.34px; padding:8px 0;  }
.res3 ul.res3u4 li>span.s01 { border-right:1px solid #000; }
.res3 ul.res3u4 li:nth-child(1) { background-color:#F64D4E; color:#fff; }
.res3 ul.res3u4 li:nth-child(2) { background-color:#FC9A19; color:#000; }
.res3 ul.res3u4 li:nth-child(3) { background-color:#75B72B; color:#000; }
.res3 ul.res3u4 li:nth-child(4) { background-color:#008C8E; color:#fff; }
.res3 ul.res3u4 li:nth-child(5) { background-color:#3E4DAE; color:#fff; }
.res3 ul.res3u5 { line-height:32px;  }


@keyframes bottom-200{
    0%{
         transform: translateY(400px);
         opacity:0;
    }
    100%{
         transform: translateY(0,0);
         opacity:1;
    }
}

.res4 { display:block; width:100%; padding:20px 20px; }
.res4 ul.res4u1 { line-height:40px; margin-bottom:20px; }
.res4 ul.res4u2 { line-height:27px; margin:30px 0 20px 0; }
.res4 ul.res4u3 { margin-bottom:30px;  margin-top:20px; }
.res4 ul.res4u4 { position: relative; width:310px; height:195px; margin:0 auto; background: url('/img/svg/res_bg05.svg'); background-repeat: no-repeat; margin-bottom:50px; }
.res4 ul.res4u4 div ul { display:block; overflow:visible; text-align:center; font: 12px 'Pretendard'; font-weight:600; color:#000; letter-spacing:-0.34px;  }
.res4 ul.res4u4 div.d1 { position: absolute; bottom:-15px; left:35px; width:44px; }
.res4 ul.res4u4 div.d1>ul.ul0 { height:25px; line-height:35px; font-size:11px;  letter-spacing:-0.5px; white-space: nowrap;  text-align:center;  }
.res4 ul.res4u4 div.d1>ul.ul1 { background:linear-gradient(to bottom, rgba(255, 100, 178, 0.5), rgba(0, 0, 0, 9) );   }
.res4 ul.res4u4 div.d1>ul.ul2 { height:4px; }
.res4 ul.res4u4 div.d1>ul.ul2>span{display:block;width:4px; height:4px; background-color:#000; margin:0 auto; }
.res4 ul.res4u4 div.d1>ul.ul3 { height:25px; }
.res4 ul.res4u4 div.d2 { position: absolute; bottom:-15px; left:105px; width:44px; }
.res4 ul.res4u4 div.d2>ul.ul0 { height:25px; line-height:35px; font-size:11px;  letter-spacing:-0.5px; white-space: nowrap;  text-align:center;  }
.res4 ul.res4u4 div.d2>ul.ul1 { background:linear-gradient(to bottom, rgba(0, 119, 255, 0.6), rgba(0, 0, 0, 9) );  }
.res4 ul.res4u4 div.d2>ul.ul2 { height:4px; }
.res4 ul.res4u4 div.d2>ul.ul2>span{ display:block;width:4px; height:4px; background-color:#000; margin:0 auto; }
.res4 ul.res4u4 div.d2>ul.ul3 { height:25px; }
.res4 ul.res4u4 div.d3 { position: absolute; bottom:-15px; left:175px; width:44px; }
.res4 ul.res4u4 div.d3>ul.ul0 { height:25px; line-height:35px; font-size:11px;  letter-spacing:-0.5px; white-space: nowrap;  text-align:center;  }
.res4 ul.res4u4 div.d3>ul.ul1 { background:linear-gradient(to bottom, rgba(10, 255, 132, 0.6), rgba(0, 0, 0, 9) );   }
.res4 ul.res4u4 div.d3>ul.ul2 { height:4px; }
.res4 ul.res4u4 div.d3>ul.ul2>span{ display:block;width:4px; height:4px; background-color:#000; margin:0 auto; }
.res4 ul.res4u4 div.d3>ul.ul3 { height:25px; }
.res4 ul.res4u4 div.d4 { position: absolute; bottom:-15px; left:245px; width:44px;  }
.res4 ul.res4u4 div.d4>ul.ul0 { height:25px; line-height:35px; font-size:11px;  letter-spacing:-0.5px; white-space: nowrap;  text-align:center;  }
.res4 ul.res4u4 div.d4>ul.ul1 { background:linear-gradient(to bottom, rgba(255, 69, 0, 0.5), rgba(0, 0, 0, 9) );  }
.res4 ul.res4u4 div.d4>ul.ul2 { height:4px; }
.res4 ul.res4u4 div.d4>ul.ul2>span{ display:block;width:4px; height:4px; background-color:#000; margin:0 auto; }
.res4 ul.res4u4 div.d4>ul.ul3 { height:25px; }
.res4 ul.res4u5 { display:block; overflow:hidden; width:100%;  }
.res4 ul.res4u5>li { display:inline-block; float:left; text-align:center; padding:6px 0; }
.res4 ul.res4u5>li.li40 { width:40%; border:1px solid #000; border-top:0; }
.res4 ul.res4u5>li.li35 { width:35%; border:1px solid #000; border-top:0; border-left:0;  background-color:#EFEFEF; padding:0; }
.res4 ul.res4u5>li.li25 { width:25%; border:1px solid #000; border-top:0; border-left:0; }
.res4 ul.res4u5.r1>li { background-color:#FCE7DF; border:1px solid #000; border-radius:10px 10px 0 0; padding:6px 0;  }
.res4 ul.res4u5.r1>li:nth-child(2),.res4 ul.res4u5.r1>li:nth-child(3) { border-left:0; }
.res4 ul.res4u5>li.li35>p.pp1 { display:inline-block; overflow:hidden; float:left; width:60%; background-color:#EFEFEF; padding:6px 0; border-right:1px dashed #aaa; }
.res4 ul.res4u5>li.li35>p.pp2 { display:inline-block; overflow:hidden; float:left; width:40%;  background-color:#EFEFEF; padding-top:9px; }
.res4 ul.res4u6 { text-align:center; margin:20px 0; }
.res4 ul.res4u6>li {  display:flex; justify-content:center; flex-wrap:wrap; }
.res4>p { display:block; width:50%; }
.res4 p.res4p1 { padding-bottom:20px; }
.res4 p.res4p4 { width:50%; padding:7px; text-align:center; } 
.res4 p.res4p4>span { display:inline-block; background-color:#404040; height:40px; border-radius:19px; font:bold 15px/40px 'Pretendard'; color:#EEEEEE; padding:0 25px; border:1px solid #000; }
.res4 p.res4p5 { padding-bottom:15px; }

.res5 { display:block; width:100%; padding:0 20px;   }

.res5 ul.res5u4 { text-align:center; margin-bottom:40px;  }
.res5 ul.res5u4 div.img_c { position: relative; display:block; width:310px; height:310px; margin:0 auto; z-index:200; background: url('/img/svg/res_bg04.svg'); background-repeat: no-repeat;  }
.res5 ul.res5u4 div.img_c ul { position: absolute; }
.txt1 { width:auto; top:-10px; left:-10px; border-radius: 20px; padding:5px 15px; font: 15px 'Pretendard'; font-weight:600; color:#fff; letter-spacing:-0.34px; }
.txt2 { width:auto; top:-10px; right:-10px; border-radius: 20px; padding:5px 15px; font: 15px 'Pretendard'; font-weight:600; color:#fff; letter-spacing:-0.34px; }
.txt3 { width:auto; bottom:-10px; right:-10px; border-radius: 20px; padding:5px 15px; font: 15px 'Pretendard'; font-weight:600; color:#fff; letter-spacing:-0.34px; }
.txt4 { width:auto; bottom:-10px; left:-10px; border-radius: 20px; padding:5px 15px; font: 15px 'Pretendard'; font-weight:600; color:#fff; letter-spacing:-0.34px; }
.box1 { width:155px;  height:155px; bottom:50%; right:50%; border-radius: 155px 0 0 0; background-color:rgba(255, 100, 178, 0.8); }
.box2 { width:100px; height:100px; bottom:50%; left:50%; border-radius: 0 110px 0 0; background-color:rgba(0, 119, 255, 0.8);  }
.box3 { width:130px; height:130px; top:50%; right:50%; border-radius: 0 0 0 130px; background-color:rgba(10, 255, 132, 0.8);  }
.box4 { width:70px; height:70px; top:50%; left:50%; border-radius: 0 0 70px 0; background-color:rgba(255, 69, 0, 0.8);  }
.res5 ul.res5u5 { text-align:center; margin:30px 0;  }
.res5 ul.res5u5 p.p1 { margin-top:20px; }
.res5 ul.res5u5 p.p2 { margin-top:10px; }
.res5 ul.res5u6 { background-color:#EEEEEE;  }
.res5 ul.res5u6 div.img_c { position: relative; display:block; overflow:hidden; width:310px; height:310px; margin:0 auto; z-index:200; background: url('/img/sub/res_bg03.png');   }
.res5 ul.res5u6 div.img_c ul { position: absolute; }
.res5 ul.res5u7 { text-align:center; }
.res5 ul.res5u7>p.p1 { line-height:27px; margin-bottom:30px;  }
.res5 ul.res5u7>p.p2 { margin-bottom:20px;  }
.res5 ul.res5u8 { overflow:hidden; padding:0 20px; }
.res5 ul.res5u8>li.s_box {  display:inline-block; float:left; width:48%; margin-right:2%; height:220px; }
.res5 ul.res5u8>li.s_box p.p2 { margin:3px 0 10px 0;  }
.res5 ul.res5u8>li.s_box>.ff_box { margin-bottom:2%; height:210px; padding:15px; }

.res6 { display:block; width:100%; padding:0 20px;  }
.res6 ul.res6u1 { line-height:40px; margin:20px 0; }
.res6 ul.res6u2 { margin-bottom:10px; }
.res6 ul.res6u3 { margin-bottom:30px; }

.res7 { display:block; width:100%; padding:20px 20px;  }
.res7 ul { margin-bottom:30px; }
.res7 ul.res7u1 { line-height:32px; }
.res7 ul.res7u2 { display:flex; margin-bottom:20px; }
.res7 ul.res7u2 li:nth-child(1) { width:6%; }
.res7 ul.res7u2 li:nth-child(2) { width:94%; }

.sdetail_box { display:block;  width:100%; margin:20px 0 60px 0; }
.sdetail_box>ul { margin-bottom:15px; }
.sdetail_box ul.sb_ul1 { margin-top:20px; }
.sdetail_box ul.sb_ul1>span { float:right; font: 15px 'Pretendard'; font-weight:800; color:#F64D4E; letter-spacing:-0.34px; }
.sdetail_box>ul.sb_ul2 { display:flex; justify-content:space-between; }
.sdetail_box>ul.sb_ul2 img { height:65px; margin-top:12px; }
.sdetail_box ul.sb_ul2>div { width:32%; height:128px; padding:0; border:0; }
.sdetail_box ul.sb_ul2>div>ul { display:block; width:100%;}
.sdetail_box ul.sb_ul2>div>ul.p1 { height:33px; background-color:#F64D4E;  border-radius:10px 10px 0 0; color:#fff; text-align:center; line-height:33px; }
.sdetail_box ul.sb_ul2>div>ul.p2 { display:flex; justify-content:center; height:95px; text-align:center; line-height:95px; }
.sdetail_box ul.sb_ul2>div>ul.p2>span { font-size:15px; line-height:83px; }

.sdetail_box ul.sb_ul3 { position: relative; width:330px; height:61px; margin:0 auto; margin-bottom:20px; }
.sdetail_box ul.sb_ul3>div.abox { position: absolute; top:15px; left:0; z-index:200;  }
.sdetail_box ul.sb_ul3>div.abox2 { position: absolute; display:flex; top:23px; left:40px; border:1px solid red; z-index:200; font: 9px 'Pretendard'; font-weight:500; color:#fff; letter-spacing:-0.34px; border:1px solid #fff; border-radius:50%; padding:1px 4px; }
.sdetail_box ul.sb_ul3>div.abox2>span { font-size:7px; }
.sdetail_box ul.sb_ul4 { text-align:center; }
.sdetail_box ul.sb_ul5 { text-align:left; line-height:22px; margin-bottom:25px;  }
.sdetail_box ul span.kw { display:inline-block; width:85%; font: 16px 'Pretendard'; color:#000; font-weight: 500; background-color:#F7F5F5; border-radius:10px; padding:15px 0; margin:8px; text-align:center; box-shadow: 3px 3px 6px rgb(0, 0, 0, 0.2);  }

.sdetail_box ul.sb_ul6 { position: relative; width:310px; height:195px; margin:0 auto; background: url('/img/svg/res_bg05.svg'); background-repeat: no-repeat; margin-bottom:50px; }
.sdetail_box ul.sb_ul6 div.d1 { position: absolute; bottom:-15px; left:75px; width:70px; }
.sdetail_box ul.sb_ul6 div.d1>ul.ul0 { height:25px; line-height:35px; letter-spacing:-0.54px; text-align:center; }
.sdetail_box ul.sb_ul6 div.d1>ul.ul1 { background:linear-gradient(to bottom, rgba(255, 100, 178, 0.5), rgba(0, 0, 0, 9) );  }

.sdetail_box ul.sb_ul6 div.d2 { position: absolute; bottom:-15px; left:185px; width:70px; }
.sdetail_box ul.sb_ul6 div.d2>ul.ul0 { height:25px; line-height:35px; letter-spacing:-0.54px; text-align:center; }
.sdetail_box ul.sb_ul6 div.d2>ul.ul1 { background:linear-gradient(to bottom, rgba(190, 190, 190, 0.8), rgba(0, 0, 0, 9) );  }


/*공통타이틀*/
.tt1 { display:block; overflow:hidden;  font:bold 16px 'Pretendard'; color:#191919; line-height:20px; line-height:22px; margin-bottom:10px; }
.tt2 { display:block; overflow:hidden;  font:bold 16px 'Pretendard'; color:#7D7D7D; letter-spacing:-0.6px; line-height:20px; }

.b141 { font:bold 14px 'Pretendard'; color:#999; letter-spacing:-0.34px; line-height:16px; }
.b161 { font:bold 16px 'Pretendard'; color:#999; letter-spacing:-0.34px; line-height:16px; }
.m171 { font: 17px 'Pretendard'; font-weight:500; color:#404040; letter-spacing:-0.34px; line-height:20px; }

.b12m4 { font: 12px 'Pretendard'; font-weight:500; color:#404040; letter-spacing:-0.34px; line-height:17px; }
.b12m7 { font: 12px 'Pretendard'; font-weight:500; color:#7D7D7D; letter-spacing:-0.34px; line-height:17px; }
.b13m4 { font: 13px 'Pretendard'; font-weight:500; color:#404040; letter-spacing:-0.34px; line-height:17px; }
.b13mf { font: 13px 'Pretendard'; font-weight:500; color:#FF4500; letter-spacing:-0.34px; line-height:17px; }
.b13s9 { font: 13px 'Pretendard'; font-weight:600; color:#999999; letter-spacing:-0.34px; line-height:17px; }
.b13b0 { font: 13px 'Pretendard'; font-weight:700; color:#000; letter-spacing:-0.34px; line-height:21px; }
.b14m1 { font: 14px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.34px; line-height:17px; }
.b14m7 { font: 14px 'Pretendard'; font-weight:500; color:#7D7D7D; letter-spacing:-0.34px; line-height:17px; }
.b14m9 { font: 14px 'Pretendard'; font-weight:500; color:#999; letter-spacing:-0.34px; line-height:17px; }
.b14bf { font: 13px 'Pretendard'; font-weight:500; color:#FF4500; letter-spacing:-0.34px; line-height:17px; }
.b14mff { font: 13px 'Pretendard'; font-weight:500; color:#fff; letter-spacing:-0.34px; line-height:17px; }
.b14b1 { font: 14px 'Pretendard'; font-weight:700; color:#191919; letter-spacing:-0.34px; line-height:21px; }
.b14bff { font: 14px 'Pretendard'; font-weight:700; color:#000; letter-spacing:-0.34px; line-height:21px; }
.b15m1 { font: 15px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.34px; line-height:21px; }
.b15m4 { font: 15px 'Pretendard'; font-weight:500; color:#404040; letter-spacing:-0.34px; line-height:21px; }
.b15m7 { font: 15px 'Pretendard'; font-weight:500; color:#7D7D7D; letter-spacing:-0.34px; line-height:21px; }
.b15m0 { font: 15px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:21px; }
.b15mf { font: 15px 'Pretendard'; font-weight:500; color:#FF4500; letter-spacing:-0.34px; line-height:21px; }
.b15s0 { font: 15px 'Pretendard'; font-weight:600; color:#000; letter-spacing:-0.34px; line-height:21px; }
.b15b1 { font: 15px 'Pretendard'; font-weight:700; color:#191919; letter-spacing:-0.34px; line-height:21px; }
.b15b4 { font: 15px 'Pretendard'; font-weight:700; color:#404040; letter-spacing:-0.34px; line-height:21px; }
.b15b7 { font: 15px 'Pretendard'; font-weight:700; color:#7D7D7D; letter-spacing:-0.34px; line-height:21px; }
.b15b9 { font: 15px 'Pretendard'; font-weight:700; color:#999; letter-spacing:-0.34px; line-height:21px; }
.b16m1 { font: 16px 'Pretendard'; font-weight:400; color:#191919;  letter-spacing:-0.34px; line-height:26px; }
.b16m4 { font: 16px 'Pretendard'; font-weight:400; color:#404040;  line-height:23px; }
.b16m7 { font: 16px 'Pretendard'; font-weight:500; color:#7D7D7D;  line-height:26px; }
.b16m76 { font: 16px 'Pretendard'; font-weight:500; color:#767676;  line-height:26px; }
.b16m9 { font: 16px 'Pretendard'; font-weight:500; color:#999999; letter-spacing:-0.34px; line-height:26px; }
.b16b0 { font: 16px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:20px; }
.b16b1 { font: 16px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.34px; line-height:20px; }
.b16b9 { font: 16px 'Pretendard'; font-weight:500; color:#999999; letter-spacing:-0.34px; line-height:20px; }
.b16b7 { font: 16px 'Pretendard'; font-weight:500; color:#7D7D7D; letter-spacing:-0.34px; line-height:20px; }
.b16s0 { font: 16px 'Pretendard'; font-weight:600; color:#000; letter-spacing:-0.34px; line-height:21px; }
.b16s4 { font: 16px 'Pretendard'; font-weight:600; color:#404040; letter-spacing:-0.34px; line-height:21px; }
.b16s7 { font: 16px 'Pretendard'; font-weight:600; color:#7D7D7D; letter-spacing:-0.34px; line-height:21px; }
.b17b0 { font: 17px 'Pretendard'; color:#000; letter-spacing:-0.34px; font-weight:500; line-height:24px; }
.b17b4 { font: 17px 'Pretendard'; color:#404040; letter-spacing:-0.34px; font-weight:500; line-height:24px; }
.b181 { font: 18px 'Pretendard'; color:#191919; letter-spacing:-0.34px; font-weight:500; line-height:20px; }
.b18m0 { font: 18px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:20px; }
.b18b1 { font: 18px 'Pretendard'; font-weight:700; color:#191919; letter-spacing:-0.34px; line-height:20px; }
.b19m1 { font: 19px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.5px; line-height:38px; }
.b20m0 { font: 20px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:24px; }
.b20b0 { font:bold 20px 'Pretendard'; color:#000; letter-spacing:-0.34px; line-height:24px; }
.b20b4 { font:bold 20px 'Pretendard'; color:#404040; letter-spacing:-0.34px; line-height:24px; }
.b20s0 { font: 20px 'Pretendard'; font-weight:600; color:#000; letter-spacing:-0.34px; line-height:24px; }
.b20s1 { font: 20px 'Pretendard'; font-weight:600; color:#191919; letter-spacing:-0.34px; line-height:24px; }
.b201 { font:bold 20px 'Pretendard'; color:#191919; letter-spacing:-0.34px; line-height:24px; }
.b20b1 { font:bold 20px 'Pretendard'; color:#191919; letter-spacing:-0.34px; line-height:24px; }
.b20b9 { font:bold 20px 'Pretendard'; color:#999999; letter-spacing:-0.34px; line-height:24px; }
.b22b0 { font: 22px 'Pretendard'; font-weight:600; color:#000; letter-spacing:-0.34px; line-height:24px; }
.b22b1 { font: 22px 'Pretendard'; font-weight:600; color:#191919; letter-spacing:-0.34px; line-height:24px; }
.b23b0 { font: 23px 'Pretendard'; color:#000; letter-spacing:-0.34px; line-height:24px;  font-weight:800; }
.b24m1 { font: 24px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.5px; line-height:40px; }
.b25b1 { font: 25px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.34px; line-height:30px; }
.b25b0 { font: 25px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:30px; }
.b25s0 { font: 25px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:30px; }
.b30m0 { font: 30px 'Pretendard'; color:#000; letter-spacing:-0.34px; font-weight:500;  line-height:34px; }
.b30bf { font: 30px 'Pretendard'; font-weight:500;   color:#fff; letter-spacing:-0.34px; line-height:34px; }
.b30b0 { font: 30px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:34px; }
.b30b1 { font: 30px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.34px; line-height:34px; }
.b30b4 { font: 30px 'Pretendard'; font-weight:500; color:#404040; letter-spacing:-0.34px; line-height:34px; }
.b42bf { font: 42px 'Pretendard'; font-weight:600; color:#fff; letter-spacing:-0.34px; line-height:45px; }
.b60b1 { font: 60px 'Pretendard'; font-weight:600; color:#121212; letter-spacing:-0.34px; }
.b90b1 { font: 90px 'Pretendard'; font-weight:600; color:#121212; letter-spacing:-0.34px; }

/*공통버튼*/

.btn1 { padding:3px 7px; font: 14px 'Pretendard'; font-weight:500; background-color:#BEBEBE; border-radius:2px; }
.btn2 { display:inline-block; padding:3px 7px 3px 7px; font: 14px 'Pretendard'; font-weight:500; background-color:#E8E8E8; border-radius:2px; }
.btn2.b2on { background-color:#FF4500; color:#fff; }
span.close { width:10px; height: 10px; }
span.close:before, .close:after { position: absolute;left: 15px;content:' ';height: 40px; width: 2px;background-color: #000; }
span.close:before { transform: rotate(45deg); }
span.close:after { transform: rotate(-45deg); }
.btn3 { display:block; width:100%; height:50px; background-color:#FF4500;  font:bold 17px/50px 'Pretendard'; color:#EEEEEE; border-radius:10px; text-align:center; box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.2);  }
.btn3.gr { background-color:#7D7D7D;  font: 16px/50px 'Pretendard'; font-weight: 600; box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.0);  }
.btn4 { display:block; width:100%; height:50px; background-color:#FF4500;  font:bold 15px/50px 'Pretendard'; color:#EEEEEE; border-radius:10px; text-align:center; box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.2);  }
.btn5 { padding:3px 7px; font: 14px 'Pretendard'; font-weight:700; background-color:#BEBEBE; border-radius:3px; }
.btn6 { display:inline-block;  background-color:#7D7D7D; color:#fff; font:bold 15px/37px 'Pretendard'; padding:0 20px; border-radius:5px; height:37px; }
.btn7 { display:inline-block; padding:3px 7px 3px 7px; font: 13px 'Pretendard'; font-weight:500; background-color:#FF4500; border-radius:4px; color:#fff; }
.btn8 { display:inline-block; padding:5px 7px; font: 13px 'Pretendard'; font-weight:600; background-color:#FF4500; border-radius:5px; color:#fff; box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.2);  }
.btn9 { display:inline-block; width:30%; height:30px; background-color:#FF4500; font: 16px/30px 'Pretendard'; color:#EEEEEE; font-weight:500; border-radius:5px; text-align:center; box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.2);  }
.btn10 { display:inline-block; width:30%; height:30px; background-color:#595959; font: 16px/30px 'Pretendard'; color:#EEEEEE; font-weight:500; border-radius:5px; text-align:center; box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.2);  }

span.close2 { display:inline-block;*display:inline; }
span.close2:after { display: inline-block; content: "\00d7"; font-size:13pt; }

/*이것으로써라*/
.btn_txt2 { display: inline-block;  text-align: center; background: none; font: 14px 'Pretendard'; font-weight:400; border: 1px solid #000; padding: 3px 10px; border-radius:5px; }
.btn_txt2.ss { color: red; background-color: #fff; border-color: red; }
.btn_txt2.ss:hover { color: #000;  }
.btn_txt2.sm { color: #fff; background-color: #6670ad; border-color: #6670ad; }
.btn_txt2.sm:hover { border:1px solid #000; }
.btn_txt2.gg { color: #fff; background-color: #aaa; border-color: #aaa; }
.btn_txt2.gg:hover { background-color: #000; }
.btn_txt2.og { color: #fff; background-color: #595959; border-color: #595959; }
.btn_txt2.og:hover { background-color: #000; }

.agree1_icon, .agree2_icon, .agree3_icon { display: inline-block;  width: 20px;  height: 20px;  background-color: #ddd;  position: relative;  cursor: pointer;  border-radius:50%;  margin-right:5px; }
.agree1_icon::before, .agree1_icon::after, .agree2_icon::before, .agree2_icon::after, .agree3_icon::before, .agree3_icon::after { content: '';  display: inline-block;  width: 2px;  height: 0;  background-color: #000;  position: absolute;  transform-origin: left top; }
.agree1_icon::before , .agree2_icon::before , .agree3_icon::before { top: 9px;  left: 2px; transform: rotate(-45deg); }
.agree1_icon::after, .agree2_icon::after, .agree3_icon::after { top: 16px; left: 9px; transform: rotate(-135deg); }

.checkbox input:checked + .agree1_icon::before { height: 10px; transition: all 0.15s ease; }
.checkbox input:checked + .agree1_icon::after { height: 14px; transition: all 0.15s ease 0.15s; }
.checkbox input:checked + .agree2_icon::before { height: 10px; transition: all 0.15s ease; }
.checkbox input:checked + .agree2_icon::after { height: 14px; transition: all 0.15s ease 0.15s; }
.checkbox input:checked + .agree3_icon::before { height: 10px; transition: all 0.15s ease; }
.checkbox input:checked + .agree3_icon::after { height: 14px; transition: all 0.15s ease 0.15s; }

.board { display:block; width:100%;background-color:#fff; border:1px solid #fff; border-radius:10px; box-shadow: 3px 3px 6px rgb(0, 0, 0, 0.2); padding:20px;  }
.board ul { display:flex; justify-content:space-between; align-items:center; font:bold 14px 'Pretendard'; color:#999999; margin-bottom:10px; }
.board ul:last-child { margin-bottom:0; }
.board input, .board select { border:1px solid #404040; border-radius:2px; width:222px; height:44px; padding-left:10px; font: 15px 'Pretendard'; font-weight:600; background-color:#fff;  }
.board input::placeholder { font: 15px 'Pretendard'; font-weight:600; }

/* width */

.w5 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w100 { width:100%; }

/* SELECT */

.select:before { position: absolute; right: 8px; top: 50%; margin-top: -4px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border:0; border-top: 0; border-right: 0;  }
.select select { display: block; overflow: hidden; width: 100%;  text-align: left; }

/* INPUT */

.input { display: inline-block; width: 100%; height: 35px; line-height: 30px; color: #303030;  font: 15px 'Pretendard'; font-weight:400; letter-spacing:-0.5px; border: 1px solid #d0d0d0; background-color: #fff; padding: 0 10px; border-radius:5px; }
.input:focus { background-color: #e8f4fa; }
.input:read-only { background-color: #f9f9f9; }
.input:disabled { border-color: #efefef; background-color: #f9f9f9; }
.input::placeholder {  font: 16px 'Pretendard'; font-weight:400; letter-spacing:-0.5px; color:#aaa; }
.input.num { width: 15%; text-align: center; font: 12px 'Roboto'; padding: 0; }
.input.num + .txt { padding: 0 10px; }
.input.w40 { width:40px; }
.input.w50 { width:50px; }
.input.w60 { width:60px; }
.input.w70 { width:70px; }
.input.w80 { width:80px; }
.input.w90 { width:90px; }
.input.w100 { width:100px; }
.input.w150 { width:150px; }
.input.w180 { width:180px; }
.input.w200 { width:200px; }
.input.w250 { width:250px; }
.input.w300 { width:300px; }
.input.w400 { width:400px; }
.input.wpay { font-weight:bold; }
.input.sel { padding-right:0; line-height:25px; }
.input.file { padding:0; line-height:25px; }
.input.chkbo { -webkit-appearance:checkbox; width:20px; }
.input.chkbo2 { -webkit-appearance:checkbox; width:15px; height:auto; }
.input.chkbo:focus { background-color: #fff; }
.input.hided { width:0px; height:0px; }

.input.w00 { width:0px;  height:0px; border:0; }

/* 새로 생성한 내용 */
.BList1_p { position:relative; display:block; overflow:hidden; width:100%; border-top:1px solid #595959; border-bottom:1px solid #000; }
.BList1_p ul { display:flex; align-items:stretch; justify-content:center; align-content:center; flex-wrap:wrap; overflow:hidden; border-bottom:1px solid #aaa;  font: 15px 'Pretendard'; font-weight:500; }
.BList1_p ul li { display: inline-block; overflow: hidden; float:left; padding:15px 0; text-align:left; line-height:19px; }
.BList1_p ul li.t_r_g { text-align:right; background-color: #f5f5f5; padding-right:10px; }
.BList1_p ul li.t_l_g { text-align:left; background-color: #f5f5f5; padding-left:10px; }
.BList1_p ul li.t_c_g { text-align:center; background-color: #f5f5f5; }
.BList1_p ul li.t_r { text-align:right; }
.BList1_p ul li.t_l { text-align:left; padding-left:10px; }
.BList1_p ul li.t_c { text-align:center;  }
.BList1_p ul li.t_r_g_b { text-align:right; background-color: #f5f5f5; border-right:1px solid #ddd; }
.BList1_p ul li.t_l_g_b { text-align:left; background-color: #f5f5f5; padding-left:10px;  border-right:1px solid #ddd;  }
.BList1_p ul li.t_c_g_b { text-align:center; background-color: #f5f5f5; border-right:1px solid #ddd;  }
.BList1_p ul li.t_r_b { text-align:right; border-right:1px solid #ddd; }
.BList1_p ul li.t_l_b { text-align:left; padding-left:10px; border-right:1px solid #ddd; }
.BList1_p ul li.t_c_b { text-align:center; border-right:1px solid #ddd;  }
.BList1_p ul li textarea.write_con { width:100%; height:200px; border:1px solid #ddd; padding:10px; line-height:18px; }
.BList1_p ul li textarea.write_con2 { width:100%; height:100px; border:1px solid #ddd; padding:10px; line-height:18px; }
.BList1_p ul li.m_m { display:none; }

.BList1_p ul li.ss1 { color:#1b90cd; }
.BList1_p ul li.ss2 { color:blue; font-weight:bold; }
.BList1_p ul li.ss4 { color:red; }
.BList1_p ul.m { display:none; } /*모바일용*/

.BList1_p span.noti1 { font-size:12px; font-weight:bold; color: #6670ad;  }
.BList1_p span.noti2 { padding-top:10px; font-size:11px; font-weight:bold; color: #6670ad;  }
.BList1_p span.sp_noti { font: 14px 'Pretendard'; font-weight:400; margin-left:7px; color:#343434; float:none; letter-spacing:-0.8px; }

.BList1_p ul li div.combo_b  { display: inline-block; overflow: hidden; float:left; margin-right:10px;  }
.BList1_p ul li div.combo { display: inline-block; overflow: hidden; float:left; }

.BList1_p p  { display:block; overflow:hidden; padding:5px 0; text-align:center; font-size:13px; }
.BList1_p ul li>p.p1 { text-align:left; font-size:15px; font-weight:bold; padding-right:10px; }
.BList1_p ul li>p.p2 { text-align:left; font-size:14px; padding-right:10px; }
.BList1_p ul li>p.p3 { text-align:center; font-size:14px; }
.BList1_p ul li>p.p4 { text-align:center; font-size:14px; font-weight:bold; }
.BList1_p ul li>p.p5 { border-bottom:1px solid #ddd;  text-align:left; padding-bottom:10px;  }
.BList1_p ul li>p.p6 { text-align:left; padding-top:10px;  }

.Bpg { position:relative; display:block; overflow:hidden; width:100%; padding:15px 0 30px 0; text-align:center; }
.Bpg span { display:inline-block; overflow:hidden; width:auto; height:32px; text-align:center; font:bold 21px/32px 'NanumSquare', sans-serif; transform:skew(-0.03deg); margin:0 5px; }
.Bpg span.SEL { color:#698135; border-bottom:2px solid #698135;  }

button.f_gubun { display:inline-block; overflow:hidden; background-color:#595959; color:#fff; font: 15px 'Pretendard'; padding:2px 20px; border-radius:5px; }
button.f_gubun.on { color: #fff; background-color: #1f5c9f; }


.momomo { position:relative; display: block; width: 100%; }