@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import 'https://fonts.googleapis.com/css?family=Roboto';



/* NotoSanskr */
@font-face {
  font-family:'NotoSanskr';
  font-style:normal;
  font-weight:300;
  src:url('/fonts/NotoSansKR-Light.woff2') format('woff2'),
      url('/fonts/NotoSansKR-Light.woff') format('woff');
}
@font-face {
  font-family:'NotoSanskr';
  font-style:normal;
  font-weight:400;
  src:url('/fonts/NotoSansKR-Regular.woff2') format('woff2'),
      url('/fonts/NotoSansKR-Regular.woff') format('woff');
}
@font-face {
  font-family:'NotoSanskr';
  font-style:normal;
  font-weight:500;
  src:url('/fonts/NotoSansKR-Medium.woff2') format('woff2'),
      url('/fonts/NotoSansKR-Medium.woff') format('woff');
}


@font-face {
  font-family:'NotoSanskr';
  font-style:normal;
  font-weight:600;
  src:url('/fonts/NotoSansKR-Bold.woff2') format('woff2'),
      url('/fonts/NotoSansKR-Bold.woff') format('woff');
}


@font-face {
  font-family:'NotoSanskr';
  font-style:normal;
  font-weight:700;
  src:url('/fonts/NotoSansKR-Bold.woff2') format('woff2'),
      url('/fonts/NotoSansKR-Bold.woff') format('woff');
}

/* NotoSansJP */
@font-face {
  font-family:'NotoSansJP';
  font-style:normal;
  font-weight:300;
  src:url('/fonts/NotoSansJP-Light.woff2') format('woff2'),
      url('/fonts/NotoSansJP-Light.woff') format('woff');
}
@font-face {
  font-family:'NotoSansJP';
  font-style:normal;
  font-weight:400;
  src:url('/fonts/NotoSansJP-Regular.woff2') format('woff2'),
      url('/fonts/NotoSansJP-Regular.woff') format('woff');
}
@font-face {
  font-family:'NotoSansJP';
  font-style:normal;
  font-weight:500;
  src:url('/fonts/NotoSansJP-Medium.woff2') format('woff2'),
      url('/fonts/NotoSansJP-Medium.woff') format('woff');
}

@font-face {
  font-family:'NotoSansJP';
  font-style:normal;
  font-weight:600;
  src:url('/fonts/NotoSansJP-Bold.woff2') format('woff2'),
      url('/fonts/NotoSansJP-Bold.woff') format('woff');
}


@font-face {
  font-family:'NotoSansJP';
  font-style:normal;
  font-weight:700;
  src:url('/fonts/NotoSansJP-Bold.woff2') format('woff2'),
      url('/fonts/NotoSansJP-Bold.woff') format('woff');
}

/* NotoSansSC */
@font-face {
  font-family:'NotoSansSC';
  font-style:normal;
  font-weight:300;
  src:url('/fonts/NotoSansSC-Light.woff2') format('woff2'),
      url('/fonts/NotoSansSC-Light.woff') format('woff');
}
@font-face {
  font-family:'NotoSansSC';
  font-style:normal;
  font-weight:400;
  src:url('/fonts/NotoSansSC-Regular.woff2') format('woff2'),
      url('/fonts/NotoSansSC-Regular.woff') format('woff');
}
@font-face {
  font-family:'NotoSansSC';
  font-style:normal;
  font-weight:500;
  src:url('/fonts/NotoSansSC-Medium.woff2') format('woff2'),
      url('/fonts/NotoSansSC-Medium.woff') format('woff');
}
@font-face {
  font-family:'NotoSansSC';
  font-style:normal;
  font-weight:600;
  src:url('/fonts/NotoSansSC-Bold.woff2') format('woff2'),
      url('/fonts/NotoSansSC-Bold.woff') format('woff');
}

@font-face {
  font-family:'NotoSansSC';
  font-style:normal;
  font-weight:700;
  src:url('/fonts/NotoSansSC-Bold.woff2') format('woff2'),
      url('/fonts/NotoSansSC-Bold.woff') format('woff');
}


