@charset 'utf-8';

/* 공통 */
/*
font-family: 'Nanum Gothic', sans-serif;
font-family:'Noto Sans KR', 'Noto Sans Korean', dotum, sans-serif;
font-family: 'Kanit', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css'); /*font-family:'Noto Sans KR', sans-serif; */

#wrap { overflow:hidden;}
a {text-decoration: none;}


.clearfix:after { content:""; display:block; clear:both; }
.inner { max-width:1600px; width:100%;position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner2 { max-width:1200px; width:100%;position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner3 { max-width:1300px; width:100%;position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner4 { max-width:1000px; width:100%;position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner14 { max-width:1400px; width:100%; position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


/* 헤더 */
header { position:fixed; width:100%; left:0; top:0; z-index:9999; *background:url("/img/common/top_backbg.jpg") repeat-y center center;  background:rgba(255,255,255,1);
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
header #hd_top { border-bottom:0px solid rgba(255,255,255,0.1); }
header .logo { position:absolute; left:6%; top:15px;}
header nav { text-align:center; }
header nav .gnb { display:inline-block; }
header nav .gnb > li { float:left; position:relative;}
header nav .gnb > li > a {  font-size:1.3rem; font-weight:500; letter-spacing:-0.5px; *text-shadow:2px 2px 2px rgba(0,0,0,0.5); color:#222; font-family:'Noto Sans KR', 'Noto Sans Korean', dotum, sans-serif; 
                                   text-transform:uppercase; display:block; padding:30px 30px; position:relative;}
header nav .gnb > li > a:after { content:""; width:100%; height:3px; background:#ff615d; display:block; position:absolute; left:0; margin-left:-8px; bottom:-3px; z-index:11;  opacity:0;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
header nav .gnb > li:hover > a:after { 
opacity:1;
}
header nav .gnb > li > .depth2 { position:absolute; text-align:left; padding-left:30px; z-index:10; padding-top:25px; display:none; width:100%;}
header nav .gnb > li > .depth2 > li { margin-bottom:12px;}
header nav .gnb > li > .depth2 > li:last-child { margin:0; }
header nav .gnb > li > .depth2 > li > a { color:#ddd; font-size:1.05rem; line-height:1.3em}
header nav .gnb > li > .depth2 > li > a:hover { color:#fff;  font-weight:500}
header nav .gnb > li .depth3 {display: none;}


header .lang { position:absolute; right:0px; top:0px; padding:1.2em 0 0 1.5em;   width:230px; height:82px; background:#ff615d;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
header .lang p { color:#fff; font-size:0.9rem; opacity:0.8}
header .lang h2 { color:#fff; font-size:1.35rem; margin-top:0.5em;  font-family: 'GmarketSansMedium';}
header .lang ul { }
header .lang ul li { margin-right:16px; float:left;}
header .lang ul li:last-child { margin:0;}
header .lang ul li a {*font-family: 'Kanit', sans-serif; *font-weight:700; color:#bbb; text-transform:uppercase; font-size:15px; }
header .lang ul li.on a { color:#1395e8; }
header .menu_btn {right:230px; width:85px; height:81px; position:absolute; top:0; border-left:1px solid rgba(255,255,255,0.1); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
header .menu_btn button { width:100%; height:100%; border:none; background:#fff url("/img/common/menu_btn.png") no-repeat center; }


header.on { *background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2)}
header.on .lang {*display:none; background:#ff615d;}
header.on .lang ul li.on a { color:#1395e8;}
header.on .lang ul li a { color:#666;}
header.on nav .gnb > li > a  { color:#222;}
header.on .menu_btn  {*background:#4e4e50;}
header nav .top { display:none;}
.gnbBg { position:fixed; width:100%; height:238px; background:rgba(0,0,0,0.7); display:none;}

#all_menu { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:9999; padding-top:115px; display:none;}
#all_menu .gnb { }
#all_menu .gnb > li { width:23%; height:200px; padding:0 1%; margin-bottom:5%; float:left; text-align:center;}
#all_menu .gnb > li > a {  color:#fff; font-size:30px; font-family: 'Kanit', sans-serif; display:block; border-bottom:1px solid #515253; padding:0 20px 37px 20px; position:relative;}
#all_menu .gnb > li:hover  > a { color:#fff; }
#all_menu .gnb > li:hover > a:after { content:""; width:160px; height:3px; background:#ff615d; display:block; position:absolute; left:50%; bottom:-2px; margin-left:-80px;}
#all_menu .gnb > li > .depth2 { text-align:left; padding:30px 0 0 0px;}
#all_menu .gnb > li > .depth2 br {display:none}
#all_menu .gnb > li > .depth2 > li {line-height:1.4; margin-bottom:12px; text-align:center; }
#all_menu .gnb > li > .depth2 > li > a { font-weight:300; color:#eee; font-size:1.2rem;}
#all_menu .gnb > li > .depth2 > li:hover > a { color:#fff; font-weight:500 }
#all_menu .close_btn { text-align:center; margin-bottom:96px;}
#all_menu .close_btn button { width:43px; height:43px; background:url("/img/sub/all_close.png") no-repeat center; border:none; display:inline-block; 
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
#all_menu .close_btn button:hover { 
}
#all_menu .depth3 {display: none;}

/* .gnbBg.on {} */

@media screen and (max-width:1680px){
	.inner { padding:0 15px;}
    header nav .gnb > li > a { font-size:1.2rem; padding:31px 20px;}
	header .lang {height:82px}
	header .menu_btn {height:82px}
	header .logo { left:10px; top:15px;}
}

@media screen and (max-width:1400px){
	.inner { padding:0 15px;}
    header nav .gnb > li > a {font-size:1.1rem;padding:31px 16px;}
	header .lang {height:82px;  width:190px; padding:1.2em 0 0 1.0em; }
	header .menu_btn {height:82px; right:190px}
	header .logo {width:210px; left:10px; top:20px;}
}

@media screen and (max-width:1200px){
    .inner2 { padding:0 15px;}
	header .lang  {display:none}
	header { height:70px !important; border-bottom:1px solid rgba(255,255,255,0.15);}
	header .logo { left:10px; top:14px;}
	header .logo  img {width:190px}
	header nav { position:fixed; width:90%; max-width:426px; background:#fff; height:100%; right:0; top:0; z-index:300; padding:30px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  right:-426px;}
	header nav .gnb { display:block; }
	header nav .gnb > li { float:none; text-align:left; border-bottom:1px solid #e1e1e1;}
	header nav .gnb > li > a { font-size:18px; padding:0 40px; height:46px; line-height:46px; }
	header nav .gnb > li.on > a { background:#acacac; color:#fff;}
	header nav .gnb > li > .depth2 { position:static; display:block; padding-top:0; background:#f5f5f5; padding:26px 60px; border-top:1px solid #e1e1e1; display:none;}
	header nav .gnb > li > a:after { display:none; }
	header .lang ul li a, 
	header nav .gnb > li > a {
		color: #222;
    }
	
    header.on .lang ul li.on a {color: #000;}
	header nav .gnb > li > .depth2 > li > a {position:relative; color:#666;}
	header nav .gnb > li > .depth2 > li > a:focus,
	header nav .gnb > li > .depth2 > li > a:hover { font-weight:500;}
	header nav .gnb > li > .depth2 > li > a:hover:before { content:""; width:6px; height:6px; background:#45b6fe; display:block; position:absolute; left:-18px; top:8px; }
	header nav .gnb > li > .depth2 br{display:none}
	header { }
	.gnbBg { height:100%; left:0; top:0;}
	header nav .top {*background:#2b3e64; display:block; position:relative;}
	header nav .top .nav_logo2 { text-align:left; margin:-10px 0 40px 4%}
	header nav .top .nav_logo2 img { width:60%}
	header nav .top .close_btn { position:absolute; right:0; top:10px;}
	header nav .top .close_btn button { width:48px; height:48px; background:url("/img/common/close_btn2.png") no-repeat center; border:none;}

	#all_menu { display:none !important;}
	header .menu_btn {right:0px; top:0px; width:70px; height:70px; }

	header nav .lang {display:none !important; height:0; osition:static; margin:30px 0 7px;}
	/*header nav .lang ul {}
	header nav .lang ul li { margin:0; width:80px; text-align:center; border-right:0px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	header nav .lang ul li:last-child { border:none; }
	header nav .lang ul li a { background:#acacac; color:#fff; height:40px; line-height:40px; display:block;}
	header nav .lang ul li.on a { background:#45b6fe; color:#fff;}
*/

}


/* subTopWrap */
.subTopWrap {position: relative; z-index: 30; }
.subTopWrap .bigTitle {transition:1s all; opacity:0; transform:translate(0,-30px); position: relative; z-index: 1;padding-top:0px; text-align: center; font-size:40px; line-height:40px; color:#ffffff; font-weight:500; text-shadow:2px 2px 8px black;}

.subTopWrap .bgBox {position: absolute; left:0; top:0; width: 100%; height: 100%; overflow:hidden;}
.subTopWrap .bgBox span {transition:2s all; transform:scale(1.1); position: absolute; left:0; top:0; width: 100%; height: 100%;  }

body.load .subTopWrap .bigTitle { transform:translate(0,0); opacity:1;}
body.load .subTopWrap .bgBox span { transform:scale(1);}

.subTopWrap .lnbWrap {position: absolute; left:0; bottom:0; width:100%; z-index: 10; border-bottom:1px solid #dddddd; }
.subTopWrap .lnbWrap .in {width:1400px; margin:0 auto;  background:#fff; height:60px; }
.subTopWrap .lnbWrap .btnHome {float:left; width:60px; height: 60px; background:#bd1c25 url('/img/common/btn_home.png') center no-repeat; text-indent:-999em;}
.subTopWrap .lnbWrap .lnbList {position: relative; float:left; width: 21%; margin-left:-1px; }
.subTopWrap .lnbWrap .lnbList p a {position: relative; display: block; font-size: 18px;  font-weight:600; height: 60px; line-height:60px; padding-left: 20px; color:#444444;  border-right:1px solid #dddddd; }
.subTopWrap .lnbWrap .lnbList p a:after {content:''; position: absolute; right:20px; top:50%; margin-top:-4px; width: 12px; height: 7px; background:url('/img/common/ico_subn.png') no-repeat;}
.subTopWrap .lnbWrap .lnbList ul {position: absolute; left:0; top:60px; width: calc(100% - 2px);  background:#fff; border:1px solid #dddddd; border-top:none; display: none;}
.subTopWrap .lnbWrap .lnbList ul li {border-top:1px solid #dddddd;}
.subTopWrap .lnbWrap .lnbList ul li:first-child {/* border-top:none; */}
.subTopWrap .lnbWrap .lnbList ul a {display: block; font-size: 16px;  height: 49px; line-height:49px; padding-left: 20px; color:#555555; }
.subTopWrap.active .lnbWrap {position: fixed; left:0; bottom:auto; top:0; background:#fff; width: 100%; transition:.3s all; }
.subTopWrap.active .in {}
.subTopWrap.active  {}

@media all and (max-width:1400px) {
   .subTopWrap .lnbWrap {width: 100%; margin-left: 0; left:0;}
   .subTopWrap .lnbWrap .in {width: 100%; margin:0 auto;  background:#fff; height:60px; }
}

@media all and (max-width:1024px) {
   .subTopWrap .lnbWrap .in {width: 100%; margin:0 auto;  background:#fff; height:40px; }
   .subTopWrap .lnbWrap .btnHome {width:40px; height: 40px; }
   .subTopWrap .lnbWrap .lnbList p a {height: 40px; line-height:40px; padding-left: 20px; font-size: 15px;}
   .subTopWrap .lnbWrap .lnbList {position: relative; float:left; width: 30%; margin-left:-1px; }
   .subTopWrap .lnbWrap .lnbList ul a {font-size: 15px;  height: 39px; line-height:39px; padding-left: 20px; }
}

@media all and (max-width:767px) {
   .subTopWrap .lnbWrap .lnbList {position: relative; float:left; width: 40%; margin-left:-1px; }
}

/* footer */
#footer {background: #0a0d1a; padding: 4% 0; font-family:'Noto Sans KR', 'Noto Sans Korean', dotum, sans-serif !important;}
#footer .inner{width:100%; max-width:1600px; margin:0 auto}

#footer .inner .list{display: flex; align-items: center; gap:20px; margin-bottom: 45px;}
#footer .inner .list li{}
#footer .inner .list li a{font-size: 1rem; color: #fff; font-weight: 500; letter-spacing:-0.05em}
#footer .inner .list li a b{}
#footer .inner .list {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.2);}


#footer .inner .f_top{display: flex; justify-content: space-between;}
#footer .inner .f_top > div{width: max-content;}
#footer .inner .f_top .tit{font-size: 1.2rem; font-weight: 500; color: #fc520c; margin-bottom: 25px;}

#footer .inner .f_top .l_cont{width:30%;}
#footer .inner .f_top .l_cont .tel{margin-bottom:30px}
#footer .inner .f_top .l_cont .tel a{font-size: 2.5rem; font-weight: 700; color: #fff;   font-family: 'GMarketSans';}
#footer .inner .f_top .l_cont p{font-size: 1.1rem; line-height:1.4; color: #fff; }

#footer .inner .f_top .c_cont{width:30%;}
#footer .inner .f_top .c_cont .deadline{margin-bottom:30px}
#footer .inner .f_top .c_cont .deadline{font-size: 2.5rem; font-weight: 700; color: #fff;   font-family: 'GMarketSans';}
#footer .inner .f_top .c_cont p{font-size: 1.1rem; line-height:1.4; color: #fff; }

#footer .inner .f_top .r_cont{width:40%;}
#footer .inner .f_top .r_cont{} .info{}
#footer .inner .f_top .r_cont{} .info span{display: inline-block; font-size: 1.0rem; font-weight: 400; color: rgba(255,255,255,0.6); margin-right: 20px; line-height: 1.5em;}
#footer .inner .f_top .r_cont{} .info .copy{margin-top: 10px; font-size: 0.9rem; color: rgba(255,255,255,0.7)}

#footer .inner .f_bottom > div{width: max-content;}
#footer .inner .f_bottom .l_cont{}

@media all and (max-width:1400px){
    #footer {background: #0a0d1a; padding: 3% 0 5%}
    #footer .inner .list{display: flex; align-items: center; gap:20px; }
	#footer .inner .list li a{font-size: 1rem; color: #fff; font-weight: 500;}
	#footer .inner .list {margin-bottom: 40px; padding-bottom: 30px;}	
	#footer .inner .f_top .tit{font-size: 1.1rem; margin-bottom: 20px;}
	#footer .inner .f_top .l_cont .tel a{font-size: 2.2rem}
    #footer .inner .f_top .l_cont p{font-size: 1.0rem;}
	#footer .inner .f_top .c_cont .deadline{margin-bottom:30px}
    #footer .inner .f_top .c_cont .deadline{font-size: 2.2rem;}
    #footer .inner .f_top .c_cont p{font-size: 1.0rem;}
    #footer .inner .f_top .r_cont{} .info span{font-size: 1.0rem; margin-right: 20px; line-height: 1.5em;}
    #footer .inner .f_top .r_cont{} .info .copy{margin-top: 10px; font-size: 0.9rem;}
}
@media all and (max-width:1280px){
    #footer .inner .f_top .l_cont{width:28%;}
	#footer .inner .f_top .c_cont{width:32%;}
	#footer .inner .f_top .r_cont{width:40%;}
   	#footer .inner .f_top .tit{font-size: 1rem; margin-bottom: 20px;}
	#footer .inner .f_top .l_cont .tel a{font-size: 1.9rem}
    #footer .inner .f_top .l_cont p{font-size: 1.0rem;}
	#footer .inner .f_top .c_cont .deadline{margin-bottom:30px}
    #footer .inner .f_top .c_cont .deadline{font-size: 1.9rem;}
    #footer .inner .f_top .c_cont p{font-size: 1.0rem;}
	#footer .inner .f_top .r_cont{} .info span{font-size: 0.9rem;}
    #footer .inner .f_top .r_cont{} .info .copy{margin-top: 10px; font-size: 0.7rem;}
}

@media all and (max-width:1024px){
	#footer .inner .f_top{flex-wrap: wrap; justify-content: flex-start;}
    #footer .inner .f_top .l_cont{width:45%;}
	#footer .inner .f_top .c_cont{width:45%;}
	#footer .inner .f_top .r_cont{margin-top:6%; width: 100%;}
}

@media all and (max-width:768px){
    #footer {background: #0a0d1a; padding: 4% 0 110px }
	#footer .inner .f_top{flex-direction: column; gap:40px;}
    #footer .inner .f_top .l_cont{width:100%;}
	#footer .inner .f_top .c_cont{width:100%;}
	#footer .inner .f_top .r_cont{width:100%;}
   	#footer .inner .f_top .tit{font-size: 1.1rem; margin-bottom: 20px;}
	#footer .inner .f_top .l_cont .tel a{font-size: 1.9rem}
    #footer .inner .f_top .l_cont p{font-size: 1.0rem;}
    #footer .inner .f_top .l_cont .tel {margin-bottom:20px}
	#footer .inner .f_top .c_cont .deadline{margin-bottom:20px}
    #footer .inner .f_top .c_cont .deadline{font-size: 1.9rem;}
    #footer .inner .f_top .c_cont p{font-size: 1.0rem;}
	#footer .inner .f_top .r_cont{margin-top:10px; width: 100%;}
	#footer .inner .f_top .r_cont{} .info span{font-size: 0.9rem;}
    #footer .inner .f_top .r_cont{} .info .copy{margin-top: 10px; font-size: 0.7rem;}
	#footer .inner{margin:0 auto 80px}
}

@media all and (max-width:500px){
    #footer {background: #0a0d1a; padding: 5% 0 10%}
	#footer .inner .list{display: flex; width:100%; align-items: center;  justify-content: center; gap:15px;margin-bottom: 40px; padding-bottom: 20px;}
	#footer .inner .list li a{font-size: 0.9rem; color: rgba(255,255,255,0.7); font-weight: 400;}
}



/* === 플로팅 배너 === */
#RightBanWrap {display: block;position: fixed;bottom: 50%; right: 15px; font-family:'Noto Sans KR', 'Noto Sans Korean', dotum, sans-serif !important;
  transform: translateY(60%); z-index: 9999; *height: 480px; background: #fff;border-radius: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);overflow: hidden;text-align: center; line-height: 1.3;}

/* 버튼 공통 스타일 */
.RightBanPc {border-bottom: 1px solid #e6e6e6;  text-align: center;}
.RightBanPc img {width: 40px;margin-bottom: 5px; border:none !important}
.RightBanPc a {display: inline-block; width: 100px; padding:20px 0 20px !important;  font-size: 1rem; font-weight: 500;  
letter-spacing: -0.05em; color: #363636 !important; 
border-bottom: 0px solid #f2f1f1;}
.RightBanPc a:hover {color: #ee4530 !important;}

/* 카톡채널*/
.RightBan3  {background: #fee600; color: #999 !important;}
.RightBan5  {height:35px; margin-top:10px}

/* TOP*/
.RightBan5 a {font-weight: 500;  color: #000 !important;}

/* === 플로팅 배너 (모바일) === */
@media screen and (max-width: 1024px) {
  #RightBanWrap {display: flex !important;  width: 100%; height: 80px; position: fixed; bottom: 40px; left: 0;z-index: 9999;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); border-radius: 20px 20px 0 0; border-top:1px solid #eee}  
  .RightBanPc { width: 25%; border: 0;}
  .RightBanPc img {width: 20px;margin-bottom: 5px;}
  .RightBanPc a { display: inline-block;width: 100%; height: 70px; padding:15px 0 20px !important; font-size: 0.9rem; padding-top: 12px;  letter-spacing: -0.05em;}
  .RightBan5 {display: none;}
  .RightBan3  {background: #fff; }
  .RightBan1  {background: #fee600;}
}


.insta-section {
  max-width: 1200px; width:90%;
  margin: 0 auto;
  padding: 40px 20px;
}

.insta-title {
  font-size: 24px; text-align:center;
  font-weight: bold;
  margin-bottom: 20px;
}

/* 태블릿 */
@media (max-width: 1024px) {
     .insta-title {font-size: 20px;}
}

/* 모바일 */
@media (max-width: 768px) {
  .insta-title {font-size: 18px;}
}