@charset "utf-8";

/* base */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u ,i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;background:transparent;}
fieldset, img{border:0 none;}
dl, ul, ol, li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
input, select, textarea, button{vertical-align:middle;}
button{border:0 none;background-color:transparent;cursor:pointer;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
legend, caption{visibility:hidden;height:0;width:0;font-size:0;}
hr{display:none;}
body, th, td, input, select, textarea, button{font-size:16px;color:#555;line-height:1;font-family:"Libre Baskerville", serif;} /* color값은 디자인가이드에 맞게사용 */
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
a{color:#333;text-decoration:none;}
a:active, a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}

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;}

/* HTML5 RESET CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address,
cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video{margin:0;padding:0;border:0;soutline:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}


/* float */
.fl_l{float:left !important;}
.fl_r{float:right !important;}
.clear_b{clear:both !important;}
.ofh{overflow:hidden !important;}

/* position */
.pab_l{position:absolute;left:0;}
.pab_r{position:absolute;right:0;}

/* align */
.txt_l{text-align:left !important;}
.txt_c{text-align:center !important;}
.txt_r{text-align:right !important;}
.txt-j{text-align:justify !important;}

/* none 시리즈 속성 정의 */
.bd_n{border:none !important;}
.bg_n{background:none !important;}
.dp_n{display:none !important;}
.mg_n{margin:0px !important;}
.pa_n{padding:0px !important;}

/* padding */
.pdt0{padding-top:0 !important;}
.pdb0{padding-bottom:0 !important;}
.pdt15{padding-top:15px !important;}
.pdt25{padding-top:25px !important;}
.pdt30{padding-top:30px !important;}
.pdb0{padding-bottom:0px !important;}
.pdb15{padding-bottom:15px !important;}
.pdl10{padding-left:10px !important;}
.pdl15{padding-left:15px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}
.pdl35{padding-left:35px !important;}
.pdl40{padding-left:40px !important;}

/* margin */
.mgt0{margin-top:0 !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:30px !important;}
.mgt50{margin-top:50px !important;}
.mgt100{margin-top:100px !important;}
.mgl0{margin-left:0 !important;}
.mgr0{margin-right:0 !important;}
.mgb0{margin-bottom:0 !important;}
.mgb5{margin-bottom:5px !important;}f
.mgb10{margin-bottom:10px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb100{margin-bottom:100px !important;}
.mgr2{margin-right:2%!important;}

/* %넓이 */
.w20{width:20% !important;}
.w30{width:30% !important;}
.w40{width:40% !important;}
.w48{width:48% !important;}
.w50{width:50% !important;}
.w60{width:60% !important;}
.w70{width:70% !important;}
.w80{width:80% !important;}
.w100{width:100% !important;}

.fl{float:left;}
.cb{clear:both;}

/* px 넓이 */
.wp100{width:100px !important;}
.wp200{width:200px !important;}

/* min-height */
.mh200{min-height:200px !important;}

/* 이미지 auto */
.fx{display:block;max-width:100%;height:auto;}
.fxw{display:block;width:100%;height:auto;}
.pimg{display:block;}
.mimg{display:none;}

/* 텍스트 간격*/
.les1{letter-spacing:-1px;}
.txtd{text-decoration:underline}

/* common */
*{margin:0;padding:0;}
html, body{width:100%;font-size: 16px;font-family:"Libre Baskerville", serif;overflow-x:hidden;}
.blind{visibility:hidden;position:absolute;left:-9999em;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em;}
.hidden{position:absolute;left:-5000px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
strong{font-weight:600;}
.mail{color:#f78f2c;text-decoration:underline;}
.txt_O{color:#f78f2c;}
.txt_G{color:#079a98;}
.box_G{border:1px solid #ddd;background:#fbfbfb;padding:30px;border-radius:5px;}

/* line */
.dotline{height:1px;margin-bottom:40px;border-bottom:1px dotted #cfd4d7;}

/* 버튼 */

/*폰트컬러*/
.pt1{color:#8a7ab5;}


/* layout */
#wrap{position:relative;width:100%;min-height:100%;word-break:keep-all;}
#header{
  position: fixed;   /* ⭐ 핵심 */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2000;
  background: transparent;
}
#header h1{position:absolute;left:50px;top:22px;z-index:1000;}

.nav_wrap{position:absolute;right:0;top:0;z-index:400;height:100%;}
/* 햄버거 버튼 */
nav .menu-btn {
  display: block;
  position: absolute;
  right: 30px;
  top:0;
  transform: translateY(160%);
  width: 36px;
  height: 28px;
  cursor: pointer;
  z-index: 9999;
}

/* 햄버거 라인 */
nav .menu-btn .line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff; /* 배경 어두우면 #fff, 밝으면 #000 */
  transition: all 0.35s ease;
}

/* 라인 위치 */
nav .menu-btn .line--1 { top: 0; }
nav .menu-btn .line--2 { top: 12px; }
nav .menu-btn .line--3 { bottom: 0; }

/* X 애니메이션 */
nav.nav-open .line--1 {
  transform: rotate(45deg);
  top: 12px;
}

nav.nav-open .line--2 {
  opacity: 0;
}

nav.nav-open .line--3 {
  transform: rotate(-45deg);
  bottom: 13px;
}


nav .nav-links {
  position: fixed;
  top: 0;
  right: -100%;
  width: 320px;
  height: 100vh;
  background: rgba(10,12,53,0.78);
  transition: right 0.4s ease;
  z-index: 9998;
  padding-top: 120px;
}

/* 열림 상태 */
nav.nav-open .nav-links {
  right: 0;
}

/* 메뉴 스타일 */
nav .nav-links ul {
  padding: 0 30px;
}

nav .nav-links li {
  margin-bottom: 20px;
}

nav .nav-links a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

nav .nav-links ul .depth2{padding:10px;}
nav .nav-links ul .depth2 li{padding:5px 0;margin:0;}
nav .nav-links ul .depth2 li a{color:#b3f2fb;}

.container{margin:0 auto;}

#container{position: relative;
  
  z-index: 1;}
#container .sub_menu{float:left;width:20%;}
#container .sub_menu h2{color:#6d5b97;font-size:30px;margin-bottom:30px;}
#container .sub_menu h2 span{display:block;line-height:1.2;}
#container .sub_menu ul li{line-height:1.3;margin:15px 0;}
#container .sub_menu ul li span{display:block;}
#container .sub_menu .menu_ul li a.active {color: #6d5b97;border-bottom: 1px solid #6d5b97;}
#container .content .cont{width:100%;overflow:hidden;padding-bottom:150px;line-height:1.4;}
#container .content .cont.sub{width:80%;margin:0 auto;}
#container .content .cont h3{clear:both;padding:10px 0 10px 0;font-size:20px;color:#6366f1;}
#container .content .cont h3.ttl{font-size:25px;font-weight:500;}
#container .content .cont h4{padding:0 0 5px 0;font-size:20px;color:#8953b3;}
#container .content .cont h4.big{font-size:28px;color:#767a7c;}
#container .content .cont h4.big strong{font-size:35px;color:#162da1;display:block;}
#container .content{margin:0 auto;padding:50px 30px;box-sizing:border-box;line-height:1.9;word-break:keep-all;}
#container .content.guid{overflow:hidden;}

#container .content .cont h4.big strong.txt_B{color:#8d64f8;}


#footer{overflow:hidden;clear:both;background:#323163;padding:50px 20px;}
#footer .logo_foot{float:left;margin-right:30px;}
#footer .logo_foot img{width:90%;}

.foot_list{overflow:hidden;color:#fff;font-size:12px;display: flex;flex-direction: row;}
.foot_list li{float:left;width:22%;border:1px solid #5d5c99;margin:0 1%;padding:20px 20px;box-sizing:border-box;}
.foot_list li p{line-height:1.5;}
.foot_list li img{width:30%;}

#footer .address_wrap{float:left;color:#fff;font-size:13px;}
#footer .address_wrap2{overflow:hidden;}
#footer .address_wrap2 .flag{float:left;margin-right:10px;}
#footer .address_wrap2 .flag img{margin-top:6px;}
#footer .address{float:left;color:#fff;font-size:13px;}
#footer .address li{line-height:1.4}

#container .content .cont h2{text-align:center;font-size:32px;font-weight:500;}
#container .content .cont h2 span{display:block;color:#002fa7;font-size:17px;}


@media (max-width:1024px){ /* 767 */
nav{height:542px;}
nav .nav-links .link{font-size:15px;}
nav .nav-links .depth1>li{margin-bottom:0;padding:5px 0;}

#container .content .cont.sub{width:100%;}



}

@media (max-width: 360px){

}

@media (max-width: 768px){
	#header .s_banner_wrap{display:none;}
	#header .s_banner_wrap_m{display:block;}

}


@media (min-width: 768px){

}

@media (min-width:1024px){


		
}

@media (min-width: 1260px){



}

@media (max-width: 1260px){
.foot_list{overflow:hidden;display:block;}
.foot_list li{float:left;width:90%;}
}