@charset "utf-8";

@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* layout */
.inner {	width: 100%; max-width:1300px;	position:relative;	margin-left:auto;	margin-right:auto; }
.s-inner {	width:100%; max-width:1300px;	position:relative;	margin-left:auto;	margin-right:auto; }
#content{width:100%; overflow:hidden;}


#wrap { font-size: 1.6rem; }

/* 타블렛 가로 */
@media all and (max-width:1599px) {
	.inner {	width: 90%;}
}
@media all and (max-width:1399px) {
	.s-inner {	width:90%}
}
@media all and (max-width:1280px) {
}
@media all and (max-width:976px) {
	.inner {	width: 85%;}
	.s-inner {	width: 85%;}
  html { font-size: 60% !important; }
}
@media all and (max-width:767px) {
  html { font-size: 0.55rem !important; }
}
@media all and (max-width:480px) {
  html { font-size: 2.0vw !important; }
}




/*Header*/
#header { position:fixed; width:100%; height:160px; z-index:100; display:block; 	border-bottom:1px solid rgba(255,255,255,0.4); border:0px solid red;}
#header #logo {display:none; border:1px solid red; margin-left:60px;  font-size:0; position:relative; z-index:99}
#header #logo img{ vertical-align:middle;  }
#header #logo img.on{ display:none; }
/* #header #logo2 { position:absolute; top:0; left: 160px; z-index:89; font-size:0; }
#header #logo2 img{ vertical-align:middle;  }
#header #logo2 img.on{ display:none; } */

#header .gnb_top{width:1300px; position: relative ;border:0px solid red;  height:80px; margin:0 auto;}
#header .gnb_top .logo{displacy:block; font-size:0px; width:180px;  height:80px; margin:0 auto;  background:url('/img/logo.png');}
#header .gnb_top .sitelink{position: absolute; left:0px; top:5px; }
#header .gnb_top .sitelink a{color:#FFf; line-height:35px; font-size:15px; padding:0px 15px;}


#header .hd_bx { line-height:77px; }
#header .hd_mbx { display: none; }


#header #gnb_pc {width:1300px; margin:0 auto; border:0px solid red; position: relative;}
#header #gnb_pc > ul { display:block; border:0px solid red; overflow:hidden;}
#header #gnb_pc > ul > li{padding-right:7%; float:left; position: relative;  cursor: pointer; border:0px solid red;}
#header #gnb_pc > ul > li > div > a {font-size: 1.9rem; color:#FFF; font-weight:400;  }
#header #gnb_pc > ul > li > div > span{}
#header #gnb_pc > ul > li > div > span > a {font-size: 1.8rem; color: #222;   display: block; line-height:80px;}
#header #gnb_pc > ul > li > ul{display: none;}
#header #gnb_pc > ul > li > ul > li {}
#header #gnb_pc > ul > li > ul > li > a{}


#header #gnb_pc .smenu{position: fixed; width: 100%; left: 0; 	background:#fff; border-top:1px solid #f3f3f3; display: none;}
#header #gnb_pc .smenu .f-inner{ box-shadow:5px 5px 15px rgba(0,0,0,0.15);  display: flex;  border:0px solid red; padding-top:30px; padding-bottom:10px}
#header #gnb_pc .smenu .l_cont { 		width: 20%;  position:absolute; top:0px;
 height:100%; display: flex; align-items: center; justify-content: center;  text-align:left;}

.bg01{	background:url('/img/namerica_bg01_1.png') no-repeat top left; background-size:100% auto;}	 
.bg02{	background:url('/img/namerica_bg02_1.png') no-repeat top left; background-size:100% auto;}	 
.bg03{	background:url('/img/namerica_bg03_1.png') no-repeat top left; background-size:100% auto;}	 
.bg04{	background:url('/img/namerica_bg04_1.png') no-repeat top left; background-size:100% auto;}	
.bg05{	background:url('/img/namerica_bg05_1.png') no-repeat top left; background-size:100% auto;}	
.bg06{	background:url('/img/namerica_bg06_1.png') no-repeat top left; background-size:100% auto;}	



#header #gnb_pc .smenu .l_cont .t1 {display:block; width:100%; text-align:center; font-size:4rem; line-height:1.1em; color:#FFF; 
	text-shadow:2px 2px 0 rgba(0,0,0,0.15);  font-family: 'Arita-buri-SemiBold';}

#header #gnb_pc .smenu .l_cont .t1:before {content:'';border-radius:50%; width:13px; height:13px; background:#fff; position:absolute; left:-20px; top:-10px}
#header #gnb_pc .smenu .l_cont .t1 sup {font-size:1.7rem;font-family:'GmarketSansLight';}

#header #gnb_pc .smenu .r_cont {width:70%; margin-left:25%; }
#header #gnb_pc .smenu .r_cont >  h3 {margin-bottom:0.8em; width:100%; line-height:normal; font-family: 'Arita-buri-SemiBold';
												position:relative; font-size:2.5rem; color:#222}
