@charset "utf-8";
@import url('bootstrap.css');




@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}










/* COMMON */





html {-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;text-size-adjust: none; padding: 0; margin: 0; }





body {font-family: "Noto Sans KR", sans-serif;padding: 0; margin: 0; color: #777777; font-weight: 400; word-spacing: -0.2px;word-break: keep-all}





ul,ol,dl {list-style: none; margin: 0; padding: 0;}





h1, h2, h3, h4, h5, h6, p {}


ul,ol,dl,li {list-style:none;margin-bottom:0;}


label {font-weight:normal;}


p {margin:0;}


address {margin:0;}




div{display: block; position: relative}









/* LINK */


a{color:inherit}


a, a:hover, a:focus, a:visited {color:inherit;text-decoration:none;outline:0;-webkit-transition: all 0.3s;transition: all 0.3s;}

a:hover{color: inherit}









/* FORMS */





.form-control {}





select.form-control {background:#fff url(../img/arr_partner.png) no-repeat 100% 50%;padding-top: 0;padding-bottom: 0;padding-right:30px;background-size: 30px; -webkit-appearance:none;-moz-appearance:none;appearance:none;line-height: normal; position: relative;}





select::-ms-expand {display:none;}





input.calendar {background:#fff url(../img/ico_cal.png) no-repeat 100% 50%;}





.radio label, .checkbox label, .radio-inline, .checkbox-inline {padding-left: 23px;}





.radio-inline label, .checkbox-inline label {padding-left: 0;}





.checkbox {}





.checkbox label:before {content: ""; display: inline-block; position: absolute; width: 18px; height: 18px; left: 0; top: 50%;margin-top: -9px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff;}





.checkbox label:after {display: inline-block; position: absolute; width: 18px; height: 18px; text-align: center; left: 0; top: 50%;margin-top: -9px; line-height: 1.3; color: #555;font-family: 'LineAwesome'; font-weight: bold}





.checkbox input[type="checkbox"] {opacity: 0;}





.checkbox input[type="checkbox"]:checked + label:after {content: "\f17b";}





.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65;}





.checkbox input[type="checkbox"]:disabled + label:before {background-color: #eeeeee; cursor: not-allowed;}





.checkbox.checkbox-circle label:before {border-radius: 50%;width: 18px; height: 1.4em;}





.checkbox.checkbox-toggle label {padding-left: 3.5em;}





.checkbox.checkbox-toggle label:before {content: "";width: 3em;height: 18px; border-radius: 20px;border: 1px solid #ddd; background: none; z-index: 1}





.checkbox.checkbox-toggle label:after {content: "";width: 18px;height: 18px; left: 0; top: 0;border: 2px solid #fff; border-radius: 50%; background: #bbb; transition: left 0.3s;}





.checkbox.checkbox-toggle input[type="checkbox"]:checked + label:before {}





.checkbox.checkbox-toggle input[type="checkbox"]:checked + label:after {content: ""; left: 18px; background: #555; transition: left 0.3s;}





.checkbox.checkbox-xs label {font-size: 0.9em}





.checkbox.checkbox-lg label {font-size: 1.23999em}





.radio {}





.radio label:before {content: ""; display: inline-block; position: absolute; width: 18px; height: 18px; left: 0;top: 50%;margin-top: -9px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff;}





.radio label:after {display: inline-block; position: absolute; width: 18px; height: 18px; text-align: center; left: 0; top: 50%;margin-top: -9px; line-height: 1.3; color: #555;font-family: 'LineAwesome'; font-weight: bold}





.radio input[type="radio"] {opacity: 0;}





.radio input[type="radio"]:checked + label:after {content: "\f17b";}





.radio input[type="radio"]:disabled + label {opacity: 0.65;}





.radio input[type="radio"]:disabled + label:before {cursor: not-allowed;}





.radio.radio-xs label {font-size: 0.9em}





.radio.radio-lg label {font-size: 1.2em}











.file-upload {position:relative;}





.file-upload input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}





.file-upload label {display:inline-block;margin-right: 10px;}





.file-upload .upload-name {display:inline-block;max-width: 55%;}











.form-group {overflow: hidden;margin-left: -2px;margin-right: -2px;margin-bottom: 0;}





.form-group+.form-group {margin-top: 5px;}





.form-group .bar {float: left;line-height: 32px;vertical-align: middle;padding: 0 2px;}





.form-group>div {padding: 0 2px;}





.form-group>.btn {margin: 0 2px;}





.form-group .bar {width: 5%; text-align:center;}





.form-group select {width:100%;}





.form-group:last-child {margin-bottom: 0;}





.form-group .help-block {margin: 0;}























/* BUTTON */





.btn.icon {padding: 0;background: none;}





.btn.icon img {margin:0;}





.btn-link, .btn-link:hover, .btn-link:active,.btn-link:focus {color:inherit;text-decoration: none;}





.btn.line.white {background:none !important;border-color:#fff;color:#fff}





.btn.line.red {border-color:#e60b00;color:#e60b00}





.btn.line.green {border-color:#2ab6ae;color:#2ab6ae}





.btn.line.blue {color:#00abcd;}





.btn.line.darkblue {color:#006ec7}





.btn.line.gray {border-color:#ccc;color:#333}





.btn.line.lightgray {color:#666}





.btn.line.brown {border-color:#3d2921;color:#3d2921}





.btn.line {background: none !important;border-color: #444;color: #333;}





.btn.red {background:#e60b00;border-color:#e60b00;color:#fff;}





.btn.green {background:#73a800;border-color:#73a800;color:#fff}





.btn.blue {background:#00abcd;border-color:#00abcd;color:#fff}





.btn.blue.tx {font-size:11px;}





.btn.darkblue {background:#006ec7;border-color:#006ec7;color:#fff}





.btn.lightblue {background: #00a1c8;border-color:#00a1c8;color:#fff;}





.btn.lightgray {background:#e8e8e8;border-color:#e8e8e8;color:#666}





.btn.dark {background:#24334a;border-color:#24334a;color:#fff;}





.btn.gray {background:#9b9b9b;border-color:#888;color:#fff;}





.btn.brown {background:#3d2921;border-color:#3d2921;color:#fff}





.btn.black {background:#222;border-color:#222;color:#fff}





.btn-box {margin: 40px 0 0;text-align:center}





.btn-box .btn {margin: 0 3px;}





.btn-box.line {border-top:1px solid #ddd;padding-top: 5%;}





.btn-box[class*=col] {overflow:hidden;margin-left: -1%;margin-right: -1%;}





.btn-box[class*=col] .btn {float: left;}





.btn-box.col-2 .btn {width:48%;margin:0 1%;}





.btn-box.col-3 .btn {width:31.3333%;margin:0 1%;}





.btn-group>.btn-group+.btn-group .btn {border-left: 0;}











/* TABLE */





.table { margin: 0; border:0; border-spacing:0; padding:0; border-collapse:collapse;}





.table tr > th {font-weight: 600;}





.table > thead > tr > th,





.table > tbody > tr > th,





.table > tfoot > tr > th,





.table > thead > tr > td,





.table > tbody > tr > td,





.table > tfoot > tr > td {padding: 12px 15px;border-color: #e5e5e5}





.table thead+tbody {border-top: 2px solid #00abcd;}





.table.center th, table.center td {text-align: center;}





.table.center td.left, .table.center td.title {text-align: left;}





.table.table-form th {border-top: 1px solid #ddd;line-height: 30px;vertical-align: top;}





.table.table-form td {padding-top: 12px;border-top: 1px solid #ddd;}





.table.top th, table.top td {vertical-align: top;}

















/* TAB */





.tab-nav {position:relative;overflow: hidden;height: 40px;margin-bottom: 30px;text-align: center;}





.tab-nav:after {content: "";display: block;position: absolute;left: 0;right: 0;bottom: 0;border-bottom: 2px solid #00abcd;}





.tab-nav ul {font-size: 0;}





.tab-nav li {display: inline-block;min-width: 15%;font-size: 15px;}





.tab-nav li a {display: block;line-height: 38px; border: 1px solid #ddd;background: #f8f8f8; color: #666; text-align: center;}





.tab-nav li+li a {margin-left: -1px;}





.tab-nav li.active a {border-color: #00abcd;border-width: 2px; border-bottom-color: #fff; color: #00abcd; background: #fff; position: relative; z-index: 1;margin-left: 0;}











.tab-nav.inner:after {display: none;}





.tab-nav.inner li {min-width:inherit;}





.tab-nav.inner li a {border:0;background:none;line-height: normal;padding: 0 10px;}





.tab-nav.inner li+li a {border-left:1px solid #eee;margin-left: 0;}





.tab-nav.inner li.active a {border-color:#eee;border-width:1px;background:none;color:#00abcd}

















.tab-contents {}





.tab-contents .tab-item {display:none;padding:0px;}





.tab-contents .tab-item.active {display: block}























/* LIST */





ul.bullet li {padding-left:10px;background:url(../img/bul_bluex4.png) no-repeat 0 8px;line-height: 1.6}





ul.bullet.type2 li {background:url(../img/bul_brown4.png) no-repeat 0 8px;}





ul.bullet li+li {margin-top: 5px;}





ul.bar li {padding-left:10px;}





ul.bar li:before {content:"-";margin-left:-10px;display:inline-block;width:10px;}





.list-table {display: table;width: 100%;}





.list-table .cell {display: table-cell;width: 1%; vertical-align: middle;}

















/* TEXT STYLE */





small, .small {font-size: 95%}





.text-xs {font-size:80%;}





.text-sm {font-size:90%;}





.text-lg {font-size:105%;}





.text-xlg {font-size:110%;}





.text-xxlg {font-size:120%;}





.light {font-weight:300;}





.normal {font-weight:400;}





.bold {font-weight:500;}





.bolder {font-weight:700;}





.nowrap {display:block;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;}





.block {display:block;}





.inline {display:inline-block;width: auto;}





.underline {text-decoration:underline}





.text-blue {color:#005fda}





.text-red {color:#b13636}





.text-orange {color:#ff7800}





.text-black {color:#222}





.text-green {color:#2ab6ae}





.text-right {text-align: right !important;}





.text-left {text-align: left !important;}





.text-center {text-align: center !important;}





.lead {margin: 0}





.help-block {margin: 0;}











.breadcrumb {margin: 0;color: #888;background: none; padding: 0;}





.breadcrumb>li {display:inline-block}





.breadcrumb>li+li:before {padding:0 5px;color:#ccc;content:">"}











/* PAGINATION */





.pagination {text-align:center;margin:5% auto;display:block;border-radius:0;overflow:hidden;font-size: 0;clear:both}





.pagination a {display:inline-block;vertical-align:top;width:25px;height:25px;line-height:25px;margin: 0 2px;font-size: 12px;}





.pagination .active {color:#fff;background: #00abcd;border-color: #00abcd; position:relative;z-index:1;}





.pagination a:hover {background: #f4f4f4;}





.pagination .prev,.pagination .first,.pagination .next,.pagination .end {border:1px solid #ddd;}























/* ETC. */





.scrollable-container {position:relative;}





.scrollable {overflow:hidden;overflow-y:auto;height:100%;-webkit-overflow-scrolling:touch;position:relative;}





.scrollable.horizontal {overflow-y:hidden;overflow-x:auto;}





.scrollable.horizontal.vertical {overflow:auto;}





.scrollable.horizontal {width:100%;overflow-y:hidden;overflow-x:auto;position:static;padding:0;}





.scrollable.horizontal table {min-width:500px;width:auto}





.slide-control {display:none}





.divider {font-size:0;height:1px;background:#e0e0e0;margin:20px 0;}





#skippy {position:absolute;padding:10px;display:inline-block;border:2px solid #eee;background:#fff;z-index:9999;}





#mask {background:#000;opacity: 0.7;position:fixed;width:100%;top:0;right:0;left:0;bottom:0;z-index:100;}





.browser-mask {background:rgba(0, 0, 0, 0.7);position:fixed;width:100%;top:0;right:0;left:0;bottom:0;z-index:9998;}





.browser-upgrade {position:fixed;top:0;left:0;width:100%;background:#f7f7f7;border-bottom:2px solid #f5b63b;color:#000;font-family:sans-serif;margin:0 0 1em;padding:1em 0;text-align:center;z-index:9999;}











.modal {text-align: center;padding: 0!important;}





.modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}





.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}











/* POPUP */





.popup {position: fixed; min-width: 400px; background: #fff; display:none; overflow: hidden; z-index:601}





.popup .popup-header {width:100%;background: #006ec7; position: relative;z-index:2;}





.popup .popup-header img {margin-right:5px;}





.popup .popup-header h1 {padding:0 15px;line-height: 50px; font-size: 18px; color: #fff;margin: 0;}





.popup .popup-header .close {position:absolute;right:10px;top:15px;height: 100%;line-height: 1; background: none; outline: 0; padding: 0; border: 0;font-size: 0; color: #fff; opacity: 1;}





.popup .popup-header .close:before {content: "\f342"; font: normal normal normal 20px/1 LineAwesome}





.popup .popup-body {padding: 30px 20px;background:#fff;}





.popup .popup-body .table {border-top: 1px solid #333;}





.popup .popup-body .table th {font-weight: 600; white-space: nowrap}





.popup .popup-footer {padding: 30px 0;background: #fbfbfb;text-align: center;}





.popup .popup-footer .btn {min-width: 20%;font-weight: bold}





.popup.popup-blue .popup-header {background: #00abcd;}





.popup.popup-sm {min-width: 300px;}





.popup.popup-lg {min-width: 600px;}





























/* BOX STYLE */





.font13{font-size: 13px}





.panel+.panel {margin-top: 15px;}





.pd {padding: 15px;}





.pdx2 {padding: 30px;}





.pdx3 {padding: 45px;}





.g-box {background:#f6f6f6;}





.b-box {border:1px solid #ddd;}





.w-box {background:#fff;}





.wp-100 {width:100% !important;}





.wp-95 {width:95% !important;}





.wp-90 {width:90% !important;}





.wp-80 {width:80% !important;}





.wp-70 {width:70% !important;}





.wp-60 {width:60% !important;}





.wp-55 {width:55% !important;}





.wp-50 {width:50% !important;}





.wp-45 {width:45% !important;}





.wp-40 {width:40% !important;}





.wp-35 {width:35% !important;}





.wp-30 {width:30% !important;}





.wp-25 {width:25% !important;}





.wp-20 {width:20% !important;}





.wp-10 {width:10% !important;}





.wp-5 {width:5% !important;}





.w-5 {width:5% !important;}





.m-0 {margin-top:0 !important;margin-right:0 !important;margin-bottom:0 !important;margin-left:0 !important;}





.p-0 {padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important;padding-left:0 !important;}





.p-15 {padding-top:15px !important;padding-right:15px !important;padding-bottom:15px !important;padding-left:15px !important;}





.p-30 {padding-top:30px !important;padding-right:30px !important;padding-bottom:30px !important;padding-left:30px !important;}





.mt-0 {margin-top:0 !important;}





.mt-5 {margin-top:5px !important;}





.mt-10 {margin-top:10px !important;}





.mt-15 {margin-top:15px !important;}





.mt-20 {margin-top:20px !important;}





.mt-30 {margin-top:30px !important;}





.mt-40 {margin-top:40px !important;}





.mt-50 {margin-top:50px !important;}





.mt-60 {margin-top:60px !important;}





.mt-70 {margin-top:70px !important;}





.mt-80 {margin-top:80px !important;}





.mt-90 {margin-top:90px !important;}





.mt-100 {margin-top:100px !important;}





.mt-110 {margin-top:110px !important;}





.mt-120 {margin-top:120px !important;}





.mt-130 {margin-top:130px !important;}





.mt-140 {margin-top:140px !important;}





.mt-150 {margin-top:150px !important;}





.mr-0 {margin-right:0 !important;}





.mr-5 {margin-right:5px !important;}





.mr-10 {margin-right:10px !important;}





.mr-15 {margin-right:15px !important;}





.mr-20 {margin-right:20px !important;}





.mr-25 {margin-right:25px !important;}





.mr-30 {margin-right:30px !important;}





.mr-40 {margin-right:40px !important;}





.mr-50 {margin-right:50px !important;}





.mr-60 {margin-right:60px !important;}





.mr-70 {margin-right:70px !important;}





.mr-80 {margin-right:80px !important;}





.mr-90 {margin-right:90px !important;}





.mr-100 {margin-right:100px !important;}





.mr-110 {margin-right:110px !important;}





.mr-120 {margin-right:120px !important;}





.mr-130 {margin-right:130px !important;}





.mr-140 {margin-right:140px !important;}





.mr-150 {margin-right:150px !important;}





.mb-0 {margin-bottom:0 !important;}





.mb-5 {margin-bottom:5px !important;}





.mb-10 {margin-bottom:10px !important;}





.mb-15 {margin-bottom:15px !important;}





.mb-20 {margin-bottom:20px !important;}





.mb-30 {margin-bottom:30px !important;}





.mb-40 {margin-bottom:40px !important;}





.mb-50 {margin-bottom:50px !important;}





.mb-60 {margin-bottom:60px !important;}





.mb-70 {margin-bottom:70px !important;}





.mb-80 {margin-bottom:80px !important;}





.mb-90 {margin-bottom:90px !important;}





.mb-100 {margin-bottom:100px !important;}





.mb-110 {margin-bottom:110px !important;}





.mb-120 {margin-bottom:120px !important;}





.mb-130 {margin-bottom:130px !important;}





.mb-140 {margin-bottom:140px !important;}





.mb-150 {margin-bottom:150px !important;}





.ml-0 {margin-left:0 !important;}





.ml-5 {margin-left:5px !important;}





.ml-10 {margin-left:10px !important;}





.ml-15 {margin-left:15px !important;}





.ml-20 {margin-left:20px !important;}





.ml-30 {margin-left:30px !important;}





.ml-40 {margin-left:40px !important;}





.ml-50 {margin-left:50px !important;}





.ml-60 {margin-left:60px !important;}





.ml-70 {margin-left:70px !important;}





.ml-80 {margin-left:80px !important;}





.ml-90 {margin-left:90px !important;}





.ml-100 {margin-left:100px !important;}





.ml-110 {margin-left:110px !important;}





.ml-120 {margin-left:120px !important;}





.ml-130 {margin-left:130px !important;}





.ml-140 {margin-left:140px !important;}





.ml-150 {margin-left:150px !important;}





.pt-0 {padding-top:0 !important;}





.pt-5 {padding-top:5px !important;}





.pt-10 {padding-top:10px !important;}





.pt-15 {padding-top:15px !important;}





.pt-20 {padding-top:20px !important;}





.pt-30 {padding-top:30px !important;}





.pt-40 {padding-top:40px !important;}





.pt-50 {padding-top:50px !important;}





.pt-60 {padding-top:60px !important;}





.pt-70 {padding-top:70px !important;}





.pt-80 {padding-top:80px !important;}





.pt-90 {padding-top:90px !important;}





.pt-100 {padding-top:100px !important;}





.pt-110 {padding-top:110px !important;}





.pt-120 {padding-top:120px !important;}





.pt-130 {padding-top:130px !important;}





.pt-140 {padding-top:140px !important;}





.pt-150 {padding-top:150px !important;}





.pr-0 {padding-right:0 !important;}





.pr-5 {padding-right:5px !important;}





.pr-10 {padding-right:10px !important;}





.pr-15 {padding-right:15px !important;}





.pr-20 {padding-right:20px !important;}





.pr-30 {padding-right:30px !important;}





.pr-40 {padding-right:40px !important;}





.pr-50 {padding-right:50px !important;}





.pr-60 {padding-right:60px !important;}





.pr-70 {padding-right:70px !important;}





.pr-80 {padding-right:80px !important;}





.pr-90 {padding-right:90px !important;}





.pr-100 {padding-right:100px !important;}





.pr-110 {padding-right:110px !important;}





.pr-120 {padding-right:120px !important;}





.pr-130 {padding-right:130px !important;}





.pr-140 {padding-right:140px !important;}





.pb-0 {padding-bottom:0 !important;}





.pb-5 {padding-bottom:5px !important;}





.pb-10 {padding-bottom:10px !important;}





.pb-15 {padding-bottom:15px !important;}





.pb-20 {padding-bottom:20px !important;}





.pb-30 {padding-bottom:30px !important;}





.pb-40 {padding-bottom:40px !important;}





.pb-50 {padding-bottom:50px !important;}





.pb-60 {padding-bottom:60px !important;}





.pb-70 {padding-bottom:70px !important;}





.pb-80 {padding-bottom:80px !important;}





.pb-90 {padding-bottom:90px !important;}





.pb-100 {padding-bottom:100px !important;}





.pb-110 {padding-bottom:110px !important;}





.pb-120 {padding-bottom:120px !important;}





.pb-130 {padding-bottom:130px !important;}





.pb-140 {padding-bottom:140px !important;}





.pb-150 {padding-bottom:150px !important;}





.pl-0 {padding-left:0 !important;}





.pl-5 {padding-left:5px !important;}





.pl-10 {padding-left:10px !important;}





.pl-15 {padding-left:15px !important;}





.pl-20 {padding-left:20px !important;}





.pl-30 {padding-left:30px !important;}





.pl-40 {padding-left:40px !important;}





.pl-50 {padding-left:50px !important;}





.pl-60 {padding-left:60px !important;}





.pl-70 {padding-left:70px !important;}





.pl-80 {padding-left:80px !important;}





.pl-90 {padding-left:90px !important;}





.pl-100 {padding-left:100px !important;}





.pl-110 {padding-left:110px !important;}





.pl-120 {padding-left:120px !important;}





.pl-130 {padding-left:130px !important;}





.pl-140 {padding-left:140px !important;}





.pl-150 {padding-left:150px !important;}





.pointer {
    cursor: pointer;
}

.mobile{display: none !important}
.mobile2{display:none}
.web2{display:inline-block !important}