@import url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSans.css');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard.css');
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/stylesheets/NotoSansKR-Hestia.css);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css);
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.07em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
html,body {}
body {font-family: 'Pretendard', 'NanumSquare', 'Nanum Gothic','Roboto',sans-serif; color:#303030; font-weight:400;}
div {display:block;}
.clearfix {content:"";clear:both; display: block;}
h1,h2,h3 {font-weight:100;line-height:1.5}
h4,h5 {font-weight:200;line-height:1.4}
b {letter-spacing:inherit;font-weight:900;}
.inner {width:1200px;margin:auto;position: relative;clear:both}
.inner2 {width:1100px;margin:auto;clear:both}
.inner3 {width:1000px;margin:auto;clear:both}
.c_main {color: #211b5b !important;}
.c_sub1 {color:#f2b705 !important;}
.c_lightgray {color:#c0c0c0 !important;}
.c_gray {color:#808080 !important;}
.c_white {color:#fff !important;}
.c_black {color:#303030 !important;}

h1 {font-size:50px !important;line-height:1.5}
h2 {font-size:40px !important;line-height:1.15; font-family: 'Gmarket Sans';}
h3 {font-size:30px !important;}
h4 {font-size:24px !important;}
h5 {font-size:20px !important;line-height:1.5}
p {font-size:17px;font-weight:500;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;}
.font20 {font-size: 20px;}
.font36 {font-size: 36px;}
.font44 {font-size: 44px;}
.loose {letter-spacing: 12px; font-size: 14px; font-weight: 200;}
.thin {font-weight: 200 !important;}
.gmarket {font-family: 'Gmarket Sans';}

/* p, a, h1, h2, h3, h4, h5, h6 {
    transform: skew(-0.1deg);
} */

span {color:inherit !important;}


.float {float:left;}
.float_r {float:right !important;}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}


hr {width:100%;height:1px;background:#d0d0d0;border:0;}

.font20 {font-size: 20px !important;}

/* 폭 설정 */
.half {width:50% !important}
.col6 {width:16.66% !important;}
.col5 {width:20% !important;}
.col4 {width:25% !important;}
.col3 {width:33.33% !important;}
.col3x2 {width:66.66% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w48 {width:48% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}

.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}
.w600 {width:600px !important;}



/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}
.pd0 {padding-left:0 !important;padding-right:0 !important}

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt120 {margin-top:120px;}
.mt130 {margin-top:130px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}


.pl02 {padding-left:2%}
.pl03 {padding-left:3%}
.pl04 {padding-left:4%}
.pl05 {padding-left:5%}
.pl08 {padding-left:8%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}
.pl25 {padding-left:25%}
.pl30 {padding-left:30%}
.pl35 {padding-left:35%}

.pr02 {padding-right:2%}
.pr03 {padding-right:3%}
.pr04 {padding-right:4%}
.pr05 {padding-right:5%}
.pr08 {padding-right:8%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}
.pr25 {padding-right:25%}
.pr30 {padding-right:30%}
.pr35 {padding-right:35%}

.pt60 {padding-top:60px;}
.pb60 {padding-bottom:60px;}

.pl50 {padding-left:50px;}
.pr50 {padding-right:50px;}
.pd50 {padding:0 50px;}
.pd15 {padding:0 15px;}



/* 컬럼 설정 */
.flex {display: flex;}
.col {flex: 1;}



/* 퀵메뉴 */
#quick_menu {position: fixed; z-index: 50; right: 100px; bottom: 100px; width: 80px; height: 336px; background: url(images/quick_menu.png);}
#quick_menu ul li a {display: block; width: 80px; height: 99px; text-indent: -9999px;}
#quick_menu ul li a#back-top {height: 39px;}


/* 공통 */
#wrap {width:100%; min-width:1200px; margin:auto; position:relative; height:100%;}

#header {width:100%;}
#header .top_inner {padding: 25px 0; display: flex; justify-content: center; position: relative;}
a.logo {width:221px;height:70px;display:block;text-indent:-9999px;background-image:url(images/logo.png);background-size:contain;background-repeat:no-repeat;}
a.blog {position: absolute; top: 30px; right: 30px; width: 258px; height: 61px; display: block; text-indent:-9999px; background:url(images/blog_btn.png) no-repeat center;}


#header #gnb {width: 100%; height:60px; background-color: #201b5a;}
#header #gnb img {margin-top: 22px;}

#header #gnb ul {display: flex; justify-content: space-around;}
#header #gnb ul > li {line-height:60px; text-align:center;}
#header #gnb ul > li > p {line-height:64px;}
#header #gnb ul > li > p a {display:block; font-size:20px; color: #fff; font-family: 'Gmarket Sans';}
#header #gnb ul > li > p a.on,#header #gnb ul > li > p a:hover {font-weight:bold; color: #f2b705;}

/* #header #gnb .subnav { margin:auto;
width:100%;
 clear:both;
 display: none;
 position: absolute;
  z-index:100;
  text-align:left;
  top:60px;
  left: 0;
  font-size:18px;
  background-color:#fff;
  border: 1px #d0d0d0 solid;
  border-top: 0;
 }


#header #gnb .subnav dl {text-align: center; width: 240px; left: 20%; float:left;min-height:135px; position:relative; border-left:1px rgba(255,255,255,0.1) solid;}
#header #gnb .subnav dl:first-child {border-left:0;}
#header #gnb .subnav dd {line-height:25px;}
#header #gnb .subnav a:hover {font-weight: bold; color: #fff; background-color:#c30e23;}
#header #gnb .subnav a {padding: 20px 0; display:block; font-weight: 500;} */




/* 공통 하단 */
#footer {width:100%; position:relative; padding: 50px 0; display: inline-block; background: #201b5a;}
#footer .inner {padding: 0 20px;}
#footer .logo {float: left;}
#footer a.logo {width:126px;height:93px;background-image:url(images/logo_w.png); position: relative;}
#footer a.logo:after {content:""; position: absolute; top: 0; right: -54px; width: 1px; height: 95px; background: #4d497b;}
#footer .txt {margin-left: 220px; font-size:14px; color:#bcbbc8; line-height: 1.7;}
#footer .txt span {display:inline-block; margin:0 7px;font-weight:500; margin-bottom: 10px;}
#footer .txt span:nth-child(5), #footer .txt span:nth-child(6) {margin-bottom: 0;}
#footer .txt .admin b {color: #bcbbc8;}


/* 메인 */
#main {width:100%; min-width:1200px; position:relative; display:inline-block;}

#main .section {width:100%; display: inline-block;}

#main #visual {height: 600px; text-align: center; position: relative;}
#main #visual .inner {height: inherit;}
#main #visual .visual1 {width: 100%; height: 600px; background: url(images/slide01.jpg) top center no-repeat;}
#main #visual .visual2 {width: 100%; height: 600px; background: url(images/slide02.jpg) top center no-repeat;}


#main #sec_top {height: 686px; background: url(images/top_bg.jpg) no-repeat center;}

#main #section1 {padding: 100px 0; background: url(images/sec1_bg.jpg) no-repeat bottom;}
#main #section1 .field {display: flex; justify-content: space-between; position: relative;}
#main #section1 .field a {width: 386px; height: 350px; display: block; position: relative; overflow: hidden; border-radius: 30px; text-align: center;}

#main #section1 .field a:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); border-radius: 30px; z-index: 0; transition: background .2s ease-in-out;}
#main #section1 .field a:hover:after {background: rgba(217,142,4,0.8); transition: background .2s ease-in-out;}
#main #section1 .field a:nth-child(1) {background: url(images/sec1_img_01.png) no-repeat center / 100%; transition: background-size .2s ease-in-out;}
#main #section1 .field a:nth-child(2) {background: url(images/sec1_img_02.png) no-repeat center / 100%; transition: background-size .2s ease-in-out;}
#main #section1 .field a:nth-child(3) {background: url(images/sec1_img_03.png) no-repeat center / 100%; transition: background-size .2s ease-in-out;}
#main #section1 .field a:hover {background-size: 110%; transition: background-size .2s ease-in-out;}

#main #section1 .field a .txt {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}
#main #section1 .field a .txt h3 {color: #fff; transform: translateY(20px); transition: transform .2s ease-in-out;}
#main #section1 .field a:hover .txt h3 {transform: translateY(0px); transition: transform .2s ease-in-out;}
#main #section1 .field a .txt p {color: #fff; font-size: 20px; opacity: 0; transform: translateY(-20px); transition: transform .2s ease-in-out;}
#main #section1 .field a:hover .txt p {opacity: 1; transform: translateY(0px); transition: .2s ease-in-out;}
#main #section1 .btn_box {display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 40px;}
#main #section1 .btn_box .btn {font-size: 20px; padding: 10px 25px; color: #fff; background: #201b5a; border-radius: 50px; transition: .2s ease-in-out;}
#main #section1 .btn_box .btn:hover {color: #fff; background: #f2b705; transition: .2s ease-in-out;}


/* section2 */
#main #section2 {width: 100%; height: 655px; text-align: center; position: relative; padding: 100px 0 0 0; background: url(images/sec2_bg.jpg) top center no-repeat ;}
#main #section2 .gallery_box {width: 1200px; overflow: hidden;}
#main #section2 .slide_txt {margin-top: 10px;}
#main #section2 .btn_box {display: flex; justify-content: center; gap: 20px;}
#main #section2 .btn_box .btn {font-size: 20px; padding: 10px 25px; color: #fff; background: #f2b705; border-radius: 50px; transition: .2s ease-in-out;}
#main #section2 .btn_box .btn:hover {color: #201b5a; background: #fff; transition: .2s ease-in-out;}



/* section3 */
#main #section3 {width: 100%; padding: 100px 0;}
#main #section3 img {display: block; width: 100%; max-width: 1920px;}



/* 서브 */
#sub {width:100%; display:inline-block; float: left;}
#sub .subtop {width:100%; height:250px; padding-top:90px; background: url(images/subtop.jpg) top center; text-align:center; color: #fff;}






#sub #content {width:100%; display:inline-block; margin-top: 100px; margin-bottom: 100px;}
#sub #content.mg0 {margin:0;}
#sub #content .paragraph {width:100%;display:inline-block; position:relative;}
#sub #content .row {width:100%; display:inline-block; position:relative;}
#sub #content hr {width: 100%; height: 1px; background-color: #d0d0d0; border: 0;}


#sub #content .paragraph.imgbox {padding-left: 50%;}
#sub #content .paragraph.imgbox > * {margin-left: -960px;float: left;}
#sub #content .paragraph.imgbox .row {width:1920px !important;}




/* 테이블 설정 */
#sub #content .paragraph table.basic {width:100%; border-collapse:collapse; border-top: 2px solid #f2b705;}
#sub #content .paragraph table.basic tr:nth-child(even) {background: #fffdf8;}
#sub #content .paragraph table.basic tr td {font-size: 1.2rem; padding: 1rem 1.2rem; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}
#sub #content .paragraph table.basic tr td:last-child {border-right: none;}




/* 갤러리 게시판 */
.board_output_imgs {margin: 10px;}
.gallery_title {font-weight: 600;}

/* 갤러리 게시판 탭메뉴*/
.sul_menu a {width: 25%; float: left; text-align: center; display: block; margin-left: -1px; padding: 20px 0; font-size: 20px; font-weight: 500; border: 1px solid #d0d0d0;}
.sul_menu a.active {font-weight: bold; background:#f2b705; color: #fff;}


/* 탭 */
#sub #content .tabs {width:100%; text-align:center; display: flex; background-color: #f0f0f0; border-bottom:1px #fff solid;}
#sub #content .tabs li {flex: 1; line-height:70px; font-size: 20px; border-left: 1px #fff solid;}
#sub #content .tabs li.first {border-left: 0;}
#sub #content .tabs li a {display: block; height: inherit;}
#sub #content .tabs li.active a {background-color: #4151c4; color: #fff;}
#sub #content .tab_content {width:100%;padding-top:50px;padding-bottom:80px;display:inline-block;}

/* 게시판 */
#sub #content .board_box {width:100%;display:inline-block;font-size:18px;line-height:1.7;min-height:500px}
#sub #content .board_box .att_title font,#sub #content .board_box .board_bgcolor font,#sub #content .board_box .board_bgcolor span {font-size: inherit !important;}
#sub #content .board_box .board_comment_bgcolor .comment_name {display: none !important;}