#header #gnb_pc .smenu .r_cont >  h3:before {content:'';border-radius:50%; width:10px; height:10px; background:#8643df; position:absolute; left:-20px; top:-10px}
#header #gnb_pc .smenu .r_cont .list {display: flex; flex-wrap: wrap; overflow:hidden;}
#header #gnb_pc .smenu .r_cont .list > li {width:270px; cursor: pointer; line-height:normal; bordeR:0px solid red;  margin-top:4px; margin-bottom:12px;  border:0px solid red; }
#header #gnb_pc .smenu .r_cont .list > li img{width:50px; bordeR:1px solid #ccc; margin-right:5px; }
#header #gnb_pc .smenu .r_cont .list > li > dl {display:none; width:100%; border-top:1px solid #efefef; padding:10px;  margin-top:10px; background:#fff;}
#header #gnb_pc .smenu .r_cont .list > li > dl > dt{ line-height:30px;  font-size:16px; font-weight:500;}
#header #gnb_pc .smenu .r_cont .list > li > dl > dd{display:none;  padding:10px;  background:#efefef; overflow:hidden;}
#header #gnb_pc .smenu .r_cont .list > li > dl > dd a{display:inline-block; line-height:30px;  width:50%; float:left;}
#header #gnb_pc .smenu .r_cont .list > li > a { font-size: 2rem; font-weight:600  }
#header #gnb_pc .smenu .r_cont .list > li > a:hover {color:#833cd8;  font-weight:700}

#header .rmenu{background:url('/img/bar.png');position:absolute;z-index:55555;border:0px solid red; right:0px; top:0px;height:80px; width:80px;}
#header .rmenu1{background:url('/img/search.png');position:absolute;z-index:55555;border:0px solid red; right:80px; top:0px;height:80px; width:80px;}

#header .user {margin-right:60px; position: relative; z-index:99; display: flex;}
#header .user li {margin-right: 22px; position:relative}
#header .user li:before {content:''; width:1px; height:12px; background:rgba(255,255,255,0.3); position:absolute; right:-12px; top:50%; 
								transform:translateY(-50%)}
#header .user li:last-child {margin-right:0}
#header .user li:last-child::before {display:none} 
#header .user li a {font-size: 1.5rem; font-weight: 500; color: #FFF;}

#header .user li.lang {margin-right:30px}
#header .user li.lang:before {display:none}
#header .user li.lang a {padding:0.6em 1em; font-size:1.6rem; border-radius:30px; border:1px solid rgba(255,255,255,0.3); font-family:'Montserrat'}
#header .user li.lang img {padding-right:5px; vertical-align:middle}
#header .user li.lang a:hover {background:#1d2832; border-color:#1d2832}





:is(.fp-viewing-1Page, .fp-viewing-3Page, .fp-viewing-4Page, .fp-viewing-5Page, .fp-viewing-6Page, .fp-viewing-7Page)
#header.scroll #gnb_pc:before { background: none; }
.fp-viewing-2Page #header.scroll,
.fp-viewing-4Page #header.scroll,
.fp-viewing-7Page #header.scroll {background:none}

/* .fp-viewing-2Page #header.scroll #logo img.on { display:none; }
.fp-viewing-2Page #header.scroll #logo img.off { display:inline-block; } */



#header.menu_on {background:#FFF}
#header.scroll {background:#FFF; border-bottom:1px solid rgba(0,0,0,0.05)}

#header.scroll #logo img.on,
#header.menu_on #logo img.on { display:inline-block; }
#header.scroll #logo img.off,
#header.menu_on #logo img.off { display:none; }
#header.scroll #logo2 img.on,
#header.menu_on #logo2 img.on { display:inline-block; }
#header.scroll #logo2 img.off,
#header.menu_on #logo2 img.off { display:none; }


#header.menu_on .rmenu{background:url('/img/bar_1.png');}
#header.scroll .rmenu{background:url('/img/bar_1.png');}

#header.menu_on .rmenu1{background:url('/img/search_1.png');}
#header.scroll .rmenu1{background:url('/img/search_1.png');}


#header.scroll .gnb_top .sitelink a{color:#000; line-height:35px; font-size:15px; padding:0px 15px;}
#header.menu_on .gnb_top .sitelink a{color:#000; line-height:35px; font-size:15px; padding:0px 15px;}


#header.menu_on .gnb_top .logo{display:block; font-size:0px; width:180px;  height:80px; margin:0 auto;  background:url('/img/logo_on.png');}
#header.scroll .gnb_top .logo{display:block; font-size:0px; width:180px;  height:80px; margin:0 auto;  background:url('/img/logo_on.png');}


#header.scroll #gnb_pc:before,
#header.menu_on #gnb_pc:before {content:""; width:100%; height:80px; position:absolute; top:0; left:0; }
#header.menu_on #gnb_pc:before {background:#FFF !important}

#header.scroll .user li a,
#header.menu_on .user li a { color:#686868; }
#header.scroll .user li.lang a,
#header.menu_on .user li.lang a { color:#FFF; background:#1d2832; border-color:#1d2832 }
#header.scroll .user li:before,
#header.scroll .menu_on li:before {background:#e9e9e9}

#header.scroll #gnb_pc .gnb_dp1>div > a,
#header.menu_on #gnb_pc .gnb_dp1>div > a { color:#212121; font-weight:400;}
#header.scroll #gnb_pc .gnb_dp1>div > a:hover,
#header.menu_on #gnb_pc .gnb_dp1>div > a:hover { color:#8f46f9;  }


