@charset "UTF-8";
@import url('fonts.css');  

/********************************************************
■ 사이트 초기 설정
********************************************************/
:root {
	/* 테마 전체 색상 */
    --main-color1:#f77100;
    --main-color2:#e49c00;
    --main-color3:#061635;
    --main-color1-rgb:4, 52, 143;
    --main-color2-rgb:255, 165, 15;
    --main-color3-rgb:11, 61, 153;
    --main-width:1200px;
	
	--primary-color: #44536a;
	--secondary-color: #e9edf2;
	--tertiary-color: #e84958;
	--point-color: #e67e22;
	--darkgray-color: #c2c2c2;
	--lightgray-color: #f7f7f7;
	--white-color: #ffffff;
	--footerbg-color: #f9f9f9;
	--background-color: #f9f9f9;

	--line-color: #ddd;
	--body-color: #212326;
	
    /* sns 색상 */
    --kakao-color:#ffe800;
    --instagram-color:linear-gradient(to bottom, #8452a1, #ea2d87, #ef4c3e, #efcb6b);
    --naver-color:#06be34;
    --facebook-color:#435e99;
    --youtube-color:#d4262c;
    --twiter-color:#27a9e0;

	/* 게시판 아이콘 색상 */
	--board-secret-color:#333;
	--board-new-color:#eeb506;
	--board-hot-color:#d91426;
	--board-file-color:#333;
	--board-link-color:#195dae;

	/* 컬러 */
    --color-red:#fd1f2a;
    --color-orange:#ff5f15;
    --color-yellow:#f8af11;
    --color-green:#63b417;
    --color-blue:#0041a3;
    --color-navy:#05102c;
    --color-purple:#53237a;
    --color-pink:#ec4f71;
    --color-beige:#ddc2ad;
    --color-brown:#381e13;
    --color-gray:#bfc2ca;
    --color-skyblue:#44abe7;

	/* .c padding값 */
    --c-padding:15px;

    /* 메인&서브 좌우 패딩 */
    --top-padding:3vw;
}

body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{margin:0;padding:0; font-size:13px; color:#333; line-height:1.6em; font-family: "Noto Sans KR", sans-serif; font-weight:400; letter-spacing:-0.02em;}
ul,ol,li{margin:0;padding:0;list-style:none;}

input[type=password]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: "Noto Sans KR", sans-serif;
}
input[type=password]::-moz-placeholder { /* Firefox 19+ */
  font-family: "Noto Sans KR", sans-serif;
}
input[type=password]:-ms-input-placeholder { /* IE 10+ */
 font-family: "Noto Sans KR", sans-serif;
}
input[type=password]:-moz-placeholder { /* Firefox 18- */
  font-family: "Noto Sans KR", sans-serif;
}

a, img{border:0px; vertical-align:middle;}

a{text-decoration:none;}
/*a:hover{ color:#00529B;}*/
strong{font-weight:500;}
.list-unstyled {list-style:none}

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.adm {
    position: relative;
    display: flex;
    gap: 2.4rem;
    font-size: 0.86rem;
    margin-left: 4.4rem;
    white-space: nowrap;
    color: var(--white-color);
}

.adm svg {
    vertical-align: -2px;
    margin-right: 8px;
}

.icon {
    width: 1rem;
    height: 1rem;
    stroke: var(--white-color);
    stroke-width: 2;
}

p {
  font-size: 1.6rem;
  line-height: 1.5;
  /* opacity: 0.75; */
}

.fs {
  font-size: 1.3rem;
}

.w_inner {
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 1440px) {
  .w_inner {
    margin: 0 0.4rem;
  }
}
.default { position:relative;padding:12rem 0; }
.default.bg { background:var(--background-color); }
.bar::after { content:"";position:absolute;top:0;left:50%;z-index:4;width:1px;height:12rem;background:var(--point-color);transform:translate(0, -50%); }
.title { margin-bottom:5.6rem;text-align:center; }
.title h2 { font-size:4rem;font-weight:800;line-height:1.25;text-transform:uppercase; }
.title h2 em { font-weight:100; }
.title .desc { font-weight:400;margin-top:1.6rem;line-height:2.4rem; }
.icon_btn { position:relative;z-index:1;display:inline-flex;align-items:center;height:3.6rem;padding:0 9.6rem 0 5.6rem;overflow:hidden;color:var(--white-color);white-space:nowrap; }
.icon_btn::before { content:"";position:absolute;top:0;right:0;z-index:-1;width:100%;height:4.8rem;background:var(--primary-color); }
.icon_btn::after { content:"";position:absolute;top:0;right:0;width:3.6rem;height:3.6rem;background:rgba(0, 0, 0, 0.1) url(../lib/icon/arrow-right.svg) no-repeat center center;filter:invert(); }
.icon_btn_write { position:relative;z-index:1;margin-top:4rem;display:inline-flex;align-items:center;height:4.8rem;border-radius:4.8rem;padding:0 2.4rem 0 8rem;overflow:hidden;color:var(--white-color);white-space:nowrap; }
.icon_btn_write::before { content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:4.8rem;border-radius:4.8rem;background:var(--primary-color); }
.icon_btn_write::after { content:"";position:absolute;top:0;left:0;width:4.8rem;height:4.8rem;border-radius:4.8rem;background:rgba(0, 0, 0, 0.1) url(../lib/icon/edit-3.svg) no-repeat center center;filter:invert(); }
.icon_btn_cancel { position:relative;z-index:1;margin-top:4rem;display:inline-flex;align-items:center;height:4.8rem;border-radius:4.8rem;padding:0 2.4rem 0 8rem;overflow:hidden;color:var(--white-color);white-space:nowrap; }
.icon_btn_cancel::before { content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:4.8rem;border-radius:4.8rem;background:var(--point-color); }
.icon_btn_cancel::after { content:"";position:absolute;top:0;left:0;width:4.8rem;height:4.8rem;border-radius:4.8rem;background:rgba(0, 0, 0, 0.1) url(../lib/icon/x.svg) no-repeat center center;filter:invert(); }
.flx { display:flex;gap:3rem; }
.flx > * { flex:1;min-width:0; }
hr.hr { display:block;border:1px solid transparent;margin:4rem 0; }
@media (max-width: 460px) {
.flx { flex-direction:column;gap:4rem; }
}
.grd3 { display:grid;gap:4rem 3rem;grid-template-columns:repeat( auto-fit, minmax(calc((1170px - 3rem * 2) / 3), 1fr) ); }
.grd4 { display:grid;gap:4rem 3rem;grid-template-columns:repeat( auto-fit, minmax(calc((1170px - 3rem * 3) / 4), 1fr) ); }
.design { margin-top:1.6rem;font-size:1rem;font-weight:300;text-transform:uppercase; }
.pg_current { display:inline-block;background:var(--primary-color);border:1px solid var(--primary-color);color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px; }
.pg_wrap { clear:both;float:none;display:block;margin-top:4rem; }


.sub_content { margin-top:0.2rem;margin-bottom:8rem; }
.sub_content .page_title { margin-bottom:1.4rem;text-align:center; }
.sub_content .page_title h3 { position:relative;padding:1.0rem 0;/* border-bottom:1px solid var(--line-color);*/ white-space:nowrap; }
.sub_content .page_title h3::after { content:"";display:block;margin:1.0rem auto;width:0.8rem;height:0.8rem;background:var(--point-color);transform:rotate(45deg); }
.sub_content .page_title h3 strong { font-size:2rem;font-weight:600; }
.sub_content .page_title p { font-size:1.12rem;line-height:2.4rem;opacity:0.9; }
@media (max-width: 992px) {
.sub_content { margin-top:2.2rem;margin-bottom:8rem; }
.sub_content .page_title { margin-bottom:1.4rem;text-align:center; }
.sub_content .page_title h3 { position:relative;padding:1.0rem 0;/* border-bottom:1px solid var(--line-color);*/ white-space:nowrap; }
.sub_content .page_title h3::after { content:"";display:block;margin:1.0rem auto;width:0.8rem;height:0.8rem;background:var(--point-color);transform:rotate(45deg); }
.sub_content .page_title h3 strong { font-size:1.4rem;font-weight:500; }
.sub_content .page_title p { font-size:0.98rem;line-height:2.4rem;opacity:0.9; }
}
.table { margin-top:4rem;width:100%;border-top:2px solid var(--primary-color);line-height:1.5; }
.table th { border-bottom:1px solid var(--line-color);padding:16px 24px;text-align:left;font-size:1.12rem;font-weight:600; }
.table td { border-bottom:1px solid var(--line-color);padding:16px 24px;font-size:1.06rem;font-weight:400; }


/* 서브 */
#sub_visual{width:100%; height:320px; text-align:center; background:#e8e9eb; }
#sub_visual .backgroundimg {position:relative; width:100%; text-align:center; margin:0 auto; height:320px; z-index:0; }
#sub_visual .visual_area {width:100%; max-width:1920px; height:320px; margin:0 auto; }
#sub_visual .visual_area .title{ position:relative; padding-top:160px; text-align:center; padding-bottom:0px; font-size:2.6em; font-weight:600; color:#fff; text-transform:uppercase;  z-index:10;} /*대문자로*/
#sub_visual .visual_area .title:after{display:block; content:""; width:5%; height:1px;  margin:10px auto; background:#fff;}
#sub_visual .visual_area .normal_txt{margin:0px 0; font-size:1.4em; color:#fff; text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif;}
#sub_visual .visual_area .normal_txt .color1{padding-top:14px; font-size:16px; color:#fff; font-weight:300; line-height:26px;}

/* 서브 위치 표시*/
#sub_wrapper{width:100%; max-width:1200px; height:100%;  margin:0px auto; padding:80px 0 100px 0; background:none;  }
#sub_wrapper:after{ content:""; display:block; clear:both;}
#sub_menu{ display:block; width:100%;  margin:0px auto; background:# ; } /*메뉴가림*/
#sub_menu .sub_tab{width:100%; max-width:1200px; text-align:left; margin:0 auto; }

#sub_menu .sub_location { position:relative; top:-110px; width:100%;  height:60px; border-bottom: 1px solid #657da8; font-size: 0; background:#6d7996; margin:0 auto; z-index:99;}

#sub_menu .sub_location > div{position:relative;  width:100%; max-width:1200px; height:60px; font-size: 0; background:#6d7996; margin:0 auto;  border-bottom: 1px solid #657da8; }
#sub_menu .sub_location > div .cen{ float:left; width:60px; height:59px; line-height:60px; text-align:center; border-left: 1px solid #657da8; border-right: 1px solid #657da8;  background:#576178;}
#sub_menu .sub_location > div .cen:first-child{ border-left:0;}
#sub_menu .sub_location > div .cen i{ color:#fff; font-size:1.4em;}

#sub_menu .sub_location ul{width:100%; max-width:1200px; padding:0; margin:0; display: inline-block; width:200px; border-right: 0px solid #576178; vertical-align: top; box-sizing:border-box; }
#sub_menu .sub_location ul span:after {display:block; position:absolute; top:17px; right:0; width:1px; height:20px; background-color:#576178; content:'';}

#sub_menu .sub_location ul:first-child{ border-left: 20px solid #657da8;}
#sub_menu .sub_location ul li{position: relative; width:100%; }
#sub_menu .sub_location ul li span{display: block; padding: 0 15px; line-height: 60px; font-size:1.1em; font-weight:400; color: #fff; background: url('../img/icnLocaArr_x.png') 90% center no-repeat; cursor: pointer;}
#sub_menu .sub_location ul.on li span{background: url('../img/icnLocaArr1_x.png') 90% center no-repeat;}
#sub_menu .sub_location ul li a{width:100%; display: block; padding: 13px 15px; color: #000; border-top: 0px solid #657da8; border-bottom: 1px solid #657da8; }
#sub_menu .sub_location ul li a:hover{color: #000; background:#f1f7fb; border-top: 0px solid #657da8; border-bottom: 1px solid #657da8;}

#sub_menu .sub_location ul ul{display: none;position: absolute;top:60px; left: -1px; padding: 0px 0;background:#fff; border: 1px solid #657da8; border-top:none; z-index:99;}
#sub_menu .sub_location ul ul:last-child{display: none;position: absolute;top:60px; left: -1px; padding: 0px 0;background:#fff; border-bottom: 0px solid #657da8; border-top:none; z-index:99;}
#sub_menu .sub_location ul.on li ul{display: block;}
#sub_menu .sub_location ul.dep2 li span{color: #fff; font-size:1.1em; font-weight:400;}
#sub_menu .sub_location ul.dep2 ul{width:200px;}



/* 반응형 중간기기 992px 사이즈 이하*/
@media (max-width:992px) {
	#sub_visual{width:100%; height:210px; text-align:center; background:#e8e9eb; }
	#sub_visual .backgroundimg {position:relative; height:270px; text-align:center; margin:0 auto; height:210px; z-index:0; }
	#sub_visual .visual_area {width:100%; max-width:1920px; height:270px; margin:0 auto; }
	#sub_visual .visual_area .title{ position:relative; padding-top:100px; text-align:center; padding-bottom:0px; font-size:2.0em; font-weight:600; color:#fff; text-transform:uppercase;  z-index:10;} /*대문자로*/
	#sub_visual .visual_area .title:after{display:block; content:""; width:5%; height:1px;  margin:10px auto; background:#fff;}
	#sub_visual .visual_area .normal_txt{margin:0px 0; font-size:1.4em; color:#fff; text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif;}
	#sub_visual .visual_area .normal_txt .color1{padding-top:14px; font-size:16px; color:#fff; font-weight:300; line-height:26px;}

	#sub_menu .sub_location { position:relative; top:60px; width:100%;  height:60px; border-bottom: 1px solid #657da8; font-size: 0; background:#6d7996; margin:0 auto; z-index:99;}
	#sub_menu .sub_location > div .cen{ display:none;}
	#sub_menu .sub_location ul{width:50%;}
	#sub_menu .sub_location ul:first-child{border-left:0px; }
	#sub_menu .sub_location ul.dep2{border-right:0px;}
	#sub_menu .sub_location ul ul{width:100.8% !important;}	
}

/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	
	#sub_print .path { display:none;}
	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}
	.sub_location ul ul{width:100.8% !important;}
}

