@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:14px;height:100%;font-family:'Noto Sans KR', sans-serif;letter-spacing:-0.5px; word-break: keep-all;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
ul,li,ol{list-style:none;padding:0;margin:0}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button , input[type=submit]{cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none;}
textarea, select {}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;word-break: keep-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}

body *{box-sizing: border-box;}
/* float해제 */
.clearFix:after {content:""; width:0; height:0; font-size:0; line-height:0; display:block; visibility:hidden; clear:both !important}
.clear {clear:both !important}
.blind{display:none;}
/*숫자폰트*/
.numberFontR{font-family: 'Montserrat';font-weight:400;}
.numberFontM{font-family: 'Montserrat';font-weight:500;}
.numberFontSB{font-family: 'Montserrat';font-weight:600;}
.numberFontB{font-family: 'Montserrat';font-weight:bold;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px;display:none;}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #ddd;background:#fff;width:90%}
.hd_pops_con {width:100% !important;overflow:auto}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd_login_msg{display:none;}
#hd {width:100%;background:#fff;position:relative;border-bottom:2px solid #002063}
#hd #hd_wr{margin:0 auto;width:100%;position:relative;}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#logo {text-align:left;height:70px}
#logo a{padding:23px 0;display:inline-block}
#hd_nb {clear:both;background:#ecf0f7;text-align:center}
#hd_nb li {display:inline-block}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}
#header_pc{}
#header_pc .hdWrap{max-width:1200px;margin:0 auto;height:102px;}
#logo{margin-left:0px;display:inline-block;}
#logo img{width:180px;}



#header_pc{position:relative; z-index:105;background:#fff;}
#header.tabletVer{display:none;}
#header_pc .gnb{height:60px; color:#111;width:calc(100% - 250px);float:right;}
#header_pc .gnb.on{position: fixed;left: 0; top: 0; z-index:500; background: #fff; width: 100%; border-bottom: 1px solid #002063;}
#header_pc .hdWide{display:none;width:100%;height:300px;background:#fff;position:fixed; left:0;top:60px;}
#header_pc.on .hdWide.on{display:block;}
#header_pc .gnb.on .ol{box-shadow:0 4px 10px 5px rgba(0,0,0,0.05);}
#header_pc .gnb .gnbWrap{max-width:1200px;padding:0 0 0 0px; width:100%; width:100%;margin:0 auto;text-align:left;position:relative;}
#header_pc .gnb ul.gnbUl{display:inline-block; padding:21px 0 22px; width:100%;}
#header_pc .gnb ul.gnbUl > li{float:left;position: relative; text-align: left;width:20%;}
#header_pc .gnb ul.gnbUl > li > a{text-align:center;position: relative; padding:17px 10px 17px 10px; font-size:20px; color:#333; font-weight:500;width:100%;display: inline-block;box-sizing: border-box;}
#header_pc .gnb ul.gnbUl > li > a:hover{color:#002063;}
#header_pc .gnb ul.gnbUl > li:last-child{padding-right:0;}
#header_pc .gnb ul.gnbUl li.on > a{color:#002063; position: relative;}
#header_pc .gnb ul.gnbUl li.active > a{color:#002063; position: relative;}
.gnbBg{/*display:none*/opacity:0;visibility: hidden;}
.gnbBg.on{display:block;width: 100%;height: 100%;background: rgba(0,0,0,0.45);position: fixed;top: 0;z-index:104;visibility: visible;opacity:1;}

#header_pc .gnb.on .wrap_lnb{top:60px;}
/* lnb */
/* 100% 배경 */
#header_pc.on:after{width:100%;content:'';height:440px;background:rgba(0,32,99,1);position:absolute; left:0;}
#header_pc .wrap_lnb {display:none; position:absolute; top:150px; left:0; width:100%; background-color:#fff;box-shadow:0px 4px 7px rgba(0,0,0,0.1);z-index:99;}
#header_pc .lnb{width:1200px; margin:0 auto;}
#header_pc .lnbUl {/*position:absolute;  width:100%;*/max-width:1200px;display:table;}
#header_pc .lnbUl:after {display:block; clear:both; height:0; content:'';}
#header_pc .sticky-header.fixed .wrap_lnb{top:91px;}
#header_pc .lnbUl > li:last-child{border-right:0;}
/* lnb 각 메뉴 */
#header_pc .gnbUl > li .wrap_lnb_menu{position:absolute;left:0;top:81px;}
#header_pc .gnbUl > li  .wrap_lnb_menu{vertical-align:top;width:100%; padding:20px 0;height:440px;z-index:1}
#header_pc .gnbUl > li:last-child .wrap_lnb_menu {border-right:0;}
#header_pc .wrap_lnb_menu {display:none;background:#002063;}
#header_pc .lnb_menu{background:#002063;}
#header_pc .lnb_menu > li > a {display:block; height:40px; text-align:center; font-weight:400; font-size:15px; line-height:40px; color:#fff;padding:0 20px;}
#header_pc .gnb ul.gnbUl .lnb_menu li.on > a,
#header_pc .lnb_menu > li > a:hover,
#header_pc .lnb_menu > li.on > a {font-weight:500; color:#fff;background:#002063;}
/*#header_pc .wrap_lnb_menu:hover li a{font-weight:500;}*/
#header_pc .gnb .sns_ut,
#header_pc .hdTopWrap .right_ut{
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.gnb_1dli_on .wrap_lnb_menu:before{
    content:'';width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #002063;
    position:absolute; top:-5px;left:50%;margin-left:-2.5px
    }
