/* Last modified :2015-08-25 ---------- */
/* @import url(../font/NanumBarunGothic/NanumBarunGothic.css); */
@import url(/css/NotoSansKR-Hestia.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(//fonts.googleapis.com/css?family=Comfortaa:300,400,500,600,700&display=swap);
@import url(//fonts.googleapis.com/css?family=Roboto:400,500,700);

/* Layout ---------- */
html, body {height:100%; -webkit-font-smoothing:antialiased; font-family:"Noto Sans KR", sans-serif; font-size:13px; word-break:keep-all;}
input, select, textarea, button, .form-control {border-radius:0; font-family:"Noto Sans KR", sans-serif; font-size:13px !important; color:inherit; line-height:1.615384615384615 !important;}
#wrap {min-height:100%; height:100% !important; height:auto;}
#wrap_sub {height:auto;}
#footer {min-height:300px; color:#909090; background-color:#222; }

/* Basic elements reset ---------- */
a {-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
h1,.h1 {font-weight:normal; font-family:"Noto Sans KR"; font-weight:500; font-size:24px; color:#1a1a1a;} /* font-weight:normal (Safari/ FF) ---------- */
h2,.h2 {font-weight:normal; font-family:"Noto Sans KR"; font-weight:500; font-size:19px; color:#1a1a1a;}
h3,.h3 {font-weight:normal; font-family:"Noto Sans KR"; font-weight:500; font-size:16px; color:#1a1a1a;}
h4,.h4 {font-weight:normal; font-family:"Noto Sans KR"; font-weight:500; font-size:15px; color:#1a1a1a;}
h5,.h5 {font-weight:normal; font-family:"Noto Sans KR"; font-weight:500; font-size:13px; color:#1a1a1a;}
h6,.h6 {font-weight:normal; font-family:"Noto Sans KR"; font-weight:500; font-size:12px; color:#1a1a1a;}
.Comfortaa {font-family:'Comfortaa' !important;}
.aa1 {font-size:44px}
.aa2 {font-size:20px;}
.aa_tit {color:#333333; !important}
@media screen and (max-width:767px) {
h1,.h1 {font-weight:normal; font-family:"Noto Sans KR"; font-weight:500; font-size:14px; color:#1a1a1a;} /* font-weight:normal (Safari/ FF) ---------- */
.aa1 {font-size:24px}
.aa2 {font-size:16px;}
}

::selection { background:#1CCCCA; color: #ffffff; text-shadow: none;}
::-moz-selection { background:#1CCCCA; color: #ffffff; text-shadow: none;}
::-webkit-selection { background:#1CCCCA; color: #ffffff; text-shadow: none;}

/* Block etc. ---------- */
section {padding:50px 0;}
section.content-type-text h1 {margin-top:0;}
section.content-type-text h1 + .dvs-sub{margin-bottom:30px;}
@media screen and (max-width:767px) {section {padding:40px 0;} section.content-type-text h1 {font-size:20px;}}

.content-type-text .row + .row, .content-type-text .row + hr + .row {margin-top:30px;}
.content-type-text .row + hr{margin-top:50px;}
@media (max-width:767px) {.row + hr{display:none; visibility:hidden;}}
.content-type-text .dvs-sub.db + .row h3:first-child {margin-top:0;}
.content-type-text h3 + summary > h5 {margin:15px 0 5px;}
summary {font-size:13px; line-height:1.615384615384615;}

/* Box ---------- */
.box {display:inline-block; max-width:100%; height:auto; float:left; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.box [class*='-body'] {padding:25px 25px 30px; text-align:justify;}
.box a.circle-primary60 + [class*='-body'] {padding-top:18px;}
.box [class*='-body'] h3 {margin-top:0;}
.box a.circle-primary60 + [class*='-body']:hover h3.title {color:#333333;}
.box-img {position:relative; display:block; width:100%; height:100%; overflow:hidden;}
.box-img img{max-width:100%; height:auto; display:block;}

/* Columns of equal height ---------- */
.inside {margin-top:20px; margin-bottom:20px;}
.inside-full-fh {height:100%; margin-top:0; margin-bottom:0;}

.row-fh {display:table; table-layout:fixed; height:100%; width:100%;}
.col-fh {display:table-cell; float:none; height:100%;}
.col-top {vertical-align:top;}
.col-middle {vertical-align:middle;}
.col-bottom {vertical-align:bottom;}

@media (min-width:480px) {
	.row-xs-fh {display:table; table-layout:fixed; height:100%; width:100%;}
	.col-xs-fh {display:table-cell; float:none; height:100%;}
	.col-xs-top {vertical-align:top;}
	.col-xs-middle {vertical-align:middle;}
	.col-xs-bottom {vertical-align:bottom;}
}
@media (min-width:768px) {
	.row-sm-fh {display:table; table-layout:fixed; height:100%; width:100%;}
	.col-sm-fh {display:table-cell; float:none; height:100%;}
	.col-sm-top {vertical-align:top;}
	.col-sm-middle {vertical-align:middle;}
	.col-sm-bottom {vertical-align:bottom;}
}
@media (min-width:992px) {
	.row-md-fh {display:table; table-layout:fixed; height:100%; width:100%;}
	.col-md-fh {display:table-cell; float:none; height:100%;}
	.col-md-top {vertical-align:top;}
	.col-md-middle {vertical-align:middle;}
	.col-md-bottom {vertical-align:bottom;}
}
@media (min-width:1200px) {
	.row-lg-fh {display:table; table-layout:fixed; height:100%; width:100%;}
	.col-lg-fh {display:table-cell; float:none; height:100%;}
	.col-lg-top {vertical-align:top;}
	.col-lg-middle {vertical-align:middle;}
	.col-lg-bottom {vertical-align:bottom;}
}

/* Padding, Margin, Gutter etc. ---------- */
.mg-b-20 {margin-bottom:20px !important;}
.mg-b-30 {margin-bottom:30px !important;}
.mg-b-40 {margin-bottom:40px !important;}
.mg-lr-0 {margin-left:0 !important; margin-right:0 !important;}
.pd-lr-0 {padding-left:0px !important; padding-right:0px !important;}
.pd-tb10-lr25 {padding:10px 25px !important;}

.gutter-20.row [class*='col-']{padding-left:10px; padding-right:10px;}
.gutter-20.row {margin-left:-10px; margin-right:-10px;}

.gutter-30.row [class*='col-']{padding-left:50px; padding-right:50px;}
.gutter-30.row {margin-left:-50px; margin-right:-50px;}

.va-m-ta-c {vertical-align:middle; text-align:center;}

/* Common Components ---------- */
/* typo ---------- */
.ff-Noto Sans KR {font-family:"Noto Sans KR"}
.ff-Noto Sans KR {font-family:"Noto Sans KR"}
.ff-os4 {font-family:"Open Sans"; font-weight:400 !important;}
.ff-os7 {font-family:"Open Sans"; font-weight:700 !important;}
.fs-17 {font-size:24px; line-height:26px;}
.fs-15 {font-size:18px; line-height:26px;}
.fs-14 {font-size:14px; line-height:24px;}
.fs-13 {font-size:13px; line-height:1.615384615384615 !important;}
.fs-12 {font-size:12px !important; font-weight:normal; font-family:"Noto Sans KR"; letter-spacing:-1px}

.text-ref {color:#F4511E;}
.text-date, .text-ref-cnt {color:#999999;}

footer cite {display:block; margin:15px 0 0; font-style:normal; color:#888;}
footer cite:before {content:'\2014 \00A0';}

.label.label-new {padding:.15em .55em .22em .5em; border-radius:.15em; background-color:#FF5722;}

/* Form ---------- */
.form-control {padding:7px 12px 5px; background:#fff; border-color:#afb1b3; position:relative; -webkit-appearance:none; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 2px rgba(0, 0, 0, .075); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.form-control:focus {background:#fff; border-color:#646566; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 2px rgba(0, 0, 0, .075);}
.form-control::-moz-placeholder {color:inherit;}
.form-control:-ms-input-placeholder {color:inherit;}
.form-control::-webkit-input-placeholder {color:inherit;}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline:none; outline-offset:0;}
textarea {resize:vertical;}
textarea.noresize {resize:none}

/* Table ---------- */
.table > thead > tr > th {border:1px solid #19b7b5; background-color:#1cccca; font-family:"Noto Sans KR", "Open Sans", sans-serif !important; color:#fff;}
.table-bordered {border-color:#009499;}
.table.va-m-ta-c th, .table.va-m-ta-c td {vertical-align:middle; text-align:center;}

/* Button ---------- */
.btn {padding:7px 12px 5px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.btn:focus, .btn:active, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:none; outline-offset:0; box-shadow:none;}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active{z-index:0;}

/* Accordion ---------- */
.panel-group .panel {-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; border:none;}
.panel-default > .panel-heading {padding:0; outline:none; border:none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; width:100%;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border:1px solid #f0f0f0; border-top:none; background-color:#fafafa;}
.panel-heading a {padding:15px 35px 12px 15px; display:inline-block; width:100%; background-color:#333333; font-size:13px; color:#ffffff; position:relative; text-decoration:none;}
.panel-transparent .panel-default > .panel-heading, .panel-transparent .panel-default > .panel-heading + .panel-collapse > .panel-body {background-color:transparent; color:inherit;}
.panel-transparent .panel-heading a {border:1px solid #007c80;}
.panel-transparent .panel-heading a.collapsed {color:#555; background-color:transparent; border:1px solid #f1f1f1;}
.panel-heading a:after {font-family:"FontAwesome"; content:"\f147"; position:absolute; right:15px; font-size:14px; font-weight:300; top:50%; line-height:1; margin-top:-7px;}
.panel-heading a.collapsed:after {content:"\f196";}
.panel-heading a:hover, .panel-transparent .panel-heading a:hover {text-decoration:none; border:1px solid #007c80; background-color:#333333; color:#ffffff;}
.panel-title a i {padding-right:10px;}

/* Sundries ---------- */
.cursor{cursor: pointer;}
.dropdown-toggle {cursor: pointer;}

.dvs-sub {display:block; position:relative; height:4px; margin-top:15px; margin-bottom:15px; background-color:#1cccca;}
.dvs-sub.db{width:40px;}
.dvs-sub.db:after {position:absolute; top:0; left:0; width:30px; height:4px; background-color:#1cccca; content:"";}
.dvs-sub.sg {width:30px; background-color:#ccc;}
.bg-primary .dvs-sub.sg {background-color:#fff;}
.dvs-sub.center {margin-left:auto; margin-right:auto;}
.dvs-sub.right {margin-left:auto;}

/* Loader ---------- */
.loading {background-image:url("../image/loader_bg0_40.gif"); background-repeat:no-repeat; background-position:center;}

/* Back to top ---------- */
.back-to-top {position:fixed; bottom:10px; right:8px; width:40px; height:40px; border-radius:2px; cursor:pointer; background-color:#171717; opacity:0.6; z-index:1000; display:none;}
.back-to-top i {width:40px; padding-top:5px; text-align:center; color:#fff;}
.back-to-top:active {background-color:#333333;}

/* Icon ---------- */
i.fa {font-family:"FontAwesome";}
a.btn-plus {display:inline-block; float:right; text-align:center;}
a.btn-plus > i.fa {margin:0 4px; font-weight:normal; font-size:14px;}
a.circle-primary60 {width:60px; height:60px; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; 	border-radius:100%; background-color:#1cccca; color:#fff; text-align:center; line-height:69px;}
.box-img:hover a.circle-primary60, a.box-img:active a.circle-primary60 {background-color:#333333;}

/* List ---------- */
.list-icons, .list {list-style:none; padding:0;}
.list-icons li, .list li {padding:5px 0;}
summary > .list-icons li {padding:0;}
summary > .list-icons li i[class*='fa-genderless'] {width:13px; margin-right:3px; font-size:11px; vertical-align:1px;}
.text-ref > i.fa-exclamation-circle {margin:0 4px 0 1px; vertical-align:-1px;}

/* Background ---------- */
.faq_rolling {background-image:url("../image/faq_bg2.jpg"); background-position:center; background-repeat:no-repeat;}
.bg-white {background-color:#fff;}
.bg-light-gray {background-color:#f5f6f7;}
.bg-light-gold {background-color:#ffffff;}
.bg-light-middle {background-image:url("../image/main_middle_bg.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover;}

/* Cover Image etc. ---------- */
.cover-img-area {position:relative; padding-top:90px; padding-bottom:90px; overflow:hidden; background-repeat:no-repeat; background-color:#080e15; background-position:center;}
.cover-img-area img {max-width:100% !important; height:auto !important;}
.cover-img-area:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.cover-img-area .title-container {position:relative; overflow:hidden; padding:5% 1px 6%; z-index:1;}
.cover-img-area .title-container .title>* {color:#fff; margin-bottom:0.35em;}
.cover-img-area .title-container .title > h1 {font-family:"Open Sans", "Noto Sans KR"; font-size:42px; text-transform:none; line-height:1em;}
.cover-img-area .title-container .subtitle>* {color:#fff; color:rgba(255, 255, 255, 0.95);}
.cover-img-area .title-container .subtitle > h2 {margin-top:0; font-family:"Open Sans", "Noto Sans KR"; font-size:20px; text-transform:none; line-height:1.4em;}
@media (max-width:767px) {.cover-img-area .title-container .title > h1 {font-size:26px;}	.cover-img-area .title-container .subtitle > h2 {font-size:14px;}}
.load-cover-img {background-position:center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; opacity:0; position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transition:opacity 2s ease; transition:opacity 2s ease;}
.zero-opacity {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

.profile-img-area {position:relative; overflow:hidden; min-height:300px; background-color:#fff; background-size:cover; background-repeat:no-repeat; background-position:center;}
@media (min-width:992px) {.profile-img-area{min-height:330px;}}

.metaphor-img-area {display:block; position:relative; overflow:hidden; min-height:400px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.metaphor-img-area .title-container {position:absolute; bottom:10px; padding:0 25px; z-index:1;}
.metaphor-img-area .title-container blockquote {padding:6px 15px 8px; font-size:14px; color:#fff; color:rgba(255, 255, 255, 0.90); line-height:1.4; border-left:2px solid #fff; border-color:rgba(255, 255, 255, 0.75);}
@media (max-width:767px) {.metaphor-img-area {margin:0 -15px !important; min-height:300px;} .metaphor-img-area .title-container {padding:5px 20px;}}

.metaphor-img-area2 {display:block; position:relative; overflow:hidden; min-height:600px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.metaphor-img-area2 .title-container {position:absolute; bottom:10px; padding:0 25px; z-index:1;}
.metaphor-img-area2 .title-container blockquote {padding:6px 15px 8px; font-size:14px; color:#666666; line-height:1.4; border-left:2px solid #666666;}
@media (max-width:767px) {.metaphor-img-area2 {margin:0 -15px !important; min-height:550px;} .metaphor-img-area2 .title-container {padding:5px 20px;}}

.metaphor-img-area3 {display:block; position:relative; overflow:hidden; min-height:500px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.metaphor-img-area3 .title-container {position:absolute; bottom:10px; padding:0 25px; z-index:1;}
.metaphor-img-area3 .title-container blockquote {padding:6px 15px 8px; font-size:14px; color:#666666; line-height:1.4; border-left:2px solid #666666;}
@media (max-width:767px) {.metaphor-img-area3 {margin:0 -15px !important; min-height:550px;} .metaphor-img-area3 .title-container {padding:5px 20px;}}

/* Phase ---------- */
.phase.phase-type-circle > .phase-step {padding:0; position:relative;}
.phase.phase-type-circle > .phase-step + .phase-step {}
.phase.phase-type-circle > .phase-step .phase-stepnum {text-transform:uppercase; color:#555; font-size:13px;}
.phase.phase-type-circle > .phase-step .phase-info {color:#888;}
.phase.phase-type-circle > .phase-step .phase-info h5 {line-height:1.4; margin-bottom:5px;}
.phase.phase-type-circle > .phase-step > .phase-dot {position:absolute; width:30px; height:30px; display:block; background:#ffecad; top:45px; left:50%; margin-top:-20px; margin-left:-15px; border-radius:50%;} 
.phase.phase-type-circle > .phase-step > .phase-dot:after {content:' '; width:14px; height:14px; background:#fbbd19; border-radius:50px; position:absolute; top:8px; left:8px;} 
.phase.phase-type-circle > .phase-step > .progress {position:relative; border-radius:0px; height:8px; box-shadow:none; margin:17px 0 22px;}
.phase.phase-type-circle > .phase-step > .progress > .progress-bar {float:left; width:0; height:100%; background:#ffecad;}
.phase.phase-type-circle > .phase-step.complete > .progress > .progress-bar {width:100%;}
.phase.phase-type-circle > .phase-step.active > .progress > .progress-bar {width:50%;}
.phase.phase-type-circle > .phase-step:first-child.active > .progress > .progress-bar {width:0%;}
.phase.phase-type-circle > .phase-step:last-child.active > .progress > .progress-bar {width:100%;}
.phase.phase-type-circle > .phase-step.disabled > .phase-dot {background-color:#f5f5f5;}
.phase.phase-type-circle > .phase-step.disabled > .phase-dot:after {opacity:0;}
.phase.phase-type-circle > .phase-step:first-child  > .progress {left:50%; width:50%;}
.phase.phase-type-circle > .phase-step:last-child  > .progress {width:50%;}
.phase.phase-type-circle > .phase-step.disabled a.phase-dot{ pointer-events:none;}

.phase.phase-type-list-v {list-style:none; margin:0; padding-left:0;}
.phase.phase-type-list-v li {position:relative; padding:12px; margin-bottom:20px; border:1px solid #efead3; border-radius:1px; text-align:center; font-size:14px;}
.phase.phase-type-list-v li.chevron {padding:0; margin:-10px 0 10px; border:none; background-color:transparent; text-align:center; font-size:13px;}
.phase.phase-type-list-v li.chevron .exp-container {display:table; position:absolute; top:-10px; left:50%; margin-left:18px; height:41px; line-height:1.3; text-align:left; z-index:1;}
.phase.phase-type-list-v li.chevron .exp-container > .exp-contents {display:table-cell; vertical-align:middle;}
.phase.phase-type-list-v li:last-child {margin-bottom:0;}
.phase.phase-type-list-v li:nth-child(odd) {background-color:#fcf7de; color:#99720f;}
.phase.phase-type-list-v li:nth-child(even) {color:#888;}
.phase.phase-type-list-v li:nth-child(even) i {color:#ccbe99;}

/* Navigation Bar ---------- */
.navbar-default {font-family:"Noto Sans KR"; font-size:15px;}
.navbar {transition:background 0.2s ease-in-out, padding 0.2s ease-in-out; -webkit-transition:background 0.2s ease-in-out, padding 0.2s ease-in-out; -moz-transition:background 0.2s ease-in-out, padding 0.2s ease-in-out;}
nav > .container-fluid {background:url("../image/333333_90.png");}
nav .dropdown-menu {margin:0; padding:0px; list-style:none; font-size:14px; text-align:left; background-color:#ffffff; border:0px solid #eeeeee; border-top-color:#fff; border-radius:0; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); -webkit-background-clip:padding-box; background-clip:padding-box;}
nav a i.fa {margin:0 0 0 5px; font-size:12px;}
.top-aside-bar {float:right; margin:0; padding:0; list-style:none;}
@media screen and (max-width:767px) {.top-aside-bar{margin:0 -15px;}}
.top-aside-bar > li {display:inline-block; height:33px; font-weight:700; font-size:11px; line-height:3; color:#fff;}
.top-aside-bar > li + li:before {content:"/\00a0"; padding:0 5px;  font-size:11px; color:#525456;}
.top-aside-bar > .open > a, .top-aside-bar a.text-primary:hover {color:#1cccca;}
.top-aside-bar .dropdown-menu > li > a {font-family:"Noto Sans KR"; font-size:12px;}
.navbar-fixed-top > .container {height:79px; padding:5px 15px;}
.navbar-fixed-top .navbar-brand {padding:24px 0 0 15px;} /* 상단왼쪽 로고 ---------- */
.navbar-fixed-top .navbar-brand > .logo-w {display:block; visibility:visible; color:#ffffff; font-weight:bold;}
.navbar-fixed-top .navbar-brand > .logo-b {display:none; visibility:hidden; color:#333333; font-weight:bold;}
.top-nav-collapse {padding:0px; background:rgba(255,255,255,1.0); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); -webkit-background-clip: padding-box;}
.top-nav-collapse .navbar-nav > li > a {color:#000000;}
.top-nav-collapse .dropdown-menu > .active > a {color:#31BCB9; background-color:transparent;}
.top-nav-collapse > .container-fluid {display:none; visibility:hidden;}
.top-nav-collapse > .container {height:69px; padding:0 15px;}
.top-nav-collapse .navbar-brand {padding:24px 0 0 15px;} /* 상단왼쪽 로고 ---------- */
.top-nav-collapse .navbar-brand > .logo-w {display:none; visibility:hidden; color:#ffffff; font-weight:bold;}
.top-nav-collapse .navbar-brand > .logo-b {display:block; visibility:visible; color:#333333; font-weight:bold;}
.navbar-default.top-nav-collapse .navbar-toggle {/* border-color:#eee; border-radius:2px; ---------- */}
.navbar-default.top-nav-collapse .navbar-toggle .icon-bar {background-color:#333333;}
@media screen and (max-width:767px) {.navbar-collapse{background-color:transparent;} .navbar-default .navbar-nav > li > a{color:#fff; border-bottom:1px solid #30a8a5;}} /* 모바일 우측메뉴바 메인메뉴 하단라인 ---------- */

/* Responsive Right Push Menu ---------- */
@media screen and (max-width:767px) {
	.navbar-fixed-top {width:100%;}
	.navbar-fixed-top .navbar-collapse, 
	.navbar-fixed-bottom .navbar-collapse {max-height:none;}
	.navbar-nav {margin:0;}
	.navbar-form {margin:0;}

	/* General styles for all menus 모바일 우측메뉴바 배경 ---------- */
	.cbp-spmenu {background:#31BCB9; position:fixed; top:0 !important; padding:0; margin:0 !important; overflow-x:hidden; overflow-y:visible; display:block; visibility:visible;}
	.navbar-fixed-top .cbp-spmenu {bottom:0;}
	
	/* Orientation-dependent styles for the content of the menu ---------- */
	.cbp-spmenu-vertical {width:250px; height:100%; top:0; z-index:1000;}

	/* Vertical menu that slides from the left or right ---------- */
	.cbp-spmenu-right {right:-250px;}
	/*.cbp-spmenu-right.cbp-spmenu-open, .cbp-spmenu-push-toleft .navbar-fixed-top .cbp-spmenu-right.cbp-spmenu-open {right:0px;} ---------- */
	.cbp-spmenu-right.cbp-spmenu-open, .cbp-spmenu-push-toleft .navbar-fixed-top .cbp-spmenu-right.cbp-spmenu-open {position:fixed; top:0; right:0px;}

	/* Push classes applied to the body ---------- */
	.cbp-spmenu-push {overflow-x:hidden; position:relative; left:0;}
	.cbp-spmenu-push-toleft, .cbp-spmenu-push-toleft .navbar-fixed-top {left:-250px;}

	/* Transitions ---------- */
	.cbp-spmenu, .cbp-spmenu-push, .navbar {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;}

	/* Typo ---------- */
	/*.cbp-spmenu-open .navbar-nav > li {font-size:14px;} ---------- */
	.cbp-spmenu-open .navbar-nav > li >a > i.fa {font-size:15px; margin-right:10px;}
}

@media screen and (min-width:768px) {
	.cbp-spmenu .navbar-nav > li >a > i.fa-fw {display: none !important; visibility: hidden !important;}
}

/* Footer ---------- */
#footer a, #footer a:link, #footer a:visited, #footer a:active {color:#909090;}
#footer a:hover {color:#333333;}
#footer > .container {min-height:120px; margin-bottom:20px;}
#footer > section {padding:0; overflow:hidden; height:60px; line-height:60px;}
#footer .col-md-4 {padding-top:40px; line-height:2em; font-size:14px;}
#footer .col-md-4 .footer_btn{text-align:right;}
#footer h3 {color:#fff;}
#footer h3 i.fa-mobile {margin-left:2px;}
#footer .col-md-4:first-child h3 {margin-bottom:8px;}
#footer .col-md-4:first-child h3 > img {margin-top:-8px;}
#footer .col-md-4:first-child ul.list-icons {margin:15px 0 0; padding:0; list-style-type:none;}
#footer .col-md-4:first-child ul.list-icons li i {width:19px;}
/* #footer .copyright {font-size:11px; text-transform:uppercase; font-family:"Open Sans";} */
#footer .copyright {font-size:11px;}
#footer > .navbar-nav {margin-top:0; margin-bottom:0;}
#footer .navbar-nav > li > a {padding-top:0; padding-bottom:0;line-height:60px; font-family:"Noto Sans KR"; background:none;}
#footer .navbar-nav > li > a, #footer .navbar-nav > li > a:link, #footer .navbar-nav > li > a:visited, #footer .navbar-nav > li > a:focus, #footer .navbar-nav > li > a:active {color:#fff;}
#footer .navbar-nav > li > a:hover {color:#1cccca;}
#footer .form-control {background-color:#ffffff; border-color:#DCDCDC; color:#909090;}
#footer .form-control:focus {background-color:#1CCCCA; border-color:#1CCCCA; color:#ffffff;}
#footer textarea {height:78px; margin-top:10px;}
#footer form a {text-decoration:underline;}
#footer p.sns > a {display:inline-block; margin:10px 10px -10px 0; padding:0;}
#footer i.fa {margin-right:6px; color:#333333;}
#footer i.far {margin-right:6px; color:#333333;}
#footer i.fas {margin-right:6px; color:#333333;}
#footer i.fab {margin-right:6px; color:#333333;}

@media (max-width:1200px) {
/*	#footer .col-md-4 {padding-top:40px; width:100%; line-height:2em; text-align:center;} ---------- */
/*	#footer .col-md-4 .footer_btn{text-align:center;} ---------- */
/*	#footer .col-md-4 .t_br{display:none;} ---------- */
}

/* Main ---------- */
#mainCarousel.carousel {height:100%; background-color:#080e15;}
#mainCarousel.carousel .item {height:100%; font-size:20px;}
#mainCarousel.carousel .item.cover-main1 {background-image:url("../image/crsl_cover_main7.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover;}
#mainCarousel.carousel .item.cover-main2 {background-image:url("../image/crsl_cover_main8.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover;}
#mainCarousel.carousel .item.cover-main3 {background-image:url("../image/crsl_cover_main9.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover;}
#mainCarousel.carousel .item.cover-main4 {background-image:url("../image/crsl_cover_main10.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover;}
#mainCarousel.carousel .item.cover-main5 {background-image:url("../image/crsl_cover_main11.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover;}
#mainCarousel.carousel .item .carousel-caption {left:10%; right:10%; bottom:50%;}
#mainCarousel.carousel .item .carousel-caption .carousel-caption-wrap {max-width:600px; margin:0 auto; padding:0;}
#mainCarousel.carousel .item .carousel-caption h1 {font-family:"Open Sans", "Noto Sans KR"; font-size:52px; color:#fff;}
@media (max-width:767px) {
	#mainCarousel.carousel {height:100%;}
	#mainCarousel.carousel .item {height:100%; font-size:15px;}
	#mainCarousel.carousel .item .carousel-caption {left:10%; right:10%; bottom:50%;}
	#mainCarousel.carousel .item .carousel-caption h1 {font-size:38px;}
}
.main {padding:40px 0 20px;}
@media (max-width:767px) {.main {padding:20px 0 0;}}
.main .box-img .circle-primary60 {position:relative; margin:-30px auto 0;}
.main .box-img {margin-bottom:20px;}
.main .margin-50 {margin-bottom:-20px;}
@media (max-width:767px) {.main .margin-50 {margin-bottom:0px;}}
.main .box.table.bg-primary h3 {color:#fff;}
.main .box.table.bg-primary p.text-slogan {font-size:14px;}
.main .box.table.bg-primary .dvs-sub {height:2px;}
.main .box.table, .main .box-body table.table {margin-bottom:20px; width:100%;}
.main .box.table .box-body {padding-bottom:0;}
.main .box.table .box-img-body {padding-bottom:20px;}
.main .box-body table.table > tbody > tr > td {padding:5px 0 4px; border-top:none;}
.main .box-body table.table td [class*="col-"] {padding:0;}
@media (min-width:768px) {.main .box-body table.table td .text-date{text-align:right;}}
.main .box.table.bg-primary {background-repeat:no-repeat; background-size:cover; background-color:#1cccca; background-position:center top; background-image:url("../image/main_aboutus_sm.jpg");}
@media (min-width:992px) {.main .box.table.bg-primary {background-image:none;}}
.main div.col-md-6.col-md-fh.overview {background-repeat:no-repeat; background-size:cover; background-color:#1cccca; background-position:right center; background-image:url("../image/main_aboutus_md.jpg");}
@media (max-width:991px) {.main div.col-md-6.col-md-fh.overview {display:none;}}

/* About us ---------- */
@media (max-width:767px) {#aboutus .col-md-6 > img.img-responsive{margin-top:25px;}}

/* Member ---------- */
#member h3 {margin-top:20px;}
#member h3.title + .dvs-sub {width:28px; height:3px; margin-bottom:10px;}
#member h4 i.fa{vertical-align:-1px;}
#member h4 i.fa.fa-graduation-cap{vertical-align:-2px; font-size:17px;}
#member h4 + summary {line-height:1.5;}
#member .row.mg-lr-0 + .row.mg-lr-0 {margin-top:30px;}

/* substitute-payment ---------- */
#substitute-payment .table > thead > tr > th {vertical-align:middle; text-align:center;}
#substitute-payment .table td {text-align:center;}
#substitute-payment .phase {margin-top:20px;}

/* labor-dispute, consulting, online-counselling ---------- */
@media screen and (max-width:991px) {#labor-dispute .phase.phase-type-list-v {margin-bottom:40px;}}
@media screen and (max-width:767px) {#labor-dispute section + section, #consulting section {padding-bottom:0;}}

#online-counselling section.content-type-text h1 + .dvs-sub{margin-bottom:10px;}

/*
@media (max-width:520px) {
	.a_br {display:none;}
}
---------- */
.c_br {display:none;}
@media (max-width:1200px) {
	.a_br {display:none;}
	.t_br{display:none;}
	.c_br {display:inline;}
}

.board_ul {
text-align:center;
}

.board_ul ul {
width:100%;
max-width: 1100px;
padding: 0;
display: inline-block;
overflow: none;
list-style: none outside;
}

.board_ul ul li {
position: relative;
width: 25%;
padding:10px;
float:left;
color:#333333;
font-size:11px;
text-align:center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

@media only screen and (max-width: 991px)
{
	.board_ul ul li {
	position: relative;
	width: 50%;
	padding:10px;
	float:left;
	color:#333333;
	font-size:11px;
	text-align:center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}
}

@media only screen and (max-width: 520px)
{
	.board_ul ul li {
	position: relative;
	width: 100%;
	padding:10px;
	float:left;
	color:#333333;
	font-size:11px;
	text-align:center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}
}

.board_ul ul li img{
width: 100%;
border-radius:10px;
cursor:pointer;