@charset "utf-8";

#header {position:fixed; left:0; top:0; bottom:0; width: 350px; background-color:#fff; padding: 50px; z-index:100;}
#header .h_1dep {margin-top:85px;}
#header .h_1dep a {font-family: "Crimson Text";}
#header .h_1dep li {font-size: 16px; line-height: 22px;}
#header .h_1dep li.mt_1 {margin-top:50px;}
#header .h_1dep li.deco span {display:inline-block; vertical-align: middle; margin-left: 5px; width: 16px; height: 16px; background-image: url('/img/html/i_order.png'); background-size: 17px auto; margin-top: -5px;}
#header .h_1dep > .active > a {position:relative; display:inline-block; padding-right: 25px; color:#000}
#header .h_1dep > .active > a:before {content: ""; position:absolute; right:0; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(-45deg); margin-right: 5px;}
#header .h_1dep > li:first-child.active > a:before {display:none;}
#header .h_2dep {padding-left: 20px; margin-bottom:20px;}
#header .h_2dep a {color:#444;}
#header .h_2dep .active a {position:relative; display:inline-block; padding-right: 25px; color:#000}
#header .h_2dep .active a:before {content: ""; position:absolute; right:0; top: 7px; width: 6px; height: 6px; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(-45deg); margin-right: 5px;}
#header .h_info {margin-top: 40px; border-top:1px solid #ddd; padding-top:40px;}
#header .h_info p {font-size: 15px; line-height: 22px;}
#header .h_info li {font-family: "Noto Sans KR"; font-size: 13px; line-height: 23px;}
#header .h_info li b {font-family: "Noto Sans KR"; font-size: 13px; line-height: 23px;}
#header .h_info .hi_time {margin-top:30px;}
#header .h_info .hi_time p {font-family: "Noto Sans KR"; font-size: 13px; line-height: 23px;}
#header .h_info .i_kakao {display:inline-block; vertical-align: middle; width: 16px; height: 16px; background-image: url('/img/html/i_talk.png'); background-size: 17px auto; margin-top: -3px;}

#contents {margin-left: 350px; padding: 50px; max-width:1800px;}

#container_title span {font-family: "Crimson Text"; font-size: 18px; line-height:30px;}
.board_title span {font-family: "Crimson Text"; font-size: 18px; line-height:30px;}

.btn_bo_user > li i {}
.btn.btn_more_opt {font-size: 14px;}
.btn.btn_bo_sch {font-size: 14px;}
.btn.btn_b01 {font-size: 14px;}
.more_opt li button, .more_opt li a {font-size: 14px;}
.btn_bo_user li {width: 30px !important;}
.more_opt > li {width: 90px !important; font-size: 12px;}

.contents {margin: 40px 0 0;}
.contents2 {margin: 80px 0 0;}
.swp_main {overflow:hidden; position:relative; height: 100vh;}
.swp_main .swiper-slide {width:100%; background-size: cover; background-position:center; background-repeat:no-repeat;}

.swp_main .swiper-slide.swp1 {background-image:url('/img/html/main01.jpg');}
.swp_main .swiper-slide.swp2 {background-image:url('/img/html/main02.jpg');}
.swp_main .swiper-slide.swp3 {background-image:url('/img/html/main03.jpg');}

