@charset "utf-8";
/* ----------------------------------------------------------------
  김성미 2018.11.01
-----------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@font-face{
    font-family:'NanumGothic';
	src:url('../../fonts/fonts/NanumGothic.eot');
	src:url('../../fonts/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/fonts/NanumGothic.woff') format('woff'),
	url('../../fonts/fonts/NanumGothic.ttf') format('truetype'),
	url('../../fonts/fonts/NanumGothic.svg#NanumGothic') format('svg');
	src:local(※), url('../../fonts/fonts/NanumGothic.woff') format('woff');
}

/* reset style */
@charset "utf-8";

* {box-sizing:border-box; word-break: break-all}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block}
audio,canvas,progress,video { display:inline-block; vertical-align:baseline}
audio:not([controls]) { display:none; height:0}
[hidden],template { display:none}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, select, input, textarea, th, td {margin:0; padding:0;}
body {height:100%; font-family:'NanumGothic', '나눔고딕', 'applegothic', sans-serif; line-height:26px; font-size:13px; color:#666; overflow-x:hidden;}
textarea {font-family:'NanumGothic', '나눔고딕', 'applegothic', sans-serif}
img {border:none; vertical-align:top;}
img {max-width: 100%;border: 0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
ul li , ol li {list-style:none;}
fieldset {border:none;}
table {border-collapse:collapse;}
caption{overflow:hidden; width:1px; height:1px; padding:0; margin-top:-1px; font-size:0; line-height:0; text-indent:-9999px;}
img, fieldset, button {border:0; padding:0px;}
button {background:none;}
input, select {vertical-align:middle;}
input[type=text],
input[type=password] {margin:0}
/* input:read-only, */
input:disabled {background:#f7f7f7; color:#444;}
input:-moz-read-only {background:#f7f7f7}
textarea:read-only {background:#f7f7f7}
textarea:-moz-read-only {background:#f7f7f7}
legend {width:1px; height:1px; font-size:1px; position:absolute; overflow:hidden; text-indent:-9999px;} 
em {font-style:normal; display:inline-block;}
input[type=radio]:disabled + label,
input[type=checkbox]:disabled + label {color:#444;}
::-webkit-input-placeholder {color:#b4b4b4}
::-moz-placeholder {color:#b4b4b4}
:-ms-input-placeholder {color:#b4b4b4}
:-moz-placeholder {color:#b4b4b4}

a {text-decoration:none; color:#444;}
a:link { color: #444444; text-decoration: none; }
a:visited { color: #444444; text-decoration: none; }
a:hover { color: #444444; text-decoration: none; }
a:active { color: #444444; text-decoration: none; }
a:focus, button:focus { outline: 0.5px solid #f4653f; }
/* 입력 form */
input { height: 24px; line-height: 20px; padding: 0px 6px; padding-left: 12px; margin: 0px; border: solid 1px #d3d4d8; font: inherit; color: inherit; vertical-align: middle; max-width: 100%; border:1px solid #ddd;width: 24px;}
input[type=text],
input[type=password] {margin:0}
input[type="radio"] {position:relative; top:2px; width:16px; height:16px; margin-right:3px; vertical-align:middle;}
button { text-transform: none; vertical-align: middle; display:inline-block; font-size:13px;}
button, [type="button"], [type="reset"], [type="submit"] {
cursor: pointer;
background:none;
-webkit-border-radius:0;
-webkit-appearance:none;
}
input, select {vertical-align: middle;}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
select {height:35px; padding:0 40px 0 10px; border:solid 1px #c1c1c1; background:#fff url(../../images/mbl/sel_arrow.png) 100% 50% no-repeat; background-color:#fff; -webkit-appearance:none;}
select::-ms-expand {display:none;}
select optgroup { }
select optgroup option { }
textarea { line-height: 25px; padding: 1px 3px; padding-left: 12px; font: inherit; color: inherit; vertical-align: middle; resize: none; }
input[disabled="disabled"] { background: #f5f6f7; color: #999999 }
select[disabled="disabled"] { background: #f5f6f7; color: #999999 }
input[type=text]::-ms-clear {
display:none;
}/*input 입력시 X 표시 제거*/
input[type="checkbox"] + label { display: inline-block;cursor: pointer;position: relative;}

.focused { outline: 1px solid #3a73db; /*outline: -webkit-focus-ring-color auto 5px; */ }
.clearfix { display: block; }
.clearfix:after { display: block; clear: both; content: "."; visibility: hidden; height: 0; }
.clear { clear: both; }
.hide {display: none;}
.skip { visibility: hidden; position: absolute; overflow: hidden; height: 0; width: 0; font-size: 0; text-indent: -9999px; }
/*********************  기본공통 style ***************************/
.float_L { float: left; }
.float_R { float: right; }
.texta_l { text-align: left; }
.texta_r { text-align: right; }
.w45 {width:45%;}
.w98 { width:98%;}}
.w100 { width: 100%; }
.dis_inbl { display: inline-block; }

.float_none { float: none !important; }
.mg_none { margin: 0px !important; }
.pd_none { padding: 0px !important; }
.bg_none { background: none !important; }
.bdr_none { border: none !important; }
.bdr_T_none { border-top: none !important; } /*border-left 강제없애기*/
.bdr_B_none { border-bottom: none !important; }
.bdr_L_none { border-left: none !important; }
.bdr_R_none { border-right: none !important; }
.dsp_block { display: block !important; }
.dsp_inline_block { display: inline-block !important; }
/*hr 가로줄*/
hr.hairLine { display: block; border: none; margin: 0px; border-top: 1px solid #000000; }
.hairLine.bdr_w1 { border-width: 1px; }
.hairLine.bdr_w2 { border-width: 2px; }
.hairLine.bdr_w3 { border-width: 3px; }
.hairLine.bdr_w4 { border-width: 4px; }
.hairLine.bdr_w5 { border-width: 5px; }
.hairLine.bdr_w6 { border-width: 6px; }
.hairLine.bdr_w7 { border-width: 7px; }
.hairLine.bdr_w8 { border-width: 8px; }
.hairLine.bdr_w9 { border-width: 9px; }
.hairLine.bdr_w10 { border-width: 10px; }
/* 폰트사이즈 */
.fs_8 { font-size: 8px !important; }
.fs_9 { font-size: 9px !important; }
.fs_10 { font-size: 10px !important; }
.fs_11 { font-size: 11px !important; }
.fs_12 { font-size: 12px !important; }
.fs_13 { font-size: 13px !important; }
.fs_14 { font-size: 14px !important; }
.fs_15 { font-size: 15px !important; }
.fs_16 { font-size: 16px !important; }
.fs_17 { font-size: 17px !important; }
.fs_18 { font-size: 18px !important; }
.fs_19 { font-size: 19px !important; }
.fs_20 { font-size: 20px !important; }
.fs_22 { font-size: 22px !important; }
.fs_24 { font-size: 24px !important; }
.fs_26 { font-size: 26px !important; }
.fs_28 { font-size: 28px !important; }
.fs_30 { font-size: 30px !important; }
.fs_32 { font-size: 32px !important; }
.fs_34 { font-size: 34px !important; }
.fs_36 { font-size: 36px !important; }
.fs_38 { font-size: 38px !important; }
.fs_40 { font-size: 40px !important; }
.fs_42 { font-size: 42px !important; }
.fs_44 { font-size: 44px !important; }
.fw_300 { font-weight: 300 !important; }
.fw_400 { font-weight: 400 !important; }
.fw_500 { font-weight: 500 !important; }
.fw_600 { font-weight: 600 !important; }
.fw_normal { font-weight: normal !important; }
/* 폰트색상 */
.tc_blue { color: #005fc1 !important; }
.tc_red { color: #ff0c00 !important }
.tc_orange {color: #ff401b !important;}
.tc_puple { color: #a326eb !important }
/*정렬*/
.ta_C { text-align: center !important; }
.ta_L { text-align: left !important; }
.ta_R { text-align: right !important; }
/*width*/
.w_0 { width: 0px !important; }
.w_2 { width: 2px !important; }
.w_4 { width: 4px !important; }
.w_6 { width: 6px !important; }
.w_8 { width: 8px !important; }
.w_10 { width: 10px !important; }
.w_12 { width: 12px !important; }
.w_14 { width: 14px !important; }
.w_16 { width: 16px !important; }
.w_18 { width: 18px !important; }
.w_20 { width: 20px !important; }
.w_30 { width: 30px !important; }
.w_40 { width: 40px !important; }
.w_50 { width: 50px !important; }
.w_60 { width: 60px !important; }
.w_70 { width: 70px !important; }
.w_80 { width: 80px !important; }
.w_90 { width: 90px !important; }
.w_100 { width: 100px !important; }
.w_110 { width: 110px !important; }
.w_120 { width: 120px !important; }
.w_130 { width: 130px !important; }
.w_140 { width: 140px !important; }
.w_150 { width: 150px !important; }
.w_160 { width: 160px !important; }
.w_170 { width: 140px !important; }
.w_180 { width: 180px !important; }
.w_190 { width: 190px !important; }
.w_200 { width: 200px !important; }
.w_300 { width: 300px !important; }
.w_400 { width: 400px !important; }
.w_500 { width: 500px !important; }
.w_600 { width: 600px !important; }
.w_700 { width: 700px !important; }
.w_800 { width: 800px !important; }
.w_900 { width: 900px !important; }
.w_1000 { width: 1000px !important; }
/* width :% */
.wp_5 {width: 5% !important; }
.wp_10 {width: 10% !important; }
.wp_15 {width: 15% !important; }
.wp_20 {width: 20% !important; }
.wp_25 {width: 25% !important; }
.wp_30 {width: 30% !important; }
.wp_35 {width: 35% !important; }
.wp_40 {width: 40% !important; }
.wp_45 {width: 45% !important; }
.wp_50 {width: 50% !important; }
.wp_55 {width: 55% !important; }
.wp_60 {width: 60% !important; }
.wp_65 {width: 65% !important; }
.wp_70 {width: 70% !important; }
.wp_75 {width: 75% !important; }
.wp_80 {width: 80% !important; }
.wp_85 {width: 85% !important; }
.wp_90 {width: 90% !important; }
.wp_95 {width: 95% !important; }
.wp_all {width: 100% !important; }
/*====================================================================================================
	자주사용하는 클레스 : line-height
	- 약어	:	line-height=lh, auto=at
	- lh_at : 각 약어의 값이 auto
	- lh_00 : 각 약어의 값이 0px
	- lh_40 : 각 약어의 값이 40px
	- 값 : at , 00 ~ 48 까지 6씩 증가 */
.lh_at { line-height: 0px !important }
.lh_00 { line-height: 0px !important }
.lh_06 { line-height: 6px !important }
.lh_12 { line-height: 12px !important }
.lh_18 { line-height: 18px !important }
.lh_24 { line-height: 24px !important }
.lh_30 { line-height: 30px !important }
.lh_36 { line-height: 36px !important }
.lh_42 { line-height: 42px !important }
.lh_48 { line-height: 48px !important }
/*====================================================================================================
	자주사용하는 클레스 : margin
	- 약어	:	margin=mg , margin-top=mt , margin-right=mr , margin-bottom=mb , margin-left=ml
				auto=at
	- m?_at : 각 약어의 값이 auto
	- m?_00 : 각 약어의 값이 0px
	- m?_40 : 각 약어의 값이 40px
	- 값 : at , 00 ~ 100 까지 5씩 증가 */
.mg_at { margin: auto !important }
.mg_00 { margin: 0px !important }
.mg_05 { margin: 5px !important }
.mg_10 { margin: 10px !important }
.mg_15 { margin: 15px !important }
.mg_20 { margin: 20px !important }
.mg_25 { margin: 25px !important }
.mg_30 { margin: 30px !important }
.mg_35 { margin: 35px !important }
.mg_40 { margin: 40px !important }
.mg_45 { margin: 45px !important }
.mg_50 { margin: 50px !important }
.mg_55 { margin: 55px !important }
.mg_60 { margin: 60px !important }
.mg_65 { margin: 65px !important }
.mg_70 { margin: 70px !important }
.mg_75 { margin: 75px !important }
.mg_80 { margin: 80px !important }
.mg_85 { margin: 85px !important }
.mg_90 { margin: 90px !important }
.mg_95 { margin: 95px !important }
.mg_100 { margin: 100px !important }
.mt_at { margin: auto !important }
.mt_00 { margin-top: 0px !important }
.mt_05 { margin-top: 5px !important }
.mt_10 { margin-top: 10px !important }
.mt_15 { margin-top: 15px !important }
.mt_20 { margin-top: 20px !important }
.mt_25 { margin-top: 25px !important }
.mt_30 { margin-top: 30px !important }
.mt_35 { margin-top: 35px !important }
.mt_40 { margin-top: 40px !important }
.mt_45 { margin-top: 45px !important }
.mt_50 { margin-top: 50px !important }
.mt_55 { margin-top: 55px !important }
.mt_60 { margin-top: 60px !important }
.mt_65 { margin-top: 65px !important }
.mt_70 { margin-top: 70px !important }
.mt_75 { margin-top: 75px !important }
.mt_80 { margin-top: 80px !important }
.mt_85 { margin-top: 85px !important }
.mt_90 { margin-top: 90px !important }
.mt_95 { margin-top: 95px !important }
.mt_100 { margin-top: 100px !important }
.m4_at { margin: auto !important }
.mr_05 { margin-right: 5px !important }
.mr_10 { margin-right: 10px !important }
.mr_15 { margin-right: 15px !important }
.mr_20 { margin-right: 20px !important }
.mr_25 { margin-right: 25px !important }
.mr_30 { margin-right: 30px !important }
.mr_35 { margin-right: 35px !important }
.mr_40 { margin-right: 40px !important }
.mr_45 { margin-right: 45px !important }
.mr_50 { margin-right: 50px !important }
.mr_55 { margin-right: 55px !important }
.mr_60 { margin-right: 60px !important }
.mr_65 { margin-right: 65px !important }
.mr_70 { margin-right: 70px !important }
.mr_75 { margin-right: 75px !important }
.mr_80 { margin-right: 80px !important }
.mr_85 { margin-right: 85px !important }
.mr_90 { margin-right: 90px !important }
.mr_95 { margin-right: 95px !important }
.mr_100 { margin-right: 100px !important }
.mb_at { margin: auto !important }
.mb_05 { margin-bottom: 5px !important }
.mb_10 { margin-bottom: 10px !important }
.mb_15 { margin-bottom: 15px !important }
.mb_20 { margin-bottom: 20px !important }
.mb_25 { margin-bottom: 25px !important }
.mb_30 { margin-bottom: 30px !important }
.mb_35 { margin-bottom: 35px !important }
.mb_40 { margin-bottom: 40px !important }
.mb_45 { margin-bottom: 45px !important }
.mb_50 { margin-bottom: 50px !important }
.mb_55 { margin-bottom: 55px !important }
.mb_60 { margin-bottom: 60px !important }
.mb_65 { margin-bottom: 65px !important }
.mb_70 { margin-bottom: 70px !important }
.mb_75 { margin-bottom: 75px !important }
.mb_80 { margin-bottom: 80px !important }
.mb_85 { margin-bottom: 85x }
.mb_90 { margin-bottom: 90px !important }
.mb_95 { margin-bottom: 95px !important }
.mb_100 { margin-bottom: 100px !important }
.ml_at { margin: auto !important }
.ml_05 { margin-left: 5px !important }
.ml_10 { margin-left: 10px !important }
.ml_15 { margin-left: 15px !important }
.ml_20 { margin-left: 20px !important }
.ml_25 { margin-left: 25px !important }
.ml_30 { margin-left: 30px !important }
.ml_35 { margin-left: 35px !important }
.ml_40 { margin-left: 40px !important }
.ml_45 { margin-left: 45px !important }
.ml_50 { margin-left: 50px !important }
.ml_55 { margin-left: 55px !important }
.ml_60 { margin-left: 60px !important }
.ml_65 { margin-left: 65px !important }
.ml_70 { margin-left: 70px !important }
.ml_75 { margin-left: 75px !important }
.ml_80 { margin-left: 80px !important }
.ml_85 { margin-left: 85px !important }
.ml_90 { margin-left: 90px !important }
.ml_95 { margin-left: 95px !important }
.ml_100 { margin-left: 100px !important }
.mt_mi { margin-top: -20px !important }
/*====================================================================================================
	자주사용하는 클레스 : padding
	- 약어	:	padding=pg , padding-top=pt , padding-right=pr , padding-bottom=pb , padding-left=pl
				auto=at
	- p?_at : 각 약어의 값이 auto
	- p?_00 : 각 약어의 값이 0px
	- p?_40 : 각 약어의 값이 40px
	- 값 : at , 00 ~ 100 까지 5씩 증가 */
.pd_at { padding: auto !important }
.pd_00 { padding: 0px !important }
.pd_05 { padding: 5px !important }
.pd_10 { padding: 10px !important }
.pd_15 { padding: 15px !important }
.pd_20 { padding: 20px !important }
.pd_25 { padding: 25px !important }
.pd_30 { padding: 30px !important }
.pd_35 { padding: 35px !important }
.pd_40 { padding: 40px !important }
.pd_45 { padding: 45px !important }
.pd_50 { padding: 50px !important }
.pd_55 { padding: 55px !important }
.pd_60 { padding: 60px !important }
.pd_65 { padding: 65px !important }
.pd_70 { padding: 70px !important }
.pd_75 { padding: 75px !important }
.pd_80 { padding: 80px !important }
.pd_85 { padding: 85px !important }
.pd_90 { padding: 90px !important }
.pd_95 { padding: 95px !important }
.pd_100 { padding: 100px !important }
.pt_at { padding-top: auto !important }
.pt_00 { padding-top: 00px !important }
.pt_05 { padding-top: 05px !important }
.pt_10 { padding-top: 10px !important }
.pt_15 { padding-top: 15px !important }
.pt_20 { padding-top: 20px !important }
.pt_25 { padding-top: 25px !important }
.pt_30 { padding-top: 30px !important }
.pt_35 { padding-top: 35px !important }
.pt_40 { padding-top: 40px !important }
.pt_45 { padding-top: 45px !important }
.pt_50 { padding-top: 50px !important }
.pt_55 { padding-top: 55px !important }
.pt_60 { padding-top: 60px !important }
.pt_65 { padding-top: 65px !important }
.pt_70 { padding-top: 70px !important }
.pt_75 { padding-top: 75px !important }
.pt_80 { padding-top: 80px !important }
.pt_85 { padding-top: 85px !important }
.pt_90 { padding-top: 90px !important }
.pt_95 { padding-top: 95px !important }
.pt_100 { padding-top: 100px !important }
.pr_at { padding-right: auto !important }
.pr_00 { padding-right: 00px !important }
.pr_05 { padding-right: 05px !important }
.pr_10 { padding-right: 10px !important }
.pr_15 { padding-right: 15px !important }
.pr_20 { padding-right: 20px !important }
.pr_25 { padding-right: 25px !important }
.pr_30 { padding-right: 30px !important }
.pr_35 { padding-right: 35px !important }
.pr_40 { padding-right: 40px !important }
.pr_45 { padding-right: 45px !important }
.pr_50 { padding-right: 50px !important }
.pr_55 { padding-right: 55px !important }
.pr_60 { padding-right: 60px !important }
.pr_65 { padding-right: 65px !important }
.pr_70 { padding-right: 70px !important }
.pr_75 { padding-right: 75px !important }
.pr_80 { padding-right: 80px !important }
.pr_85 { padding-right: 85px !important }
.pr_90 { padding-right: 90px !important }
.pr_95 { padding-right: 95px !important }
.pr_100 { padding-right: 100px !important }
.pb_at { padding-bottom: auto !important }
.pb_00 { padding-bottom: 00px !important }
.pb_05 { padding-bottom: 05px !important }
.pb_10 { padding-bottom: 10px !important }
.pb_15 { padding-bottom: 15px !important }
.pb_20 { padding-bottom: 20px !important }
.pb_25 { padding-bottom: 25px !important }
.pb_30 { padding-bottom: 30px !important }
.pb_35 { padding-bottom: 35px !important }
.pb_40 { padding-bottom: 40px !important }
.pb_45 { padding-bottom: 45px !important }
.pb_50 { padding-bottom: 50px !important }
.pb_55 { padding-bottom: 55px !important }
.pb_60 { padding-bottom: 60px !important }
.pb_65 { padding-bottom: 65px !important }
.pb_70 { padding-bottom: 70px !important }
.pb_75 { padding-bottom: 75px !important }
.pb_80 { padding-bottom: 80px !important }
.pb_85 { padding-bottom: 85px !important }
.pb_90 { padding-bottom: 90px !important }
.pb_95 { padding-bottom: 95px !important }
.pb_100 { padding-bottom: 100px !important }
.pl_at { padding-left: auto !important }
.pl_00 { padding-left: 00px !important }
.pl_05 { padding-left: 05px !important }
.pl_10 { padding-left: 10px !important }
.pl_15 { padding-left: 15px !important }
.pl_20 { padding-left: 20px !important }
.pl_25 { padding-left: 25px !important }
.pl_30 { padding-left: 30px !important }
.pl_35 { padding-left: 35px !important }
.pl_40 { padding-left: 40px !important }
.pl_45 { padding-left: 45px !important }
.pl_50 { padding-left: 50px !important }
.pl_55 { padding-left: 55px !important }
.pl_60 { padding-left: 60px !important }
.pl_65 { padding-left: 65px !important }
.pl_70 { padding-left: 70px !important }
.pl_75 { padding-left: 75px !important }
.pl_80 { padding-left: 80px !important }
.pl_85 { padding-left: 85px !important }
.pl_90 { padding-left: 90px !important }
.pl_95 { padding-left: 95px !important }
.pl_100 { padding-left: 100px !important }

table.dTableCR_left tbody th{text-align:left}
.ovf{overflow:auto !important; }

/*====================================================================================================
	버튼 */
.btn { padding: 0 10px; min-width: 80px; line-height: 34px; font-size: 12px; display: inline-block !important; text-align: center;}
a:hover { text-decoration: none; color: #F84A07; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
a.btn_b19, a.btn_b21, a.btn_b27, a.btn_b37, a.btn_m { height: 36px; padding: 0 16px; background-color: #3F51B5; line-height: 34px; font-size: 14px; color: #FFF !important; ; display: inline-block; font-weight: 500; border-radius: 2px; }
a.btn_b19:hover, a.btn_b21:hover, a.btn_b27:hover, a.btn_b37:hover, a.btn_m:hover { background-color: #F84A07; color: #FFF; border-radius: 17px; }
a.btn_w19, a.btn_w21, a.btn_w27, a.btn_w37 { display: inline-block; height: 12px; border: 1px solid #cdcdcd; color: #222; font-family: 'NanumGothic', '나눔고딕',  sans-serif; font-weight: 500; line-height: 1em }
a.btn_w19:hover, a.btn_w21:hover, a.btn_w27:hover, a.btn_w37:hover { text-decoration: none }
a.btn_s01{ height: 30px; padding: 0 10px; background-color: #9da2c2; line-height: 30px; font-size: 13px; color: #fff !important; ; display: inline-block; font-weight: 500; border-radius: 2px; margin-top:3px;}
a.btn_s01:hover { background-color: #464278; color: #fff; border-radius: 17px; }
a.btn_s02 { height: 36px; padding: 0 16px; background-color: #1ABC9C; line-height: 34px; font-size: 14px; color: #FFF !important; ; display: inline-block; font-weight: 500; border-radius: 2px; }
a.btn_s02:hover { background-color: #16A085; color: #FFF; border-radius: 17px; }
a.btn_s02_off { height: 34px; font-size: 14px; color: #FFF !important; ; display: none; font-weight: 500; border-radius: 2px; }
a.btn_s02_off:hover { background-color: #16A085; color: #FFF; border-radius: 17px; }
@media all and (max-width:640px) {
	a.btn_s01 {margin-top:5px;}
	}

a.btn_w19 { padding: 3px 7px; background: url(/img/bg/bg_btn_w_1x19.gif) repeat-x }
a.btn_w21 { padding: 4px 7px; background: url(/img/bg/bg_btn_w_1x21.gif) repeat-x }
a.btn_w27 { padding: 7px 15px; background: url(/img/bg/bg_btn_w_1x27.gif) repeat-x }
a.btn_w37 { padding: 11px 15px; background: url(/img/bg/bg_btn_w_1x37.gif) repeat-x }
.btn_inputS { display: inline-block; height: 35px; border: 1px solid #cdcdcd; color: #222; font-family: 'NanumGothic', '나눔고딕', sans-serif; font-weight: 500; line-height: 1em; padding: 10px; background-color: #dfdfdf; }
/* Button */
.btn span {position:relative; padding-left:20px; display:inline-block}
.btnBlue {border:1px solid #0d6fb8; color:#fff !important; background:#0d6fb8;}
.btnBlue:hover {border:1px solid #0d6fb8; background:#0d6fb8; text-decoration:none !important}
.btnBlue img {vertical-align:middle; position:relative; top:-2px; margin-right:2px;}
.btnBlue.v2 {line-height:26px; padding:6px 20px}
.btnBlue.v2 br {display:none}
.btnGray {border:1px solid #666; color:#fff !important; background:#666}
.btnGray:hover {border:1px solid #444; background:#444; text-decoration:none !important}
.btnWhite {border:1px solid #63ba4d; color:#05722c !important; background:#fff}
.btnWhite:hover {border:1px solid #15814b; color:#fff !important; background:#15814b; text-decoration:none !important}
.btnWhite span {min-width:66px; color:#05722c !important}
.btnWhite:hover span {color:#fff !important}
.btn_solid, .btn_solid:focus, .btn_solid:active, .btn_solid:visited { height: 36px; padding: 0 20px; background-color: #3F51B5; line-height: 34px; font-size: 14px; color: #FFF; display: inline-block; font-weight: 800; border-radius: 2px; }
.btn_solid:hover { background-color: #F84A07; color: #FFF; border-radius: 17px; }
.btn_solid.new { margin-left: 10px; background-color: #F84A07; }
.btn_solid.excel { background-color: #093; }
.btn_solid.new:hover { background-color: #162A37; }
.btn_solid.excel:hover { background-color: #162A37; }
.btn_solid.search { position: absolute; right: 25px; padding: 4px 33px; line-height: 70px; font-size: 13px; display: inline-block; height: 78px; margin-top: -91px; }

.btn_rsv{display:inline-block; padding:3px 10px; color:#fff;text-align:center;font-size:13px;background:#51576e; border-radius:2px}

.btn_rsv.type_01{background:#0175af!important; padding:5px 10px!important; margin-bottom:5px; color:#fff;}
.btn_rsv.type_02{background:#bd7532!important; padding:5px 10px!important; margin-bottom:5px; color:#fff;}
.btn_rsv.type_02:hover{background:#e63333}

/*====================================================================================================
	자주사용하는 클레스 : Element */
.fl_left { float: left }
.fl_right { float: right }
.bx_bl { display: block !important }
.bx_none { display: none !important }
.bx_hide { display: block; position: absolute; left: -10000px; top: -10000px; width: 0px; height: 0px; visibility: hidden }
.bx_clear { display: block; width: 0px; height: 0px; clear: both !important }
.bx_both { float: none !important; clear: both !important; margin: 0px !important; padding: 0px !important; border: 0 none }
.download-icon { opacity: 1.0; }
.icon { height: 24px; margin: 0; width: auto; }
.lnb a { cursor: pointer; }
.lnb .hide { display: none; }

* {box-sizing:border-box; word-break: break-all}
body { position: relative; }
body.fixed { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
#wrapper { position: relative; min-width: 320px; }
.basic_box { position: relative; min-width: 100%; margin: 0 auto; transition: min-width 600ms ease-in-out 0s; }
.wrap { position: relative; width: 100%; margin: 0 auto; }
.container { position: relative; width: 100%; padding: 0; margin: 0 auto; color:#555; line-height:18px;}
.container::after { display: block; height: 0; content: ""; clear: both; float: none;}

/*skip navigation*/
#skipNavi { position: relative; z-index: 20000; width: 100%; margin: 0 auto; }
#skipNavi > ul { }
#skipNavi > ul li { }
#skipNavi > ul li a { display: block; position: absolute; top: -1000px; left: 0px; width: 100%; height: 46px; text-align: center; line-height: 46px; color: #FFF; font-weight: 700; background-color: #094fa3; }

/*header*/
.header { position: relative; height: auto; padding-top: 0; background-color: rgba(255, 255, 255,0.94); z-index: 1003; }
.headerFixed { position: fixed; top: -34px; left: 0; width: 100%; background-color: rgba(255,255,255,0.94); z-index: 1000; box-shadow: #8E8E8E 0px 2px 4px; }
#header .header_con { position: relative; height: 60px; border-bottom: 1px solid #ccc; padding: 22px 0;text-align: center;width: 100%;}
#header .header_con .logo { text-align:center;}
#header .header_con .logo img { width: 175px; height: auto;text-indent: -9999px;font-size: 0;display: inline-block;vertical-align: top; }

#header .header_box { position: absolute; top: 0px; left: 0px; transform: translate(-1500px, 0px); -webkit-transform: translate(-336px, 0px); transition-duration: 0.3s; }
#header .header_box.zindex_up { z-index: 501; }

/*gnb 제어*/
#header .m_lnb_shade_bg { display: none; position: fixed; z-index: 3000; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.7); }
#header .m_lnb_open { display: block; position:absolute; width: 27px; height: 24px; background: #fff url(../../images/mbl/m_menu_btn.gif) no-repeat center center; auto; font-size: 0; z-index: 3000; vertical-align: top; top: 18px;left: 10px; }
#header .m_lnb_close { display: block; position: absolute; top: 14px; right: 10px; width: 40px; height: 40px; border: 1px solid #fff; background: url(../../images/mbl/m_lnb_close.png) no-repeat 5px center; background-size: 30px auto; font-size: 0; color: #ffffff; }
#header .header_box > .ssm_header_box_bg { width: 300px; min-height: 100vh; background-color: #ffffff; }
/*header_box > util*/
.header_box .util { position: static; top: 0px; left: 0px; width: 100%; height: 71px; border-bottom: none; z-index: 60; background-color: #fff; }
.header_box .util .wrap > .m_lnb_close { display: block; position: absolute; top: 14px; right: 10px; width: 40px; height: 40px; border: 1px solid #fff; background: url(../../images/mbl/m_lnb_close.png) no-repeat 1px center; background-size: 40px auto; font-size: 0; color: #ffffff; }
.header_box .util .wrap > .ssm_nav_all_open { display: none; }
.header_box .util .wrap .home { position: absolute; top: 55px; left: 0px;}
.header_box .util .wrap .home > .home_site { display: block; width: 185px; height: 37px; margin: -38px 0;line-height: 37px; background-color: #fff; font-size: 14px; text-align: center; color: #000000; border-left: 1px solid #ffffff; box-sizing: border-box; }
.header_box .util .wrap .home > .home_site img {float:left; margin-left:15px;}

/*header_box > gnb*/
.header_box #gnb { position: relative; width: 100%; margin: 0 auto; z-index: 2147483647; display: block;}
.header_box #gnb .top2m { display: none; position: static; background: none; width:100%; left: 0px;top: 83px;z-index: 21; }
.header_box #gnb .top2m .wrap .top2m_title { float: none; display: none; }

/*gnb > depth1*/
.header_box #gnb > ul { position: static; top: 0px; left: 0px; width: 100%; }
.header_box #gnb > ul li.depth1 { float: none; border-bottom: 1px solid #cccccc; }
.header_box #gnb > ul li.depth1.menu1 { margin-left: 0px;/*280/1200*/ }
.header_box #gnb > ul li.depth1 > a.tit { display: block; padding: 15px 20px; font-size: 16px; color: #333333; font-weight: 400; background: url(../../images/mbl/lnb_ic.png) no-repeat 94% center; background-size: 15px auto; }
.header_box #gnb > ul li.depth1 > a.tit.on { color: #fff; background-color: #3372e6; background-image:none; }
.header_box #gnb > ul li.depth1 > a.tit .gov30_logo { display: none; }
.header_box #gnb > ul li.depth1 > a.tit .gov30_txt { display: inline; }
/*gnb > depth2*/
.header_box #gnb .top2m .wrap ul.top2m_list { float: none; min-height: auto; width: 100%;border-bottom: 1px solid #cccccc; border-left: none; padding-bottom: 0px; background: none; background-color: #ececec; transition: none; box-sizing: border-box; }
.header_box #gnb .top2m .wrap ul.top2m_list li.depth2 { float: none; position: static; padding: 0px; margin-left: 0px; width: auto; border-top: 1px solid #ccc; border-bottom: 0px solid #ccc; background-color: #ececec; font-size: 16px;color: #222;font-weight: 500;box-sizing: border-box;}
.header_box #gnb .top2m .wrap ul.top2m_list li.depth2 > a {display: block; padding: 3px 20px; margin:10px 0;}
.header_box #gnb .top2m .wrap ul.top2m_list li.depth2 > .plus{ display: block; padding: 3px 20px; margin:10px 0; background-color: #ececec; background: url(../../images/mbl/lnb_ic.png) no-repeat 94% center; background-size: 15px auto;}
.header_box #gnb .top2m .wrap ul.top2m_list li.depth2 > .minus{ display: block; padding: 3px 20px; margin:10px 0; background-color: #ececec; background: url(../../images/mbl/lnb_ic02.png) no-repeat 94% center; background-size: 15px auto;}
.header_box #gnb .top2m .wrap ul.top2m_list li a.depth2_tit { position: static; display: block; color: #333333; padding: 11px 20px; background-color: #f0f0f0; white-space: nowrap; font-size: 15px; transition: none; }
.header_box #gnb .top2m .wrap ul.top2m_list li a.depth2_tit.plus { background: url(../../images/mbl/lnb_ic.png) no-repeat 94% center; background-size: 15px auto; background-color: #f0f0f0; }
.header_box #gnb .top2m .wrap ul.top2m_list li+li { border-top: 1px solid #ffffff; }
/*gnb > depth3*/
.header_box #gnb .top2m .wrap ul.top2m_list li .top3m { display: none; }
.header_box #gnb .top2m .wrap ul.top2m_list li .top3m ul { margin-top: 0px; }
.header_box #gnb .top2m .wrap ul.top2m_list li .top3m ul li { border-top: 1px solid #ccc; }
.header_box #gnb .top2m .wrap ul.top2m_list li .top3m ul li+li { margin-top: 0px; }
.header_box #gnb .top2m .wrap ul.top2m_list li .top3m ul li a { display: block; padding: 10px 16px; padding-right: 20px; font-size: 14px; color: #333333; background-color: #fff; padding-left: 35px;}
.header_box #gnb .top2m .wrap ul.top2m_list li .top3m ul li a:hover { color: #333333; }


/* toolBtn */
#header .toolBtn { margin: auto; z-index: 59; position: absolute;top: 22px;right: 10px; }


/*통합검색*/
#header .toolBtn a.ssm_search_layer_open { display: block; position: absolute; top: -50px; right: 10px; width: 40px; height: 40px; border: 1px solid #ccc; background: url(../../images/mbl/ssm_search_open.png) no-repeat center center; background-size: 16px auto; font-size: 0; }
.search_layer { display: none; position: absolute; top: 0px; right: 0; width: 100%; background-color: rgba(0,0,0,0.6); height: 110px; border-radius: 0 0 0 0; }
.search_layer .search_area { padding: 30px 110px 20px 20px; position:relative; }
.searchHead { display: block; overflow: hidden; width: 100%; }
.searchHead input { vertical-align: top; height: 50px; box-sizing: border-box; width: 100%;border: 1px solid #fff; }
.searchHead a.btn_search_total, a.btn_search_total:focus, a.btn_search_total:active, a.btn_search_total:visited { position: absolute; right: 20px; top: 30px; height: 50px; padding: 0 20px; background-color: #02A9F3; line-height: 45px; font-size: 20px; color: #FFF; display: inline-block; font-weight: 500; border-radius: 2px; border: 0px solid #767676; }
.search_layer .search_layer_close { position: absolute; top: -56px; right: 10px; width: 40px; height: 40px; background: url(../../images/mbl/ssm_gnb_close.png) no-repeat center center; background-color: #3A3A3A; border: 1px solid #3A3A3A; background-size: 17px auto; border-radius: 0; font-size: 0; text-indent: -9999px; z-index: 77; }

/* main */
#main_container{width:100%; height:100%; display:block; position:relative; float:left; margin-top:-30px;}
#main_container2{width:50%; height:100%; display:block; position:relative; float:left; margin-top:-30px;}
#main_container3{width:50%; height:100%; display:block; position:relative; float:right; margin-top:-30px;}

/* main_visual */
.main-visual-wrap { height: auto; overflow: hidden; clear: both;}
.main-visual-wrap { position: relative;}
.main-visual-wrap .visual  { text-align: left; height: 500px; padding: 0 15px;float: left;list-style: outside none none;position: relative; width:100%; float: left;list-style: outside none none;position: relative;}
.main-visual-wrap .visual p{text-align:left;}
.main-visual-wrap .visual.visual1 { background: url(../../images/mbl/bg_visual1_m.jpg) no-repeat center;}
.main-visual-wrap .visual.visual2 { background: url(../../images/mbl/bg_visual1_m.jpg) no-repeat center;}
.main-visual-wrap .visual.visual3 { background: url(../../images/mbl/bg_visual1_m.jpg) no-repeat center;}
.main-visual-wrap .visual p.tit { color:#fff; position: relative; font-size:2em; font-weight:600; font-family: 'NanumGothic', '나눔고딕'; padding:10px;  line-height:1em;width:90%; margin-top:40px; letter-spacing:-1px;}
.main-visual-wrap .visual p.txt1 { font-size: 1.5em;line-height: 30px;color: #fff;font-weight: 600;position: relative;padding:5px 0 0 10px; width:90%;letter-spacing:-1px;}
@media screen and (max-width:768px) {
	.main-visual-wrap .visual.visual1 { background: url(../../images/mbl/bg_visual3_m.jpg) no-repeat center; background-size: cover;}
	.main-visual-wrap .visual.visual2 { background: url(../../images/mbl/bg_visual3_m.jpg) no-repeat center; background-size: cover;}
	.main-visual-wrap .visual.visual3 { background: url(../../images/mbl/bg_visual3_m.jpg) no-repeat center; background-size: cover;}
	.slogan-wrap .slogan p {margin-bottom:20px;color:#fff;font-size:3em;line-height:1;}
	.slogan-wrap .slogan .en {font-size:2em;}
}


/** 20201229 테스트 **/
.slogan-wrap {position:relative;top:50px;width:90%;margin:0 auto !important;background:#333;z-index:1001;}
.slogan-wrap .slogan {position:absolute;left:0;top:0;width:96%;height:200px;padding:40px 30px;background-color:rgba(0, 0, 0, .49);}
.slogan-wrap .slogan p {margin-bottom:20px;color:#fff;font-size:2.8em;line-height:1;}
.slogan-wrap .slogan p span {font-weight:700;}
.slogan-wrap .slogan .en {font-size:2em;}
@media screen and (max-width:767px) {
	.main-visual-wrap .visual.visual1 { background: url(../../images/mbl/bg_visual3_m.jpg) no-repeat center; background-size: cover;}
	.main-visual-wrap .visual.visual2 { background: url(../../images/mbl/bg_visual3_m.jpg) no-repeat center; background-size: cover;}
	.main-visual-wrap .visual.visual3 { background: url(../../images/mbl/bg_visual3_m.jpg) no-repeat center; background-size: cover;}
	
	
	.slogan-wrap {position:relative;top:200px;width:90%;margin:0 auto !important;background:#333;z-index:1001;}
	.slogan-wrap .slogan {position:absolute;left:0;top:-115px;width:96%;height:150px;padding:20px 15px;background-color:rgba(0, 0, 0, .49);}
	.slogan-wrap .slogan p {margin-bottom:20px;color:#fff;font-size:1.7em;line-height:1.3;}
	.slogan-wrap .slogan p span {font-weight:700;}
	.slogan-wrap .slogan .en {font-size:1.2em;}
}

/***/
.visual-slider {max-width:100%; background: black; height:400px; }
.visual-slider li {height: 400px;}
.visual-slider li.slick-slide:nth-child(1) {background:url(../../images/main/main_visual011.jpg)  no-repeat 80% 70%; background-size: cover;}
.visual-slider li.slick-slide:nth-child(2) {background:url(../../images/main/main_visual022.jpg)  no-repeat 30% 70%; background-size: cover;}
.visual-slider li.slick-slide:nth-child(3) {background:url(../../images/main/main_visual033.jpg)  no-repeat 50% 50%; background-size: cover;}

.visual-slider .slick-active .txt_wrap {animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:0.5s;animation-duration:0.5s;}
.visual-slider .slick-dots {position:absolute;left:0;right:0;bottom:130px;z-index:900;text-align:center;}
.visual-slider .slick-dots li {display:inline-block;width:14px;height:14px;margin:0 5px;background-color:rgba(255, 255, 255, .35);text-indent:-999px;overflow:hidden;border-radius:11px;cursor:pointer;}
.visual-slider .slick-dots li.slick-active {background:#fff;}

.main-visual-wrap .ctrl-wrap {position:relative;width:100%;margin:0 auto;}
.main-visual-wrap .ctrl-wrap button {position:absolute;left:65%;top:-158px;display:inline-block;width:34px;height:35px;text-indent:-999px;overflow:hidden;vertical-align:middle;z-index:900;width:25px;height:23px;border:1px solid #fff;border-radius:3px;}
.main-visual-wrap .ctrl-wrap .btn-play {background:url(../../images/main/ico_play.png) no-repeat 50% 50%;display:none;}
.main-visual-wrap .ctrl-wrap .btn-pause {background:url(../../images/main/ico_pause.png) no-repeat 50% 50%;}


/***/

/* slider common */
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-slide {position:relative;display:none;float:left;height:100%;min-height:1px;}
.slick-initialized .slick-slide {display:block;}

/*
.slick-dots {text-align: center; padding-top:0px; display:block;}
.slick-dots > li { display: inline-block;}
.slick-dots > li button { width: 30px; height: 30px; border-radius: 50%; overflow: hidden; text-indent: -9999px; position: relative; border: 1px solid transparent;}
.slick-dots > li button::after { content: ""; display: block; width: 10px; height: 10px; background-color: #dfdfdf; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px;}
.slick-dots > li.slick-active button { border: 1px solid #da6e2a; background-color: #fff;width: 30px;height: 30px;border-radius: 50%;overflow: hidden;text-indent: -9999px;position: relative;}
.slick-dots > li.slick-active button::after {  content: "";display: block;width: 10px;height: 10px;background-color: #da6e2a;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin: -5px 0 0 -5px;}

*/
/* main_content */
.main-body {}
	.inner {  position: relative;  max-width: 100%;  margin: 0 auto;}
.main-body .inner {padding: 0; max-width: 100%;width: auto;box-sizing: border-box;}
.main-body .inner .btn-box1 { margin-bottom: 30px;}
.main-body .inner .btn-box1 a {float: left; width:100%; height: 100px; padding:28px;box-sizing: border-box; }
.main-body .inner .btn-box1 a.btn1 {background:rgba(59, 85, 165, .9) url('../../images/main/ico_menu01.png')  no-repeat right 5% top 42%; background-size:35px;}
/* .main-body .inner .btn-box1 a.btn1:hover{background-color:#777;} */
.main-body .inner .btn-box1 a.btn2 {background:rgba(12, 146, 209, .9) url('../../images/main/ico_menu02.png') no-repeat right 5% top 42%; background-size:35px;}
/* .main-body .inner .btn-box1 a.btn2:hover{background-color:#777;} */
.main-body .inner .btn-box1 a.btn3 {background:rgba(0, 178, 179, .9) url('../../images/main/ico_menu03.png') no-repeat right 5% top 42%; background-size:35px;}
/* .main-body .inner .btn-box1 a.btn3:hover{background-color:#777;} */
.main-body .inner .btn-box1 a.btn4 {background:rgba(31, 154, 72, .9) url('../../images/main/ico_menu04.png') no-repeat right 5% top 42%; background-size:35px;}
/* .main-body .inner .btn-box1 a.btn4:hover{background-color:#777;} */
.main-body .inner .btn-box1 a strong { display: block; font-size:23px; color: #fff; font-weight: 600; margin-bottom: 8px;font-family: 'NanumGothic', '나눔고딕'; }
.main-body .inner .btn-box1 a span { font-size:14px; color: rgba(255,255,255,0.9); line-height: 19px;font-family: 'NanumGothic', '나눔고딕'; }
@media screen and (min-width:768px) {
	.main-body .inner .btn-box1 a {width:100%;}
}

/* main_content2 */
.main-body2 {}
	.inner2 {  position: relative;  max-width: 100%;  margin: 0 auto;}
.main-body2 .inner2 {padding: 0; max-width: 100%;width: auto;box-sizing: border-box; margin:0;}
.main-body2 .inner2 .btn-box12 { margin-bottom: 30px;}
.main-body2 .inner2 .btn-box12 a {float: left; width:100%; height: 170px; padding:28px;box-sizing: border-box; }
.main-body2 .inner2 .btn-box12 a.btn12 {background:rgba(65, 80, 123, .8) url('/')  no-repeat right 5% top 42%; background-size:35px;}
.main-body2 .inner2 .btn-box12 a strong { display: block; font-size:23px; color: #fff; font-weight: 600; margin-top: 14px; font-family: 'NanumGothic', '나눔고딕'; }
.main-body2 .inner2 .btn-box12 a span { font-size:14px; color: rgba(255,255,255,0.9); line-height: 19px;font-family: 'NanumGothic', '나눔고딕'; }
@media screen and (min-width:768px) {
	.main-body2 .inner2 .btn-box12 a {width:100%;}
}

/* main_content3 */
.main-body3 {}
	.inner3 {  position: relative;  max-width: 100%;  max-height: 33%; margin: 0 auto;}
.main-body3 .inner3 {padding: 0; max-width: 100%;width: auto;max-height: 33%;height: auto;box-sizing: border-box; margin:0;}
.main-body3 .inner3 .btn-box13 { margin-bottom: 30px;}
.main-body3 .inner3 .btn-box13 a {float: right; width:100%; height: 33px; padding:28px;box-sizing: border-box; }
.main-body3 .inner3 .btn-box13 a.btn12 {background:rgba(86, 105, 161, .8) url('/') no-repeat right 5% top 42%; background-size:35px; border-left: 0.1em solid; border-bottom: 0.1em solid; border-color: #FFFFFF;}
.main-body3 .inner3 .btn-box13 a.btn22 {background:rgba(86, 105, 161, .8) url('/') no-repeat right 5% top 42%; background-size:35px; border-left: 0.1em solid; border-bottom: 0.1em solid; border-color: #FFFFFF;}
.main-body3 .inner3 .btn-box13 a.btn33 {background:rgba(86, 105, 161, .8) url('/') no-repeat right 5% top 42%; background-size:35px; border-left: 0.1em solid; border-color: #FFFFFF;}
.main-body3 .inner3 .btn-box13 a strong { display: block; font-size:18px; color: #fff; font-weight: 600; margin-top: -12px; text-align: center; font-family: 'NanumGothic', '나눔고딕'; }
.main-body3 .inner3 .btn-box13 a span { font-size:14px; color: rgba(255,255,255,0.9); line-height: 19px;font-family: 'NanumGothic', '나눔고딕'; }
@media screen and (min-width:768px) {
	.main-body3 .inner3 .btn-box13 a {width:100%;}
}

/* footer */
.footer { position: absolute;  bottom: 0;  width: 100%;  height: 46px; background:#f0f0f0;}
.section_aside_bottom { }
.section_aside_bottom .sab_item { position: relative; float: left; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.section_aside_bottom .btn_bottom { display: block; height: 42px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 13px; font-size: 13px; color: #999; line-height: 13px; text-align: center;}
.section_aside_bottom .ico_power { width: 15px; height: 16px; background:url(../../images/mbl/power.png) no-repeat 0 0; display: inline-block; margin-right: 4px; vertical-align: -3px;}

#footer1 {  background: rgba(119,120,127,0.8);}
#footer1 .inner { max-width: 90%;width: auto;box-sizing: border-box;padding: 0;position: relative;background: #77787f; height:auto;margin: 0 auto;}
#footer1 p { text-align: center;}
#footer1 p a { float:none; display: inline-block; vertical-align: middle; padding:0; margin:0 8px; font-size:12px; background: none; height: 48px;line-height: 47px;font-weight: 300;color: #fff;}
#footer1 .inner::after { content: ""; display: block; clear: both;}
#footer2 .inner { padding: 15px; position: relative;margin: 0 auto;max-width: 768px;width: auto;box-sizing: border-box; text-align:center;}
#footer2 .logo { position: static;left: 0;top: 34px;}
#footer2 .addr {font-size: 13px;}
#footer2 .addr span { display: inline-block;font-size: 13px;}
#footer2 .addr p { font-size: 13px; opacity: 0.9;}

.topBtn { position: fixed; bottom: 0; width: 100%; text-align: center; display: block; z-index: 99;}
.topBtn a {display: inline-block; position: absolute; bottom: 10px; right: 10px; background: url(../../images/mbl/btn_topBtn.png) no-repeat; width: 35px; height: 35px; border: none; text-indent: -9999px;}

/* contents */
.container .content_wrap {}
.contents {width: 100%;padding: 12px 12px 20px; position: relative; margin:0 auto;}

.path_wrap { padding: 15px 23px 16px; background-color: #0668b1;line-height:normal;}
.path_wrap div {display: block;overflow: hidden;}
.path_wrap h3 { color: #fff; font-size: 14px; float:left;}

.myp_wrap { padding: 15px 23px 16px; background-color:#008a9d;line-height:normal;}
.myp_wrap div {display: block;overflow: hidden;}
.myp_wrap h3 { color: #fff; font-size: 14px; float:left;}

/*게시판 상단 검색*/
.boardHead { margin-bottom: 10px; background: #f6f5f2; padding: 12px; text-align:center;}
.boardHead .inner { width: 670px; display: inline-block;max-width: 100%;}
.boardHead .inner p {position: relative;float: left;}
.boardHead .inner p:first-child { padding: 0; width: 100%;margin-top: 0;position: relative;float: none;}
.boardHead .inner p::after { display: block; content: ""; clear: both;}
.boardHead .inner p:last-child { width: 98%;padding-right: 110px;}
.boardHead .inner p:last-child a {position: absolute;top: 0; right: 0;}
.boardHead .inner p input {height: 36px;padding: 0 6px;max-width: 100%;border: 2px solid #ddd;width: 100%;}

#searchKeyword { width: 60% }

/* 리스트 */
.ListBox {padding-left: 0;min-height: inherit; border-bottom: 1px solid #e1e1e1;position: relative;}
.ListBox ul li {padding: 5px 0; font-size: 14px; border-top: 1px solid #e1e1e1; overflow:hidden;}
.ListBox ul li:first-child { border-top: none;}
.ListBox ul li a.tit { font-size: 14px; display: block; color:#333; width:100%; font-weight:600;text-overflow: ellipsis; line-height:16px;}
.ListBox ul li span { display:block; font-size:12px;}

/* View */
#board_view {position:relative; width:100%; border-top:2px solid #008a9d;}
#board_view .board_v_header {background-color:transparent; border-bottom:1px solid #bbbec8;}
#board_view .board_v_header h4 {font-size:14px; text-align:center; color:#333; padding:8px 0; margin:0 10px; border-bottom:1px dotted #bbbec8;}
#board_view .board_v_header .board_date {text-align:left; padding:4px 10px;}
#board_view .board_v_header .board_date span:first-child {font-size:14px; color:#7e859b; padding-left:0; letter-spacing:-0.8px;}
#board_view .board_v_header .board_date span {font-size:14px; color:#7e859b; padding-left:20px;}

#board_view .board_v_con_w { border-bottom:1px solid #bbbec8;}
#board_view .board_v_con_w .board_v_con {margin:15px 10px;}
#board_view .board_v_con_w .board_v_con img {max-width:100%;}
#board_view .attached_board {position:relative; font-size:14px; line-height:18px; background-color:#f7f7f7; border-bottom:1px solid #bbbec8;}
#board_view .attached_board li {display:block; padding:8px 75px 8px 20px; background:url(../../images/mbl/ico_blue_bul.gif) no-repeat 10px 15px; -moz-background-size:10px 10px; letter-spacing:-0.8px;}

/* Write */
#board_write {position:relative; width:100%; border-top:2px solid #008a9d;}
#board_write .board_v_header {background-color:#fff; border-bottom:1px solid #bbbec8;}
#board_write .board_v_header h4 {font-size:14px; text-align:center; color:#333; margin:0 10px;}
#board_write .input { width: 100%; border: 0; color:#333; height:36px;}

#board_write .board_v_con_w { border-bottom:1px solid #bbbec8;background:#fafafa;}
#board_write .board_v_con_w .board_v_con {margin: 0 10px;padding: 15px 0;}
.board_v_con .textarea { height: 14rem; border: 0; background:#fafafa;}

#board_write .attached_board {position:relative; font-size:14px; line-height:18px; background-color:#f7f7f7; border-bottom:1px solid #bbbec8;}
#board_write .attached_board li {display:block; padding:8px 8px 8px 20px; -moz-background-size:10px 10px; letter-spacing:-0.8px;}
#board_write .attached_board li input {border: 1px solid #ccc; width:74%; float:left; height:33px;}

#board_write .attached_board li .serach_btn {width:80px;height:33px;color:#fff;font-size:13px;background:#7e859b;text-align:center;vertical-align:middle;}
#board_write .attached_board li .serach_btn::before {content:"";display:inline-block;vertical-align:middle;}

/* 버튼제어 */
p.btn_list {text-align:right; margin:10px 10px 0 0;}
p.btn_list a.bg_gray {display:inline-block; padding:4px 8px; color:#fff; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#424f5c;}
p.btn_list a.bg_blue {display:inline-block; padding:4px 8px; color:#fff; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#0079c4;}
p.btn_list a.bg_gray-line {display:inline-block; padding:4px 8px; color:#333; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fff; border:solid 1px #424f5c;}
p.btn_list a.bg_orange {display:inline-block; padding:4px 8px; color:#fff; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#ff401b;}

/*테이블*/
table {font-size:15px; width:100%;}
table caption{position:relative; visibility:visible; height:0; font-size:0;}
/* 테이블st1 */
.tbl_basic {width:100%; border-top:2px solid #223b4c; border-bottom:1px solid #7a7a7a; line-height:1.6em}
.tbl_basic th,.tbl_basic td {padding:5px; border:1px solid #eaeaea; border-width:1px 1px 0 1px; font-size:13px; word-break: break-all; letter-spacing:-1px;}
.tbl_basic thead tr th {background:#f6f6f6; font-weight:bold;}
.tbl_basic tbody tr th ,.tbl_basic tfoot tr th {background:#eff6fc; color:#484848;}
.tbl_basic th:first-child,.tbl_basic td:first-child{border-left:none}
.tbl_basic th:last-child,.tbl_basic td:last-child{border-right:none}
.tbl_basic tfoot tr td, .tbl_basic tfoot tr td {background:#eee; font-weight:bold;}
.tbl_basic.center th,.tbl_basic.center td {text-align:center}
.tbl_basic input[type=file] {width:170px; padding-left:0px;}
.tbl_basic a.lnk {text-decoration:none;color:#555;font-weight:700}
.tbl_basic .lb-sgr {width:40px; padding: 0 5px;}
.tbl_basic .wng-txt2 {display:inline-block; padding-left:4px;}

td.numpeople span { width:97%; padding-top:5px; display:block;}

input.ipt {width:201px;}
input.ipt1 {width:100px;}
input.ipt2 {width:99%;}
input.num {width:88px;}
input.num2 {width:50px;}

.tbl_basic_view{float:left; background:#fff; border-collapse: collapse; border-top:2px solid #a8a8a8; width:100%;}
.tbl_basic_view th {background-color:#fafafa; border-right:1px solid #ccc;border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:9px;text-align: center; vertical-align: middle; line-height:17px; color:#222;}
.tbl_basic_view th:first-child {border-left:none; }
.tbl_basic_view th:last-child {border-right:none; }	
.tbl_basic_view th.navy {background-color: #E0F7FA; }	

.tbl_basic_view td { border-bottom:1px solid #ccc; padding:10px; text-align: center;vertical-align: middle; line-height:24px;}
.tbl_basic_view td:first-child{border-left:none;}
.tbl_basic_view td .line_none{border-left:none;}
.tbl_basic_view .left {text-align:left;}
.tbl_basic_view input.style_no{ border:none;}
.tbl_basic_view td.photo_view_img img{ max-width:100%;}
.tbl_basic_view td img{ vertical-align:middle; cursor:pointer;}
.tbl_basic_view input[type="text"]{vertical-align:top; width: 100%;box-sizing : border-box; }
.tbl_basic_view input.file {vertical-align:top; width:85%; box-sizing : border-box;}
.tbl_basic_view extarea{width:98%; padding:5px 1%; height:75px; display:block; border:1px solid #ccc;}
.tbl_basic_view td input[type="checkbox"]{height:auto !important;}
.tbl_basic_view td textarea { width: 95%;  border:1px solid #ccc;}
@media all and (max-width:640px){
	.tbl_basic_view input.file { width:100%;}
}

.inputTable {border:1px solid #e1e1e1; border-bottom:none}
	.inputTable table,
	.inputTable table colgroup,
	.inputTable table colgroup col,
	.inputTable table tbody,
	.inputTable table tbody tr,
	.inputTable table tbody tr th,
	.inputTable table tbody tr td {display:block}
	.inputTable table tbody th {border:none}
	.inputTable table tbody tr th br {display:none}
	.inputTable table tbody td {border:none; border-bottom:1px solid #e1e1e1}
	.inputTable table tbody th {padding:7px 8px 0}
	.inputTable table tbody td {padding:5px 8px 10px 8px; height:auto}

/*페이지번호*/
.pagination {font-family:'NanumGothic', '나눔고딕'; margin-top:20px; position:relative; text-align: center;width: 100%; font-size:14px;}
.pagination a.pagenum {cursor:pointer; display:inline-block; margin: 0 0 5px; padding: 3px  10px 24px; text-decoration: none; vertical-align:top;}
.pagination a{color:#555; margin:0 2px;}
.pagination a.pagenum:hover{text-decoration:underline;}
.pagination strong{background-color:#607D8B;border:0px solid #7f7f7f;color:#fff; display:inline-block; margin:0; padding:3px 10px 3px; border-radius: 15px;}
.pagination span.arrow{border:1px solid #d9d9d9;cursor:pointer;display:inline-block;font-size:0;height:24px;line-height:0;vertical-align:middle;width:23px;}
.pagination span.arrow.pagefirst {background: #fff url(../../images/mbl/btn_prevv.gif) no-repeat center;}
.pagination span.arrow.pageprev {background: #fff url(../../images/mbl/btn_prev.gif) no-repeat center; margin-right:10px;}
.pagination span.arrow.pagenext {background: #fff url(../../images/mbl/btn_next.gif) no-repeat center; margin-left:10px;}
.pagination span.arrow.pageend {background: #fff url(../../images/mbl/btn_nextt.gif) no-repeat center;}
.pagination a:hover span.arrow {border: 1px solid #7f7f7f; text-decoration: none;}

/*예약*/
.reserv {display: block; color: #37454d;}
.reserv-box {margin:20px 0;}
.search_date { position: relative; margin-top:8px; width:100%;}
.chek-in {width: 49%;display: inline-block !important;}
.chek-in > div { margin-bottom:8px;}
.chek-in > div .date {background: transparent none repeat scroll 0% 0% !important;border: 0px none !important;cursor: pointer !important;display: block !important;padding: 0px !important;}
.date_tit { margin: 0px !important; overflow-wrap: break-word !important; font-size: 12px !important; line-height: 16px !important; letter-spacing: 1px !important;  color: rgb(72, 72, 72) !important; font-weight: 800 !important;}
.date-input { border-color: rgb(235, 235, 235) currentcolor rgb(235, 235, 235) rgb(235, 235, 235) !important; border-style: solid none solid solid !important; border-width: 1px medium 1px 1px !important; border-image: none 100% / 1 / 0 stretch !important; border-radius: 3px 0px 0px 3px !important;}
.date-input .date {display: block !important;width: 100% !important;}
.date-input .date .chek-border { font-size:16px; border-radius:2px; overflow: hidden; position:relative; height:42px;}
.date-input .date .chek-border input { padding:10px; display:block; width:100%;}
.chek-out {width: 50%;display: inline-block !important;}
.chek-out > div { margin-bottom:8px;}
.chek-out > div .date {background: transparent none repeat scroll 0% 0% !important;border: 0px none !important;cursor: pointer !important;display: block !important;padding: 0px !important;}

.btnArea {overflow: hidden;width: 100%;padding: 0; margin-top:15px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
.btnArea.item button{float: left;width: 100%; border-radius: 3px; }
button.btn_fill_blue {height: 37px;line-height: 37px; background: #2b72c9; border-radius: 3px;}
button.btn_fill_blue span{color:#fff;font-size:15px;font-weight: 500;}
button.btn_fill_orange {height: 37px;line-height: 37px; background: #fa5a44; border-radius: 3px;}
button.btn_fill_orange span{color:#fff;font-size:15px;font-weight: 500;}

.roomtype { margin:16px 0;}
.roomtype > div { margin-bottom:8px;}
.roomtype > div .type {background: transparent none repeat scroll 0% 0% !important;border: 0px none !important;cursor: pointer !important;display: block !important;padding: 0px !important}
.type_tit {margin: 0px !important; overflow-wrap: break-word !important; font-size: 12px !important; line-height: 16px !important; letter-spacing: 1px !important;  color: rgb(72, 72, 72) !important; font-weight: 800 !important;}
.roomtype_select {position: relative !important;}
.roomtype_txt { width:100%; height:42px; font-size:16px; font-weight:400; display:block; position:relative; padding: 8px 11px 11px; border-radius: 3px; text-align:left;}
.search-button .bt {border-radius:4px; font-size:16px; padding:12px 24px; color:fff; font-weight:600; background:#0b90a1; width:100%;height:48px;}
.search-button .bt span { color:#fff;}
.date_area {position: relative; border-bottom: 1px solid rgb(235, 235, 235); width:100%; background:#2b89e0; display:block;}
.date_area span {display: block;vertical-align: middle; color:#fff; text-align:center; padding:20px 0; font-size:18px; line-height:1.3em;}
.date_area span .date {}
.date_area span .res { padding: 5px;font-size: 20px;font-weight: 600; color:#fff200;}

@media all and (max-width:640px){
	.chek-in,.chek-out { width:100%;}
}

.itemlist__bottom {display: block;}
.itemlist__bottom span { clear: both; display: block; font-weight: 500; line-height: 16px; padding: 18px 5px; text-align: left; font-size:0.9em;}

#res_cont { display:block;}
#res_cont .s_tit {border-top: 1px solid #828282;position: relative;border: 1px solid #d2d2d2;height: 40px;line-height: 35px;padding: 0 15px;}
#res_cont .s_tit strong { font-size: 14px; letter-spacing: -1px;}
#res_cont  .choice_cont {padding: 0;position: relative;}
.input_wrap {margin: 0;position: relative; cursor:pointer !important; display:block; padding:0 8px;}
.input_wrap .input-text { position: relative; width: 100%; height: 34px; padding: 0 47px 0 32px; font-size: 13px; line-height: 34px; background: transparent url(../../images/mbl/bd-calendar.png) no-repeat 5px 50%;background-size: auto auto; background-size: 15px auto; border: 0;}
.input_wrap .input-text2 { position: relative; width: 47%; height: 34px; padding: 0 15px 0 32px; font-size: 13px; line-height: 34px; background: transparent url(../../images/mbl/bd-calendar.png) no-repeat 5px 50%;background-size: auto auto; background-size: 15px auto; border: 0;}
.input_wrap .datepicker { width: 70%; }

.table_st {width:100%;border-top:2px solid #3d7cdc;border-left:1px solid #d2d2d2;margin-bottom:15px; font-size:13px;}
.table_st tbody th,.table_st tbody td{border-bottom:1px solid #cbcbcb;border-right:1px solid #d2d2d2;padding:3px 10px;text-align:left; height:40px;}
.table_st tbody td.last > span{display:inline-block;width:5%;}
.table_st tbody th{font-weight:500;width:105px;text-align:center;background:#e9e9e9;}

/* 객실 목록 */
h3.ps_h3{padding:0;background:none;font-size:18px;font-weight:normal;padding-bottom:10px;border-bottom:1px solid #d6d6d6;text-align:left; background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);}
.wh_con{padding:15px 10px;border-bottom:1px solid #535a75}
.wh_con ul{overflow:hidden;}
.wh_con ul li{box-sizing:border-box;border:1px solid #d6d6d6;width:100%; float:left;margin-top:10px; height:100%;}
.wh_con ul li:hover{border:1px solid #000}
.wh_con ul li:first-child{margin-top:0}
.wh_con ul li a{position:relative;width:100%; overflow:hidden; display:table;}
.wh_con ul li a div{height:100%;}
.wh_con ul li a div.wh_thumb{position:absolute;left:0;top:0px;width:140px;text-align:left;overflow:hidden}
.wh_con ul li a div.wh_thumb img{width:152px !important;height:100% !important;object-fit: cover;transition:all .3s}
.wh_con ul li a:hover div.wh_thumb img{transform:scale(1.2)}
.wh_con ul li a div.wh_con{height:100px}
.wh_con ul li a div.wh_con_tit{padding:8px 2% 0 150px;font-size:15px;}
.wh_con ul li a div.wh_con_tit strong{color:#444;font-weight:400;}
.wh_con ul li a:hover div.wh_con_tit strong{color:#000;font-weight:600}
.wh_list .wh_sub{margin-left:0;}
.reserv_but {width: 100%; margin-bottom:5px;}
.reserv_but button {margin-top: 5px; height: 44px; padding: 14px 16px;font-size: 16px; color:#fff; background:#0b90a1; width:100%; overflow: hidden;}

.resultType01 {table-layout: fixed; width:100%; background-color:#fff;}
.resultType01 thead tr th {padding:10px 0 10px; border-bottom: 1px solid #ddd; font-size:15px; color:#000000; font-weight:bold; background:#f7f7f7;}
.resultType01 tbody tr th {padding:10px 5px 10px 10px; border-bottom: 1px solid #ddd; font-size:13px; color:#000; background-color: #f7f7f7; font-weight:bold; text-align:left; width:30%; border-left:1px solid #ddd;}
.resultType01 tbody tr td {font-size:13px; padding:10px 10px 10px 10px; text-align: left; color:#595959; line-height:24px;  word-wrap:break-word; word-break:keep-all;border: 1px solid #ddd; width:70%;}
.resultType01 thead tr th:first-child {border-left:none;}
.resultType01 tbody tr:first-child th {border-top: 2px solid #535a75; }
.resultType01 tbody tr:first-child td {}
.resultType01 tbody tr td input.txt{width:100%;}

.viewBtns .btn {   display: inline-block; padding: 10px 16px 13px; text-align: center; box-sizing: border-box; border: 1px solid #ddd; font-size: 20px; margin: 30px 0 20px 0; color:fff;}
.viewBtns .Complet { color: #fff; background: #4863bc; border: 0;}
.viewBtns .Cancel { color: #fff; background: #77787f; border: 0;}

.txt_area { display: block; padding: 18px 0px;text-align: left;font-size:0.9em;}

.tbl{width:100%;border-top:2px solid #4c535e;border-bottom:1px solid #ced1d6;}
.tbl th{padding:8px;border-left:1px solid #ced1d6;border-top:1px solid #ced1d6; text-align:center;line-height:16px;color:#222;font-size:14px}
.tbl td{padding:8px;border-left:1px solid #ced1d6;border-top:1px solid #ced1d6; text-align:center;line-height:16px;color:#222;font-size:14px}
.tbl th,.tbl td.point{text-align:center;font-weight:bold;background:#f6f6f7;}
.tbl td:first-child,
.tbl th:first-child {border-left:none;}
.tbl tfoot th,.tbl tfoot td{color:#305998;text-align:center;font-weight:bold;background:#f8f8f8}
.tbl th.center,.tbl td.center{text-align:center}
.tbl th.left,.tbl td.left{text-align:left !important}
.tbl th.line,.tbl td.line{border-left:1px solid #d3d3d3 !important}
.tbl th.right,
.tbl td.right{text-align:right !important}
.tbl td.lin_left{border-left:1px solid #d3d3d3 !important}
.tbl input[type=text],
.tbl textarea{min-height:20px;line-height:2em;text-indent:5px;border:1px solid #cccccc}
.tbl th span{font-size:9px; color:#999;}
.tbl .pd_none{padding:0;}
.tbl tr.point th,
.tbl tr.point td{background:#f8fafa;}
.tbl td select,.tbl td input[type=text],.tbl td input[type=submit]{margin:3px 0}

/* 유의사항 */
.bot_area { margin-top:20px;}
.bot_area .st1 {overflow: hidden;display: block;width: 100%;height: 35px;text-align:left;border: 1px solid #d2d2d2; border-bottom: none;background: #f5f5f5; font-size:13px; line-height:30px;letter-spacing: -1px; font-weight:600;padding: 0 15px;}
.bot_area .cont {padding: 5px;border: 1px solid #d2d2d2;line-height: 1.5; display:block;}
.bot_area .cont p { font-size:12px; line-height:15px; padding: 5px 15px;}
.bot_area .cont p.tit {display: block; letter-spacing:-1px; font-weight:600;}
.bot_area .cont p.list {font-size: 12px;color: #999;line-height: 18px;}

/* 예약정보 */
.box_st1{border:1px solid #cccccc;border-top-color:#414d5c;border-top-width:2px;margin-bottom:10px;overflow:hidden;box-shadow:0 2px 0 #eee; padding:10px 15px;}
.box_st1 dl{float:left;width:100%;}
.box_st1 dl dt {font-size:14px;font-weight:bold;padding:3px 0 8px 0;color:#222; line-height:-1px;}
.box_st1 dl dd {background: url(../../images/mbl/dot.png) 2px 7px no-repeat; padding: 3px 10px 3px 16px; color:#333;}
.box_st1 dl dd strong {color: #005fc1; font-weight:600; font-size:13px;}
.box_st1 dl dd span {font-weight:500;padding-left:5px;}

/* 시설정보 */
.room-list__item-head {padding: 2px 5px 0 5px; margin-bottom: 0;line-height: 32px;height: 37px;}
.room-list__item-head h4 {font-size: 15px;color: #111;font-weight: 400; float:left;}
.room-list__item-head .won { font-size:12px;float: right;}

.room-list__unit-wrap {font-size: 12px;line-height: 1.42857;color: #555;}
.room-list__unit-wrap .room-unit {margin-top: 0;margin-bottom: 10px; padding: 0 0px; border: 1px solid #d8d8d8;}
.room-list__unit-wrap .room-unit:last-child {margin-bottom: 0;}
.room-list__unit-wrap .room-unit__head { padding: 8px 15px;position: relative;border-bottom: 1px solid #eee;}
.room-list__unit-wrap .room-unit__status_new {line-height: 23px;min-height: 23px; white-space: nowrap;}
.room-list__unit-wrap .room-unit__status-roll-item {padding-left: 0;overflow: hidden;text-overflow: ellipsis;font-size: 13px; color:#111; line-height:30px; font-weight:600;}
.room-unit .btnArea { padding:0 8px; margin:0 auto; margin-bottom:10px;}

.tb_type1 {overflow: auto; padding:8px;}
.tb_type1 > table {border-top:2px solid #3d7cdc;}
.tb_type1 > table th {padding: 7px;}
.tb_type1 > table > thead > tr > th:first-child {border-left: 0;}
.tb_type1 > table > thead > tr > th, .tb_type1 > table > tbody > tr > th { font-weight: 700; white-space: nowrap; border-bottom: 1px solid #E2E7EB; width: 120px; border-left: 1px solid #E2E7EB;text-align: left; background-color: #fcfcfc; font-size: 13px; vertical-align: top; line-height: 1.5;}
.tb_type1 > table > thead > tr > th {vertical-align: middle;width: auto;background-color: #f7f7f7; text-align: center;}
.tb_type1 table td {padding: 10px;white-space: nowrap;}
.tb_type1 > table > tbody > tr > td:first-child {border-left: 0;}
.tb_type1 > table > tbody > tr > td.center {text-align: center;}
.tb_type1 > table > tbody > tr > td { color: #666666; border-bottom: 1px solid #E2E7EB; vertical-align: middle; border-left: 1px solid #E2E7EB; font-size: 13px; padding: 7px;line-height: 23px;}

.tbl_type2 thead th {border:1px solid #c9dded;border-right:0;background:#e6f3fd;font-size:13px; padding:10px;}
.tbl_type2 tbody th,
.tbl_type2 td {height:18px;border-left:1px solid #c9dded;font-size:13px;}
.tbl_type2 tbody th {background:#fff;}
.tbl_type2 th:first-child {border-left:0;}
.tbl_type2 td {text-align:center;color:#666; line-height:18px; padding:10px;}
.tbl_type2 td:first-child {border-left:none;}

/* 예약정보입력 */
.rev_con {position:relative;}
.rev_con h4 { padding-left: 20px; margin-bottom: 15px; background: url(../../images/mbl/h4_ic.png) 0 50% no-repeat; font-size: 16px; font-weight: bold; letter-spacing: -1px;}
.rev_con .tbl_basic tbody th {padding-left:15px; text-align:left; line-height:16px;white-space: nowrap;}
.rev_con .tbl_basic tbody th em {padding-right:3px;font-size:14px!important;font-weight:700;font-style:normal;color:#ed7000!important;}
.rev_con span.tx {display:inline-block; padding-left:5px; font-size:14px}
.rev_con .chk {position:absolute;top:2px;left:150px;}
.rev_con .chk label {cursor:pointer;font-size:15px;}
.rev_con .tbl_basic tfoot tr td{border-top:1px solid #828282;}
.rev_con .tbl_basic tfoot tr td strong{font-size:20px;}

/*결제*/
.check_area { margin: 0 auto; padding: 0px; text-align: left;position: relative;}
.check_area label { margin: 0px 5px;width:90%; float:left; display:block; text-align:left;}
.check_area span {float:left;}

.agreements { margin-top:10px;}
.agreements__title-box {overflow: hidden;margin-bottom: 10px;font-size: 13px;color: #333;}
.agreements__message-and-checkbox-box {float: left;font-size: 13px;line-height: 22px;}
.agreements__display-content-button-box {float: right; padding: 3px 5px;}
.agreements__display-content-button {border: 0 !important;padding: 0 !important;width: 45px; box-shadow: none !important; background: none; font-size: 12px; color: #888;}
.agreements__content {display: none; margin-bottom: 10px; border: 1px solid #ededed; padding: 6px 15px; overflow: scroll; height: 100px;}

/*주간식단*/
.pageTit { margin-bottom: 20px;position: relative;border-bottom: 1px solid #e1e1e1;text-align: center;padding: 0 20px;}
.pageTit h4 {line-height: 46px;font-size: 14px;position: relative;display: inline-block;color: #333; letter-spacing:-1px;}
.pageTit h4::before { display: block; content: "";position: absolute;bottom: -1px;left: 0; width: 100%; border-top: 1px solid #008a9d;}
.pageTit a { width: 20px; height: 46px;display: block;position: absolute;top: 0;text-indent: -9999px;}
.pageTit a.btnPrevPage {background-size: 12px auto;left: 0;background: url(../../images/mbl/btn_prev_page.png) no-repeat left center;}
.pageTit a.btnNextPage {background-size: 12px auto;right: 0;background: url(../../images/mbl/btn_next_page.png) no-repeat right center;}

.todayCont {width: 100%;padding-left: 0; position:relative; margin:15px 0; float:right; display:block; right:0; text-align:right;}
.todayCont .btn {width: 100px;height: 30px;color: #2b72c9;display: block;font-size: 13px;line-height: 30px; padding: 0 15px; border: 1px solid #2b72c9; outline: none; background:#f7f9fa;}

/*faq*/
.faq .q_lst {border-top: 1px solid #bfbfbf;line-height: 1.3em;}
.faq .q_lst dt { border-bottom: 1px solid #d5d5d5;}
.faq .q_lst dt a { display: block;position: relative;height: 100%;padding: 18px 30px 18px 39px; color: #333;word-break: break-all;font-size: 13px;}
.faq .q_lst .ico { display: inline-block;position: absolute; top: 50%;left: 10px; -webkit-box-sizing: border-box; width: 22px; height: 22px; padding: 2px 1px 0 0; border-radius: 11px; background: #bdc2c8; font-weight: 700; font-size: 15px; color: #fff; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%);}
.faq .q_lst dd {display: none; position: relative; padding: 21px 10px 22px; border-bottom: 1px solid #afafaf; background: #f7f7f7; color: grey; font-size: 13px;}

/*예약확인*/
.inquire { width:100%; display:block;}
.inquire li.compare_list {border: 1px solid #d6d6d6;margin-bottom: 10px;}
.inquire .compare_btn { display: block;}
.inquire .compare_item {padding: 0;position: static;}
.inquire .compare_wrap {float: none;width: 100%;padding: 15px;}
.inquire .compare_option { margin-bottom: 5px; float:left; display:block; width:100%;}
.inquire .compare_option li {font-size: 13px; float:left; color:#666;}
.inquire .compare_option li::after {content: '|';font-size: 9px;vertical-align: middle;margin: 0 7px; margin-top: 0px; margin-top: -4px;display: inline-block;}
.inquire .compare_option .la::after {content: '';display: block;clear: both;}
.inquire .compare_name {margin-bottom: 0;font-size: 14px;margin-top: 3px;}
.inquire .compare-price {float: none;width: 100%;background: #7b7b7b; text-align: left; height: 35px; line-height: 35px; padding: 0 15px; position: relative;}
.inquire .compare-price_total {color: #fff; font-size: 11px;}
.inquire .compare-price_total-text {font-size: 15px; font-weight:600;}
.inquire .compare-price_btn .orang {border: 0;margin-top: -100px;overflow: hidden;display: block;position: absolute;right: 18px;width: 64px;height: 30px;background: #f27935;text-align: center;padding: 5px;color: #fff;}
.inquire .compare-price_btn .blue {border: 0;margin-top: -100px;overflow: hidden;display: block;position: absolute;right: 18px;width: 64px;height: 30px;background: #3d7cdc;text-align: center;padding: 5px;color: #fff;}
.inquire .compare-price_btn .orang2 {border: 0;margin-top: -36px;overflow: hidden;display: block;position: absolute;right: 18px;width: 64px;height: 30px;background: #f27935;text-align: center;padding: 5px;color: #fff;}
.inquire .compare-price_btn .blue2 {border: 0;margin-top: -36px;overflow: hidden;display: block;position: absolute;right: 18px;width: 64px;height: 30px;background: #3d7cdc;text-align: center;padding: 5px;color: #fff;}
.inquire .compare-price_btn > div a:link {color:#fff; font-weight:600;}

/*로그인*/
.login_wrap {}
.login_wrap .inp_id {margin-bottom: 5px;}
.login_wrap input[type="text"], .login_wrap input[type="password"] {width: 100%;height: 45px; padding: 0 10px; border: 1px solid #dfe2e6;box-sizing: border-box;font-size: 13px;color: #37454d;letter-spacing: -.05em;}
.login_wrap .inp_pw {margin-bottom: 9px;}
.login_wrap.ipt_wrn_msg {margin-bottom: 20px; font-size: 12px; color: #ff0000; letter-spacing: -0.05em; font-weight: bold;}
.login_wrap .btn_login { background-color: #f27835;display: block;height: 45px;color: #FFF;letter-spacing: -0.5px;font-size: 0.875rem;text-align: center;line-height: 3rem;width: 100%;border-radius: 2px;}
.login_wrap .check {margin: 10px 0 20px 0; overflow: hidden;}
.login_wrap .check .box {display: inline-block; position: relative; height: 22px; line-height: 2em; padding-left: 27px; font-size: 13px; color: #959da6;}
.login_wrap .check .inp {position: absolute; left: -100px;}
.login_wrap .check .ico {display: inline-block; box-sizing: border-box; position: absolute; top: 0px; left: 0; width: 22px; height: 22px; border: 1px solid #f27835;}
.login_wrap .check .ico::after {display: inline-block; position: absolute; top: 3px; left: 7px; width: 4px; height: 9px; border: solid #fff;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);content:'';}
.login_wrap .check .box em {display: inline-block;vertical-align: top;line-height: 22px;}
.login_wrap .ipt_wrn_msg {margin-bottom: 20px;font-size: 12px; color: #ff0000; letter-spacing: -0.05em; font-weight: bold;}

.login_wrap .bottom_button_box.type02 {border-top: 0;margin-top: 17px;}
.bottom_button_box {margin: 30px 0 -10px 0;text-align: center;}
.bottom_button_box.type02 .btn_txt a::before {top: 2px;}
.login_wrap .bottom_button_box.type02 .btn_txt {padding-top: 0;display: inline-block;padding: 19px 9px 10px 9px;}
.login_wrap .btn_txt a::before {margin-top: 1px; display: block; width: 1px; height: 12px; position: absolute; left: -11px; top: 0; content: ''; border-right: 1px solid #dfe2e6;}
.login_wrap .btn_txt:first-child a:before {display: none}
.login_wrap .btn_txt a {position: relative;font-size: 13px; color: #959da6;}

/* 에러공통 */
.error {width:100%; display:block; margin:0 auto; margin-top:10%; margin-bottom:30px;}
.error .content { text-align:center;}
.page-404-txt {margin-top: 27px;text-align: center;}
.error .content .page-404-txt h2 {font-weight: bold;line-height: 1.5em; color: #069edb; font-size:18px; margin-top: 12px;}
.error .content .page-404-txt p {white-space: pre-line; line-height: 1.3em;}
.error .content p {font-size: 14px; color: #666; margin-top: 30px; line-height: 1.5em; letter-spacing: -0.5px;}
.error .content .page-404-btn {margin-top: 31px;}
.error .content .page-404-btn a {display: inline-block;padding: 6px 32.906px;color: #fff;-webkit-transition: background 200ms,color 200ms;transition: background 200ms,color 200ms;}
.error .content .page-404-btn .a-link-home {background: #069edb;}
.error .content .page-404-btn .a-link-back {background: #1d3647;}

/* terms of service */
#ct {min-height: 100%;position: relative;}
.terms_of_srv{padding:20px}
.terms_of_srv .hdln{font-size:1em;color:#222}
.terms_of_srv .subhdln{margin:6px 0 -4px;font-size:.9em;color:#333}
.terms_of_srv .cont{margin-top:5px;font-size:.9em;color:#666;line-height:1.6em}
.terms_of_srv .cont a{color:#00e}
.terms_of_srv .rules_service{font-size:.9em;color:#666;line-height:1.6em}
.terms_of_srv .rules_service h4{padding:15px 5px;font-size:1.2em;color:#222}
.terms_of_srv .rules_service h5{padding:5px;font-size:1.1em;color:#222;float: left;display: block;width: 100%;}
.terms_of_srv .rules_service .in .in{padding-left:10px}
.terms_of_srv .rules_service .in .in .in {padding-left:13px;}
.terms_of_srv .rules_service table{width:100%;border:1px solid #b3b3b3;background:#fff; margin:15px 0;}
.terms_of_srv .rules_service th{padding:5px;background-color:#eee;border:1px solid #d9d8d8;font-weight:bold;font-size:13px;line-height:1.6em}
.terms_of_srv .rules_service td{padding:5px;border:1px solid #d9d8d8;font-size:13px;line-height:1.6em}
.terms_of_srv .rules_service tbody th{background:#f8f8f8;text-align:left}
.terms_of_srv .rules_service a{color:#666;text-decoration:underline}
.terms_of_srv.eng .rules_service,.terms_of_srv.eng .in{letter-spacing:0}
.terms_of_srv.eng h4,.terms_of_srv.eng h5{font-weight:bold;letter-spacing:0}
.terms_of_srv .rules_service .in h4 {padding:15px 5px;font-size:1.2em;color:#222}

.wrap-guestinfo .bx_ct {position: relative;z-index: 30;letter-spacing: -.06em;border: 1px solid #dfe2e6;background: #fff;line-height: 1.55em; margin:10px 15px;}
.wrap-guestinfo .bx_ct .ct_wrp h4 {width:95%;letter-spacing: -1px;display: block;float: left;}
.wrap-guestinfo .bx_ct .ct_wrp h5 {font-weight:normal;}
.bx_ct .ct_wrp:first-child {border-top: 0;}
.bx_ct .ct_wrp {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-top: 1px solid #dfe2e6; color: #16181a;letter-spacing: -.06em;}
.bx_ct .ct_wrp::after {display: block; clear: both; content: '';}
.bx_ct button.toggle { width: 100%;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-weight: 400;color: #16181a;font-size: .92857rem;vertical-align: middle;}
.bx_ct .tit_align_top { padding: 18px 23px 18px; text-align: left;}

.bx_ct button a{ width: 11px; height: 6x; background: url(../../images/mbl/narrow-01.png) no-repeat 0 8px;  background-size: auto auto; text-indent:-999px; float:right; overflow:hidden; float:right; display:block;}
.bx_ct .tit_align_top + .ct {padding-top: 0;}
.bx_ct .ct {padding: 16px 15px 15px;}
.bx_ct .slide-ct { overflow: hidden;position: relative; z-index: -1; max-height: 0px; margin-top: -20px; opacity: .001; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; font-weight:400;}
.wrap-guestinfo .bx_ct .wrap-guestinfo .bx_ct { width:95%; position: relative; vertical-align:middle;}

/*기존css*/
.cp-process{display:inline-block;width:100%;margin:10px 0 0 0;padding:0 0 15px 0}
.cp-process ol li{float:left;display:inline}
.cp-process ol li .prc-arrw{display:inline-block;width:27px;height:16px;margin:15px 0 0 0;padding:0;font-size:0;background:url(../../images/portal/ic_arrow.gif) top center no-repeat}
.cp-process ol li .prc-inbox{display:inline-table;padding:13px 7px;font-size:13px;color:#365a90;font-weight:700;border:1px solid #759fde;border-radius:4px;text-align:center;background:#fdfdfd}