/* #header.scroll #gnb_pc > ul > li:nth-child(8),
#header.scroll #gnb_pc > ul > li:last-child, 
#header.menu_on #gnb_pc > ul > li:nth-child(8),
#header.menu_on #gnb_pc > ul > li:last-child { background:#4a9ca0}

#header.scroll #gnb_pc > ul > li:nth-child(8) > div > a,
#header.menu_on #gnb_pc > ul > li:nth-child(8) > div > a,
#header.scroll #gnb_pc > ul > li:last-child > div > a,
#header.menu_on #gnb_pc > ul > li:last-child > div > a { color:#FFF} */






#gnb_mo { position:fixed; top:75px; right:0; width:100%; height:100%; max-width:280px;
                background: rgba(12, 40, 71, 0.95); overflow-y:scroll; -ms-overflow-style:none; z-index: 100; text-align: left;
                transition: all 0.4s ease; -webkit-transform: translateX(100%) rotate(0); -moz-transform: translateX(100%) rotate(0);
                -ms-transform: translateX(100%) rotate(0); -o-transform: translateX(100%) rotate(0);
                 transform: translateX(100%) rotate(0); }
#gnb_mo > ul { border-top: 1px solid rgba(255,255,255,0.1);}
#gnb_mo > ul > li > div {display:block; width:100%; font-size:1.8rem;  border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box;  
								 line-height:3.2em; position:relative; cursor: pointer; }
#gnb_mo > ul > li > div:after {content:''; display:block; width:11px; height:1px; background:#fff; position:absolute; right:1em; top:50%; margin-top:-1px;}
#gnb_mo > ul > li > div:before {content:''; display:block; width:1px; height:11px; background:#fff; position:absolute; right:calc(1em + 5px); top:50%; margin-top:-6px; transition:all 0.5s;}
#gnb_mo > ul > li > div > a { padding:0 1em; color:#fff; }
#gnb_mo > ul > li > .smenu {display:none; }
#gnb_mo > ul > li > .smenu .l_cont, 
#gnb_mo > ul > li > .smenu .r_cont h3 {display:none}
#gnb_mo > ul > li > .smenu .r_cont .list > li > a {display:block; width:100%; font-size:2rem; color:#4b4b4b;padding:0 1.5em; font-weight: 500;
                                             border-bottom:1px solid #e1e1e1; background:#fff; box-sizing:border-box; line-height:3em;}

#gnb_mo > ul > li > div.on { background: #0ca6ad; }
#gnb_mo > ul > li > div.on:before {transform:rotate(90deg)}

#header.mo_on #gnb_mo {display:block;}
#gnb_mo.m_menuOn {	-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0);	-ms-transform: translateX(0) rotate(0);	-o-transform: translateX(0) rotate(0);	transform: translateX(0) rotate(0); }



#gnb_mo .user {padding:1em;display: flex; align-items: center;}
#gnb_mo .user li {margin-right: 22px; position:relative}
#gnb_mo .user li:before {content:''; width:1px; height:12px; background:rgba(255,255,255,0.3); position:absolute; right:-12px; top:50%; 
								transform:translateY(-50%)}
#gnb_mo .user li:last-child {margin-right:0}
#gnb_mo .user li:last-child::before {display:none} 
#gnb_mo .user li a {font-size: 1.5rem; font-weight: 500; color: #FFF;}

#gnb_mo .user li.lang {margin-right:30px}
#gnb_mo .user li.lang:before {display:none}
#gnb_mo .user li.lang a {display:block; width:100%; height:100%; padding:0.6em 1em; font-size:1.6rem; border-radius:30px; background:#4aa07f; font-family:'Montserrat'}
#gnb_mo .user li.lang img {padding-right:5px; vertical-align:middle}
#gnb_mo .user li.lang a:hover {background:#4a9ca0; border-color:#1d2832}


#gnb_mo .schoolsearch{width:80%; margin:0 auto; bordeR:0px solid red; border-radius:35px; line-height:35px; 
background:#fff; text-align:center;  font-size:17px; font-weight:600;  color:#000;
}
#gnb_mo .schoolsearch img{width:30px; padding-top:5px; padding-right:5px;}


