@charset "utf-8";

/**************************************************
프로그램 ID : base.css
프로그램 명 : Base Cascading Style Sheets
작  성   자 : 
최초 작성일 : 2015/09/08
최종 작성일 : 
참고   사항 : 
**************************************************/

/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);*/


* {margin:0; padding:0; border:0 none transparent; box-sizing:border-box;}
:before, :after {box-sizing:border-box;}
html, body, pre, p, table th, table td, input, select, textarea, button {font-family:"Noto Sans KR", sans-serif; font-size:13px; line-height:18px; color:#666; font-weight:400; letter-spacing:-0.03em;}
form, fieldset, p, figure {word-break:break-all; word-wrap:break-word;}
legend, caption, figcaption {display:none;}
img, fieldset {/*'transparent' for Opera7*/}
menu, ol, ul, li, dl, dt, dd {list-style:none;}
menu, ol, ul, dl, dt {display:block;}
table {width:100%; border-collapse:collapse;}
table th, table td {color:#666; vertical-align:top; word-break:normal; word-wrap:break-word;}
input, select, textarea, button {color:#666; vertical-align:middle;}
textarea {resize:none;}
button, label {cursor:pointer;}
button::-moz-focus-inner {padding:0; border:0;}
a {text-decoration:none; cursor:pointer; transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
a:not([class^=btn]):link, a:not([class^=btn]):visited {color:#666;}
a:not([class^=btn]):hover, a:not([class^=btn]):active {color:#333;}
h1, h2, h3, h4, h5, h6, p {word-break:normal; word-wrap:break-word;}
h1, h2, h3, h4, h5, h6, strong, th {font-weight:700;}
address, em, i {font-style:normal;}
hr {border-top:1px solid #e5e9ec;}
figure > span {line-height:0; display:block; overflow:hidden;vertical-align:top;}
figure.caption figcaption {display:block;}

.autoImg {width:100%; line-height:0; display:block; overflow:hidden;}
.ellipsis {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}

.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.clr {clear:both;}
.position-right {position:absolute; top:0px;}
.right-20px {right:20px;}
.margin-5px-top {margin-top:-5px!important;}

.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}

.vt {vertical-align:top;}
.vb {vertical-align:bottom;}
.vm, .btns {vertical-align: middle;}

.nobg {background:none !important;}
.nobd {border:0 none !important;}
.nobl {border-left:0 none !important;}
.nomg {margin:0 !important;}
.nomt {margin-top:0 !important;}
.noml {margin-left:0 !important;}
.nopdt {padding-top:0 !important;}
.nopd {padding:0 !important;}
.nopb {padding-bottom:0 !important;}
.nopl {padding-left:0 !important;}
.nodp {display:none;}
.blind, .hide {position:absolute !important; width:0 !important; height:0 !important; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}
.blind * {width:0 !important; height:0 !important; padding:0 !important; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}

.btnL {margin-top:30px; text-align:left;}
.btnL [class^=btn0], .btnL [class^=btn1] {margin-right:6.5px;}
.btnR {margin-top:30px; text-align:right;}
.btnR [class^=btn0], .btnR [class^=btn1] {margin-left:3px;}
.btnR.pgNext {float:right; margin-top:-30px;}
.btnC {margin-top:40px; text-align:center;}
.btnC [class^=btn0], .btnC [class^=btn1], .btnC a {margin:0 3px;}
.btnC .fr {margin-right:0;}
.btnC.half {width:100%; display:table;}
.btnC.half > * {width:50%; vertical-align:middle; display:table-cell;}
.btnC.half > *:last-child {border-left:0 none;}

.btnTop {margin-bottom:8px;}
.btnMid {margin-top:20px; margin-bottom:60px;}
.btnBtm {margin-top:30px !important;}

.tblTop {margin-bottom:20px;}
.tblMid {margin-bottom:40px;}
.tblBtm {margin-top:10px;}

.tabBtm {margin-top:40px;}

.pgMid {margin-top:30px; margin-bottom:30px;}
.pgBtm {margin-top:50px;}

.figBtm {margin-top:30px;}

::-webkit-input-placeholder {color:#aaa;} 
:-moz-placeholder {color:#aaa; opacity:1;}
::-moz-placeholder {color:#aaa; opacity:1;}
:-ms-input-placeholder {color:#aaa !important;}
::-ms-input-placeholder {color:#aaa;}
.placeholder {color:#aaa !important;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative; margin:0 auto;width:100%; height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute; border:1px solid #e9e9e9; background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0; background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px; border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}
.hd_pops .slick-prev {left: 0px; background: url(/img/offer_prev_btn.png) center center; width: 41px; height: 41px; z-index: 3;}
.hd_pops .slick-next {right: 0px; background: url(/img/offer_next_btn.png) center center; width: 41px; height: 41px; z-index: 3;}
/* input
------------------------------------------------------------------------------- */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"] {width:100%; height:46px; padding:0 20px; border:1px solid #e5e9ec; background-color:#fff; outline:0; transition:background 0.2s linear 0s,box-shadow 0.2s linear 0s;}
.uneditable-input.focus, textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus, .m-uneditable-input:focus {color:#666; /* background-color:#f4f5f7; font-weight:500;*/}
input[type=image] {width:auto !important; height:auto !important; margin:0; padding:0 !important; border:0 none !important; background:none;}

/*input[type="radio"]:not([class]), input[type="checkbox"]:not([class]) {width:auto !important; height:auto !important; margin:0; padding:0 !important; border:0 none !important; background:none; vertical-align:-3px;}*/
input[type="radio"]:not([class]), input[type="checkbox"]:not([class]) {width:16px !important; height:16px !important; margin-right:-18px !important; line-height:0; border:0; vertical-align:middle; display:inline-block; opacity:0;}
input[type="radio"]:not([class]):focus + label, input[type="checkbox"]:not([class]):focus + label {/*outline:1px dotted #666;*/}
input[type="radio"]:not([class]) + label, input[type="checkbox"]:not([class]) + label {position:relative; padding-left:24px; margin-right:15px; line-height:20px; text-align:left !important; vertical-align:middle; display:inline-block; transition:border 0.2s linear 0s, color 0.2s linear 0s;}
input[type="radio"]:not([class]) + label:last-child, input[type="checkbox"]:not([class]) + label:last-child {margin-right:0;}
input[type="radio"]:not([class]) + label:before, input[type="radio"]:not([class]) + label:after, input[type="checkbox"]:not([class]) + label:before, input[type="checkbox"]:not([class]) + label:after {vertical-align:middle; display:inline-block; content:""; transition:border 0.2s linear 0s, color 0.2s linear 0s;}
input[type="radio"]:not([class]) + label:before, input[type="radio"]:not([class]) + label:after {position:absolute; top:50%; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; -ms-border-radius:99px; -o-border-radius:99px;}
input[type="radio"]:not([class]) + label:before {left:0; width:16px; height:16px; margin:-8px 8px 0 0; border:1px solid #dedede; background:#eee;}
input[type="radio"]:not([class]):checked + label:not(.agreeC), input[type="checkbox"]:not([class]):not([id*="closeToday"]):checked + label:not(.agreeC) {color:#333;}
input[type="radio"]:not([class]):checked + label {color:#666;}
input[type="radio"]:not([class]):checked + label:before {border:5px solid #768396; background:#f7f7f7;}
input[type="radio"]:not([class]) + label.st01 {width:16px; padding-left:16px; text-indent:-9999px;}
input[type="radio"]:not([class]) + label.st02:before {margin-top:-14px;}
input[type="radio"]:not([class]) + label.st02 span {padding-bottom:11px; font-weight:700; font-size:22px; color:#77777b; letter-spacing:-0.04em; border-bottom:2px solid transparent; display:inline-block;}
input[type="radio"]:not([class]):checked + label.st02 span {border-color:#77777b;}
input[type="radio"]:not([class]) + label.em01 {font-weight:700; font-size:18px; color:#333;}

input[type="checkbox"]:not([class]) + label {font-size:12px;}
input[type="checkbox"]:not([class]) + label:before {position:absolute; left:3.5px; top:50%; width:16px; height:16px; margin-top:-10px; font-family:'icomoon'; font-size:11px; color:#ddd; content:"\f00c"; z-index:10;}
input[type="checkbox"]:not([class]) + label:after {position:absolute; left:0; top:50%; width:17px; height:17px; margin:-8.5px 10px 0 0; border:1px solid #ddd; background:#eee; z-index:5}
input[type="checkbox"]:not([class]):checked + label:before {color:#fff;}
input[type="checkbox"]:not([class]):checked + label:after {border-color:#768396; background:#768396;}
input[type="checkbox"]:not([class]) + label.st01 {padding-left:17px; text-indent:-9999px;}
input[type="checkbox"]:not([class]) + label.em01 {font-size:13px; color:#474e61;}
input[type="checkbox"]:not([class]) + label.tr {padding-right:25px;}
input[type="checkbox"]:not([class]) + label.tr:before {left:auto; right:-2.8px;}
input[type="checkbox"]:not([class]) + label.tr:after {left:auto; right:0; margin-right:0;}
input[type="checkbox"]:not([class]) + label.em01.tr:before {margin-top:-9px;}
input[type="checkbox"]:not([class]) + label.em01.tr:after {margin-top:-8px;}
input[type="checkbox"]:not([class]) + label.em02 {line-height:17px;}
input[type="checkbox"]:not([class]) + label.em02:before {margin-top:-8px;}

input[disabled], select[disabled] {background:#e5e9ec;}
input[disabled] + label {color:#dbdbdb; cursor:default;}
input[disabled] + label:before, input[type="checkbox"]:not([class])[disabled] + label:before {border-color:#dbdbdb;}

input[readonly], select[readonly] {/*font-weight:500;*/ color:#333; background:#f7f7f7;}

select {height:38px; color:#666; border:1px solid #e5e9ec;}

textarea {width:100%; padding:17px 16px 17px 20px; border:0 none; background:#f7f7f7;}

input.error, select.error {border-color:#e07b46;}