@charset "utf-8";

@font-face {
    font-family: 'NanumSquareNeoLight';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoExtraBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoHeavy';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    /*font-weight: normal;
    font-style: normal;*/
}

body {margin:0; padding:0; /*letter-spacing:1px;*/ font-family: 'NanumSquareNeo', sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0; font-family: 'NanumSquareNeo', sans-serif;}
h1, h2, h3, h4, h5, h6, p, a, span {margin:0; font-family: 'NanumSquareNeo', sans-serif;}
input, button {outline:none; font-family: 'NanumSquareNeo', sans-serif;}
textarea, select { font-family: 'NanumSquareNeo', sans-serif;}
input {box-shadow:none !important; font-family: 'NanumSquareNeo', sans-serif;}
button {background:none; border:0; cursor:pointer; padding:0;}
a {text-decoration:none; color:#000;}
ul {margin:0; padding:0;}
ul li {list-style:none; font-family: 'NanumSquareNeo', sans-serif;}

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

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.g_font {font-family: 'GmarketSansBold';}

/* header */
#hd {}
#hd .hd_top {width:1200px; height:65px; margin:0 auto; text-align:center;}
#hd .hd_top .hd_logo {margin-top:15px;}
#hd .hd_top .hd_logo a img {}
#hd .hd_menu {min-width:1200px; height:59px; background:url('/common/new/img/menu_bg.jpg')no-repeat center; margin:0 auto;}
#hd .hd_menu .hd_menu_box {width:1200px; height:100%; margin:0 auto;}
#hd .hd_menu .hd_menu_box > ul {}
#hd .hd_menu .hd_menu_box > ul > li {float:left; width:calc(100% / 7); text-align:center; position:relative;}
#hd .hd_menu .hd_menu_box > ul > li::after {content:""; width:7px; height:7px; border-radius:50%; background:rgba(155, 113, 98, 0.5); position:absolute; left:0; top:26px;}
#hd .hd_menu .hd_menu_box > ul > li:last-child::before {content:""; width:7px; height:7px; border-radius:50%; background:rgba(155, 113, 98, 0.5); position:absolute; right:0; top:26px;}
#hd .hd_menu .hd_menu_box > ul > li > a {color:#fff; font-weight:600; line-height:59px;font-size:16.5px;letter-spacing: 0.6px;}
#hd .hd_menu .hd_menu_box > ul > li:hover > a {color:#ffde00}
#hd .hd_menu .hd_menu_box > ul > li > .hd_s_menu {display:none; background:#734b24; width:100%; padding:5px 20px; text-align:left; position:absolute;z-index:1}
#hd .hd_menu .hd_menu_box > ul > li > .hd_s_menu > li {border-bottom:1px solid #66401d; width:100%;}
#hd .hd_menu .hd_menu_box > ul > li > .hd_s_menu > li:last-child {border-bottom:0;}
#hd .hd_menu .hd_menu_box > ul > li > .hd_s_menu > li > a {font-size:13px; color:#fff; line-height:30px;}
#hd .hd_menu .hd_menu_box > ul > li > .hd_s_menu > li:hover > a {color:#fead4e}
#hd .hd_menu .hd_menu_box > ul > li:hover > .hd_s_menu {display:block;}

/* footer */
#ft {margin-top:50px;}

#ft .ft_btm {width:100%; height:auto; padding:40px 0; background:#1e1f21; text-align:center; position: relative;}
#ft .ft_btm .ft_btm_box {width:1200px; margin:0 auto;}
#ft .ft_btm .ft_btm_box p {font-size:12px; line-height:22px; color:#a9a9a9;}
#ft .ft_btm .ft_btm_box p > span {display:inline-block; margin:0 7px; opacity:0.5}

/* wing */
#wing_bn {position:fixed; right:0; top:50%; transform:translate(0,-50%); width:80px; height:auto; background:#fff; box-shadow:5px 5px 20px rgba(0,0,0,0.3); border:1px solid #e6e6e6;
border-radius:8px 0 0 8px; z-index:10; overflow:hidden;}
#wing_bn > ul {}
#wing_bn > ul > li {text-align:center; border-bottom:1px solid #e6e6e6; padding:15px 0;}
#wing_bn > ul > li > a {}
#wing_bn > ul > li > a > img {}
#wing_bn > ul > li > a > span {display:block; line-height:1; margin-top:10px; font-size:13px;}
#wing_bn .w_sub {padding:0 5px;}
#wing_bn .w_sub li {border-bottom:1px solid #e6e6e6; padding:12px 0;}
#wing_bn .w_sub li:last-child {padding-bottom:0; border-bottom:0;}
#wing_bn .w_sub li a {display:block; font-size:10px; line-height:14px; letter-spacing:-0.5px; font-weight:600; color:#f7431f; word-break:keep-all;}
#wing_bn .w_sub li a span {display:block; color:#000;}

