@charset "utf-8";

/* Reset */
*{margin:0;padding:0; font-weight:normal; outline:0 none; border:0 none; box-sizing:border-box;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
xmp{margin-top:-20px}
table {border-spacing:0; border-collapse:collapse; width:100%;}
input,select,textarea,button {vertical-align:middle;font-family:'NotoSans','MalgumGothic',sans-serif; color:#333; font-weight:400; font-size:16px; color:#222;} 
input, select {width:100%;height:32px;padding:0 5px;border:1px solid #ccc;background-color:#fff;font-size:15px;box-sizing: border-box; border-radius: 5px;}
input[type="file"] {padding-top:6px;}
input[type="checkbox"],input[type="radio"] {width:auto;}
textarea {width:100%; padding:5px; border:1px solid #ccc; border-radius: 5px;}
button {border:0 none;background:none;cursor:pointer;}
body {background:#fff;}
select::-ms-expand {/*  display: none;  */}

/* Text */
body,th,td,input,select,textarea,button {font-size:15px; line-height:1.4; font-family:'NotoSans','MalgumGothic',sans-serif; color:#333; font-weight:400; color:#222;}
a {color:#222;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}

/*common*/
.inner {width:1200px; margin:0 auto;}
.float_wrap:after {content:""; clear:both; display:block;}

.resizing *,
.resizing *:before,
.resizing *:after {
    transition: none !important;
}

body.hidden{ overflow: hidden; }
.label{ 
	display: inline-block; 
	font-weight: 400; 
	font-family: 'dotum'; 
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	margin: -2px 10px 0 10px;
	border-radius: 5px;
	color: #fff;
	min-width: 42px; 
	padding: 0 5px;
}
.label.free{
	background: #61c2b5;
}
.label.edu{
	background: #c70752;
}
*::-ms-backdrop, .label{ line-height: 16px; } 

/************************** layout style *******************************/

/*layout*/
.header {position:fixed; left:0; top:0; width:100%; background-color:#fff; box-shadow:0 0 6px rgba(0,0,0,.25); z-index:100;}
.header_top {position:relative; height:80px; text-align:center; background-color:#fff;}
.header_top h1.logo{margin-top: 0;margin-bottom: 0;font-weight: inherit;line-height: 1.4}
.header_top img {width:130px; margin-top:20px;}
.header_cont {border-top:1px solid #e6e6e6;}

.header_menu:after, 
.gnb:after {content:""; clear:both; display:block;}

.gnb:before {content:""; display:block; position:absolute; width:100%; height:0; border-top:1px solid #e5e5e5; background-color:#fff; left:0; top:127px; box-shadow:0 5px 5px rgba(0,0,0,.1); z-index:-1; transition:.2s ease .1s;}
ul.gnb {float:left; width:calc(100% - 88px);margin-bottom: 0}
.gnb > li {float:left; border-right:1px solid #e6e6e6; width:14%; height:46px; text-align:center;}
.gnb > li:nth-child(6) {width:16%;}
.gnb > li > button {display:table; width:100%; height:100%; font-size:15px; font-weight:600; line-height:1.2}
.gnb > li:hover > button {background-color:#0ac6ae; color:#fff; transition:.2s ease;}
.gnb > li:hover .gnb_sub {position:relative; max-height:999px; transition:.3s ease;}
.gnb > li:hover .gnb_sub > li > a {border-bottom:1px solid #cbcbcb; border-left:1px solid #0ac6ae; border-right:1px solid #0ac6ae;}
.gnb > li:hover .gnb_sub > li:last-child > a {border-bottom-color:#0ac6ae;}

.gnb_sub {transition:.1s ease; background-color:#fff; max-height:0; overflow:hidden;}
.gnb_sub > li > a {display:block; padding:12px 2px 8px; min-height:40px; text-align:center; font-size:14px;}
.gnb_sub > li:last-child > a {border-bottom:none;}
.gnb_sub > li > a:hover {background-color:#fafafa; color:#0ac6ae;}
.gnb_sub .sub_menu_sm a {font-size:13px;}

.header_menu {width:1200px; margin:0 auto; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.header_menu .header_menu_box {float:left; width:44px; height:46px; text-indent:-9999px; transition:background-color .1s ease;}
.header_menu .btn_menu_fb {border-right:1px solid #e6e6e6; background:url(../images/common/icon_facebook.svg) no-repeat center center; background-size:10px;}
.header_menu .btn_menu_fb:hover {background-image:url(../images/common/icon_facebook_w.svg); background-color:#3c5a99;}
.header_menu .btn_menu_all {float:right; background:url(../images/common/icon_menu.svg) no-repeat center center; background-size:26px;}
.header_menu .header_top_btn {position:fixed; left:50%; top:25px; margin-left:-600px; white-space:nowrap;}
/*.header_menu .btn_menu_all:hover {background-image:url(../images/common/icon_menu_w.svg); background-color:#666;}*/

.header_menu .btn_menu_all.on {background-image:url(../images/common/icon_x_w.svg); background-size:17px; background-color:#666;}
.header_menu .btn_menu_all.on + .gnb:before {height:240px; transition:.1s ease;}
.header_menu .btn_menu_all.on + .gnb > li > a {background-color:#fff; color:#222;}
.header_menu .btn_menu_all.on + .gnb .gnb_sub {max-height:999px; border:none; margin-top:30px;}
.header_menu .btn_menu_all.on + .gnb .gnb_sub > li > a  {border:none; background-color:#fff; min-height:45px;}


.header_login {position:fixed; right:50%; margin-right:-600px; /* top:31px; */ top: 25px; }
.header_login:after,
.header_login .header_login_info:after {content:""; clear:both; display:block;}
.header_login .header_login_info {float:left;}
.header_login .login_user {float:left; font-size:13px; margin-right:8px;}
.header_login .login_user span {font-weight:600; font-size:14px; vertical-align:text-bottom;}
.header_login .btn_login {
	float:left; /* font-weight:600; font-size:15px; */
	font-size: 0;
	background: url('../images/icon/icon_login_google.jpg') no-repeat center center #fff;
	border-radius: 100%;
	border: 1px solid #c70752;
	width: 35px;
	height: 35px; 
	background-size: 22px;
}
.header_login label{display: inline}
.header_login .btn_logout {float:left; text-decoration:underline; font-size:13px; margin-top:1px; color:#0ac6af; font-weight:600;}




.contents {padding-top:127px;}
.contents.sub_contents:after {content:""; clear:both; display:block;}
.contents.sub_contents {width:1200px; margin:40px auto;font-size:15px; line-height:1.4; font-family:'NotoSans','MalgumGothic',sans-serif; color:#333; font-weight:400; color:#222;}

.footer {border-top:1px solid #ccc;}
.footer .footer_top {width:1200px; margin:0 auto; height:55px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.footer .footer_top:after, .footer .footer_menu:after,
.footer .footer_consult:after, .footer .footer_consult_contact:after {content:""; clear:both; display:block;}
.footer .footer_mark {float:left; display:table; width:22%; height:100%; text-align:center;}
.footer .footer_mark span {display:table-cell; height:100%; vertical-align:middle; }
.footer .footer_mark img {display:inline-block; max-width:180px; width:90%; margin-top:5px;}
.footer .footer_menu {float:left; width:33%; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.footer .footer_menu li {position:relative; float:left; display:table; width:30%; height:55px; text-align:center; }
.footer .footer_menu li:after {content:""; display:block; position:absolute; width:1px; height:30px; right:0; top:50%; margin-top:-15px; background-color:#e6e6e6;}
.footer .footer_menu li:nth-child(2) {width:40%;}
.footer .footer_menu li:last-child:after {display:none;}
.footer .footer_menu li a {display:table-cell; vertical-align:middle; font-size:15px;}
.footer .footer_menu li a:hover {text-decoration:underline; font-weight:600;}
.footer .footer_consult {float:left; width:45%;}

.footer .footer_consult_num:before {content:""; display:inline-block; width:20px; height:20px; margin-right:2%; vertical-align:sub; background:url(../images/common/icon_footer_phone.png) no-repeat center center; background-size:100%; }
.footer .footer_consult_num {float:left; width:55%; height:55px; text-align:center; color:#666; font-weight:600; margin-top:15px;}
.footer .footer_consult_num a {display:inline-block; font-size:21px; color:#f68484; margin-left:2%; vertical-align:middle;}
.footer .footer_consult_info:before {content:""; display:block; position:absolute; width:1px; height:30px; left:0; top:50%; margin-top:-18px; background-color:#e6e6e6;}
.footer .footer_consult_info {position:relative; float:left; width:45%; margin-top:12px; text-align:center;}
.footer .footer_consult_info .footer_consult_time {display:inline-block; text-align:left;}
.footer .footer_consult_info p {font-size:12px; color:#666; line-height:1.2; font-weight:600;}
.footer .footer_consult_info em {font-size:14px; color:#666;}


.footer .footer_bottom {padding:40px 0 10px; background-color:#6c6c6c;}
.footer .footer_contents:after {content:""; display:block; clear:both;}
.footer .footer_logo {float:left; width:30%; text-align:center;}
.footer .footer_logo img {display:inline-block; max-width:100%;}
.footer .footer_info {float:left; width:70%;}
.footer .footer_info li {display:inline-block; color:#fff; font-size:14px; margin-right:25px; margin-bottom:5px;}
.footer .footer_info li:before {content:""; display:inline-block; width:2px; height:2px; background-color:#fff; vertical-align:middle; margin-right:5px;}
.footer .footer_copy {width:100%; text-align:center; color:#eee; font-size:13px; margin-top:25px;}




/************************** common style *******************************/

/*spacing*/
.space_xs {margin-top:10px;}
.space_sm {margin-top:20px;}
.space_md {margin-top:40px;}
.space_lg {margin-top:60px;}


/*tab*/
.tab_section {position:relative;} 
.tab_section .tab_contents {position:absolute; left:0; top:0; display:none;} 
.tab_section .tab_contents:first-child {display:block;}

.tab1:after {content:""; clear:both; display:block;}
.tab1 {border-bottom:1px solid #68b1b1;}
.tab1 li {float:left;}
.tab1 li button {display:block; text-align:center; min-width:88px; height:32px; padding:2px 20px 0 20px; font-size:14px; color:#68b1b1; font-weight:600; border:1px solid #68b1b1; border-bottom:none; background-color:#fff;}
.tab1 li.on button {background-color:#68b1b1; color:#fff;}



/*button*/
.btn_md {min-width:90px; padding:10px 20px; font-size:14px; line-height:1;}
.btn_mint {background-color:#0ac6af; border:1px solid #01b6b4; color:#fff;}
.btn_magenta {background-color:#d42067; border:1px solid #c70752; color:#fff;}
.btn_pink {background-color:#f68484; border:1px solid #e86f6f; color:#fff;}

.link_search {color:#c70752; font-size:13px; font-weight:600; padding:8px 16px; border-radius:100px; border:1px solid #c70752; line-height:1; transition:.2s ease;}
.link_search:after {content:""; display:inline-block; width:14px; height:15px; background:url(../images/common/icon_search.svg) no-repeat center center; vertical-align:sub; margin-left:5px;}
.link_search:hover{background-color:#c70752; color:#fff;}
.link_search:hover:after {background-image:url(../images/common/icon_search_w.svg);}


/*more linke*/
.more_right {text-align:right; margin-bottom:5px;}
.link_more {line-height:1; color:#0ac6af; font-weight:600; font-size:13px;}
.link_more:after {content:""; display:inline-block; width:14px; height:14px; margin-left:2px; background-repeat:no-repeat; background-position:center bottom; background-size:13px; transition:.3s ease .1s;}
.link_more:hover:after {transform:translateX(2px); -webkit-transform:translateX(2px); -o-transform:translateX(2px); -moz-transform:translateX(2px); -ms-transform:translateX(2px);}
.link_more:hover {text-decoration:underline;}

.link_more.link_more_mint {color:#0ac6af;}
.link_more.link_more_mint:after {background-image:url(../images/common/arrow_right_mint.svg);}
.link_more.link_more_black {color:#000;}
.link_more.link_more_black:after {background-image:url(../images/common/arrow_right_bl.svg);}
.link_more.link_more_white {color:#fff;}
.link_more.link_more_white:after {background-image:url(../images/common/arrow_right_w.svg);}
.link_more.link_more_blue {color:#2b5be5;}
.link_more.link_more_blue:after {background-image:url(../images/common/arrow_right_blue.svg);}

/*image wrapper - 가로, 세로 이미지 중앙에 맞추어 자동 크롭*/
.image_wrapper {position:relative; overflow:hidden;}
.image_wrapper > img {display:block; position:absolute;}
.image_wrapper.image_wrapper_x > img {height:100%; width:auto; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.image_wrapper.image_wrapper_y > img {width:100%; min-height:100%; height:auto; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);} 

/*list type*/
.course_list1 li {float:left; position:relative; width:23.5%; margin-right:2%; border:1px solid #e5e5e5; background-color:#fff; transition:.2s ease;} 
.course_list1 li:last-child {margin-right:0;} 
.course_list1 .course_detail {height:96px; padding:12px 4% 0;}
.course_list1 .course_detail dt {margin-bottom:6px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.course_list1 .course_detail dd {margin-bottom:4px; font-size:12px; color:#666; letter-spacing:-0.1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.course_list1 button {display:block; margin:0 auto 20px;}

.course_list1 li:hover {box-shadow:0 0 5px rgba(0,0,0,.25);}
.course_list1_1:hover {border:1px solid #0ac6af;}
.course_list1_2:hover {border:1px solid #c70752;}
.course_list1_3:hover,
.course_list1_4:hover {border:1px solid #e86f6f;}


.course_list_type {position:absolute; font-size:13px; color:#fff; width:50px; height:25px; padding-top:5px; text-align:center;}
.course_list1_1 .course_list_type {background-color:rgba(38,200,180,.8);}
.course_list1_2 .course_list_type {background-color:rgba(199,7,82,.8);}
.course_list_banner {max-height:185px; overflow:hidden;}
.course_list_banner img {width:100%;}
.course_list1_3 .course_list_banner, 
.course_list1_4 .course_list_banner {margin:8px 8px 0; border-radius:3px;}
.course_list1_3 .course_list_banner img,
.course_list1_4 .course_list_banner img {width:100%;}
.course_list1_3 .course_list_type,
.course_list1_4 .course_list_type {left:auto; right:18px; top:18px; border-radius:100px;}
.course_list1_3 .course_list_type {background-color:rgba(0,0,0,.6);}
.course_list1_4 .course_list_type {background-color:rgba(199,7,82,.8);}

/*Gallery*/
.gallery1 {margin-top:40px; box-shadow:0 0 5px rgba(0,0,0,.2);}
.gallery1 .gallery1_tit {display:table; height:42px; width:100%; background-color:#4196e0;}
.gallery1 .gallery1_tit > p {display:table-cell; vertical-align:middle; color:#fff; font-size:16px; text-align:center;}
.gallery1 .gallery1_contents {padding-top:42px; margin-top:-42px;}

.gallery1_box {width:100%; padding:20px;}
.gallery1_box li {float:left; width:23.5%; margin-right:2%;}
.gallery1_box li:last-child {margin-right:0;}
.gallery1_box li > a:hover .gallery1_img {box-shadow:0 0 5px rgba(0,0,0,.25); outline:2px solid #4196e0;}
.gallery1_box .gallery1_img {height:200px; background-color:#666;}
.gallery1_box .gallery1_name {height:37px; margin-top:15px; font-size:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; word-wrap:break-word; word-break:break-all; overflow:hidden;}
.gallery1_box .gallery1_name span {color:#4196e0; display: inline-block; margin:0 5px 0 0;}

.gallery1 .swiper-wrapper {height:290px;}
.gallery1 .swiper-pagination-bullet {display:none;}
.gallery1 .swiper-button-prev, 
.gallery1 .swiper-button-next {z-index:100; top:-1px; width:42px; height:42px; margin-top:0; background-repeat:no-repeat; background-position:center center; background-size:12px; outline:1px solid rgba(255,255,255,.2); opacity:1;}
.gallery1 .swiper-button-prev {left:0; background-image:url(../images/common/icon_prev3.svg); border-right:1px solid #3283c9; }
.gallery1 .swiper-button-next {right:0; background-image:url(../images/common/icon_next3.svg); border-left:1px solid #3283c9;}




/*sliders*/
.slider_type1 .swiper-slide img {display:block; width:100%;}
.slider_type1 .swiper-button-prev, 
.slider_type1 .swiper-button-next {width:60px; height:60px; background-color:rgba(255,255,255,.5); background-repeat:no-repeat; background-position:center center; background-size:20px;}
.slider_type1 .swiper-button-prev {left:2%; background-image:url(../images/common/icon_prev.svg);}
.slider_type1 .swiper-button-next {right:2%; background-image:url(../images/common/icon_next.svg);}
.slider_type1 .swiper-pagination-bullet {width:14px; height:14px; border:2px solid #fff; background:none; opacity:1;}
.slider_type1 .swiper-pagination-bullet-active {background-color:#fff;}

.slider_type2 .swiper-wrapper {padding-bottom:60px;}
.slider_type2 .swiper-button-prev, 
.slider_type2 .swiper-button-next {width:50px; height:50px; margin-top:-50px; background-repeat:no-repeat; background-position:center center; background-size:50px;}
.slider_type2 .swiper-button-prev {left:5%; background-image:url(../images/common/icon_prev2.svg);}
.slider_type2 .swiper-button-next {right:5%; background-image:url(../images/common/icon_next2.svg);}
.slider_type2 .swiper-pagination-bullet {width:14px; height:14px; background:#000; opacity:.5;}
.slider_type2 .swiper-pagination-bullet-active {opacity:1;}

.slider_type3 {background-color:#f2f2f2;}
.slider_type3 .swiper-wrapper {height:220px; }
.slider_type3 ul:after {content:""; clear:both; display:block;}
.slider_type3 ul {padding:50px 40px;}
.slider_type3 ul li {float:left; width:22%; margin-right:4%; text-align:center;}
.slider_type3 ul li:last-child {margin-right:0;}
.slider_type3 ul li img {display:block; width:100%; margin-bottom:15px;}
.slider_type3 ul li div {width:100%; height:100px; background-color:#ccc; margin-bottom:10px;}
.slider_type3 ul li p {font-size:14px; font-weight:600;}
.slider_type3 .swiper-pagination-bullet {display:none;} 
.slider_type3 .swiper-button-prev, 
.slider_type3 .swiper-button-next {width:40px; height:40px; background-repeat:no-repeat; background-position:center center; background-size:12px;}
.slider_type3 .swiper-button-prev {left:0; background-image:url(../images/common/icon_prev.svg);}
.slider_type3 .swiper-button-next {right:0; background-image:url(../images/common/icon_next.svg);}







/*tablet*/
@media only screen and (max-width:1600px) {

} 




/*tablet*/
@media only screen and (max-width:1200px) {
    
    /*common*/
    .inner {width:96%;}
    
    /*layout*/
    .header_top {padding:0 2%;}
    .header_menu {width:100%; border-left:none; border-right:none;}
    .header_menu .btn_menu_all {position:fixed; right:2%; top:17px;}
    .header_menu .btn_menu_fb {position:fixed; top:25px; left:175px; width:33px; height:33px; border-right:none; border-radius:100px; border:1px solid #ccc; background-size:8px;}
    .header_menu .header_top_btn {left:2%; margin-left:0;}
    .header_login {margin-right:0; right:80px;}
    
    .gnb {width:100%; border-right:none;}
    .gnb > li:last-child {border-right:none;}
    .gnb > li > button {font-size:14px;}
    .gnb_sub > li > a {font-size:13px;}
    .gnb_sub .sub_menu_sm a {font-size:11px;}
    
    .contents.sub_contents {width:96%;}
    
    .footer .footer_top {width:100%; border:none;}
    .footer .footer_menu li a {font-size:13px;}
    .footer .footer_menu li:after {height:20px; right:0; top:50%; margin-top:-12px;}
    .footer .footer_consult_num {width:45%; margin-top:6px; font-size:13px; line-height:1.5}
    .footer .footer_consult_num a {display:block;font-size:17px; font-weight:600;}
    .footer .footer_consult_info {position:relative; float:left; width:55%;}
    .footer .footer_consult_info .footer_consult_time {text-align:center;}
    .footer .footer_consult_info em  {font-size:13px;}
    
    .footer .footer_bottom {padding-top:25px;}
    .footer .footer_logo {width:25%; text-align:left;}
    .footer .footer_logo img {width:90%; margin-top:5px;}
    .footer .footer_info {width:75%;}
    .footer .footer_info li {font-size:12px;}
    .footer .footer_copy {margin-top:10px; font-size:11px;}
    
    
    /*sliders*/
    .slider_type1 .swiper-slide {height:450px; overflow:hidden;}
    .slider_type1 .swiper-slide img {position:absolute; left:50%; height:100%; width:auto; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
    .slider_type1 .swiper-button-prev, 
    .slider_type1 .swiper-button-next {width:40px; height:40px; background-size:12px; margin-top:-20px;}
    .slider_type1 .swiper-button-prev {left:0;}
    .slider_type1 .swiper-button-next {right:0;}
    
    .slider_type2 .swiper-button-prev, 
    .slider_type2 .swiper-button-next {width:30px; height:30px; background-size:30px; top:auto; bottom:10px; z-index:50;}
    .slider_type2 .swiper-button-prev {left:2%;}
    .slider_type2 .swiper-button-next {right:2%;}
	
	.slider_type3 ul li div {height:50px;}
    
    
} 


/*tablet*/
@media only screen and (max-width:1000px) {

    .footer .footer_bottom {padding-top:15px;}
    .footer .footer_logo {float:none; width:100%; text-align:center; margin-bottom:10px;}
    .footer .footer_logo img {width:160px;}
    .footer .footer_info {float:none; width:100%; text-align:center;}
    .footer .footer_info li:before {display:none;}
    
    
    /*sliders*/
    .slider_type1 .swiper-slide {height:350px;}
    
    .slider_type3 ul {padding:20px 12%;} 
    .slider_type3 ul li {float:left; width:50%; margin-right:0; margin-bottom:20px; padding:0 14%;}
    .slider_type3 ul li img {margin-bottom:5px;}
    .slider_type3 ul li p {font-size:12px;}
    
    
    
}




/*Mobile*/ 
@media only screen and (max-width:768px) {
    
    /*layout*/
    html,body{
        overflow-x: hidden;
    }
    
    .header {box-shadow:none;}
    .header_top {height:46px; text-align:left;}
    .header_top img {width:90px; margin-top:12px;}
    .header_menu .btn_menu_all {top:0; right:0;}
    .header_menu .btn_menu_fb {top:60px; left:calc(104% + 150px); right:0; transition:.3s ease .1s;}
    .header_menu .header_top_btn {top:60px; left:104%; transition:.3s ease .1s;} 
    
    .header_login {top:105px; right:auto; left:104%; transition:.3s ease .1s; padding-left:1%;}
    .header_login .header_login_info {float:none;}
    .header_login .login_user {float:none;}
    .header_login .btn_login {float:none; /* margin-top:12px; */}
    .header_login .btn_logout {float:none;}
    .header_menu .btn_menu_all.on ~ .header_login {left:44%;}
    
    .gnb:before {content:""; display:block; position:absolute; width:100%; height:100px; background-color:#fff; left:0; top:-1px;}
    ul.gnb {position:fixed; right:-60%; width:60%; height:100%; background-color:#f5f5f5; padding-top:110px; transition:.3s ease .1s;}
    .gnb > li {float:none; width:100%; text-align:left; height:auto;}
    .gnb > li:first-child {border-top:1px solid #e6e6e6;}
    .gnb > li:nth-child(6) {width:100%;}
    .gnb > li > button {min-height:40px; border-bottom:1px solid #e6e6e6; text-align:left; padding-left:8%; font-size:14px; background-color:#fff;}
    .gnb > li:hover button {background-color:#fff; color:#0ac6ae; border-left:4px solid #0ac6ae;}
    .gnb > li:hover .gnb_sub > li > a {border:none; background:transparent;}
    
    .gnb_sub {padding:0 8%; background-color:#f5f5f5; transition:.1s ease;}
    .gnb_sub > li {margin-bottom:8px; transition:none;}
    .gnb_sub > li:last-child {margin-bottom:0;}
    .gnb_sub > li > a {min-height:auto; padding:0; text-align:left; font-size:14px; color:#666;}
    .gnb_sub .sub_menu_sm a {font-size:14px;}
    .gnb_sub .sub_menu_sm a br {display:none;}
    
    .gnb_bg {position:fixed; width:100%; height:100%; top:0; right:0; background-color:rgba(0,0,0,.7); z-index:-10; transition:.3s ease .1s; display:none;}
    
    .header_menu .btn_menu_all.on + .gnb {right:0;}
    .header_menu .btn_menu_all.on + .gnb .gnb_sub {margin-top:0; max-height:0; overflow:hidden;}
    .header_menu .btn_menu_all.on + .gnb .gnb_sub > li > a  {border:none; background-color:transparent; min-height:auto;}
    .header_menu .btn_menu_all.on ~ .btn_menu_fb {left:calc(44% + 150px);}
    .header_menu .btn_menu_all.on ~ .header_top_btn {left:44%;}
    .header_menu .btn_menu_all.on ~ .gnb_bg {display:block;}
    
    .btn_menu_all.on + .gnb > li:hover .gnb_sub {max-height:999px; transition:.6s ease .1s;}
    .btn_menu_all.on + .gnb > li:hover .gnb_sub > li:first-child {padding-top:10px;}
    .btn_menu_all.on + .gnb > li:hover .gnb_sub > li:last-child {padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
    
    
    
    .contents {padding-top:46px}
    
    .footer .footer_top {height:auto;}
    .footer .footer_mark {width:30%; height:40px}
    .footer .footer_mark img {margin-top:8px;}
    .footer .footer_menu {width:70%;}
    .footer .footer_menu li {height:40px;}
    .footer .footer_consult {width:100%; border-top:1px solid #ccc;}
    .footer .footer_consult_num {width:50.8%; height:auto;}
    .footer .footer_consult_info {width:49.2%;}
    
    
    
    
    
    /*more linke*/
    .more_right {margin-top:-20px;}
    
    
    
    
    /*sliders*/
    .slider_type1 .swiper-slide {height:210px;}
    .slider_type2 .swiper-wrapper {padding-bottom:40px;}
    .slider_type3 ul {padding:20px 12%;} 
    .slider_type3 ul li {float:left; width:50%; margin-right:0; margin-bottom:20px; padding:0 14%;}
    .slider_type3 ul li img {margin:0 auto 5px; width:75px;}
    .slider_type3 ul li p {font-size:12px;}
    
   
    .course_list1 li {width:49%; margin-bottom:20px;}
    .course_list1 li:nth-child(2n) {margin-right:0;}

    
    /*Gallery*/
    .gallery1 .swiper-wrapper {height:auto;}
    .gallery1_box li {width:44%; margin:10px 3%;}
    .gallery1_box .gallery1_img {height:150px;}

    
}


@media only screen and (max-width:480px) {
    
    
    
    .footer .footer_mark {width:100%; border-bottom:1px solid #ccc;}
    .footer .footer_mark img {width:120px;}
    .footer .footer_menu {width:100%; border:none;}
    .footer .footer_consult_num {width:40%;}
    .footer .footer_consult_info {width:60%;}
    .footer .footer_info li {display:inline-block; margin-right:10px; margin-top:0px;}
    
    /*sliders*/
    .slider_type1 .swiper-slide {height:140px;}
    
    
    /*Gallery*/
    .gallery1_box li {width:48%; margin:10px 0;}
    .gallery1_box li:nth-child(2n) {margin-left:4%;}
    .gallery1_box .gallery1_img {height:100px;}
    
    
    
    
    
    
 
}