@charset "utf-8";
/*Default set*/
html,body{height:100%;}
html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,table,th,td,figure{margin:0;padding:0;font-weight:normal;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body{font-size:14px;line-height:1.3;color:#333;word-break:keep-all;font-family:'Nanum Barun Gothic Regular';}

/*input*/
input, textarea{padding:0;color:#333;vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;border:0}
input[type=password]{font-family:"돋움";}
input[type=text]::-ms-clear{display:none}

input[type=text]:focus,input[type=password]:focus,input[type=tel]:focus{border-color:#19a4e5 !important}
input[type=button]{border:0;background:none;}
textarea{border:1px solid #d4d4d4}
input.radio, input.check,fieldset{border:0;background:none}
input, button, a+button, .calendar{*margin-right:4px}
input,textarea{-webkit-appearance:none;-webkit-border-radius:0;}
input,textarea::-webkit-scrollbar{width:0;height:0;}
input,textarea::-webkit-scrollbar-thumb{background:none;}
input[type=text][disabled], input[type=text][readonly]{background:#f5f5f5;color:#bbbbbb}
input[type=text][disabled]:focus, input[type=text][readonly]:focus{border-color: #ddd !important;}
input[type=file]::-ms-value{border:0 none}
input[type=file]::-ms-browse{border:0 none;border-left:1px solid #eaeaea}
::placeholder {color:#bbbbbb;opacity: 1;}
:-ms-input-placeholder{color:#bbbbbb;opacity: 1;}
/* input[type=text]:focus {border-color: #19a4e5;} */
textarea:focus{outline: 0;border-color:#19a4e5 !important}
.clearfix:after{content: ".";visibility: hidden; display: block; height: 0; clear: both;}

/*select*/
select {-webkit-appearance: none;-moz-appearance: none;text-overflow: '';border:0;border-radius: 0}
select::-ms-expand {display: none;}

/*textarea*/
textarea{overflow-y:scroll;width:100%;padding:10px 8px;border:1px solid #ddd;background:#f7f7f7;box-sizing:border-box;-webkit-box-sizing:border-box;color:#333;resize:none;font-size:12px}

.byte{padding:6px 0 0;font-size:13px;text-align:right;color:#666}
.byte em{color:#333}

/*link*/
button{overflow:visible}
a{display:inline-block;}
a+button{*margin-left:4px}
a, input, label, button{-webkit-tap-highlight-color:transparent;}
a, a:link, a:visited, a:active,a:hover{text-decoration:none !important;color:#333}
button{margin:0;padding:0;border:0;background:none;width:auto;outline:0;cursor:pointer}
button:focus,input:focus{outline:0;}
select:focus{outline:0px;}
button span, button:active span, button:focus span{position:relative}

/*etc*/
img{border:none;margin:0;padding:0;line-height:0;font-size:0;}
table{width:100%;border-collapse:collapse;border:0;border-spacing:0}
th{border:0;text-align:center}
td{border:0}
table caption,legend,figcaption{overflow:hidden;width:100%;height:1px;*height:0px;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px}
ol,ul{list-style:none}
em, var, address{font-style:normal}
acronym{border:0 none;text-decoration: none}
iframe{border:none;}
dl{display: table;}
dt,dd{display: table-cell;}

/* common */
.blind{position:absolute;visibility:hidden;top:0;left:0;height:0;width:0;font-size:0;line-height:0;overflow:hidden;}
.hide{overflow: hidden;visibility: hidden;position: absolute;width: 0;height: 0;font-size: 0;line-height: 0;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-wrap:break-word; }
.bor0{border:0 !important}
.pad0{padding:0 !important}
.pd-bot0{padding-bottom:0px !important}
.pd-both15{padding-left:15px !important;padding-right:15px !important}
.mar0{margin:0 !important}
.ma-top9{margin-top:9px !important}
.ma-top10{margin-top:10px !important}
.ma-top24{margin-top:24px !important}
.ma-bot10{margin-bottom:10px !important}
.ma-bot0{margin-bottom:0px !important}}
.display-m{display: block}
.bor-bottom0{border-bottom:0 !important}
.divider{height:7px;background: #f4f4f4;}

/* skip navi */
.skip_navi,.skip-navi{width:100%;position:absolute;top:0;z-index:100000;}
.skip_navi a,.skip-navi a{width:100%;font-size:14px;line-height:36px;text-align:center;font-weight:700;position:absolute;top:-100px;left:0;color:#fff;background:#004880;}
.skip_navi a:hover,.skip_navi a:active,.skip_navi a:focus,
.skip-navi a:hover,.skip-navi a:active,.skip-navi a:focus{top:0;z-index:100000;}

/*top버튼*/
.btn-top{display:none;position:fixed;right:5px;bottom:5px;width:32px;height:32px;z-index:99999;}
.btn-top a{display:block;width:100%;height:100%;background:url(../images/ico/ico-top.html) no-repeat 0 0;background-size:32px;}

/*loading*/
.loading{position:fixed;left:0;top:0;right:0;bottom:0;background:#fff url(../images/common/logo-loading.html) no-repeat center 95%;background-size:50px;z-index:101;}
.loading-box{position:absolute;left:50%;top:50%;margin:-24px 0 0 -24px;width:48px;height:48px;background:url(../images/common/loading.html) no-repeat 0 0;background-size:48px;}

.btn-group01{text-align: center;font-size: 0}
.btn-group01.type2{margin:0 -7px;    padding: 0;}
.btn-group01 ul li{display: inline-block;padding:0 10px;width:200px;height:54px;line-height: 54px;}
.btn-group01 a{position: relative;display:block;text-align: center;font-size: 13px;font-family:'NanumSquare Bold';    box-sizing: border-box;-webkit-box-sizing: border-box;}
.btn-group01 a input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 100;cursor: pointer;}
.btn-group01 a.btn-a01{background:#f3f3f3;border:1px solid #e5e5e5;color:#aaa}
.btn-group01 a.btn-a02{background:#19a4e5;color:#fff;}
.btn-group01 a.btn-a03{background:#aaaaaa;color:#fff;}

.btn-type01{display:block;padding:0 15px}
.btn-type01 a{display: block}
.btn-type01 span{display: block;height:40px;width:100%;line-height: 40px;font-size: 13px;color:#fff;text-align: center;background:#19a4e5;margin: 0 auto;font-family:'NanumSquare Bold'}
.btn-type02{display:block;}
.btn-type02 span{display: block;height:40px;width:100%;line-height: 40px;font-size: 13px;color:#fff;text-align: center;background:#19a4e5;margin: 0 auto}
.btn-type02{display: block;height:40px;width:100%;line-height: 40px;font-size: 13px;color:#fff;text-align: center;background:#19a4e5;margin: 0 auto}
.btn-group01{padding: 0 10px;}
.btn-group01 ul li{height:40px;line-height: 40px;width: 50%;box-sizing: border-box;padding: 0 5px;}


.tab01{position: relative;font-size:0;margin: 0 0 23px 0}
.tab01:after{content:"";position: absolute;bottom: -1px;left:0;width:100%;height:1px;background: #555;}
.tab01 ul li{display: inline-block;width:98px;height:33px;text-align: center;line-height:33px;border: 1px solid #eee;border-bottom: 0;}
.tab01 ul li.on a{border:1px solid #555;border-bottom: 1px solid #fff;background:#fff;position: relative;z-index: 10;}
.tab01 ul li a{display: block;font-size: 11px;color:#555;background:#f9f9f9;}

.select-type01 {border: 1px solid #ddd;padding: 0 9px 0 0;box-sizing: border-box;-webkit-box-sizing: border-box;height: 40px;}
.select-type01 select{height:40px;width:100%;background: url(../images/ico/icn-datalab-arrow.jpg) 100% center no-repeat;background-size: 10px auto;text-indent: 8px;box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 12px;color: #aaa;}
.input-type01 input{height:40px;width:100%;border: 1px solid #ddd;padding: 0 8px;font-size: 12px;}

.input-type02 {position: relative;padding: 0 63px 0 0;}
.input-type02 input{height: 40px;width:100%;border: 1px solid #ddd;font-size: 12px;padding: 0 8px;}
.input-type02 .btn-write{display:block;position: absolute;width: 63px;height: 40px;line-height: 40px;background: #f3f3f3;top:0;right:0;text-align: center;font-size: 12px;font-family:'NanumSquare Bold';border: 1px solid #dddddd;color: #aaa;box-sizing: border-box;-webkit-box-sizing: border-box;border-left: 0;}

.input-type03 {position: relative;padding: 0 130px 0 0;}
.input-type03 input{height: 40px;width:100%;border: 1px solid #ddd;text-indent: 8px;font-size: 12px;}
.input-type03 .btn-input-write{background: #f3f3f3;color:#aaa;font-size: 11px;width: 63px;height:40px;line-height: 40px;text-align: center;position: absolute;top: 0;right: 0px;border: 1px solid #dddddd;border-left: 0;box-sizing: border-box;-webkit-box-sizing: border-box;}

.input-type04 {position: relative;padding: 0 94px 0 0;}
.input-type04 > input{height: 40px;width:100%;border: 1px solid #ddd;text-indent: 8px;font-size: 12px;}
.input-type04 .btn-input-write{background: #f3f3f3;color:#aaa;font-size: 12px;width: 90px;height:40px;line-height: 40px;text-align: center;position: absolute;top: 0;right: 0px;border: 1px solid #dddddd;box-sizing: border-box;-webkit-box-sizing: border-box;}
.input-type04 .btn-input-write input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 100;cursor: pointer;}

.input-type05 {position: relative;padding: 0 0 0 55px;}
.input-type05 input{height: 40px;width:100%;border: 1px solid #ddd;text-indent: 8px;font-size: 12px;}
.input-type05 span.txt{position: absolute;top:0;left:0;height:40px;line-height: 40px;font-size: 11px;text-align: left;}

.input-type06 {position: relative;padding: 0 95px 0 55px;}
.input-type06 input{height: 40px;width:100%;border: 1px solid #ddd;text-indent: 8px;font-size: 12px;}
.input-type06 span.txt{position: absolute;top:0;left:0;height:40px;line-height: 40px;font-size: 11px;text-align: left;}
.input-type06 .select-type01{position: absolute;top:0;right:0;width: 90px;padding: 0 9px 0 0;border: 1px solid #ddd;box-sizing: border-box;-webkit-box-sizing: border-box;height: 40px;}

.select-group01 ul{display: table;width: 100%;table-layout: fixed;}
.select-group01 ul li{display: table-cell;width:26%;vertical-align: middle;}
.select-group01 ul li.bar{width: auto;text-align: center;font-size: 12px;}
.select-group01 ul li.bar:last-child{/* float:none; *//* width:auto; *//* overflow: hidden; */}
.cmn-attatch-input {position: relative;height:40px;line-height: 40px;border:1px solid #ddd;padding: 0 61px 0 9px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.cmn-attatch-input .list-box{height: 40px;font-size: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}
.cmn-attatch-input span{display: inline-block;font-size: 12px;color:#aaa;}
.cmn-attatch-input button{position: absolute;top:0;right:0;width:61px;height:38px;background: #f3f3f3;font-size: 12px;color:#aaa;font-family:'NanumSquare Bold';border-left: 1px solid #ddd}
.cmn-attatch-input input{display: block;position: absolute;top:0;right:0;width:61px;height:38px;z-index: 20;font-size: 0;border: 0;opacity: 0;cursor: pointer;}

/* 탭 */
.tab-cmn-area{overflow: hidden;padding:0 15px}
.tab-cmn-area ul li{position: relative;width:33.3%;float: left;height: 40px;line-height: 40px;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #ddd;border-bottom-color: transparent;background: #fff;color:#aaa}
.tab-cmn-area.type2 ul li{width:50%}
.tab-cmn-area ul li+li{border-left: 0}
.tab-cmn-area ul li a{position: relative;display: block;color:#aaa;font-size: 13px;z-index: 40}
.tab-cmn-area ul li.on a{color:#19a4e5;font-family: 'Nanum Barun Gothic Bold'; }
.tab-cmn-area ul li:before {content: "";position: absolute;left: -1px;right: -1px;bottom: -1px;border-bottom: 1px solid #19a4e5}
.tab-cmn-area ul li.on:before {content: "";position: absolute;top: -1px;left: -1px;bottom: -1px;right: -1px;border: 1px solid #19a4e5;border-bottom-color: transparent}
.tab-cmn-area ul li.on:after {content: "";position: absolute;top: -1px;left: -1px;bottom: -1px;right: -1px;border-left: 1px solid #19a4e5;border-right: 1px solid #19a4e5}

/* 리스트 없을 경우 */
.list-cmn-none{}
.list-cmn-none .icn{}
.list-cmn-none p{}

/*  리스트 더보기  */
.btn-list-more{text-align: center}
.btn-list-more span{color:#bababa;font-size: 19px;font-weight: 100;margin: 0 2px 0 0;vertical-align: -1px;}
.btn-list-more button{color:#888;font-size: 14px;display: inline-block;width: 100%;padding: 17px 0 0 0;}

/* 폼 가이드 문구 */
.guide-txt-box{text-align: left;color: #19a4e5;font-size: 11px;padding: 10px 0 0 0;}

.none{text-align: center;padding: 40px 0;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;}
.none.search{text-align: center;padding: 40px 0;  margin: 0 15px;  border-top: 0;}
.none p{font-size: 11px;color: #aaa;padding: 10px 0 0 0;}
.none.search .icn {display: inline-block;width: 26px;height: 27px;background: url(../images/ico/icn-mall-result-none.png) 0 0 no-repeat;-webkit-background-size: 26px auto;background-size: 26px auto;}

.none.noti{text-align: center;padding: 40px 0; margin: 0 15px;    border-top: 0;}
.none.noti .icn{display: inline-block;width:21px;height:24px;background:url(../images/ico/icn-review-list-none.jpg) 0 0 no-repeat;-webkit-background-size: 21px auto;background-size: 21px auto;}
.none.noti p{font-size: 11px;color:#aaa;padding: 10px 0 0 0;}

/**/