@charset 'utf-8';
/*로그인전*/
.login-header{height:100px; max-width:360px; position: relative; margin:0 auto}
.login-header .join-link{color:#004071; position:absolute; top:44px;; right:0; vertical-align: middle;}
.login-header .join-link i{display:inline-block; width:7px; height:17px; background-image: url(/images/common/ico/ico_blue_arrow.png);background-repeat: no-repeat;
cursor: pointer; vertical-align:middle; background-size:7px 13px; margin-left:10px;}
.login-container{max-width:360px; position: relative; margin:0 auto; padding-bottom:100px}
.login-container .login-logo{text-align:center}
.login-container .login-logo img{display:inline-block; vertical-align: middle;}
.login-container h2{color:#004071; font-weight:normal; font-size:20px; line-height:28px; margin:25px 0 20px 0; text-align:center}
.login-container .login-form{}
.login-container .user-login-input{position: relative; }
.login-container .user-login-input .btn-login-cancel{position: absolute; top:0; right:0}
.login-container .user-login-input .btn-login-cancel i{display:inline-block; width:13px; height:13px; background-image: url(/images/common/btn/blue_cancel_type1.png);background-repeat: no-repeat;
cursor: pointer; vertical-align:middle; background-size:13px; margin-left:10px;}
.login-container .login-form input{width:100%; border:none; border-bottom:1px solid #004071; font-size:18px; height:30px; margin-bottom:40px; font-family: 'notokr-regular';}
.login-container .login-form .btn-center{margin-top:20px;}
.login-container .login-form .btn-center .forgetmenot{margin-top:15px}
.login-container .login-form .btn-center .forgetmenot .checkbox{margin-right:10px}
.login-container .login-form .btn-center .forgetmenot .checkbox:last-child{margin-right:0}
.login-container .login-list-type1{margin-top:80px;text-align:center;}
.login-container .login-list-type1 li{display:inline-block; }
.login-container .login-list-type1 li a{color:#004071; position: relative;padding-right:17px; margin-left: 20px;}
.login-container .login-list-type1 li a:before {content: ""; display: block; position: absolute; top:3px; left: -20px; width: 1px; height: 16px; background-color: #004071;}
.login-container .login-list-type1 li:first-child a:before{display:none}
.login-container .login-form .btn-center .btn-large{border-radius:25px}

/*회원가입*/
.join-header{width:100%; text-align:center; padding:22px 0; background: #004071;}
.join-header img{display:inline-block; vertical-align: middle;}
.join-form-container{width:100%; background: url(/images/common/bg/bg_join.png) repeat top center; padding:60px 0}
.join-form-container .common-form-content{width:800px; margin:0 auto; background-color:#fff; border:1px solid #e7e7e7; box-sizing:border-box;    box-shadow: 0px 2px 2px 1px rgba(68,68,68,0.2);}

@media (max-width: 800px) {
	.join-form-container .common-form-content{width:100%;}
}

.join-form-container .common-form{padding:0 30px 30px 30px}
.join-form-container .styled-form-agreement-item-list-area{padding:35px 30px 0 30px}

.section-step {margin-top:12px;}
.section-step ul > li{display:inline-block; margin-right:5px}
.section-step ul > li:last-child{margin-right:0}
.section-step ul > li > i{width: 9px; height: 9px; background: #fff; border: 1px solid #004071; display: inline-block;  border-radius: 100%;}
.section-step ul > li.on > i{width: 9px; height: 9px; background: #004071; border: 1px solid #004071; display: inline-block;}

.common-form-header{text-align:center; border-bottom:2px solid #004071; padding:25px 0; margin:0 25px}
.common-form-header .sub-title-style-type1{color:#004071; font-size:24px; line-height:28px; font-style:normal; font-family:'notokr-medium'; font-weight: 400}
.common-form-input-type1{border-bottom:1px solid #ccc; padding-bottom:40px;}
.common-form-input-type1 li{padding-top:35px;}
.common-form-input-type1 li strong{display:block; color:#004071; font-size:20px; line-height:28px;font-style:normal;font-weight: 400; margin-bottom:5px;}
.error-message{color:#ff0000; margin-top:10px; font-size:16px; display:none;}

.styled-input-item table{width:100%;border-spacing: 0;}
.styled-form-agreement-item-list-area{padding-top:35px;}
.styled-form-agreement-item-list-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.styled-form-agreement-item-list-area > h3{color:#004071; font-size:20px; display:inline; font-style:normal; font-weight:400}
.styled-form-agreement-item-list-area > .styled-form-agreement-item-group-all{display:inline; float:right;}
.styled-form-agreement-item-list{margin-top:10px; background: #f8f8f8; padding:20px}
.styled-form-agreement-item-list > li{position: relative; padding-bottom:18px;}
.styled-form-agreement-item-list > li:last-child{padding-bottom:0}
.styled-form-agreement-item-list .styled-form-agreement-view-button{position: absolute; top:0; right:0}
.styled-form-agreement-item-list .styled-form-agreement-content{display:none; margin-top:20px;background: #fff; width:100%;     overflow: auto;overflow-y: scroll; height:300px;    position: relative;}
.styled-form-agreement-item-list .styled-form-agreement-content .inner-styled-form-agreement-content{ height:300px;}
.styled-form-agreement-item-list .styled-form-agreement-content .inner-styled-form-agreement-content p{padding:20px 0 0 18px; line-height:26px; letter-spacing: -0.5px}
.styled-form-agreement-item-list .styled-form-agreement-content .inner-styled-form-agreement-content .useGuide p strong{display:block;font-style:normal; font-family:'notokr-medium'; font-weight: 400}
.styled-form-agreement-item-list .styled-form-agreement-content .inner-styled-form-agreement-content .useGuide > ol{padding:20px 0 0 18px;letter-spacing: -0.5px;    word-break: break-all;}
.styled-form-agreement-item-list .styled-form-agreement-content .inner-styled-form-agreement-content .useGuide ol > li{line-height:26px;}

.styled-form-agreement-item-list .styled-form-agreement-content .inner-styled-form-agreement-content .private strong{padding:20px 0 0 18px;display:block;font-style:normal; font-family:'notokr-medium'; font-weight: 400}
.styled-form-agreement-item-list .styled-form-agreement-content .inner-styled-form-agreement-content .private > ol{padding:20px 0 0 18px;letter-spacing: -0.5px}
.styled-form-agreement-item-list .styled-form-agreement-content .inner-styled-form-agreement-content .private ol > li{line-height:26px;}

.styled-form-agreement-item-list .styled-form-agreement-content .inner-styled-form-agreement-content .provision strong{padding:20px 0 0 18px;display:block;font-style:normal; font-family:'notokr-medium'; font-weight: 400}
.styled-form-agreement-item-list .styled-form-agreement-content .inner-styled-form-agreement-content .provision > ol{padding:20px 0 0 18px;letter-spacing: -0.5px}
.styled-form-agreement-item-list .styled-form-agreement-content .inner-styled-form-agreement-content .provision ol > li{line-height:26px;}


.sub-title-style-type2{font-size:16px; color:#004071; font-style:normal;  font-weight: 400}
.sub-title-style-type2 i{width:16px; height:16px; margin-right:8px; display:inline-block; background:url(/images/common/ico/ico_notice_type1.png) no-repeat; background-size:16px;}
.common-form-agency{padding-top:35px;}
.check-list-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.check-list-area{padding-top:20px; padding-bottom:30px;}
.check-list-area li{float:left; width:50%; padding-bottom:8px;}
.check-list-area li .check-type1:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.check-list-area li .check-type1 label span{word-break: break-all; float: right; width: calc(100% - 26px);}
.box-check-area{background: #f8f8f8; padding:17px 20px}
.box-check-area ul li{padding-bottom:11px;}
.box-check-area ul li:last-child{padding-bottom:0}
.common-form-agency .btn-center-type1{border-top:1px solid #ccc; padding-top:40px;}
.common-styled-ok-message-area{text-align:center; margin-top:130px;}
.common-styled-ok-message-area .ok-message{display:block; margin-top:25px; color:#004071; font-weight:400; font-size:20px; }
.common-styled-ok-message-area .styled-dash-message{line-height:28px; margin:40px 0 60px 0}
.common-styled-ok-message-area .styled-dash-message span{color:#004071; font-size:20px;}
.IconOk{width:90px; height:98px;margin:0 auto; display:block; background:url(/images/common/ico/ico_IconOk.png) no-repeat center; background-size:90px 98px;}
.IconNo{width:100px; height:109px;margin:0 auto; display:block; background:url(/images/common/ico/ico_IconNo.png) no-repeat center; background-size:100px 109px;}
.ico-secret{width:13px; height:19px; display:inline-block; margin-left:3px; vertical-align: middle; background:url(/images/common/ico/ico_secret.png) no-repeat center; background-size:13px 19px;}

/*검색결과*/
.page-search-header{text-align:center; margin-bottom:60px;}
.page-search-header .keyword{border-bottom:1px solid #004071; position: relative; margin-bottom:35px;}
.page-search-header .keyword input[type="text"]{width:90%; height:50px; line-height:50px; border:0; background:none; color:#004071; outline: none;font-size:28px; font-weight:400;
font-family:'notokr-medium'; text-align:Center;}
.page-search-header .keyword input::placeholder {color:#004071; font-size:28px;font-family:'notokr-medium';}
.page-search-header .keyword .btn-util-search{position: absolute; top:0; right:20px}
.page-search-header .keyword input::-webkit-input-placeholder { text-align:center; }
.page-search-header .keyword input::-moz-input-placeholder { text-align:center; }
.page-search-header .keyword input::-ms-input-placeholder  {text-align:center;}
.page-search-content .blue-txt{color:#004071; font-size:20px;}
.page-search-content h3{font-size:16px; font-weight:400; font-style:normal; padding-left:30px;}
.page-search-content h3 .blue-txt{font-family:'notokr-medium';}
.page-search-content h3.total{margin-bottom:40px;}
.page-search-content .page-search-list {margin-top:20px; border-top:2px solid #004071}
.page-search-content .page-search-list li{padding:25px 30px; border-bottom:1px solid #cccccc;}
.page-search-content .page-search-list li strong{display:block; color:#004071; font-size:24px; font-family:'notokr-medium'; font-weight: 400; font-style:normal;}
.page-search-content .page-search-list li span{display:block; color:#333333; margin-top:15px}
.page-search-content .page-search-list li p{line-height:26px; margin-top:20px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.page-search-content .ac-aicon-type1{margin-top:20px; float:right;}
.page-search-content .page-search-result{margin-bottom:60px;}
.page-search-no-result{padding:230px 0; text-align:center;}
.page-search-no-result p{margin-top:40px; color:#004071; font-family:'notokr-medium'; font-size:20px}

/*select box*/
.drop-wrap{float:right; position: relative; margin-bottom:20px; width: calc(100% - 155px);}
.drop-wrap .drop-btn{color:#004071; padding-right:30px; display:block; text-align:right;}
.drop-wrap .drop-btn svg{margin-left:15px; vertical-align: middle;}
.drop-menu{display:none; background: #fff; border:1px solid #004071; position: absolute; top:30px; right:10px; z-index:10}
/*faq 분류선택*/
.drop-menu ul.faq-drop-list{ min-width:90px; padding:20px; }
.drop-menu ul.faq-drop-list li a{color:#004071; line-height:32px;}

/*게시판*/
.layout-board-item-wrapper{clear:both; width:100%; margin-top:20px; border-top:2px solid #004071;}
.layout-board-item-wrapper > li{width:100%; border-bottom:1px solid #cccccc;}
.layout-board-item-wrapper > li a {padding: 26px 0;  height: 100%;  display: table;  width:100%}
.layout-board-item-wrapper > li a.on{background: #e5ecf1;}
.layout-numeric-board-item-heading {display:table-cell;position: relative; width:80px; line-height:36px; color: #004071; font-size: 36px;
vertical-align: middle;  font-family:'notokr-medium'; text-align:center}
.layout-board-item-subject {margin-bottom:0;display: table-cell;position: relative;width:auto; word-break: keep-all;}
.layout-board-item-subject .layout-board-item-option{line-height:28px;}
.layout-board-item-subject .layout-board-item-title{color:#202020; font-size:20px; font-family:'notokr-medium';}
.layout-board-item-wrapper li .ico-arrow-type{display:table-cell; width: 80px; position: relative; text-align:center; vertical-align: middle;}
.board-section-content-toogle{width:100%; background: #f8f8f8; display:none}
.board-section-content-toogle .layout-numeric-board-item-heading {vertical-align: top; padding-top:30px;}
.board-section-content-toogle .board-section-content-toogle-cont{display: table-cell;position: relative;width: calc(100% - 80px);word-break: keep-all;}
.board-section-content-toogle .board-section-content-toogle-cont .reply-txt{padding:25px 0;  word-break: break-word;}
.board-section-content-toogle .board-section-content-toogle-cont .reply-txt div{word-break: break-word;}
.board-section-content-toogle .board-section-content-toogle-cont .reply-txt p{word-break: break-word;}

.board-section-content-toogle .reply-content {padding-top:30px}
.board-section-content-toogle .reply-content .reply-txt .reply-img{margin:25px 0;}
.board-section-content-toogle .reply-content .reply-txt .reply-img img{width:100%}
.attachment-file-type1{border-top:1px dashed #ccc ; padding:20px 0;}
.attachment-file-type1 li{line-height:32px;}
.attachment-file-type1 li a{padding:0}
.Icon-attachment-type1{width:20px; height:18px; vertical-align: middle; margin-right:8px; display:inline-block; background:url(/images/common/ico/ico_download_type1.png) no-repeat center; background-size:20px 18px;}
.manager{border-top:1px dashed #ccc ; padding:22px 0;}
.manager em{color:#333333; font-family:'notokr-medium'; margin-right:5px;}

/*공지사항형 게시판*/
.layout-board-item-wrapper2{clear:both; width:100%; margin-top:20px; border-top:2px solid #004071;}
.layout-board-item-wrapper2 > li{width:100%; border-bottom:1px solid #cccccc;padding: 26px 0;  height: 100%;  display: table;}
.layout-board-item-wrapper2 .layout-board-item-subject {margin-bottom:0;display: table-cell;position: relative;width:auto; word-break: keep-all;}
.layout-board-item-wrapper2 .layout-numeric-board-item-heading {display:table-cell;position: relative; width:80px; line-height:16px; color: #555; font-size: 16px;
vertical-align: middle;  font-family: 'notokr-regular'; text-align:center}
.layout-board-item-wrapper2 .layout-numeric-board-item-heading em{font-style: normal}
.layout-board-item-wrapper2 .layout-numeric-board-item-heading em .notice-label{font-style:normal; display:inline-block; color:#fff; background: #004071; padding:5px 4px; text-align:center; }
.layout-board-item-wrapper2 li .layout-board-item-subject .layout-board-item-title a {color:#004071; font-size:20px; font-family:'notokr-medium';}
.layout-board-item-wrapper2 li.layout-board-item-read .layout-board-item-subject .layout-board-item-title a{color:#888888}
.layout-board-item-wrapper2 li .layout-board-item-date{display:table-cell; width:150px; position: relative; text-align:center; vertical-align: middle;}
.layout-board-item-wrapper2 .layout-board-item-name{display:table-cell; width:100px; position: relative; text-align:center; vertical-align: middle;}
.layout-board-item-wrapper2 .layout-board-item-condition{display:table-cell; width:150px; position: relative; text-align:center; vertical-align: middle;}

.board-section-content-view-type1{}
.board-section-content-view-type1 .board-view-header{border-top:2px solid #004071; background: #e5ecf1; padding:15px 30px}
.board-section-content-view-type1 .board-view-header .inner-board-view-header{display: table-cell;position: relative;width:auto; word-break: keep-all;}
.board-section-content-view-type1 .board-view-header .layout-numeric-board-item-heading2{width:60px; text-align:left;}
.board-section-content-view-type1 .board-view-header .view-subject{display:block; color:#004071; font-size:20px; line-height:28px; margin-bottom:3px; font-family:'notokr-medium'; font-weight:400}
.board-section-content-view-type1 .board-view-header  ul > li{display:inline-block; margin-right:25px;}
.board-section-content-view-type1 .board-view-header  ul > li:last-child{margin-right:0}
.board-section-content-view-type1 .board-view-header  ul > li em{color:#202020;font-family:'notokr-medium'; margin-right:8px }
.board-section-content-view-type1 .board-view-header  ul > li em a{color:#202020;}
.board-section-content-view-type1 .board-view-header  ul > li.attachment-file{float:right; position: relative; text-align:right; width:50%;}
.board-section-content-view-type1 .board-view-header  ul > li.attachment-file .attachment-file-type1{border-top:0; text-align:left; min-width:360px; padding:20px}
.board-section-content-view-type1 .board-view-header  ul > li.attachment-file .attachment-file-type1 li{display:block;}
.board-section-content-view-type1 .board-view-header  ul > li.attachment-file .drop-menu-close{position: absolute; top:10px; right:10px;}
.board-section-content-view-type1 .board-section-content-view-cont .view-content{padding:0 30px; border-bottom:1px solid #cccccc;}
.board-section-content-view-type1 .board-section-content-view-cont .view-content .view-txt{padding:25px 0}
.board-section-content-view-type1 .board-view-header2{border-top:0; background: #f8f8f8;}

.page-board-header:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.page-board-header .drop-wrap{margin-bottom:0; padding-top:10px;}
.page-board-header-left-btn{display:inline-block; width:150px;}

.board-edit-area{}
.edit-txt-type1 .edit-txt{margin-bottom:10px;}
.edit-txt-type1 .checkbox{margin-top:10px;}
.necessary-txt {text-align:right; margin-bottom:20px;}

/*고객상담 상세검색*/
.drop-wrap-customer .drop-menu{top:40px; min-width:720px; border:0; border-top:2px solid #004071;}
.drop-wrap-customer .drop-menu .customer-detail{padding:30px; background: #f8f8f8;}
.drop-wrap-customer .drop-menu .customer-detail .customer-detail-cont{border-bottom:1px dashed #ccc; max-width:660px;}
.drop-wrap-customer .drop-menu .customer-detail .customer-detail-cont > h3{font-size:20px; color:#202020; font-family:'notokr-medium'; font-weight:400}
.drop-wrap-customer .drop-menu .customer-detail .customer-detail-cont > ul{margin-top:10px; margin-bottom:30px; width:100%;border-top:1px solid #ccc;box-sizing: border-box}
.drop-wrap-customer .drop-menu .customer-detail .customer-detail-cont > ul > li:nth-child(4n+0){ border-right:1px solid #ccc; box-sizing: border-box}
.drop-wrap-customer .drop-menu .customer-detail .customer-detail-cont > ul > li:last-child{ border-right:1px solid #ccc;}
.drop-wrap-customer .drop-menu .customer-detail .customer-detail-cont > ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.drop-wrap-customer .drop-menu .customer-detail .customer-detail-cont > ul > li{float:left; width:25%; }
.drop-wrap-customer .drop-menu .customer-detail .customer-detail-cont > ul > li .checkbox{width:100%}
.drop-wrap-customer .drop-menu .customer-detail .customer-detail-cont > ul > li .checkbox label{width:100%; background: #fff; border-left:1px solid #ccc;  border-bottom:1px solid #ccc; box-sizing: border-box}
.drop-wrap-customer .drop-menu .customer-detail .customer-detail-cont > ul > li span{display:block; width:100%; padding:9px 0; text-align:center;}
.drop-wrap-customer .drop-menu .customer-detail .customer-detail-cont > ul > li.agency-list span{padding:20px 0}
.drop-wrap-customer .drop-menu .customer-detail .btn-center{width:320px; margin:30px auto 0 auto}

/*pagenation*/
.pagenation{text-align:center; margin-top:30px; clear:both;}
.pagenation a{display:inline-block; vertical-align:middle;}
.pagenation ul{display:inline-block; margin:0 30px;}
.pagenation ul li{display:inline-block; height:18px; line-height:18px; margin-right:10px;}
.pagenation ul li a{font-size:16px; color:#888888}
.pagenation ul li a.on{color:#004071; border-bottom:1px solid #004071; height:18px; box-sizing: border-box}
.pagenation ul li:last-child{margin-right:0}


input[type="text"], input[type="password"] {
    height: /*＼**/46px;
    padding: /*＼**/0 10px;
    font-family: 'notokr-regular';
    font-size:16px;
}

/*상태 라벨*/
.status-type{padding:1px 9px !important; display:inline-block !important; font-size:15px;box-sizing: border-box; vertical-align: middle; line-height:21px; border:0; font-family: 'notokr-regular';}
.status-type-white{border:1px solid #004071; color:#004071; background: #fff;}
.status-type-blue{border:1px solid #004071;background: #004071; color:#fff;}
.status-type-blue2{border:1px solid #b2c5d4;background: #b2c5d4; color:#004071;}

/*btn*/
.btn-center{text-align:center;}
.btn{display:inline-block; vertical-align: middle; text-align:center; font-family: 'notokr-regular';}
.btn-blue{background-color: #004071; color:#fff;border:1px solid  #004071; box-sizing: border-box}
.btn-white{background-color: #fff; color:#004071; border:1px solid  #004071; box-sizing: border-box}
.btn-large{border-radius: 20px; padding:11px 0; font-size:18px;}
.btn-large2{border-radius: 25px; padding:10px 0; font-size:18px;}
.btn-middle{padding:11px 0; font-size:18px;}
.btn-middle2{padding:8px 0; font-size:16px;}
.btn-middle3{padding:11px 0; font-size:16px;}
.btn-middle4{padding:10px 0; font-size:18px;}
.btn-radius{border-radius: 3px; }
.btn-center-type1{margin-top:40px;}
.btn-center-type2{margin:30px auto 0 auto}
.btn-center-area li{display:inline-block; width:48%; margin-right:2%}
.btn-center-area li:last-child{margin-right:0;}

.size1{width:280px;}
.size2{width:150px;}
.size3{width:320px;}
.size4{width:120px;}
.size5{width:200px;}
.size6{width:90px;}
.size7{width:250px;}
.size8{width:80px;}
.size9{width:140px;}
.size10{width:240px;}
.size11{width:160px;}
.sFull{min-width:100%;}
.inpt {height:46px; line-height:46px; border:1px solid #004071; box-sizing: border-box; color:#555}
.inpt::placeholder{color:#555; font-size:16px;font-family: 'notokr-regular'; }
.aInput{margin-top:10px;}
.bInput{background: #d6d6d6;}
.select-box-type{
padding-left: 10px;
background: url(/images/common/ico/ico_blue_arrow2.png) #fff no-repeat 97% center;
height: 46px;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
border-radius: 0; font-size:16px; color:#555;font-family: 'notokr-regular'; vertical-align: middle;}
.inpt-wrap .inpt-wrap-list li{display:inline-block; margin-right:20px;}
.select-box-type{color:#555; background: url(/images/common/ico/ico_blue_arrow2.png) #fff no-repeat 90% center;}
.list-type2 li{margin-top:10px;}

select { -webkit-appearance: none; -moz-appearance: none;appearance: none;}
select::-ms-expand { display:none; }

.blue-txt-type1 {color:#004071 !important;}
.blue-txt-type2 {color:#0093df}
.org-txt{color:#ff8a00 !important}
.red-txt{color:#ff0000 !important}
.font-b{ font-family:'notokr-medium';}
.black-txt{color:#333333 !important;}


/*전체보기*/
.ac-aicon-type1{color:#004071;}
.ac-aicon-type1 i{display:inline-block; width:7px; height:18px; background-image: url(/images/common/ico/ico_blue_arrow.png);background-repeat: no-repeat;
cursor: pointer; vertical-align:middle; background-size:7px 13px; margin-left:10px;}

/*checkbox*/
.checkbox {display: inline-block; position: relative;  font-size: 0;color:#555; font-size:16px;}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-sizing: border-box;
}
.checkbox label{
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}
.checkbox input[type="checkbox"]:checked ~ label .checkbox-text {color: #5b1bc6;}
.checkbox input[type="radio"]:checked ~ label .checkbox-text {color: #5b1bc6; background: #004071;}
.check-type1 label i{}
.check-type1 label .check-image{display:inline-block; width:16px;height:18px; background-image: url(/images/common/ico/ico_chk_type1_unchecked.png);background-repeat: no-repeat;
cursor: pointer; vertical-align:middle; background-size:16px; margin-right:10px}
.check-type1 label span{word-break: break-all;}
.check-type1 input[type="checkbox"]:checked ~ label i {background-image: url(/images/common/ico/ico_chk_type1_checked.png);}
.check-type1 input[type="radio"]:checked ~ label > span {color: #fff; background: #004071;}

.check-type2 label {padding:8px 15px; border:1px solid #ccc}
.check-type2 input[type="checkbox"]:checked ~ label {color: #fff; background: #004071; border:1px solid #004071}
.check-type2 input[type="radio"]:checked ~ label {color: #fff; background: #004071; border:1px solid #004071}

.check-type3 label .check-image{display:inline-block; width:16px;height:16px; background-image: url(/images/common/ico/ico_chk_type2_unchecked.png);background-repeat: no-repeat;
cursor: pointer; vertical-align:middle; background-size:16px; margin-right:10px}
.check-type3 label span{word-break: break-all;}
.check-type3 input[type="radio"]:checked ~ label i {background-image: url(/images/common/ico/ico_chk_type2_checked.png);}

.filebox label {display: inline-block; width: 120px; vertical-align: middle; text-align: center;background-color: #004071; padding: 8px 0;
color: #fff; border: 1px solid #004071; box-sizing: border-box;    border-radius: 3px;}
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }


.Imakr{color:#ff8a00;vertical-align: top; font-style:normal; margin-right:3px; display:inline-block;}

.check-type1 input[type=checkbox][disabled] ~ label i {background-image: url(/images/common/ico/ico_chk_type1_disabled.png);}

/*테이블*/
.row-style{border-top:2px solid #004071; padding-top:30px; padding-right:30px;width: 100%; border-spacing: 0;}
.row-style > tbody > tr > th{color:#202020; font-weight:400; font-size:18px; line-height:46px; font-family:'notokr-medium'; text-align:left; padding-left:30px;height:46px; vertical-align: top}
.row-style > tbody > tr > td{padding-bottom:20px;}
.row-style > tbody > tr > th.edit-txt-line{line-height:30px}
.col-style-type1{border-top:2px solid #004071; width: 100%; border-spacing: 0; border-left:1px solid  #ccc; border-bottom:1px solid #ccc}
.col-style-type1 th{color:#004071; background: #e5ecf1; text-align:center; padding:9px 0; font-weight:400; border-right:1px solid #ccc}
.col-style-type1 td{line-height:28px; text-align:center; padding:7px 0;border-right:1px solid #ccc}

.row-style2{border-top:2px solid #004071;width: 100%; border-spacing: 0; border-left:1px solid #cccccc;}
.row-style2 thead tr th{color:#004071; text-align:center; font-family:'notokr-medium'; font-weight:400; font-style:normal; background: #e5ecf1;
padding:17px 0; font-size:18px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc}
.row-style2 tbody tr td{padding:19px 5px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:center; word-break: break-all}
.row-style2 tbody tr td.l{padding-left:18px}
.row-style2 tbody tr td a.subject{color:#004071;}


/*팝업*/
.popup-wrap-type1{ position: absolute; top:0; left:0; z-index: 120; background: #fff;}
.popup-wrap-type1 .popup-header{height:60px; position: relative; background: #004071;}
.popup-wrap-type1 .popup-header h2{font-size:20x; color:#ffffff; font-weight:400; font-family:'notokr-medium'; text-align:center; line-height:60px;}
.popup-wrap-type1 .popup-header .popup-close {position: absolute; top:20px; left:20px}
.popup-wrap-type1 .popup-content{padding:40px 30px;}
.popup-wrap-type1 .popup-content .txt-type1{font-size:24px; color:#004071; font-weight:400; font-family:'notokr-medium'; padding-bottom:35px;}
.popup-common-txt{margin-bottom:20px; word-break:keep-all; line-height:26px;}
.popup-common-txt > li{margin-bottom:10px;}
.popup-common-txt > li:last-child{margin-bottom:0}

/*로딩*/
.loading-area{padding:120px 0; text-align:center}
.loading-area .loading-txt{font-size:18px; color:#004071; margin-top:25px;}

/*option container*/
.common-option-container{}
.common-option-container .common-option-content{padding:40px 30px; background: #f8f8f8;clear:both;}
.common-option-container .common-option-content:after{clear:both; display:block; overflow:hidden; content:""; height:0; }
.common-option-container .common-option-content .common-option-box{float:left; margin-right:50px;}
.common-option-container .common-option-content .common-option-box:last-child{margin-right:0}
.common-option-container .common-option-content .common-option-box h3{font-size:24px; color:#004071; line-height:28px; padding-bottom:18px; font-weight:400; font-style:normal;font-family:'notokr-medium';
text-align:center; border-bottom:2px solid #004071; }
.common-option-container .common-option-content .common-option-box .option-content{margin-top:20px; padding:0 15px}
.common-option-container .common-option-content .common-option-box .option-content2{padding:0 20px;}
.common-option-container .common-option-content .common-option-box .option-content .option-check-type1-all{float:right; margin-bottom:10px;}
.common-option-container .common-option-content .common-option-box .option-content .date-area li{width:100%; margin-top:20px;}
.common-option-container .common-option-content .common-option-box .option-content .date-area li strong{display:block; color:#004071;font-weight:400; font-style:normal; margin-bottom:5px;}
.common-option-container .common-option-content .common-option-box .option-content .date-area li .date-txt{ border:1px solid #004071; box-sizing: border-box; color:#004071;
text-align:center; padding:11px 0; height:46px}
.common-option-container .common-option-content .common-option-box .option-content .option-list li{margin-bottom:15px;}
.common-option-container .common-option-content .common-option-box .option-content .option-list2 li{float:left; margin-bottom:15px; width:50%;}
.common-option-container .common-option-content .common-option-box .option-content .option-list2:after{clear:both; display:block; overflow:hidden; content:""; height:0; }
.common-option-container .common-option-content .common-option-box-type1{width:260px;}
.common-option-container .common-option-content .common-option-box-type2{width:520px;}

.option-reset{margin:10px 0 20px 0; float:right;}
.option-reset .btn-option-reset{border:0; background:none;}
.option-reset .btn-option-reset i{display:inline-block; width:22px; height:18px; margin-right:8px; vertical-align: middle;background: url(/images/common/ico/ico_reset.png) no-repeat;
background-size:22px 18px;}

.option-choice{clear:both;}
.option-choice li{display:inline-block; margin-right:6px; margin-bottom:6px}
.option-choice li:last-child{margin-right:0}
.option-choice li .option-choice-area{background: #f1f1f1; padding:9px; }
.option-choice li .option-choice-area .filter-item-delete{width:14px; height:14px; border:0; background: url(/images/common/btn/btn_popup_blue_close_type1.png) no-repeat;
background-size:14px; margin-left:10px;}

/*option-board-list*/
.option-board-list-type1-area{margin-top:55px; }
.option-board-list-type1-area .option-board-list-type1-header{}
.option-board-list-type1-area .option-board-list-type1-header h4{color:#333333; font-size:20px;font-weight:400; font-style:normal; line-height:36px;}
.option-board-list-type1-area .option-board-list-type1-header .important-type1{position: relative}
.important-txt{color:#004071 !important; line-height:36px;}
.important-txt i{
display:inline-block; width:16px; height:16px; margin-right:8px; vertical-align: middle;background: url(/images/common/ico/ico_notice_type1.png) no-repeat;
background-size:16px;}
.option-board-list-type1-area .option-board-list-type1-header .important-type1 .drop-wrap{position: absolute; top:7px; right:0; width:auto; margin:0}
.option-board-list-type1-area .option-board-list-type1-header .important-type1 .drop-wrap .drop-btn{padding-right:0}
.option-board-list-type1-area .option-board-list-type1-header .important-type1 .drop-menu{right:0}
.option-board-list-type1{border-top:2px solid #004071; margin-top:10px;}
.option-board-list-type1 > li{padding:40px 30px; word-break: break-all; border-bottom:1px solid #ccc}
.option-board-list-type1 > li:after{clear:both; display:block; overflow:hidden; content:""; height:0; }
.option-board-list-type1 > li .option-board-list-img{float:left; width:240px; height:340px; margin-right:40px; position: relative}
.option-board-list-type1 > li .option-board-list-img img{width:100%; height:100%; display:block; vertical-align: middle;}
.option-board-list-type1 > li .option-board-list-info{float:left; width: calc(100% - 280px); position: relative}
.option-board-list-type1 > li .option-board-list-info .btn-homepage{position: absolute; top:0; right:0}
.option-board-list-type1 > li .option-board-list-info strong{display:block; font-size:24px;font-weight:400; font-style:normal; font-family:'notokr-medium'; line-height:28px;
margin-bottom:20px; width:95%;}
.option-board-list-type1 > li .option-board-list-info strong > a{color:#004071}
.option-board-list-type1 > li .option-board-list-info .info-list > li{display:table; margin-bottom:5px;}
.option-board-list-type1 > li .option-board-list-info .info-list > li em{width:40px; display: table-cell;color: #555555; font-family: 'notokr-medium'; font-style: normal; color:#333333}
.option-board-list-type1 > li .option-board-list-info .info-list > li > p{display: table-cell;  color:#333333; word-break: break-all}
.option-board-list-type1 > li .option-board-list-info .txt{margin-top:30px; line-height:28px; word-break: keep-all; width:790px;}

/*common-layout-box-type1-wrap*/
.common-layout-box-type1-wrap h3{font-size:28px; font-weight:400; font-style:normal;font-family:'notokr-medium';color:#004071; margin-bottom:40px; display:inline-block;}
.common-layout-box-type1{}
.common-layout-box-type1:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.common-layout-box-left{float:left; width:570px; margin-right:60px;}
.common-layout-box-type1 .common-layout-box-left .info-area{position: relative; padding-bottom:30px; border-bottom:1px dashed #ccc;}
.common-layout-box-type1 .common-layout-box-left .info-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.common-layout-box-type1 .common-layout-box-left .info-area .img-type{width:200px; height:284px; float:left; margin-right:30px; position: relative}
.common-layout-box-type1 .common-layout-box-left .info-area .img-type img{width:100%; height:100%; vertical-align: middle; display:block;}
.common-layout-box-type1 .common-layout-box-left .info-area .info-list{float:left; position: relative; width: calc(100% - 230px);}
.common-layout-box-type1 .common-layout-box-left .info-area .info-list > li{display:table; margin-bottom:5px;}
.common-layout-box-type1 .common-layout-box-left .info-area .info-list > li em{width:90px; display: table-cell;color: #555555; font-family: 'notokr-medium'; font-style: normal; color:#333333}
.common-layout-box-type1 .common-layout-box-left .info-area .info-list > li > p{display: table-cell;  color:#333; word-break: break-all}
.common-layout-box-type1 .common-layout-box-left .info-area .info-list > li > p span{vertical-align: middle;}
.common-layout-box-type1 .common-layout-box-left .info-area .btn{position: absolute; bottom:30px; right:0}
.common-layout-box-type1 .common-layout-box-left .info-txt{padding:30px 0; line-height:28px; word-break: break-all}

.common-layout-box-right{float:left; width: calc(100% - 630px);}
.common-layout-box-right h4{color:#333333; font-weight:400; font-style:normal;font-family:'notokr-medium'; font-size:24px; line-height:24px; position: relative}
.common-layout-box-right h4 .necessary-txt{position: absolute; top:0; right:0; font-size:16px; font-family: 'notokr-regular';}
.common-layout-box-right .common-layout-box-input-list-type1{border-top:2px solid #004071; margin-top:10px;}
.common-layout-box-right .common-layout-box-input-list-type1 > li{margin-bottom:10px;}
.common-layout-box-right .common-layout-box-input-list-type1 .common-layout-box-input:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.common-layout-box-right .common-layout-box-input-list-type1 .common-layout-box-input{border:1px solid #ccc; box-sizing: border-box; padding:30px;}
.common-layout-box-right .common-layout-box-input-list-type1 .common-layout-box-input .common-layout-box-txt{float:left; width:calc(100% - 130px);}
.common-layout-box-right .common-layout-box-input-list-type1 .common-layout-box-input p{color:#004071; font-size:20px; font-style:normal;font-family:'notokr-medium'; }
.common-layout-box-right .common-layout-box-input-list-type1 .common-layout-box-input span{display:block; font-family:'notokr-medium';}
.common-layout-box-right .common-layout-box-input-list-type1 .common-layout-box-input button{float:right; margin-left:5px}

.common-layout-box-input-list-type2{border-top:2px solid #004071; margin-top:10px;}
.common-layout-box-input-list-type2 > li{margin-bottom:10px;}
.common-layout-box-input-list-type2 .common-layout-box-input{border:1px solid #ccc; box-sizing: border-box; padding:30px;}
.common-layout-box-input-list-type2 .common-layout-box-input .common-layout-box-header{display:block; font-weight:400; font-style:normal;font-family:'notokr-medium';color:#004071;
font-size:20px; line-height:20px; margin-bottom:18px;}
.common-layout-box-input-list-type2 .common-layout-box-input .common-layout-box-header > span{font-size:16px;font-family: 'notokr-regular';}
.common-layout-box-input-list-type2 .common-layout-box-input .attachment-file-type1{padding:0; border:0}
.Imark-org{color:#ff8a00}
.list-type1 li{line-height:26px; word-break:break-all;}
.btn-step{padding:7px 0; margin:30px auto; display:block; position: relative}
.btn-step i{display:inline-block; width:6px; height:11px; vertical-align: middle;
background: url(/images/common/ico/ico_white_arrow.png) no-repeat center right; position: absolute; top:14px; right:20px;}
.common-layout-box-input-list-type2 .common-layout-box-input .important-txt{font-size:15px;}

.common-layout-box-input-list-type2 .common-layout-box-input2{padding:0}
.common-layout-box-input-list-type2 .common-layout-box-input2 .common-layout-box-header{padding:30px; margin-bottom:0; position: relative}
.common-layout-box-input-list-type2 .common-layout-box-input2 .common-layout-box-header a{position: absolute; top:25px; right:30px}
.common-layout-box-input-list-type2 .common-layout-box-input2 .common-layout-box-cont-type1{border-top:1px solid #ccc}
.common-layout-box-input-list-type2 .common-layout-box-input2 .common-layout-box-cont-type1 .styled-input-item{padding:30px}
.common-layout-box-input-list-type2 .common-layout-box-input2 .common-layout-box-cont-type1 .styled-input-item table td{padding-bottom:10px}
.common-layout-box-input-list-type2 .common-layout-box-input2 .common-layout-box-cont-type1 .styled-input-item table tr:last-child td{padding-bottom:0}
.common-layout-box-input-list-type2 .common-layout-box-input2 .common-layout-box-cont-type1 .styled-input-item .inpt{height:40px; line-height:40px;}


.common-layout-box-input-list-type2 .common-layout-box-input .total-txt-type1:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.common-layout-box-input-list-type2 .common-layout-box-input .total-txt-type1 p{font-size:18px;float:left; line-height:28px; vertical-align: middle;}
.common-layout-box-input-list-type2 .common-layout-box-input .total-txt-type1 .total-payment{font-size:28px; color:#ff8a00; float:right; line-height:28px; vertical-align: middle;}
.common-layout-box-input-list-type2 .common-layout-box-input .total-txt-type1 .total-payment > em{font-size:18px;  text-align:right;}
.add-area-type-list li{margin-top:10px;}
.add-area-type-list .btn-del{border:0;display:inline-block; width:15px; height:15px; vertical-align: middle;
background: url(/images/common/btn/btn_file_del.png) no-repeat; margin-left:5px }
.input-list select{margin:0 10px}
.add-area-type-list2{display:inline-block; margin-left:10px;}

.common-layout-register-form{width:520px; margin:0 auto;}
.common-layout-register-form .common-styled-message-area{text-align:center;}
.common-layout-register-form .common-styled-message-area .message{display:block; margin-top:20px; color:#333333; font-size:24px; font-weight:400; font-style:normal;
font-family:'notokr-medium'; }
.common-layout-register-form .common-styled-message-area .styled-dash-message{margin:40px 0; }
.common-layout-register-form .common-styled-message-area .styled-dash-message p{color:#333; line-height:28px;}
.common-layout-register-form .common-styled-message-area .styled-dash-message p > span{font-size:20px; color:#004071;font-family:'notokr-medium';  }
.common-layout-register-form .common-styled-message-box{border:1px solid #cccccc; padding:35px 0; margin-bottom:30px; box-sizing: border-box; word-break: break-all}
.common-layout-register-form .common-styled-message-box strong{text-align:center; display:block; font-size:20px; font-weight:400; font-style:normal;
font-family:'notokr-medium'; margin-bottom:20px;color:#004071;padding: 0 10px; word-break: keep-all; }
.common-layout-register-form .common-styled-message-box > ul{width:320px; margin:0 auto}
.common-layout-register-form .common-styled-message-box > ul > li{display: table; margin-top:10px;}
.common-layout-register-form .common-styled-message-box > ul > li > em{display:table-cell; width:113px; font-family:'notokr-medium'; }
.common-layout-register-form .common-styled-message-box > ul > li > span{display:table-cell;}

.common-layout-register-form .btn-center-area li{width:auto}

.inpt-wrap-list2 {clear:both;}
.inpt-wrap-list2 li{width:49%; margin-right:2%; float:left;}
.inpt-wrap-list2:after{clear:both; display:block; overflow:hidden; content: ""; height:0}
.inpt-wrap-list2 li:last-child{margin-right:0}

/*대관*/
.date-area2:after{clear:both; display:block; overflow:hidden; content: ""; height:0}
.date-area2 li{width:49%; margin-right:2%; float:left; margin-top:10px;}
.date-area2 li:nth-child(2n+0){margin-right:0}
.date-area2-area strong{display:block; color:#004071;font-weight:400;
font-style:normal; margin-top:20px}
.date-area2 li .date-txt{ border:1px solid #004071; box-sizing: border-box; color:#004071; text-align:center;
padding:11px 0; height:46px;}
.option-board-list-type2:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.option-board-list-type2 > li{float:left; width:380px; margin-right:30px; margin-top:20px;}
.option-board-list-type2 > li:nth-child(3n+0){margin-right:0}
.option-board-list-type2 > li .option-board-list-img{position:relative;width:380px; height:267px}
.option-board-list-type2 > li .option-board-list-img img{display:block; vertical-align: middle}
.option-board-list-type2 > li .option-board-list-img .btn-homepage{display:block; width:40px; height:40px;position: absolute; bottom:0; right:0; z-index:1}
.option-board-list-type2 > li .option-board-list-img span{color:#ffffff; position: absolute; bottom:10px; left:20px}
.option-board-list-type2 > li .option-board-list-info{padding:30px; height:250px; border:1px solid #cccccc; border-top:0}
.option-board-list-type2 > li .option-board-list-info > a > strong > span{display:block; color:#333333; font-size:16px;}
.option-board-list-type2 > li .option-board-list-info > a > strong {color:#004071; font-size:24px; font-family:'notokr-medium';font-weight:400; font-style:normal;}
.option-board-list-type2 > li .option-board-list-info > .info-list li{display:table; margin-top:10px }
.option-board-list-type2 > li .option-board-list-info > .info-list li > em{display:table-cell; width:80px;font-family:'notokr-medium'; }
.option-board-list-type2 > li .option-board-list-info > .info-list li > p{display:table-cell}

.common-layout-box-type2:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.common-layout-box-type2 .common-layout-box-left .info-area {position: relative; padding-bottom:30px; border-bottom:1px dashed #ccc}
.common-layout-box-type2 .common-layout-box-left .info-area .img-type{width:570px; height:400px; position: relative}
.common-layout-box-type2 .common-layout-box-left .info-area .img-type img{width:100%; height:100%; display:block; vertical-align:middle}
.common-layout-box-type2 .common-layout-box-left .info-area .btn{position: absolute; bottom:35px; right:0}
.common-layout-box-type2 .common-layout-box-left .info-area .info-list{padding-top:30px}
.common-layout-box-type2 .common-layout-box-left .info-area .info-list > li{display:table; margin-bottom:5px;}
.common-layout-box-type2 .common-layout-box-left .info-area .info-list > li em{width:90px; display: table-cell;color: #555555; font-family: 'notokr-medium'; font-style: normal; color:#333333}
.common-layout-box-type2 .common-layout-box-left .info-area .info-list > li > p{display: table-cell;  color:#333; word-break: break-all}
.common-layout-box-type2 .common-layout-box-left .info-txt{padding: 30px 0; line-height: 28px; word-break: break-all;}
.common-layout-box-type2 .calendar-txt {padding-top:20px; border-top:1px dashed #ccc}
.common-layout-box-type2 .calendar-txt .important-txt{font-size:16px !important; vertical-align: middle; line-height:16px;}
.common-layout-box-type2 .calendar-txt .important-txt i{height:18px}

.common-layout-box-type2 .common-layout-box-right .common-layout-box-input-list-type1 .common-layout-box-input .common-layout-box-txt{width:100%; float:none}
.inpt-wrap-list3{margin-top:5px;}
.inpt-wrap-list3 > li{display:inline-block; margin-right:5px; margin-top:10px;}
.inpt-wrap-list3 > li:nth-child(4n+0){margin-right:0}
.date-txt-type1{margin-top:18px;}
.date-txt-type1 > p{display:block; font-weight:400; font-style:normal;color:#333;font-size:16px; line-height:20px; font-family: 'notokr-medium';}

/*단체관람*/
.option-board-list-type1 > li .option-board-list-info2{float:none; width:100%}
.common-layout-box-type2 .common-layout-box-left .info-area .info-list2{padding-top:0}
.sort-table-type2 td{padding-bottom:10px;}
.sort-table-type2 tr:last-child td{padding-bottom:0}

/*달력 css*/
.daterangepicker{width:642px !important; border:1px solid #cccccc !important; box-sizing: border-box !important;
border-radius: 0 !important; font-family: 'notokr-regular' !important; font-size:16px !important;  background: #fff;
    box-shadow:1px 0px 2px 0px rgba(68,68,68,0.5);}
.daterangepicker.ltr .drp-calendar{padding:20px !important}
.daterangepicker .drp-calendar{width:280px !important; max-width:280px !important}
.daterangepicker.ltr .drp-calendar .calendar-table{padding:0 !important}
.daterangepicker .calendar-table thead th.month{font-size:24px !important; font-family:'notokr-medium';  font-weight:400; font-style:normal; color:#333333 !important;}
.daterangepicker .calendar-table th{font-family: 'notokr-regular'; color:#333 !important;font-weight:400; font-style:normal;}
.daterangepicker .calendar-table thead th{padding-bottom:8px; font-size:16px !important;}
.daterangepicker .calendar-table thead tr:first-child th{padding-bottom:25px;}
.daterangepicker .calendar-table td{font-size:16px !important; line-height:30px !important}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #004071 !important;
    border-width: 0 1px 1px 0 !important;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}
.daterangepicker td.off{color:#aaaaaa !important;}
.daterangepicker td.active, .daterangepicker td.active:hover{background: #b2c5d4 !important; }
.daterangepicker td.start-date.end-date {
    border-radius:0 !important;
}
.daterangepicker td.start-date{border-radius: 20px 0 0 20px !important}
.daterangepicker td.end-date {border-radius: 0 20px 20px 0 !important;}
.daterangepicker .drp-buttons{padding:20px 0 !important; margin:0 20px; border-top:1px  dashed #ccc !important;}
.daterangepicker .calendar-time{display:none;}
.daterangepicker .drp-buttons .btn{font-size:18px !important; padding:10px 0 !important; width:100px; margin-left:10px !important; font-weight:400 !important}
.daterangepicker .drp-buttons .btn-default{margin-left:0 !important;}
.daterangepicker:before, .daterangepicker:after{display:none !important;}
.daterangepicker td.off, .daterangepicker td.off.in-range {
    background-color: #fff !important;
    border-color: transparent !important;
    color: #ddd !important;
}
.daterangepicker td.in-range{background: #b2c5d4 !important; color:#fff !important}
.daterangepicker .calendar-table table{border-spacing:0 4px !important; border-collapse: separate !important;}


.daterangepicker.single{width:320px !important}

/*미션*/
.board-mission-list{clear:both; border-top:2px solid #004071; border-bottom:1px solid #cccccc; margin-bottom:30px; padding-bottom:30px}
.board-mission-list .mission-list:after{clear:both; display:block; overflow: hidden; content:""; height:0}
.board-mission-list .mission-list > li{float:left; margin-top:30px; margin-right:30px; width:276px;}
.board-mission-list .mission-list > li .mission-img{width:276px; height:190px; position: relative}
.board-mission-list .mission-list > li .mission-img img{width:100%; height:100%;}
.board-mission-list .mission-list > li:nth-child(4n+0){margin-right:0}
.board-mission-list .mission-list > li .mission-info{text-align:center; margin-top:10px;}
.board-mission-list .mission-list > li .mission-info > a{display:inline-block; color:#004071; font-size:20px; font-family:'notokr-medium'; word-break: break-all;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:break-word; width:100%;}
.board-mission-list .mission-list > li .mission-info p > em{ font-family:'notokr-medium'; margin-right:10px;}

.board-mission-list .mission-list > li.deadline-item .mission-img span{color:#ffffff; font-size:18px; position: absolute; top:50%; left:50%; margin-left:-16px; margin-top:-12px;
z-index:3;}
.board-mission-list .mission-list > li.deadline-item .mission-img:after{display:block; position: absolute; top:0; left:0;
z-index:1; content:""; width:276px; height:190px; background-color: rgba( 0, 0, 0, 0.6 );}
.board-mission-list .mission-list > li.deadline-item .mission-info{color:#888}
.board-mission-list .mission-list > li.deadline-item .mission-info > a{color:#888}

/*마이 멤버스*/
.layout-board-tab-type1{margin-bottom:50px;}
.layout-board-tab-type1:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.layout-board-tab-type1 li{width:33.3%; float:left;}
.layout-board-tab-type1 li a{display:block; font-size:16px; color:#555555; text-align:center; height:50px; line-height:50px; border-left:1px solid #cccccc;border-top:1px solid #cccccc;
box-sizing: border-box; border-bottom:1px solid #ccc}
.layout-board-tab-type1 li a.on{color:#fff; border-left:1px solid #004071; border-top:1px solid #004071; border-bottom:1px solid #004071;background: #004071; box-sizing: border-box}
.layout-board-tab-type1 li:last-child a{border-right:1px solid #ccc;}
.layout-board-tab-type1 li:last-child a.on{border-right:1px solid #004071;}

.layout-board-list-type1{}
.layout-board-list-type1 .board-header-list-type1{position: relative;}
.layout-board-list-type1 .board-header-list-type1 .total-txt{}
.layout-board-list-type1 .board-header-list-type1 .total-txt2{ position: absolute; bottom:0;}
.layout-board-list-type1 .board-header-list-type1 .total-txt > em{font-style: normal; font-size:20px; color:#004071; font-family:'notokr-medium';}
.layout-board-list-type1 .board-content-list-type1{}
.status-list:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.status-list li{display:inline-block;}
.status-list li button{font-size:15px}
.status-type-area .status-type{border-radius:2px;}
.status-type-area {line-height:28px;}
.status-type-area span{display:block;}
.status-drop-wrap {position: relative;}
.status-drop-wrap .status-drop{width:200px; border:1px solid #004071; position: absolute; top:0; left:0; z-index:10; background: #fff; display:none}
.status-drop-wrap .status-drop .inner-status-drop{position: relative; padding:30px;}
.status-drop-wrap .status-drop .inner-status-drop .btn-close-drop{position: absolute; top:0; right:10px;}
.status-drop-wrap .status-drop .inner-status-drop p{}

.common-layout-box-type2 .common-layout-box-left .info-area.info-area-list{padding:0; border:0}
.common-layout-box-left .info-area-list > li{border-bottom: 1px dashed #ccc; padding:20px 0;}
.common-layout-box-left .info-area-list > li:last-child{border-bottom:0}
.common-layout-box-left .info-area-list > li:first-child{padding-top:0}
.common-layout-box-left .info-area-list > li > h4{font-size:20px; color:#333; font-family:'notokr-medium'; font-weight:400; font-style: normal; margin-bottom:15px}
.common-layout-box-left .info-area-list > li > .info-area-list-cont .attachment-file-type1{padding:0; border:0}
.common-layout-box-left .info-area-list li .info-list{padding-top:0 !important; padding-bottom:20px;}
.common-layout-box-left .info-area-list li .info-list:last-child{padding-bottom:0}

.common-layout-box-input .privacy-item-list{margin-bottom:15px; margin-left:10px;}
.common-layout-box-input .privacy-item-list li .checkbox{color:#333333; font-size:18px; font-family:'notokr-medium';}

/*신청현황 상세*/
.common-layout-box-type3-wrap{width:600px; margin:0 auto;}
.common-layout-box-type3-wrap .info-list > li{display:table; margin-bottom:8px;}
.common-layout-box-type3-wrap .info-list > li:last-child{margin-bottom:0}
.common-layout-box-type3-wrap .info-list > li em{width:90px; display: table-cell;color: #555555; font-family: 'notokr-medium'; font-style: normal; color:#333333}
.common-layout-box-type3-wrap .info-list > li > p{display: table-cell;  color:#333; word-break: break-all}
.common-layout-box-type3-wrap .common-layout-box-input-list-type2 .common-layout-box-input .common-layout-box-header{margin-bottom:13px; line-height:26px;}
.common-layout-box-type3-wrap .common-layout-box-input-list-type2 .common-layout-box-input .common-layout-box-header2{display:inline-block;}
.common-layout-box-type3-wrap .common-layout-box .info-list{padding-top:0 !important; padding-bottom:20px;}
.common-layout-box-type3-wrap .common-layout-box .info-list:last-child{padding-bottom:0}

.common-layout-box-type3-wrap .common-layout-box-input .total-txt-type1 .total-payment{float:none}
.common-layout-box-type3-wrap .btn-center{width:360px; margin:30px auto}
.common-layout-box-type2 .common-layout-box-left .info-area .info-list > li > ul.r-type{display: table-cell;  color:#333; word-break: break-all}

.payment-common-type1{}
.payment-common-type1 .payment-form > li{padding:25px 30px; border-bottom:1px solid #cccccc}
.payment-common-type1 .payment-form > li:last-child{border-bottom:0}
.payment-common-type1 .payment-form > li.first{padding-top:0}
.payment-common-type1 .payment-form > li strong{font-weight:400; font-style:normal; font-size:18px; color:#555555; display:inline-block;}
.payment-common-type1 .payment-form > li span{float:right;}
.payment-common-type1 .payment-form > li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.payment-common-type1 .payment-form > li.payment-total {line-height:38px;}
.payment-common-type1 .payment-form > li.payment-total > span{color:#ff8a00; font-size:28px}
.payment-common-type1 .payment-form > li.payment-total > span > em{font-size:18px}
.payment-common-type1 .payment-form > li .payment-list{margin-top:12px}
.payment-common-type1 .payment-form > li .payment-list > li{margin-top:8px;}
.payment-common-type1 .payment-form > li .payment-foot{margin-top:15px; padding-top:12px; border-top:1px dashed #ccc}
.common-layout-box-input-list-type2 .common-layout-box-input-type2{padding:30px 0 0 0}
.common-layout-box-input-list-type2 .common-layout-box-input-type2 .common-layout-box-header{padding:0 30px}

/*보유쿠폰 0510 수정*/
.couponbook-list{margin-top:20px; border-top: 2px solid #004071; border-bottom: 1px solid #cccccc; margin-bottom: 30px; padding-bottom: 30px;}
.couponbook-list:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.couponbook-list .couponbook-list-item{padding-top:30px; float:left; margin-right:30px;}
.couponbook-list .couponbook-list-item:nth-child(3n+0){margin-right:0}
.couponbook-list .couponbook-info{width:380px;border:1px solid #cccccc; box-sizing: border-box;}
.couponbook-list .couponbook-info .couponbook-info-inner{width:260px; height:127px; margin:30px auto; background: url(/images/common/bg/bg_coupon_list.png) no-repeat center;}
.couponbook-list .couponbook-info .couponbook-info-inner:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.couponbook-list .couponbook-info .couponbook-info-inner .couponbook-info-title{float: left;width: 202px;margin: 0 auto;word-break: break-all;position: relative;height: 125px;
padding: 0 20px;box-sizing: border-box;overflow:hidden}
.couponbook-list .couponbook-info .couponbook-info-inner .couponbook-info-title > span{color: #004071;font-size: 20px;font-family: 'notokr-medium';display: -webkit-box;display: -ms-flexbox;
-webkit-box-pack: center;-webkit-justify-content: center;justify-content: left;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
padding-left: 25px;height: 100%;box-sizing: border-box;}
.couponbook-list .couponbook-info .couponbook-info-bot{padding:0 30px 20px 30px;}
.couponbook-list .couponbook-info .couponbook-info-bot dl{margin-bottom:5px;}
.couponbook-list .couponbook-info .couponbook-info-bot dt{display:table-cell; width:80px; color:#555; font-family: 'notokr-medium'; }
.couponbook-list .couponbook-info .couponbook-info-bot dd{display:table-cell; word-break: keep-all; color:#555}

/*내정보*/
.common-form-input-type2{}
.common-form-input-type2 li > strong{display:block; margin-bottom:5px; color:#333333; font-family: 'notokr-medium'; font-style: normal; font-weight:400;}
.common-form-input-type2 li{margin-bottom:20px;}
.common-form-input-type2 li:last-child{margin-bottom:0}
.drop{display:none; margin-top:10px;}
#secession-popup2 ul > li{margin-bottom:10px;}
.font-normal{font-family:'notokr-regular'}

/*0510 css 추가*/
.page-board-header:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.page-board-header-left-area ul li{display:inline-block;}
.page-board-header-left-area{float:left}
.page-board-header-right-btn{float:right}
.select-box-type2{height:40px; line-height:40px; color:#004071}
.layout-board-item-condition-type2 .status-type-white{border:0; color:#555; background:none; font-size:16px; padding:0; font-family: 'notokr-medium';}
.layout-board-item-condition-type2 .status-type-blue2{border:0; color:#555; background:none; font-size:16px; padding:0; font-family: 'notokr-medium';}
.layout-board-item-condition-type2 .status-type-blue{border:0; color:#004071; background:none; font-size:16px; padding:0; font-family: 'notokr-medium';}
.size160{width:160px;}
.size230{width:230px;}
.pagenation a.first{margin-right:10px;}
.pagenation a.last{margin-left:10px;}
.no-data-type1{text-align:center; padding:20px 0}
.board-section-content-view-type1-misson  .board-view-header  ul > li{vertical-align: top;}
.board-section-content-view-type1 .board-view-header  ul > li.view-Agency{width:60%; margin-right:0}
.board-section-content-view-type1 .board-view-header  ul > li.view-Agency em {display:table-cell; width:45px;}
.board-section-content-view-type1 .board-view-header  ul > li.view-Agency span {display:table-cell;}
.board-section-content-view-type1-misson .attachment-file{width:auto !important;}

.mb20{margin-bottom:20px !important;}
.board-header-list-type1:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.page-board-header-right-area{float:right;}
.page-board-header-right-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.page-board-header:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.page-board-header-right-area ul li{display:inline-block; margin-right:3px;}
.page-board-header-right-area ul li:last-child{margin-right:0}
.red-txt-type2{color:#e03c31 !important;}
.common-layout-box-input-inner{background:#ffdddd; padding:25px 22px; margin-top:20px;} /*200728 css수정*/
.option-board-list-type1-1 > li .option-board-list-info .info-list > li em{width:70px}

/*0515 css 추가*/
.policy-content{height:715px; overflow-x: auto}
.policy-content .agreement-page-nav-title{color:#004071; font-size:20px; font-weight:400; margin-bottom:30px;}
.policy-content .policy-content-section-title{color:#004071; font-size:16px; font-weight:400; margin-bottom:20px;}
.policy-content .policy-content-section{margin-bottom:30px; line-height:28px;}
.policy-content .policy-content-section li{line-height:28px;}

.error-content{padding:100px 20px; text-align:center;}
.error-content .error-box{width:700px; margin:25px auto; border:1px solid #ccc; padding:30px 0; box-sizing: border-box}
.error-content .error-box > strong{display:block; color:#004071; font-weight:400; font-size:24px; font-family: 'notokr-medium'; margin:30px 0 15px 0}
.error-content .error-box > p{color:#555555; font-size:18x;}
.error-content .btn-center{width:150px; margin:0 auto}
.error-content .btn-center a{width:150px}

.size300{width:300px;}

/*0530 css 추가*/
.btn-pd{padding:0 30px 30px 30px}
textarea{font-family: 'notokr-regular'; line-height:22px !important; font-size:16px;}
.board-section-content-toogle-type{width:95%; display:table; padding-right:5%;}

/*0703 css추가*/
.join-cont .btn-center-list li{display:inline-block; margin-right:15px;}
.join-cont .btn-center-list li:last-child{margin-right:0}

/*0704 css추가*/
.guide-content .tab-content{display:none}
.guide-content .guide-tit .img-type{text-align:center;}
.guide-content .guide-tit-txt{margin-top:60px;}
.guide-content .guide-tit-txt > strong{font-size:36px; color:#004071; font-weight:400; display:block; font-family: 'notokr-medium' }
.guide-content .guide-tit-txt p{margin-top:15px;}
.guide-content .guide-tit-txt p > em{font-size:20px; color:#004071; font-weight:400; font-family: 'notokr-medium' }
.guide-content h3{margin-top:80px; padding-left:20px; font-size:28px; line-height:50px; color:#333333;  font-weight:400; font-family: 'notokr-medium';position:relative; }
.guide-content h3:before{width:10px; height:10px; content:""; position:absolute; top:20px; left:0;
background: url(/images/common/ico/ico_guide_bul_type1.png) no-repeat center; display:block;}
.guide-content h4{margin:35px 0 20px 0; font-size:24px; color:#004071;  font-weight:400; font-family: 'notokr-medium'}
.guide-content .guide-cont{margin-top:20px}
.guide-content .guide-cont .tab-nav-type1 > ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.guide-content .guide-cont .tab-nav-type1 > ul > li{width:50%; float:left;}
.guide-content .guide-cont .tab-nav-type1 > ul > li > a{display:block; height:50px; line-height:50px; text-align:center; border:1px solid #cccccc; box-sizing:border-box; color:#555555;}
.guide-content .guide-cont .tab-nav-type1 > ul > li:last-child > a{border-left:0}
.guide-content .guide-cont .tab-nav-type1 > ul > li > a.on{color:#fff; background:#004071}
.guide-content .guide-cont p.txt-type1{margin-top:15px; line-height:24px; font-size:16px; color:#555}
.guide-content .guide-cont .link-cont{border:1px solid #cccccc; box-sizing:border-box}
.guide-content .guide-cont .link-cont:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.guide-content .guide-cont .link-cont > ul{float:left; width:50%; padding:25px 0; border-right:1px solid #ccc; box-sizing:border-box;}
.guide-content .guide-cont .link-cont > ul:last-child{border-right:0}
.guide-content .guide-cont .link-cont > ul > li:first-child{padding-top:0}
.guide-content .guide-cont .link-cont > ul > li{padding-top:12px; display:table; width:100%;}
.guide-content .guide-cont .link-cont > ul > li > strong{display:table-cell; width:50%; vertical-align:middle; font-weight:400; text-align:center;}
.guide-content .guide-cont .link-cont > ul > li > a{display:table-cell; width:50%; vertical-align:middle; color:#004071;text-align:center;}
.guide-content .guide-cont .link-cont > ul > li > a > span{ padding-bottom:2px;border-bottom:1px solid #004071; }
.guide-content .guide-cont .link-cont > p{padding:20px 30px;}
.guide-content .guide-cont .step-cont{border:1px solid #cccccc; box-sizing:border-box; padding:30px;}
.guide-content .guide-cont .step-cont > ul > li{display:inline-block; width:204px;height:290px; position:relative; margin-right:10px; padding-left:10px; vertical-align:top; word-break: keep-all;}
.guide-content .guide-cont .step-cont > ul > li:before{width:18px; height:35px; content:""; position:absolute; top:40px; left:-16px;
background: url(/images/common/ico/ico_step_type1.png) no-repeat center; display:block;}
.guide-content .guide-cont .step-cont > ul > li .step-icon{width:120px; height:120px; border-radius:100%; box-sizing:border-box; line-height:120px; text-align:center; margin:0 auto;}
.guide-content .guide-cont .step-cont > ul > li .step-icon > span{font-size:20px; color:#fff}
.guide-content .guide-cont .step-cont > ul > li.step-1:before{background:none; padding-left:0;}
.guide-content .guide-cont .step-cont > ul > li.step-1 .step-icon{background:#b2c5d4}
.guide-content .guide-cont .step-cont > ul > li.step-2 .step-icon{background:#8ca9bf}
.guide-content .guide-cont .step-cont > ul > li.step-3 .step-icon{background:#7396b1}
.guide-content .guide-cont .step-cont > ul > li.step-4 .step-icon{background:#4c799b}
.guide-content .guide-cont .step-cont > ul > li.step-5 .step-icon{background:#265c86}

.guide-content .guide-cont .step-cont > ul > li .step-info{margin-top:30px;}
.guide-content .guide-cont .step-cont > ul > li .step-info strong{display:block; text-align:center; color:#004071; font-weight:400;}
.guide-content .guide-cont .step-cont > ul > li .step-info p{margin-top:20px; text-align:center; line-height:24px;}

.guide-content .guide-cont .step-cont-type2 > ul > li{width:261px}

.popup-wrap-type1 .popup-content .guide-content{height:715px; overflow-y:auto}
.popup-wrap-type1 .popup-content .guide-content .guide-cont .step-cont > ul > li{width:186px}

/*0709 css추가*/
.ui-datepicker table{border-spacing: 0 4px !important;  border-collapse: separate !important; margin:0}
.ui-datepicker{width:390px !important; margin:0 auto}
.ui-widget.ui-widget-content{border:0 !important; padding:0  !important;  font-family: 'notokr-regular' !important;    font-size: 16px !important; }

.ui-widget-header .ui-icon{ border: solid #004071 !important; border-width: 0 1px 1px 0 !important;    border-radius: 0;  display: inline-block;  color: #fff;    transform: rotate(135deg);
-webkit-transform: rotate(135deg);    white-space: nowrap;  cursor: pointer;background-image:none !important}
.ui-datepicker .ui-datepicker-next span{transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);}

.ui-widget-header{background:#fff !important; border:0 !important; padding:0 !important;}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:auto !important; font-size: 24px !important; margin:0 !important; border:0 !important;
    font-family: 'notokr-medium'; font-weight: 400;  font-style: normal;  color: #333333 !important; margin-right:5px !important;}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:1 !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width: 9px !important;  height: 9px !important; top:6px !important;}

.ui-icon{width:9px !important; height:9px !important}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{margin-top:0 !important}

.ui-datepicker th{font-family: 'notokr-regular';padding:0 !important;  color: #333 !important;  font-weight: 400 !important;  font-style: normal;   white-space: nowrap; text-align: center;
vertical-align: middle;  min-width: 32px;  width: 32px;  height: 24px;  line-height: 24px;  font-size: 16px;  border-radius: 4px;  border: 1px solid transparent;  white-space: nowrap;
cursor: pointer;}

.calendar-content .ui-datepicker-calendar .ui-state-default, .calendar-content .ui-datepicker-calendar .ui-state-active, .calendar-content .ui-datepicker-calendar .ui-state-highlight
{white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px;  width: 32px; height: 29px; line-height: 29px; font-size: 16px; border-radius:100%;
 border: 1px solid transparent; white-space: nowrap; cursor: pointer;background:none !important;border:0 !important; color:#333 !important}

.calendar-content .ui-datepicker-calendar .ui-state-highlight{color:#333 !important; border:1px solid #acacac !important; background: #fff !important;}
.ui-datepicker td span, .ui-datepicker td a{padding:0 !important}

.ui-datepicker th span{min-width: 32px;  width: 32px;  height: 24px; line-height: 24px; display:block;}
.calendar-content .ui-datepicker-calendar .added .ui-state-default{color:#fff !important;background: #b2c5d4 !important}
.ui-datepicker .ui-datepicker-title{margin-bottom:5px !important}

/*0715css추가*/
.common-layout-box-type3-wrap .btn-center.btn-center2{width:100%; margin:0 auto;}
.btn-center2 .btn-center-area li{width:30%}

.txt-btn-type{text-align:center;}
.txt-btn-type > span{vertical-align:middle;}
.txt-btn-type .btn-txt{color:#004071; font-size:18px; border:0; padding:0; background:none; border-bottom:1px solid #004071; margin-left:5px;}

/*0808 css추가*/
.mt0{margin-top:0 !important;}
.search-wrap .keyword input::-webkit-input-placeholder{text-align:center;}
.search-wrap .keyword input::-moz-placeholder{text-align:center;}
.search-wrap .keyword input:-ms-input-placeholder{text-align:center; color:#fff}
.search-wrap .keyword input:-moz-placeholder{text-align:center;}

.common-layout-box-input-list-type2 .common-layout-box-input .total-txt-type1 .total-payment.free{float:left;}

/*0830 css추가*/
h3.process-tit{padding-left:20px; margin-bottom:10px; font-size:28px; line-height:50px; color:#333333;  font-weight:400; font-family: 'notokr-medium';position:relative; }
h3.process-tit:before{width:10px; height:10px; content:""; position:absolute; top:20px; left:0;
background: url(/images/common/ico/ico_guide_bul_type1.png) no-repeat center; display:block;}

.step-content{border:1px solid #cccccc; box-sizing:border-box; padding:25px 20px;}
.step-content > ul > li{float:left;position:relative; vertical-align:top; word-break: keep-all;}
.step-content > ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.step-content > ul > li:before{width:18px; height:35px; content:""; position:absolute; top:80px; left:-16px;
background: url(/images/common/ico/ico_step_type1.png) no-repeat center; display:block;}
.step-content > ul > li .step-icon{width:120px; height:120px; border-radius:100%; box-sizing:border-box; line-height:120px; text-align:center; margin:0 auto;}
.step-content > ul > li .step-icon > span img{display:inline-block; text-align:center; vertical-align:middle;}
.step-content > ul > li.step-1:before{background:none; padding-left:0;}
.step-content > ul > li.step-1 .step-icon{background:#99b3c6}
.step-content > ul > li.step-2 .step-icon{background:#8ca9bf}
.step-content > ul > li.step-3 .step-icon{background:#7396b1}
.step-content > ul > li.step-4 .step-icon{background:#4c799b}
.step-content > ul > li.step-5 .step-icon{background:#265c86}
.step-content > ul > li.step-6 .step-icon{background:#004071}

.step-content > ul > li strong{display:block; text-align:center; color:#004071; font-weight:400; font-size:18px; margin-bottom:10px;}
.step-content > ul > li .step-info{margin-top:30px;}
.step-content > ul > li .step-info p{margin-top:20px; text-align:center; line-height:24px;}

.events-step-content > ul.events-step-1 > li{width:20%;}
.events-step-content > ul.events-step-1 > li.step-2:before{background:none; padding-left:0;}
.events-step-content > ul.events-step-2 > li{width:16.66%;}
.events-step-content > ul.events-step-2 > li.step-1{width:16%;}
.events-step-content > ul.events-step-2 > li.step-2{width:17.77%;}
.events-step-content > ul.events-step-2 > li.step-3{width:16%;}

.facilities-step-content > ul.facilities-step-1 > li{width:16.66%;}

.group-step-content > ul.group-step-1 > li{width:33.3%;}
.group-step-content > ul.group-step-1 > li.step-2:before{background:none; padding-left:0;}

.common-layout-box-type{margin-top:20px; padding-top: 20px; border-top: 1px dashed #ccc;}
.common-layout-box-right .common-layout-box-input-list-type1 .common-layout-box-input p.black-txt{color:#333333; font-size:18px;}
.common-layout-box-right .common-layout-box-input-list-type1 .common-layout-box-input strong.layout-box-tit{color:#004071; font-size:20px; font-weight:normal; font-family:'notokr-medium';}
.select-list:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.select-list li{width: calc(100% / 3); margin-right:0; background: #f1f1f1; padding: 9px;float:left;  border-right:8px solid #fff; box-sizing:border-box;}
.select-list li span{display:inline-block !important; font-family: 'notokr-regular' !important; vertical-align:middle;}
.select-list li .filter-item-delete {width: 14px; height: 14px;  border: 0;  background: url(/images/common/btn/btn_popup_blue_close_type1.png) no-repeat;
background-size: 14px;  margin-left:38px !important;float:none !important;  vertical-align:middle;}
.common-layout-box-txt-select  > li{margin-top:20px; padding-top:20px; border-top: 1px dashed #ccc;}
.common-layout-box-txt-select  > li:first-child{border-top:0; padding-top:0}

.payment-txt{display:block;}

/*0920 css 추가*/
.pay-box-type1{margin-top:15px;}
.pay-box-type1 > .common-layout-box-input{border:0; background:#f8f8f8}
.pay-box-type1 > .common-layout-box-input > .common-layout-box-header{font-size:16px}
.pay-box-type1 > .common-layout-box-input .name{padding-left:15px; display:inline-block; }
.pay-box-type1 > .common-layout-box-input .common-form-input-type3 li{margin-top:15px;}
.pay-box-type1 > .common-layout-box-input .common-form-input-type3 li strong{color:#333333; font-weight:normal; font-family:'notokr-medium';}
.pay-box-type1 > .common-layout-box-input .common-form-input-type3 li > div{margin-top:5px}
.pay-box-type1 > .common-layout-box-input .common-form-input-type3 li > div > .select-box-type{background: url(/images/common/ico/ico_blue_arrow2.png) #fff no-repeat 97% center;}

/*1016 css 추가*/
.refund-txt-item{margin-top:25px}
.refund-txt-item strong{display:block; margin-bottom:10px; font-size: 20px; color: #004071; font-weight: 400; font-family: 'notokr-medium';}


.login-container .login-txt-type1{color:#004071; font-size:16px; line-height:21px; text-align:center; margin-bottom:50px;}

/* 휴면 계정 */
.common-form-content-type2 .common-form-header{border-bottom:0;}
.common-form-content-type2 .common-form-txt{text-align:center; line-height:28px; padding-bottom:40px}
.common-form-content-type2 .common-form-txt > p:nth-child(2){margin:5px 0}
.common-form-content-type2 .common-form-txt > p.blue-txt-type1 > em{font-size:18px}
.common-form-content-type2 .btn-center-area li{width:40%}
.common-form-content-type2 .btn-center-area li:last-child{width:56%}
.common-form-content-type2 p.black-txt {font-size:15px; color:#333; text-align:center;}
.common-form-content-type2 p.black-txt > strong{ display:inline-block; color:#333; font-size:15px; margin-bottom: 0; font-weight:bold}
.common-form-content-type2 .btn-center-area2 li{width:48%}
.common-form-content-type2 .btn-center-area2 li:last-child{width:48%;}
.common-form-content-type2 .common-form-input-type1{border-bottom:0; padding-bottom:0}

/*200519 고도화작업 css 추가*/
.all-check-type label {border:1px solid #aaa; box-sizing: border-box; width:120px; height:40px; line-height:38px; text-align:center; border-radius: 3px;}
.all-check-type input[type="checkbox"]:checked ~ label {color: #fff; background: #004071;}
.all-check-type input[type="checkbox"]:checked ~ label i {background-image: url(/images/common/ico/ico_chk_type1_checked.png);}
.deadline-txt{display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index:10}
.deadline-txt > p{color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.deadline-cont-box .txt{font-size: 16px; color: #555555; text-align: center; font-family: 'notokr-regular'; padding: 18px 0;}
.deadline-mark{display:inline-block; width:48px; height:27px; line-height:27px; text-align:center; color:#fff; border-radius: 3px;font-style:normal;
font-size: 16px; font-weight: normal; font-family: 'notokr-regular'; vertical-align: middle;  background:#666666;}
.mb50 {margin-bottom: 50px !important;}
.mt50 {margin-top: 50px !important;}
.row-style2-link tbody tr td{padding:0;}
.row-style2-link tbody tr td > a{display:block; padding:19px 5px;}
.row-style2-link .status-type-area{margin:10px 0;}

/*200616 고도화작업 css 추가*/
.necessary-txt2{text-align:right;}
.common-form-header2{padding:25px 0 15px 0}
.privacy-lay-table{width:98%;  border-collapse: collapse;  border-spacing: 0;}
.privacy-lay-table th{color: #666; font-size: 14px;  background-color: #f5f5f5; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
padding:5px 0;  font-weight: 400;}
.privacy-lay-table td{padding: 5px 10px; border-bottom: 1px solid #ccc; border-right:1px solid #ccc}
.privacy-lay-table td.last{border-right:0}
.nodata-txt{padding:20px 0}

/*200728 css 추가*/
.red-txt-type3{display:block; color:#ff0000; font-size:14px;}

/*2021 css 추가*/
.common-layout-box-type2 .common-layout-box-right .round-list {margin-top:20px}
.common-layout-box-type2 .common-layout-box-right .round-list .common-layout-box-input-list-type1 .common-layout-box-input .common-layout-box-txt{float: left; width: calc(100% - 130px);}

.common-option-container .common-option-content .common-option-box.common-option-box-type3{float:none}
.common-option-container .common-option-content .common-option-box .option-content .reservation-list{width:820px; margin:0 auto}
.common-option-container .common-option-content .common-option-box .option-content .reservation-list:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.common-option-container .common-option-content .common-option-box .option-content .reservation-list li{float:left; width:253px; margin:25px 30px 0 0; text-align:center; color:#333;
font-size:19px;  font-family: 'notokr-medium'; }
.common-option-container .common-option-content .common-option-box .option-content .reservation-list li:nth-child(3n+0){margin-right:0}

.reservation-list-type2{width:796px; margin:50px auto}
.reservation-list-type2 li{float:left; display:table; width: 368px; height: 380px;margin-right:30px;}
.reservation-list-type2 li:last-child{margin-right:0}
.reservation-list-type2 li a{display:table-cell; vertical-align: middle;; width:100%; height:100%; text-align:center; background: #fff; }
.reservation-list-type2 li a p{margin-top:60px; font-size:24px; color:#202020; font-family: 'notokr-medium'; }

.common-layout-box-type2 .common-layout-box-left .info-area .img-type.type2{height:320px}
.reservation-tit{width:100%; height:50px; margin-bottom:40px; line-height:50px; color:#f8f8f8; font-size:18px; text-align:center; font-family: 'notokr-medium'; background: #004071;}
.reservation-tit > span{padding-left:20px; margin-left:20px; position: relative; font-size:16px; font-family: 'notokr-light'; }
.reservation-tit > span:before{position: absolute; top:3px; left:0; width:1px; height:16px; content:""; background: #b2c5d4;}
.black-txt.date{display:inline-block; padding:0 25px; margin-left:15px; height:40px; line-height:40px; font-size:16px; background: #f1f1f1; color:#555555 !important;;}

.common-layout-box-type2 .common-layout-box-left .info-area .info-list.type2 > li em {width:125px;}
.common-layout-box-type2 .common-layout-box-left .info-area .info-list > li > p.txt{line-height:28px}

.price{font-size:18px}
.common-layout-box-cont-type1.type2 .sort-table td{vertical-align: top; padding:2% 0}
.common-layout-box-cont-type1.type2 .sort-table td.v-c{line-height:40px}
.common-layout-box-cont-type1.type2{border: 1px solid #ccc; border-top: 2px solid #004071; box-sizing: border-box; padding: 30px; margin-top:10px}

.common-layout-box-left h4.tit-t{color:#333333; font-weight:400; font-style:normal;font-family:'notokr-medium'; font-size:24px; line-height:24px; position: relative}

.common-layout-box-cont-type1.type2 .common-layout-box-header{display:block; font-weight:400; font-style:normal;font-family:'notokr-medium';color:#004071;  font-size:20px; line-height:20px; margin-bottom:18px;}
.common-layout-box-input-list-type2 .common-layout-box-input .total-txt-type1.type2 .total-payment{float:none}

.sort-table.type2 td{padding:5px 0}
.form-complete p{font-size: 24px; margin-top:25px}

.recommend-section{padding:60px 0 0 0; background: #f8f8f8;}
.recommend-section .recommend-swiper-container{padding:45px 0 90px 0}
.recommend-section .recommend-swiper-container .swiper-slide{width:276px;}
.recommend-section .recommend-swiper-container .swiper-slide .recommend-img a{display:block;}
.recommend-section .recommend-swiper-container .swiper-slide img{display:block; vertical-align: middle}
.recommend-section .recommend-swiper-container .swiper-slide .recommend-txt{text-align:center; margin-top:15px}
.recommend-section .recommend-swiper-container .swiper-slide .recommend-txt dt{color:#202020; font-size:20px;font-family:'notokr-medium'; margin-bottom:8px; }

.recommend-section h2{margin-bottom:25px; text-align:center; color:#004071; font-size:24px;  font-style:normal; font-family:'notokr-medium'; font-weight: 400}
.recommend-section h3{text-align:center; color:#004071; font-size:48px;  font-style:normal; font-family:'notokr-medium'; font-weight: 400}

.common-layout-box-type2 .common-layout-box-right .round-list .common-layout-box-input-list-type1 .common-layout-box-input .common-layout-box-txt > a{color:#004071; font-size:20px;
font-family:'notokr-medium'; }
.common-layout-box-type2 .common-layout-box-right .round-list .common-layout-box-input-list-type1 .common-layout-box-input .common-layout-box-txt > a .check-image{
    display:inline-block; width:16px;height:18px; background-image: url(/images/common/ico/ico_chk_type2_unchecked.png);background-repeat: no-repeat;
    cursor: pointer; vertical-align:middle; background-size:16px; margin-right:10px}
.common-layout-box-right .common-layout-box-input-list-type1.type3 .common-layout-box-input > span{float:right; color:#555; font-size:16px; font-family:'notokr-medium'; }
.common-layout-box-right .common-layout-box-input-list-type1.type3 .common-layout-box-input b.black-txt-type2{color:#0878c0; font-weight: normal;}
.common-layout-box-right .common-layout-box-input-list-type1.type3 .folding-txt{clear:both; display:none;}
.common-layout-box-right .common-layout-box-input-list-type1.type3 .folding-txt .inpt-wrap{display:block; padding:20px 0 0 28px}
.common-layout-box-right .common-layout-box-input-list-type1.type3 .folding-txt span{display:inline-block; color:#aaa;  font-family:'notokr-regular';}
.common-layout-box-right .common-layout-box-input-list-type1.type3 .folding-txt b{font-weight:normal; color:#555}
.common-layout-box-right .common-layout-box-input-list-type1.type3 .folding-txt .inpt-wrap .inpt-wrap-list li{margin-top:10px}
.common-layout-box-right .common-layout-box-input-list-type1.type3 .folding-txt .inpt-wrap .inpt-wrap-list li:first-child{margin-top:0}
.common-layout-box-type2 .common-layout-box-right .round-list .common-layout-box-input-list-type1 .common-layout-box-input .common-layout-box-txt > a.on .check-image{background-image: url(/images/common/ico/ico_chk_type2_checked.png);}
.reservation-box{}
.qr-code{text-align:center; padding-bottom:70px; position:relative}
.qr-code .btn-print{display:block; width:58px; height:58px; position:absolute; right:0}
.layout-board-tab-type1.type2 li{width:25%;}

/*2021.07.21 css 추가*/

/*20210811 css추가*/
.common-option-container .common-option-content-2 .common-option-box-type1.type2{width:450px;}
.common-option-container .common-option-content-2 .common-option-box-type2{width:370px}
.common-option-container .common-option-content-2 .common-option-box-type1{width:220px}
#rounds label.disabled{color:#999}
#rounds .inpt-wrap-list3 > li:nth-child(3n+0){margin-right:0}
#rounds .inpt-wrap-list3 > li:nth-child(4n+0){margin-right:5px}

.select-list.select-list2 li .filter-item-delete{width:11px; height:11px; background: url(/images/common/btn/btn_popup_blue_close_type1.png) no-repeat; background-size: 11px; margin-left:0 !important }

/*20211210 css추가*/

@media print {
.btn-center{display:none}
}

/*20220902 css 추가*/
.common-form-header.join-form-header{border-bottom:0; padding-bottom:0}
.join-tab-cont{display:none}
.join-form-nav{display:flex; border-bottom:1px solid #ccc; align-items: center;}
.join-form-nav li{flex:1; }
.join-form-nav li a{padding-bottom:10px; color:#888888; font-size:16px; display: block;}
.join-form-nav li a.on{color:#004071; font-family:'notokr-medium'; position: relative; }
.join-form-nav li a.on:after{width:100%; height:2px; position: absolute; bottom:0; left:0; background: #004071; content:""}