/* main */
#main {}
#main .main_bn {min-width:1200px; height:321px; background:url('/common/new/img/main_bn01_img1.jpg')no-repeat center; position: relative;}
#main .main_bn img1 { position: absolute; top:85px; right: 530px;}
#main .main_bn img { position: absolute; top:0px; right: 340px;}

#main .main_con01 {width:1200px; height:362px; margin:60px auto 0; border:4px solid #816144; border-radius:23px; display:table; overflow:hidden;}
#main .con01_l {width:436px; height:366px; float:left;}
#main .con01_l .board {height:50%; padding:32px 35px 0;}
#main .con01_l .board > a.bd_tit {display:block; font-size:21px; line-height:1; padding-bottom:10px; border-bottom:2px dashed #e5d1ba; margin-bottom:10px;}
#main .con01_l .board > a.bd_tit > img {float:right; margin-top:-6px;}
#main .con01_l .board > ul {}
#main .con01_l .board > ul > li {position:relative; padding:6px 0;}
#main .con01_l .board > ul > li > a {display:block; width:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14.5px; line-height:1;}
#main .con01_l .board > ul > li > a:hover {text-decoration:underline;}
#main .con01_l .board > ul > li > a > span {position:absolute; right:0; top:50%; transform:translate(0,-50%); width:85px;font-size:13px;}
#main .con01_r {width:756px; height:100%; margin-left:436px; background:#f9f3ec;}

#main .main_con02 {min-width:1200px; height:438px; margin-top:60px; background:url('/common/new/img/main_con02_bg.jpg')no-repeat center;}
#main .con02_box {width:1200px; height:100%; margin:0 auto; padding:50px 0 60px;}
#main .board_box {float:left; margin-right:30px;}
#main .board_box.bd_01 {width:320px;}
#main .board_box.bd_01 .bd_con01 > ul {}
#main .board_box.bd_01 .bd_con01 > ul > li {position:relative; border-bottom:1px dashed #f3ebdd; padding-left:11px; padding-bottom:5px; width:100%; overflow:hidden; 
text-overflow:ellipsis; white-space:nowrap; margin-top:3px;}
#main .board_box.bd_01 .bd_con01 > ul > li:last-child {padding-bottom:0; border-bottom:0;}
#main .board_box.bd_01 .bd_con01 > ul > li::after {content:""; position:absolute; left:0; top:50%; transform:translate(0,-50%); width:4px; height:4px; background:#f3ebdd; 
border-radius:50px; margin-top:-2px;}
#main .board_box.bd_01 .bd_con01 > ul > li > a {font-size:13px; line-height:1; color:#494949;}

#main .board_box.bd_02 {width:305px;}
#main .board_box.bd_02 .bd02_tit {display:block; width:100%; margin-top:20px; border-top:2px solid #f3ebdd; padding-top:19px; text-align:center; font-size:16px; line-height:1;}
#main .board_box.bd_02 .bd02_tit > span {color:#ba3a34;}