/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	#sub_visual{height:210px; }
	#sub_visual .backgroundimg{height:270px; }
	#sub_visual .visual_area {height:270px; background-position:center top; background-size:cover;}
}

#sub_print { position:absolute; width:100%; max-width:1200px; margin:0px auto; top:-60px; left:50%; margin-left:-600px; border:0px solid red;}
#sub_print .path { position:absolute; top:0px; right:0; z-index:99; border-left: 1px solid #576078; border-right: 1px solid #576078; }
#sub_print .path .print{ float:left; width:60px; height:59px; line-height:60px; text-align:center;   background:#6d7996;}
#sub_print .path .print:first-child{ border-left:0;}
#sub_print .path .print i{ color:#fff; font-size:1.4em;}


#sub_print .title_set{padding-top:220px; word-break:keep-all;}
#sub_print .title_set .tit{font-size:50px; color:#fff; font-weight:700; font-family: 'Roboto', sans-serif;}
#sub_print .title_set .s_tit{padding-top:14px; font-size:16px; color:#fff; font-weight:300; line-height:26px;}

#sub_print .title{ position:relative; text-align:center; padding-bottom:0px; font-size:3.6em; font-weight:600; color:#fff; text-transform:uppercase; } /*대문자로*/
#sub_print .title:after{display:block; content:""; width:5%; height:1px;  margin:10px auto; background:#fff;}
#sub_print .normal_txt{margin:0px 0; font-size:1.2em; color:#fff; text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif;}
#sub_print .normal_txt .color1{padding-top:14px; font-size:16px; color:#fff; font-weight:300; line-height:26px;}

/* 반응형 중간기기 992px 사이즈 이하*/
@media (max-width:992px) {
	#sub_print { margin:0px auto; padding:0; left:0%; margin-left:0px; background:none;}
	#sub_print .path { display:none; }
	#sub_print .title{ font-size:2em; }
	#sub_print .title:after{display:block; content:""; width:20%; height:3px; background:#fff; margin:10px auto; }
	#sub_print .normal_txt{font-size:1.2em;  color:#fff;  text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; text-shadow: 0px 1px 4px #333; font-family:'s-core-dream', sans-serif}
	#sub_print .normal_txt .color1{color:#fd7701;}
}

/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	#sub_print {top:15%; background:none; margin:30px auto;}
	#sub_print .title{  font-size:2em;  } 
	#sub_print .normal_txt{font-size:1em;}
}