@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:760px; box-sizing:border-box;overflow:hidden;
 background:no-repeat center center; background-size:cover; }
.s_visual .s_visual_in { position:relative; display:table; width:100%; max-width:1400px; height:100%;  z-index:2; margin: 0 auto; text-align:center }
.s_visual .sv_tit { position: absolute; bottom:-5px;}
.s_visual .sv_tit h2 { font-size: 6.0rem; line-height: 1.15em;   font-weight: 800;}
.s_visual .sv_tit p.t1 { margin:1.5em 0 0.8em; font-size: 2.4rem; color:#FFF; font-family:'GmarketSansBold',  'NEXON Lv1 Gothic OTF Bold'; letter-spacing:0.05em } 
.s_visual .sv_tit p.t1 sup {font-size:1.6rem}
.s_visual .sv_tit p.eng {font-size: 1.4rem; opacity:.4; font-family:'Poppins'; text-transform:uppercase; font-weight:600; letter-spacing:0.05em }

.n_america{background:url('/img/n_america.jpg'); background-size: cover;} /*n.america 배경 */
.oceania{background:url('/img/oceania.jpg'); background-size: cover;} /*oceania배경 */
.europe{background:url('/img/europe.jpg'); background-size: cover;} /*europe배경 */
.asia{background:url('/img/asia.jpg'); background-size: cover;} /*asia배경 */
.africa{background:url('/img/africa.jpg'); background-size: cover;} /*africa배경 */
.s_america{background:url('/img/s_america.jpg'); background-size: cover;} /*s_america배경 */



#nabg04{background:url("/img/canada/national_bg04.jpg"); background-size: cover !important;} 


.pro_visual { position:relative;width:100%; height:450px; box-sizing:border-box;overflow:hidden;
 background:no-repeat center center; background-size:cover; }
.pro_visual .pro_visual_in { position:relative; display:table; width:100%; max-width:1400px; height:100%;  z-index:2; margin: 0 auto; text-align:center }
.pro_visual .pro_tit { position: absolute; bottom:-5px;}
.pro_visual .pro_tit1{position:absolute; border:0px solid red; bottom:0px; height:70%; width:100%; text-align:center;}
.pro_visual .pro_tit1 p{color:#fff; font-size:55px; font-weight:600; padding-top:5.5%; }
.pro_visual .pro_tit1 span{color:#fff; font-size:20px; font-weight:300; line-height:45px;}


.citybg01{background:#000 url('/img/city_bg01.jpg'); background-size: cover !important;} /* 나라별 서브배경 */

.probg01{background:#000 url('/img/program_bg01.jpg'); background-size: cover !important;} /*어학연수 서브배경 */


.commubg01{background:#000 url('/img/community_bg01.jpg'); background-size: cover !important;} /* 커뮤니티 서브배경 */





@media all and (max-width: 1480px){
  .s_visual  { height: 50vw; }
}


@media all and (max-width: 1280px){
  .s_visual .sv_tit h2 { font-size: 5.5rem; }
  .s_visual .sv_tit p { font-size: 2.2rem; }
}

@media all and (max-width: 976px){
  .s_visual  { height: 55vw; }
  .s_visual .sv_tit h2 { font-size: 4.8rem; }
}

@media all and (max-width: 767px){
  .s_visual  { height: 70vw; }
  .s_visual .sv_tit p.t1 br {display:block}
  .s_visual .sv_tit img{width:80%; border:0px solid red;}
}

@media all and (max-width: 480px){

  .s_visual  { height: 80vw; }
	.s_visual .sv_tit {padding-top:10%}
  .s_visual .sv_tit p.t1 {   width:60vw; margin:0.7em auto 0.3em }
  .s_visual .sv_tit h2 { font-size: 4.0rem; }
  .pro_visual{height:350px;}
  .pro_visual .pro_tit1 p{color:#fff; font-size:35px; font-weight:600; padding-top:7.5%; }
   .pro_visual .pro_tit1 span{line-height:25px; padding-top:10px; font-size:16px;}
}




/* Sub-Menu */
.sub_menu_wrap { position:relative;  width:90%; max-width: 1500px; height:70px; line-height:70px; margin:-35px auto 0; padding:0;
                          font-weight:400; box-sizing:border-box; z-index:9; background: #fff; border-bottom: 1px solid #e5e5e5;  }
.sub_menu_wrap .m_home{ border-right:1px solid rgba(250,250,250,0.3); position:static; display:block; width:70px; height:70px; float:left; 
  background:#833cd8  url("/img/home.png") no-repeat center;   }
.sub_menu_wrap .m_name{ position:static; display:block; padding:0px 35px; height:70px; float:left; background:#833cd8;  color:#fff; font-size:20px;
 font-weight:600;  border:0;  }

.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:280px; float:left; text-align:left; cursor:pointer; border-right: 1px solid #e5e5e5; font-size: 1.8rem; font-weight:400}
.sub_menu_wrap .m_dep_tit { display:block; background:url('/img/arrow_down.png') no-repeat 92% center;  
  color:#000; box-sizing:border-box; padding:0 1.5em; cursor:pointer; font-size:19px;}
.sub_menu_wrap .m_dep_box .smenu { position: absolute; display:none; width:calc(100% + 2px); margin-left:-1px; background:#f6f6f6; box-sizing:Border-box; border:1px solid #ddd; border-top:0;}
.sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px dotted #ddd; padding:0;  }
.sub_menu_wrap .m_dep_box .smenu li:hover{background:#ccc;}
.sub_menu_wrap .m_dep_box .smenu li:hover a { border:0; font-weight:500;}
.sub_menu_wrap .m_dep_box .smenu li a.on{background:#4a9ca0; color:#fff; border:0; }
.sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
.sub_menu_wrap .m_dep_box .smenu a { color:#000; display:block; width:100%;  padding:0.7em 1.5em; box-sizing:border-box; line-height:normal; font-size: 1.6rem;}
.sub_menu_wrap .m_dep_box .smenu a br { display: none; }
.sub_menu_wrap .m_2dep_box li{width:50% !important; float:left !important; display: inline-block !important;}
.sub_menu_wrap .m_2dep_box li:before {display:none; }

.sub_menu_wrap .m_dep_box .smenu a:hover{background:#833cd8; color:#fff;}


@media all and (max-width: 1080px){
  .sub_menu_wrap { height: 80px; line-height: 80px; margin-top: -80px; }
  .sub_menu_wrap .m_home { width:80px; height:80px;  background-size: 100% auto;}
  .sub_menu_wrap .m_name{ height:80px;}
   .sub_menu_wrap .m_dep_box { width: calc(40% - 35px); }
}


@media all and (max-width: 767px){
  .sub_menu_wrap {width:100%; height: 70px; line-height: 70px; margin-top: -70px; }
  .sub_menu_wrap .m_home { width:70px; height:70px; }
    .sub_menu_wrap .m_name {  height:70px; }

  .sub_menu_wrap .m_dep_box { width: calc(40% - 35px); }
  .sub_menu_wrap .m_2dep_box { border-right:0; }
}


@media all and (max-width: 640px){
  .sub_menu_wrap{width:100%;}
  .sub_menu_wrap { height: 60px; line-height: 60px; margin-top: -60px; }
  .sub_menu_wrap .m_home { width:60px; height:60px;  }
  .sub_menu_wrap .m_name {  height:60px; font-size:17px; }
  .sub_menu_wrap .m_dep_tit {font-size:17px;}
  .sub_menu_wrap .m_dep_box { width: calc(38% - 20px); }
}



@media all and (max-width: 480px){
  .sub_menu_wrap { width: 100%; height: 50px; line-height: 50px; margin-top: -20px; }
  .sub_menu_wrap .m_home { width:10%; height:50px; }
  .sub_menu_wrap .m_name{ width:90% ;padding:0px 10px; height:50px !important;  font-size:17px;}
  .sub_menu_wrap .m_dep_box { width: calc(50% - 0px); }
  .sub_menu_wrap .m_dep_tit { padding: 0 0.8em; font-size:16px; background-size: 50px auto;  border-bottom:1px solid #ccc;}
  .sub_menu_wrap .m_dep_box .smenu a { padding: 0.8em 1em; }
}





#subTitle { text-align: center; color:#212121; font-size: 3.8rem; font-family: 'SUIT'; font-weight: 700; line-height: 1.2em;
                margin: 2.5em 0 0; }
#pageCont { padding: 4% 0 8%; overflow: hidden; }

@media all and (max-width:976px) {
  #subTitle { margin-top: 2em; }
  #pageCont { padding: 7% 0; }
}

@media all and (max-width:767px) {
   #pageCont { padding: 8% 0; }
}

@media all and (max-width:568px) {
   #subTitle { font-size: 3.2rem;  }
}

@media all and (max-width:480px) {
  #pageCont { padding: 10% 0; }
}





.tabmenu { width: 100%; max-width: 1600px; overflow: hidden; border-top:1px solid #e3e9eb; }
.tabmenu li {height:95px;  position: relative; width:100%; margin-top:-1px}
.tabmenu li a { padding:0 0.8em; border:1px solid #e3e9eb;   background:#f5f8f9;  font-weight: 600; color:#707d89; display:block; width:100%; height:100%; 
					display:flex; align-items: center;  }
.tabmenu li a .num {width:70px; height:70px;  line-height:70px;  font-size:2.2rem; border-radius:5px; background:#babfc2; text-align:center; color:#FFF }
.tabmenu li a .t1 { padding-left:1.2em; font-size:2.0rem; font-weight:600; }
.tabmenu li a .t1 .st1 {font-size:1.6rem; opacity:.7}
.tabmenu li a:hover .num { background:#4a9ca0; border-color:#4a9ca0;  }
.tabmenu li a:hover { color:#014586;  }

/* 페이지 인식을 위한 부분 */
.tab01 .tabmenu  a.menu1,
.tab02 .tabmenu  a.menu2,
.tab03 .tabmenu  a.menu3,
.tab04 .tabmenu  a.menu4,
.tab05 .tabmenu  a.menu5,
.tab06 .tabmenu  a.menu6,
.tab07 .tabmenu  a.menu7,
.tab08 .tabmenu  a.menu8 { color:#fff; background:#014586; font-weight:600; border-color: #014586 !important; z-index:98; }

.tab01 .tabmenu  a.menu1 .num,
.tab02 .tabmenu  a.menu2 .num,
.tab03 .tabmenu  a.menu3 .num,
.tab04 .tabmenu  a.menu4 .num,
.tab05 .tabmenu  a.menu5 .num,
.tab06 .tabmenu  a.menu6 .num,
.tab07 .tabmenu  a.menu7 .num,
.tab08 .tabmenu  a.menu8 .num { background:#4a9ca0; border-color:#4a9ca0; }

@media all and (max-width:1599px) {
	.tabmenu li {height:5.22vw; }	
	.tabmenu li a .num { height:4.0vw;  line-height:4.0vw;}
}
@media all and (max-width:1450px) {
	.tabmenu li a .num { width:4vw;  font-size:2.0rem;}
	.tabmenu li a .t1 { padding-left:0.8em; font-size:1.8rem;}
	.tabmenu li a .t1 .st1 {font-size:1.4rem;}
}
@media all and (max-width:1230px) {
	.tabmenu.col8 { display:flex; flex-wrap: wrap; justify-content: flex-start; }
	.tabmenu.col8 li { width: calc(100% / 4); height:auto }
	.tabmenu.col8 li a { padding: 1em; }
}
@media all and (max-width:1170px) {
	.tabmenu.col8 li { width: calc(100% / 3); }
}
@media all and (max-width:976px) {
	.tabmenu.col8 li { width: calc(100% / 2); }
	.tabmenu.col8 li a { padding:0.7em 0.5em; }
	.tabmenu.col8 li a .num {width:40px; padding:1em 0; height:auto;  line-height:auto;}
	.tabmenu.col8 li a .t1 {width: calc(100% - 40px);}
}
@media all and (max-width:480px) {
	.tabmenu.col8 li a .t1 { padding-left:0.5em; font-size:1.8rem;}
	.tabmenu.col8 li a .t1 .st1 { display:none }
}


.tabmenu.info2 { width: 90%; display:flex; justify-content:center; background:#f3f8f8; border-radius:5px; padding:15px; gap:5px; border:0; margin:0 auto}
.tabmenu.info2 li {width:auto; height:auto;}
.tabmenu.info2 li a { padding:1em 2em; background:#FFF ; text-align:center;  border-radius:5px ; display:block}
.tabmenu.info2 li a .t1 { font-size:1.8rem; padding-left:0}

.tab01 .tabmenu.info2  a.menu1,
.tab02 .tabmenu.info2  a.menu2,
.tab03 .tabmenu.info2  a.menu3,
.tab04 .tabmenu.info2  a.menu4,
.tab05 .tabmenu.info2  a.menu5,
.tab06 .tabmenu.info2  a.menu6,
.tab07 .tabmenu.info2  a.menu7,
.tab08 .tabmenu.info2  a.menu8 { background:#4a9ca0; border:1px solid #4a9ca0 !important; }


@media all and (max-width:1320px) {
    .tabmenu.info2 {flex-wrap:wrap; }
	.tabmenu.info2 li {width:30%}
}
@media all and (max-width:1024px) {
    .tabmenu.info2 li { width:48%}
	.tabmenu.info2 li a {text-align:center}
	.tabmenu.info2 li a { padding:1em; }
}



.fixinner{position:fixed; top: 100px; left: 50%; transform:translatex(-50%); z-index: 9; max-width: 100% !important; width: 100% !important; border-radius: 0 !important;}
@media screen and (max-width:1380px){
    .fixinner{top: 75px;}
}
@media screen and (max-width:767px){
    .fixinner{top: 60px;}
}
@media screen and (max-width:568px){
    .fixinner{top: 55px;}
}