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


section { position:relative; display: block; overflow: hidden; width: 100%; padding: 0 0 50px 0;  }

section .inner { display:flex; justify-content:space-between; flex-wrap:nowrap; }
section .inner>ul.Lef { width:20%; }
section .inner>ul.Rig { width:80%; position:relative;  }

/* top_common */

header { display: block; overflow: visible; width: 100%; margin:0; padding:0;  }
header .go_top { display:block; overflow:visible; height:40px; background-color:#fafafa; padding:6px 0 0 0; color:#8d8d8d; font: 15px 'Pretendard'; font-weight:500; text-align:right; letter-spacing:-1.0px; }
header .go_top .wrap { display:flex; flex-wrap:nowrap; justify-content:space-between;  } 
header .go_top span { display:inline-block; padding:5px 18px 0 18px; }
header .go_top ul.mem { width:200px; background-color:#fff; color:#fff; height:28px; font: 16px/28px 'Pretendard'; text-align:center; }

header .my_menu { position: absolute; right: 3px; top: 30px;  z-index:500; display: none; overflow: hidden; width:120px; border:1px solid #aaa; background-color:#fff;  }
header .my_menu ul { display: block; overflow: hidden; width:120px; height:35px; padding:10px; border-bottom:1px solid #aaa; }
header .my_menu ul:last-child { border-bottom:0;  }
header .my_menu.on { display:block; }

header .t_banner { display:block; overflow:hidden; width:100%; height:75px; background-image: url("/ONL/img/index_toptop.jpg"); background-repeat: no-repeat; text-align:center; background-position: center center; }

header .top { display:flex; width:100%; height:122px; justify-content:space-between; align-items: center; }
header .top .logo { display:inline-block; overflow:hidden;  box-sizing: border-box; }
header .top .logo>a { display:inline-block; overflow:hidden; float:left; }
header .top .logo img { height:41px; }
header .top .logo div.a_go { display:inline; overflow:hidden; float:left; margin:13px 0 0 30px;  }
header .top .logo div.a_go>a { font: 19px 'RunGothic R'; font-weight:300; letter-spacing:-0.4px; color:#505050; }
header .top .logo div.a_go>a:hover { color:#1273ff; cursor:pointer; }

header .top .login { display:inline-block; float:right; padding:13px 0 0 0;  } 
header .top .login >div.lo_div { position:relative; display:flex; flex-wrap:nowrap; align-items:center; float:right; color:#505050; border-radius: 5px; font: 18px 'Pretendard'; font-weight:500; letter-spacing:-0.5px; }
header .top .login >div.lo_div button { font: 19px 'Pretendard'; font-weight:400; display:inline-block; font: 17px 'Pretendard'; font-weight:400; letter-spacing:-0.5px; color:#343434; background-color: #fff; }
header .top .login >div.lo_div button.b1::before { content: "|"; padding:0 10px; }
header .top .login >div.lo_div>a.l_out { border:1px solid #aaa; text-align:center; padding:2px 7px; border-radius:10px; font-weight:bold; }

header .nav { position:relative; display:block; width:100%; }
header .nav .gnb_menu { position:relative; display: block; width:100%; height:80px; padding:30px 0;  }
header .nav .gnb_menu li { overflow:visible; display:inline-block; float:left; text-align:center; color:#000; font: 20px 'Pretendard'; letter-spacing:-0.3px; font-weight: 500; width:14.2%; }
header .nav .gnb_menu li:hover { font-weight: 600; }
header .nav .gnb_menu li .on { color:#2f82ff; }
header .nav .gnb_menu li .shopp { background-color:#0169ff; color:#fff; padding:7px 20px; border-radius:20px; }

header .nav .gnb_sm { position:absolute; left:0; top:80px; width:100%; display:none; overflow:hidden; padding:30px 0 30px 0; background-color:#fff; z-index:300; text-align:center; border-bottom:1px solid #aaa; }
header .nav .gnb_sm ul { display:inline-block; float:left; width:14.2%; text-align:center; }
header .nav .gnb_sm ul p { display:block; overflow: hidden; width:100%; padding:0 0 20px 0; color:#343434; font: 18px 'Pretendard'; letter-spacing:-0.4px; font-weight: 400; text-align:center;   }
header .nav .gnb_sm ul p:hover { color:#000; }

header .wrap .m_Left_m { display:none; position:fixed; top:0; left:0; overflow:hidden; width:100%; height:800px; background-color:#fff;  z-index:1200;  }
header .wrap .m_Rig_m { display:none; position:fixed; top:0; right:0; overflow:hidden; width:100%; height:800px; background-color:#fff;  z-index:1200;  }
header .wrap .m_Left_m>ul, header .wrap .m_Rig_m>ul { position:relative;  display:block; overflow:hidden; width:100%; border-top:1px solid #ddd; padding:15px 15px 15px 30px; font: 17px 'Pretendard'; }

header .wrap .m_Left_m ul .ssp1 { position:relative;  display:inline-block; float:right; background-color:#fff; width:50px; height:20px; border-radius:10px; }

header .wrap .m_Left_m div.sm { display:none; overflow:hidden; width:100%; background-color:#f9f9f9;   }
header .wrap .m_Left_m div.sm>ul { display:block; overflow:hidden; padding:7px; border-top:1px solid #ddd; }
header .wrap .m_Left_m div.sm ul p { position:relative; display:block; overflow:hidden; padding:5px 10px 5px 25px; font-size:15px; color:#343434 }

/*header .wrap .m_Left_m div.sm ul p:before { position: absolute; top:3px; left: 0; content: "˙ "; display: block; overflow: hidden; width:10px; text-align: left; color: #000; font-size:25px;  font-weight: bold; }*/


header .wrap .m_Left_m .mm:before { position: absolute; right: 5px; top: 50%; margin-top: -4px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #595959;  border-bottom: 0; border-left: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);  }
header .wrap .m_Left_m .sel:before { position: absolute; right: 5px; top: 50%; margin-top: -4px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #595959; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
header .wrap .m_Left_m span.m_m_close, header .wrap .m_Rig_m span.m_m_close { position:absolute; right:10px; background-color:#121212; color:#fff; padding:2px 6px; border-radius:20px; font: 14px 'Pretendard'; font-weight: 500; }
header .wrap .m_Left_m ul.clo { position:relative; padding:20px; font: 20px 'Pretendard'; font-weight: 600; }
header .wrap .m_Rig_m ul.clo { position:relative; padding:20px; font: 20px 'Pretendard'; font-weight: 600;  }

footer { display:block; width:100%; }
footer .foot { display:block; overflow:hidden; }

footer div.q { display:block; border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; height:50px; }
footer div.q .wrap>div { display:flex; justify-content:space-between; height:50px; }
footer div.q .wrap ul { display:block; }
footer div.q .wrap ul li { display:inline-block; float:left; font: 14px/50px 'Pretendard'; font-weight:400; padding-right:20px; color:#232323; }
footer div.q .wrap ul li.sns { padding-top:15px; }
footer div.q .wrap ul:nth-child(2)>li { border-left:1px solid #bebebe; border-right:1px solid #bebebe; }
footer div.q .wrap ul li>span { display:inline-block; overflow:hidden; float:left; width:180px; padding:0 20px; }
footer div.q .wrap ul li>span.span_e { width: 7px; height: 7px;  border: 1.5px solid #343434; border-top: 0; border-right: 0; padding:0; transform: rotate(135deg); margin-top: 23px;  }
footer div.q .wrap ul li>span.on { transform: rotate(-45deg); margin-top:19px; }
footer div.q .wrap ul:nth-child(2)>li.fam { position:relative;  }
footer div.q .wrap ul:nth-child(2)>li.fam div.site { position: absolute; left: -1px; bottom: 50px; z-index: 20; display: none; overflow: hidden; width:101%; border:1px solid #bebebe; background-color:#fff; }
footer div.q .wrap ul:nth-child(2)>li.fam div.site>p { display:block; overflow:hidden; width:100%; height:45px; font: 14px/45px 'Pretendard'; padding: 0 15px; letter-spacing:-0.7px; }
footer div.q .wrap ul:nth-child(2)>li.fam div.site.on { display:block; }

footer div.copy { display:block; overflow:hidden; background-color:#f7f8f8; padding:20px 0; }
footer div.copy>.wrap { display:block; }
footer div.copy>.wrap ul { display:block; overflow:hidden; width:100%; font: 13px 'Pretendard'; font-weight:400; letter-spacing: 0.3px; line-height:18px; color:#a6a5a5;  }
footer div.copy>.wrap ul img { height:30px; }
footer div.copy>.wrap ul>li.logo img { height:20px; }

.m_footer { position: fixed; bottom: 0; left: 0; right: 0; display: none; overflow: visible; width: 100%; z-index: 500; border-top:1px solid #ddd; }
.m_footer div.menu { display:flex; overflow:hidden; background-color:#fff; width:100%; height:60px; flex-wrap: nowrap; }
.m_footer div.menu ul { display:flex; overflow:hidden; align-content: center; width:25%; height:60px; text-align:center; flex-wrap: wrap; }
.m_footer div.menu ul li { display:block; width:100%; margin-top:5px; font: 13px 'Pretendard'; color:#121212; font-weight:400; }
.m_footer div.menu ul img  { height:20px; }
.m_footer div.menu ul span { display:block; text-align:center;  }

.ft_ad { display: none; }

.popdiv { position:absolute; left:70px; top:90px; z-index:500; width:300px; }
.popdiv ul  { display:block; overflow:hidden; width:100%; }
.popdiv ul img { max-width:100%; }
.popdiv ul.close { background-color:#fff; padding:10px; text-align:right;  font: 16px 'Pretendard'; border:1px solid #aaa;  }

section>.wrap { position:relative;  }
section>.wrap>.div_sh { position: absolute; top:0px; right: -230px; width:200px;  }
section>.wrap>.div_sh>p { display:block; overflow:hidden; text-align:center; font: 16px 'Pretendard'; font-weight:500; letter-spacing:-0.5px; background-color:#336666; color:#fff; padding:10px; border-radius:10px; }

.LeftM { display:inline-block; overflow:hidden; float:left; width:80%; }
.LeftM>ul { display:block; overflow:hidden; width:100%; font: 18px 'Pretendard'; font-weight:500; padding:17px 0; border-bottom:1px solid #e9e9e9; color:#343434;  letter-spacing:-0.7px;  }
.LeftM>ul.tt { color: #121212; font-size:25px; font-weight:500; letter-spacing:-0.7px; padding:20px 0;  }
.LeftM>ul.on { color:#2f82ff ; }

.mMy { display:block; overflow:hidden; width:100%; padding:50px;  }
.mMy>ul { display:block; overflow:hidden; width:100%; margin-bottom:15px; font: 20px 'Pretendard'; font-weight:600; color:#595959; }
.mMy>ul.tt { font: 23px 'Pretendard'; letter-spacing:-0.7px; margin-bottom:25px; color:#121212; font-weight:600;   }

.RigCon  { display:inline-block; overflow:hidden; float:left; width:1080px; padding-left:80px; }

.pgtitle { display:block; overflow:hidden; width:100%;  font: 21px 'Pretendard'; font-weight:500; padding:30px 0 ; text-align:left; }

.tex_h1 { display:block; overflow:hidden; width:100%;  font:18px 'Pretendard'; font-weight:600; padding:20px 0 ; }
.tex_h1:before { content: "·"; display: inline-block; overflow: hidden; width: 20px; }

.h1 { font: 22px 'Pretendard'; font-weight:600; letter-spacing:-0.34px; color:#444; padding-left:7px; margin:20px 0 10px 0; }
.h2 { font: 18px 'Pretendard'; font-weight:600; letter-spacing:-0.34px; color:#444; padding-left:7px; margin:20px 0 10px 0; }
.h3 { font: 16px 'Pretendard'; font-weight:500;  color:#444; padding-left:7px; margin:20px 0 10px 0;  line-height:21px; }
.h4 { font: 18px 'Pretendard'; font-weight:500;  color:#444; margin:20px 0;  line-height:21px; }

.popdiv { position:absolute; left:70px; bottom:-490px; z-index:500; width:300px; }
.popdiv ul  { display:block; overflow:hidden; width:100%; }
.popdiv ul img { max-width:100%; }
.popdiv ul.close { background-color:#fff; padding:10px; text-align:right;  font: 16px 'Pretendard'; border:1px solid #aaa;  }

.main { position:relative; display:block; overflow:hidden; width:100%; height:500px; }
.main .swiper-slide img { width:100%; height:500px; }

.policy_text { display:block; overflow:hidden; width:100%; font: 16px 'Pretendard'; font-weight:400; color:#343434; line-height:27px; } 
.policy_text p.p1 { display:block; overflow:hidden; width:100%; text-align:left; font: 18px 'Pretendard'; font-weight:600; padding:25px 0 15px 0; }
.policy_text p.p2 { display:block; overflow:hidden; width:100%; text-align:left; font: 15px 'Pretendard'; font-weight:500; 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;  }

.search_idpw { display: block; overflow: hidden; width:100%; height:500px; margin:15px 0 20px 0;  }
.search_idpw>ul { display:flex; justify-content:center; align-items:center; width:100%; height:100%; }
.search_idpw ul .search_f { display:block; overflow:hidden; width:500px;  }
.search_idpw ul .search_f p.tt { display: block; overflow: hidden; font: 19px 'Pretendard'; font-weight:500; margin-bottom:15px;  }
.search_idpw ul .search_f .idpwin { display:block;  font: 17px 'Pretendard'; font-weight:500; margin-top:7px; padding:10px 0 0 0; color:#595959; text-align:center; }
.search_idpw ul .search_f .mass { display:block; overflow:hidden; width: 100%; font: 16px 'Pretendard'; font-weight:500; border:2px solid #343434; padding:30px; text-align:center; line-height:28px; border-radius:10px; margin-bottom:15px; }

/*new*/
.policy_n { display:flex; justify-content:center; align-items:center; width:100%; margin:30px 0; }
.policy_n div.box1 { display:block; overflow:hidden; width:auto; margin:0 auto; font: 16px 'Pretendard'; font-weight:400; width:500px;    }
.policy_n div.box1 ul { display:block; overflow:hidden; width:100%; margin-bottom:20px; }
.policy_n div.box1 ul.tt { font-size:20px; padding:10px 0 10px 0; color:#595959; text-align:center;  }
.policy_n div.box1 ul.tb { border:1px solid #ddd; border-radius:5px; width:100%;  }
.policy_n div.box1 ul.tb li { position:relative; display:block; overflow:hidden; width:100%; border-bottom:1px solid #ddd; padding:20px; }
.policy_n div.box1 ul.tb li:last-child { border-bottom:0; }
.policy_n div.box1 ul.tb li span.poliy_v_a { position: absolute; top:20px; right: 5%; color:#595959; font-weight:500; font-size:16px; }


/* 회원가입 */
.join { display: block; overflow: hidden; width:100%; margin:15px 0 20px 0; text-align:center; }
.join>ul { display: block; overflow: hidden; margin: 0 auto; width:600px; }
.join input { line-height:18px; }
.join a.btn01 { text-align: center; font-size:13px; border: 1px solid #595959; padding: 7px 7px; background-color: #595959; color: #fff; }


.join .BList1_p>ul>li.m2 span { display:inline-block; overflow:hidden; float:left; }
.join .BList1_p>ul>li.m2 span.s1 { padding-top:5px; }
.join .BList1_p>ul>li.m2 span.sp_noti { font: 14px 'Pretendard'; font-weight:400; margin-left:7px; color:#343434; float:none; letter-spacing:-0.8px; }
.join .BList1_p button.f_gubun { display:inline-block; overflow:hidden; background-color:#ddd; color:#fff; border:1px solid #aaa; font: 17px 'Pretendard'; padding:3px 20px; border-radius:5px; }
.join .BList1_p button.f_gubun.on { color: #fff; background-color: #1f5c9f; border:1px solid #595959; }

.login_div {  display:block; overflow:hidden; width:100%; }
.login_div>ul { display:flex; justify-content:center; align-item:center; padding:100px 0; }
.login_div>ul .login_f { display:block; overflow:hidden;  width:300px; }
.login_div>ul .login_f>ul { display:block; overflow:hidden; border:1px solid #ddd; }
.login_div>ul .login_f>ul:nth-child(1) { border-bottom:0; border-radius:5px 5px 0 0; }
.login_div>ul .login_f>ul:nth-child(2) { border-radius:0 0 5px 5px; }
.login_div>ul .login_f input {  display:block; overflow:hidden; width:100%; padding:10px 20px; height:50px; border:0; font: 18px 'Pretendard'; }
.login_div>ul .login_f input::placeholder {  font: 16px 'Pretendard'; }
.login_div>ul .login_f a.login_btn { display:block; overflow:hidden; width:100%; background-color: #1b90cd; color: #fff;  text-align:center; font:21px 'Pretendard'; padding:15px 0; margin-top:10px; border-radius:5px; }
.login_div>ul .login_f p { display:block; overflow:hidden; margin-top:20px; text-align:center; font:17px 'Pretendard'; font-weight:400; letter-spacing: -0.3px; }

.at_div { position: fixed; top: 40%; left: 45%; right: 0; display: none; z-index:300; border:1px solid #000;  }
.at_div ul { display:block; overflow:hidden; width:100%; font: 25px 'Pretendard'; font-weight: 500;; padding:10px;  }

.LecL {  position:relative;  display:block; width:100%;  }
.LecL>ul { display:block; overflow:hidden; width:100%; }
.LecL p.tit1 { position:relative; display:block; overflow:hidden; width:100%; font: 25px 'Pretendard'; font-weight:600; padding:30px 0 ; text-align:center; margin-top:30px; }
.LecL p.tit1>span::before { position: absolute; right: 20px; top: 30px;  z-index: 10; content: ""; display: block; overflow: hidden; width: 20px; height: 20px; transform: rotate(45deg); transition: all 0.3s ease; background: url("/ONL/img/ico_close.svg"); }
.LecL p.tit1>span:hover::before { transform: rotate(-135deg); margin-top:4px; }

.Lf_ad { position: absolute; right: -200px; top: 0px; }
.Lf_ad img { border-radius:10px; }


.LecL div.mov { display:block; overflow:hidden; width:100%; }
.LecL div.mov ul.m_u2 { display:inline-block; overflow:hidden;  float:left; width:21%; height:330px; margin:2%; border:1px solid #999; border-radius:15px; background-color:#fff;  }
.LecL div.mov ul.m_u2>p { display:block; overflow:hidden;  }
.LecL div.mov ul.m_u2>p.p_1 { display:block; overflow:hidden; height:195px; text-align:center; position:relative; border-radius:15px 15px 0 0; }
.LecL div.mov ul.m_u2>p.p_1 span.s1 { position:absolute; bottom:-1px; left:0; width: 0; height: 0; border-bottom: 50px solid #fff; border-left: 290px solid transparent; }
.LecL div.mov ul.m_u2>p span.sstate { display:block; overflow:hidden;  padding:5px 15px; background-color:#80bf25; border-radius:20px; font: 15px 'Pretendard';  letter-spacing:-0.3px; font-weight:400; color:#fff;  }
.LecL div.mov ul.m_u2>p span.sstate2 { position:absolute;  overflow:hidden; bottom:8px; right:8px; padding:3px 10px;  background-color:#80bf25; border-radius:20px; font: 14px 'Pretendard';  letter-spacing:-0.3px; font-weight:400; color:#fff;  }
.LecL div.mov ul.m_u2>p span.sa1 { background-color:#2cb3c0;  }
.LecL div.mov ul.m_u2>p span.sa2 { background-color:#0169ff;  }
.LecL div.mov ul.m_u2>p span.sa3 { background-color:#595959;  }
.LecL div.mov ul.m_u2>p span.sa4 { background-color:#000;  }
.LecL div.mov ul.m_u2>p.p_2 { background-color:#fff; color:#121212; font: 16px 'Pretendard'; padding:10px 10px 5px 10px; letter-spacing:-0.3px; font-weight:500; line-height:23px; }
.LecL div.mov ul.m_u2>p.p_3 { background-color:#fff; color:#121212; font: 16px 'Pretendard'; padding:0 15px 10px 15px; letter-spacing:-0.3px;  font-weight:400; }
.LecL div.mov ul.m_u2>p.p_4 { background-color:#fff; color:#ff5237; font: 17px 'Pretendard'; padding:7px 10px; letter-spacing:-0.3px; font-weight:600; }
.LecL div.mov ul.m_u2>p>span { float:right; color:#aaa;  font: 15px 'Pretendard'; font-weight:400; }
.LecL div.mov ul.m_u2>p img { width:270px; height:195px; }
.LecL div.mov ul.m_u2:hover p>img { max-width:105%; height:195px; }

.LecL div.ban { display:block; overflow:hidden; width:100%; margin-top:50px; }

.LecL div.rev { display:block; overflow:hidden; width:100%; height:600px; margin-top:10px; overflow-y:scroll;  }
.LecL div.rev>ul { display:block; overflow:hidden; padding:15px; }
.LecL div.rev>ul>li { display:inline-block; float:left; width:21%; margin:2%; height:175px; background-color:#f9f9f9; color:#121212; font: 16px 'Pretendard'; padding:15px 15px 20px 15px; border-radius:10px; font-weight:600; line-height:23px; }
.LecL div.rev>ul>li>p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow:hidden; text-overflow: ellipsis; margin-top:3px; }

.main_b_div { display:block; overflow:hidden; width:100%; margin-bottom:30px;  }
.main_b_div>ul { display:block; height:550px; }

.main_b_div>ul.ul1 { width:100%; float:left;  }
.main_b_div>ul.ul1 img.mm { display:none; }

.main_b_div>ul.ul2 { width:395px; float:right;  }  /*없어짐*/
.main_b_div>ul.ul3 { width:100%; display:block; overflow:hidden; height:360px; }
.main_b_div>ul>li:nth-child(1)  { margin-bottom:20px;}

.main_b_div>ul.ul1 .div_btnn { position: absolute; top: 0; left: 0; width:855px; height:360px;  }
.main_b_div>ul.ul1 iframe { width:855px; height:360px; }

.main_b_div>ul.ul3 .slick-slide { border:1px solid blue; width:426px !important; }
.main_b_div>ul.ul3 .slick-slide li { width: 100%; border:1px solid red; padding:0 5%; }
.main_b_div>ul.ul3 .slick-slide img { width:100%; border-radius:10px; text-align:center; border-radius:10px; }



.RevL>.BList1_p { margin-bottom:15px; border:1px solid #aaa; padding:10px; border-radius:10px;  }
.RevL>.BList1_p ul { border-bottom:0; margin-bottom:2px; }
.RevL>.BList1_p ul.admn { background-color:#f9f9f9;  }

.Lec {  display:block; overflow:hidden; width:100%; }
.Lec>ul { display:block; overflow:hidden; width:100%; }
.Lec .s_lec { display:flex; justify-content:space-between; align-items:center; width:100%; padding:35px 0 25px 0; }
.Lec .s_lec>ul { width:32%; padding:15px 0; background-color:#f0f0f0; border-radius:30px; text-align:center; color:#7a7a7a; font:23px 'Pretendard'; }
.Lec .s_lec>ul.on { background-color:#ff5237; color:#fff; }
.Lec .s_lec>ul:hover { background-color:#aaa; color:#fff; }
.Lec .s_lec.c_lec { display:flex; justify-content:space-between; align-items:center; width:100%;  }
.Lec .c_lec { display:flex; justify-content:space-between; align-items:flex-start; width:100%; }
.Lec .c_lec .c_lec1 { width:70%; }
.Lec .c_lec .c_lec2 { width:24%;  }

.Lec .c_lec>.c_lec1 ul { display:block; overflow:hidden; width:100%; margin-bottom:15px; }
.Lec .c_lec>.c_lec1 ul.u1 { border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;  }
.Lec .c_lec>.c_lec1 ul.u1 li { position:relative; display:inline-block; float:left; width:25%; padding:0 0 15px 0; margin-top:15px; font:19px 'Pretendard'; font-weight:500; text-align:center; border-bottom:2px solid #fff;  }
.Lec .c_lec>.c_lec1 ul.u1 li.on { border-bottom:2px solid #ff5237; color:#ff5237;  }
.Lec .c_lec>.c_lec1 ul.u1 li:hover { cursor:pointer; }
.Lec .c_lec>.c_lec1 ul.u1 li>span { position:absolute; display:inline-block; left:5px; top:0; width:5px; height:5px; background-color:#fff;  }
.Lec .c_lec>.c_lec1 ul.u1 li>span.on { background-color:#ff5237;  }
.Lec .c_lec>.c_lec1 ul img { max-width:100%; }

.Lec .c_lec .c_lec1 span.sp01, .Lec .c_lec .c_lec1 span.sp02, .Lec .c_lec .c_lec1 span.sp03, .Lec .c_lec .c_lec1 span.sp04, .Lec .c_lec .c_lec1 span.sp05, .Lec .c_lec .c_lec1 span.sp06, .Lec .c_lec .c_lec1 span.sp07 { display:none;  }
.Lec .c_lec .c_lec1 span.on  { display:block; }

.Lec .c_lec>.c_lec1 ul.u2 { height:800px; overflow-y:scroll; }
.Lec .c_lec>.c_lec1 ul .s_box { display:block; overflow:hidden; width:100%; border-bottom:1px solid #ddd; padding:15px; }
.Lec .c_lec>.c_lec1 ul .s_box>ul { display:block; overflow:hidden; width:100%; font:17px 'Pretendard'; font-weight:400; letter-spacing:-0.5px; }
.Lec .c_lec>.c_lec1 ul .s_box>ul.su1 { font-size:16px; }
.Lec .c_lec>.c_lec1 ul .s_box>ul.su2 { color:#0082d7; }

.Lec .c_lec .c_lec2>ul { display:block; overflow:hidden; width:100%; margin-bottom:15px; font:15px 'Pretendard'; font-weight:400; letter-spacing:-0.3px;  }
.Lec .c_lec .c_lec2>ul.u1 { border-top:3px solid #121212; border-bottom:3px solid #121212;  }
.Lec .c_lec .c_lec2>ul.u1>p { display:block; overflow:hidden; width:100%; padding:15px 3px; border-bottom:1px solid #bebebe; font:17px 'Pretendard'; font-weight:500;  line-height:25px; }
.Lec .c_lec .c_lec2>ul.u1>p.p1 { padding:20px 3px; font:23px 'Pretendard'; font-weight:600; }
.Lec .c_lec .c_lec2>ul.u1>p.p3 { font:22px 'Pretendard'; font-weight:600; text-align:right; }
.Lec .c_lec .c_lec2>ul.u1>p.p4 { font:25px 'Pretendard'; font-weight:600; text-align:right; color:#ff2c2c; }
.Lec .c_lec .c_lec2>ul.u1>p>span.sp1 {  display:inline-block; float:left; font-size:18px; color:#232323; padding-top:5px; }
.Lec .c_lec .c_lec2>ul.u1>p>span.sp2 {  display:inline-block; float:right; font-size:15px; color:#232323; padding-top:15px; }
.Lec .c_lec .c_lec2>ul.u1>p.p5 { font:18px 'Pretendard'; font-weight:600; text-align:left; }
.Lec .btn_app {  display:block; overflow:hidden; width:100%; background-color:#121212; color:#fff; padding:15px 0; border-radius:30px; font:18px 'Pretendard'; font-weight:600; text-align: center; }

.Lec .c_lec .c_lec2>ul.u1 select { font:15px 'Pretendard'; font-weight: 500; }
.Lec .c_lec .c_lec2>ul .h3 { font: 17px 'Pretendard'; font-weight: 600; letter-spacing: -0.4px; line-height:18px; margin-bottom:10px; }
.Lec .c_lec .c_lec2>ul .h4 { font: 15px 'Pretendard'; line-height:18px; letter-spacing: -0.4px; margin-bottom:10px; }
.Lec .c_lec .RefYEs_Con { position:relative; display:none; overflow:hidden; width:100%; margin:0 0 20px 0; padding:10px; border:1px solid #343434;  font: 16px 'Pretendard'; line-height:23px; }
.Lec .c_lec .RefYEs_Con span.close { position:absolute; display:inline-block; overflow:hidden; right:10px; top:10px; padding:2px 5px; font:bold 15px 'Pretendard'; background-color:#aaa; color:#fff; border-radius:50%; }

.tea_int { display:block; overflow:hidden; width:100%; background-color:#fff; padding:0 10px; border-radius:10px;border:1px solid #ddd; margin:10px 0;  }
.tea_int div.BList1_p ul li { font:15px 'Pretendard'; line-height:18px; padding:7px 0; }

.p_result { display:block; overflow:hidden; width:100%; margin-bottom:15px; border-top:2px solid #595959; }
.p_result>ul.ul_r { display:block; overflow:hidden; width:100%; margin:30px 0; background-color:#fff; font: 25px 'Pretendard'; line-height:35px; text-align:center; }
.p_result button.stt { width:300px; text-align:center; background: linear-gradient(to right, #2043d8, #35b0e3); padding:13px 0; font: 25px 'Pretendard-Regular'; color:#fff; letter-spacing:-0.2px; border-radius:50px; box-shadow: 1px 1px 10px #c3c3c3;  }
.p_result button.stt2 { width:200px; text-align:center; background: linear-gradient(to right, #2043d8, #35b0e3); padding:10px 0; font: 22px 'Pretendard-Regular'; color:#fff; letter-spacing:-0.2px; border-radius:50px; box-shadow: 1px 1px 10px #c3c3c3;  }

.courL { display:block; overflow:hidden; width:100%; margin-bottom:50px; }
.courL .s_tt { display:block; overflow:hidden; width:100%; margin:20px 0; font: 20px 'Pretendard'; font-weight:700; color:#343434; } 
.courL .s_tt2 { display:block; overflow:hidden; width:100%; margin:20px 0; font: 19px 'Pretendard'; font-weight:500; color:#343434; text-align:right; } 
.courL .BList1_p ul li.s_box { padding:0; }
.courL .BList1_p ul li.s_box .BList1_p { border-top:0; border-bottom:0; }
.courL .BList1_p ul li.s_box .BList1_p>ul:nth-child(2) { border-bottom:0; }
.courL .BList1_p a.btn_aa { display:inline-block;  text-align: center; font: 15px 'Pretendard'; letter-spacing:-0.7px; border: 1px solid #595959; padding: 7px; background-color: #595959; color: #fff; border-radius:3px; border-color: #595959 #000 #000 #595959; margin-left:5px; }
.courL .BList1_p a.btn_aa2 { display:inline-block;  text-align: center; font: 15px 'Pretendard'; letter-spacing:-0.7px; border: 1px solid #595959; padding: 8px 13px; background-color: #fff; color: #000; border-radius:3px; border-color: #595959 #000 #000 #595959; margin-left:5px; }
.courL .BList1_p ul li img { width:70%; margin-right:20px; }
.courL .BList1_p ul li p { display:block; width:100%;  }
.courL span.s_tapdiv { display:none; }

.courL button { margin-bottom:5px; }
.courL button.app_stt { display:inline-block; overflow:hidden; width:160px; border:1px solid #3d64ff; background: linear-gradient(to right, #3d64ff, #3d98ff);  color:#fff; padding:10px 0; border-radius:5px; font:17px 'Pretendard'; font-weight:500; margin-right:10px;  }
.courL button.app_stt2 { border:1px solid #914ad8; background: linear-gradient(to right, #914ad8, #a383c3);  }
.courL button.app_go3 { display:inline-block; overflow:hidden; padding:10px 20px; border:1px solid #ddd; background: linear-gradient(to right, #343434, #595959);  color:#fff; border-radius:5px; font:17px 'Pretendard'; font-weight:600;  }
.courL button.app_go2 { display:inline-block; overflow:hidden; padding:10px 20px; border:1px solid #3d64ff; background: linear-gradient(to right, #3d64ff, #3d98ff);  color:#fff; border-radius:5px; font:17px 'Pretendard'; font-weight:600;  }
.courL button.app_go1 { display:inline-block; overflow:hidden; padding:10px 20px; border:1px solid #ddd; background: linear-gradient(to right, #aaa, #ddd);  color:#fff; border-radius:5px; font:17px 'Pretendard'; font-weight:600;  }
.courL button.app_go4 { display:inline-block; overflow:hidden; padding:10px 20px; border:1px solid #ddd; background: linear-gradient(to right, #237733, #529960);  color:#fff; border-radius:5px; font:17px 'Pretendard'; font-weight:600;  }
.courL button.app_go5 { display:inline-block; overflow:hidden; padding:10px 20px; border:1px solid #ddd; background-color:#ddd; color:#fff; border-radius:5px; font:17px 'Pretendard'; font-weight:600;  }


.courL #app_span1, .courL #app_span2, .courL #app_span3 { display:block;overflow: hidden;padding:20px;border:2px solid #5e87fd;border-radius:0 5px 5px 5px; }
.courL ul.tabS>li { border:0; border-right:1px solid #fff; }

.courL .tab ul.tabS li { border:0; border-right:1px solid #fff; width:auto; padding:0 17px; }

.ntt { display:block; overflow:hidden; width:100%; background-color:#f8f8f8; color:#fff; padding:30px; margin-top:10px; }
.ntt>ul { display:flex; justify-content:flex-start; width:100%;  }
.ntt>ul>li>p { display:block; overflow:hidden; font:17px 'Pretendard'; font-weight:500;  line-height:25px; color:#343434; padding-left:30px; }

.cour_tap { display:block; width:100%; padding:20px 0; font:17px 'Pretendard';  }
.s_tap { display:block; overflow:hidden; float:left; width:100px; margin-right:5px; padding:10px; font:19px 'Pretendard'; font-weight:500; text-align:center; border-radius:5px; background-color:#979bab; color:#fff; }
.s_tap:hover { color:#ddd; }
.s_tap.on { background-color: #000; color: #fff; }


.courV { display:block; overflow:hidden; width:100%; }
.courV ul { display:block; overflow:hidden; width:100%; }
.courV ul.btn { padding:20px 0; text-align:center; }
.courV ul button.a_btn { overflow:hidden; width:200px; background-color: #1b90cd; color: #fff;  text-align:center; font:21px 'Pretendard'; padding:10px 0; margin-top:10px; border-radius:5px; }

.cour_reV { display:block; overflow:hidden; width:100%; margin:20px 0; padding:10px; }
.cour_reV ul { display:block; overflow:hidden; width:100%; font:18px 'Pretendard'; margin-bottom:10px; line-height:25px; }
.cour_reV ul textarea { width:100%; height:100px; border:1px solid #aaa; padding:15px; }
.cour_reV ul textarea::placeholder { font:19px 'Pretendard'; }
.cour_reV ul.tt { margin-bottom:20px;  }
.cour_reV ul.btn { text-align:center; margin-bottom:50px;  }
.cour_reV ul button.a_btn { overflow:hidden; width:200px; background-color: #1b90cd; color: #fff;  text-align:center; font:21px 'Pretendard'; padding:10px 0; margin-top:10px; border-radius:5px; }
.cour_reV div.uu { display:block; overflow:hidden; width:100%; margin-top:30px;  }
.cour_reV div.uu div { display:inline-block; overflow:hidden; float:left; width:50%; padding:0 20px;}
.cour_reV div.uu div ul { display:block; overflow:hidden; width:100%; font-size:16px; }
.cour_reV div.uu div ul textarea { height:80px; }

.coursev {  display:block; overflow:hidden; width:100%; }
.coursev>.tt { display:block; font: 18px 'Pretendard'; font-weight:500; letter-spacing:-0.34px; color:#121212; margin:20px 0 20px 0; }
.coursev .con_div  { display:block; overflow:hidden; width:100%; }
.coursev .con_div>ul:nth-child(1) { display:inline-block; overflow:hidden; float:left; width:20%; }
.coursev .con_div>ul:nth-child(2) { display:inline-block; overflow:hidden; float:left; width:80%;  }
.coursev .con_div>ul img { width:90%; }
/* 마이페이지 > 강좌신청*/

.exm { display:block; overflow:hidden; width:100%; margin:20px 0; padding:10px; }
.exm ul { font:18px 'Pretendard'; font-weight:500; margin:10px 0 0 0; }
.exm ul.u1 { display:block; overflow:hidden; width:100%; border:1px solid #595959; border-radius:10px; margin-bottom:30px; padding:20px; }
.exm ul.u1 li { display:block; overflow:hidden; width:100%; padding:7px 0; }
.exm ul.agr { text-align:center; }

.exm ul.tt  { font:28px 'Pretendard'; font-weight:500; border-top:1px solid #000; padding:30px 0 10px 0; text-align:center; color:#121212; }
.exm ul.tt_s  { font:20px 'Pretendard'; font-weight:400; padding:10px 0; margin-bottom:30px; text-align:center; color:#343434; }
.exm ul.q1  { font:20px 'Pretendard'; font-weight:500; padding:20px 0 10px 0; text-align:left; color:#232323; line-height:30px; }
.exm ul.q2  { font:18px 'Pretendard'; font-weight:500; padding:10px 0 0 0; text-align:left; color:#343434; line-height:30px; }
.exm ul.a1 { position:relative; display:block; overflow:hidden; width:100%; }
.exm ul.a1 span.tem_add { display:inline-block; overflow:hidden; float:right; padding:3px 10px; font:bold 17px 'Pretendard'; background-color:orange; color:#fff; border-radius:5px; cursor:pointer; }
.exm ul textarea { border:1px solid #aaa; width:100%; padding:10px; height:150px;  font: 18px 'Pretendard'; line-height:25px; }
.exm .btn_div>a.acept, .exm .btn_div>a.bck { font-size:23px; width:200px; }

.exm_t  { position: fixed; bottom: 0; left: 0; right: 0; display: block; overflow: visible; width: 100%; background-color: #fff; z-index: 500; height:200px; border-top:2px solid #000; }
.exm_t .wrap ul { display:block; overflow:hidden; width:100%; }
.exm_t .wrap ul.ul1 { font:25px 'Pretendard'; font-weight:500;  text-align:left; padding-top:15px;  }
.exm_t .wrap ul.ul2 { font:20px 'Pretendard'; font-weight:500; text-align:left; padding-top:5px; color:red; }
.exm_t .wrap ul.ul3 { font:20px 'Pretendard'; font-weight:500; text-align:left; padding-top:15px; color:red; }
.exm_t .wrap ul #d_count { float:left; }
.btn_top.exm1 { bottom:110px; }

/*=================================================================*/

.shadow{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: none; background-color:#eaeaea; z-index:200; opacity: 0.7; }
.appCon { border: 2px solid #595959; position: fixed; left:50%; top: 50%; transform: translate(-50%,-50%); padding: 30px; display: none;background: #fff; z-index:400; border-radius:50px; }
.appCon>ul { display:block; overflow:hidden; width:100%; font:18px 'Pretendard'; }
.appCon ul.closeB { text-align:right; }
.appCon ul.closeB .b_close { display:inline-block; overflow:hidden;  background-color:#aaa; padding:5px 10px; border-radius:20px; color:#fff; font:bold 20px 'Pretendard'; }
.appCon ul.tt { display:block; overflow:hidden; width:100%; font:23px 'Pretendard'; margin-bottom:30px; line-height:25px; font-weight:500; }
.appCon ul.tt_s { display:block; overflow:hidden; width:100%; font:19px 'Pretendard'; margin:20px 0; line-height:25px; font-weight:500; letter-spacing:-0.8px; }
.appCon span.concon { display:block; overflow:hidden; height:450px; overflow-y:scroll; }
.appCon ul textarea { padding:10px; height:100px; }

.popup { border: 2px solid #000;position: fixed; width:1100px; height:700px; left:50%; top: 50%; transform: translate(-50%,-50%);padding: 30px; display: none;background: #fff; z-index:400; border-radius:50px; }
.popup .close { position: absolute; display:block; border: 0;  right: 40px; top: 20px; background-color:#aaa; padding:5px 10px; border-radius:20px; color:#fff;  font:bold 20px 'NanumSquare', sans-serif; transform:skew(-0.03deg);}
.popup .close1 { position: absolute; display:block; border: 0;  right:80px; top: 40px; background-color:#aaa; padding:5px 10px; border-radius:20px; color:#fff;  font:bold 20px 'NanumSquare', sans-serif; transform:skew(-0.03deg);}
.res-div { display:inline-block; overflow:hidden; float:left; width:93%; height:100%; text-align:center; }

/*=================================================================*/
.review_div {  display:block; overflow:hidden; width:100%; }
.review_div>ul { display:block; overflow:hidden; width:100%; padding:200px 0; text-align:center; }
.review_div>ul .login { display:block; overflow:hidden;  width:70%; margin:0 auto; }
.review_div>ul .login>ul { display:block; overflow:hidden; border:1px solid #ddd; }
.review_div>ul .login input {  display:block; overflow:hidden; width:100%; padding:10px 20px; height:50px; border:0; font: 18px 'Pretendard'; }
.review_div>ul .login input::placeholder {  font: 16px 'Pretendard'; }
.review_div>ul .login a.login_btn { display:block; overflow:hidden; width:100%; background-color: #1b90cd; color: #fff;  text-align:center; font:21px 'Pretendard'; padding:15px 0; margin-top:10px; border-radius:5px; }

.reviewL { display:block; overflow:hidden; width:100%; overflow-x: scroll; }
.serLec { display:block; margin: 20px 0; width:2000px; }
.serLec>ul { display:block; overflow:hidden; }
.serLec>ul li { position:relative; display:inline-block; overflow:hidden; float:left; width:210px; margin-right:30px; border-radius:10px; }
.serLec>ul li img { width:210px; height:210px; }
.serLec>ul li.on {  border:3px solid #0a6aa7  }

.reviewR {  display:block; overflow:hidden; width:100%; margin:20px 0;  }
.reviewR textarea { font:18px 'Pretendard'; line-height:27px; font-weight:400;  width:100%; height:70px; border:1px solid #ddd; padding:10px; line-height:18px; margin-bottom:10px; }

.reviewL2 {  display:block; overflow:hidden; width:100%; height:1000px; overflow-y: scroll; margin-top:50px; }
.reviewL2 .tit1 { display:block; overflow:hidden; width:100%; font:23px 'Pretendard'; margin-bottom:30px; line-height:25px; font-weight:500; }

.reviewL2 li.li_r { margin-bottom:30px; font:16px 'Pretendard'; line-height:27px; font-weight:400;  }

.serLec>ul>li span.s1 { position:absolute; bottom:10px; left:0; width: 0; height: 0; border-bottom: 50px solid #fff; border-left: 290px solid transparent; }
.serLec>ul>li span.sstate { position:absolute; bottom:10px; right:15px; padding:5px 10px; background-color:#80bf25; color:#fff; font: 13px 'Pretendard'; border-radius:20px; letter-spacing:-1px;  }
.serLec>ul>li span.sa1 { background-color:#2cb3c0;  }
.serLec>ul>li span.sa2 { background-color:#df5b30;  }
.serLec>ul>li span.sa3 { background-color:#595959;  }
.serLec>ul>li span.sa4 { background-color:#000;  }


.good_sedu_r { display:block; overflow:hidden; width:100%; padding:20px 10px 60px 10px; }
.good_sedu_r>ul { display:block; overflow:hidden; width:100%; padding:3px 0;  font: 16px 'Pretendard'; line-height:20px; }
.good_sedu_r>ul.sel { padding:0 0 15px 0; }
.good_sedu_r>ul.sel select { display:block; overflow:hidden; width:100%; height:50px; border:1px solid #ddd; padding:0 0 0 10px; font: 15px 'Pretendard'; color:#343434; }
.good_sedu_r>ul.tt1 { color:#da0c9d; text-align:right; margin-bottom:7px; font-weight:bold; font-size:20px; }
.good_sedu_r>ul.tt { color:#da0c9d; text-align:right; margin-bottom:20px; font-weight:bold; font-size:18px; }
.good_sedu_r>ul.u1 { font-size:18px; padding:7px 0; }
.good_sedu_r>ul.u2 { border-bottom:2px solid #aaa; padding-bottom:15px; margin-bottom:15px; }
.good_sedu_r>ul.u3 { font-size:14px; color:#595959; }
/*=================================================================*/

.onSL { position:relative; display:block; overflow:hidden; width:100%; border:1px solid #ddd; border-radius:30px; margin-top:140px; margin-bottom:50px; }
.onSL>ul { display:flex; align-content:stretch; flex-wrap:nowrap; border-bottom:1px solid #ddd;  }
.onSL>ul>li { padding:20px 0 20px 20px; font: 18px 'Pretendard';  }
.onSL>ul>li.li1 { width:23%; background-color:#b8ccdc; color:#000; padding:23px 0 20px 30px; font-weight:700; }
.onSL>ul>li.li2 { width:62%; padding:20px 0 20px 20px; }
.onSL>ul>li.li3 { width:15%; text-align:left; padding:20px 0 20px 0; }
.onSL>ul>li.li4 { width:77%; }
.onSL>ul>li .ons2 { display:block; overflow:hidden; width:100%; }
.onSL>ul>li .ons2>ul { display:block; overflow:hidden; width:100%; padding:20px 0; border-bottom:1px dashed #ddd; }
.onSL>ul>li .ons2>ul:first-child { padding-top:0; }
.onSL>ul>li .ons2>ul:last-child { padding-bottom:0; border-bottom:0; }
.onSL>ul>li .ons2>ul>li.li1 { display:inline-block; overflow:hidden; float:left; width:80%; }
.onSL>ul>li .ons2>ul>li.li2 { display:inline-block; overflow:hidden; float:left; width:20%; }
.onSL>ul>li a { display:inline-block; background-color:#dd68c8; color:#fff; padding:5px 10px; font-size:15px; border-radius:20px; }
.onSL>ul>li a.staS { background-color:#f6f6f6; color:#121212; border:1px solid #121212; font-weight:700; }
.onSL>ul>li a.staS:hover { background-color:#ddd; }
.onSL>ul>li a.staN { background-color:#289bff; color:#fff; border:1px solid #289bff; font-weight:700; }
.onSL>ul>li a.staN:hover { border:1px solid #000; }
.onSL>ul>li a.staE { background-color:#fb5d0f; color:#fff; border:1px solid #fb5d0f; font-weight:700; }
.onSL>ul>li a.staE:hover { border:1px solid #000; }

.onSL_R { position:absolute; top:10px; overflow:hidden; width:100%; font: 18px 'Pretendard'; padding:15px 30px 0 0; font-weight:600; line-height:30px; }
.onSL_R ul> span#d_count { display:block; float:left; margin-top:8px;  }
.onSL_R ul.nt { font-size:16px; padding:7px 0; margin-top:10px; border-top:1px solid #ddd; color:#595959; }
.onSL_R .gu { display:block; overflow:hidden; width:100%; padding:10px 0; text-align:right; }
.onSL_R .gu>a { display:inline-block; background-color:#336699; color:#fff; padding:3px 50px; font-size:15px; border-radius:5px; float:right; }

.onSLec { display:block; overflow:hidden; width:100%; }
.onSLec>a.btn { display:inline-block; background-color:#595959; color:#fff; padding:10px 30px;font: 23px 'Pretendard'; border-radius:20px; }

.result_top { display:block; overflow:hidden; width:100%; margin:30px 0; }
.result_top ul {  display:block; overflow:hidden; width:100%; border:2px solid #595959; border-radius: 10px; padding:50px; font: 20px 'Pretendard'; font-weight: 500; letter-spacing: 0.5px; text-align: center; line-height: 30px; }


/* 상단 공지 text*/
.top_notice { position:relative; display:block; overflow:hidden; width:100%; margin:10px 0;  }
.top_notice ul { display:block; overflow:hidden; color:#1076b8; font: 16px 'Pretendard'; font-weight:500; line-height:25px; text-align: left; }

.memo_box { display:block; overflow:hidden; width:100%; border:2px solid #000; margin:15px 0; padding:10px; }
.memo_box ul { display:block; overflow:hidden; color:#595959; font:bold 13px 'Nanum Gothic'; padding:4px 0; }
.memo_box ul.ul1 { display:block; overflow:hidden; color:#2c3ea2; line-height:20px; color:red; }
.memo_box ul.ul2 { display:block; overflow:hidden; color:#2c3ea2; line-height:20px; color:blue; }

/*faq div */


#faq_conn_img img { width:150px; }
#faq_wrapper { top:207px; left:100px; }
.faq_conn_tt { top:700px; left:100px; }

.faq_conn { position: fixed; bottom: 200px; right: 100px; display:none; overflow: auto; width:300px; height:500px; z-index: 800; border:0; border:3px solid #000; background-color: #fff; border-radius:10px; padding:10px; overflow-y: auto;  }
.faq_conn>ul { position:relative; display:block; overflow: scroll; width: 100%; overflow-y: auto; overflow-x: hidden;  }
.faq_conn>ul p.ppp { display: flex; align-items: flex-start; font: 15px 'Pretendard';  font-weight:500; padding:10px 0 ; margin-top:20px; }
.faq_conn>ul .faq_k_k { width:auto; padding:5px 10px; border:1px solid #aaa; margin:5px; border-radius:5px; font: 14px 'Pretendard'; font-weight:400; }

.clo22 { position:fixed; bottom:5px; left:5px; font: 14px 'Pretendard'; padding:2px 6px; font-weight:600; border-radius:15px; background-color: #343434; color:#fff;  }

.faq_conn>ul p.ppp2 { display:block; overflow: hidden; width:100%; text-align: right; font: 15px 'Pretendard';  font-weight:500; padding:20px 0 ;}
.faq_conn>ul p.ppp2>span { padding:5px 10px; background-color: #595959; color:#fff; border-radius:3px; }

.faq_conn_tt { position: fixed; bottom: 107px; right: 100px; display:none; align-items:flex-start; overflow: auto; width:300px; height:100px; z-index: 800; border:0; border:3px solid #000; background-color: #fff; border-radius:0 0 10px 10px; padding:10px; transform: translateY(0); }
#faq_conn_img { position: fixed; top: 407px; left: 300px; display:block;  z-index: 800; width:150px; height:150px;  }
/*faq div */

/* 검색박스 */

.SchBox { position:relative; display:block; overflow:hidden; width:100%; padding:10px 0; font: 16px 'Pretendard'; letter-spacing: -0.5px; font-weight: 400; }
.SchBox > .sort { position: relative; display: inline-block; overflow: hidden; float: left; margin-right: 10px; }
.SchBox > .orby { position: relative; display: inline-block; overflow: hidden; float: right; height: 33px; }
.SchBox > .sort select { display: inline-block; overflow: hidden; float:left; color: #565656; padding:5px 15px; }
.sort select { display: inline-block; overflow: hidden; padding:0 0 0 7px; width:100%; height: 35px; font: 16px 'Pretendard'; color: #303030; font-weight:400; -webkit-appearance:checkbox; }

.sort>.select_s { display: inline-block; overflow: hidden; float: left; width:auto; border: 1px solid #aaa; background-color: #fff; margin-right: 10px; border-radius:4px; }
.sort>.select_s> select { width:100%; }
.sort .search { display: inline-block; overflow: hidden; float: left; width: auto; border: 1px solid #595959; background-color: #fff; margin-right: 5px; box-sizing:border-box; border-radius: 20px; padding: 0 5px; }
.sort .search> select { float: left; padding-left:5px; }
.sort .search> select:hover { background-color: #fff; }
.sort .search> input { float: left; border: 0; background: none; }
.sort .search> input:focus { background: none; }
.sort .search>.btn { width:25px; height: 33px; float:left; background-size: 20px; margin-right: 5px;  }
.sort .search>.btn.ico.find { text-indent: -9999px; background: url(/img/icon/btn_magnify_gy01.png) no-repeat center 50%; background-size: 20px;  }
.orby .count { padding-top:10px; font-weight: bold; }

.btn_wri { display: block; overflow: hidden; float: left; margin-top:10px; }
.btn_wri > a.acept { display:inline-block; background-color:#595959; border:1px solid #000; font: 17px 'Pretendard'; letter-spacing: -0.3px; font-weight: 500; color:#fff; text-align:center; padding:7px 40px; border-radius: 4px; }
.btn_wri > a.acept:hover { background-color:#000;  }

/* 페이지 탭 사용 */

.tab { display:block; overflow:hidden; width:100%; }
.tab ul.tabS { display:block; overflow:visible; width:100%; margin-top:15px; }
.tab ul.tabS li { display:inline-block; overflow:hidden; float:left; width:160px; background-color:#aaa; color:#fff; border:1px solid #ddd; border-right: none; text-align:center; height:45px; margin-bottom:-1px; font:16px/45px 'Pretendard'; font-weight:500; letter-spacing:-0.3px; cursor:pointer; border-radius:20px 20px 0 0; }
.tab ul.tabS li:last-child { border-right:1px solid #ddd; }
.tab ul.tabS li:hover { font-weight:bold; }
.tab ul.tabS li.on { font-weight:bold; background-color:#5e87fd; color:#fff; border-bottom:1px solid #5e87fd;  }
.tab ul.conn { display:block; overflow:hidden; width:100%; padding:30px; border-top:1px solid #ddd; padding:10px;  }
.tab ul.conn div.tab1, .tab ul.conn div.tab2, .tab ul.conn div.tab3, .tab ul.conn div.tab4, .tab ul.conn div.tab5, .tab ul.conn div.tab6 { display:none; padding:10px 0; }
.tab ul.conn>div>ul.policy_c { height:600px; overflow-y: scroll;  }

.Btitle { position:relative; display:block; overflow:hidden; width:100%; margin-top:15px; border-top:2px solid #000; border-bottom:1px solid #aaa; background-color: #f9f9f9; }
.Btitle ul { display:block; overflow:hidden; width:100%; }
.Btitle ul li { display: inline-block; overflow: hidden; float:left; padding:10px 0; text-align:center; font-size:14px; font-weight:bold;  }
.Btitle ul p { display: none; overflow: hidden; float:left; width:100%; padding:10px 0; text-align:center; font-size:13px; font-weight:bold;  } /*모바일용*/

/* 페이징 */
.Bpg { padding:30px 0; text-align:center; }
.Bpg span { display:inline-block; overflow:hidden; width:24px; height:24px; text-align:center; margin:0 2px; }
.Bpg span.s01 { font-weight:bold; font-size:16px; }
.Bpg span.s02 { border:1px solid #ddd; border-radius:3px; padding-top:3px; background-color:#fff;  }
.Bpg span.SEL { background-color:#aaa; color:#fff; border:1px solid #d5d5d5;  }
.Bpg span.BTN { width:90px; height:26px; background-color:#ddd; border:1px solid #aaa; color:#000; font-size:12px; padding:5px;}
/* 페이징 */
/*
.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: 18px/32px 'Pretendard'; font-weight: 500; padding:0 5px; margin:0 5px; }
.Bpg span.SEL { color:#698135; border-bottom:2px solid #698135;  }
*/

.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%; }
.cp15 { text-align:left !important; padding-left:15px !important; }

/* 새로 생성한 내용 */
.BList1_p { position:relative; display:block; overflow:hidden; width:100%; border-top:1px solid #595959; border-bottom:1px solid #000; font: 14px 'Pretendard'; }
.BList1_p ul { display:flex; align-items:stretch; justify-content:center; align-content:center; overflow:hidden; border-bottom:1px solid #aaa; font: 16px 'Pretendard';  }
.BList1_p ul li { display: inline-block; overflow: hidden; float:left; padding:15px 0; text-align:left; font: 16px 'Pretendard';  }
.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 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; width:100%; padding:5px 0; text-align:center; font: 17px 'Pretendard'; font-weight: 400; letter-spacing: -0.2px;  }
.BList1_p ul li>p.p1 { text-align:left; padding-right:10px; border-right:1px solid #ddd; }
.BList1_p ul li>p.p2 { text-align:left; padding-right:10px; }
.BList1_p ul li>p.p3 { text-align:center; }
.BList1_p ul li>p.p4 { text-align:left; padding-right:10px; font: 18px 'Pretendard'; font-weight: 600; letter-spacing: -0.6px; margin-bottom:7px; }
.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;  }

.BL_img_p { position:relative; display:block; overflow:hidden; width:100%; margin:20px 0; border-top:2px solid #000; border-bottom:1px solid #000; }
.BL_img_p ul { display:flex; align-items:center; justify-content:stretch; border-bottom:1px solid #aaa; font-size:12px; }
.BL_img_p ul li { display: inline-block; overflow: hidden; float:left; box-sizing:border-box; }
.BL_img_p ul.tt { background-color: #f5f5f5; font-size:13px; }
.BL_img_p ul.tt li { text-align:center; padding:10px 0; border-right:1px solid #aaa; }
.BL_img_p ul.tt li:last-child { border-right:0; }
.BL_img_p ul li img.timg { height:110px; max-width:100%; }
.BL_img_p ul li.t_c { text-align:center; }
.BL_img_p ul li p { display:inline-block; overflow:hidden; float:left;  text-align:left; padding-left:15px;  }
.BL_img_p ul li p span { display:block; overflow:hidden; padding-bottom:3px; }

.Bview  { position:relative; display:block; overflow:hidden; width:100%; margin:20px 0; border-top:1px solid #000; border-bottom:1px solid #000;  }
.Bview ul  { display:block; overflow:hidden; width:100%; }
.Bview ul.tit { padding:20px 0; font: 18px 'Pretendard'; font-weight: 500; letter-spacing: -0.3px;  }
.Bview ul.tit span { float:right; }
.Bview ul.name { text-align:right; padding:13px 5px; color:#595959; font: 15px 'Pretendard'; font-weight: 400; letter-spacing: -0.3px; background-color: #e9e9e9; }
.Bview ul.fil { padding:10px 0; font: 15px 'Pretendard'; font-weight: 400; letter-spacing: -0.3px;  color:#595959; margin-bottom:10px; }
.Bview ul.fil:hover { color:#336699; }
.Bview ul.bb { height:30px; }
.Bview ul.Ctext { line-height:30px; padding:30px 0; font:16px 'Pretendard'; font-weight: 400; letter-spacing: -0.3px;  }
.Bview ul.Cimg { padding-bottom:15px; text-align:center;  }
.Bview ul.Cimg img, .Bview ul.Cimg video { max-width:100%; text-align:center; }
.Bview p  { display:block; overflow:hidden; width:100%; padding:7px 0; font:16px 'Pretendard'; font-weight: 400; line-height:25px; }

.Rep { position:relative; display:block; overflow:hidden; width:100%; margin:20px 0;  }
.Rep ul { display:block; overflow:hidden; width:100%; }
.Rep ul.re_wri { margin-bottom:9px; }
.Rep ul.re_wri li { display: inline-block; overflow: hidden; float:left; box-sizing:border-box; height:50px; }
.Rep ul.re_wri li:nth-child(1) { width:90%; border:1px solid #ddd; }
.Rep ul.re_wri li:nth-child(1) textarea { width:100%; padding:10px; }
.Rep ul.re_wri li:nth-child(2) { margin-left:1%; width:9%; text-align:center; background-color: #ddd; line-height:50px; font-weight:bold; }
.Rep ul.re_v { margin-bottom:10px; }
.Rep ul.re_v p { display:block; overflow:hidden; width:100%; padding:4px 0; line-height:18px; }
.Rep ul.re_v p a.del { padding:0 5px; background-color:#f5f5f5; font-size:12px; color:red; margin-left:7px; border-radius:3px; border:1px solid red; }
.Rep ul.re_v p.p2 { border-bottom:1px dashed #f5f5f5; }
.Rep ul.botm { border-bottom:1px solid #aaa;}

.nodata p, .nodata ul { position: relative; text-align: center; color: #808080; padding: 100px 0 20px 0; }
.nodata p:before, .nodata ul:before { position: absolute; top: 30px; 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%; }

.bgg { background-color: #d8ede0; }
.yng input, .yng select, .yng span, .yng a { float:left; margin-right:5px; }
.h_p_d { display: flex; align-items:center; flex-wrap:wrap; }

.re1 { padding-left:15px !important; }
.re2 { padding-left:25px !important; }
.re3 { padding-left:35px !important; }
.re4 { padding-left:45px !important; }
.re5 { padding-left:55px !important; }
.noti { padding:2px 5px; background-color: #a6cf39; font: 15px 'Pretendard'; font-weight: 400; letter-spacing: -0.2px; color:#fff; margin-right:10px; border-radius: 3px; }
.new { padding:0 3px; background-color:#f5f5f5; font-size:11px; color:#da0808; margin-left:7px; font-weight:bold; border-radius:3px; }
.add_noti { padding:0 3px;  font:14px 'Pretendard'; font-weight: 400; margin-left:7px; float:none;  }

/* 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; 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:15px 'Pretendard'; color:#aaa; }
.input.num { width: 15%; text-align: center; font: 12px 'Pretendard'; padding: 0; }
.input.num + .txt { padding: 0 10px; }
.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:18px; height:18px; }
.input.chkbo:focus { background-color: #fff; }
.input.hided { width:0px; height:0px; }

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

/* RADIO & CHECKBOX */
.combo { position: relative; display: inline-block; overflow: hidden; }
.combo label { position: relative; display: block; overflow: hidden; width: 100%; height: 20px; text-align: left; color: #404040; font-size: 12px; padding: 0 10px 0 30px; }
.combo label:before { position: absolute; left: 0; content: ""; display: block; overflow: hidden; width: 20px; height: 20px; border-radius: 50%; background: #b0b0b0 url(/image/ico_check.png) no-repeat 1px -3px; background-size: 24px; }
.combo input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; opacity: 50; z-index: 1; cursor: pointer; } /*이렇게 전체로 잡으면 input이 통으로 계속 겹쳐서 프로그램 처리가 어려움*
.combo input { position: relative; display: block; width: 10px; height: 10px; opacity: 50; z-index: 1; cursor: pointer; border:1px solid red; }  /*영쓰추가*/
.combo input:checked + label { color: #000; font-weight: bold; }  /*해당내용은 jquery로 대체하여 쓰지않아도 가능. 해당 내용은 익스에서 깨짐 */
.combo input:checked + label:before { background-color: #a8ad00; }  /*해당내용은 jquery로 대체하여 쓰지않아도 가능. 해당 내용은 익스에서 깨짐 */
.combo input:disabled { cursor: default; } /*해당내용은 jquery로 대체하여 쓰지않아도 가능. 해당 내용은 익스에서 깨짐 */
.combo input:disabled + label { opacity: 0.5; filter: opacity(50); } /*해당내용은 jquery로 대체하여 쓰지않아도 가능. 해당 내용은 익스에서 깨짐 */
.combo label.cheon { color: #000; font-weight: bold; }  /*추가*/
.combo label.cheon:before { background-color: #a8ad00;  }  /*추가*/


/*btn*/
.btn_div { position:relative; display:block; overflow:hidden; width:100%; padding:20px 0 20px 0; text-align:center; }
.btn_div .acept { display:inline-block; width:120px; height:38px; background-color:#a8ad00; border:1px solid #ddd; font: 17px/38px 'Pretendard'; color:#fff; font-weight:400; letter-spacing:-0.9px; text-align:center; border-radius:5px; }
.btn_div .del { display:inline-block; width:120px; height:38px; background-color:#fff; border:1px solid red; font: 17px/38px 'Pretendard'; color:red;  font-weight:400; text-align:center; border-radius:5px;  }
.btn_div .bck { display:inline-block; width:120px; height:38px; background-color:#888; border:1px solid #888; font: 17px/38px 'Pretendard'; color:#fff;  font-weight:400; text-align:center;  border-radius:5px;  }
.btn_div .btn1 { display:inline-block; width:120px; height:38px; background-color:#1b90cd; border:1px solid #aaa; font: 17px/38px 'Pretendard'; color:#fff; font-weight:400; text-align:center;  border-radius:5px;  }
.btn_div .s_acept { display:inline-block; padding:5px 18px; background-color:#595959; border:1px solid #000; font: 17px 'Pretendard'; color:#fff;  font-weight:400; text-align:center; border-radius:5px;  }
.btn_div input.acept { display:inline-block; background-color:#658421; border:1px solid #658421; font: 17px 'Pretendard'; font-weight:500; color:#fff;  text-align:center; border-radius:5px; padding:10px 50px; width:auto; }

.btn_txt { display: inline-block; overflow: hidden; float:left; text-align: center; font: 14px 'Pretendard'; font-weight:500; border: 1px solid #000; padding:5px 10px; border-radius: 5px; }
.btn_txt.ss { color: red; background-color: #fff; border-color: red; }
.btn_txt.ss:hover { color: #000;  }
.btn_txt.sm { color: #1b90cd; background-color: #fff; border-color: #1b90cd; }
.btn_txt.sm:hover { color: #000;  }
.btn_txt.inpss { color: #1b90cd; background-color: #fff; border-color: #1b90cd; }
.btn_txt.inpss:hover { color: #000;  }
.btn_txt.inpss2 { background-color: #1b90cd; color: #fff; border-color: #1b90cd #aaa #aaa #1b90cd; }
.btn_txt.inpss2:hover { color: #000;  }
.btn_txt.inpss3 { background-color: #d9d9d9; color: #000; border-color: #aaa #595959 #595959 #aaa; padding:7.5px; font-weight:bold; }
.btn_txt.inpss3:hover { color: #000;  }

.btn_txt2 { text-align: center; background: none; font: 14px 'Pretendard'; border: 1px solid #343434; padding: 3px 7px; 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 { color: #000; background-color: #fff; border:1px solid #6670ad; }
.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; }
.btn_txt2.inpss { color: #1b90cd; background-color: #fff; border-color: #1b90cd; padding:7.5px; }
.btn_txt2.inpss:hover { color: #000;  }
.btn_txt2.inpss2 { background-color: #1f729d; color: #fff; border-color: #fff #134a67 #134a67 #fff; padding:7.5px; }
.btn_txt2.inpss2:hover { border-color: #000; color: #000;  }


.btn_li_sm { text-align: center;  font: 16px 'Pretendard'; font-weight: 400; border: 1px solid #1d85bc; padding: 1px 10px; background-color: #1d85bc; color: #fff; border-color: #1d85bc #276281 #276281 #1d85bc; border-radius:4px; }
.btn_li_sm:hover { border-color: #000; }
.btn_li_del { text-align: center;  font: 16px 'Pretendard'; font-weight:500; border: 1px solid red; padding: 1px 10px; background-color: red; color: #fff; border-color: red #276281 #7b171e red; border-radius:4px; }
.btn_li_del:hover { border-color: #000; }
.btn_li_mm { text-align: center;  font: 16px 'Pretendard'; font-weight:500; border: 1px solid #195c87; padding: 1px 10px; background-color: #0a6aa7; color: #fff; border-color: #195c87 #276281 #7b171e #195c87; border-radius:4px; }
.btn_li_mm:hover { border-color: #000; }
.btn_li_gg { text-align: center;  font: 16px 'Pretendard'; font-weight:500; border: 1px solid #000; padding: 1px 10px; background-color: #595959; color: #fff; border-radius:4px; }
.btn_li_gg:hover { border-color: #aaa; }


.a_btn1 { display: block; overflow: hidden; height: 38px; padding: 0 10px; line-height: 28px; text-align: center; font: 15px 'Pretendard';  font-weight:400; }
.a_btn2 { display:inline-block; padding:3px 8px; border-radius:2px; font: 15px 'Pretendard';  font-weight:400; border-radius:5px;  }
.a_btn3 { display:inline-block; padding:1px 8px; border-radius:2px; font: 15px 'Pretendard';  font-weight:400; border-radius:5px;  }
.a_btn4 { display:inline-block; padding:5px 8px; border-radius:2px; font: 15px 'Pretendard';  font-weight:400; border-radius:5px;  }

.as_btn1 { border-color: #658421; background-color: #658421; color:#fff;  border-radius:5px; }
.as_btn2 { border:1px solid #aaa; background-color:#595959; border-right-color:#000; border-bottom-color:#000; color:#fff; }
.as_btn3 { border:1px solid #aaa; background-color:#1b90cd; border-right-color:#000; border-bottom-color:#000; color:#fff; }
.as_btn4 { border:1px solid #658421; border-left-color:#adb1bb; border-top-color:#adb1bb; }
.as_btn5 { background-color:#459fb5; border-left-color:#27c1e7; border-top-color:#27c1e7; color:#fff; }
.as_btn6 { background-color:red; border-left-color:#27c1e7; border-top-color:#27c1e7; color:#fff; }
.as_btn7 { background-color:#8580ca; border-left-color:#413b94; border-top-color:#413b94; color:#fff; }
.as_del1 { font: 15px 'Pretendard';  font-weight:600; padding:0 5px; border:1px solid red; background-color:red;  border-radius:20px; color:#fff; }

.footer_btn_01 { text-align: center; font-size:12px; border: 1px solid #a3b5d9; padding: 1px 7px; background-color: #a3b5d9; color: #fff; font-weight:bold; }
.footer_btn_01:hover { color: #595959; } 

.Bill { display:block; overflow:hidden; width:100%; padding:10px; }
.Bill>.h2 { padding:0; display:block; overflow:hidden; font: 20px 'Pretendard'; font-weight:500; margin-bottom:10px; }
.Bill>.h3 { color:#343434; }
.Bill>.h4 { display:block; overflow:hidden; font: 17px 'Pretendard'; font-weight:500;  color:#444; margin:20px 0 10px 0;  }
.Bill .img_2 { position:relative; }
.Bill .img_2>.imgg { position:absolute; display:block; top:95px; left:230px; }
.Bill>.BList1_p ul { font-size:15px; padding:0; margin:0; }