#main .board_box.bd_03 {width:515px; margin-right:0;}
#main .board_box > a.bd_tit {position:relative; font-size:21px; line-height:1;}
#main .board_box > a.bd_tit::after {content:""; position:absolute; right:-12px; top:0; width:7px; height:7px; border-radius:50px; background:#fb5b43;}
#main .board_box .bd_container {margin-top:15px; width:100%; height:292px; background:#fff; padding:20px; border-top:3px solid #816144; border-radius:0 0 15px 15px; overflow:hidden;}
#main .bd_container .state {}
#main .bd_container .state .swiper-slide {}
#main .bd_container .state .swiper-slide > a > img {width:227px; height:166px;}
#main .bd_container .state .swiper-slide > a > span.state_tit {text-align:center; display:block; width:100%; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
font-size:14px; line-height:1; margin-top:15px;}
#main .bd_container .state .nav {position:relative; margin-top:15px; border-top:2px solid #f3ebdd; padding-top:30px;}
#main .bd_container .state .state_nav {font-size:13px; color:#b2b2b7; top:14px;}
#main .bd_container .state .state_nav .swiper-pagination-current {color:#000;}
#main .bd_container .state .state_next {top:39px; right:35%; width:11px; height:9px; background:url('/common/new/img/state_next_icon.jpg')no-repeat;}
#main .bd_container .state .state_prev {top:39px; left:35%; width:11px; height:9px; background:url('/common/new/img/state_prev_icon.jpg')no-repeat;}
#main .bd_container .state .swiper-button-next:after, .swiper-button-prev:after {display:none;}
#main .bd_container .state .nav .btn_pause {width:11px; height:9px; background:url('/common/new/img/state_pause_off.jpg')no-repeat; background-size:contain; position:absolute; top:17px; right:135px;}
#main .bd_container .state .nav .btn_pause.on {width:11px; height:9px; background:url('/common/new/img/state_pause_on.jpg')no-repeat; background-size:contain;}

#main .main_con03 {width:1200px; height:auto; margin:50px auto 60px; border:4px solid #f6e9da; border-radius:23px; background:#fff; overflow:hidden;}
#main .main_con03 .con03_l {display:inline-block; width:796px; padding:30px;}
#main .main_con03 .con03_l > ul {}
#main .main_con03 .con03_l > ul > li {float:left; width:50%; height:94px; border-right:2px solid #f6e9da; border-bottom:2px solid #f6e9da; padding-left:90px;}
#main .main_con03 .con03_l > ul > li:nth-child(2n + 0) {padding-left:125px;}
#main .main_con03 .con03_l > ul > li > a {position:relative;}
#main .main_con03 .con03_l > ul > li > a > img {position:absolute;}
#main .main_con03 .con03_l > ul > li > a > strong {display:block; line-height:1; font-size:20px; margin-top:5px; margin-bottom:10px;font-weight:500;}
#main .main_con03 .con03_l > ul > li > a > strong > span {font-size:15px;font-weight:500;}
#main .main_con03 .con03_l > ul > li > a > strong > img {vertical-align:middle; margin-left:10px; margin-top:-5px;}
#main .main_con03 .con03_l > ul > li > a > span {display:block; font-size:13px; color:#666; line-height:19px;}
#main .main_con03 .con03_r {float:right; width:396px; height:100%; background:#f6e9da; padding:19px 37px 19px 50px;}
#main .main_con03 .con03_r > strong {display:block; font-size:21px; line-height:1; margin:13px 0 10px;font-weight:500;}
#main .main_con03 .con03_r > span {color:#796c58; font-size:13px; margin-bottom:19px; line-height:1; display:block;}
#main .main_con03 .con03_r > ul {}
#main .main_con03 .con03_r > ul > li {line-height:28px; border-bottom:2px solid #ead6b5; padding:5px 0;}
#main .main_con03 .con03_r > ul > li > span {color:#fff; padding:7px 13px; border-radius:50px; background:#9f804f; margin-right:14px; font-size:13px; line-height:1; 
font-weight:normal; font-family: 'NanumSquareNeo', sans-serif;}
#main .main_con03 .con03_r > ul > li:first-child {background:#fff; border-radius:0 13px 13px 0; padding:0 0 0 50px; margin-left:-50px; border-bottom:0; line-height:60px; font-size:24px;}
#main .main_con03 .con03_r > ul > li:first-child > span {background:#b14e2f; margin-right:12px; font-size:18px; padding:9px 13px;}
#main .main_con03 .con03_r > ul > li:last-child {border-bottom:0;}

