@import url('fonts.css');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
html{overflow:auto;}
body{background-color:#fff; -webkit-text-size-adjust:100%;}
body, input, textarea, select, button, table{margin:0; font-size:3.6vw; font-family:'Lato', 'Noto Sans KR', Sans-serif; font-weight: 300; color:#444}
body, h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, /*blockquote,*/ form, fieldset, legend, button { margin: 0; padding: 0; }

img, fieldset{border:0 none}
dl, ul, ol, li {list-style: none outside none;}
button{border:0 none; cursor:pointer; display: block;}
table, th, td, div{border-collapse:separate}

a,img,input {outline:none; selector-dummy:expression(this.hideFocus=true);}
.png24 { tmp:expression(setPng24(this));}
area {outline:0;}

li img { vertical-align:top;}
td img { vertical-align:middle}
.cursor { cursor: pointer;}
img {max-width:100%;}

strong, .strong , b { font-weight: 600; }
address, caption, cite, code, dfn, em, var {font-style:normal;}

hr { clear: both; display: none; }
.blind, legend, caption, h2{display:none !important}

a {text-decoration:none; color:#444;}
a:hover, a:active, a:focus {text-decoration:none; background-color:transparent}
table a:link, table a:visited {color:#444;}
table a:hover, table a:active {color:#000; text-decoration:underline;}

input, select, textarea {font-size:3.4vw; vertical-align:middle;}
input, textarea, select { border-width:1px; border-style: solid; border-color:#ddd; background:#fff}
select{height:8vmin; -webkit-border-radius:0; font-size:3.4vw; color:#555;}
select.mobile_serch{width:20%; font-size:11px;}
input.text {padding:0px 3%; height:8vmin; border:1px solid #ddd; font-size:3.4vw; -webkit-appearance: none; -webkit-border-radius: 0; box-sizing:border-box; line-height:8vmin;}
input.file {width:100%; height:7vmin; border:1px solid #ddd; font-size:3.4vw; padding:2px 6px; -webkit-appearance: none; -webkit-border-radius: 0; line-height:6vw; vertical-align:middle; box-sizing:border-box;}
textarea.textarea {width:100%; height:35vw; padding:3%; font-size:3.4v;w -webkit-appearance: none; -webkit-border-radius: 0; box-sizing:border-box;}
textarea.textarea02 {width:100%; height:100vw; padding:3%; border:1px solid #dfdfdf; background:#f5f5f5; color:#666; font-size:3.4vw; letter-spacing:-0.2px; resize:none; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
label {border:none; cursor:pointer;}

.button {border:0 none; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}

/* clear Style */
.c_box {*zoom:1;}
.c_box:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}

/* input text fade effect */
.mb_id-label, .mb_pass-label, .mem_name-label, .mem_email-label, .searchword-label, .addr1-label{position: absolute; margin:3px; display:block; font-size:12px;}
input.searchword{width:220px; height:23px; border:1px solid #ddd; font-size:12px;} /* 중복체크인풋 */
input.addr1{width:220px; height:18px; border:1px solid #ddd; font-size:12px;} /* 우편번호검색인풋 */
label.comm_check_label {border:none;}


#dbname_view {display:none}


/*btn*/

.btn_payment {display: inline-block; width: 317px; height: 53px; text-align: center; line-height: 53px; background: #df474d; color: #fff; font-size: 24px; font-weight: 400; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}

.btn_red {min-width:58px; height:24px; line-height:24px; font-size:11px; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; padding:0px 5px; margin-left:1px; display:inline-block; color:#1f60b6 !important; text-align: center; border:1px solid #1f60b6; cursor:pointer; border-radius:2px;}
.btn_gray {min-width:58px; height:24px; line-height:24px; font-size:11px; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; padding:0px 5px; margin-left:1px; display:inline-block; color:#666 !important; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; cursor:pointer; border-radius:2px;}
.btn_blue {min-width:58px; height:24px; line-height:24px; font-size:11px; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; padding:0px 5px; margin-left:1px; display:inline-block; color:#1f60b6 !important; text-align:center; border:1px solid #1f60b6; border-radius:2px;}
.btn_black {width:18vw; height:8vmin; line-height:8vmin; font-size:3.2vw; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; margin-left:1px; display:inline-block; color:#444 !important; text-align: center; border:1px solid #777; border-top-color:#999; border-bottom-color:#444; cursor:pointer; border-radius:2px;}

.btn_gray:hover, .btn_gray2:hover {color:#666; text-decoration:none}
.btn_blue:hover, .btn_blue2:hover {color:#1f60b6; text-decoration:none}


.btn_red2 {width:25%; height:7.5vmin; line-height:7.3vmin; font-size:3.4vw; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; margin-left:1px; display:inline-block; color:#1f60b6 !important; text-align:center; border:1px solid #1f60b6; border-radius:2px;}
.btn_gray2 {width:25%; height:7.5vmin; line-height:7.3vmin; font-size:3.4vw; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; margin-left:1px; display:inline-block; color:#666 !important; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; cursor:pointer; border-radius:2px;}
.btn_blue2{text-align:center; color:#1f60b6; padding:5px 10px; font-size:14px; margin-left:1px; border-top:1px solid #186ede;
border-right:1px solid #1f60b6; border-left:1px solid #1f60b6; border-bottom:1px solid #0e4791; display:inline-block; cursor:pointer; border-radius:2px;
background:url(/images/common/btn/btn_bg2.gif) left top repeat-x;}

.btn_login{padding:20px 25px; text-align:center; color:#1f60b6; font-size:16px; border-top:1px solid #186ede;
border-right:1px solid #1f60b6; border-left:1px solid #1f60b6; border-bottom:1px solid #0e4791; display:inline-block; cursor:pointer; border-radius:2px;
background:url(/images/member/login_bg.gif) left top repeat-x;}

.btn_search{padding:3px 6px; text-align:center; color:#444; font-size:11px; border-top:1px solid #999;
border-right:1px solid #777; border-left:1px solid #777; border-bottom:1px solid #444; display:inline-block; cursor:pointer; border-radius:2px;
background:url(/images/common/btn/btn_bg2.gif) left top repeat-x;}

.btn_prnext {padding:3px 4px; text-align:center; color:#444; font-size:11px; border-top:1px solid #999;
border-right:1px solid #777; border-left:1px solid #777; border-bottom:1px solid #444; display:inline-block; cursor:pointer; border-radius:2px;
background:url(/images/common/btn/btn_bg2.gif) left top repeat-x;}

.btn_Login {display:block; width:100%; height:20vmin; border:none; background:#0c4b9e; font-size:4vw; font-weight:600; color:#fff; text-align:center; line-height:20vmin; cursor:pointer; -webkit-appearance: 2px; -webkit-border-radius: 2px;} /* 로그인 */


/*181029*/
.new_tag {color:#ffffff;}

/* margin */
.mgT3 {margin-top:3px !important}
.mgT5 {margin-top:5px !important}
.mgT6 {margin-top:6px !important}
.mgT8 {margin-top:8px !important}
.mgT10 {margin-top:10px !important}
.mgT13 {margin-top:13px !important}
.mgT15 {margin-top:15px !important}
.mgT20 {margin-top:20px !important}
.mgT25 {margin-top:25px !important}
.mgT30 {margin-top:30px !important}
.mgT35 {margin-top:35px !important}
.mgT40 {margin-top:40px !important}
.mgT50 {margin-top:50px !important}
.mgT60 {margin-top:60px !important}
.mgT60 {margin-top:60px !important}
.mgT75 {margin-top:75px !important}

.mgB5 {margin-bottom:5px !important}
.mgB10 {margin-bottom:10px !important}
.mgB20 {margin-bottom:20px !important}
.mgB30 {margin-bottom:30px !important}
.mgB35 {margin-bottom:35px !important}
.mgB40 {margin-bottom:40px !important}
.mgB50 {margin-bottom:50px !important}


.mgR5 {margin-right:5px !important}
.mgR10 {margin-right:10px !important}
.mgR12 {margin-right:12px !important}
.mgR14 {margin-right:14px !important}
.mgR20 {margin-right:20px !important}
.mgR23 {margin-right:23px !important}
.mgR28 {margin-right:28px !important}
.mgR30 {margin-right:30px !important}
.mgR70 {margin-right:70px !important}

.mgL0 {margin-left:0px !important}
.mgL5 {margin-left:5px !important}
.mgL10 {margin-left:10px !important}
.mgL12 {margin-left:12px !important}
.mgL15 {margin-left:15px !important}
.mgL17 {margin-left:17px !important}
.mgL20 {margin-left:20px !important}
.mgL25 {margin-left:25px !important}
.mgL30 {margin-left:30px !important}
.mgL40 {margin-left:40px !important}

/* padding */
.pd3 {padding:3px !important}
.pd10 {padding:10px !important}
.pd17 {padding:17px !important}

.pdT4 {padding-top:4px !important}
.pdT5 {padding-top:5px !important}
.pdT7 {padding-top:7px !important}
.pdT10 {padding-top:10px !important}
.pdT15 {padding-top:15px !important}
.pdT20 {padding-top:20px !important}
.pdT30 {padding-top:30px !important}
.pdT50 {padding-top:50px !important}
.pdT120{padding-top:120px; !important}

.pdB5 {padding-bottom:5px !important}
.pdB10 {padding-bottom:10px !important}
.pdB20 {padding-bottom:20px !important}
.pdB30 {padding-bottom:30px !important}
.pdB40 {padding-bottom:40px !important}
.pdB50 {padding-bottom:50px !important}

.pdL8 {padding-left:8px !important}
.pdL12 {padding-left:12px !important}
.pdL20 {padding-left:20px !important}
.pdL30{padding-left:30px; !important}
.pdL50 {padding-left:50px !important}
.pdL120{padding-left:120px; !important}
.pdL150{padding-left:150px; !important}

.pdR5 {padding-right:5px !important}
.pdR10 {padding-right:10px !important}
.pdR20 {padding-right:20px !important}

/* align */
.alignL {text-align:left !important}
.alignR {text-align:right !important}
.alignC {text-align:center !important}
.clear {clear:both !important}
.floatL {float:left !important}
.floatR {float:right !important}
img.imgT {vertical-align:top !important}
img.imgB {vertical-align:bottom !important}
img.imgC {vertical-align:middle !important}
.vaT {vertical-align:top !important;}
.vaB {vertical-align:bottom !important;}

/*color*/
.red{color:#5492ff !important;}
.blue {color:#1f60b6 !important;}


/*calendar*/
.fc_main { background: #DDDDDD; border: 1px solid #000000; font-family: Verdana; font-size: 10px; }
.fc_date { font-family: tahoma; border: 1px solid #D9D9D9;  cursor:pointer; font-size: 8pt; text-align: center;}
.fc_dateHover, TD.fc_date:hover { font-family: tahoma;cursor:pointer; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background: #E7E7E7; font-size: 8pt; text-align: center; }
.fc_wk {font-family: Verdana; font-size: 11px; text-align: center;}
.fc_wknd { color: #FF0000; font-weight: bold; font-size: 11px; text-align: center;}
.fc_wknd1 { color: blue; font-weight: bold; font-size: 11px; text-align: center;}
.fc_head { background: #000066; color: #FFFFFF; font-weight:bold; text-align: left;  font-size: 11px; }


/* layerPop2 */
.overlay {background:url('/mobile/images/common/overlay.png') repeat 0 0; position:absolute; width:100%; height:100%; display:none; z-index:100;}
#layerPop02 {position:absolute; background:#fff; border:1px solid #dfdfdf; width:94%; padding:50px 3%; z-index:101;}
#layerPop02 .closeBtn {position:absolute; right:2%; top:5%}




/* Smartphones (landscape) -----------*/

@media (min-width : 640px) {

body, input, textarea, select, button, table{font-size:14px;  margin:0 auto;}
input.text {padding:0px 8px; height:38px; font-size:13px; line-height:38px;}
textarea.textarea {height:150px;}
select{ height:38px;}
/*btn*/
.btn_black {width:58px; height:24px; line-height:24px; font-size:11px;}

.btn_red2 {width:75px; height:26px; line-height:26px; font-size:12px;}
.btn_gray2 {width:75px; height:26px; line-height:26px; font-size:12px;}

.btn_Login {height:85px; font-size:16px; line-height:85px;}

}

.overlay-wrap {position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.2; z-index: 60; display: none;left:0;top:0;right:0;bottom:0;}

/* 레이어 팝업 */
#layerPop {
/*
	position: absolute; z-index: 61; background: #fff; max-width:760px; width: 100%; height: 80%; overflow-y: scroll; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; top: 20px; display: none;margin:0 auto;
*/
	position:fixed;z-index: 61;left:50%;top:50%;max-width:768px;width:100%;height: 80%;background:#fff;transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);display: none;overflow:hidden;overflow-y: scroll; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#layerPop .popupHead {background: #3e3e3e; font-size: 27px; line-height: 73px; color: #fff; font-weight: 500; padding: 0 30px; position: relative;}
#layerPop .popupHead a {position: absolute; right: 0; top: 0;}
#layerPop .popupContents {padding: 50px 30px;}
#layerPop .popupContents .section {margin-top: 50px;}
#layerPop .popupContents .section:first-child {margin-top: 0;}
#layerPop .popupContents h3.title {font-size: 24px; margin-bottom: 20px; line-height: 27px; color: #222; font-weight: 500; background: url('/mobile/images/bg_title.gif') no-repeat left top; letter-spacing: -0.5px; padding-top: 20px;text-align: left;}
#layerPop .popupContents .text, #layerPop .popupContents .select, #layerPop .popupContents label, #layerPop .popupContents textarea {font-size: 15px;}
#layerPop .popupContents label {margin-right: 25px; line-height: 30px;}
#layerPop .popupContents textarea {resize:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 150px; padding: 10px; background: #fafafa;}
#layerPop .welcome {margin-bottom: 20px; font-weight: 400; font-size: 20px;}
#layerPop .serviceArea {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; resize:none; height:150px; font-size: 15px; white-space:pre-wrap; overflow-y: scroll; border: 1px solid #ddd; background: #fafafa;}
#layerPop .serviceArea .tblType01 {white-space:normal;}
#layerPop .serviceArea .tblType01 th, #layerPop .serviceArea .tblType01 td {font-size: 13px;}
#layerPop .serviceArea .tblType01 thead th:first-child {border-left: 1px solid #dfdfdf;}
#layerPop .serviceArea .tblType01 thead th:last-child {border-right: 1px solid #dfdfdf;}
#layerPop .serviceArea .tblType01 tbody td {border-left: 1px solid #dfdfdf;}
#layerPop .serviceArea .tblType01 tbody td:last-child {border-right: 1px solid #dfdfdf;}

.btn_pay_wrap {display: inline-block; width: 100%; height: 53px; text-align: center; line-height: 53px; background: #5492ff !important; color: #fff; font-size: 24px; font-weight: 400; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;max-width:200px;}

.tblType02 {border-top: 1px solid #333;}
.tblType02 th {background: #f9f9f9; text-align: center; font-size: 16px; font-weight: 400; color: #333; width:30%;}
.tblType02 td {text-align: left;}
.tblType02 th, .tblType02 td {padding: 11px; border-bottom: 1px solid #dfdfdf;}