@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:71px; line-height:69px; margin:-35px auto 0; padding:0;
                          font-weight:400; box-sizing:border-box; z-index:9; background: #fff; border: 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;     b }
.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;     }

.sub_menu_wrap .m_dep_box{   border-bottom: 1px solid #e5e5e5;  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: #fff 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;}

.sub_menu_wrap.scroll {border:1px solid #efefef; position:fixed; top:190px; left: 50%;    transform: translateX(-50%);}

@media all and (max-width: 1380px){
   .sub_menu_wrap.scroll{position:relative !important; top:auto;}
}

@media all and (max-width: 1080px){
  .sub_menu_wrap { height: 80px; line-height: 80px; margin-top: -80px;  background:#fff; }
  .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;}
}