.wrap { display:block; width:1200px; overflow:visible; margin:0 auto; font-family: 'Pretendard', sans-serif; font-size:14px; }
.inner { display: block; width: 100%; max-width: 1200px; margin: 0 auto; }

body { display: block; }
section { display: block; overflow: hidden; width: 100%; margin-top:110px; }

/* top_common */
header { position: fixed; top: 0; left: 0; right: 0; display: block; overflow: visible; width: 100%; background-color: #fff; z-index: 500; }

header .top { display:block; overflow:visible;  }
header .top .wrap { height:90px; display:flex; align-items:center; justify-content:space-between; }
header .top .wrap ul { display:block; overflow:hidden; padding-top:15px; font: 17px 'Pretendard'; font-weight:400; }
header .top .wrap ul.logo img { width:200px; }
header .top .wrap ul.login>a { padding-right:10px; border-right:1px solid #aaa; margin-right:10px; }
header .top .wrap ul.login>a:last-child { border-right:0; margin-right:0; }

header .top .wrap ul.m_mu { display:none; float:left; padding:20px 0 0 5px; }
header .top .wrap ul.m_mu img { width:25px; }
header .top .wrap ul.m_my { display:none; float:right; padding:20px 5px 0 0; }
header .top .wrap ul.m_my img { width:25px; }

header .nav { height:45px; overflow:visible; background-color:#97a90c; font:bold 13px 'Pretendard'; }
header .nav .wrap { overflow:visible; }
header .nav .wrap .gnb_menu { position:relative; display:block; overflow:visible; width:1200px; }
header .nav .wrap .gnb_menu li { overflow:visible; float:left; box-sizing:border-box; height:45px; width:14.2%; text-align:center; color:#fff; font:17px/45px 'Pretendard'; background-color:#97a90c; }
header .nav .wrap .gnb_menu li:hover { color:#000; }

header .nav .wrap .gnb_sm { position:absolute; top:45px; width:100%; display:none; overflow:hidden; border:1px solid #97a90c; border-top:0; background-color:#fff; z-index:300; }
header .nav .wrap .gnb_sm ul { display:inline-block; float:left; width:14.2%; height:320px; border-right:1px solid #ddd; }
header .nav .wrap .gnb_sm ul:last-child { border-right:0; }
header .nav .wrap .gnb_sm ul p { padding:1px 0 12px 0; color:#595959; font:16px 'Pretendard'; font-weight:400; text-align:center; }
header .nav .wrap .gnb_sm ul p:hover { color:#658421; }

section .wrap { padding-top: 25px; }
section .wrap div.inner { display:block; overflow:hidden; width:100%; }
section .wrap div.inner > ul { display:block; overflow:hidden; width:100%; }
section .wrap div.lef_inner > ul { display:inline-block; overflow:hidden; float:left;  }
section .wrap div.lef_inner > ul.LeF { position:relative; width:270px; margin-top:40px; }
section .wrap div.lef_inner > ul.Con { position:relative; width:930px; margin-top:40px; padding-left:30px; }
section .wrap div.lef_inner > ul.wCon { position:relative; width:100%; margin-top:40px; }
section .wrap div.lef_inner > ul.RCon { position:relative; width:100%; margin-top:25px; }

/* footer */
footer { display: block; overflow: hidden; width: 100%;  }
footer .foot { display:block; overflow:hidden; }
footer div.q { display:block; overflow:hidden; border-top:1px solid #dadada; border-bottom:1px solid #dadada; }
footer div.q .wrap { position:relative; overflow:hidden; }
footer div.q .wrap ul { display:flex; justify-content:left; overflow:hidden; margin:15px auto; font: 16px 'Pretendard'; font-weight:400;  }
footer div.q .wrap ul li { padding:0 16px 0 0; }
footer div.q .wrap ul li:before { content: "|"; padding-right:10px; text-align:left; } 

footer div.copy { display:block; overflow:hidden; border-top:2px solid #f0f0f0; border-bottom:1px solid #e8e8e8; background-color:#f7f9fd;  line-height:20px; }
footer div.copy .wrap { position:relative; display:block;  }
footer div.copy .wrap ul { display:block; overflow:hidden; width:100%; font: 16px 'Pretendard'; font-weight:400; letter-spacing:-0.4px; color:#999; padding:15px 0; }
footer div.copy .wrap ul p { display:inline-block; float:left; padding:0 5px 5px 0; }
footer div.copy .wrap ul p img { height:30px; }


./* lnb. s. */
.aside { display:block; overflow:hidden; width:100%; }
.aside> .h1 { width:100%; height:50px; font:20px 'Pretendard';  color:#444; padding-left:7px; border-bottom:2px solid #343434; }
.aside>.menu { display:block; overflow:hidden; width:100%; margin-bottom:50px; }
.aside>.menu>ul>li { display:block; border-bottom:1px solid #c7c7c7; font:17px 'Pretendard'; padding:15px 0; }
.aside>.menu>ul>li>a{ display:block; padding-left:5px; color:#525252; }
.aside>.menu>ul>li>a:hover{ color:#000; }
.aside>.menu>ul>li.on>a{ color:#0984ac; }
.aside>.menu>ul>li>.sub { display:block; overflow:hidden; background-color:#f6f6f6;padding:5px;}
.aside>.menu>ul>li>.sub>li>a{ display:block; padding-left:5px; line-height:26px; color:#666;  }
.aside>.menu>ul>li>.sub>li>a:hover{color:#fff;background-color:#6670ad; }
.aside>.menu>ul>li>.sub>li.on>a{color:#fff;background-color:#6670ad; }
.aside>.menu>ul>li.LecMenu>.sub {display:none;}
.aside>.menu>ul>li.LecMenu>.sub.vie  {display:block;}
.aside>.menu>ul>li.sub1 { background-color:#f6f6f6; padding:12px 0;  }
.aside>.menu>ul>li.sub1>a:before { content: "· "; padding:0 10px; text-align:left; }
.aside>.menu ul li .sub li.on2 a { color:#fff; }

/* index */

.main { display:block; overflow:hidden; font:13px 'Nanum Gothic'; margin-top:15px;  }
.main div.visual { position:relative; display:inline-block; overflow:hidden; float:left; width:100%; height:270px; margin-right:15px; }
.main div.visual img { width:100%; height:270px; }

.boxx { display:flex; width:100%; justify-content:space-between; margin-top:15px; }
.boxx>ul { width:390px; }

.con_box { display:block; overflow:hidden; width:100%; font:17px 'Pretendard'; font-weight:400; letter-spacing: -0.34px; border:1px solid #ddd; }
.con_box ul { display:block; overflow:hidden; }
.con_box ul.title { color:#000; padding:15px 10px; border-bottom:1px solid #ddd; background-color:#f8f8f8; }
.con_box ul.title span { float:right; color:#aaa; }
.con_box ul.con { padding:10px; }
.con_box ul.con>p { display:block; overflow:hidden; font-size:16px; padding:7px 0; border-bottom:1px dashed #f5f5f5; height:29px; line-height:18px; color:#444; }

/* 모바일 메뉴 */

.m_left { left : -100%; }
.m_left.open { left : 0px; }

.m_rig { right : -100%; }
.m_rig.open { right : 0px; }

.m_mm { position:relative; width:100%; height:100%; position : fixed; top : 0px; z-index : 999; border : 1px solid #c9c9c9; background-color : white; text-align : center; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;  font-family:'Nanum Gothic', sans-serif; font-size:12px; overflow-y: scroll;   } 
.m_mm ul { display:block; overflow:hidden; width:100%; border-bottom:1px solid #c9c9c9; }
.m_mm ul.title { width:100%; height:60px; box-sizing:border-box; background-color:#eeeeee; font:bold 15px 'Nanum Gothic';  }
.m_mm ul.title li:nth-child(1) { display:inline-block; overflow:hidden; float:left; width:90%; padding-top:18px;  }
.m_mm ul.title li:nth-child(2) { display:inline-block; overflow:hidden; float:left; width:10%; padding-top:18px; }
.m_mm ul.title li:nth-child(2) a { display:block;  background-color:#eeeeee; color:#595959; padding:2px 0; text-align:center; }
.m_mm ul.mue { font:bold 13px 'Nanum Gothic'; text-align:left;  }
.m_mm ul.mue>a { display:block; overflow:hidden; width:100%; padding:15px 0 15px 10px; color:#595959; }
.m_mm ul.mue>a > span { float:right; width:30px; text-align:center; }
.m_mm ul.mue .gnb_me { position:relative; display:none; overflow:hidden; border-top:1px solid #c9c9c9; background-color:#f2f4f7; padding:13px 0; }
.m_mm ul.mue .gnb_me.on { display:block; }
.m_mm ul.mue .gnb_me ul { border-bottom:0; padding:5px 0 5px 10px; font-size:13px; color:#595959; }

/* 모바일 메뉴 */

/*=================================================================================*/
/* 페이지 탭 사용 */
.tab { display:block; overflow:hidden; width:100%; }
.tab ul.tabS { display:block; overflow:hidden; width:100%; border-bottom:1px solid #595959; margin-top:10px;  }
.tab ul.tabS li { display:inline-block; overflow:hidden; float:left; width:200px; text-align:center; margin-right:2px; font: 15px 'Pretendard';  font-weight:500; letter-spacing:0.5px; cursor:pointer; background-color:#eaeaea; border-radius:7px 7px 0 0; padding:11px 0; }
.tab ul.tabS li:hover { font-weight:bold; }
.tab ul.tabS li.on { background-color:#595959; color:#fff; }
.tab ul.conn { display:block; overflow:hidden; width:100%;  padding:25px 0;  }
.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; background-color:#fff; }
.tab ul.conn>div>ul.policy_c { border:1px solid #aaa; height:600px; overflow-y: scroll;  }
/*=================================================================================*/

.cimg { display:block; overflow:hidden; width:100%; margin:20px 0; }
.cimg ul img { max-width:100%; text-align:center; }
.cimg ul iframe { max-width:100%; }

.location>ul { display:block; overflow:hidden; margin-bottom:15px; }
.location>ul.c_b { display:flex; align-items:center; }
.location>ul.c_b li { font:bold 13px 'Nanum Gothic';  color:#33B6B4; }
.location>ul.c_b li:first-child { margin-right:10px; }

.policy_o { display:block; overflow:hidden; width:100%; margin:30px 0;   } 
.policy_o textarea { width:100%; height:700px; border:1px solid #aaa; padding:20px; line-height:20px; color:#595959;  }

.policy  { display:block; overflow:hidden; width:100%; margin:15px 0 10px 0;   }
.policy textarea { width:100%; height:700px; border:1px solid #aaa; padding:20px; line-height:20px; color:#595959;  }
.policy>ul.pp { width:100%; height:500px; border:1px solid #aaa; padding:20px; line-height:20px; color:#595959; overflow-y: scroll;  }
.policy2 { background-color:#fff; }
.policy2 ul { text-align:center; }

/*new*/
.policy_n {  display:flex; justify-content:center; align-items:center; width:100%; margin:30px 0; font: 18px 'Pretendard'; font-weight:400;  }
.policy_n div.box1 { display:block; overflow:hidden; width:auto; margin:0 auto; }
.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:500px; 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:25px; right: 20px; color:#595959; font-weight:500; font-size:16px; }
.policy_n div.box1 ul.btn { margin:40px 0 60px 0; text-align:center;  }
.policy_n div.box1 ul button { display:inline-block; overflow:hidden; background-color:#6d6d6d; color:#fff; border:1px solid #595959; border-color:#595959 #000 #000 #595959;  font: 17px 'Pretendard'; padding:10px 20px; border-radius:5px; }


.policy_text { display:block; overflow:hidden; width:100%; padding:20px 20px 20px 20px; font: 14px 'Nanum Gothic';  line-height:27px; } 
.policy_text p.p1 { display:block; overflow:hidden; width:100%; text-align:left; font:17px 'Pretendard'; font-weight:400; padding:25px 0 15px 0; }
.policy_text p.p2 { display:block; overflow:hidden; width:100%; text-align:left; font:16px 'Pretendard'; font-weight:400;  padding:15px 0 15px 0; }
.policy_text>ul>li { display:block; overflow:hidden; width:100%; margin-bottom:8px; } 


.login_m { display:flex; align-items:center; justify-content:center; width:100%; height: 400px; margin:15px 0 20px 0; }

.login_m .login_f { display:block; overflow:hidden; width:300px; }
.login_m .login_f ul { display:block; overflow:hidden; width:100%; padding-bottom:7px; font: 16px 'Pretendard'; font-weight:500; }
.login_m .login_f ul input { height:45px; line-height:45px; }
.login_m .login_f ul a.btn { display:block; height:45px; font:bold 17px/45px 'Pretendard'; background-color:#0984ac; color:#fff; text-align:center;  }
.login_m .login_f ul.idpwin { margin-top:7px; padding:10px 0 0 0; color:#595959; text-align:center;  }
.login_m .login_f ul.exp { display:flex; align-items:baseline; color:#595959; font:bold 17px 'Nanum Gothic'; letter-spacing:-1.1px; }

.login_m .login_h { display:block; overflow:hidden; width:400px; }
.login_m .login_h ul { display:block; overflow:hidden; width:100%; padding-bottom:7px; font:bold 13px 'Nanum Gothic';  }
.login_m .login_h ul input { height:45px; line-height:45px; }
.login_m .login_h ul a.btn { display:block; height:45px; font:bold 16px/45px 'Nanum Gothic'; background-color:#884ceb; color:#fff; text-align:center;  }
.login_m .login_h>p.p1 { display: block; overflow: hidden; width:100%; font:bold 25px 'Pretendard-Regular'; letter-spacing:-0.9px; padding-bottom:20px; }
.login_m .login_h>p.p2 { display: block; overflow: hidden; width:100%; font: 14px 'Pretendard-Regular'; letter-spacing:-0.9px; padding-bottom:10px; line-height:25px;  }


.search_idpw { display: block; overflow: hidden; width:100%; height:500px; margin:0 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:450px; }
.search_idpw ul .search_f .h1 { font: 18px 'Pretendard'; padding-bottom:15px;  }
.search_idpw ul .search_f .idpwin { display:block; font: 16px '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; font: 16px 'Pretendard'; font-weight:400; width: 100%;  border:2px solid #aaa; padding:20px 0; text-align:center; line-height:22px; }

.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: 16px 'Pretendard'; font-weight:400;  margin-left:7px; color:#aaa; 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; }

.member { display:block; overflow:hidden; width:100%; margin:15px 0 20px 0;  } 
.member h1 { font-family: 'Nanum Gothic', sans-serif;  font-size:15px; color:#595959; font-weight:bold; }
.member .policy { margin-top:15px; }
.member .policy textarea { height:350px; padding:10px; }
.member ul.agr { display:block; overflow:hidden; width:100%; padding:10px 0 20px 0; text-align:center; font: 16px 'Pretendard'; font-weight:400;  } 

.member .tea_list { display:block; overflow:hidden; width:100%; margin:0 0 20px 0; }
.member .tea_list h1 { margin-bottom:10px; }
.member #rm_s_gubun { display:none; }

.member select option.sb1 { display:none; }
.member select option.sb2 { display:none; }
.member select option.sbv { display:block; }

/*체크되는*/
.agree1_icon { display: inline-block;  width: 20px;  height: 20px;  background-color: #ddd;  position: relative;  cursor: pointer;  border-radius:50%;  margin-right:15px; }
.agree1_icon::before, .agree1_icon::after { content: '';  display: inline-block;  width: 2px;  height: 0;  background-color: #000;  position: absolute;  transform-origin: left top; }
.agree1_icon::before { top: 9px;  left: 2px; transform: rotate(-45deg); }
.agree1_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: 20px; transition: all 0.15s ease 0.15s; }
/*체크되는*/


.imgg { position:relative; display:block;  overflow:hidden;  }
.imgg div.img_2 { position:absolute; top:80px; left:230px; overflow:hidden; z-index:-999; }

.history { display:block; overflow:hidden; width:100%; margin:15px 0 20px 0;  } 
.history .box { padding-top:10px;  border:1px solid #aaa; padding:10px; background-color:#f8f8f8; }
.history .box h1 { display:block; overflow:hidden; font:bold 15px 'Nanum Gothic'; color:#000; padding:10px 0;  }
.history .box ul { display:block; overflow:hidden; width:100%; padding:7px 0 3px 10px; }
.history .box ul:before { content: "- ";  }
.history .butn { display:block; overflow:hidden; width:100%; margin:15px 0 20px 0;  } 
.history .butn a { display:inline-block; overflow:hidden; float:left; padding:7px 12px; background-color:#1b90cd; color:#fff; margin-right:15px; font:bold 14px 'Nanum Gothic'; }
.history .ydiv  { display:none; overflow:hidden; width:100%; margin:20px 0;  } 
.history .ydiv h1 { display:block; overflow:hidden; font:bold 20px 'Nanum Gothic'; color:#595959; padding-bottom:10px;  }
.history .ydiv ul { display:block; overflow:hidden; width:100%; padding:7px 0 3px 0;  font: 13px 'Nanum Gothic'; color:#595959; }

.sogae1 { display:block; overflow:hidden; width:100%; margin:15px 0 20px 0; font: 13px 'Nanum Gothic'; line-height:20px; } 
.sogae1 h1 { display:block; overflow:hidden; width:100%; text-align:center; font:bold 20px 'Nanum Gothic'; color:#336699; padding:10px 0 0 0;  }
.sogae1 h2 { display:block; overflow:hidden; width:100%; text-align:center; font:bold 15px 'Nanum Gothic'; color:#595959; padding:10px 0;  }
.sogae1 h3 { display:block; overflow:hidden; width:100%;  font:bold 15px 'Nanum Gothic'; color:#595959; padding:10px 0;  }
.sogae1 ul { display:block; overflow:hidden; width:100%; padding:15px 0; }
.sogae1 ul p { display:block; overflow:hidden; width:100%; padding:3px 0; }
.sogae1 ul p.box { background-color:#ddd; padding:15px; margin:5px 0 010px 0; }

.sogae1 .div_title01 { display:block; overflow:hidden; width:100%; text-align:left; font:bold 14px 'Nanum Gothic'; color:#595959; padding:10px 0 0 0; line-height:28px;  }

.sogae5 { display:block; overflow:hidden; width:100%; margin:15px 0 20px 0; font: 13px 'Nanum Gothic'; line-height:20px; }
.sogae5 h1 { display:block; overflow:hidden; width:100%; font:bold 15px 'Nanum Gothic'; color:#336699; padding:15px 0;  }

.sogae6 { display:block; overflow:hidden; width:100%; margin:15px 0 20px 0; font: 13px 'Nanum Gothic'; line-height:20px; }
.sogae6 h1 { display:block; overflow:hidden; width:100%; font:bold 15px 'Nanum Gothic'; color:#336699; padding:15px 0;  }
.sogae6 .BList1_p ul li.b1 { background-color:#31bebd; color:#fff;  font:bold 13px 'Nanum Gothic'; }
.sogae6 .BList1_p ul li.b2 { background-color:#fec514; color:#fff;  font:bold 13px 'Nanum Gothic'; }
.sogae6 .BList1_p ul li span { padding:2px 10px; background-color:#fec514; color:#fff; font-weight:bold; }

.sogae7 { display:block; overflow:hidden; width:100%; margin:15px 0 20px 0; font: 13px 'Nanum Gothic'; line-height:20px; }
.sogae7 h1 { display:block; overflow:hidden; width:100%; font:bold 15px 'Nanum Gothic'; color:#336699; padding:15px 0;  }
.sogae7 ul { display:block; overflow:hidden; width:100%; padding:10px 0; line-height:20px;  }

.sogae7 .btn_div > a.acept { width:auto; padding:0 10px; }

.o_sogae1 { display:block; overflow:hidden; width:100%; margin:15px 0 20px 0; font: 13px 'Nanum Gothic'; line-height:20px; }
.o_sogae1 h1 { display:block; overflow:hidden; width:100%; font:bold 15px 'Nanum Gothic'; color:#1b90cd; padding:15px 0;  }

.on_edu { display:block; overflow:hidden; width:100%; margin:15px 0 20px 0; font: 13px 'Nanum Gothic'; line-height:20px; }
.on_edu h1 { display:block; overflow:hidden; width:100%; font:bold 15px 'Nanum Gothic'; background-color:#aaa; color:#fff; padding:15px; border-radius:5px; margin-bottom:15px;  }
.on_edu div.box { display:block; overflow:hidden; width:100%; margin:25px 0; font: 13px 'Nanum Gothic'; line-height:20px;  }
.on_edu div.box ul { display:inline-block; overflow:hidden; float:left; }
.on_edu div.box ul.ul01 { width:40%; padding-right:20px;  }
.on_edu div.box ul.ul02 { width:60%; }
.on_edu div.box ul.ul03 { width:50%; padding-right:20px;  }
.on_edu div.box ul.ul04 { width:50%; }
.on_edu div.box ul.ul05 { width:100%; }
.on_edu div.box ul.ul02 img  { width:100%; }
.on_edu div.box ul.ul01 p { display:block; overflow:hidden; width:100%; }
.on_edu div.box ul.ul01 p.p1 { font:bold 20px 'Nanum Gothic'; margin-bottom:10px; }
.on_edu div.box ul.ul01 p.p2 { font:bold 15px 'Nanum Gothic'; color:#aaa; }
.on_edu div.box ul.ul01 p.p2 { font:bold 15px 'Nanum Gothic'; color:#aaa; }
.on_edu div.box ul.ul01 p.p3 { font:bold 17px 'Nanum Gothic'; color:#aaa; border-top:3px solid #88a93d; margin:15px 0; padding-top:15px; color:#88a93d; }
.on_edu div.con { display:block; overflow:hidden; width:100%; margin:10px 0; font: 13px 'Nanum Gothic'; line-height:20px;  }
.on_edu div.con ul { display:block; overflow:hidden; width:100%; padding:10px 0; line-height:20px;  }
.on_edu div.con ul.afr { border:1px solid #aaa; padding:25px; color:#595959; }
.on_edu div.con ul.afr a.acept  { text-align: center; font-size:11px; border: 1px solid #595959; padding: 2px 7px; background-color: #595959; color: #fff; }


.lecture { display:block; overflow:hidden; width:100%;}
.lecture .lec_con { position:relative;  display:block; overflow:visible; width:100%;  margin-top:15px; border-top:2px solid #000;  }
.lecture .lec_con ul { display:block; overflow:hidden; width:100%; height:145px; padding:10px 0; border-bottom:1px solid #ddd; }
.lecture .lec_con ul li { display:inline-block; overflow:hidden; float:left; }
.lecture .lec_con ul li.w10 { text-align:center; line-height:90px; }
.lecture .lec_con ul li.w90 p { display:inline-block; overflow:hidden; float:left; padding-right:20px; }
.lecture .lec_con ul li.w90 p.pimg { width:20%; }
.lecture .lec_con ul li.w90 p.pcon { width:80%; }
.lecture .lec_con ul li.w90 p a.sta { font-size:11px; background-color:#aaa; width:150px; padding:2px 10px; border-radius:5px; margin-right:5px; }
.lecture .lec_con ul li.w90 p a.sta.sta_1 { background-color:#aaa; color:#fff; }
.lecture .lec_con ul li.w90 p a.sta.sta_2 { background-color:#f08100; color:#fff; }
.lecture .lec_con ul li.w90 p span { display:block; overflow:hidden; width:100%; padding:6px 0; font-size:13px; border-bottom:1px dashed #f5f5f5;  }
.lecture .lec_con ul li.w90 p span.n { font-size:13px; padding-bottom:8px; font-weight:bold; line-height:18px; }
.lecture .lec_con ul li.w90 img { width:100%; height:120px; }
.lecture .lec_con ul.tt { height:40px; color:#000; font-weight:bold; border-bottom:1px solid #aaa; background-color:#f8f8f8;  }
.lecture .lec_con ul.tt li { text-align:center; line-height:20px; }
.lecture .lec_con ul.tt li.w10 { border-right:1px dashed #aaa; }

.lecture .lec_con .lec_p_img  { position:absolute; display:none; top:-100px; right:0; width:400px; height:300px; overflow:hidden; background-color:#fff;  z-index:5; border:1px solid #000; padding:10px; }
.lecture .lec_con .lec_p_img ul { display:block; overflow:hidden; width:100%; }
.lecture .lec_con .lec_p_img ul:nth-child(1) { height:40px; }
.lecture .lec_con .lec_p_img ul:nth-child(2) { height:280px; }
.lecture .lec_con .lec_p_img ul:nth-child(2) img { width:100%; height:100%; }

.lecture .mlec_con  { display:block; overflow:hidden; width:100%; margin-top:15px; }
.lecture .mlec_con>ul  { display:block; overflow:hidden; width:100%; }
.lecture .mlec_con>ul>div { display:block; overflow:hidden; width:100%; }
.lecture .mlec_con>ul>div ul.ul1 { display:inline-block; overflow:hidden; float:left; width:30%; margin:20px 0; }
.lecture .mlec_con>ul>div ul.ul1 img { width:90%; }
.lecture .mlec_con>ul>div ul.ul2 { display:inline-block; overflow:hidden; float:left; width:70%; }

.lecV  { display:block; overflow:hidden; width:100%;  }
.lecV .con { display:block; overflow:hidden; width:100%; margin-top:10px; }
.lecV .con>ul { display:inline-block; overflow:hidden; float:left; }
.lecV .con>ul:nth-child(1) { width:28%; margin-right:2%; }
.lecV .con>ul:nth-child(1) img { max-width:100%; height:250px; }
.lecV .con>ul.mlec img { max-width:100%; height:180px; }
.lecV .con>ul:nth-child(2) { width:70%; }
.lecV .BList1, .lecV .BList2 { margin:0; }
.lecV h1 { display:block; margin:25px 0 15px 0; font:bold 14px 'Nanum Gothic'; color:#6670ad; }
.lecV h2 { display:block; font:bold 13px 'Nanum Gothic'; margin-bottom:7px; }
.lecV h3 { display:block; font:bold 13px 'Nanum Gothic'; margin-bottom:7px; color:red; }
.lecV h4 { display:block; font: 12px 'Nanum Gothic'; margin-bottom:7px; color:#595959; }
.lecV .tea_int  { display:block; overflow:hidden; width:100%; }
.lecV .tea_int ul.fm  { display:inline-block; overflow:hidden; float:left; width:38%; margin-right:2%; border:2px solid #595959; padding:15px 10px 0 10px; }
.lecV .tea_int ul.fmv  { display:inline-block; overflow:hidden; float:left; width:60%; }
.lecV .top_notice { border:1px solid #aaa; padding:15px; }
.lecV .conv { display:block; overflow:hidden; width:100%; margin:10px 0 20px 0; }
.lecV .conv ul { display:block; overflow:hidden; }
.lecV .conv ul.conv_ul1 { padding:10px 0; font:bold 14px 'Nanum Gothic'; }
.lecV .conv ul.LecNo { line-height:18px; font-size:13px; }
.lecV .conv ul.LecNo img { max-width:100%; text-align:center; }
.lecV .btn_del  { overflow: hidden; text-align: center; background: none; font-size:11px;  border: 1px solid #000; padding: 2px 7px; color: red; background-color: #fff; border-color: red; }

.lecV .result { display:block; overflow:hidden; width:100%; margin:20px 0; border:2px solid #595959; padding:40px 0; text-align:center;  font:bold 20px 'Nanum Gothic'; color:#595959;  }
.lecV .result p { margin-top:20px; font-size:15px; color:#595959; }
.lecV a.btn_a  { display: inline-block;  text-align: center;  font-size:11px;  border: 1px solid #1b90cd; padding: 3px 10px; background-color: #1b90cd; color:#fff; margin-left:20px; }
.lecV a.btn_a:hover { border-color:#000; }
.lecV a.btn_s  { display: inline-block;  text-align: center;  font-size:11px;  border: 1px solid #1b90cd; padding: 1px 10px; background-color: #1b90cd; color:#fff; margin-left:20px; }
.lecV a.btn_s:hover { border-color:#000; }

.sreult  { display:block; overflow:hidden; width:100%; margin-top:10px; }
.sreult .lec  { display:block; overflow:hidden; width:100%; margin:10px 0; border:2px solid #1267e4; padding:20px; background-color:#f5f5f5; }
.sreult .lec p  { display:inline-block; overflow:hidden; float:left; margin-right:20px; font:bold 15px 'Nanum Gothic'; }
.sreult .lec p.btn_t { border:1px solid #000; padding:7px 10px; font-size:12px; background-color:#fff; border-radius:2px; margin-top:10px; }
.sreult .lec p.btn_t:hover { border:1px solid #1267e4; }
.sreult .rebag { text-align:right; }
.sreult h4 { display:block; overflow:hidden; width:100%; text-align:left; font:bold 12px 'Nanum Gothic'; color:red; }
.sreult h3 { display:block; overflow:hidden; width:100%; text-align:right; font:bold 16px 'Nanum Gothic'; color:red; }
.sreult h1 { display:block; font:bold 15px 'Nanum Gothic'; margin-bottom:20px; }
.sreult h2 { display:block; font:bold 13px 'Nanum Gothic'; margin-bottom:10px; }


.pgtitle { display:flex; overflow:hidden; justify-content:space-between; width:100%; border-bottom:1px solid #c7c7c7; }
.pgtitle> .h1 { height:50px; font: 20px 'Pretendard'; color:#444; font-weight:500; }
.pgtitle> .h2 { font: 16px 'Pretendard'; font-weight:500; letter-spacing:-0.8px; color:#595959; text-align:right; padding:10px 0; }

.m_pgtite { display:none; overflow:hidden; padding:10px; border-top:2px solid #6CC3D2; border-bottom:2px solid #6CC3D2; background-color:#6CC3D2; color:#fff;  }
.m_pgtite select { background-color:#f8f8f8; width:auto; padding:0 5px; }
.m_pgtite span { margin-right:4px; }
.m_pgtite select, .m_pgtite span { float:left; font:bold 13px 'Nanum Gothic'; background-color:#6CC3D2; color:#fff;  }


.btn_top  { position: fixed; bottom: 50px; right: 20px; display: none; overflow: visible; width:40px; z-index: 500; border:0; }
.btn_top img { width:40px; }

.top_notice { position:relative; display:block; overflow:hidden; width:100%; margin:5px 0; padding:10px 0; }
.top_notice ul { display:block; overflow:hidden; color:#595959; font:bold 17px 'Pretendard'; line-height:25px; padding-bottom:4px; }

.SchBox { position:relative; display:block; overflow:hidden; width:100%; border-top:1px solid #fff; padding:10px 0; background-color:#fff;  }
.SchBox > .sort { position: relative; display: inline-block; overflow: hidden; float: left; height: 35px; margin-right: 10px;  font: 15px 'Pretendard'; font-weight:400;  }
.SchBox > .sort select { display: inline-block; overflow: hidden; float:left; color: #303030; font-size: 12px; height: 35px; padding:0 0 0 7px;  font: 15px 'Pretendard'; font-weight:400;  }
.SchBox > .orby { position: relative; display: inline-block; overflow: hidden; float: right; height: 35px; }

.sort>.select_s { display: inline-block; overflow: hidden; float: left; width:auto; height: 35px; border: 1px solid #595959; background-color: #fff; margin-right: 10px;  }
.sort>.select_s> select { width:100%; -webkit-appearance:checkbox; background-color: #fff; }
.sort .search { display: flex; justify-content:space-between; overflow: hidden; float: left; width: auto; height: 35px; border: 1px solid #aaa; background-color: #fff; margin-right: 5px; box-sizing:border-box; }
.sort .search> select {  float: left; padding-left:5px; }
.sort .search> select:hover { background-color: #fff; }
.sort .search> input {  float: left; border: 0; background: none; height: 33px;  }
.sort .search> input:focus { background: none; }
.sort .search>.btn { width:40px; height: 35px; float:left; background-size: 20px;  }
.sort .search>.btn.ico.find { text-indent: -9999px;  background: url('/img/icon/btn_ico_search.png') no-repeat center 50%; background-size: 35px; }

.orby .count { padding-top:10px; font: 15px 'Pretendard'; font-weight:500;  }

/* 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: 34px; line-height: 30px; color: #303030; border: 1px solid #d0d0d0; background-color: #fff; padding: 0 10px; font: 16px 'Pretendard'; }
.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;  }
.input.num { width: 15%; text-align: center; font: 16px '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.sel { padding-right:0; line-height:25px; }
.input.file { padding:0; line-height:25px; }
.input.chkbo { -webkit-appearance:checkbox; width:20px;  }
.input.chkbo:focus { background-color: #fff; }

/* 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: #b53f33; }  /*해당내용은 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: #363636;  }  /*추가*/

.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.m_m { display: none; overflow: hidden; float:left; width:100%; padding:10px 0; text-align:center; }

.Bcon { position:relative; display:block; overflow:hidden; width:100%; }
.Bcon ul { display:block; overflow:hidden; width:100%; border-bottom:1px solid #aaa; }
.Bcon ul li { display: inline-block; overflow: hidden; float:left; padding:10px 0; text-align:center; font-size:12px; line-height:19px; }
.Bcon ul li.ss1 { color:#1b90cd; }
.Bcon ul li.ss2 { color:blue; font-weight:bold; }
.Bcon ul li.ss4 { color:red; }
.Bcon ul li.m_m { display: none; overflow: hidden; float:left; padding:8px 0 8px 8px; text-align:left; font-size:11px; background-color: #f9f9f9; width:100%; color:#595959; }

.Bconimg { position:relative; display:block; overflow:hidden; width:100%; margin-top:15px;  }
.Bconimg .imgBox { display: inline-block; overflow: hidden; float:left; width:25%; padding:2%; }
.Bconimg .imgBox ul { display:block; overflow:hidden; width:100%; }
.Bconimg .imgBox ul.im { text-align:center; }
.Bconimg .imgBox ul.im img { max-width:100%; }
.Bconimg .imgBox ul.tex { padding-top:10px; white-space: nowrap; text-overflow: ellipsis; }

.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:24px; height:24px; text-align:center; margin:0 2px; font-weight:bold; border:1px solid #fff; border-radius:15px; font:bold 14px/22px 'Nanum Gothic'; }
.Bpg span.SEL { background-color:#6CC3D2; color:#fff; border:1px solid #6CC3D2;  }

/* 회원가입페이지에쓰임&쓰는부분이input */
.BList1 { position:relative; display:block; overflow:hidden; width:100%; margin:20px 0; border-top:2px solid #000; border-bottom:1px solid #000; background-color: #f5f5f5; }
.BList1 ul {  display:block; overflow:hidden; border-bottom:1px solid #aaa; font: 15px 'Pretendard'; font-weight:400; }
.BList1 ul li { display: inline-block; overflow: hidden; float:left; }
.BList1 ul li.wh { background-color: #fff; padding:5px 10px 5px 10px; }
.BList1 ul li.wh div { display: inline-block; overflow: hidden; float:left; }
.BList1 ul li.wh .combo { margin:5px 0 0 10px; }
.BList1 ul li.wh .combo label:before { top:0; }
.BList1 ul li.wh .combo label { height: 20px; line-height:20px; }
.BList1 ul li.txt { padding:15px 0 0 10px; }
.BList1 ul li.otxt { padding:13px;  }
.BList1 ul li.otxtwh { padding:13px; background-color: #fff; }
.BList1 ul li.otxtwh2 { padding:0 10px; background-color: #fff; }
.BList1 ul li textarea.write_con { width:100%; height:200px; border:1px solid #ddd; padding:10px; line-height:18px; }
.BList1 ul.redB { border:1px solid red; }

.BList1 ul li.sel1 { background-color:#ddd; font-weight:bold; line-height:22px; }
.BList1 ul li.sel2 { background-color:#fff; color:#595959;  line-height:22px; }
.BList1 ul li.sel1:hover { color:#336699; }
.BList1 ul li.sel2:hover { color:#336699; }

/* 새로 생성한 내용 */
.BList1_p { position:relative; display:block; overflow:hidden; width:100%; border-top:1px solid #595959; }
.BList1_p ul { display:flex; align-items:stretch; flex-wrap:wrap; overflow:hidden; border-bottom:1px solid #aaa; font: 16px 'Pretendard'; font-weight:400; }
.BList1_p ul li { display: inline-block; overflow: hidden; float:left; padding:12px 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:50px; border:1px solid #ddd; padding:10px; line-height:18px; }
.BList1_p ul li.m_m { display:none; }

.BList1_p span.noti1 { font-size:12px; font-weight:bold; color: #6670ad;  }
.BList1_p span.noti2 { padding-top:10px; font: 14px 'Pretendard';  font-weight:500; 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; }

/*강좌에 쓰임////////////혹은 포인트에 사용*/
.Bcon_p { position:relative; display:block; overflow:hidden; width:100%; }
.Bcon_p ul { display:flex; align-items:center; border-bottom:1px solid #aaa; height:110px; }
.Bcon_p ul li { display: inline-block; overflow: hidden; float:left; }
.Bcon_p ul li>p { display:block; overflow:hidden; padding:5px 0; text-align:center;  font-size:13px; }
.Bcon_p ul li>p.p1 { font-weight:bold; }
.Bcon_p ul li>p.p2 { font-weight:bold; color: #1b90cd;  }
.Bcon_p ul li>p.p3 { text-align:left; font-size:13px;  }
.Bcon_p ul li>p.p4 { text-align:right; font-size:15px; font-weight:bold; padding-right:10px; }
.Bcon_p ul li>p.p5 { text-align:right; color:#595959; font-weight:bold; padding-right:10px;  }
.Bcon_p ul li>p.p6 { text-align:center;  font-size:15px; color:#595959; font-weight:bold; color:red; }
.Bcon_p ul li>p.p7 { text-align:center;  font-size:15px; color:#595959; font-weight:bold; color:blue; }
.Bcon_p ul li>p.p_m { display:none; }
.Bcon_p ul li img.img01 { width:70px; height:70px; border:1px solid #ddd; }

.Bcon_p ul li>div.m_div { display: block; overflow: hidden; width:100%; height:80px; background-color: #f5f5f5; padding:5px; }
.Bcon_p ul li>div.m_div ul { display:flex; justify-content:space-between; width:100%; height:25px; border-bottom:1px solid #aaa; }
.Bcon_p ul li>div.m_div ul:last-child { border-bottom:0; }
.Bcon_p ul li>div.m_div ul li:nth-child(1) { text-align:left; }
.Bcon_p ul li>div.m_div ul li:nth-child(2) { text-align:right; }
/* 새로 생성한 내용 */


.BList2 { position:relative; display:block; overflow:hidden; width:100%; margin:20px 0; border-top:2px solid #000; border-bottom:1px solid #000; }
.BList2 ul { display:block; overflow:hidden; border-bottom:1px solid #aaa; font-size:12px; }
.BList2 ul li { display: inline-block; overflow: hidden; float:left; box-sizing:border-box; }
.BList2 ul.tt { background-color: #f5f5f5; font-size:13px; }
.BList2 ul.tt li { text-align:center; padding:10px 0; border-right:1px solid #aaa; }
.BList2 ul.tt li:last-child { border-right:0; }
.BList2 ul.cc { padding:9px 0 9px 10px; }
.BList2 ul.c2 { background-color: #fff; font-size:12px; }
.BList2 ul.c2 li { text-align:center; padding:9px 0; border-right:1px solid #aaa; }
.BList2 ul.c2 li:last-child { border-right:0; }
/*추가*/
.BList2 ul.c3 { display:flex; align-items:stretch; }
.BList2 ul.c3 li { text-align:center; padding:9px 0; border-right:1px solid #aaa; line-height:19px; }
.BList2 ul.c3 li:last-child { border-right:0; }

.BL_img { position:relative; display:block; overflow:hidden; width:100%; margin:20px 0; border-top:2px solid #000; border-bottom:1px solid #000; }
.BL_img ul { display:block; overflow:hidden; border-bottom:1px solid #aaa; font-size:12px; }
.BL_img ul li { display: inline-block; overflow: hidden; float:left; box-sizing:border-box; }
.BL_img ul.tt { background-color: #f5f5f5; font-size:13px; }
.BL_img ul.tt li { text-align:center; padding:10px 0; border-right:1px solid #aaa; }
.BL_img ul.tt li:last-child { border-right:0; }
.BL_img ul.timg { font-size:12px; padding:10px 0; text-align:center; }
.BL_img ul.timg img { max-width:100%; }
.BL_img ul li.tit { padding-top:25px; line-height:19px; }
.BL_img ul li select { margin-top:16px; }
/*모바일용*/
.BL_img ul.m_m { display:none; font-size:12px; padding:10px 0; text-align:center;  }
.BL_img ul.m_m img { max-width:100%; height:90px; }
.BL_img ul.m_m p  { display:block; overflow:hidden; text-align:left; padding: 7px 0 7px 15px; }

.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:2px solid #000; border-bottom:1px solid #000;  }
.Bview ul  { display:block; overflow:hidden; width:100%; }
.Bview ul.tit { padding:15px 0; font-size:15px; font-weight:bold; }
.Bview ul.tit span { float:right; }
.Bview ul.name { text-align:right; padding:9px 0; color:#595959; font-size:12px; background-color: #f8f8f8; }
.Bview ul.fil { padding:10px 0; font-size:12px; color:#595959; margin-bottom:10px; }
.Bview ul.fil:hover { color:#336699; }
.Bview ul.bb { height:30px; }
.Bview ul.Ctext { line-height:22px; padding-bottom:15px; }
.Bview ul.Cimg { padding-bottom:15px; text-align:center;  }
.Bview ul.Cimg img, .Bview ul.Cimg video { max-width:100%; text-align:center; }

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

.btn_wri { display:block; overflow:hidden; width:100%; padding:10px 0 0 0; }
.btn_wri button { display: block; overflow: hidden; float:right; width: 100px; height: 25px; font:bold 13px/25px 'Nanum Gothic'; text-align:center; background-color:#6CC3D2; color:#fff; border:1px solid #2c8594; }

.nodata p { position: relative; text-align: center; color: #808080; padding: 100px 0 20px 0; }
.nodata p: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, .yng button { float:left; margin-right:5px; }
.h_p_d { display: flex; align-items:baseline; flex-wrap:wrap; }


/* width */

.w5 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w25 { width:25%; }
.w20 { width:20%; }
.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; padding-right:15px !important; }

.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:1px 5px; background-color: #a6cf39; font-size:11px; color:#fff; margin-right:5px; }
.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; background-color:#f5f5f5; font-size:11px; margin-left:7px; font-weight:bold;  }


/*btn*/

.btn_div { position:relative; display:block; overflow:hidden; width:100%; padding:20px 0 20px 0;  text-align:center; }
.btn_div > a.acept { display:inline-block; width:130px; height:38px; background-color:#0984ac; border:1px solid #0984ac; font: 17px/38px 'Pretendard'; color:#fff;  text-align:center; border-radius:5px; }
.btn_div > a.del { display:inline-block; width:130px; height:38px; background-color:#f5f5f5; border:1px solid red; font: 17px/38px 'Pretendard'; color:red;  text-align:center; border-radius:5px; }
.btn_div > a.bck { display:inline-block; width:130px; height:38px; background-color:#888; border:1px solid #888; font: 17px/38px 'Pretendard'; color:#fff;  text-align:center; border-radius:5px; }
.btn_div > a.s_acept { display:inline-block; padding:5px 12px; background-color:#1b90cd; border:1px solid #1b90cd; font: 15px 'Pretendard'; color:#fff;  text-align:center; border-radius:5px; }
.btn_div > input.acept { display:inline-block; width:130px; height:38px; background-color:#b53f33; border:1px solid #b53f33; font: 17px/38px 'Nanum Gothic'; color:#fff;  text-align:center; border-radius:5px; }

.btn_txt2 { 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 { 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_li_sm { text-align: center;  font: 15px 'Pretendard'; font-weight:400; border-radius:3px; border: 1px solid #1b90cd; padding: 3px 10px; background-color: #1b90cd; color: #fff; }
.btn_li_sm:hover { border-color: #000; }
.btn_li_gg { text-align: center;  font: 15px 'Pretendard'; font-weight:400; border-radius:3px; border: 1px solid #595959; padding: 3px 10px; background-color: #595959; color: #fff; }
.btn_li_gg:hover { border-color: #000; }
.btn_li_aa { text-align: center;  font: 15px 'Pretendard'; font-weight:400; border-radius:3px; border: 1px solid #595959; padding: 3px 10px; color: #000; background-color: #fff; }
.btn_li_aa:hover { border-color: #1b90cd; }
.btn_li_gg2 { text-align: center;  font: 15px 'Pretendard'; font-weight:400; border-radius:3px; border: 1px solid #595959; padding: 5px 7px; background-color: #595959; color: #fff; }
.btn_li_gg2:hover { border-color: #000; }
.btn_li_ss { text-align: center; font: 15px 'Pretendard'; font-weight:400; border-radius:3px; border: 1px solid #ac0924; padding: 3px 10px; background-color: #d42542; color:#fff; }
.btn_li_ss:hover { border-color: #000; }
.btn_li_gg3 { text-align: center;  font: 15px 'Pretendard'; font-weight:400; border-radius:3px; border: 1px solid #595959; padding: 3px 10px; background-color: #595959; color: #fff; }
.btn_li_gg3:hover { border-color: #000; }
.btn_li_gg4 { text-align: center; font: 15px 'Pretendard'; font-weight:400; border-radius:3px;  border: 1px solid #595959; padding: 2px 7px; background-color: #595959; color: #fff; }
.btn_li_gg4:hover { border-color: #000; }
.btn_b_ss { text-align: center;  font: 15px 'Pretendard'; font-weight:400; border-radius:3px; border: 1px solid #ac0924; padding: 0 7px; background-color: #d42542; color:#fff; }
.btn_b_ss:hover { border-color: #000; }
.btn_b_sm { text-align: center;  font: 15px 'Pretendard'; font-weight:400; border-radius:3px; border: 1px solid #1b90cd; padding: 0 7px; background-color: #fff; color:#1b90cd }
.btn_b_sm:hover { border-color: #000; }
.btn_b_sm2 { text-align: center;  font: 15px 'Pretendard'; font-weight:400; border-radius:3px; border: 1px solid #1b90cd; padding: 0 7px; background-color: #1b90cd; color:#fff; }
.btn_b_sm2:hover { border-color: #000; }
.btn_b_ss2 { text-align: center;  font: 15px 'Pretendard'; font-weight:400; border-radius:3px; border: 1px solid red; padding: 0 7px; background-color: #fff; color:red }
.btn_b_ss2:hover { border-color: #000; }
.btn_b_bk { text-align: center;  font: 15px 'Pretendard'; font-weight:400; border-radius:3px; border: 1px solid #000; padding: 0 7px; background-color: #595959; color:#fff; }
.btn_b_bk:hover { background-color: #fff; color: #000; }
.btn_b_gg { text-align: center;  font: 15px 'Pretendard'; font-weight:400; border-radius:3px; border: 1px solid #000; padding: 0 7px; background-color: #595959; color:#fff; }
.btn_b_gg:hover { background-color: #000; }



/*

.btn_txt { display: inline-block; overflow: hidden; float:left; text-align: center; background: none; font-size:11px;  border: 1px solid #000; padding: 2px 7px; }
.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; padding:7.5px; }
.btn_txt.inpss:hover { color: #000;  }
.btn_txt.inpss2 { background-color: #1b90cd; color: #fff; border-color: #1b90cd #aaa #aaa #1b90cd; padding:7.5px; }
.btn_txt.inpss2:hover { color: #000;  }

*/