﻿@charset 'UTF-8';

/***** font *****/
@font-face{
	font-family:'Noto Sans KR';/*Noto Sans KR Light*/
	font-weight:200;
	src:url('/wwwroot/font/NotoSansKR/NotoSansKR-Light.eot') format('embedded-opentype');/*IE 호환성*/
	src:url('/wwwroot/font/NotoSansKR/NotoSansKR-Light.eot?#iefix') format('embeded-opentype'), /*ie 6 ~ 8*/
	url('/wwwroot/font/NotoSansKR/NotoSansKR-Light.ttf') format('truetype'),
	url('/wwwroot/font/NotoSansKR/NotoSansKR-Light.woff') format('woff');
}
@font-face{
	font-family:'Noto Sans KR';/*Noto Sans KR DemiLight*/
	font-weight:300; 
	src:url('/wwwroot/font/NotoSansKR/NotoSansKR-DemiLight.eot') format('embedded-opentype');/*IE 호환성*/
	src:url('/wwwroot/font/NotoSansKR/NotoSansKR-DemiLight.eot?#iefix') format('embeded-opentype'), /*ie 6 ~ 8*/
	url('/wwwroot/font/NotoSansKR/NotoSansKR-DemiLight.ttf') format('truetype'),
	url('/wwwroot/font/NotoSansKR/NotoSansKR-DemiLight.woff') format('woff');
}
@font-face{
	font-family:'Noto Sans KR';/*Noto Sans KR Regular*/
	font-weight:400;
	src:url('/wwwroot/font/NotoSansKR/NotoSansKR-Regular.eot') format('embedded-opentype');/*IE 호환성*/
	src:url('/wwwroot/font/NotoSansKR/NotoSansKR-Regular.eot?#iefix') format('embeded-opentype'), /*ie 6 ~ 8*/
	url('/wwwroot/font/NotoSansKR/NotoSansKR-Regular.ttf') format('truetype'),
	url('/wwwroot/font/NotoSansKR/NotoSansKR-Regular.woff') format('woff');
}
@font-face{
	font-family:'Noto Sans KR';/*Noto Sans KR Medium*/
	font-weight:500;
	src:url('/wwwroot/font/NotoSansKR/NotoSansKR-Medium.eot') format('embedded-opentype');/*IE 호환성*/
	src:url('/wwwroot/font/NotoSansKR/NotoSansKR-Medium.eot?#iefix') format('embeded-opentype'), /*ie 6 ~ 8*/
	url('/wwwroot/font/NotoSansKR/NotoSansKR-Medium.ttf') format('truetype'),
	url('/wwwroot/font/NotoSansKR/NotoSansKR-Medium.woff') format('woff');
}
@font-face{
	font-family:'Noto Sans KR';/*Noto Sans KR Bold*/
	font-weight:700;
	src:url('/wwwroot/font/NotoSansKR/NotoSansKR-Bold.eot') format('embedded-opentype');/*IE 호환성*/
	src:url('/wwwroot/font/NotoSansKR/NotoSansKR-Bold.eot?#iefix') format('embeded-opentype'), /*ie 6 ~ 8*/
	url('/wwwroot/font/NotoSansKR/NotoSansKR-Bold.ttf') format('truetype'),
	url('/wwwroot/font/NotoSansKR/NotoSansKR-Bold.woff') format('woff');
}
@font-face{
	font-family:'Noto Sans KR';/*Noto Sans KR ExtraBold*/
	font-weight:900;
	src:url('/wwwroot/font/NotoSansKR/NotoSansKR-Black.eot') format('embedded-opentype');/*IE 호환성*/
	src:url('/wwwroot/font/NotoSansKR/NotoSansKR-Black.eot?#iefix') format('embeded-opentype'), /*ie 6 ~ 8*/
	url('/wwwroot/font/NotoSansKR/NotoSansKR-Black.ttf') format('truetype'),
	url('/wwwroot/font/NotoSansKR/NotoSansKR-Black.woff') format('woff');
}
@font-face {
	font-family:'GmarketSansTTF'; /*GmarketSansTTF Medium*/
	font-weight:500;
	src:url('/wwwroot/font/GmarketSansTTF/GmarketSansTTFMedium.eot') format('embedded-opentype'); /*IE 호환성*/
	src:url('/wwwroot/font/GmarketSansTTF/GmarketSansTTFMedium.eot?#iefix') format('embeded-opentype'), /*ie 6 ~ 8*/
	url('/wwwroot/font/GmarketSansTTF/GmarketSansTTFMedium.ttf') format('truetype'), 
	url('/wwwroot/font/GmarketSansTTF/GmarketSansTTFMedium.woff') format('woff');
}
@font-face {
	font-family:'BinggraeⅡ'; /*BinggraeⅡ Bold*/
	font-weight:700;
	src:url('/wwwroot/font/BinggraeⅡ/BinggraeII-Bold.eot') format('embedded-opentype'); /*IE 호환성*/
	src:url('/wwwroot/font/BinggraeⅡ/BinggraeII-Bold.eot?#iefix') format('embeded-opentype'), /*ie 6 ~ 8*/
	url('/wwwroot/font/BinggraeⅡ/BinggraeII-Bold.ttf') format('truetype'), 
	url('/wwwroot/font/BinggraeⅡ/BinggraeII-Bold.woff') format('woff');
}