.menuToggle { position:relative; cursor:pointer; z-index:9999; box-sizing: border-box; background:#222}
.menuToggle span {display:block; width:26px; height:2px; background:#fff; position:absolute; left:50%; margin-left: -13px; transition:all 0.5s}
.menuToggle span.t {top:28px;}
.menuToggle span.m {top:50%; margin-top:-1px;}
.menuToggle span.b {bottom:28px; }

.menuToggle.m_on span {background:#FFF}
.menuToggle.m_on span.t {transform:translateY(8.5px) rotate(45deg)}
.menuToggle.m_on span.m {width:0;}
.menuToggle.m_on span.b {transform:translateY(-8.5px) rotate(-45deg)}

 /* .fp-viewing-2Page #header.scroll .menuToggle span {background:#222} */

#header.scroll .menuToggle,
#header.menu_on .menuToggle { background:#2d5fa5 }

#header.scroll .menuToggle.m_on span,
#header.menu_on .menuToggle.m_on span { background:#FFF }
#header.scroll .menuToggle.m_on span,
#header.menu_on .menuToggle.m_on span { background:#FFF }




 .header_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: -99; opacity: 0; overflow: hidden; transition: .2s ease-in-out;}
.header_bg.on{z-index: 98; opacity: 1; overflow: visible;} 





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

	#header #gnb_pc {padding-left:0; margin:0 auto; width:100%;}
}
@media all and (max-width:1630px) {
	#header #logo {margin-left:30px;}
	#header #logo img {height:35px}
	#header #gnb_pc > ul > li { padding: 0 15px; }
	#header .user {margin-right:30px;}
	#header .user li.lang {margin-right:20px}

	#header #gnb_pc .smenu .l_cont { width: 450px; }
	#header #gnb_pc .smenu .l_cont .t1 {padding-right: 3.5em; font-size:3.2rem; line-height:1.2em;;}
	#header #gnb_pc .smenu .l_cont .t1 sup {font-size:1.8rem}
	#header #gnb_pc .smenu .r_cont {width: calc(100% - 450px); padding-left:5em }
	#header #gnb_pc .smenu .r_cont .list {display: flex; gap:10px 40px; flex-wrap: wrap; }
}


@media all and (max-width:1380px) {
	#header .gnb_top{display:none;}
  #header #gnb_pc {display:none;}
  #header #logo { background:url('/img/logo.png')center no-repeat; display:block; border:0px solid red; margin-left:0px; width:90%;  float:left; font-size:0;
   position:relative; z-index:999999 !important;}
    #header #logo  a{display: block}
   #header.scroll #logo{ background:url('/img/logo_on.png')center no-repeat;}

  #header { height:75px; }

  #header .hd_bx { line-height:75px; }
  #header .hd_mbx { display: block; width: 75px; height: 75px; float:right; }

  #header #logo img { height:40px }
  #header .user {margin-left: auto}


  #header.scroll,
  #header.on { height: 75px; line-height: 75px; }

  #header.on .hd_bx,
  #header.scroll .hd_bx { line-height: 75px;  }

  #header.on #logo img.on { display: inline-block; }
  #header.on #logo img.off { display: none; }

	#header.on .user li a { color:#686868; }
	#header.on .user li.lang a { color:#FFF; background:#1d2832; border-color:#1d2832 }
	#header.on .user li:before,
	#header.on .menu_on li:before {background:#e9e9e9}

	#header.scroll #gnb_pc .gnb_dp1>div > a,
	#header.menu_on #gnb_pc .gnb_dp1>div > a { color:#212121 }
	#header.scroll #gnb_pc .gnb_dp1>div > a:hover,
	#header.menu_on #gnb_pc .gnb_dp1>div > a:hover { color:#2d5fa5 }



  #header.on .hd_full { background-color:#2d5fa5; }
  #gnb_mo.m_menuOn{	-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0);	-ms-transform: translateX(0) rotate(0);	-o-transform: translateX(0) rotate(0);	transform: translateX(0) rotate(0); }

 }
@media all and (max-width:767px) {
	#header{ height:60px; }
  #header #logo { background:url('/img/logo.png')center no-repeat; display:block; 
  	border:0px solid red; width:80%;  float:left;  margin-left:0px;   position:relative; z-index:9999 !important;}
	#header #logo img { height:30px }
  


	#gnb_mo { top: 60px; }

	#header .hd_bx { line-height:60px; }
	#header .hd_mbx{ width:60px; height:60px; line-height:60px; float:right; }


	#header.on, #header.scroll { height: 60px;  background:#FFF;}
	#header.on .hd_bx, #header.scroll .hd_bx { line-height: 60px; }
	#header.scroll #gnb_pc .gnb_dp1>div { height:60px; }
  #header.on #logo{background:url('/img/logo_on.png')center no-repeat;}
	#header.scroll .hd_mbx { width: 60px; }

	.menuToggle span.t {top:20px;}
	.menuToggle span.b {bottom:20px; }
	.menuToggle.m_on span.t {transform:translateY(9px) rotate(45deg)}
	.menuToggle.m_on span.b {transform:translateY(-9px) rotate(-45deg)} 
}


@media all and (max-width:568px) {
	#header{height:55px; }
	#gnb_mo { top: 55px; }

	#header .hd_btn { right:20px}
	#header .hd_bx{ line-height:55px; }
	#header .hd_mbx { width:55px; height:55px; line-height:55px;}

	#header #logo {margin-left:0px;}
	#header #logo img { height:30px; }

	#header .user {margin-right: 15px;}
	#header .user li {display:none}
	#header .user li.lang {display:block; margin-right:0}
	#header .user li.lang a {padding:0.5em 1em; font-size:1.5rem;}


	#header.on, #header.scroll { height: 55px; }
	#header.on .hd_bx, #header.scroll .hd_bx { line-height: 55px; }
	#header.on #logo img, #header.scroll #logo img { }
	#header.scroll #gnb_pc .gnb_dp1>div { height:55px; }

	#header.scroll .hd_mbx { width: 55px; }

	.menuToggle span.t {top:17.5px;}
	.menuToggle span.b {bottom:17.5px; }
}