/* NotoSansTC */
@font-face {
  font-family:'NotoSansTC';
  font-style:normal;
  font-weight:300;
  src:url('/fonts/NotoSansTC-Light.woff2') format('woff2'),
      url('/fonts/NotoSansTC-Light.woff') format('woff');
}
@font-face {
  font-family:'NotoSansTC';
  font-style:normal;
  font-weight:400;
  src:url('/fonts/NotoSansTC-Regular.woff2') format('woff2'),
      url('/fonts/NotoSansTC-Regular.woff') format('woff');
}
@font-face {
  font-family:'NotoSansTC';
  font-style:normal;
  font-weight:500;
  src:url('/fonts/NotoSansTC-Medium.woff2') format('woff2'),
      url('/fonts/NotoSansTC-Medium.woff') format('woff');
}

@font-face {
  font-family:'NotoSansTC';
  font-style:normal;
  font-weight:600;
  src:url('/fonts/NotoSansTC-Bold.woff2') format('woff2'),
      url('/fonts/NotoSansTC-Bold.woff') format('woff');
}

@font-face {
  font-family:'NotoSansTC';
  font-style:normal;
  font-weight:700;
  src:url('/fonts/NotoSansTC-Bold.woff2') format('woff2'),
      url('/fonts/NotoSansTC-Bold.woff') format('woff');
}

/* Roboto */
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:400;
  src:url('/fonts/Roboto-Regular.woff2') format('woff2'),
      url('/fonts/Roboto-Regular.woff') format('woff');
  unicode-range:U+0030-0039;/* 숫자만 */
}

@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:600;
  src:url('/fonts/Roboto-Medium.woff2') format('woff2'),
      url('/fonts/Roboto-Medium.woff') format('woff');
  unicode-range:U+0030-0039;/* 숫자만 */
}

@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:500;
  src:url('/fonts/Roboto-Medium.woff2') format('woff2'),
      url('/fonts/Roboto-Medium.woff') format('woff');
  unicode-range:U+0030-0039;/* 숫자만 */
}

/* Roboto */
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:100;
  src:url('/fonts/Roboto-Thin.woff2') format('woff2'),
      url('/fonts/Roboto-Thin.woff') format('woff');
  unicode-range:U+0030-0039;/* 숫자만 */
}

@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:200;
  src:url('/fonts/Roboto-Light.woff2') format('woff2'),
      url('/fonts/Roboto-Light.woff') format('woff');
  unicode-range:U+0030-0039;/* 숫자만 */
}


/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
 