@media all and (max-width:1300px) {

#header_pc .hdTopWrap .right_ut{position: absolute;right:140px;top:0}
#header_pc .gnb .sns_ut{position: absolute;
    right: 20px;
    top: -75px;}
}
@media all and (max-width:1200px) {
#header_pc .hdTopWrap .utillArea .logo{padding:20px 20px;}
#header_pc .gnb{padding-left:20px;}
#header_pc .lnbUl > li:first-child{width:140px;}
#header_pc .lnbUl > li:first-child .lnb_menu > li a{padding-left:20px;}

.max_width{width:calc(100% - 30px);}
}


/* 중간 레이아웃 */
#wrapper {width:100%;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {max-width:1200px;padding:50px 20px;margin:0px auto;z-index:1;min-height:500px;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin:0 0px 10px;font-size:1.2em;font-weight:bold;text-align:center;padding-bottom:20px;}
/*index*/
.latest{width:100%;float:left}
#lt_notice{/*clear:both*/}
.col_l_60{width:60%}
    .col_l_40{width:40%}
@media all and (max-width : 768px) { 
    .col_l_60,
    .col_l_40{width:100%}
}

@media all and (max-width : 375px) {
    #container_title{padding-bottom:13px}
    #container {padding:50px 15px}
    #lt_notice,#lt_board,#lt_board2,#lt_gall{margin-top:10px}

}

/* 하단 레이아웃 */
#ft {background:#676767;text-align:center;padding:40px 20px;}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
#ft_company{padding:0px 20px 0px}
#ft_sns{padding:20px 20px;}
#ft_sns a{padding:0px 5px;}
#ft_company .logo{display:none;}
#ft_company a{display:inline-block;padding:0px 30px;font-size:16px;color:rgba(255,255,255,0.5);}
.bd_no{border:none !important}
#ft_copy p{color:#888;padding-bottom:20px}
#ft_copy .ft_sns{padding:15px 20px}
#ft_copy .ft_sns a{padding:3px;}
#top_btn{position:fixed;bottom:10px ;right:30px;border:none;z-index:99;border-radius:50px;}

#ft_info{max-width:1200px;margin:0 auto;text-align:center;padding-top:10px;}
#ft_info .logo{display:inline-block;padding-right:50px;}
#ft_info .address{display:inline-block;text-align:left;    vertical-align: top;}
#ft_info .address div{line-height:24px;}
#ft_info .address div span{font-size:15px;color:rgba(255,255,255,0.5);display:inline-block;}
#ft_info .address div span a{font-size:15px;color:rgba(255,255,255,0.5);display:inline-block;}
#ft_info .address div:nth-child(2) span:nth-child(1){}
#ft_info .address div:nth-child(2) span:nth-child(2){padding-left:20px;}
@media all and (max-width:990px) {
#ft_company{padding:0}
#ft_company a{ padding: 0 15px; font-size: 15px;}
#ft_info .logo img{width:200px;}
#ft_info .address div span{font-size:13px;}
#ft_info .address div span a{font-size:13px;}
}
@media all and (max-width:768px) {
#ft_company .logo{display:block; margin-bottom:15px;}
#ft_company .logo img{width:140px;}
#ft_company a{font-size:13px;padding:0 5px;}
#ft_company{padding:0;}
#ft_info{padding-top:10px;}
#ft_info .logo{display:none;padding-right:0px;}
#ft_info .logo img{width:140px;}
#ft_info .address{text-align:center;}
#ft_info .address div{line-height:18px;}
#ft_info .address div span{font-size:12px;padding:0 5px;}
#ft_info .address div span a{font-size:12px;}
#ft_info .address div:nth-child(2) span:nth-child(2){padding-left:5px;}
}
/*group*/
#group .lt{margin-top:20px}
#group .lt_date{position:absolute;top:0;right:0;color:#5d938b}
@media all and (max-width : 375px) {
    #group .lt{margin-top:10px}
}

/* 버튼 */
a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#002063;color:#fff;letter-spacing:-0.1em;border-radius:5px}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:5px}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none;border-radius:5px}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}


/* PC화면으로 */

/*slick slider*/
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {display: none;}



/*유동적이미지*/
.thumbnail-wrapper {
    width: 100%; 
}

.thumbnail {
    position: relative;
    padding-top: 100%;  /* 1:1 ratio */
    overflow: hidden;
}

.thumbnail .centered  {
   /* position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%); */
}

.thumbnail .centered img {
   position: absolute;
    top: 50%;
    left: 50%;   
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.thumbnail2 {
    position: relative;
    padding-top: 68.5%;  /* 1:1 ratio */
    overflow: hidden;
}

.thumbnail2 .centered  {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
}

.thumbnail2 .centered img {
    position: absolute;
    top: 0;
    left: 0;   
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.video_thumb {
    position: relative;
    padding-top: 56.25%;  /* 16:9 ratio */
    overflow: hidden;
}

.video_thumb .centered  {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
}

.video_thumb .centered img {
    position: absolute;
    top: 0;
    left: 0;   
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
img.portrait { width: 100%; height: auto; }
img.landscape { width: auto; height: 100%; }