@charset "UTF-8";
/* common.css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


body {
  line-height: 1.5;
  font-size: 16px;
  font-family: "Noto Sans KR", sans-serif;
  color: #000;
  word-break: keep-all;
  word-wrap: break-word;
  overflow-x:hidden;
}

dl, ul, ol, menu, li {
  list-style: none;
}

fieldset, img {
  border: 0 none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

table {
  width: 100%;
  /* table-layout: fixed; */
  border-collapse: collapse;
  border-spacing: 0;
}


caption, th, td {
  text-align: left;
  font-weight: normal;
}

figure, article, header, footer, nav, hgroup, video, audio, aside, main {
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

a:active, a:hover, a:focus {
  text-decoration: none;
}

address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input, select, textarea, button {
  vertical-align: middle;
  color: inherit;
  resize: none;
}

/* INPUT */
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=number],
input[type=search],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  font-family: inherit;
  line-height: inherit;
}

input[type=radio] {
  border-radius: 100%;
}

input[type=submit], input[type=button], button {
  border: 0;
  padding: 0;
  font-family: inherit;
  background-color: transparent;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

/* PLACEHOLDER */
::-webkit-input-placeholder {
  font-family: inherit;
  color: #aaa;
}

::-moz-placeholder {
  font-family: inherit;
  color: #aaa;
}

:-ms-input-placeholder {
  font-family: inherit;
  color: #aaa;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: transparent;
}

/* HTML5 RESET */
article, aside, details, figcaption, figure, footer, header, menu, nav, section, video {
  display: block;
}

address, caption, em, i {
  font-style: normal;
  font-weight: normal;
}

iframe, embed, object, video {
  max-width: 100%;
}


/* Common */
.hide{width:1px;height:1px;line-height:1;font-size:1px;overflow:hidden;text-indent:-9999px;display:block;position:absolute;left:-9999px;}

/*font*/
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
       url(/fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
        url(/fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
        url(/fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url(/fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
        url(/fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
        url(/fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'GmarketSans';
   font-style: normal;
   font-weight: 300;
   src: url(/fonts/GmarketSansTTFLight.woff) format('woff'),
		url(/fonts/GmarketSansLight.otf) format('opentype');
}
@font-face {
   font-family: 'GmarketSans';
   font-style: normal;
   font-weight: 500;
   src: url(/fonts/GmarketSansTTFMedium.woff) format('woff'), 
		url(/fonts/GmarketSansMedium.otf) format('opentype');
}
@font-face {
   font-family: 'GmarketSans';
   font-style: normal;
   font-weight: 700;
   src: url(/fonts/GmarketSansTTFBold.woff) format('woff'),
		url(/fonts/GmarketSansBold.otf) format('opentype');
}

/*root*/
:root {
    --vh: 100%;
	--main_color:#ff3d45;
	--border_color_default:#d4d4d4;
}

body{font-family: 'Noto Sans KR';}

/* #skipNavi{position:absolute;margin:0 auto;width:100%;list-style:none;font-size:1.15em;top:-10.5em;left:0;z-index:999999;}
#skipNavi a:active,
#skipNavi a:focus{position:absolute;padding-top:0.5em;width:100%;height:2em;top:10.5em;text-align:center;color:#000;font-weight:bold;background:#fff;border-bottom:1px solid #475470;outline:0;z-index:999999;}
#wrap{font-family:'Noto Sans KR', '맑은 고딕', sans-serif;-webkit-text-size-adjust:100%;font-weight:400;line-height:150%;}

input, textarea, select{font-family:'Noto Sans KR', '맑은 고딕', sans-serif;}

input[type="text"], input[type="pasword"]{font-family:'Noto Sans KR', '맑은 고딕', sans-serif;}
input::placeholder{font-family:'Noto Sans KR', '맑은 고딕', sans-serif;font-size: 16px;color: #888888;}
textarea::placeholder{font-family:'Noto Sans KR', '맑은 고딕', sans-serif;font-size: 16px;color: #888888;} */
select{border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/}

/* layout */
#header{z-index:31000; padding:0 50px; position:fixed!important; top:0px; left:0; right:0; background:none; }
#header .inner{width:100%;margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
#header .inner h1 > a > img{width:auto; height:55px;}
#header .inner .gnb{display:flex; justify-content:center; align-items:center;}
#header .inner .gnb > ul{display:flex; justify-content:center; align-items:center; gap:120px;}
#header .inner .gnb > ul > li{font-family: 'Noto Sans KR', sans-serif;position:relative; border-bottom:3px solid rgba(0,0,0,0);}
#header .inner .gnb > ul > li > a{font-family: 'Noto Sans KR', sans-serif;font-size:20px;color:#000;letter-spacing:-2px;height:90px;font-weight:500;line-height:90px;-webkit-transition:all .3s;transition:all .3s;display:block;}
#header .inner .gnb > ul > li > a:hover{font-weight:700;}
#header .inner .gnb > ul > li > a:focus{font-weight:700;}
#header .inner .gnb > ul > li > a.on{font-weight:700;}
#header .inner .gnb > ul > li:hover > a{font-weight:700;}
#header .inner .gnb > ul > li > .gnb_sub{display:none;position:absolute;left:0;right:0;top:90px;z-index:1002;padding:20px 0}
#header .inner .gnb > ul > li > .gnb_sub > ul > li > a{display:block;font-size:17px;color:#333;font-weight:500;line-height:2.94;letter-spacing:-1px;position:relative;-webkit-transition:all .3s;transition:all .3s;white-space : nowrap;}
#header .inner .gnb > ul > li > .gnb_sub > ul > li > a:hover{color:#ff3d45;}
#header .inner .gnb > ul > li > .gnb_sub > ul > li > a:focus{color:#ff3d45;}
#header .inner .gnb > ul > li > .gnb_sub > ul > li > a.on{color:#ff3d45;}
#header .inner .gnb > ul > li > .gnb_sub > ul > li:hover > a{color:#ff3d45;}
#header .gnb_bg{display:none;position:absolute;left:0;top:93px;right:0;background:rgba(255,255,255,1);height:300px;padding:60px 0;z-index:1001;}
.body_bg{display:none;position:fixed;left:0;top:90px;right:0;background:rgba(0,0,0,0.5);height:100vh;z-index:11;}
#header .inner .mymenu{}
#header .inner .mymenu ul{overflow:hidden;}
#header .inner .mymenu ul li{float:left;margin-left:10px;}
#header .inner .mymenu ul li a{display:block;}
#header .inner .mymenu ul li a.btn_login{text-indent:-9999px;background:url(../img/ico_login.png) no-repeat center center;width:45px;height:45px;}
#header .inner .mymenu ul li a.btn_logout{text-indent:-9999px;background:url(../img/ico_logout.png) no-repeat center center;width:45px;height:45px;}
#header .header_rt{display: flex; justify-content: flex-end; align-items: center; gap: 20px;}
#header .logo_btn{display: flex; align-items: center; gap: 20px;}
#header .logo_btn a{display: block; font-size: 0;}
#header .logo_btn a.logo1 img{height: 24px;}
#header .logo_btn a.logo2 img{height: 38px;}
.m_header{display:none;z-index:31000;position:fixed;top:0; left:0; right:0;}
.m_header .m_header_inner{width:100%;padding:20px;}
.m_header .m_header_inner h1{width:fit-content;}
.m_header .m_header_inner h1 > a{display:block;height:40px; width:fit-content;}
.m_header .m_header_inner h1 > a > img{height:100%; width:auto;}
.m_header .mymenu ul{overflow:hidden;}
.m_header .mymenu ul li{float:left;margin-left:0;}
.m_header .mymenu ul li a{display:block;}
.m_header .mymenu ul li a img{height:35px;}
.m_header .mymenu  ul li .fullmenu_icon_area{width:35px; height:25px; display:flex; flex-direction:column; justify-content:space-between;}
.m_header .mymenu  ul li .fullmenu_icon_area .fullmenu_icon_line{width:100%; height:3px; background-color:#fff;}
.m_header .mymenu  ul li .fullmenu_icon_area .fullmenu_icon_line:nth-child(3){width:60%;}

.m_header .mymenu ul li a.open_fullmenu img{height:18px;padding:8px;}
.m_header .fullmenu{position:absolute;top:0px;right:-800px;bottom:0;background:rgba(0,0,0,0.5);z-index:50000;width:100%; min-height:calc(var(--vh, 1vh) * 100);height:100%; transition:all 0.3s ease;background:#fff; display:none; overflow-y:auto!important;}
.m_header .fullmenu .inner{display:flex; flex-direction:column; justify-content:space-between; min-height:calc(var(--vh, 1vh) * 100);height:100%;padding:0 40px;overflow-y:auto!important;}
.m_header .fullmenu .inner .inner_firstBox{}
.m_header .fullmenu .inner .fullmenu_list{height:100%; margin-bottom:50px;}

.m_header .fullmenu .inner .top_area{padding:10px 0px; display:flex; justify-content:space-between; align-items:center; margin-bottom:110px;}
.m_header .fullmenu .inner .top_area h1 a{width:80%; height:40px;}
.m_header .fullmenu .inner .top_area h1 a img{width:auto; height:40px;}
.m_header .fullmenu .inner .btn_close{width:33px; height:33px; position:relative;}
.m_header .fullmenu .inner .btn_close::before, .m_header .fullmenu .inner .btn_close::after{position: absolute;right:0px;content:' ';height: 33px;width: 4px;background-color: #000;}
.m_header .fullmenu .inner .btn_close::before{transform: rotate(45deg);}
.m_header .fullmenu .inner .btn_close::after{transform: rotate(-45deg);}
.m_header .fullmenu .inner .fullmenu_list > ul{display:flex; flex-direction:column; gap:20px;}
.m_header .fullmenu .inner .fullmenu_list > ul > li{}
.m_header .fullmenu .inner .fullmenu_list > ul > li > a{display:block;font-size:48px; font-weight:900;letter-spacing:-2.4px;color:#000; line-height:1.2; margin-bottom:30px;}
.m_header .fullmenu .inner .fullmenu_list > ul > li > a.on{color:#ff3d45;}
.m_header .fullmenu .inner .fullmenu_list > ul > li > .gnb_sub{display:none;padding:10px 0px 60px;} 
.m_header .fullmenu .inner .fullmenu_list > ul > li > .gnb_sub > ul > li > a{display:block;font-size:28px; font-weight:500;padding:40px 0 0px;position:relative;letter-spacing:-1.4px;color:#000;}
.m_header .fullmenu .inner .fullmenu_list > ul > li > .gnb_sub > ul > li:first-child > a{border-top:4px solid #ff3d45;}

.m_header .fullmenu .inner .search_sns{height:fit-content;}
.m_header .fullmenu .inner .search_sns .search_area{height:70px;margin-bottom:70px;}
.m_header .fullmenu .inner .search_sns .search_area a{display:flex; align-items:center; gap:20px; height:100%; color:#000;}
.m_header .fullmenu .inner .search_sns .search_area p{font-weight:600; font-size:30px; letter-spacing:-2px;color:#000;line-height:1.2;}
.m_header .fullmenu .inner .search_sns .sns_area{height:fit-content;display:flex; gap:50px; align-items:center;margin-bottom:80px; flex-direction:row;}
.m_header .fullmenu .inner .search_sns .sns_area a{display:flex; justify-content:center;align-items:center;height:48px;}

/*푸터*/
#footer{border-top:1px solid #d4d4d4;background:#fff;}
#footer .inner{padding:100px 50px;max-width:1380px;margin:0 auto; display:flex; justify-content:space-between;}
#footer .inner .foot_info{}
#footer .inner .foot_info ul{overflow:hidden;margin-bottom:40px; display:flex; flex-wrap:wrap; gap:5px 35px; align-items:center;}
#footer .inner .foot_info ul li{}
#footer .inner .foot_info ul li a{display:block;font-size:20px;font-weight:600;color:#000;line-height:150%;letter-spacing:-1.5px;-webkit-transition:all .3s;transition:all .3s;}
#footer .inner .foot_info ul li a:hover{color:#969696;}
#footer .inner .foot_info .address{font-size:16px;color:rgba(0,0,0,0.6);line-height:150%;letter-spacing:-1px;margin-bottom:40px;}
#footer .inner .foot_info .address p:nth-child(1){margin-bottom:10px;}
#footer .inner .foot_info .address p:nth-child(2){color:#666666;}
#footer .inner .foot_info .copyright{font-size:16px;color:rgba(0,0,0,0.6);line-height:150%;letter-spacing:-1px;}
#footer .inner .logo_sns{text-align:right; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end;}
#footer .inner .logo_sns .foot_sns{display:flex; align-items:center; gap:25px;}
#footer .inner .foot_logo_inner{display: flex; flex-direction: column; align-items: flex-end; gap: 20px;}
#footer .inner .foot_logo_inner a{display: inline-block; font-size: 0;}
#footer .inner .foot_logo_inner a img{width: max-content;}
#footer .inner .foot_logo2{display:none;}
#footer .inner .foot_logo2 a{display: block; font-size: 0;}
#footer .inner .foot_logo2 a + a{margin-top: 10px; width: 110px;}
#footer .inner .logo_sns .copyright2{display:none; font-size:16px;color:rgba(0,0,0,0.6);line-height:150%;letter-spacing:-1.88px;}

#footer .select {position: relative; height: max-content; margin-left: 10px; margin-right: 10px;}
#footer .select_box {position: relative; padding: 15px; width: 240px; font-size: 14px; color: #666; border: 1px solid #e3e3e3; background-color: #fff; border-radius: 6px; cursor: pointer;}
#footer .select_box::after {position: absolute; top: 23px; right: 15px; width: 10px; height: 6px; background: url('/img/arr_down.png') no-repeat 0 0; background-size: cover; /* transform: rotate(180deg); */ transform: rotate(0deg); content: "";}
#footer .select_box:hover {color: #333; border: 1px solid #666;}
#footer .select_box.-active {color: #333; border: 1px solid #666;}
#footer .select_box.-active::after {/* transform: rotate(0deg); */ transform: rotate(180deg);}
#footer .select_pop {position: absolute; top: -404%; left: 0; z-index: 100; width: 240px; max-height: 210px; background: #fff; border: 1px solid #666; border-radius: 4px; overflow: overlay !important;}
#footer .-active {display: block !important;}
#footer .-hide {display: none !important;}
#footer .select_pop::-webkit-scrollbar {width: 15px; background: transparent;}
#footer .select_pop::-webkit-scrollbar-track {margin-top: 5px; margin-bottom: 5px; border-radius: 15px;}
#footer .select_pop::-webkit-scrollbar-thumb {background: #cccccc; border-radius: 15px; background-clip: padding-box; border: 5px solid transparent;}
#footer .select_item_title {padding: 7px; font-size: 16px; text-align: center; font-weight: 700; color: #000; background: #e8e8e8;}
#footer .select_link {display: block; padding: 15px; font-size: 15px; color: #333;}
#footer .select_link {display: block; padding: 9px 10px; font-size: 15px; color: #333;}
#footer .select_link:hover {background: #f3f5f7;}
#footer .select .tabs_button {width: 100%; border: none; color: #333; text-align: left;}
#footer .select .tabs_button.-active {border: none; color: #333; background-color: transparent;}

/*서브*/
#contents{padding: 100px 0 150px;}
#contents .inner{max-width: 1320px;margin: 0 auto;}
#contents .inner.qa_padding{padding:0 20px;}
#contents h2.tit{text-align: center;font-size: 34px;color: #333;line-height: 150%;font-weight:600;padding-bottom: 40px;letter-spacing:-2px;}
#contents h2.tit span{display: block;font-size: 18px;color: #333;padding-top: 30px;line-height: 150%;}
.sub_top{background-position:center top;background-repeat:no-repeat;background-size:cover;height:350px;position:relative;border-bottom:1px solid #ddd;display:flex;justify-content:center; align-items:flex-end;overflow:hidden;}
.sub_top .inner2{display: inline-block;max-width:1320px;padding:0 20px; width:100%; margin-bottom:83px;}
.sub_top h1{font-size:48px;color:#fff;line-height:100%;font-weight:600;letter-spacing:-1px;margin-bottom: 30px;}
.sub_top span{display: block;font-size: 20px;color: #fff;font-weight: 400;line-height:120%;letter-spacing:-1px;}
.sub_tab{width: 100%; height:80px; border-bottom:1px solid var(--border_color_default); margin: 0 auto; display:flex; align-items:center; justify-content:center;}
.sub_tab ul{width:100%;max-width:1280px; height:100%; display:flex; align-items:center; justify-content:center;}
.sub_tab ul li{width:50%; height:100%;  text-align:center;}
.sub_tab ul li a{width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:22px; color:#888888; font-weight:400; line-height: 1.27;letter-spacing: -1.1px;}
.sub_tab ul li.on{border-bottom:3px solid var(--main_color);}
.sub_tab ul li.on a{color:var(--main_color);height:calc(100% + 3px);}

.sub_tab2{width: 100%; height:80px; border-bottom:1px solid var(--border_color_default); margin: 0 auto; display:flex; align-items:center; justify-content:center;}
.sub_tab2 ul{width:100%;max-width:1280px; height:100%; display:flex; align-items:center; justify-content:center;}
.sub_tab2 ul li{width:calc(100% / 3); height:100%;  text-align:center;}
.sub_tab2 ul li a{width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:22px; color:#888888; font-weight:400; line-height: 1.27;letter-spacing: -1.1px;}
.sub_tab2 ul li.on{border-bottom:3px solid var(--main_color);}
.sub_tab2 ul li.on a{color:var(--main_color);height:calc(100% + 3px);}

.sub_tab3{width: 100%; height:80px; border-bottom:1px solid var(--border_color_default); margin: 0 auto; display:flex; align-items:center; justify-content:center;}
.sub_tab3 ul{width:100%;max-width:1280px; height:100%; display:flex; align-items:center; justify-content:center;}
.sub_tab3 ul li{width:calc(100% / 5); height:100%;  text-align:center;}
.sub_tab3 ul li a{width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:22px; color:#888888; font-weight:400; line-height: 1.27;letter-spacing: -1.1px;}
.sub_tab3 ul li.on{border-bottom:3px solid var(--main_color);}
.sub_tab3 ul li.on a{color:var(--main_color);height:calc(100% + 3px);}

/*서브 탑 배경이미지*/
.sub_top .sub_top_bg2_1{ width:100%; height:100%; background-image:url('/img/introduce_topbg1.png'); background-position: center center; background-size:cover; background-repeat:no-repeat; position:absolute; top:0; left:0; right:0;  transition: all 2.5s ease; transform: scale(1.05);}
.sub_top .sub_top_bg2_1.zoom{transform: scale(1); /* 원래 크기로 줄어들기 */}

.sub_top .sub_top_bg3_1{ width:100%; height:100%; background-image:url('/img/enjoy_topbg2.png'); background-position: center center; background-size:cover; background-repeat:no-repeat; position:absolute; top:0; left:0; right:0;  transition: all 2.5s ease; transform: scale(1.05);}
.sub_top .sub_top_bg3_1.zoom{transform: scale(1); /* 원래 크기로 줄어들기 */}

.sub_top .sub_top_bg4_1{ width:100%; height:100%; background-image:url('/img/news_topbg2.png'); background-position: center center; background-size:cover; background-repeat:no-repeat; position:absolute; top:0; left:0; right:0;  transition: all 2.5s ease; transform: scale(1.05);}
.sub_top .sub_top_bg4_1.zoom{transform: scale(1); /* 원래 크기로 줄어들기 */}

.sub_top .sub_top_bg5_1{ width:100%; height:100%; background-image:url('/img/story_topbg.png'); background-position: center center; background-size:cover; background-repeat:no-repeat; position:absolute; top:0; left:0; right:0;  transition: all 2.5s ease; transform: scale(1.05);}
.sub_top .sub_top_bg5_1.zoom{transform: scale(1); /* 원래 크기로 줄어들기 */}

.sub_top .sub_top_bg6_1{ width:100%; height:100%; background-image:url('/img/bg_sub_top09.jpg'); background-position: center center; background-size:cover; background-repeat:no-repeat; position:absolute; top:0; left:0; right:0;  transition: all 2.5s ease; transform: scale(1.05);}
.sub_top .sub_top_bg6_1.zoom{transform: scale(1); /* 원래 크기로 줄어들기 */}


/*버튼*/
.btn_black{transition:all 0.3s ease; width:200px; height:60px;font-size:18px; font-weight:500; letter-spacing: -0.9px; line-height:1; color:#000; display:flex; justify-content:center; align-items:center; gap:15px; border:1px solid #000; background:#fff;}
.btn_black .arrow_svg_pc{display:none;width:0px;}
.btn_black .arrow_svg_pc_color{width:8px; height:100%; display:flex; justify-content:center; align-items:center; }
.btn_black .arrow_svg_m{display: none;width:0px;}

.btn_border{transition:all 0.3s ease;width:150px; height:60px; background-color:#fff; border:1px solid #000; font-size:18px; font-weight:500; letter-spacing: -0.9px; display:flex; justify-content:center; align-items:center;}
.list_btn{background-color:#292929; color:#fff; width:200px; height:60px;font-size:18px; font-weight:500; letter-spacing: -0.9px; line-height:1;display:flex; justify-content:center; align-items:center; gap:15px;}

#board_btn .list_btn{margin:0 auto; border-radius:0;border:none; background-color:#292929; color:#fff; width:200px; height:60px;font-size:18px; font-weight:500; letter-spacing: -0.9px; line-height:1;display:flex; justify-content:center; align-items:center; gap:15px;}


.detail_title_wrap .btn_black{width:160px;}
/*텍스트 스타일*/
span.text_bold{font-weight:600;}

/*페이징*/
.pagination_wrap{display:flex; align-items:center;width:100%; justify-content:center;}
.pagination_wrap .paging_group{display:flex; align-items:center;gap:10px;padding:0 10px;}
.pagination_wrap .paging_group li{width:45px; height:45px; border-radius:100%; display:flex; justify-content:center; align-items:center;}
.pagination_wrap .paging_group li a{width:100%; height:100%;border-radius:100%; font-size:18px; font-weight:400; color:rgba(0,0,0,0.5);display:flex; justify-content:center; align-items:center;}
.pagination_wrap .paging_group li.on a{color:#fff; background-color:var(--main_color);}
/* .pagination_wrap .arr_next{width:8px;} */
.pagination_wrap .arr_first{height:25px;display:flex;justify-content:center; align-items:center;padding-top:0.5px;}
.pagination_wrap .arr_first img{width:auto; height:100%;}
.pagination_wrap .arr_next.btn.next{display:flex;justify-content:center; align-items:center;width:25px; height:25px;}
.pagination_wrap .arr_next.btn.next img{height:100%; width:auto;}
.pagination_wrap .arr_next.btn.prev img{height:100%; width:auto;}
.pagination_wrap .arr_next.btn.prev{display:flex;justify-content:center; align-items:center; width:25px; height:25px;}

/*공유하기 팝업*/
.share_pop{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 60000;display: none;}
.share_pop .in{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index: 61000;width: 500px;background:#fff; display:flex; flex-direction:column;}
.share_pop .in .pop_tit{border-bottom:1px solid var(--main_color); margin: 0 40px; padding-bottom:35px;line-height: 150%;font-size: 30px; font-weight:600;color: #000;}
.share_pop .in .pop_cont{background: #fff;padding: 40px 0 52px;text-align: center;}
.share_pop .pop_btn_close{background:#fff;width:100%; padding:20px 20px 0; display:flex; justify-content:flex-end;}
.share_pop .in .pop_cont .icon_share ul{display:flex; justify-content:space-between; align-items:center; padding:0 80px;}
.share_pop .in .pop_cont .icon_share ul li{}
.share_pop .in .pop_cont .icon_share ul li a{display: block;}
.share_pop .in .pop_cont .icon_share ul li div{cursor:pointer;}
.share_pop .in .pop_cont .icon_share ul li p{font-size:18px; font-weight:400; color:#000; text-align: center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:25px;}
.share_pop .in .pop_cont .icon_share ul li span{display: block;text-align: center;font-size: 14px;color: #616161;padding: 10px 0;}
.share_pop.route .in{width: 502px; height:300px;}
.share_pop.route .in .pop_tit{background: #fff;}
.share_pop .in .pop_cont .icon_share ul li p img{height:56px; width:auto;}

.share_pop .in .pop_cont .icon_types ul{display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:40px; padding:0 40px;}
.share_pop .in .pop_cont .icon_types ul li p{font-size:18px; font-weight:400; color:#000; text-align: left; display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; gap:25px;}
.share_pop .in .pop_cont .icon_types ul li p img{width:62px; height:auto;}
.share_pop .in .pop_cont .icon_types ul li p.type_name{font-size:24px; font-weight:600;}
.share_pop .in .pop_cont .icon_types ul li p.type_detail{margin-left:86px; margin-top:-20px; line-height:26px;font-size:18px;}
.share_pop .in .pop_cont .icon_types ul li:nth-child(2) p.type_detail{margin-top:-5px;}

.share_pop .in .types_cont{padding:40px 0 49px;}

/* .share_pop .in .pop_cont .input{max-width: 300px;margin: 0 auto;position: relative;}
 *//* .share_pop .in .pop_cont .input input:focus{outline: none;}
.share_pop .in .pop_cont .input input[type="text"]{width: 98%;background: none;border: 0;height:44px;line-height:44px;border: 3px solid #31BB8C;border-radius: 10px;text-indent: 10px;}
.share_pop .in .pop_cont .input button{position: absolute;right: 0;top: 0;border: 0;font-size: 14px;color: #fff;text-align: center;height: 47px;line-height: 50px;padding: 0 15px;border-radius: 0 10px 10px 0;}
 *//* .share_pop .in .pop_cont em{display: block;font-size: 13px;color: #949494;text-align: center;padding-top: 5px;}
 *//* .share_pop .in .pop_btn_close{position: absolute;right: 20px;top: 10px;}
 */
/* .share_pop.route em{color: #5F5F5F;} */


/* pop */
.pop_password{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 100;display: none;font-family:'Noto Sans KR', '맑은 고딕', sans-serif;}
.pop_password .in{position:absolute;left:50%;top:40%;right: 0;z-index: 100;width: fit-content;height: fit-content;background: #fff;padding: 45px 30px 40px;border-radius: 30px; transform:translate(-50%, -40%);}
.pop_password .pop_tit{font-size: 21px;color: #333;border-bottom: 3px solid #ff3d45;padding-bottom: 15px;font-weight: 600;}
.pop_password .pop_cont{margin-top: 40px;}
.pop_password .pop_cont .input input[type="password"]{width: 100%;background: none;border: 0;height:50px;line-height:50px;border: 2px solid #ff3d45;text-indent: 20px;}
.pop_password .pop_cont .btn_group{margin-top: 20px;}
.pop_password .pop_cont .btn_group a{display: inline-block;font-size: 18px;border-radius: 20px;width: 125px;margin: 0}

/* 추가팝업 */
/* .share_pop{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 100;display: none;}
.share_pop .in{position:absolute;left:50%;top:50%;right: 0;z-index: 100;width: 500px;margin-left: -250px;margin-top: -133px;}
.share_pop .in .pop_tit{text-align: center;padding: 12px 0;line-height: 150%;font-size: 18px;color: #fff;background: #31BB8C;border-radius: 10px 10px 0 0;}
.share_pop .in .pop_cont{background: #F6F6F6;border-radius: 0 0 10px 10px;padding: 35px 0;text-align: center;}
.share_pop .in .pop_cont .icon_share{}
.share_pop .in .pop_cont .icon_share ul{text-align: center;}
.share_pop .in .pop_cont .icon_share ul li{display: inline-block;margin: 0 25px;}
.share_pop .in .pop_cont .icon_share ul li a{display: block;}
.share_pop .in .pop_cont .icon_share ul li p{text-align: center;}
.share_pop .in .pop_cont .icon_share ul li span{display: block;text-align: center;font-size: 14px;color: #616161;padding: 10px 0;}
.share_pop .in .pop_cont .input{max-width: 300px;margin: 0 auto;position: relative;}
.share_pop .in .pop_cont .input input:focus{outline: none;}
.share_pop .in .pop_cont .input input[type="text"]{width: 98%;background: none;border: 0;height:44px;line-height:44px;border: 3px solid #31BB8C;border-radius: 10px;text-indent: 10px;}
.share_pop .in .pop_cont .input button{position: absolute;right: 0;top: 0;background: #31BB8C;border: 0;font-size: 14px;color: #fff;text-align: center;height: 47px;line-height: 50px;padding: 0 15px;border-radius: 0 10px 10px 0;}
.share_pop .in .pop_cont em{display: block;font-size: 13px;color: #949494;text-align: center;padding-top: 5px;}
.share_pop .in .pop_btn_close{position: absolute;right: 20px;top: 10px;}
.share_pop.route .in{width: 290px;margin-left: -145px;}
.share_pop.route .in .pop_tit{background: #6F6CF5;}
.share_pop.route em{color: #5F5F5F;} */

/* 공통 */
.sub_top.sub_top01{background-image:url(../img/bg_sub_top01.png)}
.sub_top.sub_top01_2{background-image:url(../img/bg_sub_top01_2.png)}
.sub_top.sub_top01_3{background-image:url(../img/bg_sub_top01_3.png)}
.sub_top.sub_top02{background-image:url(../img/bg_sub_top02.png)}
.sub_top.sub_top03{background-image:url(../img/bg_sub_top03.png)}
.sub_top.sub_top03_2{background-image:url(../img/bg_sub_top03_2.png)}
.sub_top.sub_top03_3{background-image:url('/img/sub_top_bg.png')}
.sub_top.sub_top04{background-image:url(../img/bg_sub_top04.png)}
.sub_top.sub_top04_2{background-image:url(../img/bg_sub_top04_2.png)}
.sub_top.sub_top04_3{background-image:url(../img/bg_sub_top04_3.png)}
.sub_top.sub_top05{background-image:url(../img/bg_sub_top05.png)}
.sub_top.sub_top05_2{background-image:url(../img/bg_sub_top05_2.png)}
.sub_top.sub_top06{background-image:url(../img/bg_sub_top06.jpg)}
.sub_top.sub_top07{background-image:url(../img/bg_sub_top07.jpg)}
.sub_top.sub_top08{background-image:url(../img/bg_sub_top08.jpg)}
.sub_top.sub_top09{background-image:url(../img/bg_sub_top09.jpg)}
.sub_top.sub_top10{background-image:url(../img/bg_sub_top10.jpg)}
.sub_top.sub_top09 h1{color:#fff;}
.sub_top.sub_top09 span{color:#fff;}
.path{border-bottom:3px solid #ddd;}
.path .inner{max-width:1280px;margin:0 auto;overflow:hidden;}
.path .inner ul{overflow:hidden;float:right;}
.path .inner ul li{float:left;background:url(../img/ico_path_arrow.png) no-repeat left center;padding:0 15px 0 25px;}
.path .inner ul li a{display:block;font-size:16px;height:55px;line-height:55px;color:#888;}
.path .inner ul li:first-child{padding:0;background:none;}
.tab{}
.tab ul{}
.tab ul:after{content: '';display: block;clear: both;}
.tab ul li{float: left;width: 33.33%;text-align: center;}
.tab ul li a{display: block;border-bottom: 2px solid #ddd;font-size: 22px;color: #888;line-height: 150%;padding-bottom:15px;}
.tab ul li a.on{border-bottom: 3px solid #ff3d45;color: #ff3d45;}
.tab ul li a:hover{border-bottom: 3px solid #ff3d45;color: #ff3d45;}
.tab ul.two li{width: 50%;}
.tab ul.five li{width: 20%;}
/* .tab_sub{margin-top: 90px;} */
.tab_sub ul li a{font-size: 21px;padding-bottom: 10px;letter-spacing:-1px;}
.tab_sub02{}
.tab_sub02 ul li a{font-size: 21px;padding-bottom: 10px;letter-spacing:-1px;}
.notice_wrap .tab + .table_list .total{margin-top:60px;}
.search_bar2{width: 760px;margin: 0 auto 60px auto;border-bottom: 2px solid #da353c;max-width:760px;}
.search_bar2:after{content: '';display: block;clear: both;}
.search_bar2 .select{float: left;width: 12%;}
.search_bar2 .select select{width: 100%;height: 58px;line-height: 58px;border: 0;font-size: 21px;color: #888;font-weight:400;letter-spacing: -1px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../../img/ico_arrow.png) no-repeat 92% center;}
.search_bar2 .select select option{font-size: 18px;}
.search_bar2 .input{float: left;width: 88%;position: relative;}
.search_bar2 .input input[type="text"]{width: 100%;height: 58px;line-height: 58px;border: 0;text-indent:10px;font-size: 28px;}
.search_bar2 .input button{position: absolute;right: 0;top: 0;border: 0;background: none;}
.table_list{padding:0 0 80px 0;position: relative;}
.table_list .total{display: block;font-size: 16px;color: #333;padding-bottom:15px;}
.table_list .total em{color: #ff3d45;}
.table_list table{width: 100%;border-collapse:collapse;/* table-layout:fixed; */}
.table_list table th{font-size: 16px;color: #333;line-height: 150%;text-align: center;padding: 20px 0;border-top: 2px solid #333;border-bottom: 2px solid #888;font-weight:600;letter-spacing:-1px;}
.table_list table td{font-size: 16px;color: #888;line-height: 150%;text-align: center;padding: 20px 0;border-bottom: 2px solid #ddd;letter-spacing:-1px;}
.table_list table td .notice{background:#333;border-radius:5px;width:55px;height:20px;line-height:20px;color:#fff;text-align:center;font-size:13px;padding:0;}
.table_list table td.left{text-align: left;}
.table_list table td strong{display: inline-block;width: 60px;height: 22px;line-height: 22px;background: #333;color: #fff;font-size: 13px;border-radius: 5px;font-weight: 400;}
.table_list table td a{display: inline-block;color: #666;}
.table_list table td a:hover{text-decoration: underline;}
.table_list table td a .attach{vertical-align:top;display:inline-block;margin:1px 0 0 5px;}
.table_list table td > span{display: inline-block;padding-left: 5px;width: 60px;}
.table_list table td a .new{display: inline-block;width: 60px;font-size: 14px;background: #ff3d45;color: #fff;text-align: center;border-radius: 4px;margin-left: 10px;}
.table_list table td .secret{display: inline-block;margin-right: 5px;}
.table_list table td .state{display: inline-block;font-size: 16px;color: #fff;background: #888;padding: 8px 25px;border-radius: 3px; width:fit-content; min-width:107.47px;}
.table_list table td .complete{display: inline-block;font-size: 16px;color: #fff;background: #ff3d45;padding: 8px 25px;border-radius: 3px; width:auto;}
.btn_write{text-align: right;margin-bottom: 20px;}
.btn_write a{display: inline-block;font-size: 16px;color: #fff;background: #ff3d45;border-radius: 20px;text-align: center;padding: 14px 30px;}
.table_view{border-top: 3px solid #333;margin-bottom: 60px;}
.table_view .table_top{}
.table_view .table_top .date{text-align: center;background: #f7f2eb;border-bottom: 2px solid #ddd;}
.table_view .table_top .date:after{content: '';display: block;clear: both;}
.table_view .table_top .date .left{float: left;}
.table_view .table_top .date .right{float: right;}
.table_view .table_top .date span{display: inline-block;font-size: 21px;color: #888;padding: 25px 40px;position: relative;}
.table_view .table_top .date span:after{content: '';width: 2px;height: 20px;background: #888;position: absolute;right: 0;top: 25px;}
.table_view .table_top .date span:last-child:after{width: 0;}
.table_view .table_top .date span.re{border-left: 0;color: #333;background: url(../img/ico_answer.png) no-repeat left center;margin-left: 40px;}
.table_view .table_top .date span.re:after{width: 0;}
.table_view .table_top .date span.like{background: url(../img/ico_like.png) no-repeat left 20px center;}
.table_view .table_top .file{border-bottom: 2px solid #ddd;padding: 20px 25px;}
.table_view .table_top .file a{display: inline-block;font-size: 16px;color: #333;background: url(../img/ico_download.png) no-repeat right center;padding-right: 25px;}
.table_view .table_cont{padding: 60px 40px;font-size: 18px;color: #333;line-height: 150%;border-bottom: 2px solid #888;}
.table_view .table_cont img{max-width:100%;}
.table_view .thumbnail{height: 370px;overflow: hidden;border-radius: 20px;margin: 60px 0;}
.table_view .recipe_list ul li .img{padding-bottom: 74%;}

.star{color: #da353c;}
.red{color: #ff3d45;font-size: 14px;}
.table_write{margin: 60px 0;position: relative;}
.table_write .compulsory{font-size: 16px;color: #888;position: absolute;right: 0;top:15px;}
.table_write caption{font-size: 28px;color: #333;text-align: left;line-height: 150%;margin-bottom: 20px;}
.table_write .table_tit{font-size: 24px;color: #333;position: relative;text-align: center;margin-bottom: 40px;}
.table_write .table_tit span{position: absolute;right: 0;bottom: -25px;font-size: 15px;color: #888;}
.table_write table{width: 100%;border-collapse:collapse;border-top: 2px solid #333;}
.table_write table th{font-size: 18px;color: #333;line-height: 150%;text-align: left;padding: 20px;border-bottom: 2px solid #333;border-bottom: 2px solid #ddd;font-weight: 400;vertical-align:top;}
.table_write table td{font-size: 18px;color: #333;line-height: 150%;text-align: left;padding: 20px 0;border-bottom: 2px solid #ddd;}
.table_write table td .input{max-width: 380px;}
.table_write table td .input.w100{max-width: 100%;}
.table_write table td .input input[type="text"]{border: 0;width: 100%;text-indent: 10px;height: 36px;line-height: 36px;border: 2px solid #888;border-radius: 5px;margin-top: 10px;}
.table_write table td .input input[type="text"]:first-child{margin-top: 0;}
.table_write table td .input input[type="password"]{border: 0;width: 100%;text-indent: 20px;height: 36px;line-height: 36px;border: 2px solid #888;border-radius: 5px;}
.table_write table td .select{max-width: 380px;}
.table_write table td .select select{border: 0;width: 100%;text-indent: 10px;height: 40px;line-height: 36px;border: 2px solid #888;border-radius: 5px;background:url('/img/ico_select.png') no-repeat 92% center;}
.table_write table td .select option{display: block;padding-left: 20px;}
.table_write table td .textarea textarea{min-height: 280px;width:100%;border: 2px solid #888;box-sizing: border-box;text-indent: 20px;line-height:150%;border-radius: 5px;}
.table_write table td .file{max-width: 380px;}
.table_write table td .file input[type="file"]{border: 0;width: 100%;}
.table_write table td .info{display: block;font-size: 16px;color: #888;}
.table_write table td .tag{}
.table_write table td .tag ul{}
.table_write table td .tag ul:after{content: '';display: block;clear:both;}
.table_write table td .tag ul li{float: left;width: 120px;margin-right: 20px;}
.table_write table td .tag ul li a{display: block;font-size: 16px;color: #888;border: 2px solid #e3e3e3;border-radius: 20px;text-align: center;}
.table_write table td .tag ul li a.on{color: #da353c;border: 2px solid #da353c;}
.table_write table td .tag ul li a:hover{color: #da353c;border: 2px solid #da353c;}
.table_write table td .time{}
.table_write table td .time ul{}
.table_write table td .time ul li{display: inline-block;margin-right: 60px;}
.table_write table td .time ul li .input{}
.table_write table td .time ul li .input input{display: inline-block;width: 80px}
.table_write table td .find{display: inline-block;font-size: 16px;color: #333;border: 2px solid #888;border-radius: 5px;padding: 0 30px;}
.table_write table td p{font-size: 14px;color: #424242;padding-bottom: 20px;}
.table_write .point{font-size: 14px;color: #888;background: url('/img/ico_point.png') no-repeat left 0 top 4px; padding-left: 25px;margin-top: 10px;}
.table_write .standard{position: relative;}
.table_write .postcode{position: absolute;left: 390px;top: 20px;}
.table_write .postcode a{display: inline-block;font-size: 16px;color: #fff;border: 2px solid #787A91;background:#787A91;border-radius: 5px;padding: 0 30px;height: 36px;line-height: 30px; text-align: center;}
.table_write .open_store{font-size: 16px;color: #fff;background: #ff3d45;text-align: center;border-radius: 5px;padding: 5px 30px;}
.table_write .file_img{padding: 20px 0;}
.table_write .file_img ul{}
.table_write .file_img ul:after{content: '';display: block;clear: both;}
.table_write .file_img ul li{float: left;margin-right: 20px;position: relative;}
.table_write .file_img ul li a.delete{position: absolute;right: -5px;top: -5px;z-index: 10;}
.table_write .file_img ul li .img_area{width: 110px;height: 110px;border: 2px solid #888;border-radius: 5px;background: url('/img/bg_camera.png') no-repeat center;overflow: hidden;}
.table_write .file_img ul li .img_area img{}
.table_write .file_txt ul li{font-size: 14px;color: #888;}

.table_write input[type="radio"] {position:absolute; visibility:hidden;width:0; height:0;}
.table_write input[type="radio"] + label {display:inline-block;padding:0 0px 0 25px;background:url('/img/check_off.png') no-repeat left 50%; background-size:14px 14px;margin-right: 30px;}
.table_write input[type="radio"]:checked + label {background:url('/img/check_on.png') no-repeat left 50%; background-size:14px 14px;color:#ff3d45;}

.gallery_list{margin: 60px 0;}
.gallery_list ul{margin-left: -2%;}
.gallery_list ul:after{content: '';display: block;clear: both;}
.gallery_list ul li{float: left;width: 31.33%;margin-left: 2%;margin-bottom: 2%;}
.gallery_list ul li a{display: block;}
.gallery_list ul li a .img{height: 0;padding-bottom: 58%;overflow: hidden;border-radius: 20px;overflow: hidden;position: relative;}
.gallery_list ul li a .img img{width: 100%;}
.gallery_list ul li a .txt{padding: 25px 0;margin-top: 14px;}
.gallery_list ul li a .txt .ico_event{display: inline-block;font-size: 14px;border-radius: 8px;padding: 5px;}
.gallery_list ul li a .txt .ico_event.ico01{border: 2px solid #36B7FF;color: #36B7FF;}
.gallery_list ul li a .txt .ico_event.ico02{border: 2px solid #9A36FF;color: #9A36FF;}
.gallery_list ul li a .txt .ico_event.ico03{border: 2px solid #FF368A;color: #FF368A;}
.gallery_list ul li a .txt .ico_event.ico04{border: 2px solid #FF6536;color: #FF6536;}
.gallery_list ul li a .txt .ico_event.ico05{border: 2px solid #FF7171;color: #FF7171;}
.gallery_list ul li a .txt .ico_event.ico06{border: 2px solid #FFC736;color: #FFC736;}
.gallery_list ul li a .txt p{font-size: 20px;color: #333;line-height: 150%;height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 6px 0 12px;}
.gallery_list ul li a .txt .date{display: block;font-size: 16px;color: #888;}
.gallery_list ul li.end a .img:after{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);border-radius: 20px;}
.btn_group{margin-top: 80px;}
.btn_group .center{text-align: center;}
.btn_group a{display: inline-block;width: 220px;border: 2px solid #333;border-radius: 10px;padding: 20px 0;margin: 0 25px;font-size: 18px;}
.btn_group a.btn_style01{background: #ff3d45;color: #fff;border: 2px solid #ff3d45;padding: 8px 0;width: 140px;border-radius: 20px;}
.btn_group a.btn_style02{background: #fff;color: #333;border: 2px solid #ff3d45;padding: 8px 0;width: 140px;border-radius: 20px;}
.btn_group a.btn_prev{font-size: 18px;color: #888;background: url('/img/bg_prev.png') no-repeat left center;border: 0;width: 80px;padding-left: 35px;}
.btn_group a.btn_next{font-size: 18px;color: #333;background: url('/img/bg_next.png') no-repeat right center;border: 0;width: 80px;padding-right: 35px;}

/* .paging{text-align:center;}
.paging a{display:inline-block;width:29px;height:29px;line-height:29px;font-size:16px;text-align:center;color:#888;border-radius: 50%;margin: 0 5px;}
.paging a:hover{background:#ff3d45;color:#fff;}
.paging a:focus{background:#ff3d45;color:#fff;}
.paging a.on{background:#ff3d45;color:#fff;}
.paging strong{display:inline-block;width:29px;height:29px;line-height:29px;background:#ff3d45;color:#fff;border-radius: 50%;font-size:16px;text-align:center;font-weight: 400;margin: 0 5px;}
.paging a.btn{border:0;vertical-align:top;background-repeat: no-repeat;background-position: center top;}
.paging a.btn:hover{background:none;}
.paging a.btn:focus{background:none;} */
.faq_list{margin:60px 0 80px;}
.faq_list ul{border-top: 2px solid #888;}
.faq_list ul li{border-bottom: 2px solid #888;}
.faq_list ul li .tit a{display: block;padding:30px 35px;position: relative;background:url(../img/icon_qna.png) no-repeat left 35px center;}
.faq_list ul li .tit a:after{content:'';display: block;width: 17px;height: 17px;background: url(../img/btn_down.png) no-repeat;background-position:center center;position: absolute;right: 35px;top: 50%;margin-top: -8px;z-index: 100;}
.faq_list ul li.on .tit a:after{background-image: url(../img/btn_up.png);}
.faq_list ul li .tit p{font-size: 16px;color:#3e3e3d;font-weight:400;line-height: 130%;padding: 0 55px;}
.faq_list ul li .tit p span{display: inline-block;font-size: 16px;color:#ff3d45;margin-right: 5px;}
.faq_list ul li .cont{display: none;border-top: 2px solid #ddd;font-size: 16px;color: #333333;line-height: 150%;padding:35px 90px;background:#f7f2eb url(../img/ico_answer.png) no-repeat 35px 30px;}

/*로그인*/
.login_wrap{overflow:hidden;border-top:2px solid #000;border-bottom:2px solid #363636;padding:40px 0 50px 0;background:#f7f2eb;max-width:920px;margin:0 auto;}
.login_wrap > div{float:left;width:50%;box-sizing:border-box;padding:0 5%;position:relative;}
.login_wrap > div:before{content:'';display:block;position:absolute;left:0;top:50px;width:2px;height:365px;background:#ddd;}
.login_wrap > div:first-child:before{display:none;}
.login_wrap h3{text-align:center;font-size:26px;color:#333;line-height:150%;letter-spacing:-2px;margin-bottom:20px;font-weight:500;}
.login_wrap .snsLogin ul li{margin-bottom:15px;}
.login_wrap .snsLogin ul li a{display:block;font-size:18px;color:#391b1b;line-height:55px;height:55px;background:#fae301;border-radius:12px;text-align:center;letter-spacing:-1px;}
.login_wrap .snsLogin ul li a span{display:inline-block;vertical-align:top;height:35px;padding:10px;}
.login_wrap .snsLogin ul li a span img{height:100%;}
.login_wrap .snsLogin ul li a#snsLogin01{background-color:#fae301;color:#391b1b}
.login_wrap .snsLogin ul li a#snsLogin02{background-color:#4766aa;color:#fff}
.login_wrap .snsLogin ul li a#snsLogin03{background-color:#00c74f;color:#fff}
.login_wrap .snsLogin ul li a#snsLogin04{background-color:#008ff9;color:#fff}
.login_wrap .snsLogin + p{font-size:14px;color:#333;line-height:150%;padding:13px 0;text-align:center;border-top:2px solid #ddd;border-bottom:2px solid #ddd;letter-spacing:-1px;}
.login_wrap .loginForm{margin-bottom:50px;}
.login_wrap .loginForm ul{margin-bottom:42px;}
.login_wrap .loginForm ul li{margin-bottom:20px;position:relative;}
.login_wrap .loginForm ul li span{display:inline-block;position:absolute;left:20px;top:12px}
.login_wrap .loginForm ul li input{height:55px;line-height:55px;font-size:18px;color:#888;width:100%;box-sizing:border-box;border:0;border-radius:12px;overflow:hidden;border:2px solid #ddd;text-indent:60px;letter-spacing:-2px;}
.login_wrap .loginForm button{display:block;width:100%;color:#fff;background:#ff3d45;border-radius:12px;text-align:center;border:0;height:55px;line-height:55px;font-size:18px;font-weight:600;letter-spacing:-2px;}
.login_wrap .findPW{border:2px solid #ddd;border-radius:10px;text-align:center;background:#fff;}
.login_wrap .findPW ul{overflow:hidden;}
.login_wrap .findPW ul li{float:left;width:50%;position:relative;}
.login_wrap .findPW ul li a{display:block;font-size:14px;color:#333;line-height:50px;height:50px;text-align:center;margin:0 20px;}
.login_wrap .findPW ul li:before{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-8px;width:2px;height:20px;background:#ddd;}
.login_wrap .findPW ul li:first-child:before{display:none;}
.login_wrap .findPW ul li:first-child a{text-align:right;}
.login_wrap .snsLogin + p{margin-top: 85px;}

/* 개인정보, 이용약관 */
#contents h2.tit.privacy_cont{padding-top:90px;}
#contents h2.tit em{display: block;font-size: 20px;color: #888;font-weight: 400;}
.privacy_wrap{}
.privacy_wrap .box_area{padding:90px 30px;background: #eee;}
.privacy_wrap .box_area p{font-size: 20px;line-height: 150%;}
.privacy_wrap .privacy{padding-top:100px;}
.privacy_wrap .privacy h4{font-size: 26px;line-height: 120%;background: url(../img/ico_bar.png) no-repeat left top;padding-left:20px;padding-bottom:25px;margin-bottom:35px;border-bottom: 1px dashed #888;font-weight:500;}
.privacy_wrap .privacy ul{}
.privacy_wrap .privacy ul li{font-size: 20px;margin-bottom: 20px;line-height: 150%;background: url(../img/img_dot.png) no-repeat left top 12px;padding:0 20px;}
.privacy_wrap .privacy ul li span{display:block;font-size:18px;color: #888;}
.privacy_wrap .privacy ul li span.bgcolor{display: inline-block;background: #f0e2cf;padding: 0 10px;}
.privacy_wrap .privacy ul li span em{display: inline-block;padding-right: 5px;}
.privacy_wrap .privacy ul li span em img{vertical-align: middle;}
.privacy_wrap .privacy > p{font-size: 20px;line-height: 150%;margin-bottom: 20px;}
.privacy_wrap .privacy > span{display:block;font-size:18px;color: #888;line-height: 150%;padding: 0 20px;}
.privacy_wrap .privacy > span.pl{padding-left: 34px;}
.privacy_wrap .privacy ol{}
.privacy_wrap .privacy ol li{font-size:18px;color: #888;line-height: 150%;position: relative;padding: 0 35px;}
.privacy_wrap .privacy ol li strong{display: inline-block;border-bottom: 2px solid #ff3d45;position: absolute;left: 0;top: 0;color: #ff3d45;font-size: 18px;font-weight: 400;}
.privacy_wrap .privacy ol li p{font-size:18px;color: #888;line-height: 150%;padding: 15px 0;}

@media (hover:hover) and (min-width:769px) {
	
.btn_black:hover{background-color:var(--main_color); color:#fff; border:1px solid var(--main_color);transition:all 0.3s ease;}
.btn_black:hover .arrow_svg_pc{display:block;width:8px; height:100%;display:flex; justify-content:center; align-items:center;}
.btn_black:hover .arrow_svg_pc_color{display: none; width:0px;}
.btn_border:hover{border:1px solid #292929; background-color:#292929; color:#fff;}

}

@media only screen and (max-width: 1441px) {
	#header .logo_btn a.logo1 img{height: 16px;}
	#header .logo_btn a.logo2 img{height: 26px;}
	#header .header_rt,
	#header .logo_btn{gap: 12px;}
}
@media only screen and (max-width: 1281px) {
	#header .inner h1{left:10px;top:10px;}
	#header .inner h1 > a > img{width:auto; height:35px;}
	#header .inner .gnb > ul{gap:80px;}
	#header .inner .gnb > ul > li > a{font-size:14px;height:55px;line-height:55px;}
	#header .inner .gnb > ul > li > .gnb_sub{top:55px;padding:20px 0;}
	#header .inner .gnb > ul > li > .gnb_sub > ul > li{margin-bottom:10px;}
	#header .inner .gnb > ul > li > .gnb_sub > ul > li > a{font-size:13px;line-height:2;}
	#header .gnb_bg{padding:20px 0;top:58px;height:210px;}
	#header .inner .mymenu{right:10px;top:10px;}
	#header .inner .mymenu ul li{margin-left:5px;}
	#header .inner .mymenu ul li a img{height:35px;}
	#header .inner .mymenu ul li a.btn_login{width:35px;height:35px;background-size:35px 35px}
	#header .inner .mymenu ul li a.btn_logout{width:35px;height:35px;background-size:35px 35px}
	#header .searchTop{top:57px;height:52px;padding:30px 0;}
	#header .searchTop .inner input[type="text"]{font-size:17px;line-height:50px;height:50px;}
	#header .searchTop .inner input[type="text"]::placeholder{font-size:17px;}
	#header .searchTop .inner button{top:7px;}
	#header .searchTop .inner button img{height:35px;}
	#header .logo_btn a.logo1 img{height: 12px;}
	#header .logo_btn a.logo2 img{height: 20px;}

	#footer{border-width:1px;}
	#footer .inner{padding:50px 50px;}
	#footer .inner .logo_sns{right:10px;top:20px;}
	#footer .inner .foot_info ul li a{font-size:14px;}
	#footer .inner .foot_info .address{font-size:14px;}
	#footer .inner .foot_info .copyright{font-size:14px;}

	.btn_black{font-size:15px;width:150px; height:50px;}

	.sub_top .inner2{padding:0 50px;}

	.sub_tab {height:60px; padding:0 50px;}
	.sub_tab ul li a{font-size:18px;}

	.sub_tab2 {height:60px; padding:0 50px;}
	.sub_tab2 ul li a{font-size:18px;}

	.sub_tab3 {height:60px; padding:0 50px;}
	.sub_tab3 ul li a{font-size:18px;}

	.pagination_wrap .paging_group{gap:6px; padding:0 8px;}
	/* .pagination_wrap{gap:10px;} */

	.pagination_wrap .paging_group li{width:35px; height:35px;}
	
	.pagination_wrap .paging_group li a{font-size:15px;}
	.pagination_wrap .arr_first{height:20px;}
	.pagination_wrap .arr_next{height:20px !important; width:20px; display:flex; flex-direction:column;}

	#contents .inner.qa_padding{padding:0 0;}

	
	.btn_border{width:120px; height:50px;font-size:15px;}
	.list_btn{width:160px; height:50px; font-size:15px; gap:10px;}
	.list_btn img{width:12px;height:auto;}

	#board_btn .list_btn{width:160px; height:50px; font-size:15px; gap:10px;}
	#board_btn .list_btn img{width:12px;height:auto;}

	.share_pop.route .in .pop_tit{margin:0 20px; padding-bottom:17px; font-size:22px;}
	.share_pop .in .pop_cont{padding: 20px 0 30px;}
	.share_pop.route .in{height:fit-content;width:400px;}
	.share_pop .in .pop_cont .icon_share ul{padding:0 40px;}
	.share_pop .in .pop_cont .icon_share ul li p{gap:15px; font-size:15px;}
	.share_pop .in .pop_cont .icon_share ul li p img{height:45px; width:auto;}
	.share_pop .pop_btn_close{padding:10px 10px 0;}
	.share_pop .pop_btn_close img{width:16px; height:16px;}

	.share_pop .in .pop_cont .icon_types ul{display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:40px; padding:0 20px;}
	.share_pop .in .pop_cont .icon_types ul li p{font-size:18px; font-weight:400; color:#000; text-align: left; display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; gap:20px;}
	.share_pop .in .pop_cont .icon_types ul li p img{width:50px; height:auto;}
	.share_pop .in .pop_cont .icon_types ul li p.type_name{font-size:20px; font-weight:600;}
	.share_pop .in .pop_cont .icon_types ul li p.type_detail{margin-left:72px; margin-top:-15px; line-height:25px;font-size:15px;}
	.share_pop .in .pop_cont .icon_types ul li:nth-child(2) p.type_detail{margin-top:-2px;}

	.pop_password .in{padding:20px;border-radius:15px;height:auto;}
	.pop_password .pop_cont{margin-top:20px;}
	.pop_password .pop_tit{font-size:18px;padding-bottom:10px;border-bottom-width:1px;}
	.pop_password .pop_cont .input input[type="password"]{font-size:14px;text-indent:10px;border-width:1px;height:40px;line-height:40px;}
	.pop_password .pop_cont .input input[type="password"]::placeholder{font-size:14px;}
	.pop_password .pop_cont .btn_group a{width:80px;font-size:14px;line-height:150%;}

	#contents{padding:60px 50px 90px;}
	#contents.nopadding{padding:5% 0;}
	#contents h2.tit{font-size:21px;letter-spacing:-1px;padding-bottom:3%;}
	#contents h2.tit em{font-size: 16px;}
	#contents .inner{}
	.sub_top{height:230px;}
    .sub_top .in{margin-top: 35px;}
	.sub_top h1{font-size:26px;line-height:150%;margin-bottom: 5px;}
	.sub_top span{font-size:14px;line-height:150%;}
	.sub_top .in2{margin-bottom:45px;}
	.path{border-bottom-width:1px;}
	.path .inner ul li a{font-size:14px;}
	.tab ul li a{font-size:16px;border-width:2px;}
	.tab ul li a.on{border-width:2px;}
	.tab ul li a:hover{border-width:2px;}
	.tab_sub{margin-top:5%;}
	.notice_wrap .btn_group a{height:15px;}
	.notice_wrap .tab + .table_list .total{margin-top:5%;}
	.search_bar2{width:auto;}
	.search_bar2 .input input[type="text"]{font-size:17px;line-height:50px;height:50px;}
	.search_bar2 .input input[type="text"]::placeholder{font-size:17px;}
	.search_bar2 .input button{top:7px;}
	.search_bar2 .input button img{height:35px;}
	.search_bar2 .select select{height:50px;line-height:50px;font-size:17px;}
	.table_list .total{font-size:14px;padding-bottom:10px;}
	.table_list{padding-bottom:5%;}
	.table_list table th{font-size:14px;padding:10px 3px;border-bottom-width:1px;}
	.table_list table td{font-size:14px;padding:10px 3px;border-bottom-width:1px;}
	.table_list table td .notice{width:40px;font-size:12px;}
	.table_list table td .state{font-size:12px;padding:4px 15px; min-width:71.86px;}
	.table_list table td .complete{font-size:12px;padding:4px 15px;}
	.btn_write a{font-size:14px;padding:10px 30px;}
	.table_view{border-top-width:2px;}
	.table_view .table_top .date{border-bottom-width:1px;}
	.table_view .table_top .date span{font-size:16px;padding:15px 20px;}
	.table_view .table_top .date span:after{width:1px;height:15px;top:18px;}
	.table_view .table_top .file{padding:10px 15px;border-bottom-width:1px;}
	.table_view .table_cont{padding:20px;font-size:14px;border-bottom-width:1px;}
	.table_view .table_top .date span.re{margin-left:20px;padding-left:40px;}
	.red{font-size:12px;}
	.table_write{margin:3% 0}
	.table_write caption{font-size:18px;margin-bottom:10px;}
	.table_write .compulsory{font-size:12px;top:10px;}
	.table_write table th{font-size:14px;padding:10px;border-bottom-width:1px;}
	.table_write table td{font-size:14px;padding:10px 0;border-bottom-width:1px;}
	.table_write table td .time ul li{margin-right:10px;}
	#smart_editor2{min-width:auto !important;}
	.table_write table td .input input[type="text"]{font-size:14px;border-width:1px;}
	.table_write table td .input input[type="text"]::placeholder{font-size:14px;}
	.table_write table td .input input[type="password"]{font-size:14px;border-width:1px;text-indent:10px;}
	.table_write table td .input input[type="password"]::placeholder{font-size:14px;}
	
	.table_write table td .textarea textarea{border-width:1px;text-indent:10px;font-size:14px;min-height:200px;}
	.table_write .file_img ul{margin-left:-2%;}
	.table_write .file_img ul li{width:18%;margin-left:2%;max-width:110px;margin-right:0;}
	.table_write .file_img ul li .img_area{border-width:1px;height:0;padding-bottom:100%;background-size:auto 30%;width:auto;}
	.table_write .open_store{font-size:14px;padding:5px 20px;}
	.table_write .point{font-size:12px;background-position: left 0 top 0;}
	.table_write .postcode{top:10px;}
	.table_write .postcode a{font-size:14px;padding:0 20px;border-width:1px;}
	.table_write table td .select select{border-width:1px;background-position:right 10px center;font-size:14px;text-indent:10px;}
	.table_write table td .info{font-size:12px;}
	.table_write table td .tag ul li{margin-right:10px;width:auto;}
	.table_write table td .tag ul li a{font-size:14px;padding:0 10px;}
	.btn_group{margin-top:5%;}
	.btn_group a{width:110px;font-size:14px;padding:12px 0;}
	.btn_group a img{height:15px;}
	.faq_list{margin:5% 0 80px;}
	.faq_list ul li{border-width:1px;}
	.faq_list ul li .tit p{font-size:14px;padding:0 40px;}
	.faq_list ul li .tit a{padding:20px;background-position:15px center;}
	.faq_list ul li .tit a:after{right:15px;}
	.faq_list ul li .cont{padding:20px 20px 20px 60px;font-size:14px;background-position:15px 15px;border-width:1px;}

	.privacy_wrap .box_area{padding: 50px 20px;}
    .privacy_wrap .box_area p{font-size: 16px;}
    .privacy_wrap .privacy h4{font-size: 20px;margin-bottom: 20px;background-size: 4px 20px;background-position: left top 3px;padding-left: 15px;}
    .privacy_wrap .privacy ul li{font-size: 16px;}
    .privacy_wrap .privacy ul li span{font-size: 14px;}
    .privacy_wrap .privacy > p{font-size: 16px;}
    .privacy_wrap .privacy > span{font-size: 14px;}
    .privacy_wrap .privacy ol li{font-size: 16px;}
    .privacy_wrap .privacy ol li p{font-size: 16px;}
    .privacy_wrap .privacy{padding-top: 50px;}

	.pop_password .btn_group .center{display:flex; gap:5px; justify-content:center;}
}

@media only screen and (max-width: 1024px) {
	#header .inner .gnb > ul{gap:40px;}
	#header .logo_btn {display: none !important;}
}

@media only screen and (max-width: 768px) {
	#header{display:none;}
	.m_header {display:flex; justify-content:space-between; align-items:center;}
	.m_header .m_header_inner{display:flex; justify-content:space-between; align-items:center; padding:10px 20px;}
	.m_header .fullmenu .inner .fullmenu_list > ul > li > .gnb_sub > ul > li > a:before{width:4px;height:4px;}
	.m_header .fullmenu .inner .search_sns .search_area{margin-bottom:60px;}

	#footer{background:#fff;}
	#footer .inner{flex-direction:column; justify-content:flex-start; padding:40px 20px;}
	#footer .inner .foot_info{order:1;}
	#footer .inner .foot_info ul{margin-bottom:30px; gap:5px 25px;}
	#footer .inner .foot_info ul li{display:inline-block;float:none;vertical-align:top;}
	#footer .inner .foot_info ul li a{font-size:13px;}
	#footer .inner .foot_info .address{font-size:11px;margin-bottom:25px; letter-spacing:-1px;}
	#footer .inner .logo_sns{order:2;text-align:center; align-items:flex-start;}
	#footer .inner .logo_sns .foot_logo{margin-bottom:20px;}
	#footer .inner .foot_info .address p:nth-child(1){margin-bottom:2px;}

	#footer .inner .logo_sns .foot_logo{display:none;}
	#footer .inner .foot_info .copyright{display:none;}
	#footer .inner .foot_logo2{display:block;margin-bottom:15px; width:180px;}
	#footer .inner .foot_logo2 img{width:100%; height:auto;}
	#footer .inner .logo_sns .copyright2{display:block;font-size:11px;letter-spacing:-1px;}
	#footer .inner .logo_sns .foot_sns{gap:20px; margin-bottom:25px;justify-content:center; align-items:center;}
	#footer .inner .logo_sns .foot_sns > a{height:18px; width:18px;}
	#footer .inner .logo_sns .foot_sns > a img{height:100%; width:auto;}
	#footer .inner .logo_sns .foot_sns > a:last-child{display:flex; align-items:center;}
	#footer .inner .logo_sns .foot_sns > a:last-child img{width:100%; height:auto;}

	#footer .select {order: 1; margin: 0 0 25px 0;}
	#footer .select_box {width: 100%;}
	#footer .select_pop {width: 100%;}
	
	.btn_black{gap:10px; background-color: var(--main_color); color:#fff; border:1px solid var(--main_color);}
	.btn_black .arrow_svg_pc{display: none;}
	.btn_black .arrow_svg_pc_color{display: none;}
	.btn_black .arrow_svg_m{display: flex; justify-content:flex-end; align-items:flex-end; width:7px; height:13px; }

	.detail_road a.btn_black{width:140px; }


	.sub_top .sub_top_bg2_1{background-image:url('/img/introduce_topbg_m.png');}
	.sub_top .sub_top_bg3_1{background-image:url('/img/enjoy_topbg2_m.png');}
	.sub_top .sub_top_bg4_1{background-image:url('/img/news_topbg2_m.png');}
	.sub_top .sub_top_bg5_1{background-image:url('/img/story_topbg_m.png');}

	.sub_top{height:auto; aspect-ratio:1/0.533;}

	.sub_top .inner2{margin-bottom:0; padding:0 20px; padding-top:60px; height:100%; display:flex; flex-direction:column; justify-content:center; }

	.pagination_wrap .paging_group li a{}
	.pagination_wrap .paging_group li{}
	.pagination_wrap .arr_first{}
	.pagination_wrap .arr_next{}
	.pagination_wrap{}

	.sub_tab{padding:0 20px;}
	.sub_tab ul li{width:fit-content;}
	.sub_tab ul{justify-content:flex-start; gap:30px;}

	.sub_tab2{padding:0 20px;}
	.sub_tab2 ul li{width:fit-content;min-width:fit-content;}
	.sub_tab2 ul{justify-content:flex-start; gap:30px;}

	.sub_tab3{padding:0 20px;overflow-y: hidden; overflow-x: auto;scrollbar-width: none; -ms-overflow-style: none;}
	.sub_tab3::-webkit-scrollbar {display: none;}
	.sub_tab3 ul li{width:fit-content; flex:0 0 auto;}
	.sub_tab3 ul li:last-child{padding-right:20px;position:relative;}
	.sub_tab3 ul li:last-child::after{content:''; position:absolute; top:0; right:0; width:20px; height:60px; background-color:#fff;}
	.sub_tab3 ul{justify-content:flex-start; gap:30px;}
	.sub_tab ul li a{letter-spacing:-1.4px;}
	.sub_tab2 ul li a{letter-spacing:-1.4px;}
	.sub_tab3 ul li a{letter-spacing:-1.4px;}

	#contents h2.tit{font-size:17px;}
	#contents h2.tit span{font-size:16px;padding-top:20px;}
	#contents h2.tit em{font-size: 13px;}
	.sub_top .in2{padding: 0 20px;}

	.sub_top h1{font-size:32px;margin-bottom:10px;letter-spacing:-2.4px;}
	.sub_top span{font-size:16px; letter-spacing:-1.3px;}

	.pop_password .pop_cont .btn_group a{height:30px;line-height:30px;padding:0;font-size:12px;}
	.pop_password .pop_tit{font-size:16px;}
	.pop_password .pop_cont .input input[type="password"]{font-size:12px;}
	.pop_password .pop_cont .input input[type="password"]::placeholder{font-size:12px;}

	.share_pop.route .in{width: 90%;}
	.share_pop .pop_btn_close{padding: 20px 20px 0;}
	.share_pop .pop_btn_close img{}
	.share_pop .in .pop_cont{padding:30px 0 40px;}
	.share_pop .in .pop_cont .icon_share ul{padding:0 80px;}
	.share_pop .in .pop_cont .icon_share ul li p img{}


	.share_pop .in .pop_cont .icon_types ul{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40px; padding:0 80px;}
	.share_pop .in .pop_cont .icon_types ul li p{font-size:18px; font-weight:400; color:#000; text-align: center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px;}
	.share_pop .in .pop_cont .icon_types ul li p.type_name{font-weight:600;margin-bottom:20px;}
	.share_pop .in .pop_cont .icon_types ul li p.type_detail{margin-left:0; margin-top:0;}
	.share_pop .in .pop_cont .icon_types ul li:nth-child(2) p.type_detail{margin-top:0; text-align:center;}

	.path .inner ul li a{font-size:12px;height:40px;line-height:40px;}
	.path .inner ul li a img{height:40px;width:40px;}
	.path .inner ul li{background-size:auto 12px;padding:0 7px 0 15px;}
	.tab ul li a{font-size:14px;border-width:1px;padding-bottom:7px;}
	.tab ul li a.on{border-width:1px;}
	.tab ul li a:hover{border-width:1px;}
	.notice_wrap .tab + .table_list .total{font-size:12px;padding-bottom:7px;}
	.notice_wrap .btn_group a{height:10px;border-radius:5px;}
	.notice_wrap .btn_group a img{height:10px;}
    .search_bar2 .input input[type="text"]{font-size:14px;height:40px;line-height:40px;}
	.search_bar2 .input input[type="text"]::placeholder{font-size:14px;}
	.search_bar2 .input button{top:3px;}
	.search_bar2 .select select{height:40px;line-height:40px;font-size:14px;}
	.search_bar2 .select select option{font-size:14px;}
	.search_bar2 .select{width:25%}
	.search_bar2 .input{width:75%;}
	.search_bar2{margin-bottom:30px;}
	.table_list{overflow-x:auto; padding-bottom:50px;}
	.table_list table{}
	.table_list table th{font-size:12px;}
	
	.table_list table td{font-size:12px; padding: 10px 3px;}
	.table_list table td .notice{font-size:11px;width:30px;}
	.table_list table td .state{font-size:11px;padding:3px 10px;}
	.table_list table td .secret img{height:15px;}
	.table_list table td .complete{font-size:11px;padding:3px 8px;}
	.table_list table td .state{min-width:53.95px;}
	.table_list table td > span{width: 40px;}
	.btn_write{margin-bottom:10px;}
	.btn_write a{font-size:12px;padding:5px 15px;}
	.table_view{border-width:1px;}
	.table_view .table_top .date span{font-size:12px;padding:10px 15px;}
	.table_view .table_top .date span:after{top:12px;}
	.table_view .table_cont{font-size:12px;padding:15px;}
	.table_view .table_top .file a{font-size:12px;background-size:auto 12px;padding-right:18px;}
	.table_view{margin-bottom:30px;}
	.table_view .table_top .date span.re{background-size:auto 30px;margin-left:10px;background-position:left 5px;}
	.table_view .table_top .date{text-align:left;}
	.table_view .table_top .date .left{float:none;}
	.table_view .table_top .date .right{float:none;}
	.table_view .table_top .date span{padding:10px;}
	.table_view .table_top .date span + span{margin-left:-4px;}
	.table_write *{box-sizing:border-box;}
	.table_write caption{font-size:16px;margin-bottom:5px;}
	.type_file label{width:auto !important;}
	.table_write table th{padding:5px;font-size:12px;display: inline-block !important; width:100%; border-bottom:0;padding-left:0;padding-bottom:0;}
	.table_write table td{display: inline-block !important; width:100%;padding-top:5px;}
	.table_write table td .input input[type="text"]{font-size:12px;height:32px;line-height:32px;margin-top:5px;text-indent:5px;}
	.table_write table td .input input[type="text"]::placeholder{font-size:12px;}
	.table_write table td .select select{font-size:12px;text-indent:5px;}
	.table_write input[type="radio"] + label{margin-right:20px;padding-left:20px;font-size:12px;}
	.table_write table td .textarea textarea{min-height:150px;padding:5px;text-indent:0;font-size:12px;}
	.table_write table td .textarea textarea::placeholder{font-size:12px;}
	.table_write .open_store{font-size:12px;padding:5px 10px;}
	.table_write .file_img{padding:10px 0;}
	.table_write .file_img ul li .img_area img{width:100%;}
	.table_write .file_txt ul li{font-size:12px;}
	.table_write .compulsory{top:5px;}
	.table_write .postcode{position:static;margin-bottom:5px;}
	.table_write{margin-top:25px;}
	.table_write .table_tit{font-size:17px;margin-bottom:15px;}
	.table_write .table_tit.qna_tit{height:40px;}
	.table_write .table_tit span{font-size:12px;}
	.table_write .table_tit span.qna_span{height:40px;}
	.gallery_list ul li{float:none;width:auto;margin-bottom:4%;}
	.gallery_list ul li a .img{border-radius:10px;}
	.gallery_list ul li a .txt{padding-top:7px;}
	.gallery_list ul li a .txt .ico_event{font-size:11px;border-width:1px;margin-bottom:5px;}
	.gallery_list ul li a .txt .ico_event.ico01{border-width:1px;}
	.gallery_list ul li a .txt .ico_event.ico02{border-width:1px;}
	.gallery_list ul li a .txt p{font-size:14px;margin-bottom:5px;}
	.gallery_list ul li a .txt .date{font-size:12px;}
	.btn_group a{padding:8px 0;width:80px;border-width:1px;}
	.btn_group a{height:10px;border-radius:5px;}
	.btn_group a img{height:10px;}
	.btn_group a.btn_style01{padding:0;height:30px;line-height:30px;width:80px;margin:0;}
	.btn_group a.btn_style02{padding:0;height:30px;line-height:30px;width:80px;margin:0;}
/* 	.paging a{font-size:14px;margin:0;width:25px;height:25px;line-height:25px;}
	.paging strong{font-size:14px;margin:0;width:25px;height:25px;line-height:25px;}
	.paging a.btn img{height:25px;} */
	.faq_list ul li .tit p{font-size:13px;padding:0;}
	.faq_list ul li .tit a{padding:20px 15px;background-position:10px 10px}
	.faq_list ul li .tit a:after{background-size:auto 8px;}
	.faq_list ul li .tit p span{font-size:13px;}
	.faq_list ul li .cont{padding:20px 15px 20px 55px;font-size:13px;background-position:10px 10px;}
	
	.login_wrap{padding:30px 0}
	.login_wrap > div{float:none;width:auto;}
	.login_wrap > div:first-child{margin-bottom:30px;}
	.login_wrap h3{font-size:21px;margin-bottom:10px;}
	.login_wrap .loginForm{margin-bottom:20px;}
	.login_wrap .loginForm ul{margin-bottom:20px;}
	.login_wrap .loginForm ul li{margin-bottom:10px;}
	.login_wrap .loginForm ul li input{height:45px;line-height:45px;border-radius:7px;text-indent:45px;font-size:14px;letter-spacing:0;}
	.login_wrap .loginForm ul li span{left:10px;top:7px;}
	.login_wrap .loginForm button{height:45px;line-height:45px;border-radius:7px;}
	.login_wrap .snsLogin + p{border-width:1px;}
	.login_wrap .snsLogin ul li{margin-bottom:10px;}
	.login_wrap .snsLogin ul li a{font-size:14px;border-radius:7px;height:45px;line-height:45px;}
	.login_wrap .snsLogin ul li a span{height:25px;}
	.login_wrap .findPW{border-radius:7px;}
	.login_wrap .findPW ul li a{height:45px;line-height:45px;}
	.login_wrap .findPW ul li:before{width:1px;height:15px;}
	.login_wrap .snsLogin + p{margin-top: 0;}

	.privacy_wrap .box_area p{font-size: 14px;}
    .privacy_wrap .privacy h4{font-size: 18px;}
    .privacy_wrap .privacy{padding-top: 30px;}
    .privacy_wrap .privacy ol li p{font-size: 14px;}
}

@media only screen and (max-width:500px){
	.share_pop.route .in{width: 90%;}
	.share_pop.route .in .pop_tit{font-size:20px;margin:0 15px; padding-bottom:20px;}
	.share_pop .pop_btn_close{padding: 12px 12px 0;}
	.share_pop .pop_btn_close img{width:16px; height:16px;}
	.share_pop .in .pop_cont{padding:20px 0 30px;}
	.share_pop .in .pop_cont .icon_share ul{padding:0 40px;}
	.share_pop .in .pop_cont .icon_share ul li p{font-size:15px; gap:15px;}
	.share_pop .in .pop_cont .icon_share ul li p img{height:40px;}

	.share_pop .in .pop_cont .icon_types ul{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:30px; padding:0 30px;}
	.share_pop .in .pop_cont .icon_types ul li p{font-size:18px; font-weight:400; color:#000; text-align: center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px;}
	.share_pop .in .pop_cont .icon_types ul li p img{width:45px; height:auto;}
	.share_pop .in .pop_cont .icon_types ul li p.type_name{gap:15px;font-size:18px; font-weight:600;margin-bottom:15px;}
	.share_pop .in .pop_cont .icon_types ul li p.type_detail{margin-left:0; margin-top:0; line-height:24px;font-size:15px;}
	.share_pop .in .pop_cont .icon_types ul li:nth-child(2) p.type_detail{margin-top:0; text-align:center;}
}

@media only screen and (max-width: 480px) {
	.table_list table td a .attach{margin:0 0 0 5px;}
	.table_list table td a .attach img{height:12px;}
	.faq_list{margin:5% 0 50px;}
	.table_list{padding-bottom:50px;}
	.m_header .fullmenu .inner .fullmenu_list > ul > li > .gnb_sub > ul > li:first-child > a{border-top:2px solid #ff3d45;}
	.m_header .mymenu  ul li .fullmenu_icon_area{width:24px; height:18px; display:flex; flex-direction:column; justify-content:space-between;}
	.m_header .mymenu  ul li .fullmenu_icon_area .fullmenu_icon_line{width:100%; height:2px; background-color:#fff;}
	.m_header .mymenu  ul li .fullmenu_icon_area .fullmenu_icon_line:nth-child(3){width:60%;}
    
	.m_header .fullmenu .inner{padding:0 20px;}
	.m_header .fullmenu .inner .top_area{margin-bottom:50px;}

	.m_header .fullmenu .inner .btn_close{width:22px; height:22px; position:relative;}
	.m_header .fullmenu .inner .btn_close::before, .m_header .fullmenu .inner .btn_close::after{position: absolute;left:10px;content:' ';height: 22px;width: 3px;background-color: #000;}
	
	.m_header .fullmenu .inner .fullmenu_list > ul{gap:10px;}
	.m_header .fullmenu .inner .fullmenu_list > ul > li > a{font-size:28px; margin-bottom:20px;}
	.m_header .fullmenu .inner .search_sns .search_area{height:40px;margin-bottom:40px;}
	.m_header .fullmenu .inner .search_sns .search_area a{gap:10px;}
	.m_header .fullmenu .inner .search_sns .search_area p{font-size:16px;margin-bottom:5px;}
	.m_header .fullmenu .inner .search_sns .search_area .map_icon{width:40px;}
	.m_header .fullmenu .inner .search_sns .search_area .map_icon img{width:100%; height:auto;}

	.m_header .fullmenu .inner .fullmenu_list > ul > li > .gnb_sub{padding:0px 0px 30px;} 
	.m_header .fullmenu .inner .fullmenu_list > ul > li > .gnb_sub > ul > li > a{font-size:18px; font-weight:500;padding:25px 0 0px;}

	.m_header .fullmenu .inner .search_sns .sns_area{height:fit-content;display:flex; gap:20px; align-items:center;margin-bottom:40px;}
	.m_header .fullmenu .inner .search_sns .sns_area a{width:25px; height:25px;}
	.m_header .fullmenu .inner .search_sns .sns_area a img{height:100%; width:auto;}
	.m_header .fullmenu .inner .search_sns .sns_area a:last-child img{width:100%; height:auto;}

	.btn_black{line-height: 1; width: 150px; height: 45px; gap:10px; }

	#contents{padding:40px 20px 70px;}

	.pagination_wrap .paging_group{gap:4px; padding:0 5px;}
	.pagination_wrap .paging_group li{width:30px; height:30px;}
	.pagination_wrap .paging_group li a{font-size:14px;}

	
	.detail_road a.btn_black{font-size:15px; height:40px; width:100px;}
	.list_btn{width:140px; height:45px;font-size:15px; gap:8px;}
	.list_btn img{width:13px;}

	#board_btn .list_btn{width:140px; height:45px;font-size:15px; gap:8px;}
	#board_btn .list_btn img{width:13px;}

	.sub_tab{padding:0 20px; height:50px;}
	.sub_tab ul li a{font-size:15px;}
	.sub_tab ul{gap:25px;}

	.sub_tab2{padding:0 20px; height:50px;}
	.sub_tab2 ul li a{font-size:15px;}
	.sub_tab2 ul{gap:25px;}

	.sub_tab3{padding:0 20px; height:50px;}
	.sub_tab3 ul li a{font-size:15px;}
	.sub_tab3 ul{gap:25px;}

	.sub_top h1{font-size:26px;margin-bottom:5px;}
	.sub_top span{font-size:14px;}

	.table_write table td p{font-size: 12px;}

	.table_list table th.table_title1{width:100%;}
}

@media only screen and (max-width:370px) {
	.table_list table td .complete{padding:3px 3px;}
	.table_list table td .state{min-width:43.95px;}
}