#Quick {width: 80px; text-align: center; position: fixed; right: 10px; top: 50%; z-index: 98; transform: translateY(-50%);}
#Quick ul {padding:30px 0; border-radius:40px; background:#FFF;  box-shadow:0 0 7px rgba(0,0,0,0.05)}
#Quick ul li a {display:block; width:100%; height:100%; padding-top:15px; margin-top:15px; position:relative; text-align:Center}
#Quick ul li a:before {content:''; width:80%; height:1px; background:#e9e9e9; position:absolute; left:10%; top:0}
#Quick ul li:first-child a {padding-top:0; margin-top:0; }
#Quick ul li:first-child a:before {display:none}
#Quick ul li img {width:30px; }
#Quick ul li p { margin-top:8px; font-size:1.4rem; color:#222; font-weight:700; line-height:1.2em;}
#Quick ul li.tel p {font-family:'Roboto'; color:#004487}
#Quick ul.bg {margin-top:5px; background:#4a9ca0}
#Quick ul.bg li p {color:#FFF}
#Quick ul li.mo {display:none}

@media all and (max-width:1599px) {
	#Quick {width: 65px;  right: 0; top: 50%;}
	#Quick ul {padding:20px 0;}
	#Quick ul li a { padding-top:10px; margin-top:10px; }
	#Quick ul li img {width:26px}
	#Quick ul li p { margin-top:5px; font-size:1.2rem;}
}
@media all and (max-width:1024px) {
	#Quick { width: auto; display:flex; left:50%; right:unset;  top:unset; bottom:0; transform:translateX(-50%)}
	#Quick ul {display:flex; border-radius:10px;  border-bottom-left-radius:0; border-bottom-right-radius:0; 
				padding:0; }
   #Quick ul li a {padding-top:0; margin-top:0; padding:20px}
	#Quick ul li a:before {height:80%; width:1px; position:absolute; left:0; top:10%}
	#Quick ul li:first-child a {padding-top:20px; margin-top:0; }
	#Quick ul.bg {margin-top:0;}
	#Quick ul li p { font-size:1.7rem; }
	#Quick ul li.tel p {font-family:'SUIT'; }
	#Quick ul li p br {display:none}

	#Quick ul li.pc {display:none}
	#Quick ul li.mo {display:block}
}
@media all and (max-width:640px) {
	 #Quick ul li a p{display: none;}
}
@media all and (max-width:480px) {
	 #Quick ul li a { padding:2.5vw}
	#Quick ul li:first-child a {padding-top:2.5vw} 
}







#mHospital {background:#f8f9fb; padding:3em 0}
#mHospital h3 {margin-bottom:1em; font-size:2.2rem; color:#222; font-weight:700}
#mHospital .swiper {border:1px solid #f4f4f4; border-left:0}
#mHospital .swiper-slide {border-left:1px solid #f4f4f4 }
#mHospital .swiper-slide img {width:100%; max-width:227px; }
#mHospital .swiper-button-next, 
#mHospital .swiper-button-prev {width:35px; height:35px; top:15px;  }
#mHospital .swiper-button-prev {background:url('/images/main/swiper-button-prev3.png') no-repeat center; left:unset; right:25px;
									background-size:100% auto;}
#mHospital .swiper-button-next {background:url('/images/main/swiper-button-next3.png') no-repeat center;
									background-size:100% auto; right:-10px}

@media all and (max-width:1024px) {
	#mHospital { padding:2em 0}
	#mHospital h3 {margin-bottom:0.7em;}
	#mHospital .swiper-button-next, 
	#mHospital .swiper-button-prev {top:20px;  }
}



   
#footer #f-line { background:#fff;  border-bottom:1px solid #ccc; position: relative; border-top:1px solid #ccc;}
#footer #f-line .inner {position: relative; width:1300px; padding:25px 0px;}
#footer #f-line .inner a {font-size:1.8rem; color:#000; padding-right:3%; }

#footer #f-info { padding:3em 0; background:#fff; text-align:center; }
#footer #f-info .inner {display:flex;  padding:1.2em 0}
#footer #f-info h1 {padding-right:60px; }
#footer #f-info h1 img { width:89px; }
#footer #f-info .cont {max-width:1120px; display:flex;  flex-wrap:wrap; gap:0 40px;  }
#footer #f-info .cont li {  color:#afb8cb;  }
#footer #f-info .cont li.copy {margin-top:1em; width:100%; font-size: 1.4rem; opacity:.5; text-transform:uppercase }
#footer #f-info .copy{font-size:17px; color:#333;  font-weight:500; line-height:27px;}
#footer #f-info .copy span{padding:0px 15px;}
#footer #f-info .copy p{color:#999999}
.sns{width:20%; text-align:right;position:absolute; right:0px; top:15px;  border:0px solid red;}

.mobilenone{display: inline-block;}
.mobileshow{display: none;}

