/* global_layout ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header .quick_wrap .quick_container, #header .search_wrap .search_container, #navigation .nav_container, #footer .foot_menu .menu, #footer .address_wrap, #container .wrap, .sub_header .anchor_wrap > div, .member.sub_spot, .sitemap.sub_spot {margin:0 auto;width: 100%;max-width:1080px;min-width:320px;}


#container {padding:0;}

/* search ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header, #navigation, #container, #footer, .sub_header .anchor_wrap, .sub_header .sub_spot {width:100%;}
#header .quick_wrap {border-bottom:1px solid #e0e0e9;}
#header .quick_wrap .quick_container {height:35px;line-height:35px;}
#header .quick_wrap .quick_container li {display:inline-block;zoom:1;*display:inline;border-left:1px solid #e0e0e9;}
#header .quick_wrap .quick_container li:hover, #header .quick_wrap .quick_container li a:hover {background-color:#eaeaf9;}
#header .quick_wrap .quick_container li a {color:#000;width:100%;height:35px;padding:0 19px;}
#header .quick_wrap .quick_container .lang, #header .quick_wrap .quick_container .member {border-right:1px solid #e0e0e9;}
#header .quick_wrap .quick_container .lang {float:left;display:none;}
#header .quick_wrap .quick_container .member {float:right;font-weight:800;font-size:13px;}
#header .quick_wrap .quick_container .member .facebook a, #header .quick_wrap .quick_container .member .youtube a, #header .quick_wrap .quick_container .member .kakaoch a {display:inline-block;zoom:1;*display:inline;vertical-align:middle;}
#header .quick_wrap .quick_container .member .facebook a {background:url(/Image/common/icon_facebook.png) 50% 50% no-repeat;background-size:12px;padding:0 25px;}
#header .quick_wrap .quick_container .member .youtube a {background:url(/Image/common/icon_youtube.png) 50% 50% no-repeat;background-size:24px;padding:0 31px;}
#header .quick_wrap .quick_container .member .kakaoch {background-color:#fbd900;}
#header .quick_wrap .quick_container .member .kakaoch a {background:url(/Image/common/icon_kakao.png) 50% 50% no-repeat;background-size:18px;padding:0 31px;}

#header .search_wrap .search_container {position:relative;height:106px;}
#header .search_wrap h1 {position:absolute;top:23px;left:0;}
#header .search_wrap h1 a {display:inline-block;zoom:1;*display:inline;}
#header .search_wrap h1 a:nth-child(1) {width:140px;padding-right:12px;margin-right:12px;}
#header .search_wrap h1 a:nth-child(2) img:nth-child(1) {width:138px;}
/* #header .search_wrap h1 a:nth-child(2) img:nth-child(2) {width:55px;margin-left:10px;} */
#header .search_wrap .search_group {position:absolute;right:0;top:30px;}
#header .search_wrap .search_group .search_width {overflow:hidden;}
#header .search_wrap .search_group .search_box, #header .search_wrap .search_group .quick_search {float:left;}
#header .search_wrap .search_group .search_box {height:46px;border:3px solid #33336e;padding:0 0 0 13px;}
#header .search_wrap .search_group .search_box input {border:0;outline:0;height:40px;line-height:40px;font-size:14px;background-color:#fff;width:280px;padding-left:0;}
#header .search_wrap .search_group .search_box button {width:41px;height:40px;text-indent: -9999px;border:none;background:#33336e url(/Image/common/icon_search1.png) 50% 50% no-repeat;background-size:60%;}
#header .search_wrap .search_group .search_box button:hover {background-color:#2b2b9c;}
#header .search_wrap .search_group .quick_search {width:104px;height:46px;margin-left:9px;border:none;outline:0;text-align:left;padding:0 0 0 42px;background:#8dc63f url(/Image/common/icon_quick.png) 8px 9px no-repeat;background-size:26px;color:#fff;font-family:"Lato",sans-serif;font-weight:400;z-index:200;position:relative;transition: all 0.3s ease-in-out 0s;}
#header .search_wrap .search_group .quick_search:hover {background-color:#6fad19;}
#header .search_wrap .search_group .quick_search.active {background:#66a60e url(/Image/common/icon_set.png) -95px -36px no-repeat;border: 1px solid #8dc63f;}



