@charset "utf-8";


/*skipLink*/
#skipLink{ overflow:hidden; position:fixed; top: 5px; z-index:999; }
#skipLink a{ width:1px; height:1px; text-align:center; line-height:0; overflow:hidden; font-size:0px; display:block; }
#skipLink a:focus,
#skipLink a:hover,
#skipLink a:active{ background:#b10e29; margin:0px; padding:8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700; text-decoration: underline; }


/*main*/
main { position:relative; z-index:1; }
main section { position:relative; }

/*usual*/
.inner { width: 1280px; margin: 0 auto; position: relative; }
.click_box { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.flex_box { display: flex; flex-wrap: wrap; justify-content: space-between; }
.img_box { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.img_box img { width: 100%; height: 100%; object-fit: cover; }	
.cc { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.ac { align-items: center }
.as { align-items: flex-start; }
.ae { align-items: flex-end; }
.jcs { justify-content: flex-start; }
.jcc { justify-content: center; }
.jce { justify-content: flex-end; }
.round { padding: 1rem; border-radius: 500px; }
.round20 { padding: 1rem; border-radius: 20px; }
.round15 { padding: 1rem; border-radius: 15px; }
.round10 { padding: 1rem; border-radius: 10px; }
.round5 { padding: .8rem; border-radius: 5px; }
.round0 { border-radius: 0 !important; }
.gray_bg { background: #f7f7f7; }
.gray_bg2 { background: #f9f9f9; }
.gray_bg3 { background: #f0f0f0; }
.gray_bg4 { background: #666; color: #fff; }
.gray_border { border: 1px solid #dedede; }
.gray_box { padding: 1.5rem; background: #f9f9f9; border: 1px solid #e8e8e8; border-radius: 10px; }
.gray_box2 { padding: 2.3rem 3.125rem; background: #f7f7f7; line-height: 1.7; }
.gray_box3 { padding: 1.2rem 2rem; background: #f9f9f9; border-radius: 10px; }
.gray_box4 { padding: 1.5rem 2rem; background: #f7f7f7; border-radius: 10px; }


.mob_only { display: none; }
.hidden { display: none !important; }
.block { display: block; }
.hidden_word { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; color: transparent; }
.flex_box > .half { width: 48.5%; }
.flex_box > .third { width: 31.25%; }
.flex_box > .quarter { width: 23.15%; }
.long { width: 100%; }
.no_click { pointer-events: none; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; }
.nowrap { white-space: nowrap; }
.ovf_hdn { overflow: hidden; }
.zi99 { z-index: 99; }

.no_bg { background:none !important; }
.no_bl { border-left:none !important; }
.no_bb { border-bottom:none !important; }
.no_bt { border-top:none !important; }
.no_br { border-right:none !important; }
.no_bd { border:none !important; }

.arrow_thick { width: .94rem; height: 1.5rem; background: url('/asset/images/arrow_thick.png') no-repeat 50% 50%; }


/*font*/
.fs45 { font-size: 2.815rem; }
.fs35 { font-size: 2.19rem; }
.fs32 { font-size: 2rem; }
.fs30 { font-size: 1.875rem; }
.fs28 { font-size: 1.75rem; }
.fs26 { font-size: 1.625rem; }
.fs24 { font-size: 1.5rem; }
.fs22 { font-size: 1.375rem; }
.fs21 { font-size: 1.3125rem; }
.fs20 { font-size: 1.25rem; }
.fs18 { font-size: 1.125rem; }
.fs17 { font-size: 1.0625rem; }
.fs16 { font-size: 1rem; }
.fs15 { font-size: .94rem; }
.fs14 { font-size: .875rem; }
.fs13 { font-size: .81rem; }
.fs12 { font-size: .75rem; }

.scd { font-family: 'SCoreDream', 'NotoSans'; }
.bingg { font-family: 'Binggrae', 'NotoSans'; }
.cafe24 { font-family: 'Cafe24', 'NotoSans'; }
.gmarket { font-family: 'GmarketSans', 'NotoSans'; }
.fw900 { font-weight: 900; }
.fw800 { font-weight: 800; }
.fw700 { font-weight: 700; }
.fw600 { font-weight: 600; }
.fw500 { font-weight: 500; }
.fw400 { font-weight: 400; }
.fw300 { font-weight: 300; }
.fw200 { font-weight: 200; }
.fw100 { font-weight: 100; }

.accent { font-weight: 500; color: #000; }
.refer { font-weight: 300; color: #999; }
.white { color: #fff !important; }
.red { color: #b10e29 !important; }
.red2 { color: #ed272d !important; }
.green { color: #82bc43 !important; }
.green2 { color: #1d8f25 !important; }
.blue { color: #0f77be !important; }
.blue2 { color: #083750 !important; }
.skyblue { color: #55a5da !important; }
.yellow { color: #f5a23a !important; }
.brown { color: #897c71; }
.orange { color: #fa8027; }
.pink { color: #0894b5 !important; }
.pink2 { color: #dd2550 !important; }
.gray { color: #666 !important; }
.gray2 { color: #8d8d8d !important; }
.gray3 { color: #333 !important; }
.l_gray { color: #bbb !important; }
.c { text-align: center !important; }
.r { text-align: right; }
.underline { text-decoration: underline; text-underline-offset : 7px; }
.lh16 { line-height: 1.6; }
.lh17 { line-height: 1.7; }
.ti8 { text-indent: -.5rem; }
.ti16 { text-indent: -1rem; }
.pl8 { padding-left: .5rem; }
.pl16 { padding-left: 1rem; }
.ellip1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellip2 { clear: both; word-break:break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



/*title*/
h3.h3_tit { font-size: 2.5rem; font-weight: 700; color: #222; position: relative; }
h3.deco::after { content: ""; position: absolute; width: 1.5625rem; height: 1.25rem; top: 0; left: -1.8rem; background: url('/asset/images/h3_deco.png') no-repeat 50% 50%; background-size: 100%; }
h4.h4_tit { font-size: 2rem; font-weight: 700; position: relative; }
h4.deco { padding-left: 1.5rem; }
h4.deco::after { content: ""; position: absolute; top: 1.4rem; transform: translateY(-50%); left: 0; width: .94rem; height: .94rem; border: 4px solid #b10e29; }
h5.h5_tit { font-size: 1.25rem; font-weight: 700;  position: relative; margin-bottom: 1.2rem;}
h5.deco{padding-left:1rem;}
h5.deco::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 4px; height: 1.2rem; background-color:#b10e29;}




/*bg*/
.bg_red { background-color: #b10e29 !important; }
.bg_grn { background-color: #82bc43 !important; }
.bg_blue { background-color: #196acf !important; }
.bg_brown { background-color: #af622f !important; }
.bg_orange { background-color: #fa8027 !important; }
.bg_white { background-color: #fff !important; }
.bg_yel { background-color: #f5a23a !important; }


/* --------------------------------------------
 * layout
/* ------------------------------------------ */



#header { position: fixed; width:100%; /* padding-top: 40px; */ background: transparent; border-bottom: 1px solid rgba(255, 255, 255, .3); z-index:2; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
#header .inner{ width: 1280px; height: 100px; margin: 0 auto; display: flex; align-items: center; z-index: 6; position: relative; }
#header .inner::after{ content: ''; display: block; clear: both;}
#header .inner h1.logo { width: 263px; height: 52px; position: relative; }
#header .inner h1.logo a { font-size: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; background-image: url('/asset/images/logo_w.png'); }
#header .hd_btn { display: inline-block; margin-right: 10px; padding: 2px 10px 0; background: #00c0dd; color: #fff; border-radius: 3px; }

.fixed #header { box-shadow: 0 0 10px rgba(0, 0, 0, .17); }


.header_top { height: 40px; padding: 0 10px; position: absolute; top: 0; right: 0; background: #b10e29; border-radius: 0 0 20px 20px; transform: translateY(-100%); display: flex; align-items: center; }
.header_top li { padding: 1.25rem; position: relative; }
.header_top li + li::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: rgba(255, 255, 255, .35); }
.header_top li a { display: flex; align-items: center; gap: 10px; font-size: .875rem; font-weight: 500; color: #fff; }
.header_right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; gap:1rem; align-items: center; }
/* .header_right .header_search { position: relative; }
.header_right .header_search input { width: 15.6rem; height: 45px; line-height: 45px; border: 2px solid #d7d7d7; border-radius: 50px; }
.header_right .header_search a { position: absolute; right: 1rem; top: 50%; transform: translateY(-40%); } */
.header_right .ic{background-repeat:no-repeat; background-size:auto;  transition:all .3s; color: #fff; /* font-weight: 300; */ background-position: 50% 20%; padding-top: 30px;}
.header_right .ic.eng{background-image:url(/asset/images/h_language.png);}
.header_right .ic.login{background-image:url(/asset/images/h_login.png);}
.header_right .ic.logout{background-image:url(/asset/images/h_logout.png);}
.header_right .ic.join{background-image:url(/asset/images/h_join.png);}
.header_right .bt-mn{ width: 24px; height: 20px; position: relative; margin-left:5px;}
.header_right .bt-mn > i{ display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background-color: #fff; transition: all 0.2s ease-in-out; }
.header_right .bt-mn > i:nth-child(1){ margin-top: -10px;}
.header_right .bt-mn > i:nth-child(2){ margin-top: -1px;}
.header_right .bt-mn > i:nth-child(3){ margin-top: 8px;}


.pc .gnb { position: absolute; left: 50%; transform: translateX(-45%); }
.pc .gnb > ul { display: flex; position: relative; }
.pc .gnb > ul > li { position: relative; /* padding: 0 30px; */ white-space: nowrap; }
.pc .gnb > ul > li::after{ content: ''; position: absolute; top: 98px; left: 50%; display: block; background-color: #b10e29; width: 0; opacity: 0; height: 3px; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.pc .gnb > ul > li.on::after { opacity: 1;  width: 60%; margin-left: -30%;}
.pc .gnb > ul > li > a{ position: relative; display: block; height: 100px; line-height: 100px; font-size: 1rem; font-weight: 700; color:#fff; letter-spacing: -.05em; padding: 0 30px;}
.pc .gnb > ul > li:hover::before{ opacity: 1; width: 100%; margin-left: -50%;}
.pc .gnb > ul > li:hover::after{ width: 60%; margin-left: -30%; opacity: 1;}
.pc .gnb > ul > li:hover > a { color: #b10e29; }
.pc .gnb > ul > li .depth2 { position: fixed; top: 100%; left: 0; transform: translateX(-360px); pointer-events: none; opacity: 0; width: 1280px; display: grid; gap: 20px; grid-template-columns: repeat(5, 1fr); padding-top: 45px; padding-left: 380px; transition: .15s; }
.pc .gnb > ul > li .depth2.on { opacity: 1; pointer-events: auto; z-index: 99; }
.pc .gnb > ul > li .depth2 > li { max-width: 300px; height: 50px; white-space: normal; position: relative; }
.pc .gnb > ul > li .depth2 > li > a { display: block; position: absolute; width: 100%; height: 100%; padding: 0 15px; border: 1px solid #dedede; border-radius: 5px; font-family: 'SCoreDream','NotoSans'; font-weight: 500; line-height: 48px; z-index: 9; transition: .3s; overflow: hidden; }
.pc .gnb > ul > li .depth2 > li:hover > a { color: #b10e29; border-color: #b10e29; }
.pc .gnb > ul > li .depth2 > li > .depth3 { display: none; }
.pc .gnb > ul > li .depth2 .left_tit { position: absolute; top: 0; left: 0; width: 350px; max-width: 350px; height: calc(var(--wholeheight) + 51px); background: linear-gradient(120deg, #dd425b, #b10e29); padding-left: 40px; color: #fff; }
.pc .gnb > ul > li .depth2 .left_tit::after { content: ""; position: absolute; right: 0; bottom: 0; width: 153px; height: 153px; background: url('/asset/images/univ_mark.png') no-repeat 50% 50%;}
.pc .gnb > ul > li .depth2 .left_tit h3 { position: relative; margin-top: 40px; font-family: 'SCoreDream', 'NotoSans'; font-size :1.875rem; font-weight: 500; }
.pc .gnb > ul > li .depth2 .left_tit .article { margin-top: 10px; font-size: .94rem; font-weight: 300; }




.depth2 > li > a[target="_blank"]::after,
.depth3 > li > a[target="_blank"]::after { content: ""; display: inline-block; width: .75rem; height: .75rem; margin-left: 5px; background: url('/asset/images/linkout_icon.png') no-repeat 50% 50%; background-size: 100%; }



#header .slide_bg { display: none; position: absolute; top: 101px; left: 0; width: 100%; height: calc(var(--wholeheight) + 50px); background: #fff; z-index: 5; box-shadow: 0 6px 10px rgba(102, 102, 102, .05); }


#sidebar{ position: fixed; top: 0; right: 0; width: 100%; z-index: 99; display: none; }
#sidebar .inner{ background-color: #fff; width: 100%; height: 100vh; overflow-y: auto; padding: 0 2rem; float: right; box-shadow: -5px 0 5px rgba(0, 0, 0, .1);}
#sidebar .inner .hd{ position: relative; padding: 1.5rem 0 0 0; border-bottom: #333 1px solid; height: 5rem; line-height: 2.5rem; }
#sidebar .inner .hd .lang a{ position: relative; display: inline-block;}
#sidebar .inner .hd .lang a + a{ margin-left: .6rem; padding-left: 1rem;}
#sidebar .inner .hd .lang a + a::before{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #ddd;}
#sidebar .inner .hd .lang a.active{ color: #069cc6;}
#sidebar .inner .hd .bt-close{ width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; right: 0vw; margin-top: -2rem; overflow: hidden;}
#sidebar .inner .hd .bt-close span{ position: absolute; top: -9999px; left: -9999px;}
#sidebar .inner .hd .bt-close::before{ content: ''; display: block; width: 2rem; height: 1px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(45deg);}
#sidebar .inner .hd .bt-close::after{ content: ''; display: block; width: 2rem; height: 1px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(-45deg);}

#sidebar .inp-bx{ display: none; position: relative; width: 100%; margin-top: 1.5rem; padding-left: 5px; background: #fff; border: 1px solid #ddd; border-radius: 500px; box-sizing: border-box;}
#sidebar .inp-bx .inp{ display: block; font-size: 1rem; height: 3rem; line-height: 3rem; width: calc(100% - 4rem); border: 1px; background-color: transparent;}
#sidebar .inp-bx .sch{ position: absolute; display: block; top: 0; right: 0; width: 4rem; height: 3rem; background: url('/asset/images/search_icon_b.png') 50% 50% no-repeat; background-size: 20px; text-indent: -9999px;}

#sidebar .gnb { margin-top: 1rem; }
#sidebar .gnb > ul {  margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; }
#sidebar .gnb > ul > li { flex: 1; }
#sidebar .gnb > ul > li > a { position: relative; display: block; font-size: 1.25rem; padding: .8rem 0; border-bottom: #ccc 1px solid; font-weight: 500; background-repeat: no-repeat; background-position: 0 50%; }
#sidebar .gnb > ul > li > a::after { content: ""; position: absolute; top: 50%; right: 2rem; width: .8rem; height: .8rem; border-right: 2px solid #666; border-bottom: 2px solid #666; transform: translate(50%, -50%) rotate(45deg); }
#sidebar .gnb > ul > li.on > a::after { transform: translate(50%, -50%) rotate(225deg); }
#sidebar .gnb > ul > li.active > a { color: #069cc6;}
#sidebar .gnb > ul > li.active > a::after{ transform: rotate(-45deg);}
#sidebar .gnb > ul > li > ul.depth2 { padding: 1rem 0 2rem; }
#sidebar .gnb > ul > li > ul.depth2  > li > a{ display: block; border-bottom: 1px solid #eee; font-size: 1rem; padding: .7rem 0; position: relative; }
#sidebar .gnb > ul > li > ul.depth2 .left_tit { display: none; }




.fixed #header,
.fixed2#header,
.fixed#header { background: #fff !important; border-color: #e9e9e9; }
.fixed #header #gnb > ul > li > a,
.fixed#header #gnb > ul > li > a,
.fixed2#header #gnb > ul > li > a { color: #000; }

.fixed #header .inner h1.logo a,
.fixed2#header .inner h1.logo a,
.fixed#header .inner h1.logo a { background-image: url('/asset/images/logo.png'); }

.fixed #header .bt-sch,
.fixed2#header .bt-sch,
.fixed#header .bt-sch img { filter: brightness(0); transition: .3s; }
.fixed #header .bt-mn > i,
.fixed2#header .bt-mn > i,
.fixed#header .bt-mn > i { background-color: #000; }

.fixed .header_right .ic {color:#000;}
.fixed .header_right .ic.eng{background-image:url(/asset/images/h_language_.png);}
.fixed .header_right .ic.login{background-image:url(/asset/images/h_login_.png);}
.fixed .header_right .ic.logout{background-image:url(/asset/images/h_logout_.png);}
.fixed .header_right .ic.join{background-image:url(/asset/images/h_join_.png);}



#footer { padding: 4rem 0; background-color: #333; font-size: .875rem; font-weight: 300; color: #fff; }
#footer .inner { position: relative; background: url('/asset/images/logo_w.png') no-repeat 0 45%; justify-content: flex-end; }
#footer .inner .right { width: calc(100% - 21.875rem); }
#footer .inner nav ul { display: flex; gap: 30px; }
#footer .inner nav ul li { position: relative; }
#footer .inner nav ul li + li::after { content: ""; position: absolute; top: 50%; left: -15px; transform: translateY(-50%); width: 1px; height: 50%; background: #999; }
#footer .inner nav ul li a { font-size: .875rem; font-weight: 300; color: #fff; }
#footer .inner address { font-size: .875rem; color: #999; }
#footer .inner address .flex_box p {gap:1.6875rem; margin-top:0.625rem;}
#footer .inner address em{position:relative;}
#footer .inner address em + em:after{content:''; position:absolute; top: 50%; left:-0.9375rem; transform:translateY(-50%); width:1px; height:50%; background:#999;}
#footer .right_link{justify-content:end; gap:1rem; width:200px;}
#footer .right_link select{border-radius:5px;}
#footer .right_link .link{gap:0.625rem;}



/*탭*/
.tab_box_wrap > .tab { display: none; position: relative; }
.tab_box_wrap > .tab.active { display: block; }



/* 팝업 */

.popup_scroll {max-height:700px; overflow-x:hidden; overflow-y:auto;}
.pop_main .gray_border { padding: 1rem; }

.pop_header { width: 100%; padding: 10px 30px; display: flex; justify-content: space-between; background: #897c71; color: #fff; }
.pop_header h1 { font-size: 1.3rem; font-weight: 500; }
.pop_header .close { font-size: 1.5rem; color: #fff; }
.pop_main { padding: 20px; }
.pop_main .title_wrap { padding: 25px 0; }
.pop_main .table_data th { padding: 10px 0; }
.pop_main .table_data td { padding: 8px 0; }

table.table_popup { table-layout: fixed; width: 100%; }
table.table_popup tr { border-bottom: 1px solid #dbdbdb; }
table.table_popup th { background: #f5f5f5; text-align: left; padding: 10px 15px; border-right: 1px solid #dbdbdb; }
table.table_popup td { padding: 10px; border-right: 1px solid #dbdbdb; text-align: left; }
table.table_popup td:last-child { border: 0; }
table.table_popup td .small_text { padding-left: 10px; }

/*테이블*/

.table_box { border-top: #000 2px solid; max-height: 800px; overflow: auto; position: relative; }
.table_box thead th { position: sticky; top: 0; }
.table_box tfoot td { position: sticky; bottom: 0; }
.table_line { width: 100%; border-top: #000 2px solid; position: relative; }
.table_line.bw1 { border-width: 1px; }
.table_line_red { border-top: #b10e29 2px solid; overflow-X: auto; /* margin-top: 20px; */ position:relative;}

.table_box::-webkit-scrollbar { width: 10px; }
.table_box::-webkit-scrollbar-thumb { height: 30%; background: #0894b5; border-radius: 5px; }
.table_box::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 5px; }



/*입력폼(회원가입 등)*/
table.table_write { table-layout: fixed; width: 100%; }
table.table_write tr { border-bottom: 1px solid #dbdbdb; }
table.table_write th { background: #f5f5f5; text-align: left; padding: 10px 20px; border-right: 1px solid #dbdbdb; }
table.table_write td { padding: 10px; border-right: 1px solid #dbdbdb; text-align: left; }
table.table_write td:last-child { border: 0; }
table.table_write td .small_text { padding-left: 10px; }
table.table_write td input[type="password"],
table.table_write td input[type="email"],
table.table_write td input[type="text"] { width: 100%; max-width: 310px; }
table.table_write td input[type="text"].long_input { max-width: 100%; }
table.table_write td textarea { width: 100%; height: 150px; }

.pick_day { background: #fff url('/asset/images/cal_icon.png') no-repeat right 15px top 50%; }

/*전화번호*/
.phone_input { width: 100%; max-width: 310px; display: flex; justify-content: space-between; gap: 2%; }
.phone_input > input[type="text"] { flex: 1; }
.phone_input > span { color: #999; line-height: 35px; }

/*사업자번호*/
.business_input { width: 100%; display: inline-block; max-width: 310px; }
.business_input .flex_box { gap: 2%; }
.business_input input[type="text"]:nth-child(1) { width: 25%; }
.business_input input[type="text"]:nth-child(3) { width: 22%; }
.business_input input[type="text"]:nth-child(5) { width: 40%; }
.business_input span { color: #999; line-height: 35px; }

/*사진첨부*/
.pic_upload { display: flex; flex-wrap: wrap; align-items: center; }
.pic_upload .gray_border { width: 150px; height: 180px; padding: 10px; border-radius: 3px; }
.pic_upload .pic_default { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.pic_upload label { margin-left: 10px; }

/*파일첨부*/
.file_attach .file_list { height: 160px; overflow: auto; margin-top: 7px; border: 1px solid #ddd; border-radius: 3px; padding: 10px; }
.file_attach .file_list .filebox p { width: calc(100% - 20px); font-size: .94rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.file_attach .file_list .filebox p + p { margin-top: 7px; }
.file_attach .file_list .filebox .delete { color: #ff5353; margin-left: 5px; }
.file_attach label { padding: 7px 15px 6px; }



/*컨텐츠페이지 테이블*/
table.table_list { table-layout: fixed; }
table.table_list tr { border-bottom: 1px solid #ddd; }
table.table_list th { text-align: left; padding: 1.5rem 1.25rem; vertical-align: top; }
table.table_list td { text-align: left; padding: 1.5rem 1.25rem; }

table.table_basic { table-layout: fixed; }
table.table_basic tr { border-bottom: 1px solid #ddd; }
table.table_basic th { padding: 1rem; text-align: center; font-size: 1.125rem; border-right: 1px solid #ddd; }
table.table_basic th:last-child { border-right: 0; }
table.table_basic td { padding: .6rem 1.25rem; text-align: left; border-right: 1px solid #ddd; }
table.table_basic td:last-child { border-right: 0; }


/*고객서비스 데이터 검색 컨트롤러*/
.data_search_wrap { margin-top: 40px; padding: 30px; background: #f6f6f6; border-radius: .94rem; }
table.data_search { table-layout: fixed; }
table.data_search th {  }
table.data_search td { padding: 10px; text-align: left; }
table.data_search td select { width: 100%; max-width: 165px; }
.search_day { width: 100%; max-width: 300px; display: flex; justify-content: space-between; align-items: center; }
.search_day > input { width: 45%; }
.search_day > input { background: #fff url('/asset/images/cal_icon2.png') no-repeat right .94rem top 50%; }

.day_btns { padding: 0 30px; }
.day_btns > button { margin: 0 3px; padding: 6px 20px 5px; border-radius: 500px; font-size: .94rem; font-weight: 500; text-align: center; background: #dedede; color: #8d8d8d; }
.day_btns > button.active { background: #464646; color: #fff; }

.data_input { display: flex; gap: 1%; }
.data_input .flex_box { gap: 1%; }
.data_input .flex_box input:nth-child(1) { width: 66%; max-width: 165px; }
.data_input .flex_box input:nth-child(2) { width: 34%; }

.data_input2 { display: flex; gap: 1%; }
.data_input2 .flex_box { gap: 1%; }
.data_input2 .flex_box input:nth-child(1) { width: 48%; max-width: 165px; }
.data_input2 .flex_box input:nth-child(2) { width: 25%; }
.data_input2 .flex_box input:nth-child(3) { width: 25%; }



/*표*/
table.table_data { font-size: .94rem; }
table.table_data tr { border-bottom: 1px solid #ddd; }
table.table_data th { padding: .81rem; background: #f7f7f7; border-right: 1px solid #ddd; font-weight: 500; text-align: center; vertical-align: middle; }
table.table_data th:last-child { border-right: 0; }
table.table_data td { padding: .94rem; text-align: center; border-right: 1px solid #ddd; }
table.table_data td:last-child { border-right: 0; }
table.table_data .slide_table a { position: relative; font-weight: 700; }
table.table_data .slide_table a::after { content: ""; position: absolute; top: 50%; right: -20px; width: 8px; height: 8px; border-bottom: 2px solid #000; border-right: 2px solid #000; transform: translate(0, -50%) rotate(45deg); transition: .3s; }
table.table_data .slide_table a.active::after { transform: translate(0, -30%) rotate(-135deg); }
table.table_data .total td { padding: .94rem 20px; background: #e6f6fe; }

.sort_up { display: block; padding: 0 10px; text-align: right; position: relative; }
.sort_up::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; border: 8px solid red; border-top: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; }
.sort_down { display: block; padding: 0 10px; text-align: right; position: relative; }
.sort_down::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; border: 8px solid blue; border-bottom: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; }

/*리스트 게시판 검색창*/
.search_form{display:flex; justify-content:end;}
.search_general { display: flex; width: 35%; justify-content: space-between; position:relative;/* padding: 1.25rem; */  /* justify-content: center; */ /* gap: .8rem; */ /* background: #f7f7f7; */ /* border-radius: 10px; */  }
.search_general select {height:40px; border-radius:5px; width:36.61%; /* min-width: 140px; */ }
.search_general input[type="text"] { width:60%; height:40px; border-radius:5px; background:#eee; border:none;/* max-width: calc(100% - 305px); */ }
.search_general .search_btn { width:1rem; height:1rem; background:url('/asset/images/search_icon.png') no-repeat; background-size:1rem; position: absolute; right: 13px; top: 30%; filter: grayscale(100%) brightness(0);/* font-size: 1rem; */ /* color: #fff; */ /* text-align: left; */ /* padding: 0 1.2rem; */ /* border-radius: 10px; */ }
.page_go { font-size: .875rem; margin: 2.2rem 0 .5rem; }



/*리스트 게시판*/
table.board_list { table-layout: fixed; position: relative; color: #333; }
table.board_list::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000; }
table.board_list tbody tr { border-bottom: 1px solid #ddd; }
table.board_list th { padding: .875rem 0; background: #f9f9f9; position: relative; text-align: center; }
table.board_list td { padding: .875rem; text-align: center; font-weight: 300; white-space: nowrap; }
table.board_list td:last-child { border: 0; }
table.board_list td.title { display: flex; align-items: center; gap: 5px; padding-right: .94rem; text-align: left; }
table.board_list td.notice_type span { display: inline-block; width: 4rem; border: 1px solid #ccc; border-radius: 3px; font-size: .875rem; font-weight: 500; text-align: center; }
table.board_list td.title a { max-width: 93%; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.board_list td.title img { width: 1.0625rem; margin-left: 0.2rem;}
table.board_list td.title b { color: #eb5d45; margin-left: 0.2rem;}
table.board_list td.date {color: #666; }
table.board_list td .notice {padding:0.25rem 0.7915rem; border-radius:10px; background: #0862a6; font-size: .94rem; font-weight: 500; color: #fff; }


table.board_list2 { table-layout: fixed; position: relative; color: #333; }
table.board_list2 tr { border-bottom: 1px solid #ddd; }
table.board_list2 th { padding: .875rem 0; background: #fff; border-right: 1px solid #ddd; position: relative; text-align: center; }
table.board_list2 th:last-child { border: 0; }
table.board_list2 td { padding: .6rem; border-right: 1px solid #ddd; text-align: center; font-weight: 300; white-space: nowrap; }
table.board_list2 td:last-child { border: 0; }
table.board_list2 td.title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.board_list2 td .btn_style4 { display: inline-block; margin: 0 auto; padding: .45rem; width: 5rem; font-size: .875rem; }



/*게시판 뷰페이지*/
.board_view .view_title { padding: 2rem 1rem; background: #f9f9f9; border-top: 2px solid #000; border-bottom: 1px solid #000; text-align: center; }
.board_view .view_title h4 { font-size: 1.5rem; }
.board_view .view_title ul { margin-top: 12px; display: flex; flex-wrap: wrap; justify-content: center; }
.board_view .view_title li { padding: .4rem 10px; position: relative; font-size: .94rem; color: #666; }
.board_view .attached_file { padding: 19px 40px 17px; display: flex; }
.board_view .attached_file b { margin-right: .94rem; padding-right: .94rem; position: relative; font-weight: 700; }
.board_view .attached_file b::after { content: ""; position: absolute; top: 5px; right: 0; width: 1px; height: 14px; background: #ccc; }
.board_view .attached_file ul { width: calc(100% - 85px); }
.board_view .attached_file ul li + li { margin-top: 5px; }
.board_view .attached_file ul li a { width: fit-content; max-width: 100%; display: flex; align-items: center; }
.board_view .attached_file ul li a span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board_view .attached_file ul li a img { margin-right: 2px; }
.board_view .view_contents { padding: 40px; border-top: 1px dashed #dedede; border-bottom: 1px dashed #dedede; }
.board_view .btn_wrap { padding: .94rem 0; justify-content: flex-end; }
.board_view .article { border-top: 1px dashed #dedede; }
.board_view .article li { padding: .94rem 40px; display: flex; align-items: center; border-bottom: 1px dashed #dedede; }
.board_view .article li b { width: 100px; position: relative; }
.board_view .article li b::after { content: ""; position: absolute; top: 50%; right: 30px; width: 7px; height: 7px; border-top: 2px solid #000; border-right: 2px solid #000; transform: translate(0, -30%) rotate(-45deg); }
.board_view .article li:last-child b::after { transform: translate(0, -80%) rotate(135deg); }
.board_view .article li span { width: calc(100% - 190px); }
.board_view .article li em { width: 100px; font-size: .94rem; font-weight: 300; color: #666; text-align: right; }

.board_view .view_contents iframe { max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; }



/*갤러리형 게시판*/
.photo_list { width:100%; }
.photo_list ul { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; position: relative; }
.photo_list ul li { border: 1px solid #ddd; transition: .3s; position: relative; }
.photo_list ul li:hover { border-color: #b10e29; box-shadow: 0 15px 23px 0 rgb(0 0 0 / 5%); transform: translateY(-2px); }
.photo_list ul li .img_box { height: 205px; overflow: hidden; }	
.photo_list ul li .img_box img { width: 100%; height: 100%; object-fit: cover; }	
.photo_list ul li .descript { height: 6.875rem; padding: 1rem 1.25rem; background: #fff; position: relative; }	
.photo_list ul li .descript .title { font-weight: 500; color: #333; word-break:break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }	
.photo_list ul li .descript .date { position: absolute; right: 1.25rem; bottom: 1rem; font-size: .875rem; color: #666; text-align: right; }	


/*그리드형 게시판*/
.box_list { width:100%; }
.box_list ul {width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.box_list ul > li { border: 2px solid #ebebeb; border-radius: 5px; padding: 40px 25px 50px 25px; transition: .3s; position: relative; }
.box_list ul > li:hover { border-color: #0894b5; box-shadow: 0 15px 23px 0 rgb(0 0 0 / 5%); transform: translateY(-2px); }
.box_list ul > li .photo { display: block; height: 240px; background-color: #eee; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
.box_list ul > li .title { width: 100%; margin: 20px 0; font-size: 1.1rem; font-weight: 800; color: #1a1a1a; clear:both; word-break:break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.box_list ul > li .article { font-size: .9rem; word-break:break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.box_list ul > li .date { font-weight: 800; letter-spacing: -.5px; color: #0894b5; }
.box_list ul > li .notice_ico { position: absolute; top: 40px; right: 25px; }



/*페이징 버튼*/
.paging { display: flex; gap: .625rem; justify-content: center; text-align: center; margin-top: 3.2rem; }
.paging a { display: inline-block; width: 2.5rem; height: 2.5rem; line-height: 2.25rem; /* border: 1px solid #ccc; border-radius: 5px; */ font-weight: 500; color: #666; overflow: hidden; }
.paging a.on { display: inline-block;width: 2.5rem; height: 2.5rem; line-height: 2.25rem; background: #00225a; border-color: #00225a; font-weight: 700; color: #fff; }
.paging a.first img,
.paging a.last img{opacity:30%;}





/*모달*/
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:99998;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}
.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}
.blocker.behind{background-color:transparent}
.modal{display:none;vertical-align:middle;position:relative;z-index:99999;max-width:480px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}
.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}
.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}
.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}
@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}



/*슬라이드*/
.slide_list{border-top: 2px solid #000; border-bottom: 1px solid #000;}
.slide_list > dt { position: relative; width: 100%; border-bottom: 1px solid #dddddd;}
.slide_list > dt::after { content: ""; position: absolute; top: 40%; right: 1.25rem; width: 1rem; height: 1rem; border-right: 2px solid #999; border-bottom: 2px solid #999; transform: translate(0 , -50%) rotate(45deg); transition: .3s; }
.slide_list > dt.on {border-radius: 5px 5px 0 0; }
.slide_list > dt.on::after {transform: translate(0 , -50%) rotate(-135deg);  top: 55%;}
.slide_list > dt a {display: flex; padding: 2.188rem 3rem 2.188rem 6rem; align-items: center; font-size:1.125rem; color:#333;}
.slide_list > dt a span {padding: .6rem 1rem; }
.slide_list > dd {padding:2.188rem 2rem 2.188rem 6.6rem; background: #f7f7f7; position:relative; border-bottom: 1px solid #dddddd; color:#333; word-wrap: break-word;}
.slide_list > dt i,
.slide_list > dd i{position:absolute; left:2rem; top:1.7rem; font-size:1.5625rem; font-weight:700;}
.slide_list > dd i {color: #206adf; left:3.125rem;}





@media screen and (max-width: 1600px) {

	
	
}


@media screen and (max-width: 1400px){
	.inner { width: 90%; }
	#header .inner { width: 93%; }
	#header .inner h1.logo { width: 240px;}
	.pc .gnb > ul > li .depth2 {transform: translateX(-390px); width: 1170px; padding-left:360px;}
	.pc .gnb > ul > li .depth2 .left_tit {left:55px; width:280px; padding-left: 17px;}

	.quick_right { display: none; }
}

@media screen and (max-width: 1200px){
	/* .pc .gnb > ul > li { padding: 0 20px; } */
	/* .pc .gnb { left: 47%; } */
	.pc .gnb > ul > li .depth2 {width: 1100px; padding-left: 347px; gap:10px;}
	.pc .gnb > ul > li .depth2 .left_tit {width: 240px; left: 91px;}
	.pc .gnb > ul > li > a{padding:0 20px;}
	
	#footer .inner .right { width: calc(100% - 400px); }
	#footer .right_link {width:100%; justify-content:start; align-items:center; margin-top:1rem; gap:2rem;}
	#footer .right_link select {height:30px;}
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {
	.photo_list ul li .img_box  { height: 160px; }
}

@media screen and (max-width: 1024px) {
	#header .inner { height: 60px; }
	#header .hd-schbx { top: 60px; }
	#header .bt-mn { display: block; }
	#header .inner h1.logo {width: 200px;}
	.header_right .ic.eng{width:20px;}
	
	.pc .gnb { display: none; }
	.header_top { height: 30px; } 
	.header_top .inner li { height: 30px; line-height: 30px; } 
	.header_top .inner li + li::after { height: 13px; }
	.header_right .btns a { width: 35px; height: 35px; }

	#sidebar .gnb > ul { gap: 0; }
	#sidebar .gnb > ul > li { flex: none; width: 100%; }
	#sidebar .gnb > ul > li > a { border-color: #e1e1e1; }
	#sidebar .gnb > ul > li > ul.depth2 { display: none; }
	#sidebar .gnb > ul > li > ul.depth2 > li > a { border: 0; }
	
	
	.photo_list ul { grid-template-columns: repeat(3, 1fr); }
	

	#footer { padding: 45px 0; }
	#footer .inner { background-size: 200px; }
	#footer .inner .right { width: calc(100% - 260px); }
	#footer .family_site > button { width: 160px; height:35px; text-indent: 10px; }
	#footer .family_site > ul li { padding: 10px; }
	.footer_btm > button { display: none; }
}


@media screen and (max-width: 980px) {

	
}

@media screen and (max-width: 980px) and (min-width: 800px) {
	.photo_list ul li .img_box  { height: 160px; }
}


@media screen and (max-width: 800px) {
	.header_right {gap:0.9375rem;}


	.photo_list ul { grid-template-columns: repeat(2, 1fr); }

	.main_pop { width: 95% !important; position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%)!important;}
	
	#footer { padding: 0; }
	#footer .inner { padding: 90px 0 30px; background-position: 50% 30px; }
	#footer .inner .right { width: 100%; text-align: center; }
	#footer .inner .right address { width: 100%; }
	#footer .inner nav ul { justify-content: center; }
	#footer address .flex_box{justify-content: center;}
	#footer .right_link {justify-content:center;}

}


@media screen and (max-width: 767px) {
	.flex_box .half { width: 100%; }
	.flex_box .half + .half { margin-top: 1rem; }

	.flex_box .half .round5 { margin-top: 40px; }

	/* .search_general { gap: 5px; }
	.search_general select,
	.search_general input[type="text"],
	.search_general .search_btn { height: 35px; border-radius: 5px; }
	.search_general select { min-width: 100px; }
	.search_general input[type="text"] { max-width: calc(100% - 200px); }
	.search_general .search_btn { width: 80px; } */
	

	.table_line { overflow-x: auto; }

	table.table_list > colgroup { display: none; }
	table.table_list > tbody > tr { display: flex; flex-wrap: wrap; }
	table.table_list > tbody > tr > td, table.table_list > tbody > tr > th { width: 100%; }
	table.table_list > tbody > tr > th br { display: none; }

	table.table_data { min-width: 500px; }

}


@media screen and (max-width:640px){
	.mob_only { display: block !important; }
	.pc_only { display: none; }

	#header .inner { height: 60px; }
	#header .bt-mn { width: 25px; }
	#header .bt-mn > i:nth-child(1){ margin-top: -10px;}
	#header .bt-mn > i:nth-child(2){ margin-top: -2px;}
	#header .bt-mn > i:nth-child(3){ margin-top: 6px;}
	#header .inner h1.logo a {background-position: 0 50%;background-size: 180px;}
	.header_right {gap:0.625rem;}
	

	.header_right .lang > button { font-size: .9rem; padding: 5px 11px }

	#footer .inner {background-size: 180px;}

	h3.h3_tit { font-size: 2rem; text-align: center; }
	h4.h4_tit { font-size: 1.5rem; }
	
	/* .search_general select { min-width: 80px; }
	.search_general input[type="text"] { max-width: 100%; width: calc(100% - 150px); }
	.search_general .search_btn { width: 60px; color: transparent; background-position: 50% 50%; } */

	.photo_list ul li .img_box  { height: 160px; }

	.flex_box > .third { width: 100%; }
	.flex_box > .third + .third { margin-top: 10px; }

	.flex_box > .third .round5 { margin-top: 40px; }

	table.board_list colgroup, .board_list thead { display: none; }
	table.board_list tbody tr { padding: 5px 10px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
	table.board_list tbody tr td { height: 30px; line-height: 30px; padding: 0; border: 0; }
	table.board_list tbody tr td.num { width: fit-content; text-align: left; }
	table.board_list tbody tr td.notice_type {width: 50%; text-align: right;}
	table.board_list tbody tr td.notice_type span { padding: 0; border: 0; text-align: right; color: #b10e29; } 
	table.board_list tbody tr td.title { width: calc(100% - 5.3rem); padding-right: 0; gap: 0; }
	table.board_list tbody tr td.name {width:5rem; text-align:right;}
	table.board_list tbody tr td.date { width: 50%; height: 30px; font-size: .94rem; color: #999; line-height: 25px; text-align: left; }
	table.board_list tbody tr td.hit { width: 50%; height: 30px; font-size: .94rem; color: #999; line-height: 25px; text-align: right; }
	table.board_list tbody tr td.hit::before { content: "조회수 : "; }
	table.board_list td .notice { padding: 1px .7rem; font-size: .8rem; }
	table.board_list tbody tr td.state { font-size: .9rem; }
	.search_result table.board_list tbody tr td.title { width: 100%; }

	table.board_list2 colgroup, .board_list2 thead { display: none; }
	table.board_list2 tbody tr { padding: 5px 10px 0; display: flex; flex-wrap: wrap; }
	table.board_list2 tbody tr td { width: 100%; text-align: left; padding: 0; border: 0; }
	table.board_list2 tbody tr td.num,
	table.board_list2 tbody tr td.locate { width: fit-content; margin-right: 5px; }
	table.board_list2 tbody tr td.locate::before { content: "지역 : "; }
	table.board_list2 tbody tr td.title::before { content: "자조모임명 : "; }
	table.board_list2 td:last-child { margin: 10px 0; text-align: right; }

	table.table_write colgroup { display: none; }
	table.table_write tr { display: flex; flex-wrap: wrap; }
	table.table_write th,
	table.table_write td { width: 100%; border: 0; }

	.board_view .view_contents { padding: 20px; }
	.board_view .article li { padding: 1rem 10px; }
	.board_view .article li b { width: 25px; font-size: 0px; }
	.board_view .article li b::after { right: 10px; }
	.board_view .article li span { width: calc(100% - 130px); }

	
	.slide_list > dt a span.round { width: 100px; text-align: center; }
	.slide_list > dt a span.medium { width: calc(100% - 110px);  }
	.slide_list > dt a {padding: 2rem 2.5rem 2rem 4rem;}
	.slide_list > dd {padding: 2rem 1.5rem 2rem 5rem;}
	.slide_list > dt i, 
	.slide_list > dd i {top: 1.4rem; left:1.5rem;}
	.slide_list > dd i{left:2.5rem;}
	
	/* .slide_list > dd { overflow-x: scroll; } */
	
	h4.deco::after {top:1.1rem;}
	
}


@media screen and (max-width: 530px) {
	.header_right .ic {background-position:50% 25%; padding-top:25px;}
	.header_right .ic.eng {width:auto; background-size:15px;}
	.header_right .ic.login {background-size:11px;}
	.header_right .ic.join {background-size:13px;}
}


@media screen and (max-width: 480px) {
	#sidebar .inner { width: 100%; }
	.header_top .inner { width: 100%; }
	.header_top .inner li { flex: 1; text-align: center; padding: 0; }
	.header_top .inner li:last-child { display: none; }
	
	#header .inner h1.logo { width: 200px; }
	.header_right {/*  gap: 10px;  */}
	.header_right .btns a { width: 24px; height: 24px; }
	#header .inner h1.logo a {background-size: 160px;}
	
	/* .search_general { flex-wrap: wrap; justify-content: flex-start; }
	.search_general input[type="text"] { width: calc(100% - 65px); } */

	.photo_list ul li .img_box { height: 140px; }
	.photo_list ul li .descript { padding: .75rem 1rem; }
	.photo_list ul li .descript .date { right: 1rem; bottom: .75rem; }

	.flex_box > .half { width: 100%; }

	.pick_day { flex-wrap: wrap; justify-content: center; }
	.pick_day input { width: 100% !important; }

	.faq_list dt { padding: 15px 50px; }
	.faq_list dt i { left: 20px; font-size: 20px; }
	.faq_list dd { padding: 15px 15px 15px 50px; }
	.faq_list dd i { left: 20px; top: 15px; font-size: 20px; }
	.faq_list dt::after { width: 10px; height: 10px; right: 20px; }


	.data_input .flex_box { justify-content: flex-start; }
	.data_input .flex_box input { flex: 1; }


	.board_view .attached_file { padding: 15px 20px; }
	.board_view .btn_style { font-size: .8rem; padding: 5px 10px; }
	#footer .inner nav ul {gap: 10px 15px; flex-flow: row wrap;}
	#footer .inner nav ul li + li::after {display:none;} 

	table.table_basic td { padding: 6px 5px; }

	.fs15 { font-size: 13px; }
	.fs14 { font-size: 12px; }
}


@media screen and (max-width: 360px) {
	.table_line { overflow: auto; }

	.search_general select,
	.search_general input[type="text"],
	.search_general .search_btn { height: 30px; }

	/* .search_general select { min-width: 70px; }
	.search_general input[type="text"] { width: calc(100% - 45px); }
	.search_general .search_btn { width: 40px; } */

	.photo_list ul li .img_box { height: 100px; }
	.photo_list ul li .descript { padding: .5rem .75rem;  height: 5.5rem; }
	.photo_list ul li .descript .title { font-size: .85rem; }
	.photo_list ul li .descript .date { font-size: .78rem; }
	

	.board_view .article li span { width: calc(100% - 30px); }
	.board_view .article li em { display: none; }


	#footer .inner nav ul { gap: 10px; font-size: .85rem; }
	#footer .inner nav ul li + li::after { left: -5px; }
	
}