@media all and (max-width:1280px) {
	#footer #f-line .inner{width:100%;}
    #footer #f-line .inner {display:flex; flex-wrap:wrap; gap:5px 30px; justify-content: center;}
	
	#footer #f-info h1 {padding-right:40px; }
}
@media all and (max-width:1024px) {
    #footer #f-info .inner {padding-bottom:100px; display:block; text-align:center}
	#footer #f-info h1 {margin-bottom:0.8em; padding-right:0; }
	#footer #f-info .cont {justify-content:center; gap:5px 20px;  }
	#footer #f-info .copy{font-size:15px;}
#footer #f-info .copy span{padding:0px 12px;}
.mobilenone{display:none;}
.mobileshow{display: inline-block;}
}

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


}

@media all and (max-width:640px) {
	.sns{display: none;}
    #footer #f-info h1 img { width:50px; }
    #footer #f-line .inner a {font-size:1.8rem; color:#000; padding-right:1%; }
}
@media all and (max-width:480px) {
	#footer #f-info .inner {padding-bottom:20vw;}
}




/* **************************************** *
 * window
 * **************************************** */

.allmenu{z-index:5555555555555; position:absolute; 
    top:0px; right:2px; height:90px; width:115px; line-height:90px; border-left:0px solid rgba(255,255,255,0.2); }



.window {
    display: none;
    box-sizing:border-box; padding:50px 30px 30px 30px; background:#fff;
    border-color:#ddd #aaa #888 #ddd; 
    box-shadow:2px 5px 17px rgba(0, 0, 0, 0.7);  width:90% ;max-width:860px;
    
    }



.window .sm div {display:none;}
.window li {width:100%; overflow:hidden;  border-bottom:1px solid #ddd; padding:11px 15px; box-sizing:border-box;}
.window li  br {display:none;}
.window li:last-child {border-bottom:none;}

.window li  a{float:left; width:200px; font-size:20px; line-height:61px;  color:#fff;  
background:#e02b31;
padding:10px 20px; 
box-sizing:border-box; font-weight:600; text-align:center; }

.window .sub_menu  { overflow:hidden; width:100%; }
    .window .sub_menu li{overflow:hidden; box-sizing:border-box;  float:left; border:none !important;  width: auto !important; padding:12px 7px !important;}
    .window .sub_menu li a{display:block; font-size:17px;  width:auto !important; padding:0px 2px !important; 
    line-height:61px; font-weight:300; color:#333;  width: auto !important; background:#fff; border:none;}

.window .sm {overflow:hidden;float:right; width:540px; box-sizing:border-box; padding: 0px 10px ;}



.allmenubg .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); 
    border-radius:50%;display:inline-block; border:1px solid rgba(250,250,250,0.4);
 text-align:center; font-weight:300; width:50px; height:50px;}
.allmenubg .btn_close a {display:block; color:#efefef; font-size:19px;  line-height:50px;  transform:scale(1,1); text-decoration:none;}

.allmenubg {background:#02244f;    height:100%; 
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:0%;
    box-sizing:border-box;  border-top-right-radius:30px;  border-bottom-left-radius:30px; 
    border-color:#ddd #aaa #888 #ddd;  width:100%; padding:110px 50px 130px 50px; 
    box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none; }

.allmenubg .dept01 {display:none;}
.allmenubg  >  ul >  li{ border-top:1px solid rgba(250,250,250,0.1); overflow:hidden; padding:30px 30px 30px 30px; box-sizing:border-box;}
.allmenubg  >  ul >  li:first-child {border-top:none;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg  .sm div{position:absolute; font-weight:500; font-family:'Noto Sans Korean',sans-serif;
top:5px; left:0px; font-size:1.5rem; line-height:25px;  color:#fff;}

.allmenubg     .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg     .sub_menu  li {display:inline-block; }
.allmenubg     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.8);}



.allmenubg1 .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:inline-block;
 text-align:center; font-weight:300; width:50px; height:50px;}
.allmenubg1 .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none;}

.allmenubg1 {background:#fff;    height:auto !important;
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%;
    box-sizing:border-box;  border-radius:30px; 
    border-color:#ddd #aaa #888 #ddd;  width:900px;padding:110px 50px 130px 50px; 
    box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none;}

.allmenubg1 .dept01 {display:none;}
.allmenubg1  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:30px 30px 30px 30px; box-sizing:border-box;}
.allmenubg1  >  ul >  li:first-child {border-top:none;}

.allmenubg1  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg1  .sm div{position:absolute; font-family:'PHCB', sans-serif;
top:5px; left:0px; font-size:26px; line-height:25px; color:#fff;}

.allmenubg1    .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg1     .sub_menu  li {display:inline-block; }
.allmenubg1     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.6);}




/*웹*/
    @media (min-width: 1024px) {


        }





    /*패드와 모바일*/
@media (max-width:1023px)  {



.allmenubg {width:90%; max-height:90vh; overflow-y: scroll !important; }
.allmenubg  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:11px 20px 10px 20px; box-sizing:border-box;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative; padding-top:30px;}
.allmenubg  .sm div{
top:5px; left:20; font-size:16px; line-height:23px;}

.allmenubg     .sub_menu { width:100%; }
.allmenubg     .sub_menu  li  a {font-size:12px; padding:0px 3px;}
}