/* navigation ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#navigation {position:relative;}
#navigation .nav_container {height:48px;position:relative;}
#navigation {background-color:#33336e;}
#navigation .nav_container > ul {margin-left:56px;}
#navigation ul li {text-align:center;}
#navigation ul li > a {font-size:18px;font-weight:400;}
#navigation ul li a {color:#fff;display:block;line-height: 140%;padding: 12px 0;}
#navigation ul li a:hover {color:#8dc63f;}
#navigation .nav_container ul li:hover > .snb_doopdown {padding:10px 20px;height:auto;filter:Alpha(opacity=100); opacity:1;-ms-filter:"alpha(opacity=100)";-khtml-opacity:100;-moz-opacity:100;}
#navigation .nav_container ul > li {width:19.8%;}
#navigation .nav_container ul > li {line-height:48px;display:inline-block;zoom:1;*display:inline;vertical-align:middle;position:relative;}
#navigation .nav_container ul > li:last-child {display:none;}
#navigation .nav_container ul li span {display:block;width:14px;height:7px;background:url(/Image/common/gnb_point.png) 0 0 no-repeat;position:absolute;top:0;left:50%;margin-left:-7px;}
#navigation .nav_container ul > li .snb_doopdown {position:absolute;background-color:#232354;z-index:100;min-width:226px;left:50%;top:48px;margin-left:-113px;overflow:hidden;height:0;transition: all 0.3s ease-in-out 0s;filter:Alpha(opacity=0); opacity:0;-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}
#navigation .nav_container ul > li .snb_doopdown a {color:#c1c1dc;}
#navigation .nav_container ul > li .snb_doopdown a:hover {color:#fff;}
#navigation .nav_container ul > li .snb_doopdown dt:first-child {border-top:0;}
#navigation .nav_container ul > li .snb_doopdown dt {border-top:1px solid #3f3f77;font-size:15px;letter-spacing:-1px;}
#navigation .nav_container ul .divide {width:1px;height:22px;background-color:#5c5c8b;margin:13px 0;}
#navigation .all_menu {position:absolute;top:0;left:0;}
#navigation .all_menu .all {width:56px;height:48px;text-indent:-9999px;background:url(/Image/common/icon_set.png) 14px -81px no-repeat;border-left:1px solid #5c5c8b;border-right:1px solid #5c5c8b;position:relative;cursor:pointer;float:left;}
#navigation .all_menu .all a {display:block;width:56px;height:48px;}
#navigation .all_menu .all.on {background-color:#232354;background-position:-185px -33px;}
#navigation .all_menu:hover {background-color:#232354;}
#navigation .all_pop_menu ul:first-child {margin-left:56px;border-left:0;}
#navigation .all_pop_menu {background-color:#232354;position:absolute;width:100%;top:48px;z-index:200;min-height: 365px;}
#navigation .all_pop_menu .wrap {width: 100%;max-width:1080px;min-width:290px;margin:0 auto;}
#navigation .all_pop_menu ul {display:inline-block;zoom:1;*display:inline;margin-left:0;vertical-align:top;width:18.9%;border-left:1px solid #3f3f77;height:365px;padding-top:15px;}
#navigation .all_pop_menu ul li {clear:both;line-height:31px;}
#navigation .all_pop_menu ul li a {font-size:15px;color:#c1c1dc;letter-spacing:-1px;word-wrap: break-word;word-break:keep-all;overflow-wrap:break-word;}
#navigation .all_pop_menu ul li a:hover {color:#fff;}

/* mobile_gnb */
#header .m_gnb {position:absolute;z-index:100;width:100%;min-width:320px;z-index:200;}
#header .m_gnb button {background-image:url(/Image/common/icon_set.png);background-repeat:no-repeat;border:0;background-color:#fff;position:absolute;width:48px;height:48px;cursor:pointer;}
#header .m_gnb .gnb_btn {background-position:-45px -81px;top:29px;left:7px;}
#header .m_gnb .gnb_btn.active {background-image:url(/Image/common/gnb_close.png);background-position:50% 50%;background-size:65%;background-color:transparent;}
#header .m_gnb .login {background:url(/Image/common/icon_join1.png) 50% 50% no-repeat;background-size:54%;top:29px;right:2px;}

