@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body,html {-webkit-overflow-scrolling: touch; overflow-x:hidden; max-width:100%; width:100%}
body {font-size:12px; background:#fff; overflow-x:hidden}
* {box-sizing:border-box; text-decoration: blink;}
img {max-width:100%;}
.clearfix::before, .clearfix::after, .clearfix:before, .clearfix:after { content: ""; display: block; }
.clearfix::after, .clearfix:after { clear: both; }

.page{
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1000;
}

.mm-page{
	margin-top: 104px;
}

/* header */
nav:not(.mm-menu){display: none;}
.header {-moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height:56px; background:#fff; position:relative}
.header .logo a {display:block; text-align:center; padding:15px 0;}
.header .logo a img {width:81px;}
.header .btn_login {position:absolute; top:10px; right:5%;}
.header .btn_login>a{padding-top:90%; color:#2c75bd; font-size:13px; text-align:center; font-weight:700;}
.header .btn_login .m_login{display:inline-block; width:40px; height:40px; background:url('../images/renew/main_mypage.png') no-repeat 50% 50%/16px auto; }
.header .btn_login .m_logout{display:inline-block; width:40px; height:40px; background:url('../images/renew/main_logout.png') no-repeat 50% 50%/18px auto;}

.header > a {display:block; width:40px; height:100%; position:absolute; top:12px; left:5%;}
.header > a:before,.header > a:after, .header > a span {position: absolute; background:#2876c2; display:block; width:21px; height:3px; border-radius:3px;}
.header > a:before,.header > a:after {content:'';}
.header > a:before {top:9px;}
.header > a span {top:16px;}
.header > a:after {top:23px;}

/* footer */
.footer {width:100%; background:#fff; padding-bottom:30px;}
.footer .address {width:90%; margin:0 auto; font-size:11px; color:#999; padding:10px 0; line-height:20px;}
.footer .address a{display:inline-block; width:100%; font-size:16px; font-weight:bold; letter-spacing:0px; margin:0 0 10px; }

.fbtns {width:100%;background:#fff; position:relative; border-top:1px solid #dedede;}
.fbtns ul {overflow:hidden; width:90%; margin:0 auto; padding:30px 0 10px;}
.fbtns ul li { display: inline-block; width:45%; margin-right:5%;}
.fbtns ul li:last-child{margin:0}
.fbtns ul li a{display: inline-block; width:100%; border:1px solid #cdcdcd; font-size:16px;  background:#fafafa; text-align:center; padding:10px 0;}
.fbtns .ic_m2{display:block; text-align:center; width:90%;}
.fbtns .ic_mtop{display: inline-block; position: absolute; top: 115px; right: 40px; width: 52px; height:52px;  text-align:center; border:1px solid #aaa; background:url('../images/renew/top.png') no-repeat 50% 10px/13px auto;}
.fbtns .ic_mtop span{font-size:12px; color:#777; line-height:75px; display:inline-block;}
/* navi */
#menu .menu {padding:0 !important; background:#fff !important;}
.mm-panel.mm-hasnavbar .mm-navbar {display:none !important;}
.mm-panels>.mm-panel:after, .mm-panels>.mm-panel:before {display:none !important;}
#mm-blocker {background:rgba(0,0,0,.3) !important;}

#menu .head {background:#2c75bd; text-align:center; overflow: hidden;}
#menu .head .login p {font-size:20px; color:#fff;}
#menu .head .login img { margin:20px 0 5px;}
#menu .head .btns {margin:20px 0 15px;}
/*#menu .head .btns a {display:inline-block; background:#00838f; color:#fff; font-size:14px; height:30px; line-height:30px; border-radius:15px; padding:0 10px; text-align:center;}*/
#menu .head .btns a {display: block; width: 90%; margin: 10px auto; padding: 10px 0; font-size:14px;}
#menu .head .btns p{font-size:20px; color:#fff; margin-top:20px;}

#menu .depth {background:#2d60ad;}
#menu .depth a {display:block; border-bottom:1px solid #2c75bd; width:100%; background-size:50px; background-repeat:no-repeat; 
background-position:30px 50%; height:55px; line-height:55px; padding-left:25px; font-size:16px; font-weight:bold; color:#cbdbf2;}
#menu .depth a:hover{background-color:#2c75bd; color:#fff;}
#menu .menu_btns {overflow:hidden; margin:10px 0 0 0;}
#menu .menu_btns a{display:inline-block; padding:0px 0 0 47px; box-sizing:border-box; line-height:40px; width:100%; height:40px; font-size:15px; font-weight:bold;}
#menu .menu_btns a.tel { background:url('../images/renew/navi_phone.png') no-repeat 26px 50%/12px auto; }
#menu .menu_btns a.fax {background:url('../images/renew/navi_print.png') no-repeat 26px 50%/13px auto;}

#menu .head .navi_top{ font-size:0; background:#e9eff3;}
#menu .head .navi_top a{ display:inline-block; width:50%; height:97px; vertical-align:top;}
#menu .head .navi_top a img{margin:20px 0 0 0;}
#menu .head .navi_top a.navi01 img{width:30px;}
#menu .head .navi_top a.navi02 img{width:20px;}
#menu .head .navi_top a:first-child{border-right:1px solid #d6dadd;}
#menu .head .navi_top a p{ font-size:14px;  color:#444; font-weight:bold; margin:10px 0 0 0;}

#menu .head .navi_top_login{ background:#fff; font-size:0; background:#e9eff3;}
#menu .head .navi_top_login a{ display:inline-block;  height:56px; font-size:15px; line-height:56px; font-weight:bold; vertical-align:top; color:#333; letter-spacing:-1px;}
#menu .head .navi_top_login a img{margin:20px 0 0 0;}
#menu .head .navi_top_login a:first-child{width:60%; border-right:1px solid #d6dadd;}
#menu .head .navi_top_login a:last-child{width:40%; border-right:1px solid #d6dadd;}
#menu .head .navi_infor{ background:#444; font-size:0;}
#menu .head .navi_infor a{ display:inline-block;  height:41px; text-align:left; box-sizing:border-box; font-size:15px; line-height:41px; vertical-align:top; color:#333; letter-spacing:-1px;}
#menu .head .navi_infor a:first-child{width:70%; color:#a0a0a0; padding:0 0 0 25px;}
#menu .head .navi_infor a:last-child{width:30%; color:#a0a0a0; padding:0 15px 0 0; text-align:right;}
#menu .head .navi_infor a span{color:#e9eff3; margin:0 3px 0 0;}

.sub.join_in .content {padding:10px;}
.radios_join {text-align:center; margin-bottom:40px;}
.radios_join span {margin:0 10px;}

/* visual */
.slick-dots {bottom:10px; display:none !important;}

/* main */
.wrap.main {
	position: relative;
	margin-top: 104px;
}
.mvisual {margin-bottom:10px;}

.m_menu{background:#2c75bd;}

.m_menu ul{padding:13px }
.m_menu a{color:#fff; width: 100%; display: block;}
.m_menu li{float:left; font-size:15px; text-align:center}
.m_menu li:first-child{width:11%;}
.m_menu li:nth-child(2){width:22.5%;}
.m_menu li:nth-child(3){width:22.5%;}
.m_menu li:nth-child(4){width:26%;}
.m_menu li:last-child{width:18%;}


.mlinks {width:100%; margin-bottom:10px;}
.mlinks ul {overflow:hidden; background:#fff;}
.mlinks ul li {float:left; width:calc(100% / 4); box-sizing:border-box; height:auto;}
.mlinks ul li{border-right:#c6c7cb 1px solid;}
.mlinks ul li:last-child{border-right:none;}
.mlinks ul li a {display:block; background-size:90%; background-repeat:no-repeat; background-position:center; padding-top:90%; font-size:17px; color:#424242; font-weight:700;}
.mlinks ul li a.ico01 {background-image:url('../images/ic_main01.png');}
.mlinks ul li a.ico02 {background-image:url('../images/ic_main02.png');}
.mlinks ul li a.ico03 {background-image:url('../images/ic_main03.png');}
.mlinks ul li a.ico04 {background-image:url('../images/ic_main04.png');}
.mlinks ul li a>span{display:block;font-size: 14px; text-align: center; margin:16px 0px 5px 0;}

.mboard {background:#fff;}
.mboard ._tab {overflow:hidden; padding:0 10px; border-bottom:#bcbcbc 1px solid;}
.mboard ._tab li {font-size:17px; color:#424242; font-weight:700; margin-right:25px; float:left; height:45px; line-height:42px; border-bottom:#fff 3px solid;}
.mboard ._tab li.current {color:#00acc1; border-bottom:#00acc1 3px solid;}
._tBox .tContent{ display:none; width:90%; margin:0 auto;}
.mboard ._tBox .tContent {/*overflow:hidden;*/ position:relative;}
.mboard ._tBox .tContent ul {/*float:left;*/ padding:10px; width:90%;}
.mboard ._tBox .tContent ul li a {position:relative; display:block; font-size:15px; color:#757575; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:10px;}
.mboard ._tBox .tContent ul li a:before {content:""; position:absolute; display:block; top:50%; left:0; background:#00acc1; width:4px; height:4px; margin-top:-2px; border-radius:100%;}
.mboard ._tBox .tContent ul li a img {margin-top:10px;}
.mboard ._tBox .tContent .link {/*float:left;*/ overflow:hidden; width:30%; padding:10px; text-align:right; position:absolute; top:-48px; right:0;}
.mboard ._tBox .tContent .link .btn {position:relative; height:30px; line-height:30px; width:50%; font-size:18px;}
.mboard ._tBox .tContent dl dd{border:1px solid red;}

.wrap.main .btns {width:100%; overflow:hidden;}
.wrap.main .btns a {float:left; width:50%; background:#2c75bd; font-size:17px; font-weight:700; color:#fff; text-align:center; height:50px; line-height:50px;}


/* sub */
.wrap.sub h2 {padding:25px 10px 25px; font-size:20px; font-weight:700; color:#303030; position:relative;  text-align:center;}
.wrap.sub h2:after{content:""; width: 60px; height: 60px; display: block; position: absolute; right: 10px;  top: 10px;}
.sub .content {
	padding:0px 10px 30px;
	position: relative;
}

.countsort{
	clear:both; display:block; height:auto; overflow:hidden;
}

.sub h3 {color:#333; font-size:16px; font-weight:700; margin-bottom:20px; padding-left:10px;}
.sub h3.dot {position:relative; padding-left:15px;}
.sub h3.dot:before {content:""; position:absolute; display:block; background-image:url('../images/dot_tit.gif'); background-repeat:no-repeat; background-size:10px; width:10px; height:10px; top:5px; left:0;}
.sub h6{ border-top:1px solid #777; padding:15px 0 15px 10px; font-size:16px; margin:0 0 0px 0;}

/* btns */
.btn {display:block; width:100%; height:40px; line-height:40px; border:0; color:#fff; font-weight:700; font-size:15px; text-align:center;}
.lbtn {display:block; width:49%; height:40px; line-height:40px; border:0; color:#fff; font-weight:700; font-size:15px; text-align:center;}
.btn.on, .btn.current {background:#2c75bd;}
.btn01 {background:#2c75bd;}
.btn02 {background:#c1c1c1;}
.btn03 {background:#1a2157;}
.btn04 {background:#none; color:#808080; border:#808080 1px solid;}
.btn05 {background:#00acc1;}
/*.btn06 {background:#cc6600;}*/
.btn06 {background:#2c75bd;}
.btn07 {background:#666; color:#fff;}
.btn08 {background:#fff; border:#ddd 1px solid; color:#666;}
.btn09{background:#2c75bd; color:#fff;}
.btn_harf {overflow:hidden; }
.btn_harf .btn, .btn_harf a {float:left; width:49%; margin-left:2%;}
.btn_harf .btn:first-child {margin-left:0;}
.btn_harf.fll a {float:left;}
.btns .center {margin:0 auto 20px !important; float:none !important;}

/* login */
.login {width:92%; margin:0 auto;}
.login > input, .login p {display:block; width:100%;}
.login input {outline:0;}
.login > input {background:#fff; margin-bottom:10px; border:#cdcdcd 1px solid; color:#a5a5a5;  padding:9px 20px; font-size:15px; line-height:30px;}
.login p {color:#b2b2b2; font-size:17px;}
.login p input[type="checkbox"]{margin:0 0 0 10px;}
.login p label{font-size:11px; color:#999;}
.login .btnbtn01 {font-size:17px; width:100%; margin-bottom:10px; height:55px; background:#2c75bd; border:0; color:#fff;}
.login .btnbtn02{display:inline-block; position:relative; width:45%; text-align:center; height:30px; margin:5px 0 0 0; color:#6a6a6a; line-height:30px;}
.login a:last-child:after{content:""; position:absolute; width:1px; height:13px; background:#bbb; left:-20px; top:10px;}

/* login */
.njoin{border:1px solid #cdcdcd; font-size:0;}
.njoin a{display:inline-block; width:50%; margin:0; text-align:center; box-sizing:border-box; padding:40px 0; background:#fff; height:195px;}
.njoin a:first-child{border-right:1px solid #cdcdcd;}
.njoin a span{ display:inline-block; width:100%; font-weight:bold; font-size:14px; color:#666; margin:20px 0 0 0;}

/* contents */
.text_box {width:100%; padding:10px; font-size:12px; color:#666; border-radius:4px; background:#fff;}
/*.text_box p {text-align:center;}*/
.text_box p.tit {font-size:15px; color:#333; margin-bottom:15px;}
.text_box p.txt {font-size:13px; color:#666; margin-bottom:20px;}

.form_table {border-radius:0px; background:#fff; overflow:hidden; border:1px solid #d9d9d9}
.form_table dt, .form_table dd {min-height:30px; line-height:30px; padding:7px 10px; border-bottom:#ccc 1px solid;}
.form_table dt {background:#f9f9f9; font-size:13px; color:#666; font-weight:700;}
.form_table dd {overflow:hidden; font-size:13px;text-align:left;}
.form_table dl:last-child dd {border:0;}
.form_table .text {width:100%; background:#fff; border:#ccc 1px solid; height:40px; line-height:38px; border-radius:4px; padding:0 5px;}
.form_table dl .harf {overflow:hidden;}
.form_table dl .harf li {width:50%; float:left;}
.form_table dl .harf li label {width:60%; display:inline-block; margin-left:5px; vertical-align:top;}
.form_table dl.sand2 {overflow:hidden;}
.form_table dl.sand2 dt,
.form_table dl.sand2 dd {float:left; min-height:53px; line-height:52px;}
.form_table dl.sand2 dt {width:40%; padding:0 10px;}
.form_table dl.sand2 dd {width:60%;}
.form_table dl.sandh2 dt,
.form_table dl.sandh2 dd {height:105px;}


.form_table.left dl {display:table; width:100%;}
.form_table.left dl dt, .form_table.left dl dt dd {display:table-cell; font-size:12px; vertical-align:middle; text-align:left;}
.form_table.left dl:last-child dt, .form_table.left dl:last-child dd {border:0;}
.form_table.left dl dt {width:32%;  color:#333;}
.form_table.left .btn {height:30px; line-height:30px;}

.form_table h4 {height:40px; padding:0 10px; line-height:40px; border-bottom:#ccc 1px solid;}

.form .no_box select.text {width:100%; background:#808080; color:#fff; border:0; height:40px; line-height:40px; border-radius:4px; padding:0 5px;}
.form.classroom .no_box select.text {width:100%; background:#fff; color:#333; border:0; height:40px; line-height:40px; border-radius:4px; padding:0 5px;}


.popups > div {position:fixed; top:0; width:100%; height:100%; padding:50px 10px; z-index:99; display:none;}
.popups .inner {position:relative; width:100%; border-radius:0px; text-align:center; background:#fff; min-height:56px; padding:50px 0; overflow:hidden;}
.popups div.black {background:rgba(0,0,0,.5); position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1;}
.popups > div p {font-size:17px; color:#333; font-weight:700;}
.popups > div .btn {margin:30px auto 0;}
.popups > div .close {background:#939dbf;}
.popups h3 {position:absolute; top:0; background:#c1c1c1; font-size:17px; color:#fff; font-weight:700; width:100%; height:50px; line-height:50px;}
.popups .table{width:90%; margin:0 auto;}
.popups .pad{width:90%; margin:0 auto; padding:0;}
.popups .table dl{margin:15px 0 0 0;}
.popups .table dl dt{text-align:left; font-weight:bold; margin:0 0 5px 0;}
.popups .table dl dd input{border-radius:0px;}
.popups .table dl dd select{border-radius:0px;}
.popups .text {width:100%; background:#fff; border:#ccc 1px solid; height:40px; line-height:38px; border-radius:4px; padding:0 5px;}
.popups .harf {text-align:center; padding:0 20px;}
.popups .harf .btn {width:40% !important; margin:30px 5px 0;display:inline-block; vertical-align: top;}
.popups .harf span {display:inline-block; width:45%; padding-top:20px;}

.fancybox-wrap {width: 90% !important; left: 50% !important; margin-left: -45% !important;}
.fancybox-skin {padding:0 !important; padding-bottom: 4px !important;}
.fancybox-inner {width:100% !important;}
.fancybox-inner h3 {width:100%; background:#2c75bd; height:40px; line-height:40px; color:#fff; padding:0 10px; border-radius:4px 4px 0 0;}
.fancybox-inner p {padding:10px;}
.fancybox-wrap .inner p, .fancybox-wrap .inner .con {text-align:left; font-weight:normal; font-size:12px; padding:10px; }
.fancybox-wrap .inner .con {padding:20px 10px; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; min-height:130px;margin-bottom:20px;}
.fancybox-wrap .inner .con .in {min-height:130px;}
.fancybox-wrap .inner .con em {position:relative; display:block; width:100%; border-top:#ccc 1px dashed; padding:5px 0 0 10px; margin-top:10px;}
.fancybox-wrap .inner .con em:before {content:""; position:absolute; top:10px; left:0; display:block; background:url('../images/arrow_re.png') no-repeat; background-size:9px; width:9px; height:9px; }
.fancybox-wrap .text {width:100%; background:#fff; border:#ccc 1px solid; border-radius:4px; padding:0 5px;}
.fancybox-wrap input.text {height:40px; line-height:38px;}
.fancybox-wrap .table {padding-bottom:4px;}
.fancybox-wrap .table dt, .fancybox-wrap .table dd {font-size:13px; padding:10px; line-height:24px;}
.fancybox-wrap .table dt {background:#f9f9f9; color:#333;}
.fancybox-wrap .table dd {background:#fff; color:#666;}

/* befancy_popups */
.befancy_popups .coupon {}
.befancy_popups h3 {width:100%; background:#2c75bd; height:40px; line-height:40px; color:#fff; padding:0 10px; border-radius:4px 4px 0 0;}
.befancy_popups .coupon .inner {height:100%;}
.befancy_popups .inner p, .fancybox-wrap .inner .con {text-align:left; font-weight:normal; font-size:12px; padding:10px; }
.befancy_popups .inner .con {padding:20px 10px; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; min-height:130px;margin-bottom:20px;}
.befancy_popups .inner .con .in {min-height:130px;}
.befancy_popups .inner .con em {position:relative; display:block; width:100%; border-top:#ccc 1px dashed; padding:5px 0 0 10px; margin-top:10px;}
.befancy_popups .inner .con em:before {content:""; position:absolute; top:10px; left:0; display:block; background:url('../images/arrow_re.png') no-repeat; background-size:9px; width:9px; height:9px; }
.befancy_popups .text {width:100%; background:#fff; border:#ccc 1px solid; border-radius:4px; padding:0 5px;}
.befancy_popups input.text {height:40px; line-height:38px;}
.befancy_popups .table {padding-bottom:4px;}
.befancy_popups .coupon .tContent .table th
.befancy_popups .coupon .tContent .table td {font-size:12px;}
.befancy_popups .table dt, .fancybox-wrap .table dd {font-size:13px; padding:10px; line-height:24px;}
.befancy_popups .table dt {background:#f9f9f9; color:#333;}
.befancy_popups .table dd {background:#fff; color:#666;}

/* 팝업 추가 */
.popups .plan .inner {position:relative; width:100%; height: 100%; max-height:100%; border-radius:4px; text-align:center; background:#fff; min-height:56px; padding:50px 0 20px; overflow:hidden; box-shadow: 1px 1px 10px 1px #999;}
.popups .plan .inner .table {height: 85%; overflow:auto; padding-bottom:4px; text-align:left;}
.popups .plan .inner input.text {height:40px; line-height:38px;}
.popups .plan .inner .table dt, .popups .plan .inner .table dd {font-size:13px; padding:10px; line-height:24px;}
.popups .plan .inner .table dt {background:#f9f9f9; color:#333;}
.popups .plan .inner .table dd {background:#fff; color:#666;}

.coupon .inner {background:#fff; border-radius:4px;}
.coupon ._tab.harf {margin:30px 0 20px; width:100%}
.coupon ._tab.harf li {padding:0 !important; margin-left:2%; width:49% !important;}
.coupon ._tab.harf li:first-child {margin-left:0;}
.coupon ._tab.harf li:last-child {margin-right:0;}
.coupon ._tab.harf li:before, .coupon ._tab li:after {display:none;}
.coupon .tContent {padding:0 10px;}
.coupon .tContent .text_list li {position:relative; padding-left:10px; text-align:left;}
.coupon .tContent .text_list li:before {content:"-"; position:absolute; top:0; left:0;}
.coupon .tContent .text_list.star li:before {content:"*";}
.coupon .tContent .table {background:#f9f9f9; border-top:#ccc 1px solid;}
.coupon .tContent .table th, .coupon .tContent .table td {border-bottom:#ccc 1px solid; height:30px; padding:5px 0; font-size:12px; line-height:24px;}

.untouched {background:#fff; border-radius:4px;}
.untouched .text {height:40px; line-height:40px;}
.untouched .pad {}

.info_not img {max-width:121px; width:20%; margin-bottom:20px;}
.info_not p {font-size:15px; margin-bottom:10px;}
.info_not .tline {position:relative; border-top:#eee 1px solid; text-align:left; padding:20px 20px 0 35px; color:#333; font-weight:normal;}
.info_not .tline:before {content:"*"; position:absolute; left:20px; top:20px; color:#f00;}

.info_not td.pop_icon img {width:40%; max-width:60%; height:inherit; margin:0 0 20px 0;}
.info_not td.search_ok .R_title1 {font-size: 17px; color: #333; font-weight: 700; padding-bottom:20px; border-bottom:#ddd 1px dashed; margin-bottom:20px;}
.info_not td.search_ok .R_txt {padding:0 20px; font-size: 15px; color: #333;}

.center a {margin:0 auto;}
.join_ok {font-size:15px; color:#333; line-height:30px;}

.tab {width:100%; overflow:hidden; margin-bottom:20px;}
.tab li {float:left; width:50%;}
.tab li a {display:block; height:40px; line-height:40px;  font-size:14px; color:#7b7b7b; font-weight:normal; text-align:center;}
.tab li.on a {background:#e4e9ee;}
.tab li.current a {background:#e4e9ee;  color:#2c75bd; font-weight:700;}
.tab.forth {}
.tab.forth ul {overflow:hidden;}
.tab.forth ul li {width:22%; margin-left:4%;}
.tab.forth ul li:first-child {margin-left:0;}
.tab.forth li {width:25%; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; box-sizing:border-box;}
.tab.forth li:first-child {margin-left:0; border-left:0;}
._tab.harf {overflow:hidden; padding:0 10px;}
._tab.harf li {position:relative; width:50%; float:left; height:40px; line-height:40px; padding:0 10px 0 40px; font-size:13px;}
._tab.harf li label {width:60%; display:inline-block; margin-left:5px; vertical-align:top;}
._tab.harf li:before {content:"○"; position:absolute; left:0; font-size:15px;}
._tab.harf li.current:before {content:"⊙"; background:#fff;}
._tab.harf li:after {content:""; position:absolute; top:15px; left:20px;}
._tab.harf li.mobile:after {background:url('../images/icon_phone.png') no-repeat; background-size:7px; width:7px; height:11px;}
._tab.harf li.email:after {background:url('../images/icon_email.png') no-repeat; background-size:14px; width:14px; height:11px;}

.third {overflow:hidden; margin-bottom:30px;}
.third li {width:32%; margin-left:2%; float: left;}
.third li:first-child {margin-left:0;}
.enrolment.search {width:100%; line-height:40px; border-radius:4px; padding:5px; background:#fff; border-top:1px solid #ddd;}
.enrolment.search input {border:0; line-height:45px; width:85%; box-sizing:border-box; padding:0 0 0 15px}
.enrolment.search .icon_zoom {background:url('../images/renew/main_search.png') no-repeat 50% 50%/21px auto; 
 width:40px; height:40px; float: right; text-indent:-5000px;}

.search .text_box {padding:30px 10px;}
.search .tline {position:relative; border-top:#eee 1px solid; padding:5px; color:#333; font-weight:normal; margin-bottom:20px;}
.search .tline p {text-align:left; padding-left:10px;}
.search .tline p:before {content:"●"; position:absolute; left:0; font-size:6px; color:#999;}

.btn_tab {width:100%; overflow:hidden; margin-bottom:20px;}
.btn_tab li {width:49%; margin-left:2%; float:left; display:block; height:40px; line-height:40px; border:0; text-align:center; background:#808080; border-radius:4px;}
.btn_tab li:first-child {margin-left:0;}
.btn_tab li a {color:#fff; font-weight:700; font-size:15px;}
.btn_tab li.on {background:#2c75bd;}

.point .text_box {padding:30px 10px; margin-bottom:30px;}
.point .text_box strong {display:block; color:#333; padding:10px 0;}
.point .text_box .big {font-size:20px; color:#333; font-weight:700;}
.point .form_table th, .point .form_table td {height:30px; padding:5px 0; border-bottom:#ccc 1px solid;}
.point .form_table li {line-height:30px; margin-bottom:-5px;}
.point .form_table li:first-child {border-bottom:#ccc 1px solid; margin:-5px 0 0 0;}
.point .form_table th {background:#f9f9f9;}
.point .form_table td {text-align:center; min-height:30px;}
.point .form_table tr:last-child td {border:0;}
.point .form_table .tit {text-align:left; padding:5px 10px;}

.btn_coupon {margin:10px auto 0;}

.input_box.coupon {background:#525da0; padding:10px; border-radius:0 0 4px 4px;}

.list p {position:relative; padding-left:8px;}
.list p:before {content:"-"; position:absolute; left:0;}


/* classroom */
.classroom h3 {position:relative;}
.classroom .list_btn {position:absolute; top:8px; right:10px; height:25px; line-height:25px; font-size:12px;}
.classroom .no_box {padding:30px 0; text-align:center;}
.classroom .no_box img {display:block; width:20%; margin:0 auto 20px;}
.classroom .no_box strong {font-size:14px; color:#333; font-weight:700;}
.classroom .no_box p {font-size:13px; color:#666; margin-top:20px;}
.classroom .no_box.left {text-align:left; padding:0px 0; }
/*.classroom .no_box.left h4 {margin-bottom:10px;}
.classroom .no_box.left p {margin:0 0 20px;}*/
.classroom .no_box.left p {margin:0 0 10px;}
.classroom .no_box.left p:last-child {margin:0; width:70%;}
.classroom .no_box.left.line {border-top:#ccc 1px solid; border-bottom:#ccc 1px solid;}
.classroom .no_box.left.no_line {border:0;}
.classroom .lecture_list {padding-bottom:30px; border-bottom:#ccc 1px solid; margin-bottom:30px;}
.classroom .lecture_list:last-child {border:0; padding:0; margin:0;}
.classroom .lecture_list li {position:relative; margin-bottom:20px; padding-bottom:20px;}
.classroom .lecture_list form:last-child li,
.classroom .lecture_list li:last-child {padding:0; border:0; margin:0;}
.classroom img {}
.classroom .lhead {overflow:hidden; margin-bottom:10px;}
.classroom .lhead .star {color:#666; font-size:13px; font-weight:700; line-height:32px;}
.classroom .lhead .star em {color:#f0a000;}
.classroom .btnbox {width:32%;}
.classroom .btnbox .btn {width:100%;}
.classroom .ltext {margin-bottom:10px;}
.classroom .ltext strong {display:block; color:#333; margin-bottom:10px;}
.classroom .btns {overflow:hidden; width:100%;}
.classroom .btns a { margin-left:2%;}
.classroom .btns a:first-child {margin-left:0;}
.classroom dd .dot {position:relative; padding-left:12px;}
.classroom dd .dot:before {content:"*"; position:absolute; top:0; left:0;}

/*0724 나의강의실수정*/
.d0101 .classroom h3{margin:0; padding:15px 0px; color:#333; font-size:16px;}
.d0101 .classroom .list_btn{background: #b8c0ca; color:#fff; border-radius:15px; font-size:12px; margin:7px 0 0 0;}
.d0101 .classroom .lecture_list h5{font-size:15px; margin:15px 0 5px 10px;}
.d0101 .classroom .list_wraper{border-radius:8px; padding: 15px 10px;}
.d0101 .classroom .list_wraper > strong{padding:0 0 10px 0; display:inline-block; width:100%; font-size:15px}
.d0101 .classroom .list_wraper .btns{margin-top:10px; }
.d0101 .classroom .list_wraper{border:1px solid #d9d9d9}
.d0101 .classroom .list_wraper img{border-radius:8px;}
.d0101 .classroom .list_wraper .ltext{font-size:13px;}
.d0101 .classroom .list_wraper .ltext .tit01{font-weight:bold;margin:0 0 3px 0; display:inline-block;  }
.d0101 .classroom .list_wraper .s_disconfirm{color:#aa1d1d; border:1px solid #aa1d1d; display:inline-block; padding:3px 5px; margin:8px 0 0 0; font-size:13px;}
.d0101 .classroom .list_wraper .btns .change{width:40%; font-size:0; border:1px solid #c1c1c1; display:inline-block; margin:15px 0 0 0; text-align:center;  }
.d0101 .classroom .list_wraper .btns a{ position:relative; display:inline-block; width:49%; box-sizing:border-box; height:35px; line-height:34px; text-align:center; font-size:14px; color:#666; }
.d0101 .classroom .list_wraper .btns .change a:first-child:after{content:''; position:absolute; left:100%; top:11px; width:1px; height:14px; background:#aaa;}
.d0101 .classroom .list_wraper .btns a.cancel{background:#878787; color:#fff;}
.d0101 .classroom .list_wraper .s_enterbtn{color:#fff; display:inline-block; width:80%; margin:10px 0 0 0; padding:11px 0 11px 50px; font-size:15px;
background:#2c75bd url('../images/renew/enterIcon.png') no-repeat 25px 50%/18px auto; box-sizing:border-box;}
/*학습종료과정*/

.p0108_1 .classroom h3{margin:10px 0}


/* 게시판 구조 변경에 따른 css */
.list_wraper {overflow:hidden;padding:10px 20px;background-color:#fff;}
.lesson .list_wraper {padding:0}
.list_wraper .img {float:left; width:40%;}
.list_wraper .lhead {overflow:hidden; width:60%; padding:0 0 0 4%;}
.list_wraper .img img {margin:0;}
.list_wraper .ltext {margin:0;}
.list_wraper .ltext .star {line-height:30px; }
.list_wraper .ltext .star em{color:#f5835a;}
.list_wraper .btns {margin-bottom:10px;}
.list_wraper .vers li {width:40px; height:20px; line-height:20px;}
.list_wraper .ltext strong {display:block; margin-bottom:5px; padding-top:5px;}
.ContentList > ul > li {position:relative; margin-bottom:20px; border-bottom:#ccc 1px dashed; padding-bottom:20px;}
.ContentList > ul > li:last-child {border-bottom:#ccc 1px solid;}

.lec_table th,
.lec_table td {height:40px; line-height:40px; border-bottom:#ddd 1px solid;}
.lec_table td a img {border-radius:4px;}
.lec_table .tableTitle_box {background:#e6e6e6; text-align:center;}
.lec_table .tableLine {height:inherit;}
/* 게시판 구조 변경에 따른 css - end */

.classroom .select_box {margin-bottom:20px;}
.classroom .select_box ol li {margin-bottom:20px;}
.classroom .select_box ol li:lst-child {margin-bottom:0;}
.classroom .select_box .select_tab {border-radius:4px; background:#808080 url('../images/slide_arrow.png') no-repeat 95% 50%; background-size:15px; font-size:15px; color:#fff; font-weight:700; text-align:left; height:40px; line-height:normal; padding:0 10px;}
.classroom .select_box .con_inner {position:relative;}
.classroom .select_box .con_inner:after {content:""; position:absolute; background:#808080 url('../images/slide_arrow_u.png') no-repeat 95% 50%; background-size:15px; width:15px; height:40px; top:-40px; right:5%;}
.con_inner {display:none;}
.payment ul {position:relative; width:100%; overflow:hidden;}
.payment li {float:left; width:22%; margin-left:4%;}
.payment li:first-child {margin-left:0;}

.classroom .cont {background:#fff; border:1px solid #cdcdcd;}
.classroom .cont img {margin:0;}
.classroom .con_inn .tit {display:block; width:100%; height:30px; line-height:30px;background:#e6e6e6; color:#666; text-align:center; margin-bottom:10px;}
.classroom .con_inn table th,
.classroom .con_inn table td {padding:0 5px;}

.classroom .select_box.re_view .select_tab {color:#333; background:none; padding:0; font-size:13px; height:30px;}
.classroom .select_box.re_view li {border-bottom:#ccc 1px solid;}
.classroom .select_box.re_view ol a {overflow:hidden; display:block; margin-bottom:10px;}
.classroom .select_box.re_view .star em {color: #f0a000;}
.classroom .select_box.re_view .con_inner {background:#fff; border-top:#ccc 1px dashed; padding:10px;}
.classroom .select_box.re_view .con_inner:after {display:none;}

.classroom .no_box .harf {overflow:hidden; width:100%;}
.classroom .no_box .harf li {float:left; width:50%;}
.classroom .text_list {margin-top:20px;}
.classroom .text_list li {position:relative; padding-left:12px;}
.classroom .text_list li:before {content:""; position:absolute; display:block; width:6px; height:6px; background:#2c75bd; top:6px; left:0;}
.classroom .classroom_top{background: #fff; border: 1px solid #d8d8d8;padding: 20px 10px 0 10px; text-align: center;}
.classroom .classroom_top img{border-radius:8px;}
.classroom .classroom_top > h4{text-align:left; margin:13px 0; font-size:17px; letter-spacing:-0.5px;}
.classroom .classroom_top .no_box.left h4{display:inline-block; width:22%; vertical-align: top; padding:0 0 0 10px; box-sizing:border-box;}
.classroom .classroom_top .no_box.left div:nth-child(odd){background:#f7f7f7;}
.classroom .classroom_top .lhead{margin:0 auto; text-align:left; margin-bottom:20px; background:#fbf4ed;}
.classroom .classroom_top .lhead h4{display:inline-block; width:22%; padding:0 0 0 10px; box-sizing:border-box;}
.classroom .classroom_top p{display:inline-block;}
.classroom .classroom_top .no_box.left>div{padding:5px 0}

.point input.text {width:100%; border:0; background:#fff; height:30px;}

.lecture_box {position:relative; background:#fff; padding:15px 10px; margin-bottom:20px; overflow:hidden;}
.lecture_box.end:after {content:"Completed"; position:absolute; background:rgba(0,0,0,.5); width:100%; height:100%; top:0; left:0; right:0; color:rgba(255, 255, 255, .05); font-size:50px; text-align:center; line-height:157px;}
.lecture_box h4 {color:#333; margin-bottom:10px;}
.lecture_box span {display:inline-block; width:50%; margin-bottom:10px;}
.lecture_box span em {margin-right:5px;}

.lecture_boxnew {position:relative; background:#fff; padding:15px 10px; width:95%; margin:0 auto 20px; overflow:hidden;}
.lecture_boxnew.end:after {content:"Completed"; position:absolute; background:rgba(0,0,0,.5); width:100%; height:100%; top:0; left:0; right:0; color:rgba(255, 255, 255, .05); font-size:50px; text-align:center; line-height:157px;}
.lecture_boxnew h4 {color:#333; margin-bottom:10px;}
.lecture_boxnew span {display:inline-block;  margin-bottom:10px;}
.lecture_boxnew span em {margin-right:5px;}

.texts_list .tit {color:#333; font-weight:700; margin-bottom:5px;}
.texts_list p {position:relative; padding-left:10px;}
.texts_list p:before {content:"-"; position:absolute; left:0;}

/* 170414추가 */
.lecture_box .harf_wrap {overflow:hidden; position:relative;}
.lecture_box .text {width:50%; float:left;}
.lecture_box .text span {width:100%;}
.lecture_box .btn_harf.side {position:absolute; width:40%; top:50%; margin-top:-20px; right:0;}
.lecture_box .btn_harf.side a {width:100%;}

.lecture_box.no_pa {padding:0; border:1px solid #d9d9d9}
.lecture_box table th {background:#f9f9f9; padding:0 5px}
/*.lecture_box table td {line-height:30px; padding:5px 10px;}*/
.classroom .lecture_box table td{padding:3px 10px;}
.lecture_box table td {padding:5px 10px;}
.lecture_box table tr.line td {border-top:#ccc 1px solid; border-bottom:#ccc 1px solid;}
.lecture_box.bb_line {padding:15px 0;}
.lecture_box.bb_line h4 {border-bottom:#ccc 1px solid; padding:0 10px 10px;}
.lecture_box.bb_line div {padding:0 10px;}

.classroom .lecture_box{border:0;}
.classroom .lecture_box .class_box{border:1px solid #708daa}
.classroom .lecture_box .class_box th{background:#f5fafe;}
.classroom .lecture_box .class_box th+td{padding:10px; font-size:16px;}
.classroom .lecture_box .class_box th+td strong{margin-right: 5%; display: inline-block;}
.classroom .lecture_box .class_box .t_top{margin-bottom:10px;}
.classroom .lecture_box .class_box .t_top tr td{ font-size:13px; letter-spacing:-0.5px;}
.classroom .lecture_box .class_box .t_top span.s_detail_title{font-size:17px; font-weight:bold; margin:8px 0 0 0;}
.classroom .lecture_box .class_box .t_btm{margin-top:10px}

.board_list {width:100%; background:#e3e5ec;}
.board_list .inner {background:#fff; width:95%; margin:0 auto;}
.board_list ul li {border-bottom:#ccc 1px solid; height:40px; line-height:40px; padding:0 10px;}
.board_list ul li:last-child {border:0;}
.board_list ul li a {display:block;}
.board_list .tit {position:relative; font-size:15px; padding:20px 0 10px 10px; font-weight:700;}
.board_list .tit a {position:absolute; top:0; right:10px; width:18px; height:9px; margin:10px 0 0 0;}

.board_list h4 {position:relative; color:#333; font-weight:700; height:40px; line-height:40px; border-bottom:#ccc 1px solid; padding:0 10px;}
.board_list h4 .plus {position:absolute; top:0; right:10px; width:18px; height:9px; margin:14px 0 0 0;}
.board_list dl {margin:0; overflow:hidden;}
.board_list dl dt, .board_list dl dd {height:40px; line-height:40px; float:left; padding:0 10px;}
.board_list.harf dl dt, .board_list.harf dl dd {}
.board_list.lb {border:0; margin:0; padding:0;}
.board_list.lb dl dt {width:70%;}
.board_list.lb dl dd {width:30%;}
.arrow_re {width:9px; vertical-align:middle; margin-top:7px;}

/* paging */
.paging {position:relative; width:100%; padding:0 10px; text-align:center;}
.paging span, .paging a {display:inline-block;}
.paging a {width:30px; height:30px; border:#ccc 1px solid; line-height:28px; text-align:center;}
.paging a.on {background:#2c75bd; border:#2c75bd; color:#fff; font-weight:700;}

.achievement { background:#e3e5ec;}
.achievement h4 {color:#333; font-weight:700; padding:15px 0 10px;}
.achievement .in {margin-bottom:20px; background:#fff;}
.achievement .in:last-child {border:0; margin:0;}
.achievement .in dl {overflow:hidden;}
.achievement .in dl:nth-child(2n){background:#f9f9f9;}
.achievement .in dl dt {float:left; font-weight:bold; text-align:left; color:#333; padding:0 0 0 15px; height:40px; line-height:40px; font-size:13px;}
.achievement .in dl dd {float:right; text-align:right;padding:0 15px 0 0px; font-weight:normal; height:40px; line-height:40px; font-size:13px;}
.achievement .in dl p {position:relative; line-height:20px; font-size:11px; color:#ae7575; text-align:left; letter-spacing:-0.75px; width:100%; }
.achievement .in dl p:before {content:"*"; position:absolute; line-height:30px; left:-10px; top:-5px;}
.achievement .s_explain{width:90%; margin:0 auto 40px;}
.achievement .s_explain div{font-size:11px; font-weight:bold; color:#222; margin:0 0 5px 0;}
.achievement .s_explain p{font-size:11px; margin:0 0 5px 0; position:relative;  padding:0 0 0 5px; line-height:18px;}
.achievement .s_explain p:after{ position:absolute; content:''; left:0px; top:7px; width:2px; height:2px; background:#888;}

.p0104 .s_explain{width:90%; margin:0 auto 40px;}
.p0104 .s_explain div{font-size:11px; font-weight:bold; color:#222; margin:0 0 5px 0;}
.p0104 .s_explain p{font-size:11px; margin:0 0 5px 0; position:relative;  padding:0 0 0 5px; line-height:18px;}
.p0104 .s_explain p:after{ position:absolute; content:''; left:0px; top:7px; width:2px; height:2px; background:#888;}
.p0104 .s_explain p.alarm{color:#8c2539; padding:0;}
.p0104 .s_explain p.alarm:after{display:none;}

div.ContentList > ul > li{position:relative;}

.vers {position:absolute; top:0; left:0;width:100%;}
.vers li {width:60px; height:30px; line-height:30px; font-size:12px; color:#fff; font-weight:700; text-align:center; border:0 !important; padding:0 !important; margin:0 !important;}
.vers .sty1 {background:#00acc1;float:left;}
.vers .sty2 {background:#ff0000;float:right;}

.allpay {margin:20px 0 20px;}
.allpay h4 {color:#666; font-size:15px; font-weight:700; margin-bottom:20px;}
.allpay .money { padding:15px 0; font-size:20px; color:#fff; font-weight:700; text-align:center; background:#485376;}
.allpay .money span{font-size:14px; margin:0 20px 0 0}
.allpay .text_list p {color:#666; margin-bottom:15px;}

.paymentway {width:95%; margin:0 auto 45px;}
.paymentway h4 {color:#1a1a1a; font-size:15px; font-weight:700; margin-bottom:20px;}
.paymentway ul {overflow:hidden;}
.paymentway ul li { position:relative; float:left; font-size:11px; width:23%; margin-left:2%; border:1px solid #747474; border-radius:3px;}
.paymentway ul li:first-child {margin-left:0;}
.paymentway ul li a { background-repeat:no-repeat;  height:95px; background-position:50% 20px; display:block;}
.paymentway ul li .payment01 {background-image:url('../images/renew/pay01.png');}
.paymentway ul li .payment01:after{content:'가상계좌'; position:absolute; width:100%; text-align:center;  top:66px;}
.paymentway ul li .payment02 {background-image:url('../images/renew/pay02.png');}
.paymentway ul li .payment02:after{content:'온라인계좌이체'; position:absolute;width:100%; text-align:center;  letter-spacing:-1px; ; top:66px;}
.paymentway ul li .payment03 {background-image:url('../images/renew/pay03.png');}
.paymentway ul li .payment03:after{content:'신용카드'; position:absolute;width:100%; text-align:center;   top:66px;}
.paymentway ul li .payment04 {background-image:url('../images/renew/pay04.png');}
.paymentway ul li .payment04:after{content:'무통장'; position:absolute;width:100%; text-align:center;   top:66px;}

.year_calendar .tab.harf {margin-bottom:20px;}
.year_calendar .tab.harf li {width:49%; margin-left:2%;}
.year_calendar .tab.harf li:first-child {margin-left:0;}
.year_calendar .tBox td {border-bottom:#ccc 1px solid; font-size:13px;}
.year_calendar .tBox td:last-child {border:0;}
.year_calendar .tBox td .fr {width:40%;}
.year_calendar .tBox td .fr .btn {height:30px; line-height:30px;}
.year_calendar .lecture_list {padding-bottom:40px; border-bottom:#ccc 1px solid; margin-bottom:40px;}
.year_calendar .lecture_list li {position:relative; margin-bottom:10px; border-bottom:#ccc 1px dashed; padding-bottom:10px;}
.year_calendar .lecture_list li:last-child {padding:0; border:0; margin:0;}
.year_calendar .lhead {overflow:hidden; margin-bottom:10px;}
.year_calendar .lhead .star {color:#666; font-size:13px; font-weight:700; line-height:40px;}
.year_calendar .lhead .star em {color:#f0a000;}
.year_calendar .lhead .star>img {vertical-align: text-top;}
.year_calendar .lhead .btnbox .btn {width:109px;}

.certificate .text_box {padding:0; margin-bottom:20px; border:1px solid #cdcdcd; border-radius:0;}
.certificate h4 {height:40px; padding:15px 20px 5px; background:#f9f9f9; font-weight:700; font-size:17px;}
.certificate.bgw h4 {background:#fff;}
.certificate ul {padding-left:20px;}
.certificate ul li {padding:10px; padding-left:0; height:40px; border-bottom:#ccc 1px solid; white-space:nowrap; text-overflow:ellipsis; list-style:disc;width: 100%;
    overflow: hidden;}
.certificate.qna ul li.add {list-style:none;}
.certificate ul li:last-child {border:0;}
.certificate ul li .re {float:left; margin-right:5px; background:url('/images/icon_qna_a2.png') no-repeat; margin-right:10px; display: block; width: 18px; height: 18px; background-size: 100%;}
.certificate th,
.certificate td {line-height:24px;}
.certificationTitle{height:115px; background:url('/images/renew/certification_nbg.png') no-repeat right -10px/200px auto; text-align:left !important;  box-sizing:border-box;
padding:45px 0 0 25px !important;}

.event .text_box {padding:0; margin-bottom:20px; border:1px solid #cdcdcd; border-radius:0;}
.event ul li{width:95%; border-bottom:1px solid #cdcdcd; margin:0 auto; box-sizing:border-box; padding:20px 0 20px;}
.event ul li span{display:inline-block; vertical-align:top;}
.event ul li span:first-child{width:20%;margin:10px 0 0 10px;}
.event ul li span:last-child{width:73%;}
.event ul li span strong.type{font-size:11px; letter-spacing:-1px; color:#9eb1ca;}
.event ul li span strong.title{font-size:14px; letter-spacing:-1px;}
.event ul li span p.on{display:inline-block; width:50px; height:40px; text-align:center; background:#90baf1; border-radius:20px; color:#fff; line-height:41px; font-size:11px;}
.event ul li span p.end{display:inline-block; width:50px; height:40px; text-align:center; background:#b1b5ba; border-radius:20px; color:#fff; line-height:41px; font-size:11px;}

.qna .text_box {padding:0; margin-bottom:20px; border:1px solid #cdcdcd; border-radius:0;}
.qna h4 {height:40px; padding:15px 20px 5px; background:#f9f9f9; font-weight:700; font-size:17px;}
.qna .bgw h4 {background:#fff;}
.qna ul {padding-left:0px;}
.qna ul li {padding:8px 10px; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; list-style:disc;width: 100%;
    overflow: hidden;}
.qna ul li.add {list-style:none; background:#f5f5f5;}
.qna ul li:last-child {border:0;}
.qna ul li .re {float:left;  background:url('/images/renew/qna_answer.png') 10px 50% no-repeat; margin-right:0px; display: block; width: 25px; height: 18px;}
.qna th,
.qna td {line-height:24px;}



.search_school_t {font-size:22px; font-weight:700;}
.search_school td {padding-bottom:10px;}
.search_school td {font-size:13px; color:#666; line-height:24px;}
.search_school strong {color:#333;}
.search_school .text {width: 100%; background: #fff; border: #ccc 1px solid; height: 40px; line-height: 38px; border-radius: 4px; padding: 0 5px;}
.search_school .over {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0;}

/* 375 */
@media screen and (max-width:375px){
.header .btn_login>a{padding-top:60%;}
.header .btn_login .m_login{}
.header .btn_login .m_logout{background-size:60%; padding-top:55%;}
.mlinks ul li a {font-size:13px;}
}

.board_write .btns {text-align:center; padding-bottom:20px;}
.board_write .btns .btn {margin:0 auto; float:none;}

/* 201703추가 */
.nodata {padding:30px 0;}
.page_tit_wrap .tit {font-size:15px; color:#000; font-weight:700;}
.page_tit_wrap.table td {padding:0 5px 0 15px;}

/* fancy_wrap */
.fancy_wrap {height:440px;}
.fancy_wrap h4 {padding:10px; font-size:15px;}
.fancy_wrap .view_img {position:relative; width:100%;}
.fancy_wrap .view_img img {width:100%;}
/*.fancy_wrap .view_img .garamovie {position:absolute; background:url('/images/movie_arrow.png') no-repeat 50%; background-size:100%; width:40%; height:100%; left:50%; margin-left:-20%;}*/
/*.fancy_wrap .view_img a:after {content:""; position:absolute; background:url('/images/movie_arrow.png') no-repeat 50%; background-size:100%; width:40%; height:100%; left:50%; margin-left:-20%;}*/
.fancy_wrap .text_box {margin:20px auto 10px; border:#ddd 1px solid; width:90%;}
.fancy_wrap .text_box span {color:#f09735;}
.fancy_wrap .btn {width:80%; margin:0 auto 20px; font-size:13px;}

/*20170428_myclass*/
.lec_titbox{  text-align:center; }
.lec_titbox span{ display:inline-block; font-size:12px;margin:30px 0px 20px; color:#ffffff; background:#333;  padding:3px 7px; letter-spacing:0px;}

/*20190723 main*/
/*검색*/
.msch{background:#adbdce;}
.msch>div{width:90%; margin:0 auto; }
.msch>div>input[type="text"]{width: 85%; border: 0; color: #545454; font-size: 14px; background-color:transparent; padding:15px 0 14px;}
.msch>div>input::-webkit-input-placeholder {color: #545454;}
.msch>div>input::-moz-placeholder {color: #545454;}
.msch>div>input:-ms-input-placeholder {color: #545454;}
.msch>div>input::-moz-placeholder {color: #545454;}
.msch>div>button{width:40px; height:40px; margin:0 0 0 1%; background-color:transparent; }
.msch>div>button img{width:21px;   display:inline-block;}

/*탭*/
.tab_list{font-size:0; }
.tab_list li{font-size:15px; width:25%; background:#fff; border-top:1px solid #cdcdcd; border-right:1px solid #ebebeb; display:inline-block; box-sizing:border-box; }
.tab_list li:nth-child(4){margin-right:0; border-right:0;}
.tab_list li a{color:#fff; display:block; width:100%; color:#8c8c8c; padding: 13px 0; text-align:center;}
.tab_list li.on a{ color:#2c75bd; background:#e3e5ec; font-weight:bold;}
.tab_list li.on a span{border-bottom:3px solid #2c75bd; padding-bottom:5px;}

.newtab_list{font-size:0; }
.newtab_list li{font-size:15px; width:33.3%; background:#fff; border-top:1px solid #cdcdcd; border-right:1px solid #ebebeb; display:inline-block; box-sizing:border-box; }
.newtab_list li:nth-child(3){margin-right:0; border-right:0;}
.newtab_list li a{color:#fff; display:block; width:100%; color:#8c8c8c; padding: 13px 0; text-align:center;}
.newtab_list li a.on{ color:#2c75bd; background:#e3e5ec; font-weight:bold;}
.newtab_list li a.on span{border-bottom:3px solid #2c75bd; padding-bottom:5px;}

.newtab_list02{font-size:0; }
.newtab_list02 li{font-size:15px; width:33.3%; background:#fff; border-top:1px solid #cdcdcd; border-right:1px solid #ebebeb; display:inline-block; box-sizing:border-box; }
.newtab_list02 li:nth-child(3){margin-right:0; border-right:0;}
.newtab_list02 li a{color:#fff; display:block; width:100%; color:#8c8c8c; padding: 13px 0; text-align:center;}
.newtab_list02 li.on a{ color:#2c75bd; background:#e3e5ec; font-weight:bold;}
.newtab_list02 li.on a span{border-bottom:3px solid #2c75bd; padding-bottom:5px;}



/*수강신청*/
.classroom .lesson{padding:0;}

/*강의목록*/
.lesson{padding:20px 10px; background:#e3e5ec; }
.lesson ul>li{border:1px solid #d9d9d9; background:#fff; padding:10px 20px; margin-bottom:20px;position:relative; border-radius:8px;}
.lesson ul>li .thumb{width:49%; border-radius:5px;}
.lesson ul>li .txtbox{width:calc(49% - 10px); margin-left:10px; display:inline-block; }
.lesson ul>li .txtbox .tit{font-size: 15px; color: #555555; letter-spacing: -0.8px; overflow: hidden; height: 30%; margin-bottom: 10px; padding-top: 10px;}
.lesson ul>li .txtbox .ic_star span{font-size:13px; margin-right:10px}
.lesson ul>li .txtbox .star a strong em{color:#f5835a;}
.btn_white{font-size: 12px; font-weight: bold; letter-spacing: -0.25px; padding: 5px 12px; line-height: 1; border-radius: 2px; cursor: pointer; background: #fff ; border: 1px solid #a9a9a9; color: #6c6c6c;}
.ic_ex{position:absolute; bottom:13px; right:20px;}
.btn_wrap01{margin:15px 0 10px}
.btn_wrap01 span{display: inline-block; font-size: 14px; margin-right: 5px;}
.ic_s1{background:#00acc1; color: #fff; }
.ic_s2{background: #ac85d7;color: #fff; }
.ic_s4{ background: #fb6e52;color: #fff;}
.ic_m2{display: inline-block; border:2px solid #2c75bd; color:#2c75bd; font-size: 12px; padding: 0px 10px; font-weight: bold; letter-spacing: -0.05px; border-radius: 51px; line-height: 20px; margin-right: 4px;}

/*btns*/
.mbtm_btns{font-size:0; background:#fff; border-top:1px solid #dddde0; border-bottom:1px solid #dddde0; }
.mbtm_btns a{border-right:1px solid #dddde0; padding:13% 0 6px 0; display:inline-block; font-size:14px; width:20%; text-align:center; background-repeat:no-repeat; background-position:center 10px; background-size:50%;}
/*.mbtm_btns a:hover{color:#2c75bd; font-weight:bold}*/
.mbtm_btns a:first-child{background-image: url(../images/m_f01.png);}
.mbtm_btns a:nth-child(2){background-image: url(../images/m_f02.png);}
.mbtm_btns a:nth-child(3){background-image: url(../images/m_f03.png);}
.mbtm_btns a:nth-child(4){background-image: url(../images/m_f04.png);}
.mbtm_btns a:nth-child(5){background-image: url(../images/m_f05.png); border-right:0}

/*교육청단체연수*/
.new .list .inner_list{border:1px solid #d9d9d9; background:#fff; margin-bottom:10px; height:115px;}
.new .list .inner_list img{width:100%; max-height:90px; padding:10px}
.new .list .inner_list span{width:18%; display:inline-block;}
.new .list .inner_list .txt{width:88%; margin:0 auto; height:113px; position:relative; }
.new .list .inner_list .txt .tit{color:#010101; font-size:16px; font-weight:bold; padding:18px 0 0 0; box-sizing:border-box;}
.new .list .inner_list .txt .tit br{display:none}
.new .list .inner_list .txt .sub{margin:7px 0 0 0; font-size:14px; color:#555;}
.new .list .inner_list .txt .sub b{ font-weight:normal;}
.new .list .inner_list .txt .detail { font-size:11px; color:#bbb;margin:16px 0 0 0; background: url(../images/renew/arrow.png) no-repeat 56px 50%/5px auto ;}
.new .list .inner_list .txt>li>b br{display:none}
.eventend {font-size:30px; font-weight:bold; position:absolute; right:15px; top:41px; color:#999; }


/*교육청단체연수신청*/
.sub.s0101 .content .wrapper_con{background:#fff; border:1px solid #d8d8d8; padding:0 0 30px 0;}
.s0101 .wrapper_con .info_01{position:relative; }
.s0101 .wrapper_con .info_02{font-size:14px; padding:0 10px 0 20px;}
.s0101 .wrapper_con .info_con li{padding:5px 0 0px 10px; color:#666;}
.s0101 .wrapper_con .info_con li.title_01{position:relative; font-weight:600; color:#333; margin:10px 0 5px 0; padding:5px 0 5px 10px; background:#eaeaea;}
.s0101 .wrapper_con .info_con li.subtxt_02{padding:5px 0 0px 10px; color:#c45656; }
.s0101 .wrapper_con .subtxt_03{color:#777; padding:5px 0 0px 10px; }
.s0101 .wrapper_con p{display:none;}
.s0101 .wrapper_con p.Mtitle{ display:block; text-align:left; width:90%; margin:0 auto; padding: 20px 0 10px 0px; border-bottom:1px solid #333;  font-size: 18px;  line-height:30px;}
.s0101 .wrapper_con .Mtitle+p img{border:10px solid #fff; padding:10px; background:#f7f9f9; padding-top:50px; display:none;}
.s0101 .wrapper_con p.subtxt_04{ display:block;}


.s0101 .wrapper_con .info_03 .subtxt_04{ text-align:left; padding: 10px 0px 0 0px; width:90%; margin:0 auto; box-sizing:border-box;  color:#2c75bd;}
.s0101 .groupcourse3 .t_tit{padding:5px 0 10px; font-size:16px; font-weight:bold}
.s0101 .groupcourse3 .b_line{border:1px solid #d9d9d9; background:#fff; padding:17px 20px 10px; margin-bottom:20px; height:185px;}
.s0101 .groupcourse3 .thumb{float:left;}
.s0101.gcv .groupcourse3 .thumb{width:40%}
.s0101.gcv .groupcourse3 .sub_list_bt{width:90%; display:inline-block;}
.s0101 .groupcourse3 .sub_lec_title{width:50%; padding-left:0; margin:0px 0 0 10px; float:left;}
.s0101 .groupcourse3 .sub_lec_title .clatxt_01{font-size:11px; color:#2c75bd; margin:10px 0 0 0; display:inline-block;}
.s0101 .groupcourse3 .sub_lec_title .clatxt_02{margin:4px 0 0; font-size:12px; font-weight:bold;}
.s0101 .groupcourse3 .sub_lec_title .sub_list_bt a{float:left; margin-left: 2%;}
.s0101 .groupcourse3 .sub_txt{width:100%; font-size:14px; padding:10px}
.s0101 .groupcourse3 .sub_txt ul>li>strong{color:#303030; width: 23%; display: inline-block;}
.s0101 .groupcourse3 .sub_txt ul>li>strong:before{content:""; width:3px; height:3px; border-radius:50%; background:#303030; display:inline-block; vertical-align: middle;
    margin-right: 5px;}
.s0101 .groupcourse3 .sub_txt ul>li>span.color{color:#2c75bd;}

.s0101 .groupcourse3 .l_tit{padding:5px; font-size:14px; color:#303030; font-weight:bold}
.s0101 .groupcourse3 .list .lecture_box .tit{padding-right:5px}
.s0101 .groupcourse3 .list .lecture_box .tit:after{content:":"; margin-left:5px;}
.s0101 .groupcourse3 .list .lecture_box span.color{display:inline; color:#2c75bd;}

.s0101 .groupcourse3 .mcourse ul.tabs_mcourse{margin:20px 0; background:#fff;}
.s0101 .groupcourse3 .mcourse ul.tabs_mcourse li{width:50%; float:left;font-size:14px;line-height: 42px; border:1px solid #c0c0c0; box-sizing: border-box; text-align: center; cursor: pointer;}
.s0101 .groupcourse3 .mcourse ul.tabs_mcourse li.on{border:2px solid #2c75bd; color:#2c75bd; line-height: 40px; font-weight: bold;}

.s0101 .groupcourse3 .b_line li{margin:10px 0}
.s0101 .groupcourse3 .b_line .sub_list_bt{background:red; margin:110px 0 0 0;}
.s0101 .groupcourse3 .tableContainer{background:#fff; border:1px solid #d9d9d9;}
.s0101 .groupcourse3 .tableContainer tr{border-bottom:1px solid #d9d9d9}
.s0101 .groupcourse3 .tableContainer tr td{padding:0 5px;}

.wrap.sub.evt .content.certificate .text_box ul li a{display: block; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* 420 
@media screen and (max-width:420px){
.mlinks ul li a{background-size:80%; padding-top:80%}
.mlinks ul li a>span {font-size:12px; letter-spacing:-1px;}
.msch>div>input[type="text"]{font-size:14px;}
.lesson ul>li .txtbox .tit{font-size:13px; letter-spacing:-1px; padding-top:5px;}
.mbtm_btns a{font-size:12px}
.lesson ul>li .thumb{width:43%;}
.lesson ul>li .txtbox{width:calc(56% - 10px); line-height:15px;}
.ic_ex{position: relative; bottom: 0; right: 0px; float: right;}
.lesson ul>li .txtbox .ic_star span{letter-spacing:-1px;}
.s0101 .groupcourse3 .sub_lec_title{width:50%; padding-left:0; margin:0px 0 0 10px; float:left;}
.s0101 .groupcourse3 .sub_lec_title .sub_list_bt a{margin-left:0;}
}*/

/*.countsort .iframe100 table, .countsort .iframe100 div{width:100% !important; height:100% !important;}
.countsort .iframe100 table img{width:100% !important; height:100% !important;}
$('.countsort iframe').contents().find('table').html();
*/


.s_btn_gray{background:#e6e6e6; color:#808080; padding:10px 0; width:142px; display:inline-block; text-align:center; font-size:16px;}
.s_btn_blue{background:#94a8bd; color:#fff; padding:10px 0; width:49%; display:inline-block; text-align:center;  font-size:16px;  margin:15px 10px 10px 0}
.s_list_title{font-size:16px; padding:10px 0 15px; letter-spacing:-0.5px;}
.s_list_price{font-size:15px; color:#191919}
.s_list_price > span{font-size:15px; color:#2c75bd; font-weight:bold;}

.s_btn_grade01{display:inline-block; box-sizing:border-box; border:2px solid #555; color:#555; border-radius:0;  height:28px; line-height:27px; padding:0 5px;}
.s_btns_grade01{display:inline-block; box-sizing:border-box; border:1px solid #555; color:#555; border-radius:0;  height:22px; line-height:21px; font-size:11px; padding:0 5px;}
.s_btn_grade02{display:inline-block; box-sizing:border-box; border:2px solid #ad6722; color:#ad6722; border-radius:0;  height:28px; line-height:27px; padding:0 5px;}
.s_btns_grade02{display:inline-block; box-sizing:border-box; border:1px solid #ad6722; color:#ad6722; border-radius:0;  height:22px; line-height:21px; font-size:11px; padding:0 5px;}
.s_btn_grade03{display:inline-block; box-sizing:border-box; border:2px solid #277661; color:#277661; border-radius:0;  height:28px; line-height:27px; padding:0 5px;}
.s_btns_grade03{display:inline-block; box-sizing:border-box; border:1px solid #277661; color:#277661; border-radius:0;  height:22px; line-height:21px; font-size:11px; padding:0 5px;}
.s_btn_grade04{display:inline-block; box-sizing:border-box; border:2px solid #03698a; color:#03698a; border-radius:0;  height:28px; line-height:27px; padding:0 5px;}
.s_btns_grade04{display:inline-block; box-sizing:border-box; border:1px solid #03698a; color:#03698a; border-radius:0;  height:22px; line-height:21px; font-size:11px; padding:0 5px;}

.s_bg_bgray{background:#eef0f5;}
.s_bg_bgray02{background:#f9f9f9;}
.s_bg_tab{background:#e3e5ec; overflow:hidden;}
.s_bg_tab 
.s_title02{width:90%; margin:0 auto;}
.s_notmobile{border:1px solid #a25564; color:#a25564; padding:5px 20px;}
.s_btnwrite{border:1px solid #333; color:#333; display:inline-block; padding:8px 28px; margin:20px 2.5% 50px 0;}
.s_btn_mobile{ background: url(../images/renew/main_mobile.png) no-repeat 7px 6px/8px auto; height:28px; width:auto; vertical-align:top; line-height:27px; 
padding:0 5px 0 20px; border:1px solid #4b4b4b; border-radius:0; font-weight:normal;}

.s_applyWrap h4{margin:15px 0 3px 0; color:#333;}
.s_apply{ background:#f6f7fb; margin:0 0 10px 0;}
.s_apply div{ border-bottom:1px solid #e3e5ec;}
.s_apply div h4{display:inline-block; font-weight:bold;width:30%; box-sizing:border-box; padding:7px 0 7px 20px; text-align:left;}
.s_apply div p {display:inline-block; width:68%; text-align:left;}

.s_select{ width:100%; padding:9px 20px 9px 10px; border:1px solid #cdcdcd;}
.s_input{ width:100%; padding:8px 20px 8px 10px; border:1px solid #cdcdcd;}
.s_input_s{padding:5px 5px 5px 5px; width:50%; border:1px solid #cdcdcd; margin:0 5px 0 0;}

.s_apply_section{background:#e3e5ec; padding:0 2.5%; text-align:center; overflow:hidden; margin:20px 0 0 0;}
.s_apply_section h4.applyh4{ text-align:left; padding:10px 0 10px; font-size:18px;}
.s_apply_section02{background:#e3e5ec; padding:0 0%; text-align:center; overflow:hidden; margin:20px 0 0 0;}
.s_apply_section02 h4.applyh4{ padding:0 2.5%; text-align:left; position:relative;}
.s_apply_section02 h4.applyh4 span{ text-align:left; padding:10px 0 10px 0px; font-size:18px;}
.s_apply_section02 h4.applyh4 img{width:24px; display:inline-block; right:5%; top:10px; position:absolute;}

.s_apply_section img{display:inline-block; margin:20px 0 20px 0; border-radius:5px; }

/*학점 버튼*/
.s_applytext01{font-size:11px; color:#656b83; margin:5px 0 0 0; display:inline-block; letter-spacing:0.5px;}
.s_applytext02{font-size:11px; color:#333;  display:inline-block; letter-spacing:-0.5px;}
.s_applytext03{font-size:11px; color:#cc4e54;  display:inline-block; letter-spacing:-0.5px;}
.s_applytext04{font-size:12px; color:#cc4e54;  display:inline-block; letter-spacing:0px;}
.s_applytext05{font-size:11px; color:#cc4e54;  display:inline-block; line-height:14px; font-weight:normal; letter-spacing:-0.5px;}
.s_applybtn{background:#939dbf; width:100%; display:inline-block; text-align:center; padding:13px 0; color:#fff; font-weight:bold; margin:10px 0 20px;}

.s_couponbtn{background:#333; color:#fff; text-align:center; display:inline-block; padding:0px 10px;}
.s_pointbtn01{background:#333; color:#fff; text-align:center; display:inline-block; padding:0px 0px; width:45%; margin:0 3px 0 0;}
.s_pointbtn02{background:#eef0f5; color:#666; text-align:center; display:inline-block; padding:0px 0px; width:45%;}

.s_explain{width:90%; margin:0 auto 30px; text-align:left;}
.s_explain div{font-size:11px; font-weight:bold; color:#222; margin:0 0 5px 0;}
.s_explain p{font-size:11px; margin:0 0 5px 0; position:relative;  padding:0 0 0 5px; line-height:18px;}
.s_explain p:after{ position:absolute; content:''; left:0px; top:7px; width:2px; height:2px; background:#888;}
.s_explain p.alarm{color:#8c2539; padding:0;}
.s_explain p.alarm:after{display:none;}
.s_explain02{width:100%; margin:0 auto 20px; }
.s_explain02 ul{margin:10px 0 0 0;}
.s_explain02 ul div{font-weight:bold; margin:0 0 5px 0;}
.s_explain02 li{font-size:12px; margin:0 0 5px 0; position:relative; line-height:20px; padding:0 0 0 7px; text-align:left;}
.s_explain02 li:after{ position:absolute; content:''; left:0px; top:7px; width:2px; height:2px; background:#777;}

.s_form_table{ width:100%; background:#fff; }
.s_form_table dl{border-top:1px solid #dfdfdf; padding:10px 0;}
.s_form_table dl:nth-child(2n){background:#fbfbfb;}
.s_form_table dl dt{ font-size:12px; color:#444; font-weight:bold; margin:0 0 5px 0; text-align:left; padding:0 0 0 10px}
.s_form_table dl dd{margin:0 0 10px 0; padding:0 0 0 10px}
.s_form_table dl dd span{ font-size:15px;}
.s_form_table dl div{font-size:11px; color:#9b3737;}
.s_form_table dl p{font-size:11px; color:#965757; margin:3px 0 0 0; line-height:20px; }

.s_form_table dl dd input{ width:90%; padding:8px 20px 8px 10px; border:1px solid #cdcdcd;}
.s_form_table dl dd select{ width:90%; padding:9px 20px 9px 10px; border:1px solid #cdcdcd;}

.s_apply_section02 .s_form_table{ width:95%; background:#fff; margin:0 auto; }
.s_apply_section02 .s_form_table dl{border-top:1px solid #dfdfdf; padding:10px 0;}
.s_apply_section02 .s_form_table dl:nth-child(2n){background:#fbfbfb;}
.s_apply_section02 .s_form_table dl dt{ font-size:12px; color:#444; font-weight:bold; margin:0 0 5px 0; text-align:left; padding:0 0 0 10px}
.s_apply_section02 .s_form_table dl dd{margin:0 0 10px 0; padding:0 0 0 10px}
.s_noclass{color:#ed4091; border:1px solid #ed4091; padding:4px 8px; font-size:12px;}
.s_okclass{color:#2c75bd; border:1px solid #2876c2; padding:4px 8px; font-size:12px;}
.s_book{color:#666; border:1px solid #666; padding:4px 8px; font-size:12px; margin:0 6px 0 0;}

/*Qna 아이콘*/
.s_q{display:inline-block; width:15px; height:15px; line-height:15px font-size:12px; color:#fff; background:#606163;}
.s_a{color:#338ad9;}