#top_btn {border-radius:30px; position: fixed; bottom:30px; right:30px; width: 50px; height: 50px;  line-height:20px; border: 0;
background:red; color: #FFF;font-weight:800; text-align: center; font-size:15PX; z-index: 99; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
#top_btn:hover{background-color:#cc0000;}




#visual { width:100%; overflow:hidden; position:relative;  height:930px; background:#000 ; }

.visual_wrap { position:relative; width:100%; height:100%; margin:0 auto;  overflow:hidden;   float:right; }

.visual_box { position:absolute; width:100%; margin:0 auto; }
.visual_box div {position:absolute; top:0;  left:0; border:0px solid red; height:930px; width:100%;    border:0px solid red; }
.visual_box div  img{width:100%;}
.v_ul { position:absolute;  bottom:300px; right:50%; margin-right:-74px;    z-index:999; }
.v_ul li { float:left;  z-index:1;  cursor:pointer; margin-right:6px; }

.v_btn01 a{ display:inline-block; position:absolute;  border-radius:0px; top:40%;  left:15%; 
background:rgba(250,250,250,0.2) url(/images/arrow_right.png)center;
box-shadow:5px 5px 5px rgba(0,0,0,0.1); bordeR-radius:35px;
width:60px; height:60px; cursor:pointer; 
color:#fff ! important; font-weight:600;  font-size:14px; line-height:40px; opacity:0.9; text-transform:uppercase;z-index:55; }

.v_btn02 a { display:inline-block;  position:absolute;  border-radius:0px; z-index:1;  background:rgba(250,250,250,0.2) url(/images/arrow_left.png)center;
box-shadow:5px 5px 5px rgba(0,0,0,0.1); bordeR-radius:35px;
 top:48%;   left:15%;  width:60px; height:60px; cursor:pointer; 
color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:55;  }

.v_btn01 a:hover{display:block;  background:rgba(203,53,29,1);}
.v_btn02 a:hover{display:block;  background:rgba(203,53,29,1);}

/*
.mainbg01{background:url('/img/main_visual.jpg')top; background-size:cover;}
.mainbg02{background:url('/img/main_visual_2.jpg'); background-position-x: 50%; background-size:cover; }
.mainbg03{background:url('/img/main_visual_3.jpg');background-position-x: 40%;  background-size:cover;}
*/
.mainbg01{background:url('/img/mainbg01.jpg'); background-size:cover;}
.mainbg02{background:url('/img/mainbg02.jpg'); background-size:cover; }
.mainbg03{background:url('/img/mainbg03.jpg'); background-size:cover;}
.mainbg04{background:url('/img/mainbg04.jpg'); background-size:cover;}
.mainbg05{background:url('/img/mainbg05.jpg'); background-size:cover; }
.mainbg06{background:url('/img/mainbg06.jpg'); background-size:cover;}
.mainbg07{background:url('/img/mainbg07.jpg'); background-size:cover;}
.mainbg08{background:url('/img/mainbg08.jpg'); background-size:cover; }
.mainbg09{background:url('/img/mainbg09.jpg'); background-size:cover;}
.mainbg10{background:url('/img/mainbg10.jpg'); background-size:cover;}

.visual_p { /*position:absolute;*/  left:0;}

#visual .visual_p { /*position:absolute;*/  left:0;}
#visual .visual_p img{width:100%;}
#visual .vs_txt {position:absolute;  border:0px solid red;  text-align:center; width:650px;
right:10%; top:35%;  z-index:50; background:url(../images/main/bg_vtxt.png) no-repeat center top;}
#visual .vs_txt .m-txt {font-size:70px; font-weight:700; color:#fff; line-height:55px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.9),  0 0 8px rgba(0, 0, 0, 0.7) ;}
#visual .vs_txt .m-txt span{font-weight:100;}
#visual .vs_txt .m-txt1 {font-size:60px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt1 span{font-weight:100; font-size:55px; }
#visual .vs_txt .m-txtline{height:1px; width:100%; background:#fff; margin:25px 0px;}
#visual .vs_txt .m-txt2 {line-height:60px; font-size:22px; font-weight:700; color:#fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.9),  0 0 8px rgba(0, 0, 0, 0.7);}
#visual .vs_txt .m-txt2 span{padding:0px 15px; }

#visual .vs_txt .m-txt3 {line-height:36px;font-size:22px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt3 span{ color:#cc0000;font-weight:800; font-size:23px;}