.cbp-spmenu-push-gnb #opacity_bg, .cbp-spmenu-push-toleft #opacity_bg {display:block !important;}


/* footer ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {background-color:#e2e2e2;}
#footer .foot_menu {height:43px;line-height:43px;background-color:#efefef;}
#footer .foot_menu .menu {text-align:center;}
#footer .foot_menu .menu ul {margin:0 auto;}
#footer .foot_menu .menu ul li {display:inline-block;zoom:1;*display:inline;vertical-align:middle;}
#footer .foot_menu .menu ul .divide {width:1px;background-color:#d4d4d4;height:14px;margin:0 0.93em;}
#footer .address_wrap {position:relative;padding:20px 0;}
#footer .address_wrap .foot_logo img {width:145px;}
#footer .address_wrap .foot_logo {position:absolute;top:31px;left:0;}
#footer .address_wrap .address_group .address {text-align:right;color:#636363;}
#footer .address_wrap .address_group .address p {line-height:23px;font-size:13px;}
#footer .address_wrap .address_group .address p strong {margin-left:20px;color:#000;}
#footer .address_wrap .address_group .address p strong:first-child {margin-left:0px;}
#footer .address_wrap .address_group .address .copyright {margin-top:23px;font-size:12px;color:#808080;}


/* mobile_global ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.pc {display:block;}
.mb {display:none;}
.pos {position:relative;}

.clearfix {*zoom:1;}
.clearfix::after, .clearfix::before {content: "";display: block;clear: both;line-height:0;}
.clearfix::after {clear: both;}



/* pc hidden --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#cbp-spmenu-s1 {display:none;}



/* mobile gnb --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.cbp-spmenu {background: #fff;position: fixed;}
.cbp-spmenu-vertical {width:250px;height: 100%;top: 0;z-index: 1000;}
.cbp-spmenu-left {left: -250px;}
.cbp-spmenu-right {right: -250px;}
.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px;}
.cbp-spmenu, .cbp-spmenu-push {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.cbp-spmenu-push {overflow-x: hidden;position: relative;left: 0;}
.cbp-spmenu-push-toleft {left: -250px;}
.cbp-spmenu-push-toright {left:0;}
.cbp-spmenu-push-gnb {left: 250px;}


/* member btn */
.mb_gnb_menu .member_btn {overflow:hidden;background-color:#e6e6f1;border-bottom:1px solid #cdcddc;margin-bottom:40px;}
.mb_gnb_menu .member_btn p {float:left;font-size:15px;font-weight:400;width:50%;padding:15px 0;text-align:center;}
.mb_gnb_menu .member_btn p a strong {display:inline-block;zoom:1;*display:inline;width:30px;height:30px;background-color:#33336e;background-repeat:no-repeat;-webkit-border-radius: 25px;-moz-border-radius: 25px;-ms-border-radius: 25px;border-radius: 25px;vertical-align:middle;margin-right:8px;}
.mb_gnb_menu .member_btn p a {color:#000;}
.mb_gnb_menu .member_btn .login {border-right:1px solid #cdcddc;}
.mb_gnb_menu .member_btn .join a strong {background-image:url(/Image/common/icon_join.png);background-size:60%;background-position:50% 50%;}
.mb_gnb_menu .member_btn .login a strong {background-image:url(/Image/common/icon_login.png);background-size:60%;background-position:30% 50%;}
.mb_gnb_menu .member_btn .logout a strong {background-color:#800b0b;background-image:url(/Image/common/icon_logout.png);background-size:52%;background-position:50% 50%;}


/* another_language */
.mb_gnb_menu .another_lang {overflow:hidden;background-color:#33336e;display:none;}
.mb_gnb_menu .another_lang ul li {float:left;width:50%;text-align:center;padding:15px 0;}
.mb_gnb_menu .another_lang ul li:first-child {border-right:1px solid #cdcddc;}
.mb_gnb_menu .another_lang ul li a {color:#fff;}

.mb_gnb_menu .online_study {margin:30px 20px 0;}
.mb_gnb_menu .banner_mp3 {margin:5px 0 15px 0;border:1px solid #d4d4d4;font-size:0;line-height:normal;}


.mb_gnb_menu .sns_btn_group {overflow:hidden;padding:0 15px;}
.mb_gnb_menu .sns_btn_group p {float:left;font-size:14px;font-weight:400;width:calc(100% / 3);padding:15px 0;text-align:center;letter-spacing:-0.5px;}
.mb_gnb_menu .sns_btn_group p strong {display:inline-block;zoom:1;*display:inline;width:40px;height:40px;-webkit-border-radius: 25px;-moz-border-radius: 25px;-ms-border-radius: 25px;border-radius: 25px;vertical-align:middle;margin-right:8px;}
.mb_gnb_menu .sns_btn_group .kakaoch a strong {background:#fbd900 url(/Image/common/icon_kakao.png) 50% 50% no-repeat;background-size:65%;}
.mb_gnb_menu .sns_btn_group .youtube a strong {background:#ebebf1 url(/Image/common/icon_youtube.png) 50% 50% no-repeat;background-size:65%;}
.mb_gnb_menu .sns_btn_group .facebook a strong {background:#ebebf1 url(/Image/common/icon_facebook.png) 50% 50% no-repeat;background-size:37%;}
/* .mb_gnb_menu .sns_btn_group .facebook {text-align:left;} */


.mb_gnb_menu {border-right:1px solid #cdcddc;}
.basic_accordion h4.open {background:#fff url() 0 0 no-repeat;background:url(/Image/common/icon_minus.gif) 94% 50% no-repeat;border-bottom:1px solid #cdcddc;background-size:5%;}
.basic_accordion h4.open a {background-position: 13px -25px;}
.basic_accordion .content {border-bottom:1px solid #cdcddc;padding:5px 0 5px 28px;}
.basic_accordion .content li {padding:5px 0;}
.basic_accordion h4 {padding:12px 0 12px 28px;border-bottom:1px solid #cdcddc;background:url(/Image/common/icon_plus.gif) 94% 50% no-repeat;background-size:5%;}
.basic_accordion h4 a {display:block;}

.basic_accordion h4 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background-color: #f3f3f7;
  display: block!important;
  transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}

/* quick search */
.mb_quick_menu {border-left:1px solid #cdcddc;}
.mb_quick_menu .quick_title h3, .mb_quick_menu .categories_title h4 {font-family:"Lato",sans-serif;font-weight:300;}
.mb_quick_menu .quick_title {background-color:#8dc63f;padding:15px 0;text-align:center;position:relative;}
.mb_quick_menu .quick_title h3 {font-size:21px;color:#fff;}
.mb_quick_menu .quick_title button {position:absolute;top:16px;right:10px;width:20px;height:20px;background:transparent url(/Image/common/gnb_close.png) 50% 50% no-repeat;background-size:20px;}
.mb_quick_menu .categories_title {background-color:#505050;text-align:center;padding:15px 0 10px 0;}
.mb_quick_menu .categories_title h4 {color:#d2d2d2;font-size:16px;line-height:1.2em;}
.mb_quick_menu .categories_title span {background:url(/Image/common/icon_set.png) -113px -205px no-repeat;display:inline-block;zoom:1;*display:inline;width:11px;height:6px;margin:auto;}
/*
.mb_quick_menu .quick_menu li {border-bottom: 1px solid #cdcddc;transition: all 0.2s ease-in-out 0s;}
.mb_quick_menu .quick_menu li a {padding: 12px 0 12px 28px;display:block;}
.mb_quick_menu .quick_menu li:hover {background-color:#e9e9f1;}
*/

/* sub_spot */
.sub_header {width:100%;text-align:center;width: 100%;min-width:320px;}
.sub_header .anchor_wrap {text-align:center;padding:13px 0;background-color:#ebebf1;}
.sub_header .anchor_wrap div {text-align:right;}
.sub_header .anchor_wrap li {display:inline-block;zoom:1;*display:inline;font-size:14px;color:#666666;}
.sub_header .anchor_wrap li em {margin:0 10px;color:#b7b7b7;}
.sub_header .anchor_wrap li:first-child span {display:inline-block;zoom:1;*display:inline;width:13px;height:11px;background:url(/Image/common/icon_home.png) 0 0 no-repeat;margin-right:5px;background-size:cover;}
.sub_header .anchor_wrap .anchor_point {color:#33336e;font-weight:800;}

.sub_header .sub_spot, .sub_header .sub_spot .spot {height:155px;background-size:cover !important;}
.sub_header .sub_spot .title {width:100%;padding-top:40px;color:#a5e54d;}
.sub_header .sub_spot .title h2 {font-size:33px;padding:0 40px 15px 40px;margin-bottom:15px;border-bottom:1px solid #a5e54d;display:inline-block;zoom:1;*display:inline;}
.sub_header .sub_spot .title strong {display:block;font-weight:100;font-family:"Lato", sans-serif;color:#bedf91;font-size:16px;}


/* content */
.contentA {padding:70px 0 80px 0;}
.basic.content {padding:70px 0;}
.no.content {padding:70px 0;}


/* page_tabmenu */
.page_tab_wrap {background-color:#8dc63f;height:39px;width:100%;text-align:left;}
.page_tab_wrap .tab_menuA {min-width:295px;max-width:1080px;margin:auto;}
.page_tab_wrap .tab_menuA li {padding: 0 20px;}
.mobi {display:none;}

.clearfix {*zoom:1;}
.clearfix::after, .clearfix::before {content: "";display: block;clear: both;line-height:0;}
.clearfix::after {clear: both;}



/* media_screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 1080px){
	.sub_header .sub_spot, .sub_header .sub_spot .spot {background-size:auto !important;}
}



@media screen and (max-width: 1024px){
	#header .search_wrap h1 {left:20px;}
	#header .search_wrap .search_group {margin-right:20px;}
	#footer .address_wrap .foot_logo {left:20px;}
	#footer .address_wrap .address_group .address {padding-right:20px;}
	.sub_header .anchor_wrap div {padding-right:20px;}
	.basic.content, .join.content {padding-left:20px;padding-right:20px;}

	#navigation .all_pop_menu ul {width: 18.6%;}
}

@media screen and (max-width: 1000px){
	#navigation .all_pop_menu ul {width: 18.6%;}
}

@media screen and (max-width: 880px){
	
	#navigation .nav_container ul > li {width: 19.7%;}
	/* #navigation .nav_container ul > li a {font-size:17px;} */
	#navigation .all_pop_menu ul li a {font-size:15px;}
	#navigation .all_pop_menu ul:first-child {margin-left: 51px;}
}

@media screen and (max-width: 816px){
	#header .search_wrap .search_group .search_box input {width: 234px;}
}

@media screen and (max-width: 800px){
	.page_tab_wrap {height:59px;padding:10px 0.93em;}
	.page_tab_wrap.M_Size .tab_menuA ul {display:none;}
	.mobi {display:block;}
}



@media screen and (min-width: 768px){
	.cbp-spmenu-push-gnb {left:0;}
	.cbp-spmenu-push-gnb #opacity_bg {display:none !important;}

}

@media screen and (max-width: 768px){
	
	#cbp-spmenu-s1 {display:block;}
	#header .quick_wrap.pc, #navigation .nav_container.pc, #footer .address_wrap .foot_logo.pc, .owl-theme .owl-controls .owl-pagination {display:none;}
	#header .mb {display:block;}
	#header .search_wrap h1 {left:50%;margin-left:-134px;top:13px;}
	#header .search_wrap h1 a:nth-child(1) {border-right:0;margin-right:0;}
	#header .search_wrap h1 a:nth-child(2) img:nth-child(1) {width: 128px;}
	/* #header .search_wrap h1 a:nth-child(2) img:nth-child(2) {width: 55px;margin-left:7px;} */
	#header .search_wrap .search_container {height:173px;}
	#header .search_wrap .search_group {float:none;height:86px;position:absolute;background-color:#33336e;width:100%;margin-top:0;top:auto;bottom:0;left:0;padding-left:0.93em;padding-right:0.93em;}
	#header .search_wrap .search_group .search_width {width:100%;position:relative;margin-top:1.25em;padding-right:3.6em;}
	#header .search_wrap .search_group .search_box {width:100%;position:relative;border:0;padding-left:0;display:inline-block;zoom:1;*display:inline;}
	#header .search_wrap .search_group .search_box input {height:46px;width:100%;font-size:18px;padding-left:15px;}
	#header .search_wrap .search_group .search_box button {width:52px;height:46px;position:absolute;right:0;top:0;z-index:1;background:#fff url(/Image/common/icon_search2.png) 50% 50% no-repeat;background-size:48%;}
	#header .search_wrap .search_group .search_box button:hover {background-color:#fff;}
	#header .search_wrap .search_group .search_box, #header .search_wrap .search_group .quick_search {vertical-align:middle;}
	#header .search_wrap .search_group .quick_search {width:6%;height:46px;position:absolute;top:0;right:0;}
	#header .search_wrap .search_group .quick_search span {display:none;}
	#footer .address_wrap .address_group .address {text-align:center;padding-right:0;}
	#footer .address_wrap .address_group .address .copyright {margin-top:10px;}
	#footer .foot_menu .menu ul li {font-size:12px;letter-spacing:-0.5px;}
	#footer .address_wrap .address_group .address p {font-size:11px;letter-spacing:-0.5px;}
	#footer .foot_menu .menu ul .divide {margin: 0 0.10em;}
	#navigation .all_pop_menu {display:none;}

	/* sub page */
	.basic.content, .join.content {padding-left:20px !important;padding-right:20px;}
	
	

}

@media screen and (max-width: 640px){
	.cbp-spmenu-push-gnb {left:250px;}
}

@media screen and (max-width: 480px){
	#header.sound_wrap .search_wrap .search_container {height: 77px;}
	#header.sound_wrap .search_wrap h1 {margin-left:-53px;}
	#header.sound_wrap .search_wrap h1 a:nth-child(1) {width:106px;padding-right:0;}
	#header.sound_wrap .search_wrap h1 a:nth-child(2) img:nth-child(1) {width:88px;}
	/* #header .search_wrap h1 a:nth-child(2) img:nth-child(2) {width:33px;margin-left:5px;} */
    .basic.content {padding-top:50px;}
    #header .search_wrap .search_group .search_box input {height:31px;font-size:16px;}
    #header .search_wrap .search_group .search_box button {width:40px;height:31px;}
    #header .search_wrap .search_group .quick_search {width:35px;height:31px;background-size:43%;background-position:50% 50%;}
    #header .search_wrap .search_group .quick_search.active {width:35px;height:35px;background-size:443%;background-position:-56px -23px;}
    #header .search_wrap .search_group {height:55px;}
	#header .search_wrap .search_container {height:129px;}
	#header .m_gnb .gnb_btn {background-position: -32px -56px;top:24px}
	#header .m_gnb button {width:35px;height:35px;background-size: 569%;;}
	#header .m_gnb .login {top:24px;}
    #header .search_wrap .search_group .search_width {margin-top:12px;}
}

@media screen and (max-width: 320px){
	#footer .address_wrap .address_group .address p span {display:block;}
	#container .wrap .study_banner .obj01 .leap, #container .wrap .study_banner .obj01 .apple {height:6.5em;}
}