.swiper-pagination-bullet-active {background-color:#fff !important;}

.tac {text-align:center;}
.notice_img {max-width:100%;}
.btn_cm {display:block; margin:0 auto; width: 80px; background-color:#222; color:#fff; height: 30px; line-height: 30px; text-align:center; border-radius: 10px;}
#bo_cate ul {display:none;}
#container_title {text-align:center; font-size: 24px; line-height: 34px;}
#bo_cate {text-align:center;}
#bo_gall .gall_text_href {text-align:center;}
.order_top {max-width:800px; margin:0 auto 50px;}
.ot_btn {font-family: "Noto Sans KR"; width: 350px; background-color:#f1f1f2; display: flex; align-items:center; justify-content:center; border-radius:10px; height: 70px; margin:0 auto;}
.ot_btn img {width: 22px; vertical-align:middle; margin: 0 3px;}
.order_top .ot_list {flex-basis: 350px; background-color:#f1f1f2; display: flex; align-items:center; justify-content:center; border-radius:10px; height: 140px;}
.order_top .ot_list img {width: 20px; vertical-align:middle;}
.order_top .ot_list li:first-child {border-bottom: 1px solid #ddd;}
.order_top .ot_list li a, .order_top .ot_list li span {display: block; line-height: 50px; font-size: 15px; font-family: "Noto Sans KR";}
.order_top .ot_list li span {}
.order_process section {position:relative; background-color:#f1f1f2; padding: 50px 80px; border-radius:10px; max-width:800px; margin:0 auto 20px;}
.order_process section:last-child {margin-bottom:0;}
.order_process .op_tit {font-size: 16px; line-height: 1; margin-bottom:30px;}
.order_process .op_txt {font-family: "Noto Sans KR";  font-size: 13px; line-height: 20px;}
.order_process .op_list li {border-bottom: 1px solid #b6b8bb; padding: 20px; display: flex; box-sizing:border-box; font-family: "Noto Sans KR";}
.order_process .op_list li:last-child {border-bottom:0;}
.order_process .op_list li .tit {flex-basis: 120px; line-height: 20px; font-weight: 600; font-family: "Noto Sans KR"; font-size: 13px;}
.order_process .op_list li .txt {flex:1; line-height: 20px; font-family: "Noto Sans KR";  font-size: 13px;}
 b {font-weight: 600; font-family: "Noto Sans KR";}
.order_process .op_copyright {margin-top: 30px; text-align:right; font-family: "Noto Sans KR"; font-size: 14px;}
.order_process > p {line-height: 15px; font-size: 13px;}

#bo_cate a {border-radius: 5px !important; line-height: 20px !important; border-color:#999 !important; color: #666 !important; }
#bo_cate a:hover {border-color:#000 !important; color: #fff !important; background-color:#000 !important;}
#bo_cate #bo_cate_on {background-color:#000 !important; color: #fff !important; box-shadow: none !important; border-color:#000 !important;}

#bo_v_con {font-family: "Noto Sans KR";}
@font-face {
    font-family: 'GowunDodum-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunDodum-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.about {background-color:#f6efe5; display:flex;}
.about .a_txt {flex-basis: 50%; display: flex; align-items:center; justify-content:center; box-sizing:border-box; }
.about .a_txt p {font-family: 'GowunDodum-Regular'; line-height: 24px; word-break:keep-all; font-size: 14px;}
.about .a_txt img {max-width: 370px;}
.about .a_img {flex-basis: 50%;}
.about img {width:100%;}
#bo_gall .gall_text_href {margin: 5px 0 0 !important;}
#bo_gall .bo_tit {font-size: 14px !important; line-height: 20px !important;}

.pg_current {border-color:#222; background-color:#222; height: 20px; line-height: 20px; padding:0; min-width: 20px;}
.pg_page {height: 20px; line-height: 20px; padding:0; min-width: 20px; font-size: 12px;}
.pg_wrap {display: flex; justify-content:center; float:inherit; font-size: 12px; margin-top: 20px;}

.gall_list {display: flex; gap: 30px; flex-wrap:wrap;}
.gall_list li {flex-basis:calc( 33.33% - 20px );}
.gall_list li img {width:100%;}
/* .chk_box {z-index:10; position:absolute !important;}
.all_chk {position:relative !important;} */
.chk_box input[type="checkbox"] + label span {z-index:1;}
.h_open_btn {display:none;}
.h_close_btn {display:none;}
.about_mo {display:none;}

.tbl_head01 .bo_notice td {background-color:#eff3f9 !important;border-bottom: 1px solid #ecf0f1;}
.bo_notice .notice_icon {color: #222 !important;}
#bo_list, #bo_gall, #bo_v {font-size: 13px;}
.pc img, .mo img {width:100%;}
.mo {display:none;}
#wrapper {font-size: 12px;}
#hd {font-size: 12px;}
.btn {font-size: 12px;}
#bo_list_total {line-height:1 !important; font-size: 13px !important;}
#bo_cate {display:none !important;}






@media (max-width: 1440px) {
.gall_list li {flex-basis:calc( 50% - 15px );}
#header {width: 270px; padding: 50px 40px;}
#contents {margin-left: 270px;}
.order_process section {padding: 50px;}
.order_process .op_list li {display:block; padding: 20px 0;}
.order_process .op_list li .tit {margin-bottom: 10px;}
.order_process .op_tit {padding-left:0;}
.order_process > p {font-size: 14px;}
.about .a_txt img {max-width: 260px;}
}


@media (max-width: 1140px) {
#header {width:100%; bottom:inherit; padding:0 30px; height: 70px; border-bottom:1px solid #ddd;}
#header h1 {display:flex; height: 70px; align-items:center;}
.h_area {display:none;}
#contents {margin-left: 0; padding: 30px; margin-top: 70px;}
.h_open_btn {display:block; position:absolute; right:0; top:0; width: 70px; height: 70px; background-image:url("/img/html/i_menu_b.png"); background-size: 21px; background-repeat:no-repeat; background-position:center;}
.h_close_btn {display:block; position:fixed; left:230px; top:70px; width: 70px; height: 70px; background-image:url("/img/html/i_close_b.png"); background-size: 21px; background-repeat:no-repeat; background-position:center;}
.h_area {position:fixed; left:0; top:70px; bottom:0; background-color:rgba(255, 255, 255, 0.9); width: 300px; padding: 30px; overflow-y: auto;}
#header .h_1dep {margin-top:0;}
.swp_main {height: calc( 100vh - 70px );}

.swp_main .swiper-slide.swp1 {background-image:url('/img/html/mo2.jpg');}
.swp_main .swiper-slide.swp2 {background-image:url('/img/html/mo3.jpg');}
.swp_main .swiper-slide.swp3 {background-image:url('/img/html/mo1.jpg');}

#header .h_1dep li.mt_1 {margin-top:20px;}
#header .h_info {padding-top: 30px; margin-top: 30px;}

}

@media (max-width: 768px) {
#header {padding: 0 20px;}
#contents {padding: 30px 20px;}
.gall_list {gap:10px;}
.gall_list li {flex-basis:calc( 50% - 5px );}
.about {display:none;}
.about_mo {display:block;}
.about_mo img {width:100%;}
.order_process section {padding: 50px 30px;}
.contents2 {margin: 50px 0 0}
#header h1 img {width: 140px !important;}

#bo_gall .bo_tit {font-size: 13px !important;}
.board_title span {font-size: 16px; line-height: 26px;}
#container_title {font-size: 16px; line-height: 26px;}
.mo {display:block;}
.pc {display:none;}
.tbl_head01 th {padding: 0 !important; height: auto;}
.tbl_head01 td {height: auto;}
#bo_list .td_num2 {width: 40px !important;}
#bo_list .td_name {width: 40px !important;}
#bo_list .td_num2 {width: 30px !important;}
}

@media (max-width: 600px) {
.ot_btn {width:100%;}
.order_top {margin: 0 auto 30px;}
.order_process .op_tit {font-size: 16px; margin-bottom:20px;}
.order_process .op_list li .txt {font-size: 13px;}
.order_process section {padding: 40px 20px;}
.order_process .op_txt {font-size: 13px;}
.order_process .mt80 {margin-top: 50px;}
.ot_btn {font-size: 13px; height: 50px}
}