@charset "utf-8";
::-moz-selection {
   background-color: #00aeff;
   color: #fff;
}
::selection {
    background-color: #00aeff;
    color: #fff;
}
.pcolor {color:#2696d1}
.noborder {border: 0 !important}

.bodyarea {padding: 20px}


.carousel.item img { display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}

body {font-size:15px;margin: 0;padding: 0;color: #222;line-height: 1.8em;background: #fff;letter-spacing: -0.1px;}
.mo {display: none}
.tb {display: none}

header {position: relative;padding-bottom: 90px}
header .header {z-index: 99;position: relative;position: fixed;width: 100%;background:rgba(255, 255, 255, 0.95);border-bottom: 1px solid #ddd}
header .header .gnb {float: right;}
header .header .gnb .gnb_ul {margin: 0 50px 0 0;display: table;height: 90px;}
header .header .gnb .gnb_ul li {display: table-cell;vertical-align: middle;text-align: center;font-size: 17px;cursor: pointer;position: relative;font-family: 'NanumSquare-B';position: relative;}
header .header .gnb .gnb_ul li a {color: #333}
header .header .gnb .gnb_ul li a span {padding: 0 20px;}
header .header .logo {position: absolute;left: 70px;padding: 25px 0;}
header .header .logo img {height: 40px;cursor: pointer;}
header .header .gnb .gnb_ul li.on a span {color: #00aeff;font-family: 'NanumSquare-EB';}
header .header::after {clear: both;display: block;content: ''}


.depth01 {z-index: 99;background:#6fba2c;font-size: 14px;position: absolute;left: 0;top:85px;display: none;min-width: 150px}
.depth01 .inner{padding: 5px;text-align: left;text-overflow: ellipsis; white-space: nowrap;padding:14px 30px 14px 20px;font-family: 'NanumSquare-EB';}
.depth01 .inner:hover {background: #3b9630}
.depth01 a {color: #fff !important}
.depth01_back {background: rgba(255, 255, 255, 0.95);position: absolute;top:90px;width: 100%;padding: 30px;z-index: 8;display: none}

.all_gnb li {float: left;width: 14.2%;text-align: center}
.all_gnb li .nav_title {color: #444;font-size: 18px;font-family: 'NanumSquare-B';}
.all_gnb li .nav_title:hover {text-decoration: underline}
.all_gnb li .nav_sub {margin-top: 10px}
.all_gnb li .nav_sub .inner {color: #444;font-size: 14px}
.all_gnb li .nav_sub .inner:hover {text-decoration: underline}

.gnb_btn, .mgnb, .mgnbmask {display: none}

#contents {margin-top:0;overflow: hidden}
.wrap {width: 1200px;margin: 0 auto;position: relative}

/* carousel */
.carousel {z-index: 0}

.main_wrap {position: relative;padding: 120px 0;}
.main_wrap .main_title {text-align: center;font-size: 3em;margin-bottom: 60px;line-height: 1em}

.focus_list {margin: 50px auto;}
.focus_list ul {overflow: hidden;display: table;width: 100%}
.focus_list ul li {float: left;overflow: hidden;width: 18.6%;margin: 0 0.7%}
.focus_list ul li .inner {padding: 30px 10px;height: 420px;text-align: center;border: 1px solid #ddd;border-radius: 3px;background: #fff;color: #333;position: relative;cursor: pointer}
.focus_list ul li .inner .img img {width: 150px}
.focus_list ul li .inner .more {position: absolute;bottom: 30px;left:0;width: 100%;text-align: center}
.focus_list ul li .inner .more img {width: 100px}
.focus_list ul li .inner .box_text {margin-top: 30px;letter-spacing: -0.05em}
.focus_list ul li .inner .box_text .mt {font-size: 20px;font-family: 'NanumSquare-EB';}
.focus_list ul li .inner .box_text .st .bolda {margin-bottom: 2px;font-size: 1.1em}
.focus_list ul li .inner .box_text .st {font-size: 13px;margin-top: 20px;line-height: 1.5em;}

.beforeafter {color: #fff;position: relative}
.beforeafter .left {position: absolute;left: 0;top:0;height: 320px;display: table;width: 360px}
.beforeafter .left .left_inner {display: table-cell;vertical-align: middle;text-align: center;}
.beforeafter .left .left_inner .left_box {padding: 60px 30px;font-size: 26px;background: #333;display: table;margin: 0 auto;line-height: 1.4em}
.owl-beforeafter {padding-left: 360px;}

.board_box_main {float: left;width: 100%;text-align: center;cursor: pointer}
.board_box_main .imgbox {overflow: hidden;font-size: 0}
.board_box_main .imgbox .bobo {display: inline-block;width: 50%;height: 300px}
.board_box_main .list_text {padding: 15px 20px;border: 1px solid #ddd}
.board_box_main .list_text .list_subject {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.4em;
	height: 2.8em;
	width: 100%;
	margin-top:10px;
	text-align: left
}


.best_wrap {overflow: hidden;border: 1px solid #ddd}
.best_wrap .one {float: left;width: 400px;height: 700px}
.best_wrap .one .img {height: 480px;position: relative}
.best_wrap .one .img .level_box {background: #00aeff;color: #fff;padding: 20px;display: table;font-size: 30px}
.best_wrap .text_box {display: table;height: 220px}
.best_wrap .text_box .inner {display: table-cell;vertical-align: middle;padding: 0 30px}
.best_wrap .text_box .inner .body{font-size: 18px;color: #444}
.best_wrap .text_box .inner .subject {margin-top: 20px;font-size: 26px}
.best_wrap .text_box2 {display: table;height: 220px}
.best_wrap .text_box2 .inner {display: table-cell;vertical-align: middle;padding: 0 30px}
.best_wrap .text_box2 .inner .body{font-size: 16px;color: #444}
.best_wrap .text_box2 .inner .subject {margin-top: 20px;font-size: 22px}

.best_wrap .two {float: left;width: 399px;height: 350px}
.best_wrap .two .img {height: 350px;position: relative;position: relative;position: relative;display: table;width: 100%}
.best_wrap .two .img .level_box {background: #00aeff;color: #fff;padding: 20px;display: table;font-size: 30px}

.best_wrap .three {float: left;width: 266px;}
.best_wrap .three .img {height: 350px;position: relative;position: relative;position: relative;display: table;width: 100%}
.best_wrap .three .img .level_box {background: #00aeff;color: #fff;padding: 20px;display: table;font-size: 30px}

.banner {float: left;width: 50%;height: 630px;display: table}
.banner .inner {padding: 40px 70px;text-align: center;display: table;margin: 0 auto}
.banner .inner button {border: 1px solid #ddd;display: table;padding: 8px 20px;margin: 30px auto;background: transparent}
.banner .inner button:hover {background: #fff;color: #333}

.footer_banner {float: left;width: 33%;height: 400px;display: table}
.footer_banner:nth-child(2) {width: 34%}

footer {background: #333;color: #fff;position: relative;padding: 30px 0 160px}
footer .info {overflow: hidden;}
footer .info .text {font-size: 13px;line-height: 2em}
footer .info .text span {border-right: 1px solid #666;padding: 0 10px}
footer .info .text span.first {padding-left: 0}
footer .nav {position: absolute;right: 0;top:0;text-align: right}
footer .nav ul li {float: left;font-family: 'NanumSquare-EB';margin-left: 10px;font-size: 13px;border-left: 1px solid #666;line-height: 1em;padding-left: 10px}
footer .nav ul li a {color: #fff}
footer .copy {font-size: 12px;margin-top: 15px;position: absolute;right: 0;bottom:0;text-align: right}

.quick_button {position: fixed;right: 30px;bottom: 157px;text-align: right;font-size: 13px}
.quick_button .quickB img {width: 70px;cursor: pointer}
.quick_button .li_inner {display: table;height: 60px;float: right;cursor: pointer}
.quick_button .li_inner img {margin-right: 10px;width: 50px}

/* 로그인 */
.login_modal {width: 350px;margin: 30px auto}
.login_modal .modal-content {border-radius: 5px;overflow: hidden}
.login_modal .modal-content .modal-header {border: 0;position: relative}
.login_x {font-size: 1em;cursor: pointer;position: absolute;top:20px;right:20px;color: #333}
.login_head {margin-top:50px;text-align: center}
.login_head img {width: 200px}
.login_head .title {margin-top:15px;font-size: 18px;letter-spacing: -0.02em;font-family: 'NanumSquare-EB'}
.login_modal .modal-content .modal-body {border: 0;}
.login_input {width: 100%;margin: 0 auto;}
.login_input p {font-size: 11px;color: #3f3f3f;margin-bottom: -10px;font-family: 'NanumSquare-L'}
.login_input input {border-top: 1px solid #3da1d7;border-left: 1px solid #3da1d7;border-bottom: 1px solid #75b63b;border-right: 1px solid #75b63b;padding: 5px 15px;font-family: 'Rajdhani';color: #333;font-weight: 600;margin-bottom: 5px;outline: none !important;width:100%;height: 59px}
.login_etc {width: 100%;margin: 0 auto;}
.login_etc .etc_ul {display: table;width: 100%;overflow: hidden}
.login_etc .etc_ul li {float: left;width: 50%;font-size: .8em}
.login_etc .etc_ul li:last-child {text-align: right}
.login_etc .login_btn {background: #00aeff;width: 100%;color: #fff;height: 45px;border: 0;font-size: 16px;font-family: 'NanumSquare-B';border-radius: 4px;margin: 20px auto 0}
.login_etc .join_text {margin-top:5px;text-align: right}
.login_etc .join_text a {color: #333;font-family: 'NanumSquare-B';font-size: 1em}
.login_modal .modal-content .modal-footer {border: 0;text-align: center}
.easy_login {position: relative;padding: 20px 0 0;height: 40px}
.easy_login .text {background: #fff;font-family: 'NanumSquare-B';font-size: 1.1em;position: absolute;top: 8px;text-align: center;left:50%;width: 160px;margin-left: -80px}
.easy_login .line {height: 1px;background: #ddd;width: 100%;}
.easy_login_sns {margin:10px auto 30px}

.join_wrap {width: 550px;margin: 50px auto 50px;position: relative}
.join_wrap .input_box {position: relative;border:  1px solid #eee;padding: 10px 10px 0}
.join_wrap .input_box label {font-weight: 100;font-size: 12px;margin: 0 !important;background: #fff;padding: 5px 20px 0 10px;position: absolute;top:-15px;left: 5px;color: #555555}
.join_wrap .input_box input {border-radius: 0;border: 0;width: 100%;padding:10px 15px;outline: none;font-size: 14px;font-family: 'NOTO SANS KR';height: 45px}
.rules label {font-weight: 500}
.rules li {position: relative;}
.rules li .text_view {position: absolute;right: 0;top:1px;color: #5e478b;font-size: .9em;cursor: pointer;}
.rules li .text {background: #fafafa;padding: 20px 25px;font-size: 13px;margin-bottom: 15px;display: none}
.join_btn {background: #00aeff;color: #fff;height: 60px;width: 100%;border-radius: 5px;border: 0;font-size: 17px;}

.join_wrap .profile {position: absolute;left: 0;top:0}
.join_wrap .info {padding-left: 180px;}
.join_wrap label {font-weight: 100;font-size: 12px;margin: 0 !important}
.join_wrap input {border-radius: 7px;border: 1px solid #ddd;width: 100%;padding:10px 15px;outline: none;font-size: 14px;height:49px;font-family: 'NOTO SANS KR'}
.rules label {font-weight: 500}
.rules li {position: relative;}
.rules li .text_view {position: absolute;right: 0;top:1px;color: #5e478b;font-size: .9em;cursor: pointer;}
.rules li .text {background: #fafafa;padding: 20px 25px;font-size: 13px;margin-bottom: 15px;display: none}

.local_btn {font-family: 'NanumSquare-B';font-size: 13px;color: #fff;width: 220px;height: 50px;background: #00aeff;border-radius: 3px;border: 0;margin: 5px;line-height: 1em}
.local_s_btn {font-family: 'NanumSquare-B';font-size: 12px;color: #fff;width: 140px;height: 32px;background: #00aeff;border-radius: 3px;border: 0;margin: 5px;line-height: 1em}
.local_btn_a {font-family: 'NanumSquare-B';font-size: 13px;color: #fff;height: 50px;background: #00aeff;border-radius: 3px;border: 0;margin: 5px;line-height: 1em}
.local_btn_a:disabled {background: #333}

.btn_type1 {
	background: #5e488c;border: 0;color: #fff;font-size: .9em;height: 50px;border-radius: 25px;padding: 0 35px;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}
.btn_type1:hover {background: #008dd3;}

.btn_type2 {
	background: #feef6d;border: 0;color: #5e4890;font-size: .9em;height: 50px;border-radius: 25px;padding: 0 35px;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}

.btn_w {font-family: 'NanumSquare-EB';font-size: 14px;color: #333;border: 1px solid #ddd;width: 180px;height: 50px;background: #fff;border-radius: 7px}
.btn_p {font-family: 'NanumSquare-EB';font-size: 14px;color: #fff;border: 1px solid #5e488c;width: 180px;height: 50px;background: #5e488c;border-radius: 7px}

.line2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.5em;
	height: 3em;
	width: 100%;
}

.login_msg {position: absolute;top:0;background:#00a2ff;color: #fff;width: 100%;padding: 20px;left: 0;z-index: 99;display: none}
#alert_msg {position: fixed;top:0;background:#00a2ff;color: #fff;width: 100%;padding: 20px 40px 20px 0;left: 0;z-index: 99;display: none;text-align: right;z-index: 100;}

.main_event_carousel .item .img {border-radius: 15px 15px 0 0;overflow: hidden;height: 200px}
.main_event_carousel .item .body {background: #fff;padding: 30px 40px;border-radius: 0 0 15px 15px;}
.main_event_carousel .item .body .sub_title {font-size: .9em;line-height: 1.2em;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main_event_carousel .item .body .subject {
	font-size: 1.3em;line-height: 1.6em;height: 96px;margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.6em;
}
.main_event_carousel .item .body .focus {font-size: .9em;line-height: 2em;height: 130px}
.main_event_carousel .item .body .focus table tr th {font-weight: 100;width: 40px;vertical-align: top;font-family: 'NanumSquare-EB';}
.main_event_carousel .item .body .focus table tr td.row3 {
	max-height: 6em;vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 2em;
}	

.goevent {padding: 0;border: 0;border-radius: 23px;background: #fff;box-shadow: 1px 3px 6px #d7d5d5;border: 1px solid #eee;font-size: .9em;font-family: 'NanumSquare-EB';width: 100%;position: relative;height: 46px}
.goevent img {position: absolute;right: 0;top:0;height: 46px}
.goevent:hover {box-shadow: 1px 1px 2px #b8b8b8;}

@media screen and (max-width:1380px) {
	header .header .gnb {float: right;}
	header .header .gnb .gnb_ul {margin: 0 30px 0 0;display: table;height: 90px;}
	header .header .gnb .gnb_ul li {display: table-cell;vertical-align: middle;text-align: center;font-size: 17px;cursor: pointer;position: relative;font-family: 'NanumSquare-B';position: relative;}
	header .header .gnb .gnb_ul li a {color: #333}
	header .header .gnb .gnb_ul li a span {padding: 0 15px;}
	header .header .logo {position: absolute;left: 30px;padding: 25px 0;}
	header .header .logo img {height: 40px;cursor: pointer;}
	header .header .gnb .gnb_ul li.on a span {color: #00aeff;font-family: 'NanumSquare-EB';}
	header .header::after {clear: both;display: block;content: ''}
	
	.beforeafter {color: #fff;position: relative}
	.beforeafter .left {position: absolute;left: 0;top:0;height: 220px;display: table;width: 260px}
	.beforeafter .left .left_inner {display: table-cell;vertical-align: middle;text-align: center;}
	.beforeafter .left .left_inner .left_box {padding: 60px 30px;font-size: 26px;background: #333;display: table;margin: 0 auto;line-height: 1.4em}
	.owl-beforeafter {padding-left: 260px;}	
	.board_box_main {float: left;width: 100%;text-align: center;cursor: pointer}
	.board_box_main .imgbox {overflow: hidden;font-size: 0}
	.board_box_main .imgbox .bobo {display: inline-block;width: 50%;height: 220px}
	.board_box_main .list_text {padding: 15px 20px;border: 1px solid #ddd}
	.board_box_main .list_text .list_subject {
		font-size: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
		line-height: 1.4em;
		height: 2.8em;
		width: 100%;
		margin-top:10px;
		text-align: left
	}
	

}


@media screen and (max-width:1199px) {
	body {font-size:14px;margin: 0;padding: 0;background: #fff;color: #333;line-height: 1.6em;font-weight: 400;}
	.mo {display: none}
	.tb {display: inherit}
	.quick_bar {display: none}
	

	header {width:100%;z-index: 10;padding: 0;height: 80px}
	header .nav_header {display: none}
	header .header {position: relative}
	header .header .gnb {display: none}
	header .header .logo {position: relative;text-align: left;padding: 25px 20px;width: 100%;left: 0}
	header .header .logo img {height: 30px;cursor: pointer;}
	
	.m_gnb_ul {display: table;width: 100%;text-align: right;margin-top: 10px;}
	.m_gnb_ul li {font-size: 1.8em;line-height: 1.1em;padding: 15px 20px;font-weight: 300;position: relative;}
	.m_gnb_ul li a {color: #2f2f2f}
	.m_gnb_ul li a:after {    
	  background: none repeat scroll 0 0 transparent;
	  bottom: 0;
	  content: "";
	  display: block;
	  height: 2px;
	  left: 50%;
	  position: absolute;
	  background: #5e488c;
	  transition: width 0.3s ease 0s, left 0.3s ease 0s;
	  width: 0;
	}
	.m_gnb_ul li a:hover:after {width: 100%;left: 0;}
	.m_gnb_ul li.on .depth0{font-weight: bold;text-decoration: underline}
	.m_gnb_ul li .m_gnb_sub_nav {margin-top: 20px}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 {font-size: 15px;margin-top:10px}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 ul li {padding: 15px 0;}
	
	.mgnb {color: #67646e;position: fixed;z-index:99;width:360px;top:0px;background:#fff;display: table;right: -360px;visibility: hidden}
	.mgnbmask {position: fixed;top:0px;z-index: 8;width:100%;display: none}
	.mgnb .logo {padding: 30px}
	.mgnb .logo img {height: 60px}
	.mgnb ul li a {color: #2f2f2f}
	.nav_logo {padding: 40px 20px}
	
	.gnb_btn {position: absolute;right: 20px;top:12px;display: table;z-index: 99}
	.back_btn {position: absolute;left: 20px;top:14px;cursor: pointer}
	.back_btn img {height: 16px}
	
	.depth01 {z-index: 99;background:#6fba2c;font-size: 14px;position: absolute;left: 0;top:85px;display: none;min-width: 150px}
	.depth01 .inner{padding: 5px;text-align: left;text-overflow: ellipsis; white-space: nowrap;padding:14px 30px 14px 20px;font-family: 'NanumSquare-EB';}
	.depth01 .inner:hover {background: #3b9630}
	.depth01 a {color: #fff !important}
	.depth01_back {background: rgba(255, 255, 255, 0.95);position: absolute;top:90px;width: 100%;height: 120px;z-index: 8;display: none}


	.main_wrap {position: relative;padding: 60px 0;}
	.main_wrap .main_title {text-align: center;font-size: 2em;margin-bottom: 30px;line-height: 1em}
	
	.focus_list {margin: 50px auto;}
	.focus_list ul {overflow: hidden;display: table;width: 100%}
	.focus_list ul li {float: left;overflow: hidden;width: 48%;margin: 1%}
	.focus_list ul li .inner {padding: 30px 10px;height: 320px;text-align: center;border: 1px solid #ddd;border-radius: 3px;background: #fff;color: #333;position: relative;cursor: pointer}
	.focus_list ul li .inner .img img {width: 110px}
	.focus_list ul li .inner .more {position: absolute;bottom: 30px;left:0;width: 100%;text-align: center}
	.focus_list ul li .inner .more img {width: 100px}
	.focus_list ul li .inner .box_text {margin-top: 30px;letter-spacing: -0.05em}
	.focus_list ul li .inner .box_text .mt {font-size: 18px;font-family: 'NanumSquare-EB';}
	.focus_list ul li .inner .box_text .st .bolda {margin-bottom: 5px;font-size: 1em}
	.focus_list ul li .inner .box_text .st {font-size: 13px;margin-top: 20px;line-height: 1.5em;}
		

	
	
	#contents {margin-top:0;overflow: hidden}
	.wrap {width: 98%;margin: 0 auto;position: relative}
	
	.footer_banner {float: left;width: 33%;height: 300px;display: table}
	.footer_banner:nth-child(2) {width: 34%}
	
	footer {background: #333;color: #fff;position: relative;padding: 30px 0 30px}
	footer .info {overflow: hidden;}
	footer .info .text {font-size: 13px;line-height: 2em}
	footer .info .text span {border-right: 1px solid #666;padding: 0 10px}
	footer .info .text span.first {padding-left: 0}
	footer .nav {position: absolute;right: 0;top:0;text-align: right}
	footer .nav ul li {float: left;font-family: 'NanumSquare-EB';margin-left: 10px;font-size: 13px;border-left: 1px solid #666;line-height: 1em;padding-left: 10px}
	footer .nav ul li a {color: #fff}
	footer .copy {font-size: 12px;margin-top: 15px;position: absolute;right: 0;bottom:0;text-align: right}
	
	.beforeafter {color: #fff;position: relative}
	.beforeafter .left {position: absolute;left: 0;top:0;height: 220px;display: table;width: 260px}
	.beforeafter .left .left_inner {display: table-cell;vertical-align: middle;text-align: center;}
	.beforeafter .left .left_inner .left_box {padding: 60px 30px;font-size: 26px;background: #333;display: table;margin: 0 auto;line-height: 1.4em}
	.owl-beforeafter {padding-left: 260px;}	
	.board_box_main {float: left;width: 100%;text-align: center;cursor: pointer}
	.board_box_main .imgbox {overflow: hidden;font-size: 0}
	.board_box_main .imgbox .bobo {display: inline-block;width: 50%;height: 220px}
	.board_box_main .list_text {padding: 15px 20px;border: 1px solid #ddd}
	.board_box_main .list_text .list_subject {
		font-size: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
		line-height: 1.4em;
		height: 2.8em;
		width: 100%;
		margin-top:10px;
		text-align: left
	}
}

@media screen and (max-width: 780px){/* 최소 ~ 최대 720 */
	body {font-size:14px;margin: 0;padding: 0;line-height: 1.6em;font-weight: 400;}
	.pc {display: none}
	.tb {display: none}
	.mo {display: inherit}
	.bodyarea img { display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}

	.wrap {width: 98%;margin: 0 auto;position: relative}
	.wrap .main_wrap {overflow: hidden}
	.area_pd {padding: 40px 0}
	
	.quick_bar {display: none}
	
	header {width:100%;z-index: 10}
	header .nav_header {display: none}
	header .header .gnb {display: none}
	header .header {z-index: 10;position: fixed;width: 100%;background:rgba(255, 255, 255, 0.95);border-bottom: 1px solid #ddd}
	header .header .logo {position: relative;text-align: left;padding: 25px 20px;width: 100%;left: 0}
	header .header .logo img {height: 30px;cursor: pointer;}
	
	.main_wrap {position: relative;padding: 60px 0;}
	.main_wrap .main_title {text-align: center;font-size: 2em;margin-bottom: 30px;line-height: 1em}
	
	.focus_list {margin: 50px auto;}
	.focus_list ul {overflow: hidden;display: table;width: 100%}
	.focus_list ul li {float: left;overflow: hidden;width: 48%;margin: 1%}
	.focus_list ul li .inner {padding: 30px 10px;height: 320px;text-align: center;border: 1px solid #ddd;border-radius: 3px;background: #fff;color: #333;position: relative;cursor: pointer}
	.focus_list ul li .inner .img img {width: 110px}
	.focus_list ul li .inner .more {position: absolute;bottom: 30px;left:0;width: 100%;text-align: center}
	.focus_list ul li .inner .more img {width: 100px}
	.focus_list ul li .inner .box_text {margin-top: 30px;letter-spacing: -0.05em}
	.focus_list ul li .inner .box_text .mt {font-size: 18px;font-family: 'NanumSquare-EB';}
	.focus_list ul li .inner .box_text .st .bolda {margin-bottom: 5px;font-size: 1em}
	.focus_list ul li .inner .box_text .st {font-size: 13px;margin-top: 20px;line-height: 1.5em;}
		

	.m_gnb_ul {display: table;width: 100%;text-align: right;margin-top: 10px;}
	.m_gnb_ul li {font-size: 1.8em;line-height: 1.1em;padding: 15px 20px;font-weight: 300;position: relative;}
	.m_gnb_ul li a {color: #2f2f2f}
	.m_gnb_ul li a:after {    
	  background: none repeat scroll 0 0 transparent;
	  bottom: 0;
	  content: "";
	  display: block;
	  height: 2px;
	  left: 50%;
	  position: absolute;
	  background: #5e488c;
	  transition: width 0.3s ease 0s, left 0.3s ease 0s;
	  width: 0;
	}
	.m_gnb_ul li a:hover:after {width: 100%;left: 0;}
	.m_gnb_ul li.on .depth0{font-weight: bold;text-decoration: underline}
	.m_gnb_ul li .m_gnb_sub_nav {margin-top: 20px}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 {font-size: 15px;margin-top:10px}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 ul li {padding: 15px 0;}
	
	.mgnb {color: #67646e;position: fixed;z-index:99;width:360px;top:0px;background:#fff;display: table;right: -360px;visibility: hidden}
	.mgnbmask {position: fixed;top:0px;z-index: 8;width:100%;display: none}
	.mgnb .logo {padding: 30px}
	.mgnb .logo img {height: 60px}
	.mgnb ul li a {color: #2f2f2f}
	.nav_logo {padding: 40px 20px}
	
	.gnb_btn {position: fixed;right: 20px;top:12px;display: table;z-index: 99}
	.back_btn {position: absolute;left: 20px;top:14px;cursor: pointer}
	.back_btn img {height: 16px}
	
	.yt_type1 {border-radius: 16px;overflow: hidden;width: 100%;border: 1px solid #ddd;float: none;cursor: pointer;height: inherit}
	.yt_type1 .img {height: 260px;}
	.yt_type1 .text {padding: 20px;}
	.yt_type2 {overflow: hidden;width: 100%;float: none;margin: inherit;margin-top: 20px;height: inherit}
	.yt_type2 .img {height: 150px;width: 35%;}
	.yt_type2 .text {overflow: hidden;float: left;padding: 10px 20px;height: 150px;display: table;width: 65%}
	
	/* carousel */
	.ba_title {font-size:2em;margin-top:30px;line-height: 1.2em;letter-spacing: -0.04em}
	.lecture_blank_box {background: #fff;border: 1px solid #ddd;padding: 50px 0;text-align: center;overflow: hidden}
	.lecture_blank_box .img {float: none;text-align: center}
	.lecture_blank_box .body {float: none;display: table;height: 314px;padding-left: 50px;width: 400px;}
	.lecture_blank_box .body .inner {display: table-cell;vertical-align: middle;text-align: left}
	
	/* carousel */
	.carousel .item .mt {margin-top:350px;text-align: center}
	.carousel .item .st {margin-top:30px;text-align: center;color: #fff;font-size: 18px}
	
	.main_ba_inner {width: 90%;margin: 7% auto 0}
	.main_banner {width: 100%;overflow: hidden;margin: 0 auto;}
	.main_banner li {float: left;width: 25%;color: #fff;height: 550px;cursor: pointer}
	.main_banner li .box_text {position: absolute;top:60px;left: 50px}
	.main_banner li .box_text .mt {font-size: 2em;font-weight: bold;line-height: 1em}
	.main_banner li .box_text .st {margin-top: 10px;line-height: 1.8em}
	.mask_circle {background: url('/images/main/circle_black.png') no-repeat;width: 80px;height: 80px;background-size: cover;display: table;position: absolute;bottom:-100%;transition: transform .2s;}
	.mask_circle .circle_inner {vertical-align: middle;text-align: center;display: table-cell;font-size: 2.4em}
	.mask_circle:hover {transform: scale(1.3);}


	#contents {margin-top:0;overflow: hidden}
	
	.wrap {width: 100%;margin: 0 auto;position: relative;padding: 10px 2%;position: relative}
	.wrap .main_wrap {overflow: hidden}
	.wrap .main_wrap .title {font-size: 2.1em;color:#263b8f;line-height: 1em;font-weight: 800}
	.wrap .main_wrap .sub_title {font-size: 1.3em;color:#263b8f;line-height: 1em;font-weight: 400}
	.wrap .main_wrap .left_area {margin-bottom: 40px}
	.wrap .main_wrap .left_area2 {margin-bottom: 40px}
	.wrap .main_wrap .right_area {text-align: right;margin-bottom: 40px}
	
	.best_wrap {overflow: hidden;border: 1px solid #ddd}
	.best_wrap .one {float: none;width: 100%;height: 520px;}
	.best_wrap .one .img {height: 370px;position: relative}
	.best_wrap .one .img .level_box {background: #00aeff;color: #fff;padding: 20px;display: table;font-size: 30px}
	.best_wrap .text_box {display: table;height: 150px}
	.best_wrap .text_box .inner {display: table-cell;vertical-align: middle;padding: 0 30px}
	.best_wrap .text_box .inner .body{font-size: 15px;color: #444}
	.best_wrap .text_box .inner .subject {margin-top: 20px;font-size: 22px}
	
	.best_wrap .text_box2 {display: table;height: 220px;}
	.best_wrap .text_box2 .inner {display: table-cell;vertical-align: middle;padding: 0 30px}
	.best_wrap .text_box2 .inner .body{font-size: 16px;color: #444}
	.best_wrap .text_box2 .inner .subject {margin-top: 20px;font-size: 22px}
	
	.best_wrap .two {float: none;width: 100%;height: 282px}
	.best_wrap .two .img {height: 220px;position: relative;position: relative;position: relative;display: table;width: 100%}
	.best_wrap .two .img .level_box {background: #00aeff;color: #fff;padding: 20px;display: table;font-size: 30px}
	
	.best_wrap .three {float: none;width: 100%;}
	.best_wrap .three .img {height: 220px;position: relative;position: relative;position: relative;display: table;width: 100%}
	.best_wrap .three .img .level_box {background: #00aeff;color: #fff;padding: 20px;display: table;font-size: 30px}
	
	.banner {float: none;width: 100%;height: 400px;display: table}
	.banner .inner {padding: 40px 70px;text-align: center;display: table;margin: 0 auto}
	.banner .inner button {border: 1px solid #ddd;display: table;padding: 8px 20px;margin: 30px auto;background: transparent}
	.banner .inner button:hover {background: #fff;color: #333}
	
	.footer_banner {float: none;width: 100%;height: 280px;display: table}
	.footer_banner:nth-child(2) {width: 100%}

	
	footer {background: #333;color: #fff;position: relative;padding: 30px}
	footer .info {overflow: hidden;margin-top:20px}
	footer .info .text {font-size: 13px;line-height: 2em}
	footer .info .text span {border-right: 0;padding: 0;display: block}
	footer .info .text span.first {padding-left: 0}
	footer .nav {position: absolute;text-align: left;left: 0;top:0px}
	footer .nav ul li {float: left;font-family: 'NanumSquare-EB';margin-left: 0;font-size: 13px;border-left: 1px solid #666;line-height: 1em;padding-right: 10px}
	footer .nav ul li a {color: #fff}
	footer .copy {font-size: 12px;margin-top: 15px;position: relative;text-align: left}
	
	.quick_button {position: fixed;right: 20px;bottom: 50px;text-align: right;font-size: 13px}
	.quick_button .quickB img {width: 40px;cursor: pointer}
	.quick_button .li_inner {display: table;height: 50px;float: right;cursor: pointer}
	.quick_button .li_inner img {margin-right: 0px;width: 40px}
	
	
	.beforeafter {color: #fff;position: relative}
	.beforeafter .left {display: none}
	.owl-beforeafter {padding:0 20px;}	
	.board_box_main {float: left;width: 100%;text-align: center;cursor: pointer}
	.board_box_main .imgbox {overflow: hidden;font-size: 0}
	.board_box_main .imgbox .bobo {display: inline-block;width: 50%;height: 200px}
	.board_box_main .list_text {padding: 15px 20px;border: 1px solid #ddd}
	.board_box_main .list_text .list_subject {
		font-size: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
		line-height: 1.4em;
		height: 2.8em;
		width: 100%;
		margin-top:10px;
		text-align: left
	}
	
	.join_wrap {width: 100%;margin: 50px auto 50px;position: relative}
	.join_wrap .input_box {position: relative;border:  1px solid #eee;padding: 10px 10px 0;width: 100%}
	.join_wrap .input_box label {font-weight: 100;font-size: 12px;margin: 0 !important;background: #fff;padding: 5px 20px 0 10px;position: absolute;top:-15px;left: 5px;color: #555555}
	.join_wrap .input_box input {border-radius: 0;border: 0;width: 100%;padding:10px 15px;outline: none;font-size: 14px;font-family: 'NOTO SANS KR';height: 45px}
	.rules label {font-weight: 500}
	.rules li {position: relative;}
	.rules li .text_view {position: absolute;right: 0;top:1px;color: #5e478b;font-size: .9em;cursor: pointer;}
	.rules li .text {background: #fafafa;padding: 20px 25px;font-size: 13px;margin-bottom: 15px;display: none}
	.join_btn {background: #00aeff;color: #fff;height: 60px;width: 100%;border-radius: 5px;border: 0;font-size: 17px;}
	
	.join_wrap .profile {position: absolute;left: 0;top:0}
	.join_wrap .info {padding-left: 180px;}
	.join_wrap label {font-weight: 100;font-size: 12px;margin: 0 !important}
	.join_wrap input {border-radius: 7px;border: 1px solid #ddd;width: 100%;padding:10px 15px;outline: none;font-size: 14px;height:49px;font-family: 'NOTO SANS KR'}
	.rules label {font-weight: 500}
	.rules li {position: relative;}
	.rules li .text_view {position: absolute;right: 0;top:1px;color: #5e478b;font-size: .9em;cursor: pointer;}
	.rules li .text {background: #fafafa;padding: 20px 25px;font-size: 13px;margin-bottom: 15px;display: none}
}