@media screen and (max-width:767px) {
/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:30px;}
.login_top {width:100%; height:auto; border-bottom:1px solid #eaeaea; margin-bottom:20px; padding-bottom: 20px;}
.login_top h2 {font-size:20px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {display: block; font-size:12px; font-weight:400; margin-top: 5px; line-height: 18px}
.login_mid {display: block; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:100%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:0; width: 14px;}
.login_mid .login_con input::placeholder {font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:12px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:45px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:15px; line-height:43px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:8px; padding-left:10px; position:relative; line-height:1;}
.login_mid .login_bottom li::before {width:1px; height:10px; background:#ddd; content:''; position:absolute; left:0; top:2px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:100%; margin-top: 20px;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:none;}
.mob_img {display:block;}
.pc {display:none;}
.tab {display:none;}
.mob {display:block;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden; word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

/* header */
#header{position: absolute; top: 0; left: 0; width: 100%; line-height: 1;z-index: 6000;transition:.3s;}
#header .inner{display: flex; align-items: center; justify-content: space-between; height: 50px;}
#header h1 img{width: 100px;}
#header .gnb{display: none;}
#header .gnb > li{position: relative;padding: 41px 31px;}
#header .gnb span a{display: block;font-size: 17px; color: #fff; font-weight: 500;}
#header .gnb .lnb_sub{position: absolute; top: 100px; left: 50%; transform:translateX(-50%);z-index: 100; width: 200px; background: #fff; border-radius:10px;}
#header .gnb .lnb_sub ul{display: none;padding: 30px 0px;}
#header .gnb .lnb_sub ul li a{display: block;color: #666;font-size: 16px;text-align: center;300}
#header .gnb .lnb_sub ul li:not(:last-child){margin-bottom: 20px;}

#header .right_wrap{display: flex; align-items: center;/* gap:20px; */ gap:10px;}
#header .right_wrap .log_wrap{display: flex; align-items: center; /* gap:20px; */ gap:10px;}
#header .right_wrap .log_wrap li{position: relative;}
#header .right_wrap .log_wrap li:not(:last-child)::after{content:'';position: absolute; right: -6px; top: 50%; transform:translateY(-50%); width: 2px; height: 5px; background: rgba(255,255,255,.5);}
#header .right_wrap .log_wrap a{display: block;font-size: 12px; color: #fff; font-weight: 500;transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
#header .right_wrap .log_wrap li:hover a{transform:translateY(-5px);}
#header .right_wrap .nav_btn{display: block;position: relative;width: 20px; height: 18px;}
#header .right_wrap .nav_btn::before{content:'';position: absolute; top: 0; left: 0;width: 100%; height: 2px; background: #fff;transition:.4s;}
#header .right_wrap .nav_btn::after{content:'';position: absolute; bottom: 0; left: 0;width: 100%; height: 2px; background: #fff;transition:.4s;}
#header .right_wrap .nav_btn span{display: block;position: absolute; top: 50%; left: 0; transform:translateY(-50%);width: 100%; height: 2px; background: #fff;transition:.4s;}
#header .right_wrap .pc_log {display: none;}

/* nav */
#header.on{background: var(--c01);}
#header.on .right_wrap .nav_btn::before{transform:rotate(45deg);top: 8px;}
#header.on .right_wrap .nav_btn::after{transform:rotate(-45deg);bottom: 8px;}
#header.on .right_wrap .nav_btn span{left: 100px;}
.navigation{position:absolute;top: 50px;z-index:5000;width:100%;background-color:#fff;height:100%;display:none;right: 0px;z-index: 4000; line-height: 1;}
.navigation.on{display:block;}
.navigation h3{height:55px;width:100%;}
.navigation h3 a{border-bottom: 1px solid #f1f1f1;}
.navigation h3:nth-child(1) a{border-top: 1px solid #f1f1f1;}
.navigation h3 a{position: relative;height:55px;width:100%;background-color:#fff;display: flex;align-items: center;padding: 0 10px;color:#222;font-size:12px;font-weight: 400;}
.navigation h3.on a,
.navigation h3.active a,
.navigation h3.hover a{color: var(--c01);font-weight: 500;border-bottom: none;}
.navigation h3 a:after{content:"";position: absolute;top: 50%;transform:translateY(-50%);right: 10px;width: 12px;height: 8px;background:url(/images/main/nav_bt_mob.png)center no-repeat;background-size:cover ;transition:.4s;}
.navigation h3.active a:after{background:url(/images/main/nav_top_mob.png)center no-repeat;background-size:cover;transform:translateY(-50%) rotate(360deg);}
.navigation h3.on a:after{;background:url(/images/main/nav_top_mob.png)center no-repeat;background-size:cover ;transform:translateY(-50%) rotate(360deg);}
.navigation ul{display: block; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1;}
.navigation ul li{margin-bottom: 13px;}
.navigation ul li:last-child{margin-bottom: 0;}
.navigation ul li a{display:flex;height:auto;width:100%;color:#333;font-size:12px;border:none;font-weight: 400;padding-left: 10px; word-break:keep-all;}
.navigation ul li a:after{display: none;}
.navigation .log_navi {}
.navigation .log_navi > ul {display: flex; flex-wrap:wrap; padding-bottom: 0;}
.navigation .log_navi > ul > li {width: 50%; position: relative; margin-bottom: 0; padding: 10px 0;}
.navigation .log_navi > ul > li:after {position: absolute; content:''; width: 1px; height: 12px; background: #ddd; top:12px; right:0;}
.navigation .log_navi > ul > li:nth-child(2n):after {display: none;}
.navigation .log_navi > ul > li > a{display: block; font-size: 12px; color:#222; font-weight: 500; text-align:center;}
/* .navigation .log_navi > ul > li:nth-child(1) > a{color:var(--c01); font-weight: 700;} */

/* visual_wrap */
#visual_wrap{position: relative; line-height: 1;}
#visual_wrap .txt_wrap{position: absolute; opacity: 0; top: 70%; left: 50%; transform:translate(-50%,-50%); z-index: 1000;transition:2s;}
#visual_wrap .txt_wrap img{width: 120px;}
#visual_wrap li.slick-active .txt_wrap{opacity: 1; top: 55%; }
#visual_wrap .scroll{position: absolute; left: 50%; transform:translateX(-50%); bottom: 20px;}
#visual_wrap .scroll p{display: none;font-size: 14px; color: rgba(255,255,255,.5);margin-bottom: 0px;font-weight: 500;}
#visual_wrap .scroll img{margin: 0 auto;width: 10px;}
#visual_wrap .scroll .icon01 img{animation:scrollAni01 1.5s ease infinite;}
#visual_wrap .scroll .icon02 img{animation:scrollAni02 1.5s ease infinite;}
@keyframes scrollAni01{
0%{opacity: 1;}
100%{opacity: 0;}
}

@keyframes scrollAni02{
0%{opacity: 0;}
100%{opacity: 1;}
}

/* section */
.section{padding: 60px 0px;line-height: 1;}
.section .sec_tit p{font-size: 14px; color: #222; font-weight: 500;}
.section .sec_tit span{display: block;font-size: 12px; color: #555; font-weight: 500; margin-top: 8px;line-height: 1.4;}
.section .more_btn{display: flex; align-items: center; justify-content: center;gap:5px;width: fit-content;}
.section .more_btn p{font-size: 12px; color: #fff; font-weight: 500;}
.section .more_btn .icon{position: relative;display: flex; align-items: center; justify-content: center;width: 25px; height: 25px; border:1px solid #fff; border-radius:50%; overflow: hidden;transition:.4s;}
.section .more_btn .icon img{width: 12px;}
.section .more_btn .icon em{position: absolute; top: -50%; left: 50%; transform:translate(-50%,-50%);  width: 7px; height: 7px; background: var(--c01);border-radius:50%; transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);}		
.section .more_btn:hover .icon{background: #fff;}
.section .more_btn:hover .icon em{top: 50%;}

ul.list01{display: flex; flex-wrap:wrap; gap:10px;}
ul.list01 li{width: calc((100% - 10px) / 2);}
ul.list01 li .img_wrap{position:relative; width:100%; padding-bottom:100%; overflow: hidden;transition:.5s; margin-bottom: 15px;}
ul.list01 li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover; }
ul.list01 li:hover .img_wrap{transform:translateY(0px);}
ul.list01 li .txt_wrap{display: flex;gap:12px;align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
ul.list01 li .txt_wrap p{position: relative;font-size: 11px; color: #222; font-weight: 500; }
ul.list01 li .txt_wrap p::after{content:''; position: absolute; top: 50%; right: -6px; transform:translateY(-50%); width: 1px; height: 5px; background: #ddd;}
ul.list01 li .txt_wrap span{display: block;font-size: 11px; color: #555;}

/* section01 */
#section01 .sec_tit{text-align: center;margin-bottom: 30px;}
#section01 .sec_tit .icon{display: flex; align-items: center; justify-content: center;gap:10px;transition:.8s; margin-top: 20px;}
#section01 .sec_tit .icon span{display: block; width: 5px; height: 2px; background: var(--c01);transition:.7s; margin-top: 0;}
#section01.on .sec_tit .icon{gap:5px;}

/* section02 */
#section02{background: #f9f9f9;padding: 0;}
#section02 .inner{display: flex; flex-direction: column; gap:20px; width: 100%;padding: 0 0 0 2.6%;}
#section02 .tit_wrap{display: flex;flex-direction: row;align-items: end;justify-content: space-between;width: 100%;padding: 40px 2.6% 0 0;}
#section02 .tit_wrap p{font-size: 20px; color: #222; font-weight: 600;line-height: 1; margin-bottom: 13px;}
#section02 .tit_wrap p br{display: none;}
#section02 .tit_wrap span{display: block;font-size: 12px; line-height: 18px; color: #555; font-weight: 300; margin-top: 10px;}
#section02 .tit_wrap .arr_wrap{display: flex;gap:10px;}
#section02 .tit_wrap .arr_wrap button{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;}
#section02 .tit_wrap .arr_wrap button img{transition:.4s;width: 8px;}
#section02 .tit_wrap .arr_wrap button.prev{border:1px solid #999;}
#section02 .tit_wrap .arr_wrap button.next{background: var(--c01);}
#section02 .tit_wrap .arr_wrap button.prev:hover img{transform:translateX(0px);}
#section02 .tit_wrap .arr_wrap button.next:hover img{transform:translateX(0px);}

#section02 .slide_wrap{width: 100%;}
#section02 .slide_wrap .slick-list{padding: 30px 0px;}
#section02 .slide_wrap li{position: relative;width: 260px;margin-right: 15px;border-radius:10px; box-shadow: 5px 5px 10px rgba(0,0,0,.1); overflow: hidden;transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
#section02 .slide_wrap .img_wrap{position:relative; width:100%; padding-bottom:70%; }
#section02 .slide_wrap .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
#section02 .slide_wrap .txt_wrap{display: none;position: absolute; opacity: 0; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:15px; width: 100%; height: 100%; z-index: 100; padding: 55px; background: rgba(0,0,0,.6);transition:.4s;}
#section02 .slide_wrap .txt_wrap span{font-size: 20px; color: #fff;font-weight: 600;font-family: "Open Sans", sans-serif; }
#section02 .slide_wrap .txt_wrap p{font-size: 24px; color: #fff; font-weight: 500; line-height: 1.4;}
#section02 .slide_wrap li:hover{transform:translateY(-20px);}
#section02 .slide_wrap li:hover .txt_wrap{opacity: 1;}

/* section03 */
#section03{padding: 60px 0px; background: url(/images/main/sec03_bg01_mob.jpg)center no-repeat; background-size: cover;background-attachment: initial;}
#section03 .tit p{font-size: 20px; color: #fff; font-weight: 600; text-align: center;}
#section03 .tit span{display: block;font-size: 12px; color: #fff; font-weight: 300; line-height: 20px;text-align: center; margin: 14px 0px 25px;}
#section03 .more_btn{margin: 0 auto;}

/* section04 */
#section04{position: relative;}
#section04::after{content:'SINMYEONG PACKAGE';position: absolute; bottom: -3px; left: 0;font-size: 33px; color: rgba(34,34,34,.15); font-weight:  700;}
#section04 .inner{display: flex;flex-direction: column;gap: 25px;}
#section04 .tit{width: 100%;}
#section04 .more_btn{margin-top: 25px;margin-left: auto;}
#section04 .more_btn p{color: #222;}
#section04 .more_btn .icon{border:1px solid var(--c01);}
#section04 .more_btn:hover .icon{background: var(--c01);}
#section04 .more_btn:hover img{opacity: 0;}
#section04 .more_btn .icon em{background: #fff;}
#section04 .con{width: 100%;}
#section04 .con ul{border-top: 2px solid var(--c01);}
#section04 .con ul li .q_wrap{position: relative;display: flex; align-items: center; height: 45px; padding: 0px 15px; border-bottom: 1px dashed #ddd; cursor:pointer;}
#section04 .con ul li .q_wrap::after{content:'';position: absolute; top: 50%; right: 15px; transform:translateY(-50%); background: url(/images/main/sec04_arr_mob.png)center no-repeat; width: 9px; height: 5px; background-size: cover;transition:.4s;}
#section04 .con ul li .q_wrap.on::after{transform:translateY(-50%) rotate(180deg); }
#section04 .con ul li .q_wrap em{display: flex; align-items: center; justify-content: center;color: #fff; font-size: 12px; background: #ddd; width: 25px; height: 25px; border-radius:50%;margin-right: 10px;font-weight: 600;}
#section04 .con ul li .q_wrap span{display: block;font-size: 12px; color: var(--c01);width: 54px; font-weight: 500;}
#section04 .con ul li .q_wrap p{font-size: 11px; color: #222; font-weight: 500;}
#section04 .con ul li .a_wrap{display: none;padding: 10px 15px;border-bottom: 1px dashed #ddd;}
#section04 .con ul li .a_wrap p{font-size: 11px; color: #444; line-height: 15px; word-break:keep-all;}

.quick_wrap{display: none;position: fixed; right: 40px; top: 50%; transform:translateY(-50%); background: #fff; border-radius:50px; box-shadow:4px 4px 8px rgba(0,0,0,.17); z-index: 5000; line-height: 1;}
.quick_wrap ul{display: none;padding: 15px; }
.quick_wrap ul li:not(:last-child){margin-bottom: 20px;}
.quick_wrap ul li .icon{display: flex; align-items: center; justify-content: center;width: 70px; height: 70px; margin-bottom: 10px; background: #f4f4f4; border-radius:50%;}
.quick_wrap ul li .icon img{transition:.4s;}
.quick_wrap ul li .txt p{font-size: 15px; color: #666;text-align: center;}
.quick_wrap ul li button{display: flex; align-items: center; justify-content: center; flex-direction: column;gap:3px; width: 70px; height: 70px; background: var(--c01); border-radius:50%;}
.quick_wrap ul li button p{font-size: 12px; color: #fff;font-family: 'GmarketSansMedium';}
.quick_wrap ul li .top_btn img{transition:.4s;}
.quick_wrap ul li:hover .icon img{transform: rotateY(360deg);}
.quick_wrap ul li .top_btn:hover img{transform:translateY(-3px);}

/* footer */
#footer{background: #f9f9f9; padding: 40px 0px;}
#footer .inner{display: flex;justify-content: center;flex-direction: column-reverse;align-items: center;gap:20px;}
#footer .a_wrap{display: flex; align-items: center; justify-content: center; gap:20px; margin-bottom: 15px;}
#footer .a_wrap a{display: block; font-size: 11px; color: #222; }
#footer address p{font-size: 11px;	color: #666;line-height: 2.4;text-align: center;}
#footer address span{display: inline-block;font-size: 10px; color: #222; padding-right: 10px;}
#footer address b{padding-left: 12px;}
#footer address b:nth-of-type(3){display: block; padding: 0;}
#footer p.copy{margin-top: 20px;font-size: 11px; color: #999;font-weight: 300;text-align: center;}
#footer .f_right{display: flex;flex-direction: column;justify-content: space-between;}
#footer .f_right .f_logo img{width: 100px;}
#footer .f_right a{margin: 0 auto;}
#footer .f_right .box_wrap{width: auto; border:1px solid #ddd; padding: 15px 20px; border-radius:5px; margin-top: 20px;}
#footer .f_right .box_wrap span{display: block;font-size: 12px; color: #222; margin-bottom: 5px;text-align: center;}
#footer .f_right .box_wrap p{font-size: 12px; color: #222;font-weight: 500;text-align: center;}

/* ==sub================================================= */
#sub_visual_wrap{position: relative; line-height: 1;}
#sub_visual_wrap .sub_nav{position: absolute; top: 60%; left: 50%; transform:translate(-50%,-50%); width: 100%;}
#sub_visual_wrap .sub_nav h2{text-align: center; font-size: 20px; color: #fff; font-weight: 600;}
#sub_visual_wrap .sub_nav ul.sub_list_con{display: flex; align-items: center; justify-content: center;gap:22px; margin-top: 15px;}
#sub_visual_wrap .sub_nav ul.sub_list_con li{position: relative;font-size: 12px; color: #fff;font-weight: 300;}
#sub_visual_wrap .sub_nav ul.sub_list_con li:not(:last-child)::after{content:'';position: absolute; top: 50%; right: -12px; transform:translateY(-50%); width: 2px; height: 2px; background: #fff; border-radius:50%;}

table.tbl01{width: 100%; border-top: 2px solid #941f32;}
table.tbl01 td{border-bottom: 1px solid #ddd; font-size: 12px; color: #222; padding: 12px 8px;}

/* paging */
.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 50px;}
ul.paging{display: flex; justify-content: center; font-size:0; }
ul.paging li{display:block; margin:0 5px; width:35px; height:35px; border:0px; vertical-align:middle;border-radius: 50%;}
ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:12px; color:#888; line-height:38px; font-weight: 400;}
/* tab_menu_pc */
.tab_menu_pc{display: none;background: #941f32;}

/* tab_menu_tab */
.tab_menu_tab {display: block; width:100%; height:44px; background:#fff; border:1px solid #ddd;border-top: none; line-height: 1;}
.tab_menu_tab .inner{position:relative; display: flex; width: 100%; height:100%;padding: 0;}
.tab_menu_tab .menu {display: flex; width:100%; height:100%;}
.tab_menu_tab .menu > li {position:relative; flex:1;height:100%; }
.tab_menu_tab .menu > li::after{content:'';position: absolute; top: 50%; transform:translateY(-50%); right: 10px;background:url("/images/sub/tab_bt_mob.png") center no-repeat; width: 7px; height: 5px; background-size: cover;transition:.4s;}
.tab_menu_tab .menu > li.on::after{transform:translateY(-50%) rotate(180deg); }
.tab_menu_tab .menu > li > a {display:flex; align-items:center; padding: 0 10px; width:100%; height:100%; font-size: 12px; color:#222; font-weight: 400; line-height:1.2; box-sizing:border-box; word-break:keep-all;border-right: 1px solid #ddd;}
.tab_menu_tab .menu > li ul {display:none; position:absolute; width:100%; top:100%; left:-1px; padding:15px 0; box-sizing:content-box; background-color:#fff; z-index:10;border:1px solid #ddd}
.tab_menu_tab .menu > li ul li ~ li { margin-top:15px;}
.tab_menu_tab .menu > li ul li a {display:flex; align-items:center; position:relative; font-size:12px; color:#222; font-weight: 300;padding:0 10px;}



#sub_contents{padding: 50px 0px;}
#sub_contents .contop{margin-bottom: 50px;line-height: 1;}
#sub_contents .contop h4{font-size: 20px; color: #222; font-weight: 500;text-align: center;}

table.tbl01{width: 100%; border-top: 2px solid #941f32;}
table.tbl01 td{border-bottom: 1px solid #ddd; font-size: 11px; color: #222; padding: 10px;}

/* 일반게시판_list */
.basic_bd02{line-height: 1;}
.basic_bd02 .search_box{display: flex; justify-content:space-between;align-items: flex-start;flex-direction: column-reverse;gap: 25px;margin-bottom: 15px;}
.basic_bd02 .search_box .total p{color: #000; font-size: 13px;font-weight: 600;}
.basic_bd02 .search_box .total em{color: var(--bg01);font-weight: 600;}
.basic_bd02 .search_box .search{display: flex;gap:10px;justify-content: end; width: 100%;}
.basic_bd02 .search_box .search select{font-size: 14px; color: #222; width: 88px; height: 43px; border:1px solid #ddd; border-radius:50px; padding: 0px 33px 0px 18px;-webkit-appearance:none;background-size: 8px; -moz-appearance:none; appearance:none; background: url(/images/sub/basic_bd01_icon01.png)center right 18px no-repeat;}
.basic_bd02 .search_box .input_wrap{position: relative;width: calc(100% - 98px);}
.basic_bd02 .search_box .input_wrap input{width: 100%; height: 43px;font-size: 14px; color: #222; border:1px solid #ddd;  border-radius:50px;padding: 0px 43px 0px 18px;}
.basic_bd02 .search_box .input_wrap input::placeholder{color: rgba(0,0,0,.4);}
.basic_bd02 .search_box .input_wrap button{display: flex;position: absolute; right: 18px; top: 50%; transform:translateY(-50%);width: 14px;}
.basic_bd02 .search_box .input_wrap button img{width: 100%;}
.basic_bd02 .news-list ul{border-top: 1px solid #000;}
.basic_bd02 .news-list ul li{position: relative;border-bottom: 1px solid #eee;background: #fff;}
.basic_bd02 .news-list ul li::after{content:'';display: none;opacity: 0;position: absolute;right: 50px; top: 50%; transform:translateY(-50%);transition:.3s;background: url(/images/sub/basic_bd02_icon03.png)center no-repeat; width: 55px; height: 52px; background-size: cover;}
.basic_bd02 .news-list ul li a{display: flex;align-items: center;padding: 15px;}
.basic_bd02 .news-list ul li .date_box{display: flex; flex-direction: column;align-items: center;gap:10px;width: 41px;}
.basic_bd02 .news-list ul li .date_box p{font-size: 21px; color: #cfcfcf;font-weight: 700;transition:.3s;}
.basic_bd02 .news-list ul li .date_box span{font-size: 12px;color: #cfcfcf;font-weight: 700;transition:.3s;}
.basic_bd02 .news-list ul li .txt_box{width: calc(100% - 56px);margin-left: 25px;}
.basic_bd02 .news-list ul li .txt_box .tit_box{display: flex;width: calc(100% - 80px);margin-bottom: 10px;}
.basic_bd02 .news-list ul li .txt_box .tit_box span.tag01{display: inline-block;vertical-align: middle;height: 23px;line-height: 20px;border: 1px solid #eee;padding: 0 10px;font-size: 12px;margin-right: 5px;color: var(--bg01);}
.basic_bd02 .news-list ul li .txt_box .tit_box strong{font-size: 14px; color: #222;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.basic_bd02 .news-list ul li .txt_box p{font-size: 13px; color: #777;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.basic_bd02 .news-list ul li .txt_box p.mob_date{display: block;margin-top: 10px;font-size: 12px;}
.basic_bd02 .news-list ul li:hover{background: #f9f9f9;}
.basic_bd02 .news-list ul li:hover .date_box p{color: #222;}
.basic_bd02 .news-list ul li:hover .date_box span{color: #222;}
.basic_bd02 .news-list ul li:hover::after{opacity: 0;}
.basic_bd02 ul.paging li.prev a img {width: 18px;}
.basic_bd02 ul.paging li.next a img {width: 18px;}

/* 일반게시판_view */
.basic_bd01_view .tit_box{padding-bottom: 30px;border-bottom: 1px solid #2f3435;}
.basic_bd01_view .tit_box strong{font-size: 16px; color: var(--bg01); font-weight: 700;}
.basic_bd01_view .tit_box p{font-size: 21px; margin: 12px 0px 15px	; font-weight: 700;color: #000;}
.basic_bd01_view .tit_box span{font-size: 13px;color: #abadae;font-weight: 500;}
.basic_bd01_view .view_box{padding: 38px 10px;}
.basic_bd01_view .view_box img{width: 100%;margin-bottom: 40px;}
.basic_bd01_view .view_box p{font-size: 13px; color: #000;}
.basic_bd01_view .file_box{padding: 12px 13px;}
.basic_bd01_view .file_box ul {display: flex;align-items: center;gap:5px; flex-wrap:wrap;}
.basic_bd01_view .file_box ul li{display: flex;gap:10px 5px; width: 49%;}
.basic_bd01_view .file_box ul li em{display: block;width: 15px;}
.basic_bd01_view .file_box ul li a{font-size: 13px; color: #444;transition:.3s;border-bottom: 1px solid transparent;}
.basic_bd01_view .file_box ul li a:hover{border-bottom: 1px solid #444;}
.basic_bd01_view .view_btn_box{display: flex; justify-content:space-between;align-items:center;padding: 50px 0px 20px; border-top: 1px solid #dcdcdc;}
.basic_bd01_view .view_btn_box .arr{display: flex;align-items:center;gap:20px;}
.basic_bd01_view .view_btn_box .arr p{display: none;font-size: 18px; color: #000;width: 200px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.basic_bd01_view .view_btn_box .arr.next p{text-align: end;}
.basic_bd01_view .view_btn_box .arr:hover p{text-decoration: underline;text-underline-position: under;}
.basic_bd01_view .view_btn_box .back{position: relative;width: 42px; height: 42px; border:1px solid var(--bg01); border-radius:5px;}
.basic_bd01_view .view_btn_box .back img{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);width: 15px;}
.basic_bd01_view .view_btn_box .back:hover{background: url(/images/sub/basic_bd01_icon06_2.png)center no-repeat var(--bg01);}
.basic_bd01_view .view_btn_box .back:hover img{display: none;}

/* 사진갤러리&동영상게시판 */
.gallery_bd02 .con ul.img_li {gap: 20px 0;}
.gallery_bd02 .con ul.img_li li .txt_wrap p.p_tit {font-size: 15px;}
.gallery_bd02 .con ul.img_li li .txt_wrap p.p_con {border-top: 0; margin-top: 0; padding-top: 5px; font-size: 12px;}
.gallery_bd02 .search_box{display: flex; justify-content:space-between;align-items: flex-start;flex-direction: column-reverse;gap: 25px;margin-bottom: 15px;}
.gallery_bd02 .search_box .total p{color: #000; font-size: 13px;font-weight: 600;}
.gallery_bd02 .search_box .total em{color: var(--bg01);font-weight: 600;}
.gallery_bd02 .search_box .search{display: flex;gap:10px;justify-content: end; width: 100%;}
.gallery_bd02 .search_box .search select{font-size: 14px; color: #222; width: 88px; height: 43px; border:1px solid #ddd; border-radius:50px; padding: 0px 33px 0px 18px;-webkit-appearance:none;background-size: 8px; -moz-appearance:none; appearance:none; background: url(/images/sub/basic_bd01_icon01.png)center right 18px no-repeat;}
.gallery_bd02 .search_box .input_wrap{position: relative;width: calc(100% - 98px);}
.gallery_bd02 .search_box .input_wrap input{width: 100%; height: 43px;font-size: 14px; color: #222; border:1px solid #ddd;  border-radius:50px;padding: 0px 43px 0px 18px;}
.gallery_bd02 .search_box .input_wrap input::placeholder{color: rgba(0,0,0,.4);}
.gallery_bd02 .search_box .input_wrap button{display: flex;position: absolute; right: 18px; top: 50%; transform:translateY(-50%);width: 14px;}
.gallery_bd02 .search_box .input_wrap button img{width: 100%;}
.gallery_bd02 .con ul.img_li {display: flex; gap: 30px 0; flex-wrap: wrap;}
.gallery_bd02 .con ul.img_li li {width: 100%;}
.gallery_bd02 .con ul.img_li li .txt_wrap {margin-top: 16px;}
.gallery_bd02 .con ul.img_li li .txt_wrap span.month {font-size: 14px;}
.gallery_bd02 .con ul.img_li li .txt_wrap p.p_tit {font-size: 14px;}
.gallery_bd02 .con ul.img_li li .txt_wrap p.p_con {font-size: 12px; padding-top: 12px; margin-top: 12px;}

/* 공통 */
input {outline: none;}

h5.h5_tit{position:relative; margin-bottom:20px; padding-left:35px; font-size:17px; color:#222; }
h5.h5_tit::before{position:absolute; content:''; background:url(/images/sub/h5_tit_icon.png)center no-repeat; width:26px; height:26px; top:0; left:0;}

select{border: 1px solid #ddd; font-size: 11px; color: #222; padding: 5px; outline: 0; width: 100%;}
input[type=text]{border: 1px solid #ddd; font-size: 11px; padding: 5px; outline: 0; color: #222;}

.depth3_wrap{margin-bottom: 30px;}
.depth3_wrap ul{display: flex; justify-content: center; gap:15px;}
.depth3_wrap ul li a{font-size: 14px; color: #999;}
.depth3_wrap ul li.on a{color: #222; border-bottom: 2px solid #941f32; font-weight: 500;}

.sub03_tab{display: flex; justify-content: center; gap:10px;}
.sub03_tab li{font-size: 13px; font-weight: 500; text-align:center;}
.sub03_tab li.on a{color: #222; border-bottom: 2px solid var(--c01);}

/* sub0101 */
.sub0101_wrap {word-break:keep-all;}
.sub0101_wrap i {display: none;}
.sub0101_wrap b {display: none;}
.sub0101_wrap .con:not(:last-child) {margin-bottom: 40px;}
.sub0101_wrap .con01 {}
.sub0101_wrap .con01 strong {display: block; font-size: 20px; color: var(--c01); font-weight: 800; text-align:center; margin-bottom: 10px;}
.sub0101_wrap .con .img_wrap {padding: 20px; display: flex; flex-wrap:wrap; gap:20px; justify-content: center;}
.sub0101_wrap .con .img_wrap > div {width: calc((100% - 20px) / 2);}
.sub0101_wrap .con .img_wrap > div img {height: 100%; width: 100%;}
.sub0101_wrap .con .txt_wrap {text-align:center; margin-top: 10px;}
.sub0101_wrap .con .txt_wrap p.p_con {font-size: 13px; color:#555; font-weight: 500;}
.sub0101_wrap .con .txt_wrap p.p_con:not(:last-child) {margin-bottom: 15px;}
.sub0101_wrap .con .txt_wrap p.p_con2 {font-size: 16px; color:#222; font-weight: 800;}
.sub0101_wrap .con .txt_wrap p.p_con2 span {color: var(--c01); position: relative; display: inline-block;}
.sub0101_wrap .con .txt_wrap p.p_con2 span:before {position: absolute; content:''; width: 100%; height: 8px; background: rgba(148,31,50,0.2); top:16px;}
.sub0101_wrap .con .txt_wrap p.p_con2:not(:last-child) {margin-bottom: 15px;}
.sub0101_wrap .con ul.his_li {width:100%; margin: 0 auto;}
.sub0101_wrap .con ul.his_li li {position: relative; gap: 0 10px;}
.sub0101_wrap .con ul.his_li li:not(:last-child) {margin-bottom: 10px;}
.sub0101_wrap .con ul.his_li li:before {position: absolute; content:''; width: 6px; height: 6px; border-radius: 50%; background: var(--c01); top:5px; left:0;}
.sub0101_wrap .con ul.his_li li:after {position: absolute; content:''; width: 30px; height: 2px; background: var(--c01); padding-right: 10px; top:7px;}
.sub0101_wrap .con ul.his_li li em {padding-left: 40px; color:var(--c01); font-weight: 700; width: 150px; font-size: 12px;}
.sub0101_wrap .con ul.his_li li p {font-size: 12px; color:#222; width: calc(100% - 160px);}
.sub0101_wrap .con ul.his_li li .img {padding-left: 40px; margin-top: 10px;}
.sub0101_wrap .con ul.his_li li .img img {height: 120px;}

/* sub0102 */
.sub0102_wrap .con01 .map_all{display:flex; gap:40px; flex-wrap:wrap; }
.sub0102_wrap .con01 .map_all .map_wrap{width:100%; }
.sub0102_wrap .con01 .map_all p{position:relative; margin-top:10px; padding:15px 20px; font-size:12px; color:#444; background:#ebebeb; }
.sub0102_wrap .con01 .map_all p::after{position:absolute; content:''; background:url(/images/sub/sub0102_icon01_mob.png)center right no-repeat; width:25px; height:25px; right:20px; bottom:11px;}

.sub0102_wrap .con01 .bot_wrap{margin-top:15px; padding:15px; display:flex; gap:10px 20px; justify-content: flex-start; flex-wrap:wrap; background:#941f32; }
.sub0102_wrap .con01 .bot_wrap p{position:relative; padding-left:10px; font-size:12px; color:#fff; }
.sub0102_wrap .con01 .bot_wrap p::before{position:absolute; content:''; width:4px; height:4px; background:#fff; left:0; top:8px; }

/* sub0102_new */
.sub0102_new_wrap .map_wrap iframe {width: 100%; height: 300px;}
.sub0102_new_wrap .txt_wrap {display: block;justify-content: space-between;margin-top: 20px;}
.sub0102_new_wrap .txt_wrap strong {font-size: 25px;color: #222;font-weight: 600;}
.sub0102_new_wrap .txt_wrap img{width: 150px;}
.sub0102_new_wrap .right_wrap {width: 100%;margin-top: 15px;}
.sub0102_new_wrap .right_wrap .right_box {padding: 20px;box-shadow: 2px 2px 10px rgba(0,0,0,.1);margin-bottom: 20px;}
.sub0102_new_wrap .right_wrap .right_box li {position: relative; padding-left: 10px; margin-bottom: 5px;}
.sub0102_new_wrap .right_wrap .right_box li:last-child {margin-bottom:0;}
.sub0102_new_wrap .right_wrap .right_box li::before {position: absolute; content:""; width: 3px ;height: 3px; border-radius: 50%; background: #941f32; top: 8px; transform: inherit; left: 0;}
.sub0102_new_wrap .right_wrap .right_box li span.tit {font-size: 12px;font-weight: 600;color: #941f32;width: auto;margin-right: 15px;display: inline-block; vertical-align:top;}
.sub0102_new_wrap .right_wrap .right_box li span.txt {font-size: 12px;color: #222; width: calc(100% - 65px); display: inline-block;}

/* sub0201 */
.sub0201_wrap .con01{display:block;}
.sub0201_wrap .con01 .search_wrap{padding:20px; display: flex; justify-content: space-between; align-items: center; width:100%; height:60px; border:1px solid #ddd; border-radius:35px; }
.sub0201_wrap .con01 .search_wrap input[type="text"].search_txt{width: calc(100% - 24px); font-size:12px; color:#888; border:0;}

.sub0201_wrap .con02{margin-top:30px; }
.sub0201_wrap .con02 ul.pd_list01{display:flex; gap:20px; flex-wrap:wrap; }
.sub0201_wrap .con02 ul.pd_list01 li{width:calc((100% - 20px)/2); }
.sub0201_wrap .con02 ul.pd_list01 li .img_wrap{text-align: center; position: relative; width: 100%; height:0; padding-bottom: 93.75%; overflow:hidden;}
.sub0201_wrap .con02 ul.pd_list01 li .img_wrap img{position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}

.sub0201_wrap .con02 ul.pd_list01 li .txt_wrap{padding:10px; border:1px solid #ddd; }
.sub0201_wrap .con02 ul.pd_list01 li .txt_wrap strong{font-size: 12px; color: #222; text-overflow: ellipsis; overflow: hidden;  word-break: break-word; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sub0201_wrap .con02 ul.pd_list01 li .txt_wrap .pay_info{margin:15px 0 20px; }
.sub0201_wrap .con02 ul.pd_list01 li .txt_wrap .pay_info p{font-size:12px; color:#555; }
.sub0201_wrap .con02 ul.pd_list01 li .txt_wrap em{display:block; font-size:15px; color:#941f32; text-align:right; font-weight:600;}

/* sub0201_view */
.pd_view_wrap .con01 .product_wrap{display:flex; gap:40px; overflow:hidden; flex-wrap:wrap;}
.pd_view_wrap .con01 .product_wrap .view_img {width:100%;}
.pd_view_wrap .con01 .product_wrap .big_img_wrap {position:relative; width:100%; height:auto; border:1px solid #eaeaea;}
.pd_view_wrap .con01 .product_wrap .big_img {width:100%; height:100%;}
.pd_view_wrap .con01 .product_wrap .big_img li{height:auto;}
.pd_view_wrap .con01 .product_wrap .big_img img{width:100%}
.pd_view_wrap .con01 .product_wrap .big_img li span {position: relative; display:block; width:100%; height:0; padding-bottom:93.75%; overflow:hidden;}
.pd_view_wrap .con01 .product_wrap .big_img li span img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; width:auto; height:auto;}

.pd_view_wrap .con01 .product_wrap .view_slider {position:relative; width:100%; margin-top:10px;}
.pd_view_wrap .con01 .product_wrap .view_slider li {cursor:pointer; margin-right:10px;}
.pd_view_wrap .con01 .product_wrap .view_slider li span {display:table-cell; width:125px; height:116px; border:1px solid #eaeaea; vertical-align:middle; text-align:center;}
.pd_view_wrap .con01 .product_wrap .view_slider li span img {display:inline-block !important; max-width:123px; max-height:114px; width:auto; height:auto;}
.pd_view_wrap .con01 .product_wrap .view_slider .slick-arrow {position:absolute; top:0; width:35px; height:100%; font-size:0; z-index:90;}
.pd_view_wrap .con01 .product_wrap .view_slider .slick-prev {left:0; background:rgba(195,47,52,0.7) url("/images/sub/view_prev.png") center no-repeat;}
.pd_view_wrap .con01 .product_wrap .view_slider .slick-next {right:0; background:rgba(195,47,52,0.7) url("/images/sub/view_next.png") center no-repeat;}

.pd_view_wrap .con01 .product_wrap .txt_wrap{width:100%;}
.pd_view_wrap .con01 .product_wrap .txt_wrap strong{padding-bottom:20px; display:block; font-size:15px; color:#222; border-bottom:2px solid #941f32; }

.pd_view_wrap .con01 .product_wrap .txt_wrap ul.pd_list02{padding:15px 0; border-bottom:1px solid #ddd; }
.pd_view_wrap .con01 .product_wrap .txt_wrap ul.pd_list02 li{position:relative; padding-left:15px; display:flex; gap:40px; font-size:12px; }
.pd_view_wrap .con01 .product_wrap .txt_wrap ul.pd_list02 li::before{position:absolute; content:''; width:4px; height:4px; background:#941f32; top:8px; left:0;}
.pd_view_wrap .con01 .product_wrap .txt_wrap ul.pd_list02 li ~ li{margin-top:20px;}
.pd_view_wrap .con01 .product_wrap .txt_wrap ul.pd_list02 li.pay_info{padding-bottom:15px; border-bottom:1px solid #ddd; }
.pd_view_wrap .con01 .product_wrap .txt_wrap ul.pd_list02 li em{display:inline-block; color:#222; width:60px; }
.pd_view_wrap .con01 .product_wrap .txt_wrap ul.pd_list02 li p{color:#666; width:calc(100% - 115px); }
.pd_view_wrap .con01 .product_wrap .txt_wrap ul.pd_list02 li div.num_btn{display:flex; gap:10px; }
.pd_view_wrap .con01 .product_wrap .txt_wrap ul.pd_list02 li div.num_btn span{display:inline-block; width:120px; height:30px; border:1px solid #ddd; font-size:12px; color:#666; text-align:center; line-height:30px; }

.pd_view_wrap .con01 .product_wrap .txt_wrap div.pay_total{margin:20px 0; display:flex; justify-content: space-between; padding:15px 20px; background:#f9f9f9; font-size:16px; color:#222; font-weight:600;}

.pd_view_wrap .con01 .product_wrap .txt_wrap div.btn_wrap{display:flex;}
.pd_view_wrap .con01 .product_wrap .txt_wrap div.btn_wrap button{width:50%; height:40px; text-align:center; font-size:12px; border:1px solid #941f32; color:#941f32;}
.pd_view_wrap .con01 .product_wrap .txt_wrap div.btn_wrap button:nth-child(2){background:#941f32; color:#fff; }

.pd_view_wrap .con02{margin-top:50px; }
.pd_view_wrap .con02 .click_all{margin-bottom:30px;}
.pd_view_wrap .con02 .click_all .click_btn{display:flex;}
.pd_view_wrap .con02 .click_all .click_btn li{width:50%; height:40px; text-align:center; border:1px solid #ddd; background:#fff; padding: 12px; font-size: 12px; cursor: pointer;}
.pd_view_wrap .con02 .click_all .click_btn li:first-child{border-right:0;}
.pd_view_wrap .con02 .click_all .click_btn li.on{border-top:2px solid #941f32; color:#941f32; font-weight: 600;}
.pd_view_wrap .con02 .click_con .sec p{font-size: 12px;}
.pd_view_wrap .con02 .click_con .sec p b:before{width: 7px; height: 7px;}
.pd_view_wrap .con02 .click_con .sec p b{font-size: 13px;}
/* sub0301 */
.sub0301_wrap {}
.sub0301_wrap i {display: none;}
.sub0301_wrap .con {}
.sub0301_wrap .con .img_wrap {text-align:center;}
.sub0301_wrap .con .img_wrap img {width: 100%;}
.sub0301_wrap .con .step_wrap {display: flex; flex-wrap:wrap; gap:20px; margin-top: 40px; padding: 0;}
.sub0301_wrap .con .step_wrap li {width: 100%; position: relative; display:flex; flex-wrap:wrap; gap: 0; align-items: center;}
.sub0301_wrap .con .step_wrap li .icon_wrap {width: 30%;}
.sub0301_wrap .con .step_wrap li .icon_wrap .icon {position: relative; margin:0 auto; width: 90px; height: 90px; background: #fff; border-radius: 50%; box-shadow: 0px 0px 15px rgba(148,31,50,0.1);}
.sub0301_wrap .con .step_wrap li .icon_wrap .icon img {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); height: 32px;}
.sub0301_wrap .con .step_wrap li p.p_con {width: 70%;font-size: 13px; color:#222; font-weight: 500; margin-top: 0; padding-left: 10px;}

/* sub0302 */
.sub0302_wrap{word-break:keep-all;}
.sub0302_wrap > .txt{line-height: 2; text-align: center; font-size: 14px; color: #222;} 
.sub0302_wrap > .txt strong{color: #941f32;}
.sub0302_wrap > .img{text-align: center; margin: 30px 0;}
.sub0302_wrap .top{text-align: center; font-size: 14px; color: #222; margin-bottom: 30px;}
.sub0302_wrap .top strong{color: #941f32;}
.sub0302_wrap p.tit{font-size: 18px; position: relative; color: #222; font-weight: 600; padding-left: 10px; margin-bottom: 10px;}
.sub0302_wrap p.tit:before{position: absolute; content: ''; width: 3px; height: 18px; background: #941f32; top:6px; left: 0; }

/* sub0302_2 */
.sub0302_2_wrap .box{display: flex; margin-bottom: 50px; align-items: center; border: 1px solid #ddd; flex-direction: column}
.sub0302_2_wrap .box:last-child{margin-bottom: 0;}
.sub0302_2_wrap .box .img{width: 100%;}
.sub0302_2_wrap .box .img img{width:100%;}
.sub0302_2_wrap .box .txt{padding:20px; width:100%;}
.sub0302_2_wrap .box .txt span{font-size: 18px; font-weight: 600; color: #941f32; display: block; margin-bottom: 5px;}
.sub0302_2_wrap .box .txt p{font-size: 12px; color: #222; line-height: 1.8;}

/* sub0302_3 */
.sub0302_3_wrap .box_wrap{display: flex; gap:20px 10px; flex-wrap:wrap;}
.sub0302_3_wrap .box_wrap .box{width: calc((100% - 20px)/2);}
.sub0302_3_wrap .box_wrap .box .img{text-align: center; position: relative; width: 100%; height:0; padding-bottom:57.16%; overflow:hidden; background: #f1f2f3;}
.sub0302_3_wrap .box_wrap .box .img img{position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.sub0302_3_wrap .box_wrap .box span{display: block; font-size: 11px; color: #222; margin-top:8px; word-break:keep-all;}

/* sub0302_4 */
.sub0302_4_wrap .box_wrap{display: flex; gap:30px; flex-wrap:wrap;}
.sub0302_4_wrap .box_wrap .box{width: 100%;}
.sub0302_4_wrap .box_wrap .box p.tit{font-size: 18px; position: relative; color: #222; font-weight: 600; padding-left: 10px; margin-bottom: 10px;}
.sub0302_4_wrap .box_wrap .box p.tit:before{position: absolute; content: ''; width: 3px; height: 18px; background: #941f32; top:6px; left: 0; }
.sub0302_4_wrap .box_wrap .box .img{text-align: center; position: relative; width: 100%; height:0; padding-bottom:57.16%; overflow:hidden; background: #f1f2f3;}
.sub0302_4_wrap .box_wrap .box .img img{position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.sub0302_4_wrap .box_wrap .box .txt{border: 1px solid #ddd; border-top: 0; padding:15px; word-break:keep-all; min-height: auto;}
.sub0302_4_wrap .box_wrap .box .txt span{font-size: 12px; color: #222; line-height: 2;}

/* sub0302_6 */
.sub0302_6_wrap .box_wrap .box span{margin-top: 0; font-weight: 400; color: #666;}
.sub0302_6_wrap .box_wrap .box .img{text-align: center; position: relative; width: 100%; height:0; padding-bottom:89.52%; overflow:hidden; background: #f1f2f3;}
.sub0302_6_wrap .box_wrap .box .img img{position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}

/* sub0302_7_wrap */
.sub0302_7_wrap .box{display: flex; margin-bottom: 50px; align-items: center; border: 1px solid #ddd; flex-direction:column;}
.sub0302_7_wrap .box:last-child{margin-bottom: 0;}
.sub0302_7_wrap .box .img{width: 100%; border: 2px solid var(--c01);}
.sub0302_7_wrap .box .img img{width:100%;}
.sub0302_7_wrap .box .txt{padding: 20px; width:100%;}
.sub0302_7_wrap .box .txt span{font-size: 18px; font-weight: 600; color: #941f32; display: block; margin-bottom: 5px;}
.sub0302_7_wrap .box .txt p{font-size: 12px; color: #222;line-height: 1.8;}

/* sub0303 */
.sub0303_wrap{word-break:keep-all;}
.sub0303_wrap i {display: none;}
.sub0303_wrap b {display: block;}
.sub0303_wrap .sec{margin-bottom: 30px;}
.sub0303_wrap .sec .con{border: 1px solid #ddd; text-align: center; padding:20px; border-radius:15px ;}
.sub0303_wrap .sec p{font-size: 12px; color: #222; margin-bottom: 20px;}
.sub0303_wrap .sec .img{width: 220px; margin: 0 auto;}
.sub0303_wrap .sec .img img{width: 100%;}
.sub0303_wrap .sec2{margin-bottom:30px;}
.sub0303_wrap .sec2 .box_wrap{display: flex; gap:10px; flex-wrap:wrap;}
.sub0303_wrap .sec2 .box_wrap .box{width: 100%; text-align: center; background: #f7f8f9; padding:20px 10px; border-radius:15px;}
.sub0303_wrap .sec2 .box_wrap2{display: block; margin-top: 10px;}
.sub0303_wrap .sec2 .box_wrap2 .box2{width: 100%; text-align: center; background: #f7f8f9; padding:20px 10px; border-radius:15px;}
.sub0303_wrap .sec2 .box_wrap2 .box2 p.p_point {color:var(--c01); font-weight: 700;}
.sub0303_wrap .sec2 .img{margin-bottom: 15px;}
.sub0303_wrap .sec2 .img img{height: 50px;}
.sub0303_wrap .sec2 p{font-size: 12px; color: #222;}
.sub0303_wrap .sec3 p{font-size: 12px; color: #222;}
.sub0303_wrap .sec3 .img{width: 100%; margin-top: 20px;}
.sub0303_wrap .sec3 .img img{width: 100%;}

/* sub0401 */
.sub0401_wrap .info_wrap{display: flex; flex-wrap:wrap; gap:20px;}
.sub0401_wrap .info_wrap .left{position: relative; width: 100%;}
.sub0401_wrap .info_wrap .left ul{position: absolute; top: 15px; left: 15px; display: flex; gap:5px;}
.sub0401_wrap .info_wrap .left ul li a{display: block; border: 1px solid #666; background: #fff; color: #666; font-size: 13px; padding:1px 5px; border-radius:3px;}
.sub0401_wrap .info_wrap .left .img_box{width: 100%; border:1px solid #ddd;}
.sub0401_wrap .info_wrap .left .img_box .img{position:relative; width:100%; padding-bottom:138%;}
.sub0401_wrap .info_wrap .left .img_box .img img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0401_wrap .popup-wrap{background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;display:none; z-index: 999999; padding: 10px;}
.sub0401_wrap .popup{ overflow:hidden; }
.sub0401_wrap .popup .body-contentbox{position: relative;}
.sub0401_wrap .popup .body-contentbox span{position: absolute; right: 15px; top: 5px; font-size: 40px; font-weight:400; color: #222; line-height: 1; cursor:pointer;}
.sub0401_wrap .info_wrap .right{width:100%;}
.sub0401_wrap .info_wrap .right strong.tit{ border-bottom: 1px solid #ddd; font-size: 20px; color: #222; display: block; margin-bottom: 15px; padding-bottom: 10px;}
.sub0401_wrap .info_list > div{display: flex; margin-bottom: 5px; align-items: center;}
.sub0401_wrap .info_list > div p{font-size: 13px; color: #222; font-weight: 500;/*  width: 70px; */ width: 110px;}
.sub0401_wrap .info_list > div em{font-size: 11px; color: #222; display: flex; align-items: center; gap:5px; width: calc(100% - 70px);}
.sub0401_wrap .info_list > div em input[type=text]{width: 90%;}
.sub0401_wrap .info_list > div span{display: block; margin-left: 5px;}
.sub0401_wrap .info_list > div span a{display: block; color: #fff; background: #941f32; width: 18px; height: 18px; border-radius:50%; font-size: 10px; text-align: center; line-height: 18px;}
.sub0401_wrap .info_box{border-top: 1px solid #222; text-align: right; margin-top: 15px; flex-direction: column; align-items: normal;}
.sub0401_wrap .info_box p{font-size: 16px; font-weight: 500; color: #222;}
.sub0401_wrap .info_box p:first-child{padding-top: 15px;}
.sub0401_wrap .info_box p em{font-size: 12px; color: #999; display: inline-block; margin-left: 5px;}
.sub0401_wrap .info_box em.point{font-size: 12px; width: 100%; text-align:right;}
.sub0401_wrap .info_box a{display: block; border: 1px solid #941f32; color: #941f32; text-align: center; padding: 8px; font-size: 12px; border-radius:5px; margin-top:10px;}
.sub0401_wrap .info_box em.point{font-size: 12px; padding: 10px 0;}
.sub0401_wrap .file_wrap{margin-top: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px;}
.sub0401_wrap .file_wrap p{color: #941f32; font-size: 12px; font-weight: 500;}
.sub0401_wrap .file_wrap .box{background: #f7f8f9; margin-top: 10px; text-align: center; font-size: 12px; color: #444; padding: 20px; display: flex; flex-direction: column; align-items: center; gap:5px;}
.sub0401_wrap .file_wrap input[type=file]{display: block; text-align: center; width: 150px; font-size: 11px;}
.sub0401_wrap .online_wrap ul.top{ display: flex;gap:5px;flex-wrap: wrap; margin: 10px 0 5px;}
.sub0401_wrap .online_wrap ul.top li{ display: flex;align-items: center;width: 100%;background: #f7f8f9;min-height: 50px;}
.sub0401_wrap .online_wrap ul.top li p{ width: 110px;padding-left: 10px;font-size: 12px;color: #222;font-weight: 500;}
.sub0401_wrap .online_wrap ul.top li input[type="text"] {height: 100%;border: 0;font-size: 11px;color: #222;padding: 0 10px;background: #f7f8f9;}
.sub0401_wrap .online_wrap .inquiry{width: 100%; background: #f7f8f9; min-height: 60px;	display: flex;}
.sub0401_wrap .online_wrap .inquiry p{ width: 110px;padding-left: 10px;font-size: 13px;color: #222;font-weight: 500; padding-top: 15px;}
.sub0401_wrap .online_wrap .inquiry textarea{height: 100%;border: 0;font-size: 13px;color: #222;padding: 10px;background: #f7f8f9; height: 140px;}
.sub0401_wrap .flex01 {width: calc(100% - 110px); outline: 0;}
.sub0401_wrap .btn_wrap{text-align: center; margin-top: 20px;}
.sub0401_wrap .btn_wrap a{display: inline-block; color: #fff; background: #941f32; font-size: 12px; width:140px; height: 45px; line-height:45px;}

.sub0401_wrap .min_pop{position: relative;} 
.sub0401_wrap .view01_con{display: none;position: absolute;top: 25px;right:0; padding: 10px; background:#fff; border:1px solid #ddd;z-index: 2000; border-radius:10px ; -webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); width: 325px; font-size: 10px; color: #941f32;}
.sub0401_wrap .view01_con.on{display: block;}
.sub0401_wrap .view02_con{display: none;position: absolute;top: 25px;right:0; padding: 10px; background:#fff; border:1px solid #ddd;z-index: 2000; border-radius:10px ; -webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); width: 325px; font-size: 10px; color: #941f32;}
.sub0401_wrap .view02_con.on{display: block;}
.sub0401_wrap .view03_con{display: none;position: absolute;top: 25px;right:0; padding: 10px; background:#fff; border:1px solid #ddd;z-index: 2000; border-radius:10px ; -webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); width: 325px; font-size: 10px; color: #941f32;}
.sub0401_wrap .view03_con.on{display: block;}
.sub0401_wrap .view04_con{display: none;position: absolute;top: 25px;right:0; padding: 10px; background:#fff; border:1px solid #ddd;z-index: 2000; border-radius:10px ; -webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); width: 325px; font-size: 10px; color: #941f32;}
.sub0401_wrap .view04_con.on{display: block;}
.sub0401_wrap .view05_con{display: none;position: absolute;top: 25px;right:0; padding: 10px; background:#fff; border:1px solid #ddd;z-index: 2000; border-radius:10px ; -webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); width: 325px; font-size: 10px; color: #941f32;}
.sub0401_wrap .view05_con.on{display: block;}
.sub0401_wrap .view06_con{display: none;position: absolute;top: 25px;right:0; padding: 10px; background:#fff; border:1px solid #ddd;z-index: 2000; border-radius:10px ; -webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); width: 325px; font-size: 10px; color: #941f32;}
.sub0401_wrap .view06_con.on{display: block;}
.sub0401_wrap .view07_con{display: none;position: absolute;top: 25px;right:0; padding: 10px; background:#fff; border:1px solid #ddd;z-index: 2000; border-radius:10px ; -webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.17); width: 325px; font-size: 10px; color: #941f32;}
.sub0401_wrap .view07_con.on{display: block;}

.sub0401_wrap .est_btn{margin-top: 15px;}
.sub0401_wrap .est_btn a{display: inline-block; background: #941f32; color: #fff; padding:4px 8px; font-size: 11px;}

/* sub0501 */
.sub0501_wrap{text-align: center;}
.sub0501_wrap .txt_box{margin-bottom: 30px; background: #f9f2f3; color: #941f32; font-size: 12px; padding: 20px ; text-align: center; display: inline-block; line-height: 2;}
.sub0501_wrap table tr:hover{background: #f9fafb;}
.sub0501_wrap table a{color: #222;}
.sub0501_wrap table .stat{background: #941f32; color: #fff; padding: 3px; border-radius:5px; }
.sub0501_wrap .search_wrap{text-align: left; margin-top: 10px; position: relative; width: 160px;}
.sub0501_wrap .search_wrap input[type=text]{border: 1px solid #ddd; outline: 0; font-size: 12px; color: #222; padding: 8px; width: 160px;}
.sub0501_wrap .search_wrap button{position: absolute; right: 10px; top: 50%; transform:translateY(-50%);}
.sub0501_wrap .search_wrap button img{width: 16px;}

.sub0501_wrap .seq_wrap {width: 100%; margin: 0 auto 30px;}
.sub0501_wrap .seq_wrap i {display: block;}
.sub0501_wrap .seq_wrap b {display: block;}
.sub0501_wrap .seq_wrap ul.seq_list {display: flex; flex-wrap:wrap;gap:10px 1px;}
.sub0501_wrap .seq_wrap ul.seq_list li {width: calc((100% - 6px) / 7); position: relative;}
.sub0501_wrap .seq_wrap ul.seq_list li:before {position: absolute; content:''; width: 0; height: 0; border-top: 4px solid transparent; border-left: 4px solid #941f32; border-bottom: 4px solid transparent; top:50%; right: -3px; transform:translateY(-50%);}
.sub0501_wrap .seq_wrap ul.seq_list li:last-child:before {display: none;}
.sub0501_wrap .seq_wrap ul.seq_list li > p {width: 40px; height: 40px; margin:auto; line-height: 1.2; font-size: 11px; font-weight: 500; color:#941f32; border-radius: 50%; border: 1px solid #941f32; background:#f9f2f3;}
.sub0501_wrap .seq_wrap p.p_point {text-align:center; font-size: 12px; color: #941f32; margin-top: 10px;}

/* sub0501_form */
.sub0501_form .form_tit{background: #f1f2f3; padding:20px; margin-bottom: 20px;}
.sub0501_form .form_tit em{font-size: 20px; color: #222; font-weight: 500; display: block;}
.sub0501_form .form_tit p{font-size: 11px; color: #941f32; margin-top: 5px;}
.sub0501_form .form_box{display: flex; border-bottom: 1px dashed #ddd; padding: 12px; font-size: 12px; color: #222;}
.sub0501_form .form_box em{display: block; width: 120px; position: relative; padding-left: 13px;}
.sub0501_form .form_box em:after{position: absolute; content: ''; width: 1px; height: 15px; background: #ddd; right: 0; top: 3px;}
.sub0501_form .form_box em:before{position: absolute; content: ''; width: 3px; height: 13px; background: #941f32; left: 0; top: 4px;}
.sub0501_form .form_box .txt{padding-left: 20px;}

/* ppw 개인결제창 */
.ppw_wrap .ppw_li {display: flex; flex-wrap:wrap; gap:30px 20px;}
.ppw_wrap .ppw_li li {width: calc((100% - 20px) / 2);}
.ppw_wrap .ppw_li li a {display: block;}
.ppw_wrap .ppw_li li .txt_wrap {text-align:center; margin-top: 5px;}
.ppw_wrap .ppw_li li .txt_wrap p.p_tit {font-size: 13px;}
.ppw_wrap .ppw_li li .txt_wrap p.p_size {font-size: 12px;}
.ppw_wrap .ppw_li li .txt_wrap p.price {font-size: 13px;}

 /* ppw_view 개인결제창 상세 */
.ppw_view_wrap .con01 .product_wrap .txt_wrap strong em.sm_tit {font-size: 12px;}
.ppw_view_wrap .con01 .product_wrap .txt_wrap div.btn_wrap2 button {background: #941f32; color:#fff; }
.ppw_view_wrap .con01 .product_wrap .txt_wrap ul.pd_list02 li em {width: 60px;}
.ppw_view_wrap .con01 .product_wrap .txt_wrap ul.pd_list02 li select {height: 30px;}
.ppw_view_wrap .con01 .product_wrap .txt_wrap ul.pd_list02 li .icon_wrap a:not(:last-child) {margin-right: 10px;}

/* sub0601 */
.sub0601_wrap {}
.sub0201_wrap .con02 ul.pd_list01 {gap:20px 10px;}
.sub0201_wrap .con02 ul.pd_list01 li {width: calc((100% - 10px) / 2);}
.sub0601_wrap .con02 ul.pd_list01 li .txt_wrap {border: 0px; padding: 0;}
.sub0601_wrap .con02 ul.pd_list01 li .txt_wrap strong {color:#941f32;}
.sub0601_wrap .con02 ul.pd_list01 li .txt_wrap .pay_info {margin: 0;}
.sub0601_wrap .con02 ul.pd_list01 li .txt_wrap .pay_info p {word-break:break-all;}

/* sub0601_view_wrap */
.sub0601_view_wrap {}
.sub0601_view_wrap .con {display: flex; flex-wrap:wrap; gap:30px; flex-direction: column-reverse;}
.sub0601_view_wrap .con .rt_con ul.rt_menu li {display: flex; flex-wrap:wrap; justify-content:space-between; padding: 10px; border-bottom:1px solid #ddd;}
.sub0601_view_wrap .con .rt_con ul.rt_menu li em {display: block; font-size: 12px; color:#222; font-weight: 700;}
.sub0601_view_wrap .con .rt_con ul.rt_menu li p.p_con {font-size: 12px; color:#555;}
.sub0601_view_wrap .con .rt_con .btn_wrap2 {display: flex; flex-wrap: wrap; margin-top: 20px;}
.sub0601_view_wrap .con .rt_con .btn_wrap2 button {width: 100%; border: 1px solid #941f32; color: #941f32; font-size: 12px; text-align:center; height: 40px; line-height: 39px;}
.sub0601_view_wrap .con .rt_con .btn_wrap2 button:nth-child(2) {background: #941f32; color:#fff;}

/* myoder_wrap */
.myoder_wrap h2{font-size:16px; color:#333; padding-bottom:20px; margin-left:15px;}
.myoder_wrap .inner{display:block flex; justify-content: space-between; flex-direction:column;}
.myoder_wrap .con1 .box1{width:100%; margin-top:20px;}
.myoder_wrap .con1 table{width:100%; flex-direction:column;text-align:center; }
.myoder_wrap .con1 table thead tr{ width:100%; /* display:block; justify-content:space-around; */ border-top:2px solid #941f32;}
.myoder_wrap .con1 table thead tr th{padding:10px 0px; color:#333; font-weight:500;text-align:center;}
.myoder_wrap .con1 table tbody tr td{padding:10px; text-align:center;}
.myoder_wrap .con1 table tbody tr .tdst01{display:flex; align-items:center; gap:30px;}
.myoder_wrap .con1 table tbody tr img{width:50%;}
.myoder_wrap .con1 .box1{border:3px solid #941f32;border-radius:20px; padding:20px; height:200px;}
.myoder_wrap .con1 .box1 .tit{padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #ddd;
font-size: 18px;color: #222;font-weight: 600;}
.myoder_wrap .con1 .box1 ul li{display: flex; flex-direciton:row; align-items: center; gap:30px;justify-content: flex-end;margin-bottom: 20px;}
.myoder_wrap .box1 ul li p{font-size: 14px;color: #444;font-weight: 500;}
.myoder_wrap .box1 ul li span{font-size: 14px;font-weight: 600;color: #222;}
.myoder_wrap .box1 ul .txt_red{font-size: 14px;font-weight: 800;color: #cc0000;}
.myoder_wrap .con2 {margin-top:40px;}
.myoder_wrap .con2 .box2{border-top:2px solid #941f32; width:95%; margin:0 auto;}
.myoder_wrap .con2 .box2 ul li p{width:30%; margin:10px 0; color:#333; font-size:12px;}
.myoder_wrap .con2 .box2 ul li{display: flex; flex-direciton:row; margin-top:20px;}
.myoder_wrap .con2 .box2 .add_wrap{display: flex;}
.myoder_wrap .con2 .box2 .add_wrap .txt_wrap{display: flex; flex-direction: column;}
.myoder_wrap .con2 .box2 .add_wrap .txt_wrap02 {display: flex; }
.myoder_wrap .con2 .box2 ul li input{width:40%;}
.myoder_wrap .con2 .box2 .add_wrap .txt_wrap{width:70%;}
.myoder_wrap .con2 .box2 .add_wrap .txt_wrap input{width:30%;}
.myoder_wrap .con3 {margin-top:40px;}
.myoder_wrap .con3 .box2{border-top:2px solid #941f32; width:95%; margin:0 auto;}
.myoder_wrap .con3 .box2 ul li p{width:30%; margin:10px 0; color:#333; font-size:12px;}
.myoder_wrap .con3 .box2 ul li{display: flex; flex-direciton:row; margin-top:20px;}
.myoder_wrap .con3 .box2 .add_wrap{display: flex;}
.myoder_wrap .con3 .box2 .add_wrap .txt_Wrap{display: flex; flex-direciton:column;}
.myoder_wrap .con3 .box2 .add_wrap .txt_Wrap02 {display: flex; }
.myoder_wrap .con3 .box2 ul li input{width:40%;}
.myoder_wrap .con3 .box2 .add_wrap .txt_wrap{width:70%;}
.myoder_wrap .con3 .box2 .add_wrap .txt_wrap input{width:30%;}
.myoder_wrap .box2 .check_box {display:flex; align-items:center; gap:10px;}
.myoder_wrap .con3 .box2 .check_box input{width:15px;}
.myoder_wrap .con3 .box2 ul .box03 input{height:100px; width:70%;}
.myoder_wrap .con4 {margin-top:40px;}
.myoder_wrap .con4 .box2{border-top:2px solid #941f32; width:95%; margin:0 auto;}
.myoder_wrap .con4 .box2 ul li p{width:30%; margin:10px 0; color:#333; font-size:12px;}
.myoder_wrap .con4 .box2 ul li{display: flex; flex-direciton:row; margin-top:20px;}
.myoder_wrap .btn_box {display: flex;margin-top: 65px;gap:15px;justify-content: center;}
.myoder_wrap .btn_box a{display: block;width: 80px;height: 35px;border-radius: 66px;text-align: center;line-height: 36px;font-size: 14px;color: #fff;background: #941f32;}
.myoder_wrap .btn_box a:nth-child(1){color: #222;background: #fff;border: 2px solid #941f32;}


/* 주문내역 확인 */
.mylist_wrap table.tbl01 tr{border-bottom:1px solid #ddd; }
.mylist_wrap table.tbl01 tr th{padding:15px 0; background:#f9f9f9; font-size:13px; color:#222;}
.mylist_wrap table.tbl01 tr td{padding:15px 0; font-size:12px; color:#555; text-align:center; word-break:keep-all; }
.mylist_wrap table.tbl01 tr td button.btn01{width:50px; height:30px; background:#222; font-size:10px; color:#fff; }

/* estimate */
p.est_txt {font-size: 13px; margin-bottom: 25px;}
.estimate_wrap{display: flex; flex-wrap:wrap; gap:25px 10px; justify-content: center}
.estimate_wrap dl{width:100%;}
.estimate_wrap dl span img{width: 100%;}
.estimate_wrap dd{display: flex; justify-content: space-between; margin-top: 10px; font-size: 14px; align-items: center;}
.estimate_wrap dd h4{color: #222; font-weight: 500;}
.estimate_wrap dd a{background: #941f32; font-size: 11px; color: #fff; display: block; line-height: 1; padding:6px;}
}