@media (max-width:978px)  {
#visual { width:100%; overflow:hidden; position:relative;  height:630px; background:#000 ; }
#visual .vs_txt{width:100%; padding:0% 5%; text-align:center; right:0%; top:25%;}
#visual .vs_txt .m-txt{font-size:40px;}
#visual .vs_txt .m-txt3 img{width:80%;}
#visual .vs_txt .m-txt2{font-size:17px; line-height:30px;}
#visual .vs_txt .m-txt2 span{padding:0px 5px; }
.v_btn01{display: none;}
.v_btn02{display: none;}

.visual_box div{
	height: 630px;
}

.mainbg01{background:url('/img/m_mainbg/m_mainbg01.jpg') top; 
	background-size:cover; 
	/* background-position-x:20%; 
	background-position-y:30%; */
}
.mainbg02{background:url('/img/m_mainbg/m_mainbg02.jpg') top; 
	background-size:cover; 
}
.mainbg03{background:url('/img/m_mainbg/m_mainbg03.jpg') top; 
	background-size:cover; 
}
.mainbg04{background:url('/img/m_mainbg/m_mainbg04.jpg') top; 
	background-size:cover; 
}
.mainbg05{background:url('/img/m_mainbg/m_mainbg05.jpg') top; 
	background-size:cover; 
}
.mainbg06{background:url('/img/m_mainbg/m_mainbg06.jpg') top; 
	background-size:cover; 
}
.mainbg07{background:url('/img/m_mainbg/m_mainbg07.jpg') top; 
	background-size:cover; 
}
.mainbg08{background:url('/img/m_mainbg/m_mainbg08.jpg') top; 
	background-size:cover; 
}
.mainbg09{background:url('/img/m_mainbg/m_mainbg09.jpg') top; 
	background-size:cover; 
}
.mainbg10{background:url('/img/m_mainbg/m_mainbg10.jpg') top; 
	background-size:cover; 
}



}

.main_program{width:1600px; margin:0 auto;  padding:70px 0px 40px 0px; border:0px solid red;}
.main_programtt{width:100%; text-align:center; color:#9950db; font-weight:600; font-size:50px;}
.main_programtt1{width:100%; text-align:center; color:#333; font-weight:600; font-size:21px;}






.main_program ul{width:100%; position: relative; border:0px solid red; padding-top:5%; text-align: center}
.main_program ul li{display: inline-block; width:22%; margin:1%; border-radius:20px; overflow:hidden; border:0px solid red; }
.main_program ul li img{width:100%; }



@media all and (max-width:1399px){
.main_program{width:100%;}

}


@media all and (max-width:1024px){
	.main_programtt{width:100%; text-align:center; color:#9950db; font-weight:600; font-size:33px;}
.main_programtt1{width:100%; text-align:center; color:#333; font-weight:600; font-size:18px;}
.main_program{width:100%;}
.main_program ul li{display: inline-block; float:left; width:46%; margin:2%; border-radius:20px; overflow:hidden; border:0px solid red; }
}

@media all and (max-width:640px){
.main_program ul li{display: inline-block; float:left; width:96%; margin:2%; border-radius:20px; overflow:hidden; border:0px solid red; }

}



.hugi_list{width:1500px; margin:0 auto;  padding:0px 0px 70px 0px; border:0px solid red; }
.hugi_list ul{width:100%; position: relative; border:0px solid red; padding-top:3%;overflow:hidden; }
.hugi_list ul li{display: inline-block; width:48%;  float:left; margin:1%; border-radius:15px; overflow:hidden; border:1px solid #ccc; padding:25px; }
.hugi_list ul li dl{width:100%; float:left;}
.hugi_list ul li dl dt{width:30%; float:left;}
.hugi_list ul li dl dt img{width:90%; border-radius:15px;}
.hugi_list ul li dl dd{width:70%; float:left; margin-top:25px;}
.hugi_list ul li dl dd p{color:#000; font-size:21px; line-height:30px;}
.hugi_list ul li dl dd span{font-size:18px; margin-top:5px;line-height:27px;}


@media all and (max-width:1399px){
.hugi_list{width:100%;}
}

@media all and (max-width:640px){
.hugi_list ul li{width:98%;}
.hugi_list ul li dl dt{width:100%; float:left;}
.hugi_list ul li dl dt img{width:100%;}
.hugi_list ul li dl dd{width:100%; float:left;}
}




.commu{width:1480px; margin:0 auto;  padding:50px 0px 100px 0px; border:0px solid red; overflow: hidden;}
.commu_left{width:48%; float:left; border:0px solid red; margin-top:70px;}
.commu_right{width:48%; float:right; border:0px solid red; margin-top:70px;}
.commu_tt {position: relative; width:100%; line-height:80px; font-size:30px; font-weight:600; color:#000;
background: url(/img/tt_bg.jpg)left bottom;}
.commu_tt span{display: inline-block; float:right; line-height:30px; font-size:20px; margin-top:25px;}

.commu ul{width:100%; position: relative; border:0px solid red; padding-top:3%;overflow:hidden; }
.commu ul li{display: inline-block;width:100%; line-height:35px; font-size:20px; }
.commu ul li span{float:right; font-size:18px; color:#000;}

@media all and (max-width:1399px){
.commu{width:100%;}
}

@media all and (max-width:640px){
.commu_left{width:100%; margin-top:20px;}
.commu_right{width:100%;  margin-top:30px;}
.commu_tt{font-size:25px;}
.commu_tt span{font-size:16px;}
.commu ul li{font-size:17px;}
.commu ul li span{font-size:16px;}
}


.main_banner{width:100%; height:400px;background: url(/img/main_banner.jpg)center; }
.main_map{width:100%; padding:70px 0px; border:0px solid red; overflow: hidden;}
.main_map_area{width:1400px; margin:0 auto;  border:0px solid red;}



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

.main_map_area{width:100%; margin:0 auto;  border:0px solid red;}
}


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

.main_banner{height:450px; border:0px solid red; background: url(/img/main_banner_m.jpg)center;}

}