
.wrap { display:block; width:1280px; overflow:visible; margin:0 auto; font-family: 'Pretendard', sans-serif; font-size:14px; }

.shadow{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: none; background-color:#f5f5f5;  z-index:500; opacity: 0.7; }

body { display: block; }

header { position: fixed; top: 0; left: 0; right: 0; display: block; overflow: visible; width: 100%; height:145px; background-color: #fff; z-index: 500; }

section { display: block; overflow: hidden; width: 100%; padding-top:165px; }
section .wrap div.inner { display:flex; overflow:hidden;  justify-content:space-between; width:100%; }
section .wrap div.inner > ul.LeF { position:relative; width:300px;  }
section .wrap div.inner > ul.Rig { position:relative; width:950px;  }
section .wrap div.inner > ul.wCon { position:relative; width:100%;  }

footer { display: block; width: 100%;  }

/*=================================================================================*/
/* top_common */
header .top { display:block; overflow:visible;  }
header .top .wrap { height:100px; display:flex; align-items:center; justify-content:space-between; }
header .top .wrap ul { display:block; overflow:hidden; padding-top:15px; font: 16px 'Pretendard'; font-weight:500; }
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 .nav { overflow:visible; display:block; height:45px; background-color:#fff; }
header .nav .wrap { overflow:visible; }
header .nav .wrap .gnb_menu { position:relative; display:flex; align-items:center; justify-items:center; overflow:visible; width:100%; height:45px; background-color:#fff; }
header .nav .wrap .gnb_menu li { overflow:visible; box-sizing:border-box; width:16.6%; text-align:center; color:#343434; font: 19px 'Pretendard'; font-weight:500;  }
header .nav .wrap .gnb_menu li:hover { color:#000; }
header .nav .wrap .gnb_sm { position:absolute; top:45px; width:100%; display:none; overflow:hidden; background-color:#fff; border-bottom:1px solid #595959; z-index:300; }
header .nav .wrap .gnb_sm ul { display:inline-block; float:left; width:16.6%; height:220px;  }
header .nav .wrap .gnb_sm ul p { padding:7px 0 10px 0; color:#595959; font: 17px 'Pretendard'; font-weight:500; text-align:center; }
header .nav .wrap .gnb_sm ul p:hover { color:#6CC3D2; }
/*=================================================================================*/

header .nav .wrap .gnb_menu .pop_board { position: absolute; top: 0px; left: 1300px; width:250px; z-index:100px; border:1px solid #595959; }

/*=================================================================================*/
/* footer */

footer { display:block; margin-top:20px; }

footer div.q { display:block; border-top:1px solid #dadada; border-bottom:1px solid #dadada;  }
footer div.q .wrap ul { display:flex; overflow:hidden; }
footer div.q .wrap ul li { margin:15px 25px 15px 0; font: 15px 'Pretendard'; font-weight:400; color:#444; }
/*footer div.q .wrap ul li:before { content: ""; padding-right:10px; text-align:left; } */

footer div.copy { display:block; border-top:2px solid #f0f0f0; background-color:#f7f9fd; padding:20px 0; line-height:20px; }
footer div.copy .wrap { position:relative; display:flex; justify-content:space-between; }
footer div.copy .wrap ul.u1 { width:75%; letter-spacing:-0.4px; color:#999; font: 15px 'Pretendard'; font-weight:400; line-height:23px;  }
footer div.copy .wrap ul.u2 { position:relative;  width:25%; }
footer div.copy .wrap ul.u2 li { display:inline-block; float:right; height:40px; padding:10px 20px;  font: 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); background-color:#fff; color:#232323; font-weight:600; border:1px solid #232323;  }
footer div.copy .wrap ul.u2 li span { display:inline-block; overflow:hidden; float:left; width: 150px;  }
footer div.copy .wrap ul.u2 li span.span_e { width: 10px; height: 10px;  border: 1.5px solid #343434; border-top: 0; border-right: 0; padding:0; transform: rotate(135deg); margin-top:7px;  }
footer div.copy .wrap ul.u2 li span.on { transform: rotate(-45deg); margin-top:3px; }
footer div.copy .wrap ul.u2 li.fam { position:relative;  }
footer div.copy .wrap ul.u2 li.fam div.site { position: absolute; left: -1px; top:-282px;  z-index: 10; display: none; overflow: hidden; width:101%; border:1px solid #232323; background-color:#fff; }
footer div.copy .wrap ul.u2 li.fam div.site>p { display:block; overflow:hidden; width:100%; font: 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding: 11px 15px; }
footer div.copy .wrap ul.u2 li.fam div.site.on { display:block; }
footer div.copy .wrap ul.u2 img { height:15px; }
/*=================================================================================*/

.h1 { display:block; overflow:hidden; width:100%; font: 20px 'Pretendard'; font-weight:500; margin:20px 0 10px 0;  }
.h2 { display:block; overflow:hidden; width:100%; font: 18px 'Pretendard'; font-weight:500; margin:20px 0 10px 0; }
.h3 { display:block; overflow:hidden; width:100%; font: 18px 'Pretendard'; font-weight:500; margin:20px 0 10px 0;  }
.h4 { display:block; overflow:hidden; width:100%; font: 17px 'Pretendard'; font-weight:500; margin:20px 0 10px 0;  }

/*=================================================================================*/
/* footer */
.aside { display:block; overflow:hidden; width:100%; }
.aside div.h1 { display:block; overflow:hidden; width:100%; font: 20px 'Pretendard'; font-weight:600; color:#444; letter-spacing:-0.7px; padding:20px 0 20px 7px; border-bottom:2px solid #6CC3D2; }
.aside>.menu { display:block; overflow:hidden; width:100%; margin-bottom:50px; }
.aside>.menu>ul>li { display:block; border-bottom:1px solid #c7c7c7; padding:15px 0; }
.aside>.menu>ul>li>a { display:block; padding-left:5px; font: 17px 'Pretendard'; font-weight:500; color:#525252; }
.aside>.menu>ul>li>a:hover { color:#5960c8; }
.aside>.menu>ul>li.on>a { color:#5960c8; }
.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 { display:block; overflow:hidden; background-color:#f6f6f6; margin-top:15px;  }
.aside>.menu>ul>li>.sub>li>a { display:block; padding: 8px 0 8px 8px; color:#666; font: 16px 'Pretendard'; font-weight:500; }
.aside>.menu>ul>li>.sub>li>a:before { content: "· "; padding:0 10px; text-align:left; }
.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 .sub li a.onsys { background-color:#1267e4; color:#ffe001; font-weight:bold; text-shadow:0 3px 3px 0 #0d52b5; }
.aside>.menu ul li .sub li.on2 a { color:#fff; }
/*=================================================================================*/

/*=================================================================================*/
/*상단 타이틀*/
.pgtitle { display:flex; overflow:hidden; justify-content:space-between; width:100%; border-bottom:1px solid #c7c7c7;  padding:30px 0; }
.pgtitle .tt1 {  font: 20px 'Pretendard'; font-weight:500; color:#444; }
.pgtitle .tt2 { font:bold 16px 'Pretendard'; font-weight:500; letter-spacing:-0.6px; color:#595959; text-align:right; }

/*페이지 상세 타이틀
.pp_s_title { display:flex; overflow:hidden; justify-content:left; width:100%;  }
.pp_s_title ul:nth-child(1) { width:5px; background-color:#595959; margin-right:10px;  }
.pp_s_title ul:nth-child(2) { width:50%; font:bold 13px 'NaGoBo'; color:#595959;  }*/

.pp_s_title { display:flex; overflow:hidden; justify-content:left; width:100%;  }
.pp_s_title ul:nth-child(1) { display:inline-block; overflow:hidden; float:left;width:5px; background-color:#595959; margin-right:10px; margin-bottom:15px;  }
.pp_s_title ul:nth-child(2) { display:inline-block; overflow:hidden; float:left; width:70%; font:bold 14px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#595959;  }
/*=================================================================================*/

/*=================================================================================*/
/*팝업*/
.popdiv { position:absolute; left:70px; top:30px; z-index:500; width:450px; }
.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:bold 13px 'Pretendard'; border-bottom:1px solid #aaa;  }
/*=================================================================================*/

/*=================================================================================*/
/*go top*/
.btn_top  { position: fixed; bottom: 50px; right: 50px; display: none; overflow: visible; width:40px; z-index: 500; border:0; }
.btn_top img { width:40px; }
/*=================================================================================*/


/*=================================================================================*/
/* index */
section .main { display:flex; overflow:hidden; justify-content:space-between; margin-bottom:20px; }
section .main div.visual { position:relative; width:845px; }
section .main div.visual img { width:845px; height:300px; }

section .slider-div { position:relative; display:block; overflow:hidden; width:100%; margin-bottom:20px; }
section .slider-div img { width:100%; height:300px; }

section .main div.ad { width:420px; height:270px;  }
section .main div.ad ul { display:block; overflow:hidden; height:127px; }
section .main div.ad ul:nth-child(1) { margin-bottom:15px; }
section .main div.ad img { width:420px; height:127px; }

section .tpf_g { position:relative; display:block; margin-bottom:20px; }
section .ad_rt2 { position: relative; bottom: 0; left: 0; animation:ball 1s ease-in Infinite Alternate; }

section .sSum { position:relative; display:block; overflow:hidden; margin:40px 0; padding:0 20px; }
section .sSum>ul { display:inline-block; overflow:hidden; float:left; width:150px;  }
section .sSum>ul li { display:block; overflow:hidden; width:100%; text-align:center; font: 15px 'Pretendard'; font-weight:500; letter-spacing:-0.3px; }
section .sSum>ul li:nth-child(1) { padding:0 30px;  }
section .sSum>ul li:nth-child(2) { margin-top:8px; }
section .sSum>ul li img { max-width:100%; }

@keyframes ball {
  0% {
    bottom:0px;
  }
  100%  {
    bottom:50px;
  } 
}

section .boxx { display:flex; justify-content:space-between;  overflow:hidden; margin-top:15px; }
section .boxx ul { cursor : pointer; }
section .boxx ul.ul1 { display:inline-block; overflow:hidden; float:left; width:650px; margin-right:15px; }
section .boxx ul.ul2 { display:inline-block; float:left; position:relative; width:150px; margin-right:15px; text-align:center; margin-top:110px; }
section .boxx ul.ul3 { display:inline-block; overflow:hidden; width:450px; }

section .boxx div.sns_b { display:block; overflow:hidden; width:190px; }
section .boxx div.sns_b a { display:inline-block; overflow:hidden; float:left; }
section .boxx div.sns_b a img { width:90px; height:80px; margin-bottom:15px; }


/*공지사항*/
.mnotice { position:relative;  display:block; overflow:hidden; width:100%; padding-top:10px;  }
.mnotice>ul { display:block; overflow:hidden; width:100%; }
.mnotice>ul:nth-child(1) { text-align:left; font: 20px 'NanumSquare', sans-serif; transform:skew(-0.03deg); font-weight:600; padding-bottom:10px; }
.mnotice>ul:nth-child(1) span::before { position: absolute; right: 20px; top: 0;  z-index: 10; content: ""; display: block; overflow: hidden; width: 20px; height: 20px; transform: rotate(45deg); transition: all 0.3s ease; background: url("/img/icon/ico_close.svg"); }
.mnotice>ul:nth-child(1) span:hover::before { transform: rotate(-135deg); margin-top:4px; }
.mnotice>ul:nth-child(2)>div { display:block; overflow:hidden; width:100%; border-top:2px solid #bfbfbf; border-bottom:2px solid #bfbfbf; margin-top:15px;  }
.mnotice>ul:nth-child(2)>div ul { display:block; overflow:hidden; width:100%; font:bold 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); letter-spacing:-0.7px; }
.mnotice>ul:nth-child(2)>div ul:hover { background-color:#fafafa;  }
.mnotice>ul:nth-child(2)>div ul.tt { display:flex; flex-wrap:nowrap; align-item:center; padding:12px 0; }
.mnotice>ul:nth-child(2)>div ul.tt span, .mnotice>ul:nth-child(2)>div ul.cc span { display:block; font-size:15px; color:#aeaeae; margin-top:5px;  }
.mnotice>ul:nth-child(2)>div ul.cc { border-top:1px solid #bfbfbf; display:flex; flex-wrap:nowrap; align-item:center; justify-content:space-between; padding:12px 7px; font-size:16px; height:48px; line-height:22px; }
.mnotice>ul:nth-child(2)>div ul.cc li:nth-child(1) { width:70%; overflow:hidden; }
.mnotice>ul:nth-child(3) { background-color:#ececec; text-align:center; margin-top:30px;  }
.mnotice span.btnn { position: absolute; top: 0; left: 0; width:450px; height:280px;  }

.con_box { display:block; overflow:hidden; width:100%;  }
.con_box ul { display:block; overflow:hidden; }
.con_box ul.title { color:#232323; font:bold 18px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding:21px 0; letter-spacing:-0.8px; }
.con_box ul.title span::before { position: absolute; right: 20px; top: 20%;  z-index: 10; content: ""; display: block; overflow: hidden; width: 20px; height:20px; transform: rotate(45deg); transition: all 0.3s ease; background: url("/img/icon/ico_close.svg"); }
.con_box ul.title span:hover::before { transform: rotate(-135deg); margin-top:4px; }
.con_box ul.con { font:bold 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); letter-spacing:-0.7px; color:#343434; border-top:1px solid #bfbfbf; }
.con_box ul.con p { display:block; overflow:hidden; padding:11px 0; width:100%; border-bottom:1px solid #bfbfbf; white-space:nowrap; text-overflow:ellipsis; }
.con_box ul.con p:last-child { border-bottom:2px solid #bfbfbf;  }
/*=================================================================================*/


/*=================================================================================*/
/* 게시판 */

.SchBox { position:relative;  display:flex; align-items:stretch; justify-content:space-between; align-content:center; overflow:hidden; width:100%;  padding:10px 0; background-color:#fff;  }
.sort { display:flex; align-items:center;  }
.sort select { display: inline-block; overflow: hidden; height: 35px; color: #303030; font: 16px 'Pretendard'; font-weight:400; padding:0 10px; width:100%; border-radius:3px;  }

.orby .count { font: 16px 'Pretendard'; font-weight:500; }

.sort .search { display: flex; justify-content:space-between; overflow: hidden; float: left; width: auto; height: 40px; font: 16px 'Pretendard'; border: 1px solid #aaa; background-color: #fff; margin-right: 5px; box-sizing:border-box; }
.sort .search> select { display: inline-block; overflow: hidden; float:left; color: #303030; font: 15px 'Pretendard'; height: 40px; font-weight:500; padding:0 0 0 7px; }
.sort .search> select:hover { background-color: #fff; }
.sort .search> input {  float: left; border: 0; background: none; height:40px; font: 15px 'Pretendard'; }
.sort .search> input::placeholder { font: 15px 'Pretendard'; }
.sort .search> input:focus { background: none; }
.sort .search>.btn { width:40px; height:40px; 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: 30px; }


.Bpg { position:relative; display:block; overflow:hidden; width:100%; padding:20px 0 30px 0; text-align:center; }
.Bpg span { display:inline-block; overflow:hidden; width:20px; height:24px; text-align:center; margin:0 5px; border-bottom:2px solid #fff;  font: 16px 'Pretendard'; font-weight:500; }
.Bpg span.SEL { border-bottom:2px solid #6CC3D2;  }


.BList1_p { position:relative; display:block; overflow:hidden; width:100%; border-top:1px solid #000; border-bottom:1px solid #000; font: 16px 'Pretendard';  font-weight:400; }
.BList1_p ul { display:flex; align-items:stretch; overflow:hidden; border-bottom:1px solid #aaa; }
.BList1_p ul li { display: inline-block; overflow: hidden; float:left; padding:16px 0; text-align:left; line-height:19px; }
.BList1_p ul li.t_r_g { text-align:right; background-color: #f5f5f5; padding-right:10px; }
.BList1_p ul li.t_l_g { text-align:left; background-color: #f5f5f5; padding-left:10px; }
.BList1_p ul li.t_c_g { text-align:center; background-color: #f5f5f5; }
.BList1_p ul li.t_r { text-align:right; }
.BList1_p ul li.t_l { text-align:left; padding-left:10px; }
.BList1_p ul li.t_c { text-align:center;  }
.BList1_p ul li.t_r_g_b { text-align:right; background-color: #f5f5f5; border-right:1px solid #ddd; }
.BList1_p ul li.t_l_g_b { text-align:left; background-color: #f5f5f5; padding-left:10px;  border-right:1px solid #ddd;  }
.BList1_p ul li.t_c_g_b { text-align:center; background-color: #f5f5f5; border-right:1px solid #ddd;  }
.BList1_p ul li.t_r_b { text-align:right; border-right:1px solid #ddd; }
.BList1_p ul li.t_l_b { text-align:left; padding-left:10px; border-right:1px solid #ddd; }
.BList1_p ul li.t_c_b { text-align:center; border-right:1px solid #ddd;  }
.BList1_p ul li textarea.write_con { width:100%; height:200px; border:1px solid #ddd; padding:10px; line-height:18px; }
.BList1_p ul li textarea.write_con2 { width:100%; height:100px; border:1px solid #ddd; padding:10px; line-height:18px; }
.BList1_p ul li.m_m { display:none; }

.BList1_p span.noti1 {  font-weight:600;color: #6670ad;  }
.BList1_p span.noti2 { padding-top:10px; 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:7px 0; }
.BList1_p ul li>p.p1 { text-align:left; font-size:15px; font-weight:400; }
.BList1_p ul li>p.p2 { text-align:left; font-size:15px; font-weight:400; }
.BList1_p ul li>p.p3 { text-align:left; font-size:16px; font-weight:500;  }
.BList1_p ul li>p.p4 { text-align:left; font-size:18px; font-weight:500;  }

.BList1_p .inner_box {  display:flex; align-items:stretch; flex-wrap:wrap; overflow:hidden; width:100%; border:0; }
.BList1_p .inner_box>ul { border-bottom:0; }

.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 { font: 16px 'Pretendard'; font-weight:400; padding-top:10px; white-space: nowrap; text-overflow: ellipsis; }

.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 16px/25px 'Pretendard'; 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%; }


/* width */

.w00 { width:0; height:0; }
.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:2px 7px; background-color: #a6cf39; font: 14px 'Pretendard'; font-weight:400; color:#fff; margin-right:5px; border-radius:3px; }
.new { padding:0 3px; background-color:#f5f5f5; font: 14px 'Pretendard'; font-weight:400; color:#d35959; margin-left:7px;  border-radius:3px; }
.add_noti { padding:0 3px; margin-left:7px; color:#472cd1; 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; font: 16px 'Pretendard'; font-weight:400; border: 1px solid #d0d0d0; background-color: #fff; padding: 0 10px; }
.input1 { display: inline-block; width: 100%; height: 40px; line-height: 40px; color: #000; font: 18px 'Pretendard'; font-weight:400; background-color: #ededed; padding: 0 15px; }
.input::placeholder { font: 16px 'Pretendard'; font-weight:400;  }
.input1::placeholder { font: 18px 'Pretendard'; font-weight:400; color: #aaa; }
.input:focus { background-color: #e8f4fa; }
.input:read-only { background-color: #f9f9f9; }
.input:disabled { border-color: #efefef; background-color: #f9f9f9; }
.input.num { width: 15%; text-align: center; font: 16px 'Pretendard'; font-weight:400;  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.w200 { width:200px; }
.input.w250 { width:250px; }
.input.w300 { width:300px; }
.input.w350 { width:350px; }
.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.chkbo2 { -webkit-appearance:checkbox; width:15px; height:auto; }
.input.chkbo:focus { background-color: #fff; }
.input.hided { width:0px; height:0px; }
.input.w00 { width:0px;  height:0px; border:0; }

/* 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: 16px 'Pretendard'; 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: #000; }  /*해당내용은 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: #000;  }  /*추가*/
/*=================================================================================*/


/*=================================================================================*/
/*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; }

.inp_btn1 { text-align: center; font: 15px 'Pretendard'; border: 1px solid #fff; padding: 4px 10px; border-radius:3px; letter-spacing:-0.2px; background-color:#5844c2; color:#fff; border-color: #7664d1 #493c8c #493c8c #7664d1; }


.btn_txt { text-align: center; font: 16px 'Pretendard'; 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;  }
.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'; 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_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_li_sm { text-align: center; font-size:15px; border: 1px solid #1b90cd; padding: 3px 7px; background-color: #1b90cd; color: #fff; border-radius:3px; }
.btn_li_sm:hover { border-color: #000; }
.btn_li_gg { text-align: center; font-size:15px; border: 1px solid #595959; padding: 3px 7px; background-color: #595959; color: #fff; border-radius:3px; }
.btn_li_gg:hover { border-color: #000; }
.btn_li_aa { text-align: center; font-size:15px; border: 1px solid #595959; padding: 3px 7px; color: #000; background-color: #fff; border-radius:3px; }
.btn_li_aa:hover { border-color: #1b90cd; }
.btn_li_gg2 { text-align: center; font-size:15px; border: 1px solid #595959; padding: 5px 7px; background-color: #595959; color: #fff; border-radius:3px;  }
.btn_li_gg2:hover { border-color: #000; }
.btn_li_ss { text-align: center; font-size:15px; border: 1px solid #ac0924; padding: 3px 7px; background-color: #d42542; color:#fff; border-radius:3px;  }
.btn_li_ss:hover { border-color: #000; }
.btn_li_gg3 { text-align: center; font-size:15px; border: 1px solid #595959; padding: 3px 4px; background-color: #595959; color: #fff; border-radius:3px; }
.btn_li_gg3:hover { border-color: #000; }
.btn_li_gg5 { text-align: center; font: 15px 'Pretendard'; font-weight:400; border-radius:3px;  border: 1px solid #a8ad00; padding: 3px 10px; background-color: #a8ad00; color: #fff; }
.btn_li_gg5:hover { border-color: #000; }

.btn_b_bk { text-align: center; font: 15px 'Pretendard'; font-weight:400; border: 1px solid #000; padding: 1px 7px; background-color: #595959; color:#fff; }
.btn_b_bk:hover { background-color: #fff; color: #000; }
.btn_b_sm { text-align: center;  font: 15px 'Pretendard'; font-weight:400; border-radius:3px; border: 1px solid #1b90cd; padding: 1px 7px; background-color: #1b90cd; color:#fff; border-radius:3px; }
.btn_b_sm:hover { border-color: #000; }
.btn_b_sm2 { text-align: center; font: 15px 'Pretendard'; font-weight:400; border: 1px solid #1b90cd; padding: 1px 7px; background-color: #1b90cd; color:#fff; border-radius:3px; }
.btn_b_sm2:hover { border-color: #000; }
.btn_b_gg { text-align: center; font: 15px 'Pretendard'; font-weight:400; border: 1px solid #000; padding: 1px 7px; background-color: #595959; color:#fff; }
.btn_b_gg:hover { background-color: #000; }
.btn_b_gg1 { text-align: center; font: 15px 'Pretendard'; font-weight:400;  border: 1px solid #aaa; padding: 1px 7px; background-color: #aaa; color:#fff; border-radius:5px; }
.btn_b_gg1:hover { background-color: #000; }

/*=================================================================================*/

/*=================================================================================*/
/* 페이지 탭 사용 */
.tab { display:block; overflow:hidden; width:100%; }
.tab ul.tabS { display:block; overflow:hidden; width:100%; border-bottom:1px solid #5960c8; margin-top:10px;  }
.tab ul.tabS li { display:inline-block; overflow:hidden; float:left; width:150px; text-align:center; margin-right:2px; font: 15px 'Pretendard';  font-weight:400; letter-spacing:0.5px; cursor:pointer; background-color:#eaeaea; border-radius:7px 7px 0 0; padding:10px 0; }
.tab ul.tabS li:hover { font-weight:bold; }
.tab ul.tabS li.on { background-color:#5960c8; color:#fff; }
.tab ul.conn { display:block; overflow:hidden; width:100%;  padding:25px 0;  }
.tab ul.conn div.tab0, .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;  }

/*함수안걸려있음*/
.tab ul.tabs1 { display:block; overflow:hidden; width:100%; margin-top:25px; border-bottom:1px solid #698135; }
.tab ul.tabs1 li { display:inline-block; overflow:hidden; float:left; width:160px; background-color:#aaa; color:#fff; border-right: none; text-align:center; font: 16px 'Pretendard'; font-weight:400; letter-spacing:-0.5px; cursor:pointer; border-radius:20px 20px 0 0; padding:11px 0; margin-right:1px; }
.tab ul.tabs1 li:hover { color:#000;  }
.tab ul.tabs1 li.on { background-color:#698135; color:#fff;  }

.new_tap { display:flex; align-items:stretch; overflow:hidden; width:100%; border:1px solid #d5d5d5; border-bottom:2px solid #01a25c; }
.new_tap>ul { display:inline-block; overflow:hidden; float:left; width:20%; font: 18px 'Pretendard'; font-weight:600; line-height:23px; letter-spacing:-0.3px; text-align:center; border-right:1px solid #d5d5d5; padding:30px 0; color:#131313; }
.new_tap>ul:last-child { border-right:0; }
.new_tap>ul.on { background-color:#01a25c; color:#fff; }
/*=================================================================================*/



/*체크되는*/
.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; }
/*체크되는*/


/*=================================================================================*/
/* 본문별 내용 */

.login_add { display: block; width:100%; height: 400px; margin:15px 0 50px 0; }
.login_add>ul { display:flex; justify-content:space-between; align-items:center;  overflow:hidden; width:90%; margin:30px auto;  font: 16px 'Pretendard'; font-weight:400; text-align:center;  }
.login_add ul li .div1 { display:block; overflow:hidden; width:400px; }
.login_add ul li .div1 ul { display:block; margin-bottom:5px; }
.login_add ul li .div1 p.h1 { font-size:33px; font-weight:700; margin-bottom:10px; text-align:center;  }
.login_add ul li .div1 .acept { width:100%; }
.login_add ul li .div1 p.h4 { padding:15px 0; text-align:left;  }

.login_m { display: block; width:100%; height: 400px; margin:15px 0 20px 0; }
.login_m>ul { display:flex; justify-content:center; align-items:center; width:100%; height:100%; }
.login_m ul div.login_f { display:block; overflow:hidden; width:300px; }
.login_m ul div.login_f>ul { display:block; overflow:hidden; width:100%; padding-bottom:7px; font: 16px 'Pretendard'; font-weight:500;}
.login_m ul div.login_f ul input { height:45px; line-height:45px; }
.login_m ul div.login_f ul a.btn { display:block; height:45px; font:bold 17px/45px 'Pretendard';  background-color:#5960c8; color:#fff; border-radius:5px; text-align:center;  }
.login_m ul div.login_f ul.idpwin { margin-top:7px; padding:10px 0 0 0; color:#595959;  text-align:center; }
.login_m ul div.login_f ul.exp { color:#595959; font: 15px 'Pretendard'; font-weight: 500; letter-spacing:-0.5px; padding:0; }

.login_m ul div.login_h { display:block; overflow:hidden; width:400px; }
.login_m ul div.login_h ul { display:block; overflow:hidden; width:100%; padding-bottom:7px; font:bold 13px 'Pretendard';  }
.login_m ul div.login_h ul input { height:45px; line-height:45px; }
.login_m ul div.login_h ul a.btn { display:block; height:45px; font:bold 16px/45px 'Pretendard'; background-color:#884ceb; color:#fff; text-align:center;  }
.login_m ul div.login_h>p.p1 { display: block; overflow: hidden; width:100%; font:bold 25px 'Pretendard-Regular'; letter-spacing:-0.9px; padding-bottom:20px; }
.login_m ul div.login_h>p.p2 { display: block; overflow: hidden; width:100%; font: 16px 'Pretendard-Regular'; letter-spacing:-0.9px; padding-bottom:10px; line-height:25px;  }

/*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:15px; }
.policy_n div.box1 ul.tt { font-size:19px; padding:10px 0 0 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:15px; }
.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; }

.pol_popup, .pol_popup1 { border: 2px solid #000;position: fixed; width:70%; height:700px; left:50%; top: 50%; transform: translate(-50%,-50%); padding: 30px; display: none;background: #fff; z-index:600; border-radius:50px; }
.pol_popup .close, .pol_popup1 .close { position: absolute; display:block; border: 0;  right: 40px; top: 20px; background-color:#aaa; padding:5px 30px; border-radius:20px; color:#fff;  font:bold 15px 'NanumSquare', sans-serif; transform:skew(-0.03deg); }

.policy1 { display:none; overflow:hidden; }
.policy1 textarea { width:100%; height:600px; padding:40px; line-height:20px; color:#595959;  font: 15px 'Pretendard'; line-height:24px;  }
.policy1 div.dd {  width:100%; height:650px; padding:40px; line-height:20px; overflow-y: scroll;  }
/*new*/

.policy  { display:block; overflow:hidden; width:100%; margin:10px 0;  }
.policy textarea { width:100%; height:700px; border:1px solid #aaa; padding:40px; line-height:20px; color:#595959;  font: 14px 'Pretendard';   }
.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; }

.policy_text { display:block; overflow:hidden; width:100%; padding:20px 20px 20px 20px; font: 16px 'Pretendard'; font-weight: 400; color:#444; line-height:27px; } 
.policy_text p.p1 { display:block; overflow:hidden; width:100%; text-align:left; font: 18px '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; } 

.poly_div  { display:block; overflow:hidden; width:100%; margin:0 0 10px 0; background-color:#f5f5f5; padding:10px; margin:10px 0; }
.poly_div>ul { display:flex; justify-items:left; align-items:center; width:100%; margin-bottom:2px; background-color:#fff;  font:17px 'Pretendard'; font-weight:500; letter-spacing:-0.8px; padding:15px;  }
.poly_div>ul span.chk_icon { border:2px solid red; border-top:0; border-right:0; transform:rotate(-45deg); transform-origin:25% 25%; width:16px; height:8px; margin-bottom:4px; background-color:#eaeaea;  }
.poly_div label { vertical-align: top; }

.poly_div>ul .checkbox input { display:none; }
.poly_div .agree_box { display:none;  font:16px 'Pretendard'; font-weight:500; background-color:#fff; padding:10px; }
.poly_div .agree_box>ul { display:block; overflow:hidden; width:100%; padding:3px 0; color:#343434; }

/* 회원가입 */
.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: #5960c8; border:1px solid #595959; }

/*체크되는*/
.agree1_icon { display: inline-block;  width: 20px;  height: 20px;  background-color: #ddd;  position: relative;  cursor: pointer;  border-radius:50%;  margin-right:15px; margin-top: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; }
/*체크되는*/

.search_idpw { display: block; overflow: hidden; width:100%; height:500px; }
.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 .tt { font: 18px 'Pretendard';  font-weight:500; 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:bold 13px 'Pretendard';  width: 100%;  border:2px solid #aaa; padding:20px 0; text-align:center; line-height:22px; }

.lecture>.BList1_p ul li img { width:140px; height:100px; }

.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 'Pretendard';  color:#33B6B4; }
.location>ul.c_b li:first-child { margin-right:10px; }


.member { display:block; overflow:hidden; width:100%; margin:15px 0 20px 0;  } 
.member h1 { font-family: 'Pretendard', sans-serif;  font-size:15px; color:#595959; font-weight:bold; }
.member .policy { margin-top:15px; }
.member .policy textarea { height:350px; padding:40px; font: 14px 'Pretendard';  line-height:25px;   }
.member ul.agr { display:block; overflow:hidden; width:100%; padding:10px 0 20px 0; text-align:center;  font: 16px 'Pretendard'; color:#595959; } 

.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; }

.personpay 

.onesys { display:block; overflow:hidden; width:100%; margin:15px 0 20px 0;  } 
.onesys_v  { display:block; overflow:hidden; width:100%; margin:5px 0 20px 0;  }
.onesys_v h1 { display:block; overflow:hidden; width:100%; font:bold 13px 'Pretendard'; padding:10px 0; margin-top:10px; }

.point_box { display:block; overflow:hidden; width:100%; margin:20px 0 30px 0;  border:2px solid #000; padding:20px; font:bold 14px 'Pretendard'; color:#595959; }

.myjoin { display:block; overflow:hidden; width:100%; margin:0 0 30px 0;   }
.myjoin h1 { display:block; overflow:hidden; width:100%; font:bold 14px 'Pretendard'; padding:10px 0; background-color: #f9f9f9; }
.myjoin h2 { display:block; overflow:hidden; width:100%; font:bold 14px 'Pretendard'; padding:15px 0 10px 0; background-color: #f9f9f9; }

.myjoin .top_notice { padding:10px 0; }
.myjoin span.c_c { display:block; margin-bottom:3px; }

.myjoin .BList1_p ul.sttE { background-color:#ddd; }

.memjoin  { display:block; overflow:hidden; width:100%; margin:20px 0 30px 0;   }
.memjoin ul { display:block; overflow:hidden; }

/*.memjoin>ul.ar { display:flex; align-items:row; flex-wrap:wrap; padding:10px; }
.memjoin ul.ar a { padding:2px 8px;  background-color:#f5f5f5; border:1px solid #aaa; margin:0 5px 7px 0;  }
.memjoin ul.all { text-align:right; padding:15px 5px 5px 0; }2021-10-27*/
/*.memjoin ul li { white-space: nowrap; text-overflow: ellipsis; }*/

.memjoin ul.all { width:100%; text-align:right; padding:0 5px 15px 0; font:bold 14px 'NanumSquare', sans-serif; transform:skew(-0.03deg); border-bottom:1px solid #0094d2; margin-bottom:15px; }
.memjoin ul.ul01 { border:1px solid #999; padding:10px;  }
.memjoin ul a.ar { display:inline-block; overflow:hidden; float:left; background-color:#ddd; color:#000; border:1px solid #ddd; padding:4px 10px; margin:3px 10px 3px 0; }
.memjoin div.a_re { display:block; overflow:hidden; width:100%; margin:10px 0 0 0;  }
.memjoin div.a_re ul { display:inline-block; overflow:hidden; float:left;  }
.memjoin div.a_re ul:nth-child(1) { width:55%; }
.memjoin div.a_re ul:nth-child(2) { width:35%; }
.memjoin div.a_re ul .h_tite { display:block; overflow:hidden; width:100%; margin:40px 0;  }
.memjoin div.a_re ul .h_tite>p.p1 { display:block; overflow:hidden;  color:#6e80e5; font:bold 25px 'NanumSquare', sans-serif; transform:skew(-0.03deg); margin-bottom:10px; }
.memjoin div.a_re ul .h_tite>p.p2 { display:block; overflow:hidden;  color:#787f9f; font:bold 18px 'NanumSquare', sans-serif; transform:skew(-0.03deg); }
.memjoin div.a_re ul .a_re_ser { display:block; overflow:hidden; padding-top:10px; }
.memjoin div.a_re ul .a_re_ser>h1 { display:block; overflow:hidden; margin:10px 0; color:#000; font:bold 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); }
.memjoin div.a_re ul .a_re_ser>select { display: inline-block; overflow: hidden; float: left; width:150px; height: 45px; border: 1px solid #999; background-color: #fff; color:#999; margin-right: 10px; padding:0 0 0 10px; font:bold 13px 'Pretendard'; }
.memjoin div.a_re ul .a_re_ser>input { display: inline-block; overflow: hidden; float: left; width:310px; height: 45px; border: 1px solid #999; background-color: #fff; color:#999; margin-right: 10px; padding:0 0 0 10px; font:bold 13px 'Pretendard'; }
.memjoin div.a_re ul .a_re_ser a.s_a_btn  { display: inline-block; overflow: hidden; float: left; width:45px; height: 45px;  background-color:#6e80e5; color:#000; text-align:center; border: 1px solid #999; padding-top:9px; }
.memjoin div.a_re ul .a_re_ser a.s_a_btn:hover { border:1px solid #000; }
.memjoin div.a_re ul .a_re_ser a img { width:25px; }


.memjoin div.a_re_sel { display:block; overflow:hidden; width:100%; margin:10px 0; }
.memjoin div.a_re_sel ul { display: block; overflow: hidden; width:100%; height:150px; padding:0 100px; }
.memjoin div.a_re_sel ul.c_img2 { display: block; overflow: hidden; width:100%; height:150px; padding:0 200px; }

.memjoin div.a_re_sel ul.c_img2 li { display: inline-block; overflow: hidden; float: left; width:50%; }
.memjoin div.a_re_sel ul li { display: inline-block; overflow: hidden; float: left; width:33.3%; text-align:center;  }

.memjoin div.a_re_sel ul.c_img2 li img { max-width:90%; }
.memjoin div.a_re_sel ul.c_img2 li img:hover { max-width:93%; }
.memjoin div.a_re_sel ul li img { max-width:90%; }
.memjoin div.a_re_sel ul li img:hover { max-width:93%; }

.memjoin div.a_re_view { display:block; overflow:hidden; width:100%; }
.memjoin div.a_re_view ul { display: inline-block; overflow: hidden; float: left; width:50%; height:160px; padding:0 15px 0 0; margin-bottom:35px; }
.memjoin div.a_re_view ul li.img1 { display: inline-block; overflow: hidden; float: left; width:40%; padding-right:15px; }
.memjoin div.a_re_view ul li.txt1 { display: inline-block; overflow: hidden; float: left; width:60%; padding-top:3px; }

.memjoin div.a_re_view ul li.img1 img { width:160px; height:160px; border:1px solid #ddd; }
.memjoin div.a_re_view ul li.txt1 p.p1 { display:block; overflow:hidden; height:35px; color:#000; font:bold 19px 'Pretendard', sans-serif; transform:skew(-0.03deg); }
.memjoin div.a_re_view ul li.txt1 p.p2 { display:block; overflow:hidden; height:55px; color:#666; font: 13px 'Pretendard', sans-serif; transform:skew(-0.03deg); }
.memjoin div.a_re_view ul li.txt1 p.p2 span { display: inline-block; overflow: hidden; float: left; height:55px; width:auto; }
.memjoin div.a_re_view ul li.txt1 p.p2 span.sp02 { padding-left:5px; width:205px; line-height:18px; }
.memjoin div.a_re_view ul li.txt1 p.p3 { height:40px; }
.memjoin div.a_re_view ul li.txt1 p.p3 img { width:25px; margin-right:5px; }

.memjoin div.a_sjoin_view { position:relative;  display:block; overflow:hidden; width:100%; margin-top:50px; }
.memjoin div.a_sjoin_view p.tt { display:block; overflow:hidden; width:100%; margin:0 0 15px 0; color:#000; font:bold 18px 'NanumSquare', sans-serif; transform:skew(-0.03deg); }
.memjoin div.a_sjoin_view ul.ul_1 { display:block; overflow:hidden; width:100%; background-color:#f5f5f5; padding:30px; margin-bottom:50px;  }

.memjoin div.a_sjoin_view ul.ul_1 li.txt1 { display: inline-block; overflow: hidden; float: left; width:70%; padding-top:3px; }
.memjoin div.a_sjoin_view ul.ul_1 li.txt1 p { margin-bottom:10px; }
.memjoin div.a_sjoin_view ul.ul_1 li.txt1 p.p1 { display:block; overflow:hidden; color:#6e80e5; font:bold 25px 'Pretendard', sans-serif; transform:skew(-0.03deg); padding-bottom:20px; }
.memjoin div.a_sjoin_view ul.ul_1 li.txt1 p.p2 { display:block; overflow:hidden; color:#666; font: 16px 'Pretendard', sans-serif; transform:skew(-0.03deg); }
.memjoin div.a_sjoin_view ul.ul_1 li.txt1 p.p2 span { display: inline-block; overflow: hidden; float: left; height:40px; width:auto; }
.memjoin div.a_sjoin_view ul.ul_1 li.txt1 p.p2 span.sp02 { padding-left:5px; width:80%; line-height:20px; }
.memjoin div.a_sjoin_view ul.ul_1 li.txt1 p.p3 { height:30px; }
.memjoin div.a_sjoin_view ul.ul_1 li.txt1 p.p3 img { width:25px; margin-right:5px; }
.memjoin div.a_sjoin_view ul.ul_1 li.txt1 img.icc  { width:25px; margin-right:5px; }

.memjoin div.a_sjoin_view ul.ul_1 li.img1 { position:relative; display: inline-block; overflow: hidden; float: left; width:30%; }
.memjoin div.a_sjoin_view ul.ul_1 li.img1 #map { width:100%; height:200px; }

.memjoin div.a_sjoin_view ul.ul_2 { display:block; overflow:hidden; width:100%; border:1px solid #f5f5f5; color:#666; line-height:35px; padding:30px; margin-bottom:50px; font:bold 15px 'NanumSquare', sans-serif; transform:skew(-0.03deg);  }


.tea_Seminar_o { position:relative; display:block; overflow:visible; width:100%; height:1110px;  margin-top:10px; }
.happy_div {  position:absolute; display:block; top:0; left:0; width:100%;  height:1100px; background-color:#fff; z-index:100; }
.h_y { display:block; }
.h_n { display:none; }
.happy_div ul:nth-child(1) { display:block; overflow:hidden; font:bold 20px 'NanumSquare', sans-serif; transform:skew(-0.03deg); padding:20px; margin-bottom:50px;  }
.happy_div .s_concon { text-align:center; }
.happy_div .s_concon img { max-width:70% !important;  }
.happy_div .s_end { text-align:center; height:100%; }
.happy_div .s_end ul { display: flex; justify-content: center; align-items: center; height:800px; }
.happy_div .s_end ul span { font:bold 35px 'NanumSquare', sans-serif; transform:skew(-0.03deg); background-color:#efefef; padding:100px 150px; border-radius:30px; }

.a_sjoin_img { position:relative; display:block; overflow:hidden; width:100%; }
.a_sjoin_img p.tt { display:block; overflow:hidden; width:100%; margin:0 0 15px 0; color:#000; font:bold 18px 'NanumSquare', sans-serif; transform:skew(-0.03deg); }
.a_sjoin_img .visual3 { position:relative; display:block; overflow:hidden; width:100%; border:1px solid #ddd; }
.a_sjoin_img .visual3 ul.slide_fade3 { display:block; overflow:hidden; padding:15px; }
.a_sjoin_img .visual3 p { display: inline-block; overflow: hidden; float: left; width:10%; padding:0 10px; margin:7px 0; }
.a_sjoin_img .visual3 img { width:100%; height:80px; }

.a_sjoin_img .visual3 .bx-controls { position:absolute; display:block; overflow:hidden; width:100%; height:100%; text-align:center; z-index:0; top:40%;  }

.a_sjoin_img .visual3 .bx-prev { display: inline-block; overflow: hidden; float: left; width:35px; height:35px; background:url(/GTREE/img/index/a_bx-prev2.png) no-repeat left 20%; text-indent:-9999px;  }
.a_sjoin_img .visual3 .bx-next { display: inline-block; overflow: hidden; float: right; width:35px; height:35px;  background:url(/GTREE/img/index/a_bx-next2.png) no-repeat right 20%; text-indent:-9999px;  }
.a_sjoin_img .visual3 .bx-controls .bx-pager .bx-pager-item a:hover { }
.a_sjoin_img .visual3 .bx-prev img, .a_sjoin_img .visual3 .bx-next img { width:35px; height:35px; }

.a_sjoin_img .b_img_view { display:block; overflow:hidden; width:100%; margin:0 0 30px 0; padding-top:30px; }
.a_sjoin_img .b_img_view img { max-width:100%; }


.memjoin p.B_title { display:block; overflow:hidden; width:100%; margin:30px 0 15px 0;  text-align:center; color:#5b73ff; font:bold 25px 'NanumSquare', sans-serif; transform:skew(-0.03deg); }
.memjoin p.S_title { display:block; overflow:hidden; width:100%; margin:20px 0;  text-align:center; color:#7b82ad; font:bold 18px 'NanumSquare', sans-serif; transform:skew(-0.03deg); line-height:25px; }


.downL .BList1_p ul li img { width:90%; height:80px; }

.packL .pp_s_title { margin:15px 0 10px 0; font:bold 15px 'Pretendard'; }
.packL .BList1_p { margin:10px 0; }
.packL .BList1_p ul li .p2 { border-bottom:1px dashed #ddd; font-size:13px;  }
.packL .D_notice { display:block; overflow:hidden; width:100%; margin:10px 0 30px 0; border:2px solid #1b90cd; padding:15px; } 
.packL .D_notice ul.tt { display:block; overflow:hidden; color:#595959; font:bold 14px 'Pretendard'; margin-bottom:15px; }
.packL .D_notice ul.cc img { width:49%; }

.points  { display:block; overflow:hidden; width:100%; margin:15px 0 20px 0; }

.point_box { display:block; overflow:hidden; width:100%; margin:20px 0 30px 0; border:2px solid #6CC3D2; padding:20px; font:bold 16px/30px 'NanumSquare', sans-serif; transform:skew(-0.03deg); color:#000; }
.point_box img { height:30px; margin:0 10px 0 7px; }

.points .BList1_p .point_ss_box { display:none; overflow:hidden; width:100%; border:1px solid #336699; background-color:#f8f8f8; padding:10px; text-align:left; margin:10px 0; }
.points .BList1_p .point_ss_box p { display:block; overflow:hidden; width:100%; text-align:left; font: 11px 'Pretendard'; }


/* 마이페이지 > 강좌신청*/
.LecL { display:block; overflow:hidden; width:100%; margin:15px 0 20px 0;  }	
.LecL .BList1_p { border-top:0; border-bottom:0; }
.LecL .BList1_p img { width:90%;  }


.coursev ul img { width:90%;  }
/* 마이페이지 > 강좌신청*/


.edu { display:block; overflow:hidden; width:100%; margin:20px 0 30px 0; border-top:2px solid #000; border-bottom:1px solid #000; font-size:13px; }
.edu ul { display:block; overflow:hidden; width:100%;  }
.edu ul.num { text-align:right; color:#aaa; font-size:12px; padding-top:13px;  }
.edu ul.tit { text-align:left; color:#595959; font:bold 17px 'Pretendard'; padding:5px 0 20px 0; border-bottom:1px solid #aaa; }
.edu ul li { display:inline-block; overflow:hidden; float:left; padding:10px 5px; margin:7px 0;}
.edu ul li.w20 {  font-weight:bold;  }
.edu ul li.w20:before { content: "■ "; }

.edu_table { display:block; overflow:hidden; width:100%; border:1px solid #aaa; background-color:#f5f5f5; font-size:12px;  }
.edu_table ul { border-bottom:1px solid #aaa; }
.edu_table ul:last-child { border-bottom:0; }
.edu_table p { display:inline-block; overflow:hidden; float:left; padding:7px; text-align:center; line-height:20px; }
.edu_table p.w { background-color:#fff;  }
.edu_table p.r { border-right:1px solid #aaa; }
.edu_table p.e { border-left:1px solid #aaa; }



.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:nth-child(2) { width:70%; }
.lecV .BList1, .lecV .BList2 { margin:0; }
.lecV h1 { font:bold 15px 'Pretendard'; margin:25px 0 15px 0; color:#5690d7; }
.lecV h2 { font:bold 13px 'Pretendard'; margin-bottom:7px; color:#595959; }
.lecV h3 { font:bold 13px 'Pretendard'; margin-bottom:7px; color:red; }
.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:1px solid #595959; padding:15px 10px 0 10px; background-color:#eef8fd; }
.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; font:13px 'Pretendard'; line-height:21px; }

.lecV .btn_del { display:inline-block; text-align: center; font-size:11px;  border: 1px solid #ac0924; padding:0 5px; background-color: #d42542; color:#fff; margin-left:7px; }
.lecV span.tt_p { font:bold 13px 'Pretendard'; padding:5px 7px; border:1px solid #2014b7; margin-left:7px; background-color:#f8f8f8; }
.lecV span.sta1 { overflow: hidden; text-align: center; background: none; font-size:11px;  border: 1px solid #000; padding:2px 5px; background-color: #f8f8f8; color:#000; margin-right:5px; }
.lecV span.sta2 { overflow: hidden; text-align: center; background: none; font-size:11px;  border: 1px solid #1e11c0; padding:2px 5px; background-color: #5a4fe8; color:#fff; margin-right:5px; }
.lecV span.sta3 { overflow: hidden; text-align: center; background: none; font-size:11px;  border: 1px solid #000; padding:2px 5px; background-color: #f8f8f8; color:#000; margin-right:5px; }
.lecV span.sta4 { overflow: hidden; text-align: center; background: none; font-size:11px;  border: 1px solid #000; padding:2px 5px; background-color: #f8f8f8; color:#000; margin-right:5px; }

.lecR .result { display:block; overflow:hidden; width:100%; margin:20px 0; border:1px solid #595959; padding:40px 20px; text-align:center; font: 20px 'Pretendard'; font-weight:500;  color:#595959; line-height:25px; border-radius:10px; }
.lecR .result a.btn { padding: 5px 20px; text-align: center; background-color: #1b90cd; color: #fff; font: 17px 'Pretendard'; font-weight:500; border: 1px solid #1b90cd; border-radius:3px; }

.sreult { display:block; overflow:hidden; width:100%; margin:15px 0 5px 0;  } 
.sreult h1  { font:bold 13px 'Pretendard'; margin:15px 0 10px 0; color:#5690d7; }
.sreult .lec { display:block; overflow:hidden; width:100%; margin:10px 0; border:2px solid #000; padding:20px; background-color:#f3f5fd; }
.sreult .lec p  { display:inline-block; overflow:hidden; float:left; margin-right:20px; font:bold 13px 'Pretendard'; }
.sreult .lec p.btn_t { border:1px solid #000; padding:7px 10px; font-size:12px; background-color:#fff; border-radius:2px; margin-top:5px; }
.sreult .rebag { text-align:right; }

.orderV .BL_img_p { margin:0 0 10px 0; }
.orderV .BL_img_p ul { height:85px; padding:7px 0; }
.orderV .BL_img_p ul li img.timg { height:70px; max-width:100%; }

.paper { display:block; overflow:hidden; width:800px; height:100%; padding:50px 30px; font-size:13px; font-family: 'Noto Sans KR 300', sans-serif; }
.paper h1 { display:block; overflow:hidden; width:100%; text-align:center; font-size:16px; }
.paper ul { display:block; overflow:hidden; width:100%;  }
.paper ul.pe { padding:20px 0; line-height:23px; }
.paper ul.pe p.a { padding:7px 0 0 0; }
.paper ul.pe2 { padding:20px 0; line-height:23px; text-align:center; font: 400 100% 'Noto Sans KR', sans-serif; font-size:15px; }
.paper ul.pe3 { padding:20px 0; line-height:23px; text-align:right; }
.paper>div.con { border:1px solid #aaa; padding: 0 15px; margin-top:15px; }


.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:15px; left:230px; }
.Bill>.BList1_p ul { font-size:15px; padding:0; margin:0; }

/*.imgg { display:relative; background: url(/img/con_c.png) no-repeat center center; background-position:230px 90px; webkit-print-color-adjust:exact; }*/

.imgg { position:relative; display:block;  overflow:hidden;  }
.imgg div.img_2 { position:absolute; top:80px; left:230px; overflow:hidden; z-index:-999; }


#one_pop_overlay { background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: fixed; right: 0; top: 0; z-index: 99; display:none; height:100%; }
#one_pop_layer { width:800px; margin-bottom:30px; background:#fff; border:solid 1px #ccc; position:absolute; top:200px; left:40%; margin-left:-200px; box-shadow: 0px 1px 20px #333; z-index:100; display:none; text-align:center; }
#one_pop_layer img { width:700px; }
#one_pop_layer p { margin:20px 0 40px 0; }

.top_notice { position:relative; display:block; overflow:hidden; width:100%; margin:10px 0;  }
.top_notice ul { display:block; overflow:hidden; color:#2c3ea2; font: 16px 'Pretendard'; line-height:25px; }

/*정리한내용*/

.lecture { display:block; overflow:hidden; width:100%; }
.lecture ul li img { max-width:90%; }
.lecture ul li .sta { display:inline-block; background-color:#aaa; color:#fff; padding:1px 15px; border-radius:5px; margin-right:5px; font: 13px 'Pretendard'; font-weight:400; letter-spacing:-0.3px;  }
.lecture ul li .sta.sta_1 { background-color:#aaa; color:#fff; }
.lecture ul li .sta.sta_2 { background-color:#f08100; color:#fff; }


/* 회원가입페이지에쓰임&쓰는부분이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-size:12px; }
.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; }

/* 새로 생성한 내용 */



.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%; font: 16px 'Pretendard';  font-weight:500;  }
.Btitle ul li { display: inline-block; overflow: hidden; float:left; padding:10px 0; text-align:center; }
.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; }



/*강좌에 쓰임////////////혹은 포인트에 사용*/
.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:16px; }
.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; }

.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; }



.myp_tap { display:block; overflow:hidden; margin:0;  }
.myp_tap ul { display:inline-block; overflow:hidden; float:left; text-align:center; border:1px solid #ddd; height:34px; font: 13px/34px 'NanumSquare'; border-radius:20px 20px 0 0; }
.myp_tap ul.uc { background-color:#aaa; color:#fff; border-bottom:1px solid #aaa; }
.myp_tap ul.uu { border-width:0 0 1px 0; }
.myp_tap ul.w30 { width:30%; }
.myp_tap ul.w40 { width:40%; }
.myp_tap ul.w70 { width:70%; }
.myp_tap ul.on { background-color:#698135; color:#fff; border-bottom:1px solid #698135; } /*#a8ad00*/
.myp_tap01 { position: relative; display:block; overflow:hidden; margin:0; padding:30px 0 20px 0; }
.myp_tap02 { position: relative; display:none; overflow:hidden; margin:0; padding:30px 0 20px 0; }


/*common ad box css*/
.comm_ad_box1 { display:block; overflow:hidden; width:100%; margin-top:20px; }
.comm_ad_box1>ul { display:block; overflow:hidden; width:100%;  }

.tit_p1 { font: 20px 'Pretendard'; font-weight:500; margin:0 0 20px 0;  }
.shop_box { display:flex !important;  justify-content:space-between;  }
.shop_box>div { width:17.5%; padding:15px; border:1px solid #ddd; border-radius:5px; }
.shop_box>div img { max-width:100%; }
.shop_box>div ul li { margin-top:10px; font: 15px 'Pretendard'; font-weight:400;  }