/* sub */
#sub {width:1200px; height:auto; margin:60px auto 0;}
#sub .sub_tit {border-bottom:4px solid #816144; padding-bottom:20px; margin-bottom:27px;}
#sub .sub_tit > p {font-size:24.5px; font-weight:500; letter-spacing: -1px;line-height:1;font-family: 'NanumSquareNeoExtraBold'; }
#sub .sub_tit > ul {float:right; margin-top:-40px;}
#sub .sub_tit > ul > li {float:left; margin-left:4px; background:#f7eddc; border-radius:50px;}
#sub .sub_tit > ul > li.on {background:#702204}
#sub .sub_tit > ul > li > a {display:inline-block; color:#432317; padding:16px 22px; font-size:14.635px; letter-spacing: -0.1px; line-height:1; font-weight:500;}
#sub .sub_tit > ul > li.on > a {color:#fff;font-weight:600;}

#sub .sub_ft {width:100%; height:auto; margin-top:42px; border:4px solid #f6e9da; border-radius:23px; background:#fff; overflow:hidden;}
#sub .sub_ft01 {width:753px; height:153px; float:left;}
#sub .sub_ft01 > ul {display:table; width:100%; height:100%;}
#sub .sub_ft01 > ul > li {float:left; width:calc(100% / 4); height:100%; text-align:center; display:table; padding:25px 0;}
#sub .sub_ft01 > ul > li > a {display:table-cell; vertical-align:middle; border-right:2px dashed #f6e9da;}
#sub .sub_ft01 > ul > li:last-child > a {border-right:0;}
#sub .sub_ft01 > ul > li > a > img {}
#sub .sub_ft01 > ul > li > a > span {display:block; font-size:15px; margin-top:16px; font-family: 'NanumSquareNeoExtraBold';}

#sub .sub_ft02 {width:439px; height:153px; background:#f6e9da; margin-left:753px; padding:0 30px; display:table;}
#sub .sub_ft02 > ul {display:table-cell; vertical-align:middle;}
#sub .sub_ft02 > ul > li {}
#sub .sub_ft02 > ul > li.sub_ft02_top {padding-bottom:13px; border-bottom:2px dashed #e5d1ba}
#sub .sub_ft02 > ul > li.sub_ft02_btm {padding-top:13px;}
#sub .sub_ft02 > ul > li.sub_ft02_top > span.deco {background:#b14e2f}
#sub .sub_ft02 > ul > li.sub_ft02_btm > span.deco {background:#9f804f}
#sub .sub_ft02 > ul > li > span.deco {display:inline-block; padding:0 14px; line-height:32px; color:#fff; border-radius:50px; margin-right:10px;font-size:14px;}
#sub .sub_ft02 > ul > li > p {display:inline-block; font-size:16px;}
#sub .sub_ft02 > ul > li > p > span {font-size:22px;}



#admin { position: absolute; top: 45%; right: 10%; }


.popup_wrap {
    position: absolute;
    top: 200px;
    left: 100px;
    width: 350px;
    height: 505px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.popup_wrap .popup {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 0px;
    box-sizing: border-box;
}

.popup_wrap .popup .popup_close {
    display: flex;
        justify-content: space-between;
    align-items: center;
    gap:0px;
    margin-top: 0px;
}

.popup_wrap .popup .popup_close a {
    display: inline-block;
    padding: 8px 10px;
    background: #523419;
    color: #fff;
    font-size:13px;
    text-decoration: none;
    border-radius: 4px;
}