@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'; overflow-y: scroll;}

/*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{}/*border:1px solid #002a7b;*/
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{width:0;height: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-color:#eaeaea;    pointer-events: none;}
input[type=text][readonly]:focus{border-color:#eaeaea;}
input[type=file]::-ms-value{border:0 none}
input[type=file]::-ms-browse{border:0 none;border-left:1px solid #eaeaea}
::placeholder {color:#aaa;opacity: 1;font-size: 16px;letter-spacing: -1px}
::-webkit-input-placeholder {color:#aaa;opacity: 1;font-size: 16px;letter-spacing: -1px}
::-moz-placeholder {color:#aaa;opacity: 1;font-size: 16px;letter-spacing: -1px}
:-ms-input-placeholder {color:#aaa;opacity: 1;font-size: 16px;letter-spacing: -1px}
:-moz-placeholder {color:#aaa;opacity: 1;font-size: 16px;letter-spacing: -1px}

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

/*textarea*/
textarea{overflow-y:scroll;width:100%;padding: 14px 22px 0 22px;border:1px solid #ddd;box-sizing:border-box;-webkit-box-sizing:border-box;color:#666;resize:none;font-size:13px;}
textarea:focus{border:0;outline: 0}
.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;}
input[type=text]::-ms-clear { display: none; }
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;box-sizing: border-box;-webkit-box-sizing: border-box;}
button:focus,input:focus{outline:0;}
select:focus{outline:1px solid #d9d9d9;}
button span, button:active span, button:focus span{position:relative}
dl{display: table;}
dt,dd{display: table-cell;}

/*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;table-layout: fixed;}
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;list-style-type: none !important;}
em{font-style:normal}



/* 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}
.mar0{margin:0 !important}
.ma-top30{margin-top:30px !important}
.ma-top10{margin-top:10px !important}
.ma-top15{margin-top:15px !important}
.ma-top25{margin-top:25px !important}
.ma-top40{margin-top:40px !important}
.ma-top41{margin-top:41px !important}
.ma-top50{margin-top:50px !important}
.ma-top60{margin-top:60px !important}
.ma-top83{margin-top:83px !important}
.ma-bot10{margin-bottom:10px !important}
.ma-bot50{margin-bottom:50px !important}
.pdb30{padding-bottom: 30px !important}
.ma-auto{margin:0 auto}
.display-m{display:block}
.oh{overflow:hidden;}
.clearfix:after{content: ".";visibility: hidden; display: block; height: 0; clear: both;}

/* font-size */
.fz16{font-size: 16px !important;}

/* 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;}


/* tab */
.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:138px;height:48px;text-align: center;line-height:48px;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: 15px;color:#555;background:#f9f9f9;}

/* button */
.btn-type01{display: block}
.btn-type01 span{display: block;height:54px;width:200px;line-height: 54px;font-size: 16px;color:#fff;text-align: center;background:#19a4e5;margin: 0 auto}
.btn-type02,.btn-type05{position: relative;display: block}
.btn-type02 span{display: block;height:60px;width:400px;line-height: 60px;font-size: 20px;color:#fff;text-align: center;background:#19a4e5;margin: 0 auto}
.btn-type02 input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 100;cursor: pointer;}
.btn-type03 a{display: block;height:42px;width:160px;line-height: 42px;font-size: 15px;color:#fff;text-align: center;background:#19a4e5;margin: 0 auto;    font-family: 'Nanum Barun Gothic Bold';}
.btn-type04 a{display: block;}
.btn-type04 a span{display: block;height:54px;width:100%;line-height: 54px;font-size: 15px;color:#fff;text-align: center;background:#19a4e5;margin: 0 auto;    font-family: 'Nanum Barun Gothic Bold';}
.btn-type05 span{display: block;height:60px;width:205px;line-height: 60px;font-size: 20px;color:#fff;text-align: center;background:#19a4e5;margin: 0 auto}
.btn-type05 input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 100;cursor: pointer;}

.btn-group01{text-align: center;font-size: 0}
.btn-group01 ul li{display: inline-block;padding:0 10px;width:200px;height:60px;line-height: 60px;}
.btn-group01 a{position: relative;display:block;text-align: center;font-size: 20px;}
.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:#aaa;color:#fff}
.btn-group01 a input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 100;cursor: pointer;}

.btn-group02 ul li{display: inline-block;width:190px;height:54px;line-height: 54px;}
.btn-group02 a{position: relative;display:block;text-align: center;font-size: 20px;}
.btn-group02 a.btn-a01{background:#f3f3f3;border:1px solid #e5e5e5;color:#aaa}
.btn-group02 a.btn-a02{background:#19a4e5;color:#fff;}

/* select-type01 */
.select-type01 .selectric{background: #fff;width: 158px;height: 60px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.select-type01 .selectric .label{height: 58px;line-height: 58px;font-size: 16px;color: #aaa;margin: 0 0 0 18px;text-align: left;}
.select-type01 .selectric .button{background: #fff;font-size: 0;}
.select-type01 .selectric .button:after{background:url(../images/ico/icn-select-box.jpg) 0 0 no-repeat;top: 50%;width: 13px;height: 8px;border: 0;}
.select-type01 .selectric-items li{height:42px;line-height: 42px;background: #fff;font-size: 16px;padding:0 18px;font-family:'Nanum Barun Gothic Bold';text-align: left;}
.select-type01 .selectric-items li.highlighted{background: #19a4e5;color:#fff}
.select-type01 .selectric-items li.highlighted:hover{background: #19a4e5;color:#fff}
.select-type01 .selectric-items li:hover{background: #19a4e5;color:#fff}

.select-type01.type2 .selectric{background: #fff;width: 132px;height: 42px;box-sizing: border-box;-webkit-box-sizing: border-box;border-right: 0;}
.select-type01.type2 .selectric .label{height: 42px;line-height: 42px;font-size: 16px;color: #252525;margin: 0 0 0 18px;font-family:'Nanum Barun Gothic Bold';}
.select-type01.type2 .selectric .button{background: #fff;font-size: 0;}
.select-type01.type2 .selectric .button:after{background:url(../images/ico/icn-select-box.jpg) 0 0 no-repeat;top: 50%;width: 15px;height: 10px;border: 0;margin-top: -3px;}
.select-type01.type2 .selectric-open .selectric{border-right: 1px solid #ddd;}

.select-type01.type3{display: block !important}
.select-type01.type3 .selectric{background: #fff;width: 100%;height: 60px;box-sizing: border-box;-webkit-box-sizing: border-box;}

.select-type01.type4 .selectric{background: #fff;width: 147px;height:55px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.select-type01.type4 .selectric .button{height:35px}
.select-type01.type4 .selectric .label{height: 55px;line-height: 55px;color: #333;}


.input-type01 input{width:623px;height:58px;border: 1px solid #dddddd;padding: 0 18px;font-size: 16px;}
.input-type02{position: relative;padding: 0 120px 0 0;}
.input-type02 input{width:100%;height:60px;border: 1px solid #dddddd;padding: 0 18px;font-size: 16px;}
.input-type02 .btn-input-write{background: #f3f3f3;color:#aaa;font-size: 16px;width: 120px;height:60px;line-height: 58px;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-type03 input{width:100%;height:60px;border: 1px solid #dddddd;padding: 0 22px;font-size: 16px;font-family: 'Nanum Barun Gothic Regular';}
.input-type03.type2 input{
    padding: 0 206px 0 18px;
}
.input-type03 .txt-timer{display: block;height: 60px;line-height: 62px;position: absolute;top: 0;right:22px;font-size: 16px;color:#19a4e5;cursor: default;}
.input-type04 {position: relative;padding:0 87px 0 0}
.input-type04 input{width:100%;height:60px;border: 1px solid #dddddd;padding: 0 18px;font-size: 16px;}
.input-type04 a{position: absolute;top: 0;right: 0px;width:87px;height:60px;line-height: 60px;text-align: center;font-size: 16px;font-family: 'Nanum Barun Gothic Regular';    background: #19a4e5;color: #fff;}


.textarea-type01 textarea{font-family: 'Nanum Barun Gothic Regular';font-size: 16px;}
.textarea-type01 textarea:focus{border:1px solid #19a4e5}

.tab-common-type01 ul{overflow: hidden;border:1px solid #ddd}
.tab-common-type01 ul li{float:left;width:25%;}
.tab-common-type01 ul li a{display: block;text-align: center;height:68px;line-height: 68px;border-right:1px solid #ddd;font-size: 18px;}
.tab-common-type01 ul li.on a{background: #19a4e5;color:#fff}
.tab-common-type01 ul li:last-child a{border-right:0}
.tab-common-type02 ul{height: 63px;border-top:1px solid #ddd;border-bottom:2px solid #19a4e5;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.tab-common-type02.two ul{border-top:0;border-right:0;}
.tab-common-type02 ul li{float:left;width:12.5%;}
.tab-common-type02.wid3 ul li{float:left;width:33.333%;}
.tab-common-type02.two ul li{float:left;width:204px}
.tab-common-type02 ul li a{position: relative;display: block;text-align: center;height: 63px;line-height: 63px;border-right:1px solid #ddd;font-size: 16px;color:#888;}
.tab-common-type02 ul li.on a{color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.tab-common-type02.two ul li a:after{content: "";position: absolute;bottom: 0px;left: 1px;width:100%;height: 100%;z-index: 100;border: 1px solid #ddd;border-bottom: 0;    border-left: 0;}
.tab-common-type02 ul li.on a:after{content: "";position: absolute;bottom: -2px;left: -2px;width:100%;height: 100%;z-index: 100;border: 2px solid #19a4e5;border-bottom: 2px solid #fff;}
.tab-common-type02 ul li:last-child a{border-right:0}
.tab-common-type03 ul li{float:left;width:20%;}
.tab-common-type03 ul{overflow: hidden;border:1px solid #ddd}
.tab-common-type03 ul li a{display: block;text-align: center;height:68px;line-height: 68px;border-right:1px solid #ddd;font-size: 18px;}
.tab-common-type03 ul li.on a{background: #19a4e5;color:#fff}
.tab-common-type03 ul li:last-child a{border-right:0}

.tit-page-sub h2{font-size: 22px;color:#000;font-family:'Nanum Barun Gothic Bold';border-bottom: 2px solid #333;padding: 0 0 25px 0;}
.tit-page-sub h2 em{color:#19a4e5;padding: 0 0 0 6px;}

.board-slidedown-type01 ul li .tit-box{position: relative;height:72px;line-height: 72px;font-size: 16px;padding: 0 56px 0 76px;border-bottom: 1px solid #ddd;cursor: pointer}
.board-slidedown-type01 ul li .tit-box:before{content: "";position: absolute;top:22px;left:21px;width:30px;height:30px;background: url(../images/layer/layer-mypage-grade.png) -57px 0 no-repeat;}
.board-slidedown-type01 ul li .tit-box:after {content: "";position: absolute;top: 35px;right: 20px;border: solid #bbb;border-width: 0 1px 1px 0;padding: 5px;margin-top: -8px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.board-slidedown-type01 ul li.on .tit-box:after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);margin-top: -3px;}
.board-slidedown-type01 ul li .detail-box{display: none;background: #f7f7f7;padding: 25px 73px;border-bottom: 1px solid #ddd;line-height: 1.5;}

.board-thumb-type01 ul{overflow: hidden;margin:60px 0 0 0;padding: 0 0 40px 0;border-bottom: 1px solid #ddd;}
.board-thumb-type01 ul li{float:left;width:502px;}
.board-thumb-type01 ul li:nth-child(odd){margin:0 8px 0 0}
.board-thumb-type01 ul li:nth-child(even){margin:0 0 0 8px}
.board-thumb-type01 ul li a > div{text-align: center;line-height: 1}
.board-thumb-type01 ul li .thumb img{width:502px;height:269px;}
.board-thumb-type01 ul li .tit{font-size: 24px;font-family:'Nanum Barun Gothic Bold';padding: 18px 0 0 0;}
.board-thumb-type01 ul li .des{font-size: 18px;color:#888;padding:16px 0 10px 0}
.board-thumb-type01 ul li .date{font-size: 16px;color:#888}

/* 게시판 상세 */
.board-detail-cmn-area{border-top:2px solid #333}
.board-detail-cmn-area .top .tit{font-size: 17px;font-family:'Nanum Barun Gothic Bold';height:56px;line-height: 56px;border-bottom:1px solid #ddd;padding:0 17px;background: #f7f7f7;}
.board-detail-cmn-area .top .info{position: relative;height:50px;line-height: 50px;border-bottom:1px solid #ddd;padding:0 17px;}
.board-detail-cmn-area .top .info .info-cate{float:right;}
.board-detail-cmn-area .top .info .info-cate span{display:inline-block;background:url(../images/layer/layer-review-detail01.jpg)0 0 no-repeat;padding: 0 0 0 24px;line-height: 1;margin: 0 0 0 14px;color: #888;vertical-align: middle;}
.board-detail-cmn-area .top .info .info-cate .date{background-position: 6px 0;}
.board-detail-cmn-area .top .info .info-cate .view{background-position: 0 102%;}
.board-detail-cmn-area .top .info .info-cate .comment{background-position: 133% 1px;font-size: 16px;color:#19a4e5;font-family:'Nanum Barun Gothic Bold';}
.board-detail-cmn-area .ctn-body{padding:37px 20px;word-break: break-all;}
.board-detail-cmn-area .ctn-body p{line-height: 22px;}
.board-detail-cmn-area .list-box{position: relative;padding:29px 0 40px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align: right;}
.board-detail-cmn-area .list-box a.btn-list{width:140px;height:54px;line-height: 54px;text-align: center;background: #aaa;font-size: 16px;color:#fff}
.board-detail-cmn-area .ctn-body.event01{padding:37px 0;}
.cmn-detail-list-area .box{position: relative;padding: 28px 24px 28px 0;}
.cmn-detail-list-area .box span{display: inline-block;vertical-align: middle;}
.cmn-detail-list-area .box .writer{float: left;width: 90px;font-size: 18px;font-family:'Nanum Barun Gothic Bold';}
.cmn-detail-list-area .box .writing{font-size: 16px;width: 780px;word-break: break-all;}
.cmn-detail-list-area .box .date{float:right;font-size: 14px;color:#888}
.cmn-detail-list-area .box .btn-del{display: block;width:12px;height:12px;position: absolute;top: 31px;right:0;font-size: 0;background:url(../images/btn/btn-del-comment.png)0 0 no-repeat;}
.cmn-detail-list-area ul li{border-bottom: 1px solid #ddd;}
.board-detail-cmn-area .cmn-comment-wrap{margin:29px 0 0 0}

/* 파일선택 첨부 */
.cmn-attatch-input {position: relative;height: 60px;line-height: 60px;border:1px solid #ddd;padding: 0 122px 0 22px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.cmn-attatch-input .list-box{height: 60px;font-size: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}
.cmn-attatch-input span{display: inline-block;font-size: 16px;color:#aaa;}
.cmn-attatch-input button{position: absolute;top:0;right:0;width: 122px;height: 58px;background: #f3f3f3;font-size: 16px;color:#aaa;font-family:'Nanum Barun Gothic Bold';border-left: 1px solid #ddd;}
.cmn-attatch-input input{display: block;position: absolute;top:0;right:0;width: 122px;height: 60px;z-index: 20;font-size: 0;border: 0;opacity: 0;cursor: pointer;}

/* paging */
.pagination{text-align:center;margin:40px 0 0 0;font-size: 0;}
.pagination li{display: inline-block;width:35px;height: 35px;margin: 0 9px 0 0;}
.pagination a{position:relative;display: inline-block;width:33px;height:33px;line-height: 34px;text-align:center;border:1px solid #dddddd;margin: 0 9px 0 0;font-size: 14px;color: #666;}
.pagination li.active a{border:1px solid #19a4e5}
.pagination li:last-child{margin:0}
.pagination a{display: inline-block;vertical-align: middle;font-size: 14px;color: #666;}
.pagination a[rel="previousPage"],.pagination a[rel="lastPage"],.pagination a[rel="prev"],.pagination a[rel="next"]{font-size: 0;}
.pagination a[rel="prev"]:after{content:'';display: block;position: absolute;top: 50%;left: 50%;background: url(../images/layer/paging-layer.png) -10px 0 no-repeat;width: 6px;height: 10px;background-size: 75px auto;margin: -5px 0 0 -3px;}
.pagination a[rel="next"]:after{content:'';display: block;position: absolute;top: 50%;left: 50%;background: url(../images/layer/paging-layer.png) -15px 0 no-repeat;width: 5px;height: 10px;background-size: 75px auto;margin: -5px 0 0 -3px;}
.pagination a[rel="previousPage"]:after{content:'';display: block;position: absolute;top: 50%;left: 50%;background: url(../images/layer/paging-layer.png) 0px 0 no-repeat;width: 9px;height: 10px;background-size: 75px auto;margin: -5px 0 0 -3px;}
.pagination a[rel="lastPage"]:after{content:'';display: block;position: absolute;top: 50%;left: 50%;background: url(../images/layer/paging-layer.png) -21px 0 no-repeat;width: 9px;height: 10px;background-size: 75px auto;margin: -5px 0 0 -3px;}

.none{}
.none span{display:inline-block;background:url(../images/layer/layer-list-none.png) 0 0 no-repeat;}
.none p{font-size: 19px;font-family: 'Nanum Barun Gothic Bold';margin:27px 0 0 0}
.none p em{color: #19a4e5;}
/* @media only screen and (max-width: 1020px) {
  .btn-type01{padding:0 15px}
  .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}
  .btn-group01{padding: 0 7px;}
  .btn-group01 ul li{height:38px;line-height: 38px;width: 50%;box-sizing: border-box;padding: 0 7px;}
  .btn-group01 a{display:block;text-align: center;font-size: 13px;font-family:'Nanum Barun Gothic Bold'}

  .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;}
} */

.loading-ajax-box{}
.loading-ajax-box .bar{position: fixed;top: 50%;left: 50%;width: 109px;height: 109px;background: #fff url(../images/ico/loading.gif) center center no-repeat;margin: -54px 0 0 -54px;border-radius: 12px;z-index: 9999}