body {background:#fff}
body,th,td,input,select,textarea,button,div{font-size:15px;line-height:1.5;font-family:"Roboto", "Noto Sans KR", "Roboto", sans-serif; color:#111; font-weight:300;} /* color값은 디자인가이드에 맞게사용 */
img, fieldset {border:0px;}
img {vertical-align:top;}
 

a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;}

/* skip */
/* 숨김텍스트처리 */
/* skip */
.skip a{width: 100%;display: block;position: absolute; left:0; top:-9999em;z-index:999;padding: 20px 0;font-size: 15px;border-top: 3px solid #2060ac;border-bottom: 1px solid #2060ac;background: #111;color: #fff;text-align: center;}
.skip a:focus,.skip a:hover,.skip a:active{top:0;}

button span.skip { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

.hide,.blind{display: none;}
.myungjo{font-family: 'Nanum Myeongjo', serif;letter-spacing: 1px;}
/*.batang{font-family: 'Batang', serif;font-weight: 600;}*/
article, aside, canvas, video, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block;}
figure{margin:15px 0px; padding:0px; /*word-wrap:break-word; */}
.center{text-align:center;}


figure{margin:00px 0px; height : 100%; padding:0px; word-wrap:break-word;}


html {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
*, *:before, *:after {box-sizing: inherit;}
img { box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; /* max-width:100%;*/}

article, aside, canvas, video, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block;}


/*서식*/
form { margin: 0; padding: 0; }
input, select, textarea, button {padding:2px 5px; font-size:13px;} 

input.image {  vertical-align:top; border:0px; }

input[type=text], 
input[type=password], 
input[type=number],
input[type=file]{border:1px solid #c1c1c1; height:34px; line-height:34px; padding:0px 0px; /*border-radius:3px;*/font-size:90%; }
input[type=checkbox], 
input[type=radio]{vertical-align:middle;padding:0; margin:0 5px 0 0; border:0px solid #c1c1c1; font-size:90%; }
input[type=text],
input[type=password]{ padding:0px 10px; }
textarea{padding:10px; border:1px solid #c1c1c1; /*border-radius:3px;*/ }
select{vertical-align:middle; border:1px solid #c1c1c1; height:34px; padding-left:5px; line-height:34px; font-size:90%;/*border-radius:3px;*/ }

input:hover, 
input:focus, 
select:hover, 
select:focus, 
textarea:hover, 
textarea:focus { }
input[type=file]:hover, 
input[type=file]:focus { border:0px solid #88898d;}
input[type=image]:hover, 
input[type=image]:focus { border:0px solid #88898d;}
/*a[target="_blank"] { background:url(/hsedu/gmi/cni/new_ico.png) no-repeat right 45%; padding-right:20px;  }*/



.cl,
.tab, #container,#contents-middle-tab, .global-movement,.present-condition, .present-condition div 
.banner-area .sum-area .sum-slide-area{/**zoom:1;*/}
.cl:after, .tab:after,  #container:after, #contents-middle-tab:after, .global-movement:after,
.present-condition:after, .present-condition div:after,
.banner-area .sum-area .sum-slide-area:after{clear:both; content:""; display:block;}
.hand,button, .over{cursor:pointer;}
.block{display:block !important;}

.vtop {vertical-align:top; }
.bnone {border:none !important;;}



::selection { background:#df474d; color: #fff;}
::-moz-selection { background:#df474d; color: #fff; }


/* 스크롤바 전체에 대한 속성 */
* {
  scrollbar-color: #df474d;
}

/* 스크롤바 thumb(드래그바)에 대한 속성 */
*::-webkit-scrollbar-thumb {
	background-color: #df474d; 
	border-radius:30px;
}

/* 스크롤바 track(눈금)에 대한 속성 */
*::-webkit-scrollbar-track {
	background-color: #f5f5f5;
}

*::-webkit-scrollbar-button:start:decrement,
*::-webkit-scrollbar-button:end:increment{
	/*  스크롤의 화살표가 포함된 영역   */
	display:block;
	height:4px;
	background-color: #f5f5f5;
} 

::-webkit-scrollbar {
	/* 스크롤바 전체 영역 */
	width: 8px; height:8px;
} 
::-webkit-scrollbar-track {
	/* 스크롤이 움직이는 영역  */
	background-color: #f5f5f5;
} 
::-webkit-scrollbar-thumb {
	/*  스크롤  */
	background-color: #df474d; 
	border-radius:30px;
} 
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {
	/*  스크롤의 화살표가 포함된 영역   */
	display:block;
	height:8px;
	background-color: #f5f5f5;
} 
::-webkit-scrollbar-corner {
	/*  상하+좌우 스크롤이 만나는 공간   */
	background-color: #f5f5f5;
} 



.ver_w{display:block;}
.ver_m{display:none;}

.color_point{color:#642590;}

#wrap{position:relative; margin:0 auto; overflow:hidden; /*min-width:1180px */}

@media (min-width:801px){

#wrap.dim:after{-ms-animation:gnbDim 0.5s forwards; -webkit-animation:gnbDim 0.5s forwards; animation:gnbDim 0.5s forwards;}

@keyframes gnbDim {
	0% {opacity:0; z-index:1;}
    20% {opacity:0; z-index:5}
    20% {opacity:0; z-index:5}
    100% {opacity:0.5; z-index:5}
}
}/* 801px End*/





#home,
#gnb_wrap,
#gnb_wrap .btn_g,
#gnb_wrap .btn_g:before,
#gnb_wrap .btn_g:after,
#gnb_wrap .btn_g a:before,
#gnb_wrap .btn_g a:after{-ms-transition-duration:0.3s; -webkit-transition-duration:0.3s; transition-duration:0.3s;}


#gnb_wrap .gnb_left li  {  -ms-transition-duration:0.3s; -webkit-transition-duration:0.3s; transition-duration:0.3s;}

#gnb_wrap .gnb_left li a {  vertical-align: middle;  color: #D71920;  font-size: 40px;  line-height: 1;  font-family: Montserrat;  font-weight: 500;  position: relative;  left: 0;  top: 0;
  -ms-transition-duration:0.3s; -webkit-transition-duration:0.3s; transition-duration:0.3s;}




/* header */
#header{position:relative; position:fixed; left:0; width:100%; top:0; z-index:9999;  }

#header.on{position:fixed; left:0; width:100%; top:0; z-index:9999; background:#fff; height:70px; border-bottom:1px solid #191919;}

/* home*/ 

.section#section1{clear:both; position:relative; margin:0; padding:0; width:100%; }



#fullpage{position:relative;}
#logo{position:fixed; left:80px; /*width:100%;*/ top:40px; z-index:99999;width:160px; height:36px;  }
#logo  a img{width:160px;}


/* home */
#home{position:fixed;  left:80px; top:40px; z-index:100998;}
#home a{display:block; background:url(../images/common/logo.png) 0 0 no-repeat; width:160px; height:36px; overflow:hidden;}
#home a span{display:block; text-indent:-9999px;}
#home a img{width:160px;}

#home_in{position:fixed; left:80px; top:40px; z-index:9998;}
#home_in a{display:block; background:url(../images/common/logo.png) 0 0 no-repeat; width:160px; height:36px; overflow:hidden;}
#home_in a span{display:block; text-indent:-9999px;}
#home_in a img{width:160px;}



@media (min-width:801px){
	#header.fixed #home{top:4px;}
	#header.fixed #home a{background-position: 0 100%;}

	#header.fixed #home_in{top:4px;}
	#header.fixed #home_in a{background-position: 0 100%;}

}


/* gnb */
#gnb_wrap{position:fixed; z-index:99910; right:55px; top:20px; }
#gnb_wrap .btn_g{position:absolute; right:0; top:0; padding:20px; width:34px; height:26px; cursor:pointer; z-index:99910; box-sizing:content-box;}
#gnb_wrap .btn_g a{display:block;}
#gnb_wrap .btn_g a span{display:block; text-indent:-9999px;}
#gnb_wrap .btn_g:before,
#gnb_wrap .btn_g:after,
#gnb_wrap .btn_g a:before,
#gnb_wrap .btn_g a:after{content:''; display:block; position:absolute; right:20px; background-color:#D71920; height:2px;}
#gnb_wrap .btn_g:before{width:34px; top:20px;}
#gnb_wrap .btn_g a:before,
#gnb_wrap .btn_g a:after{width:24px; top:31px;}
#gnb_wrap .btn_g:after{width:34px; top:42px;}


#gnb_logo{position:absolute; left:80px; width:100%; top:40px; z-index:99999;width:160px; height:36px;  }

#home h1.logo{display:block; }
#home a img{width:160px; }




@media (min-width:801px){

	#gnb_wrap .btn_g:hover{-ms-transform:rotate(90deg); transform: rotate(90deg); -webkit-transform: rotate(90deg);}
	#gnb_wrap .btn_g:hover:before,
	#gnb_wrap .btn_g:hover:after,
	#gnb_wrap .btn_g:hover a:before,
	#gnb_wrap .btn_g:hover a:after{width:24px; right:25px; display:inline-block;}
	#gnb_wrap .btn_g:hover:before{-ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg);}
	#gnb_wrap .btn_g:hover:after{-ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform: rotate(-20deg); top:44px;}
	#gnb_wrap .btn_g:hover a:before{-ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); top:36px;}
	#gnb_wrap .btn_g:hover a:after{-ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform: rotate(-20deg); top:28px;}


/*
	#header.fixed #gnb_wrap{top:-4px; right:23px;}
	#header.fixed #gnb_wrap .btn_g:before,
	#header.fixed #gnb_wrap .btn_g:after,
	#header.fixed #gnb_wrap .btn_g a:before,
	#header.fixed #gnb_wrap .btn_g a:after{}


	#header.fixed #gnb_wrap .btn_g{padding:14px; width:25px;}
	#header.fixed #gnb_wrap .btn_g:before{width:25px; top:20px}
	#header.fixed #gnb_wrap .btn_g a:before,
	#header.fixed #gnb_wrap .btn_g a:after{width:15px; top:28px;}
	#header.fixed #gnb_wrap .btn_g:after{width:25px; top:36px;}

	#header.fixed #gnb_wrap .btn_g:hover:before,
	#header.fixed #gnb_wrap .btn_g:hover:after,
	#header.fixed #gnb_wrap .btn_g:hover a:before,
	#header.fixed #gnb_wrap .btn_g:hover a:after{width:15px; right:17px; top:18px;}
	#header.fixed #gnb_wrap .btn_g:hover:after{top:33px;}
	#header.fixed #gnb_wrap .btn_g:hover a:before{top:28px;}
	#header.fixed #gnb_wrap .btn_g:hover a:after{top:23px;}

	#header.fixed #gnb_wrap.open .btn_g:before,
	#header.fixed #gnb_wrap.open .btn_g:after{width:25px; top:28px; right:14px;}
	#header.fixed #gnb_wrap.open .btn_g:hover:before,
	#header.fixed #gnb_wrap.open .btn_g:hover:after{top:26px; right:12px;}
*/
}

#gnb_wrap.open .btn_g:before,
#gnb_wrap.open .btn_g:after{ top:32px; width:34px; right:20px;}
#gnb_wrap.open .btn_g:before{-ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
#gnb_wrap.open .btn_g:after{-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);}
#gnb_wrap.open .btn_g a:before,
#gnb_wrap.open .btn_g a:after{opacity:0;}
#gnb_wrap.open .btn_g:before,
#gnb_wrap.open .btn_g:after,
#gnb_wrap.open .btn_g a:before,
#gnb_wrap.open .btn_g a:after{background-color:#fff !important;}

/* gnb layer */
#gnb_wrap .gnb_layer{position:fixed; right:-100%; top:0; width:100%; padding-left:0px; z-index:9993;  background:#fff; }
#gnb_wrap .gnb_layer h2{visibility:hidden; opacity:0; font-size:0; line-height:0; height:0; overflow:hidden;}
#gnb_wrap .gnb_layer .swiper-container {width: 100%; height:100%;}


#gnb_wrap .gnb02{width:65%; position:absolute; left:0;top:0; height:100vh;  background:#fff;  margin:0; padding:25vh 0 44px 100px; transition-duration:0.8s; text-transform: uppercase;  }
#gnb_wrap .gnb02 li{transition:.2s; margin-top:0px; position:relative; /*left:0;*/ /*overflow:hidden; width:0px; opacity:0;animation: fadeInUp 0.5s forwards;*/}
#gnb_wrap .gnb02 li:first-child{margin-top:0}

#gnb_wrap .gnb02 li.depth_02 {display:inline-block;}

#gnb_wrap .gnb02 li.depth_02 span{display:inline;}
#gnb_wrap .gnb02 li.depth_02 a.s_t02{z-index:999999;border:1px solid green;}
#gnb_wrap .gnb02 li.depth_02 a.s_t{z-index:999;border:1px solid blue;}
#gnb_wrap .gnb02 li.depth_02 a.s_t01{z-index:999;border:1px solid #000;}

#gnb_wrap .gnb02 li a{vertical-align:middle; color:#D71920; font-size:40px; line-height:2.2; font-family:Montserrat; font-weight:600; position:relative; transition-duration:0.8s;  }
#gnb_wrap .gnb02 li a:hover{color:#D71920; font-weight:600;}
#gnb_wrap .gnb02 li a.s_tit{font-size:16px; color:#111;line-height:1; font-weight:600; background:url('../img/s_img/s_tit_dot.png') no-repeat 0 6px; padding-left:10px; margin-left:10px;}


#gnb_wrap .gnb02 li.depth_02 span.g02_t{vertical-align:middle; color:#D71920; font-size:40px; line-height:2.2; font-family:Montserrat; font-weight:600; position:relative; transition-duration:0.8s;  }



  
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}


@keyframes slidein {
  from {
    margin-bottom:50%;
    width: 300%
  }

  to {
    margin-top:55px;
    width: 100%;
  }
}




#gnb_wrap .gnb_right{z-index:9999; width:35%; position:absolute; top:0; right:0; height:100vh;   background:#D71920; /*margin:127px 0 44px 0; */ margin:0; padding:48vh 0 44px 100px;   transition-duration:0.3s}
#gnb_wrap .gnb_right li{margin-top:23px; position:relative; left:0; overflow:hidden; width:0px; opacity:0}
#gnb_wrap .gnb_right li:first-child{margin-top:0}
#gnb_wrap .gnb_right li a{color:#fff; font-size:18px; font-family:Montserrat; font-weight:500; position:relative; left:0; top:0; transition-duration:0.3s}
#gnb_wrap .gnb_right li a:hover{color:#fff;}
#gnb_wrap .quick_menu1{position:relative; padding-top:40px;}
/*#gnb_wrap .quick_menu:after{content:''; background-color:#fff; opacity:0; width:80px; position:absolute; top:-44px; left:0; height:1px; transition:0.4s;}*/
/*#gnb_wrap .quick_menu1.l:after{top:0px; opacity:0.2;}*/

#gnb_wrap .quick_menu1 li{position:relative; left:0px; opacity:0; margin-top:14px;}
#gnb_wrap .quick_menu1 li:first-child{margin-top:0}
#gnb_wrap .quick_menu1 li a{display:inline-block; padding:10px 60px 10px 30px ; font-weight:600; line-height: 46px; background:#fff url('../img/s_img/gnb_arr.png') no-repeat 90% center; color:#D71920; font-size:18px; opacity:1;  transition-duration:0.4s; position:relative;}
#gnb_wrap .quick_menu1 li a:hover{opacity:1; color:#D71920; }



#gnb_wrap .gnb_right li.tit {margin:20px 0; line-height:1.8;}
#gnb_wrap .gnb_right li.tit span{ line-height:1.8;}
#gnb_wrap .gnb_right li.tit span.t_map{background:url('../img/s_img/t_map.png') no-repeat 0 5px; padding-left:30px;color:#fbe8e9;}
#gnb_wrap .gnb_right li.tit span.t_guide{background:url('../img/s_img/t_guide.png') no-repeat 0 5px; padding-left:30px;color:#fbe8e9;}
#gnb_wrap .gnb_right li.tit span.t_tel{font-family:Montserrat; font-weight:500;background:url('../img/s_img/t_tel.png') no-repeat 0 5px; padding-left:30px;color:#fbe8e9;}
#gnb_wrap .gnb_right li.tit span.t_mail{font-family:Montserrat;font-weight:500; background:url('../img/s_img/t_mail.png') no-repeat 0 5px; padding-left:30px;color:#fbe8e9;}
#gnb_wrap .gnb_right li.tit span a{color:#fbe8e9; letter-spacing:0;}
#gnb_wrap .gnb_right li.tit span {display:inline-block; letter-spacing:0;}
#gnb_wrap .gnb_right li.tit span a:hover{color:#fff; font-weight:600;}
#gnb_wrap .gnb_right li.tit span:hover{color:#fff;  font-weight:600; letter-spacing:-0.025em;}






#scrolltop{position:fixed; right:34px; bottom:210px; background:url(../images/common/icon_top.png) 0 0 no-repeat; width:50px; height:50px; cursor:pointer; z-index:5; opacity:0}

#content{position:relative; z-index:5;}



#content .contact_wrap:after{content:''; position:fixed; left:0; width:100%; top:0; height:0px; background-color:#fff; opacity:0.9; transition-duration:0.3s; z-index:3;}
#content .contact_wrap.fixed:after{height:50px;}



header.type2 #gnb_wrap .btn_g:before, header.type2 #gnb_wrap .btn_g:after, header.type2 #gnb_wrap .btn_g a:before, header.type2 #gnb_wrap .btn_g a:after {background-color: #642590}
header.type2 #home a {background: url(../images/common/logo2.png) 0 0 no-repeat;}
@media (max-width:800px){
	header.type2 #home a {background: url(../images/common/logo2.png) 0 0 no-repeat; width: 56px;  height: 23px; background-size: 100% auto;}
	header.type2 #gnb_wrap .btn_g a span {background-color: #642590}
}


.main_new {width:100%; max-width:1200px; margin:0 auto;
    padding-top: 200px;
    font-size: 16px;
    line-height: 1.5;
}



#sub #header{ position:fixed !important;  left:0; width:100%; top:0; z-index:9999; width:100%; /*height:100px; */
  background-attachment: fixed;   transition: all 0.3s ease;}
  /*
#sub #header.scrolled{ height:100px;  background: url('../img/s_img/header_blur.png') repeat-x 0 0;
  -webkit-transition: opacity .2s ease-in;  transition: opacity .2s ease-in;  content: "";opacity:1;
   
  }
*/
#sub #header.scrolled{ height:100px; background-color: rgba(255,255,255,0.1);   backdrop-filter: blur(10px);  }

#main #header.fixed{ height:100px;  background-color: rgba(255,255,255,0.1);   backdrop-filter: blur(10px);	}

/*
#main #header.fixed{ height:100px;   background: url('../img/s_img/header_blur.png') repeat-x 0 0;
    -webkit-transition: opacity .2s ease-in;  transition: opacity .2s ease-in;  content: "";opacity:1;
	
	
	}
  */

/*
#header{height:117px;}
#header.on{height:70px;box-shadow:none;border-bottom:1px solid #191919;}
#header{ position:fixed !important; left:0; width:100%; top:0; z-index:9999; width:100%; height:110px;  transition: all .2s; position:fixed;}
#header.test{height:117px;}
#header.test.on{height:70px;box-shadow:none;border-bottom:1px solid #191919;}
#header {
  width: 100%;

  transition: all .2s;
  position: fixed !important;
}
*/

@media (max-width:1400px) {


#home{position:fixed; left:40px; top:40px; z-index:100998;}

#gnb_wrap .gnb02 li a{font-size:32px; }

#gnb_wrap .gnb_right li a{font-size:16px; }
#gnb_wrap .gnb_right li.tit { margin: 15px 0; line-height: 1.8;}

#gnb_wrap{right:20px; top:20px;}
#logo{left:40px;  top:40px;   }

#gnb_wrap .quick_menu1 {
  position: relative;
  padding-top:30px;
}




#gnb_wrap .gnb02{width:70%; padding:20vh 0 44px 50px;  }
#gnb_wrap .gnb_right{width:30%;  padding:35vh 0 44px 50px;  }






}/* end */

@media (max-width: 1199px) {

  #logo {left:40px; top:30px;}


/* gnb layer */
#gnb_wrap .gnb02 li span.mid_cut{display:block; margin-top:0px;}


#gnb_wrap .gnb_right{width:30%;  padding:45vh 0 44px 40px; }

#gnb_wrap .gnb02{width:70%; padding:25vh 0 44px 40px; }

#gnb_wrap .gnb02 li a{font-size:32px; }



#gnb_wrap .quick_menu1 li a {padding: 10px 50px 7px 20px;   line-height: 36px;}

#home{position:fixed; left:40px; }

#gnb_wrap .gnb02 li:nth-child(2){margin-top:-22px;}
#gnb_wrap .gnb02 li:nth-child(3){margin-top:0; padding-bottom:40px;}






}/* end */


@media (max-width:991px) {

#home { position: fixed;  left: 20px; top: 30px; }
#logo {left:20px; top:30px;}
  


#gnb_wrap { position: fixed; z-index: 99910; right:0px; top: 10px;}

/* gnb layer */
#gnb_wrap .gnb_right{width:35%;  padding:45vh 0 44px 20px; }

#gnb_wrap .gnb02{width:55%; padding:25vh 0 44px 20px; }

#gnb_wrap .gnb02 li a{font-size:26px; }

#gnb_wrap .gnb02 li span.mid_cut{display:block; margin-top:0px;}


#gnb_wrap .quick_menu1 li a { font-size: 15px;}
#gnb_wrap .gnb02 li a.s_tit{display:block;margin-top:10px;}


#gnb_logo {  position: absolute; left: 40px; width: 100%;  top: 34px;  z-index: 99999; width: 160px; height: 36px;}



#gnb_wrap .gnb02 li:nth-child(2){margin-top:0;}
#gnb_wrap .gnb02 li:nth-child(3){margin-top:60px; padding-bottom:60px;}

#gnb_wrap .gnb02 li.depth_02{margin-top:-105px;}




}/* end*/



@media (max-width:768px) {

#header {width: 100%; height:70px; /*z-index: 10000010;*/transition: all .2s; position: fixed !important;  }
#sub #header {width: 100%; height:150px; /*z-index: 10000010;*/transition: all .2s; position: fixed !important;  }

#sub #header.scrolled{   background: url('../img/s_img/header_blur_m.png') repeat-x 0 0;
  -webkit-transition: opacity .2s ease-in;  transition: opacity .2s ease-in;  content: "";opacity:1;}





#home {  left: 20px; top:30px; }
#gnb_wrap {  right:0px; top: 2px;}
#gnb_wrap .btn_g{top:10px;padding: 20px 10px; }

#logo { left: 20px; top:30px;}
#logo  a img{width:120px;}
#gnb_logo img{width:120px; }


/* gnb layer */
#gnb_wrap .gnb_right{width:50%;  padding:46.5vh 0 44px 15px; }
#gnb_wrap .gnb02{width:50%; padding:20vh 0 0px 20px; }
#gnb_wrap .gnb02 li{margin-top:7px;}
#gnb_wrap .gnb02 li a{font-size:22px; }

#gnb_wrap .gnb02 li span.mid_cut{display:block; margin-top:0px;}

#gnb_wrap .quick_menu1 li a { font-size: 15px;}

#gnb_wrap .gnb02 li a.s_tit{display:block;margin-top:10px; font-size:15px;}

#gnb_wrap .gnb_right li a { font-size: 15px;}
#gnb_wrap .gnb_right li { margin-top:10px;}


#gnb_wrap .quick_menu1 li a { padding: 10px 40px 7px 10px;  line-height:1;  background: #fff url(../img/s_img/gnb_arr.png) no-repeat 95% center;}
#gnb_wrap .gnb_right li.tit {   margin:10px 0;    line-height: 1.8;}

#gnb_wrap .gnb02 li.depth_02{margin-top:-94px;}
#gnb_wrap .gnb02 li:nth-child(3){margin-top:60px; padding-bottom:60px;}


@keyframes slidein {
  from {
    margin-bottom:100px;
    width: 300%
  }

  to {
    margin-top:20px;
    width: 100%;
  }
}



#home a img{width:120px;}
#gnb_wrap .quick_menu1 { position: relative;  padding-top:25px;}


#gnb_wrap .gnb_right li.tit span.t_map{ padding-left:25px;}
#gnb_wrap .gnb_right li.tit span.t_guide{padding-left:25px;}
#gnb_wrap .gnb_right li.tit span.t_tel{padding-left:25px;}
#gnb_wrap .gnb_right li.tit span.t_mail{padding-left:25px;}





}/* end*/






@media (max-width:400px) {

/*

#home { position: fixed;  left:20px; top:20px; z-index: 9998;}
#gnb_wrap { position: fixed; z-index: 99910; right:0px; top:0px;}


#gnb_wrap .gnb_right{width:50%;  padding:90% 0 44px 10px; }
#gnb_wrap .gnb02{width:50%; padding:150px 0 0px 8px; }
#gnb_wrap .gnb02 li{margin-top:20px;}
#gnb_wrap .gnb02 li a{font-size:20px; }

#gnb_wrap .gnb02 li span.mid_cut{display:block; margin-top:20px;}

#gnb_wrap .quick_menu li a { font-size: 14px;}

#gnb_wrap .gnb02 li a.s_tit{display:block;margin-top:10px; font-size:14px;}

#gnb_wrap .gnb_right li a { font-size: 14px;}
#gnb_wrap .gnb_right li { margin-top:10px;}


#gnb_wrap .quick_menu li a { padding: 10px 40px 7px 10px;  line-height:1;  background: #fff url(../img/s_img/gnb_arr.png) no-repeat 95% center;}



*/


#gnb_wrap .quick_menu1 li a { padding: 10px 40px 7px 10px;  line-height:1;  background: #fff url(../img/s_img/gnb_arr.png) no-repeat 95% center;}






#gnb_wrap .gnb_right{padding-left:10px;}
#gnb_wrap .gnb02{padding-left:10px;}
#gnb_wrap .gnb_right li.tit span.t_tel{font-size:14px;}
#gnb_wrap .gnb_right li.tit span.t_mail{font-size:14px;}


#gnb_wrap .gnb_right li.tit span.t_map{ padding-left:25px;}
#gnb_wrap .gnb_right li.tit span.t_guide{padding-left:25px;}
#gnb_wrap .gnb_right li.tit span.t_tel{padding-left:25px;}
#gnb_wrap .gnb_right li.tit span.t_mail{padding-left:25px;}
#gnb_wrap .gnb02 li a { font-size:20px;}
#gnb_wrap .gnb_right li a { font-size: 14px;}



@keyframes slidein {
  from {
    margin-bottom:100px;
    width: 300%
  }

  to {
    margin-top:20px;
    width: 100%;
  }
}



#home a img{width:120px;}
#gnb_wrap .quick_menu1 { position: relative;  padding-top:25px;}

}/* end*/


/*
.gnb_right li {
  transform: translateY(-100%);
  transition: all 0.5s ease-in-out;
}

.gnb_right.show li {
  transform: translateY(0%);
}


.gnb02 li {
  transform: translateY(-100%);
  transition: all 0.5s ease-in-out;
}

.gnb02.show li {
  transform: translateY(0%);
}




*/

/*화면에 표출되기 전*/
.animatable {
	visibility: hidden; 
	animation-play-state: paused;
}

/*화면에 표출된 후*/
.animated {
	animation-name: fadeInUp; 
	visibility: visible; 
	animation-fill-mode: both; 
	animation-duration: 2s; 
	animation-play_state:running;
}

@keyframes fadeInUp {
	0% {
	    opacity: 0;
	    transform: translateY(20px);
	}
	100% {
	    opacity: 1;
	    transform: translateY(0);
	}
}