@charset 'utf-8';
@import url('web.font.css');

/*=================================================================================
 * default common
 =================================================================================*/
/* Font */
body, select, input, textarea {font-family:'Malgun Gothic', '맑은고딕';}
h1, h2, h3, h4, h5, h6, dt, button, strong {font-family:'Malgun Gothic', '맑은고딕';}

/* Font Size */

/* 공통 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, tbody, tfoot, thead, tr, th, td, a, figure {margin:0; padding:0; border:0;}

html {}
body {font-size:14px; color:#555; letter-spacing:-0.04em;}
h1,h2,h3,h4,h5 {font-size:100%; font-weight:normal;}
ul,ol,li, figure {list-style-type:none;}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption {/* visibility:hidden; overflow:hidden;  */position:absolute; left:-10000%; top:0; width:0; height:0; font-size:0; line-height:0; }
caption.cap {text-align:left; font-weight:bold; margin-bottom:5px; font-size:14px;}
em, address, i {font-style:normal;}
select, input, textarea {font-size:12px; vertical-align:middle; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; resize:none;}
select {border:1px solid #d5d5d5; height:27px;}
input[type='checkbox'] {position:relative; bottom:0; padding:0; margin:0 2px 0 0;}
input[type='radio'	 ] {position:relative; bottom:2px; padding:0; margin:0 5px 0 0;}
input[type='text'    ] {height:25px; line-height:25px; border:1px solid #d5d5d5;}
input[type='password'] {height:25px; line-height:25px; border:1px solid #d5d5d5;}
input[type='textarea'] {resize: none; border:1px solid #d5d5d5;}

button {display:inline-block; padding:0; border:0; background:transparent; text-align:center; vertical-align:middle; cursor:pointer; white-space:nowrap;}
button::-moz-focus-inner {padding:0;border:0; border-radius:0; -webkit-appearance:none;}
button span {position:relative;}

.hid, .hidden, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}
a {text-decoration:none; color:#555; -webkit-tap-highlight-color:transparent; -webkit-user-select: none;}
a:hover {text-decoration:none; cursor:pointer; color:#555; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

img {vertical-align:middle; border: 0;}

/*=================================================================================
 * common
 =================================================================================*/
.alignR {text-align:right !important;}
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}

.alignVt {vertical-align:top !important;}
.alignVm {vertical-align:middle !important;}
.alignVb {vertical-align:bottom !important;}

.bold {font-weight:bold !important;}

/* margin */
.mt-25 {margin-top:-25px !important;}
.mt-18 {margin-top:-18px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

/* padding */
.pa0 {padding:0px !important;}
.pa10 {padding:10px !important;}
.pa20 {padding:20px !important;}
.pa30 {padding:30px !important;}
.pa40 {padding:40px !important;}
.pa50 {padding:50px !important;}
.pa60 {padding:60px !important;}

.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}

.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}

/*=================================================================================
 * common btn
 =================================================================================*/
/* icon */
.blank {display:inline-block; width:9px; height:9px; background:url('../images/common/ico_blank.png') left top no-repeat; margin-left:3px; position:relative; top:-4px;}
.blank i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}

 /* btn */
.btn_red_m {background:#e10b0b; border:1px solid #e10b0b; font-family:'notoMedium'; font-size:15px; color:#fff !important; letter-spacing:-0.06em; padding:10px 10px 10px 10px; position:relative; display:inline-block;}
.btn_blue_m {background:#019eef; border:1px solid #019eef; font-family:'notoMedium'; font-size:15px; color:#fff !important; letter-spacing:-0.06em; padding:10px 10px 10px 10px; position:relative; display:inline-block;}

.btn_m {display:inline-block; border:1px solid #ccc; font-family:'notoMedium'; text-align:center; padding:0 10px; height:30px; line-height:30px;}
.btn_s {display:inline-block; border:1px solid #ccc; font-family:'notoMedium'; text-align:center; padding:0 10px; height:26px; line-height:26px; font-size:12px;}
.btn_m .ico,
.btn_s .ico {display:inline-block; vertical-align:middle; position:relative; top:-2px; margin-right:5px;}

/* common */
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.deaeline {vertical-align:top; margin:4px 0 0 5px;}
.txt_left {text-align:left !important;}
.new {vertical-align:middle; margin:-1px 5px 0 0;}
.red, .highlight {color:#2971d4 !important;}
.blue, .highlight_red {color:#e90606 !important;}

/* custom_select */
.custom_select {position:relative; z-index:0; background:#fff; display:inline-block; font-size:15px; letter-spacing:0; border:1px solid #d7d7d7; min-width:50px;}
.custom_select label {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}
.custom_select.on {z-index:1000;}
.custom_select select {display:none;}
.custom_select_in .cs_list {display:none; position:absolute; background:#fff; width:100%; margin:0; list-style:none; border:1px solid #d7d7d7; left:-1px; padding:5px 0; text-align:left;}
.custom_select_in .cs_list li a {padding:2px 10px; display:block;}
.custom_select_in .cs_list li a:hover {background:#eeeeee;}
.custom_select.on .cs_list {display:block;}
.custom_select_in {position:relative;}
.custom_select_in .cs_currSel {display:block; height:36px; line-height:36px; padding:0 25px 0 10px; background:url('../images/common/select_arrow_open.png') right center no-repeat;}
.custom_select.on .custom_select_in .cs_currSel {background:url('../images/common/select_arrow_close.png') right center no-repeat;}
.custom_select.scroll .custom_select_in .cs_list {overflow-x: hidden; overflow-y: scroll; height:200px;}
.custom_select.small {font-size:12px;}
.custom_select.small .custom_select_in .cs_list {padding:0 0;}
.custom_select.small .custom_select_in .cs_list li a {padding:2px 10px;}
.custom_select.small .custom_select_in .cs_currSel {height:25px; line-height:25px; padding:0 23px 0 10px;}
.custom_select.medium {font-size:12px; vertical-align:top;}
.custom_select.medium .custom_select_in .cs_list {padding:0 0;}
.custom_select.medium .custom_select_in .cs_list li a {padding:2px 10px;}
.custom_select.medium .custom_select_in .cs_currSel {height:30px; line-height:30px; padding:0 23px 0 10px;}
.custom_select.large .custom_select_in .cs_list {padding:0 0;}
.custom_select.large .custom_select_in .cs_currSel {height:42px; line-height:42px; padding: 0 25px 0 10px;}
.custom_select.bdnone {border:1px solid #fff;}
.custom_select.bdnone .custom_select_in .cs_currSel {padding:0 23px 0 5px;}
.custom_select.red .custom_select_in .cs_currSel {color:#ed3232;}

/* 달력 */
#datepicker_box {width:265px; height:247px; display:block; background:url('../images/common/cal_bg.png') 0 0 no-repeat; position:absolute; z-index:99;}
#datepicker_box .datepicker{border-collapse:collapse;border:0px solid #7d7d7d; width:190px; margin-left:36px; margin-top:19px; font-family: '맑은고딕'; font-size:13px; font-weight:bold; color:#666;}
#datepicker_box .datepicker tr.controls th{height:38px; background-color:#000; margin-left:20px; }
#datepicker_box .datepicker tr.days th{font-weight:bold;font-family:dotum;font-size:13px;padding-top:5px;height:27px;}
#datepicker_box .datepicker th span{font-weight:bold;}
#datepicker_box .datepicker tbody td{width:23px;height:16px;font:11px/22px dotum;text-align:center;background:#ffffff; font-weight:bold;}
#datepicker_box .datepicker tbody td.date{cursor:pointer;}
#datepicker_box .datepicker tbody td.date.over{background-color:#99ffff;}
#datepicker_box .datepicker tbody td.date.chosen{background-color:#eee;}
#datepicker_box .datepicker .today{display:block; background:url('../images/common/btn_calendar_today.gif') 0 0 no-repeat; font:normal 11px dotum; margin:0 0 3px 5px;padding-top:2px;color:#ff0000;text-align:center;width:40px;height:16px;}
#datepicker_box .datepicker .close{background:url('../images/common/cal_close.png') 0px 0px no-repeat; width:13px; height:13px; float:right;}
#datepicker_box .datepicker .sat{color:#666; cursor:pointer; width:23px;}
#datepicker_box .datepicker .sat.over{background-color:#99ffff;}
#datepicker_box .datepicker .sat.chosen{background-color:#eee;}
#datepicker_box .datepicker .sun{color:#666; cursor:pointer; width:23px;}
#datepicker_box .datepicker .sun_t{color:#ff0000; cursor:pointer; width:23px;}
#datepicker_box .datepicker .sat_t{color:#105ca6; cursor:pointer; width:23px;}
#datepicker_box .datepicker .sun.over{background-color:#99ffff;}
#datepicker_box .datepicker .sun.chosen{background-color:#eee;}
#datepicker_box .cal_select { border: 1px solid #333; font-size: 13px !important; font-family:'맑은고딕'; color: #fff; background: #000; padding: 3px 10px 3px 3px; font-weight:bold;}

/* 모바일바로가기 */
.mobileweb_link {position:relative; z-index:99; padding:36px 36px; background-color:#f0f0f0; display:none; box-sizing:border-box;}
.mobileweb_link.on {display:block;}
.mobileweb_link a {font-family:'notoRegular'; display:block;overflow:hidden; padding:10px 0; border:2px solid #b5b8bf;border-radius:12px;font-size:30px;line-height:normal;background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaebef));background-image:-moz-linear-gradient(top, #fff, #eaebef);background-image:-o-linear-gradient(top, #fff, #eaebef);background-image:linear-gradient(to bottom, #fff, #eaebef);background-color:#f9fafb;color:#222;letter-spacing:-2px;text-align:center;text-decoration:none;-webkit-box-shadow:inset 0 0 3px #fff, 0 2px 1px rgba(0,0,0,0.06);box-shadow:inset 0 0 3px #fff, 0 2px 1px rgba(0,0,0,0.06)}
.mobileweb_link a img {width:66px; vertical-align:top;}
.mobileweb_link a span {background-image:url('../images/common/ico_md_prev.png'); background-repeat:no-repeat; background-size:32px 26px; background-position:left center; padding-left:33px;}