/***** reset *****/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var, b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;box-sizing:border-box;-webkit-text-size-adjust:none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
fieldset,img{vertical-align:top;border:0}
img{max-width:100%}
hr,legend,caption{display:none}
table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}
input,select,textarea,button,label{font-family:inherit;vertical-align:middle}
input,select,textarea{border:1px solid #ccc;border-radius:0;box-shadow:none;box-sizing:border-box;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
::placeholder{color:#999;opacity:1}
:-ms-input-placeholder{color:#999;vertical-align:top}
::-ms-input-placeholder{color:#999}
::-moz-focus-inner{padding:0;border:0}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button{height:auto;-webkit-appearance:none}
input::-webkit-search-cancel-button, input::-webkit-search-decoration{-webkit-appearance:none}
input:-ms-clear{display:none}
input::-ms-clear{display:none}
input[readonly], input[disabled], textarea[readonly], textarea[disabled]{color:#808080;background-color:#f8fafb;outline:none;cursor:default}
input{width:100%;height:33px;padding:0 10px;line-height:31px}
input[type="number"]{-moz-appearance:textfield}
input[type="radio"],input[type="checkbox"]{position:absolute;width:0 !important;height:0;margin:0;padding:0;opacity:0}
input[type="file"]{cursor:pointer}
select{width:100%;height:33px;padding:0 41px 0 14px;color:#666;font-size:14px;text-overflow:ellipsis;white-space:nowrap;background:url(/wwwroot/images/common/bg_select.png) no-repeat 100% 50%;cursor:pointer}
select::-ms-expand{display:none}
option{color:#666;cursor:pointer}
option[disabled]{display:none}
textarea{width:100%;padding:10px;resize:none}
button, input[type="submit"]{border:0;background-color:transparent;cursor:pointer}
address,em,i{font-style:normal}
a{color:#333;text-decoration:none}
a:focus, button:focus{outline:none}
body{color:#333;font-size:14px;font-family:'Noto Sans KR',sans-serif, Malgun Gothic, '맑은고딕', Dotum, '굴림', Gulim, Helvetica}

/***** component *****/
.clearfix:after{content:'';display:block;clear:both}
.clearfix > *{float:left}
.blind{position:absolute;top:-9999px;text-indent:-9999px}
.no_after:after{display:none !important}
.no_before:after{display:none !important}
.mo{display:none}
/*** display ***/
.dn{display:none !important}
.db{display:block !important}
.dib{display:inline-block !important}
.dt{display:table !important}
.dtc{display:table-cell !important}
.vh{visibility:hidden !important}
.vv{visibility:visible !important}
.fl{float:left !important}
.fr{float:right !important}
/*** position ***/
.posr{position:relative !important}
.posa{position:absolute !important}
.posf{position:fixed !important}
.poss{position:static !important}
/*** width ***/
.wa{width:auto !important}
.w100p{width:100% !important}.w90p{width:90% !important}.w80p{width:80% !important}.w70p{width:70% !important}.w60p{width:60% !important}.w50p{width:50% !important}.w40p{width:40% !important}.w30p{width:30% !important}.w20p{width:20% !important}.w10p{width:10% !important}
.w300{width:300px !important}.w200{width:200px !important}.w160{width:160px !important}.w150{width:150px !important}.w120{width:120px !important}.w100{width:100px !important}.w60{width:60px !important}
/*** height ***/
.ha{height:auto !important}
.h100p{height:100% !important}
.h300{height:300px !important}.h200{height:200px !important}.h100{height:100px !important}
/*** margin, padding ***/
.ma{margin:auto !important}
.m0{margin:0 !important}
.mt0{margin-top:0 !important}.mt5{margin-top:5px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt35{margin-top:35px !important}.mt40{margin-top:40px !important}.mt45{margin-top:45px !important}.mt50{margin-top:50px !important}.mt55{margin-top:55px !important}.mt60{margin-top:60px !important}
.mr0{margin-right:0 !important}.mr5{margin-right:5px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr20{margin-right:20px !important}.mr25{margin-right:25px !important}.mr30{margin-right:30px !important}.mr35{margin-right:35px !important}.mr40{margin-right:40px !important}.mr45{margin-right:45px !important}.mr50{margin-right:50px !important}.mr55{margin-right:55px !important}.mr60{margin-right:60px !important}
.mb0{margin-bottom:0 !important}.mb5{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}.mb55{margin-bottom:55px !important}.mb60{margin-bottom:60px !important}
.ml0{margin-left:0 !important}.ml5{margin-left:5px !important}.ml10{margin-left:10px !important}.ml15{margin-left:15px !important}.ml20{margin-left:20px !important}.ml25{margin-left:25px !important}.ml30{margin-left:30px !important}.ml35{margin-left:35px !important}.ml40{margin-left:40px !important}.ml45{margin-left:45px !important}.ml50{margin-left:50px !important}.ml55{margin-left:55px !important}.ml60{margin-left:60px !important}
.p0{padding:0 !important}
.pt0{padding-top:0 !important}.pt5{padding-top:5px !important}.pt10{padding-top:10px !important}.pt15{padding-top:15px !important}.pt20{padding-top:20px !important}.pt25{padding-top:25px !important}.pt30{padding-top:30px !important}.pt35{padding-top:35px !important}.pt40{padding-top:40px !important}.pt45{padding-top:45px !important}.pt50{padding-top:50px !important}.pt55{padding-top:55px !important}.pt60{padding-top:60px !important}
.pr0{padding-right:0 !important}.pr5{padding-right:5px !important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pr20{padding-right:20px !important}.pr25{padding-right:25px !important}.pr30{padding-right:30px !important}.pr35{padding-right:35px !important}.pr40{padding-right:40px !important}.pr45{padding-right:45px !important}.pr50{padding-right:50px !important}.pr55{padding-right:55px !important}.pr60{padding-right:60px !important}
.pb0{padding-bottom:0 !important}.pb5{padding-bottom:5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb25{padding-bottom:25px !important}.pb30{padding-bottom:30px !important}.pb35{padding-bottom:35px !important}.pb40{padding-bottom:40px !important}.pb45{padding-bottom:45px !important}.pb50{padding-bottom:50px !important}.pb55{padding-bottom:55px !important}.pb60{padding-bottom:60px !important}
.pl0{padding-left:0 !important}.pl5{padding-left:5px !important}.pl10{padding-left:10px !important}.pl15{padding-left:15px !important}.pl20{padding-left:20px !important}.pl25{padding-left:25px !important}.pl30{padding-left:30px !important}.pl35{padding-left:35px !important}.pl40{padding-left:40px !important}.pl45{padding-left:45px !important}.pl50{padding-left:50px !important}.pl55{padding-left:55px !important}.pl60{padding-left:60px !important}
/*** font color ***/
.fc_red{color:#f03036}
/*** font size ***/
.fz10{font-size:10px !important}.fz11{font-size:11px !important}.fz12{font-size:12px !important}.fz13{font-size:13px !important}.fz14{font-size:14px !important}.fz15{font-size:15px !important}
.fz16{font-size:16px !important}.fz17{font-size:17px !important}.fz18{font-size:18px !important}.fz19{font-size:19px !important}.fz20{font-size:20px !important}.fz21{font-size:21px !important}
.fz22{font-size:22px !important}.fz23{font-size:23px !important}.fz24{font-size:24px !important}.fz25{font-size:25px !important}.fz26{font-size:26px !important}.fz27{font-size:27px !important}.fz28{font-size:28px !important}.fz29{font-size:29px !important}.fz30{font-size:30px !important}
/*** font weight ***/
.fw300{font-weight:300 !important}.fw400{font-weight:400 !important}.fw500{font-weight:500 !important}.fw700{font-weight:700 !important}.fw900{font-weight:900 !important}
/*** letter spacing ***/
.ls0{letter-spacing:0 !important}.ls_05{letter-spacing:-0.5px}ls_1{letter-spacing:-1px !important}
/*** align ***/
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}
.taj{text-align:justify !important}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.vb{vertical-align:bottom !important}
/*** border ***/
.bd0{border:0 !important}
.bdt0{border-top:0 !important}
.bdr0{border-right:0 !important}
.bdb0{border-bottom:0 !important}
.bdl0{border-left:0 !important}
/*** border radius ***/
.bdrs0{border-radius:0 !important}.bdrs4{border-radius:4px !important}.bdrs5{border-radius:5px !important}.bdrs10{border-radius:10px !important}
/*** 말줄임 ***/
.ellip{display:block;height:100%}
.ellip-line{display:inline-block;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.ellip, .ellip-line{position:relative;overflow:hidden;max-width:100%}
.eps1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eps2 span, .eps3 span, .eps5 span{vertical-align:top}
/*** checkbox, radio ***/
.checkbox, .radio{display:inline-block;position:relative;font-family:Malgun Gothic, '맑은고딕';vertical-align:top}
.checkbox input[disabled] + label, .checkbox input[readonly] + label, .radio input[disabled] + label, .radio input[readonly] + label{cursor:default}
.checkbox label, .radio label{display:block;min-height:16px;padding-left:16px;cursor:pointer}
.checkbox label:before, .radio label:before{content:'';position:absolute;top:0;left:0;width:16px;height:16px}
.checkbox label:before{background:url(/wwwroot/images/common/sp_checkbox.png) no-repeat 0 0}
.radio label:before{background:url(/wwwroot/images/common/mo_sp_radio.png) no-repeat 0 0;background-size:42px}
.checkbox :checked + label:before{background-position:100% 0}
.radio :checked + label:before{background-position:100% 0}
.checkbox input[disabled] + label:before, .radio input[disabled] + label:before{background-position:100% -26px}
.checkbox.txt label, .radio.txt label{padding-left:21px;line-height:18px}
.checkbox.txt label:before, .radio.txt label:before{top:2px}
/*** select ***/
.select{display:inline-block;position:relative;width:160px;vertical-align:top;cursor:pointer}
.select label{display:block;position:absolute;top:0;left:0;width:100%;padding:0 10px;line-height:31px;border:1px solid #cacaca}
.select label:after{content:'';position:absolute;top:0;right:0;width:31px;height:31px;border-left:1px solid #cacaca;background:#f3f6f6 url(/wwwroot/images/button/select.png) no-repeat 50% 50%}
.select select{width:100%;opacity:0}
/*** btn ***/
.btn{display:inline-block;position:relative;vertical-align:top;font-family:Malgun Gothic, '맑은고딕';border:1px solid}
.btn.arr:after{content:'';position:absolute;top:50%;right:25px;width:4px;height:7px;margin-top:-4px;background:url(/wwwroot/images/contents/arr_4x7_sp.png) no-repeat 0 0}
.btn.arr_white:after{content:'';position:absolute;top:50%;right:25px;width:4px;height:7px;margin-top:-4px;background:url(/wwwroot/images/contents/arr_4x7_sp.png) no-repeat -14px 0}
.btn.arr_ib:after{content:'';display:inline-block;width:4px;height:7px;margin-left:4px;background:url(/wwwroot/images/contents/arr_4x7_sp.png) no-repeat 0 0}
.btn.arr_ib:hover:after{background-position:-14px 0}
/* 기본 사각 버튼 */
.btn_basic{width:150px;padding:0 25px;font-size:15px;font-weight:700;line-height:46px}
/* 작은 사각 버튼 */
.btn_sm{padding:0 17px;font-size:14px;line-height:31px;text-align:center;border-radius:3px}
.btn_md{padding:0 29px;font-size:14px;line-height:31px;text-align:center;border-radius:3px}
/* 알약 버튼 */
.btn_pill{border-radius:24px}
/* 버튼 컬러 */
.btn_keycolor{color:#fff !important;border-color:#1c8ad9;background-color:#1c8ad9}
.btn_red{color:#fff !important;border-color:#f23037;background-color:#f23037}
.btn_blue{color:#fff !important;border-color:#3272d1;background-color:#3272d1}
.btn_gray{color:#fff !important;border-color:#999;background-color:#999}
.btn_lightgray{color:#4a4a4a !important;border-color:#cacaca;background-color:#f8fafb}
.btn_darkgray{color:#fff !important;border-color:#666;background-color:#666}
.btn_darkgray.disabled{border-color:#808080;background-color:#808080;cursor:default}
.btn_333{color:#fff !important;border-color:#333;background-color:#333}
/* 버튼 라인 컬러 */
.btn_line_keycolor{color:#1c8ad9 !important;border-color:#1c8ad9;background-color:#fff}
.btn_line_lightgray{color:#666 !important;border-color:#ccc;background-color:#f7f7f7}
/* 버튼 영역 */
.btn_area{padding-top:20px;text-align:center}
.btn_area > .btn{margin-right:5px}
.btn_area > .btn:last-child{margin-right:0}
/* 아이콘 */
.ico_attach{display:inline-block;width:9px;height:18px;vertical-align:middle;background:url(/wwwroot/images/icon/ico_attach.png) no-repeat 0 0}
/*** tab ***/
.tab_cont > .cont{overflow-x:auto;margin-top:30px}
.tab_area .tab_cont > .cont{display:none}
.tab_area .tab_cont > .cont.active{display:block}
.tab{display:table;width:100%;border-bottom:1px solid #262626}
.tab > li{display:table-cell;width:12.5%}
.tab > li a{display:table;position:relative;width:100%;height:59px;color:#333;font-size:17px;line-height:130%;text-align:center;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;background-color:#f2f2f2}
.tab > li a span{display:table-cell;padding:0 10px;vertical-align:middle}
.tab > li:first-child a{border-left:1px solid #d9d9d9}
.tab > li.active a{font-weight:500;background-color:#fff}
.tab > li.active a span:after{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid #262626;border-bottom-color:#fff}
.sub_tab{border-bottom:1px solid #1c8ad9}
.sub_tab .tab{max-width:1200px;margin:0 auto;border-bottom:none}
.sub_tab .tab > li a{height:54px;font-size:15px;border-top:none;border-right-color:#ccc;background-color:#fff}
.sub_tab .tab > li:first-child a{border-left-color:#ccc}
.sub_tab .tab > li.active a{color:#fff;font-weight:700;border-color:#1c8ad9;background-color:#1c8ad9}
.sub_tab .tab > li.active a span:after{display:none}
/*** table ***/
/* list */
.tbl_list{width:100%;border-top:2px solid #333}
.tbl_list thead th{height:47px;font-size:15px;font-weight:500;line-height:21px;text-align:center;vertical-align:middle;border-bottom:1px solid #ccc;background-color:#f2f2f2}
.tbl_list thead th .checkbox{vertical-align:middle}
.tbl_list thead th sup{top:-4px;font-size:10px}
.tbl_list tbody th{font-weight:normal}
.tbl_list tbody th,
.tbl_list tbody td{height:47px;padding:10px 2px;font-size:15px;line-height:20px;text-align:center;vertical-align:middle;border-bottom:1px solid #ccc}
.tbl_list thead th:last-child, .tbl_list tbody td:last-child{border-right:none}
.tbl_list tbody td.no{color:#666}
.list_tbl > li.thead{border-top:2px solid #333;background-color:#f2f2f2}
.list_tbl > li.thead strong{display:table-cell;height:47px;color:#000;font-size:15px;font-weight:500;line-height:19px;vertical-align:middle}
.list_tbl > li{display:table;width:100%;font-size:0;text-align:center;table-layout:fixed;border-bottom:1px solid #ccc}
.list_tbl > li > div{display:table-cell;height:47px;padding:10px 2px;font-size:15px;line-height:147%;vertical-align:middle}
.list_tbl > li > div .th{display:none}
.list_tbl > li > .info{width:auto}
.list_tbl > li > .term{width:24.6%}
.list_tbl > li > .schedule{width:27%}
.list_tbl > li > .price{width:100px}
.list_tbl > li > .bn{width:120px;font-size:0;text-align:right}
.list_tbl > li > .bn .btn{font-size:13px}
.list_tbl > li > .bn .btn:first-child{margin-bottom:4px}
.list_tbl > li > .no{width:8.3%}
.list_tbl > li > .no02{width:6.3%}
.list_tbl > li > .tit{width:auto}
.list_tbl > li > .tit a{display:inline-block;overflow:hidden;max-width:100%;vertical-align:top;text-overflow:ellipsis;white-space:nowrap}
.list_tbl > li > .tit a.ico_new{padding-right:20px;background:url(/wwwroot/images/icon/ico_new.png) no-repeat 100% 50%}
.list_tbl > li > .attach{width:10.4%}
.list_tbl > li > .writer{width:11.6%}
.list_tbl > li > .date{width:14.5%}
.list_tbl > li > .hits{width:10.4%}
.list_tbl > li > .period{width:20.2%}
.list_tbl > li > .area{width:9%}
.list_tbl > li > .state{width:7%}
.list_tbl > li > .state02{width:8%}
.list_tbl > li > .name{width:7%}
.list_tbl > li > .code{width:auto}
.list_tbl > li > .reservation{width:15.5%}
.list_tbl > li > .start{width:15.5%}
.list_tbl > li > .hostcity{width:16.7%}
.list_tbl > li > .review{width:16%;padding-left:10px;text-align:left}
.list_tbl > li > div.no{color:#666}
.list_tbl > li > div.tit, .list_tbl > li > div.code{text-align:left}
.list_tbl > li > div.tit > .btn_tit,
.list_tbl > li > div.code > .btn_code{display:inline-block;width:100%}
.list_tbl > li > div.tit > .btn_tit:after,
.list_tbl > li > div.code > .btn_code:after{content:'';display:inline-block;width:10px;height:7px;background:url(/wwwroot/images/icon/ico_arr_dimgray.png) no-repeat 100% 50%}
.list_tbl > li > div.tit > .btn_tit >span ,
.list_tbl > li > div.code > .btn_code > span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 15px);color:#666;font-size:15px;vertical-align:top}
.list_tbl > li > div.tit.active > .btn_tit:after,
.list_tbl > li > div.code.active > .btn_code:after{transition:all .4s;transform:rotate(180deg)}
.list_tbl > li > div.tit.active > .btn_tit > span,
.list_tbl > li > div.code.active > .btn_code > span{font-weight:700}
.list_tbl > li > div.review .btn_write{height:30px;padding:0 14px;color:#1c8ad9;font-size:13px;line-height:28px;text-align:center;background-color:#fff;border:1px solid #1c8ad9;border-radius:3px}
.list_tbl > li > div.review .btn_write:after{content:'';display:inline-block;width:6px;height:9px;margin:9.5px 0 0 5px;vertical-align:top;background:url(/wwwroot/images/icon/ico_arr_blue.png) no-repeat 0 0}
.list_tbl > li > div.review .btn_myreview{height:30px;padding:0 14px;color:#666;font-size:13px;line-height:28px;background-color:#f7f7f7;border:1px solid #ccc;border-radius:3px}
.list_tbl > li > div.review .btn_myreview:after{content:'';display:inline-block;width:11px;height:6px;margin:11px 0 0 5px;vertical-align:top;background:url(/wwwroot/images/icon/ico_arr_dimgray.png) no-repeat 0 0}
.list_tbl > li > div.review.active .btn_myreview:after{transition:all .4s;transform:rotate(180deg)}
.list_tbl > li > div.code_wrap{display:none;width:100%;font-size:15px;text-align:left}
.list_tbl > li > div.code_wrap > .colspan{padding:30px;background-color:#f7f7f7;border-top:1px solid #ccc}
.list_tbl > li > div.code_wrap > .colspan .product_detail .info > dd{padding-right:0}
.list_tbl > li > div.review_wrap{display:none;width:100%;font-size:14px}
.list_tbl > li > div.review_wrap > .colspan{padding:30px;background-color:#f7f7f7;border-top:1px solid #ccc}
.list_tbl > li > div.review_wrap > .colspan > .reply_area{height:auto;margin-top:0}
.list_tbl > li > div.review_wrap > .colspan > .reply_area dt .thumb{width:193px;height:124px}
.list_tbl > li > div.review_wrap > .colspan > .reply_area dt .thumb img{width:100%;height:100%}
.list_tbl > li > div.review_wrap > .colspan > .reply_area dd{width:calc(100% - 193px);height:auto;padding-left:19px}
.list_tbl > li > div.review_wrap > .colspan > .reply_area .list_reply > li{padding:0;text-align:left;border-bottom:0}
.list_tbl > li > div > .subtit{display:none}
.list_tbl > li > div > .ing{display:inline-block;width:71px;height:30px;color:#fff;line-height:28px}
.list_tbl > li > div > .ing.book{background-color:#ff6d00;border:1px solid #d95e00}
.list_tbl > li > div > .ing.consult, .list_tbl > li > div > .ing.apply{background-color:#00a64d;border:1px solid #00803c}
.list_tbl > li > div > .ing.cancel{background-color:#f03036;border:1px solid #c9282e}
.list_tbl > li > div > .ing.payment, .list_tbl > li > div > .ing.finish{background-color:#1894ed;border:1px solid #147cc7}
.list_tbl > li > div.nodata{height:150px;border:none}
.list_tbl > li > div.nodata:before{display:none}
.list_tbl.thumb > li > div{font-weight:500}
.list_tbl.thumb > li .thumb_info{display:table;position:relative;width:100%;height:90px;padding-left:155px}
.list_tbl.thumb > li .thumb_info .tit{display:table-cell;font-size:17px;font-weight:500;line-height:140%;vertical-align:middle;text-align:left;word-break:break-all}
.list_tbl.thumb > li .thumb_info .img{position:absolute;top:50%;left:0;width:140px;height:90px;margin-top:-45px;border:1px solid #ccc}
.list_tbl.thumb > li .thumb_info .img img{width:100%;height:100%}
/* view */
.list_view{border-top:2px solid #333}
.list_view > li > dl{display:table;position:relative;width:100%;border-bottom:1px solid #ccc;table-layout:fixed}
.list_view > li > dl:before{content:'';position:absolute;top:0;bottom:0;left:0;width:148px;background-color:#f2f2f2}
.list_view > li > dl > dt{display:table-cell;position:relative;width:148px;padding:8px 0 8px 40px;color:#333;font-size:15px;font-weight:500;text-align:left;vertical-align:middle}
.list_view > li > dl > dt .aster{display:inline-block;color:#1c8ad9;font-weight:700;line-height:1;vertical-align:bottom}
.list_view > li > dl.dt_blue:before{background-color:#cee3f2}
.list_view > li > dl.dt_blue > dt{color:#004a80}
.list_view > li > dl > dd{display:table-cell;width:100%;height:48px;padding:8px 20px;color:#333;font-size:15px;line-height:134%;vertical-align:middle;word-break:break-all}
.list_view > li > dl > dd b{font-weight:500}
.list_view > li > dl > dd .pc_txt .btn_more{display:none}
.list_view > li > dl > dd .w360{width:360px}
.list_view > li > dl > dd .w284{width:284px}
.list_view > li > dl > dd .w190{width:190px}
.list_view > li > dl > dd .w150{width:150px}
.list_view > li > dl > dd .w137{width:137px}
.list_view > li > dl > dd .w137 + .w137{margin-left:6px}
.list_view > li > dl > dd .w73{width:73px}
.list_view > li > dl > dd .h175{height:175px}
.list_view > li > dl > dd .num_list > li{margin-top:4px;padding-left:16px;text-indent:-16px;word-break:keep-all}
.list_view > li > dl > dd .num_list > li:first-child{margin-top:0}
.list_view > li > dl > dd .num_list > li *{text-indent:0}
.list_view > li > dl > dd.pd{padding-top:13px;padding-bottom:13px}
.list_view > li .mo_txt{display:none;font-size:14px}
.list_view > li.col4{display:table;width:100%}
.list_view > li.col4 > dl{display:table-cell;width:50%;vertical-align:middle}
.list_view > li.col4 > dl > dd{width:auto}
.board_view > dt{display:table;width:100%;border-top:2px solid #3272d1;border-bottom:1px solid #e7e8e9;background-color:#f8fafb}
.board_view > dt .tit_area{display:table-cell;width:auto;padding:36px 30px 37px;font-weight:normal}
.board_view > dt .tit_area .tit{font-size:20px;font-weight:700;line-height:24px;vertical-align:middle;word-break:break-all}
.board_view > dt .tit_area .cate{display:block;margin-bottom:10px;color:#3272d1}
.board_view > dt .date{display:table-cell;width:140px;color:#4a4a4a;font-size:14px;text-align:center;vertical-align:middle}
.board_view > dd{min-height:300px;padding:30px;font-size:14px;line-height:24px;border-bottom:1px solid #e7e8e9}
.board_view > dd.attached_file{min-height:auto;padding-top:10px;padding-bottom:10px}
.board_view > dd.attached_file .file_tit{margin-right:30px}
.board_view > dd.answer{background-color:#f8fafb}
/* 이전글, 다음글 */
.board_prev_next > li{border-bottom:1px solid #e7e8e9}
.board_prev_next > li dl{position:relative;padding-left:100px;font-size:13px}
.board_prev_next > li dl dt{position:absolute;top:0;left:0;width:100px;height:42px;color:#4a4a4a;line-height:42px;text-align:center}
.board_prev_next > li dl dt:after{content:'';position:absolute;top:50%;right:0;width:7px;height:5px;margin-top:-2px;background:url(/wwwroot/images/contents/arr_up_down_bold_sp.png) no-repeat 0 0}
.board_prev_next > li dl dd{padding:12px 15px;color:#808080;line-height:18px}
.board_prev_next > li dl dd a{display:inline-block;overflow:hidden;max-width:100%;color:#4a4a4a;vertical-align:top;text-overflow:ellipsis;white-space:nowrap}
.board_prev_next > li:first-child dl dt:after{background-position:-17px 0}
/* write */
.tbl_write{border-top:2px solid #333}
.tbl_write tbody th{width:148px;height:48px;padding:8px 0 8px 40px;color:#333;font-size:15px;font-weight:500;text-align:left;vertical-align:middle;border-bottom:1px solid #ccc;background-color:#f2f2f2}
.tbl_write tbody th.bg_blue{color:#004a80;background-color:#cee3f2}
.tbl_write tbody th .aster{color:#1c8ad9;font-weight:700}
.tbl_write tbody td{height:48px;padding:8px 20px;color:#333;font-size:15px;line-height:20px;vertical-align:middle;border-bottom:1px solid #ccc}
.list_view.write > li > dl:before{width:160px}
.list_view.write > li > dl > dt{width:160px;padding-left:0;text-align:center}
.list_view.write > li > dl > dd{line-height:174%}
.list_view.write > li > dl > dd.pd{padding-right:0}
.list_view.write > li > dl > dd input{font-size:15px}
.list_view.write > li > dl > dd .btn_overlap{margin-left:3px;padding:0 14px}
.list_view.write > li > dl > dd .radio{margin-right:20px;font-family:'Noto Sans KR';vertical-align:baseline}
.list_view.write > li > dl > dd .radio:last-child{margin-right:0}
.list_view.write > li > dl > dd .tip{display:inline-block;margin-left:5px;color:#666;font-size:14px;vertical-align:middle}
.list_view.write > li > dl > dd .tip:before{content:'* ';color:#1c8ad9}
.list_view.write > li > dl > dd .add_inp{margin-top:5px}
.list_view.write > li.col4 > dl{width:38.34%}
.list_view.write > li.col4 > dl.w62p{width:61.66%}
.list_view.write > li.col4 > dl.w53p{width:53.33%}
.list_view.write > li.col4 > dl.w46p{width:46.67%}
/*** form ***/
/* 휴대전화 폼 */
.phone_form{display:inline-block;vertical-align:top}
.phone_form .select{width:84px}
/* .phone_form .bar{display:inline-block;margin:7px 5px 0 8px;line-height:33px;vertical-align:top} */
/* 파일첨부 폼 */
input.multi{position:absolute;top:0;left:0;width:82px;height:33px;padding:0 0 0 82px;opacity:0}
.MultiFile-wrap{position:relative}
.MultiFile-wrap:before{content:'파일찾기';display:inline-block;padding:0 14px;color:#666;font-size:14px;line-height:31px;vertical-align:top;border:1px solid #ccc;border-radius:3px;background-color:#f7f7f7;cursor:pointer}
.MultiFile-label:after{content:'';display:block;clear:both}
.MultiFile-label .MultiFile-remove, .file_form .btn_file_del{display:inline-block;width:16px;height:16px;margin:6px 0 0 10px;font-size:0;vertical-align:top;border-radius:50%;background:#999 url(/wwwroot/images/button/remove.png) no-repeat 50% 3px}
.MultiFile-label .MultiFile-title, .file_form .file_name{overflow:hidden;float:left;max-width:calc(100% - 26px);text-overflow:ellipsis;white-space:nowrap}
/* 첨부 파일 리스트 */
.file_list li{position:relative;margin-right:20px;padding-left:25px}
.file_list li:before{content:'';position:absolute;top:4px;left:0;width:16px;height:16px;background:url(/wwwroot/images/icon/attached_file.gif) no-repeat 0 0}
.file_list li a{color:#4a4a4a;font-size:14px}
/* 검색폼 */
.search_form{padding-bottom:10px;font-size:0;font-family:Malgun Gothic, '맑은고딕';text-align:right}
.search_form .lbl{display:inline-block;margin-right:10px;font-size:14px;line-height:33px;vertical-align:top}
.search_form select{width:140px;margin-right:5px}
.search_form.select_form select{width:200px}
.search_form.select_form select:last-child{margin-right:0}
.search_form .mo_select{display:none}
.search_form.bb{margin-bottom:30px;border-bottom:2px solid #333}
.search{display:inline-block;position:relative;padding-right:85px;vertical-align:top}
.search > .btn{margin-left:5px}
.search input{width:250px}
.search .btn_search{display:block;position:absolute;top:0;right:0;height:33px;padding:0 25px;color:#fff;font-size:14px;border-radius:3px;background-color:#999}
/* 희망선택 폼 */
.choose_select_form {display:inline-block;margin-top:-7px;vertical-align:top}
.choose_select_form.choose_select_form > input, .choose_select_form > select{margin-right:56px}
.choose_select_form > .dib{margin:7px 56px 0 0}
.choose_select_form > .dib:last-child{margin-right:0}
.choose_select_form label{display:inline-block;margin:0 11px 0 0;color:#000;font-size:15px;font-weight:500}
/* datepicker */
.datepicker{width:125px;height:31px;padding-right:29px;color:#666;font-size:13px;font-family:Malgun Gothic, '맑은고딕';background:#fff url(/wwwroot/images/icon/ico_datepicker.png) no-repeat 100% 50%;border:1px solid #ccc}
.datepicker[readonly]{color:#666;background-color:#fff;cursor:pointer}
.datepicker + .bar{display:inline-block;height:31px;margin:2px 7px 0 8px;color:#666;font-size:17px;font-weight:500;vertical-align:top}
.search_form .calendar{display:inline-block;margin-right:21px;vertical-align:top}
.search_form .calendar .term{}
.search_form .calendar .term > a{width:61px;height:33px;margin-right:5px;color:#666;font-size:14px;line-height:31px;text-align:center;background-color:#fff;border:1px solid #ccc}
.search_form .calendar .term > a:hover, .search_form .calendar .term > a:focus{color:#fff;background-color:#1c8ad9;border:1px solid #1c8ad9}
.search_form .calendar .datepicker{height:33px;padding:0 32px 0 13px;background:#fff url(/wwwroot/images/icon/ico_datepicker_33.png) no-repeat 100% 50%}
/*** pagination ***/
.pagination_area{padding-top:70px;text-align:center}
.list_thumb + .pagination_area{padding-top:25px}
.pagination{display:inline-block;vertical-align:top}
.pagination a{display:block;width:25px;margin:0 1px;color:#656565;font-size:14px;line-height:29px}
.pagination a.active{color:#1c1c1c;font-weight:700;text-decoration:underline}
.pagination .page_nav{width:29px;height:29px;border:1px solid #e6e6e6;background:url(/wwwroot/images/button/sp_pagination.png) no-repeat}
.pagination .first{margin:0;background-position:0 50%}
.pagination .prev{margin:0 14px 0 3px;background-position:-39px 50%}
.pagination .next{margin:0 3px 0 14px;background-position:-78px 50%}
.pagination .last{margin:0;background-position:-117px 50%}
/*** list ***/
/* 블릿 타입 */
.list_bull > li{position:relative;padding-left:13px;line-height:23px;text-align:left;word-break:keep-all}
.list_bull > li:before{content:'';position:absolute;top:9px;left:0;width:3px;height:3px;background-color:#4a4a4a}
/*** no data ***/
.nodata{padding:80px 0;font-size:15px;font-weight:500;text-align:center;border-top:2px solid #333;border-bottom:1px solid #ccc}
.nodata:before{content:'';display:block;width:74px;height:74px;margin:0 auto 15px;background:url(/wwwroot/images/icon/ico_nodata.png) no-repeat 0 0}
.page_tit + .nodata{margin-top:40px}
.nopage{padding:80px 0;font-size:16px;text-align:center;border-top:2px solid #333;border-bottom:1px solid #ccc}
.nopage:before{content:'';display:block;width:76px;height:74px;margin:0 auto 20px;background:url(/wwwroot/images/icon/ico_nopage.png) no-repeat 50% 0}
.nopage > dt{font-size:18px;font-weight:500}
.nopage > dd{margin-top:12px}
/*ck editor*/
.ck-editor__editable_inline{height:300px}
.editor em{font-style:italic}
.editor ol, .editor ul{padding:0 40px}
.editor ol li{list-style:decimal}
.editor ul li{list-style:disc}
.editor blockquote{padding:2px 8px 2px 20px;font-style:italic;border-left:5px solid #ccc}
.editor hr{display:block}
.editor h1{font-size:2em}
.editor h2{font-size:1.5em}
.editor h3{font-size:1.17em}
.editor h4{font-size:1em}
.editor h5{font-size:0.83em}
.editor h6{font-size:0.67em}
.editor table, .editor table td{border:1px solid gray}
.cont_editor table{width:auto;border-collapse:initial}
.cont_editor table th,
.cont_editor table td{line-height:1;vertical-align:middle}
/***** 약관 *****/
.policy_list > li + li{margin-top:30px}
.policy_list > li > strong{display:block;margin-bottom:5px;font-size:15px}
.policy_list > li ol li{margin-top:5px}
.policy_list > li li{word-break:keep-all}
.policy_list > li .alpha_list > li > *,
.policy_list > li .num_list > li > *{padding-left:0;text-indent:0}
.policy_list > li .alpha_list > li{margin-top:10px;padding-left:17px;text-indent:-17px}
.policy_list > li .num_list > li{padding-left:17px;text-indent:-17px}
.policy_list.no_class > li > ol > li + li{margin-top:10px}

/*** skipnav ***/
#skipnav a{position:absolute;left:-3000%}
#skipnav a:focus{display:block;top:0;left:0;width:100%;height:30px;color:#fff;line-height:30px;text-align:center;background-color:#1c8ad9;z-index:10000000000}

 /* IE10+ */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.datepicker + .bar{margin-top:3px}
	.MultiFile-label .MultiFile-title, .file_form .file_name{max-width:100%}
	.tab > li.active a span:after{top:0;right:0;left:0}
	.choose_select_form.choose_select_form > input.w190{margin-top:7px}
}