/* 웹폰트 Import */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url('https://fonts.googleapis.com/css?family=Comfortaa');

/* 스크롤 설정 */
html {overflow-x: hidden; overflow-y: scroll;}
body {background-color: #fff;}

/* 폰트 끊김 방지 */
* {word-break: keep-all; word-wrap: break-word;}

/* 폰트 설정 */
.body-layout {font-family:"Noto Sans KR", 'Sans-Serif';}
.navbar-nav .divider-vertical,.topmarginLay_a{display:none!important;}
ol, ul, li {list-style: none;}

/* 메뉴 설정 시작 */
.navbar-inverse {
    background-color: #284AAB;
    margin: 0;
    position: relative;
    top: 0;
    border: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.navbar-inverse .divider-vertical,
.navbar-inverse .divider-vertical+li,
.navbar-inverse .divider-vertical+li+li {display: none!important;}
.caret {display: none;}
.navbar ~ br {display: none;}
.topmarginLay_a {
    height: 142px !important;
}
@media screen and (max-width: 767px) {
    .topmarginLay_a {height: 62px !important;}
}
/* 상단 메뉴 설정 시작 */
.navbar_top_wrap {
	background-color:#FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display:block;
    width: 100%;
}
.navbar_top_inner {width: 1170px; margin: 0 auto; padding: 0 15px;}
.navbar_top_inner > div {
    float: left;
    padding: 35px 0;
}
@media screen and (max-width: 991px) {
    .navbar_top_inner {width: 100%;}
}
/* ----- SNS 버튼 ----- */
.navbar_top_inner > .navbar_top_sns {text-align: left; width: 30%;}
.navbar_top_sns a img {padding-right: 5px;}
.navbar_top_sns a img:nth-child(2) {display: none;}
.navbar_top_sns a:hover img:nth-child(1) {display: none;}
.navbar_top_sns a:hover img:nth-child(2) {display: inline-block;}
/* ----- logo ----- */
.navbar_top_inner > .navbar_top_logo {
    text-align: left;
    width: 40%;
    padding: 20px 0;
}
.navbar_top_inner > .navbar_top_logo a {
    display: block;
    width: 300px;
    position: relative;
    font-family: "NanumBarunGothic";
    color: #244299;
    line-height: 1.3;
}
.navbar_top_inner > .navbar_top_logo a:hover{text-decoration: none;}
.navbar_top_inner > .navbar_top_logo a >span{display: block;}
.navbar_top_inner > .navbar_top_logo a .top{
    font-size: 31px;
    font-weight: 600;
    letter-spacing: 0.03em;
}
.navbar_top_inner > .navbar_top_logo a .bottom{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
}
.navbar_top_inner > .navbar_top_login {
    text-align: right;
    width: 30%;
}
.navbar_top_login a {
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    letter-spacing: -0.02em;
    position: relative;
    margin-left: 20px;
}
.navbar_top_login a::after {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    width: 1px;
    height: 10px;
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -5px;
}

.navbar_top_login > a:last-child::after {
	display:none;
}
/* //상단 메뉴 설정 끝 */

/* 하단 메뉴 설정 시작 */
.navbar-inverse .navbar-header {display: none;}
.navbar-inverse .navbar-collapse {text-align: center; padding: 0;}
/* .navbar-inverse .navbar-collapse > ul {float: none !important; margin: 0 auto; display: inline-block;} */
.navbar-brand img {margin: 0;}
/* ----- 하단 메인 메뉴 설정 시작 ----- */
@media (min-width:768px) {
	.navbar-inverse .navbar-nav > li {
		float: none;
		display: table-cell;
		width: 1%;
		border-left: 1px solid rgba(255,255,255,.125);
	}
	
	.navbar-inverse .navbar-nav > li:first-child {
		border-left: 0;
	}
}
.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
    font-size: 15px;
    font-weight: 300;
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
    letter-spacing: -0.04em;
    padding: 20px 40px;
    line-height: 1;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li:hover > a, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    background-color:rgba(0,0,0,.1);
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a {padding: 20px 25px;}
}
@media screen and (max-width: 767px) {
    .navbar_top_wrap {display: none;}
    .navbar-inverse .navbar-header {display: inherit; border-bottom: 1px solid #ededed;}
    .navbar-inverse .navbar-collapse > ul, .navbar-inverse .navbar-collapse > ul > li {width: 100%;}
    .navbar-brand {padding: 0; margin: 10px 20px;}
    .navbar-inverse .navbar-toggle {margin: 15px 20px 0 0; border-color: #e5e5e5;}
    .navbar-inverse .navbar-toggle .icon-bar {background-color: #ccc;}
    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {padding: 12px 0;}
    .navbar-nav .open .dropdown-menu {padding: 0;}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {padding: 12px 0; text-align: center;}
}
/* ----- 하단 서브 메뉴 설정 시작 ----- */
.navbar-inverse .dropdown-menu {
    background: #37333d;
    min-width: 180px;
    border: none;
    border-radius: 0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    left: 0;
    right: auto;
    padding: 4px 5px;
}
.navbar-inverse .dropdown-menu > li > a {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.04em;
    padding: 14px 20px;
    margin: 1px 0;
    line-height: 1;
}
.navbar-inverse .dropdown-menu > li > a:hover, .navbar-inverse .dropdown-menu > li > a:focus {
    background: #70BF12;
    color: #fff;
}
/* //하단 메뉴 설정 끝 */
/* //메뉴 설정 끝 */

/* 슬라이드 영역 설정 시작 */
.container_contents {width: 100%; padding: 0;}
.carousel-inner > .item {height: 580px; background-size: cover;}
/* .carousel-inner > .item:nth-child(1) {background-image: url('/skin/img/slide/slide01.jpg');}
.carousel-inner > .item:nth-child(2) {background-image: url('/skin/img/slide/slide02.jpg');} */
.sl-caption {
    height: 100%;
    width: 100%;
    position: relative;
}
.sl-caption .sl-caption-inner {
    position: relative;
    top: 40%;
    /* width: 100%; */
    margin: 0 auto 0;
/*     text-align: center; */
	text-align: left;
    color: #37333d;
}
.sl-caption .sl-caption-inner h5 {
    margin: 0 0 25px;
    display: inline-block;
    color: #70BF12;
    line-height: 1;
    font-size: 32px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: -0.02em;
    font-family: 'Comfortaa', cursive !important;
}
.sl-caption .sl-caption-inner h2 {
    margin: 0;
    font-size: 56px;
    font-weight: 600;
    letter-spacing: -0.04em;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    line-height: 40px;
}
.sl-caption .sl-caption-inner h2 span {
	color: rgba(55, 51, 61, 0.8);
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.02em;
    text-shadow: 0 0 0 rgba(0,0,0,0);
    margin-top: 20px;
    display: block;
}
.carousel-indicators li {margin: 0 5px; background: #fff; height: 12px; width: 12px; border: none;}
.carousel-indicators .active {
    margin: 0 5px;
    background: #37333d;
}
@media screen and (max-width: 767px) {
    .sl-caption .sl-caption-inner {margin: -90px 0 0;}
    .sl-caption .sl-caption-inner h2 {font-size: 18px; line-height: 30px; letter-spacing: 0.3em;}
}
/* //슬라이드 영역 설정 끝 */

/* 푸터 설정 시작 */
.footer-social-layout {display: none;}
.footer_copy > div {
    padding: 0;
    background: #1A1E2A;
}
.footer_wrap {
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    text-align: left;
    margin-top: 30px;
}
.footer_copy {
    margin: 0 auto;
    padding-top: 30px;
    line-height: 1.8;
}
.footer_copy p {
	margin: 0;
}

.footer_copy .logo-f{
    text-align: left;
    display: flex;
    align-items: center;
}
.footer_copy .logo-f img{}
.footer_copy .logo-f .logo-txt{color: #5D616D;font-family: "NanumBarunGothic";padding-left: 10px;line-height: 1.1;margin-top: 3px;}
.footer_copy .logo-f .logo-txt > span{
    display: block;
}
.footer_copy .logo-f .logo-txt .top{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1px;
}
.footer_copy .logo-f .logo-txt .bottom{
    font-size: 10px;
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1;
}
/* ----- 카피라이트 설정 ----- */
.copy_wrap {
/*     background: #37333d; */
    color: rgba(255, 255, 255, 0.4);
}
.copy_wrap ~ br {display: none;}
.copy_inner {
    margin: 0 auto;
    padding-top: 10px;
	padding-bottom: 40px;
    font-size: 12px;
    font-weight: 300;
}
.copy_inner .copy-txt {display: inline-block; float: left; margin: 0; padding: 0;}
.copy_inner .copy-txt span {color: #70BF12;}
@media screen and (max-width: 991px) {
    .footer_inner, .copy_inner {width: 100%;}
    .footer-line01 > div, .footer-line02 > div, .footer-line02 h4, .copy_inner .copy-txt, .copy_inner .sitemap {padding: 0 15px;}
}
@media screen and (max-width: 767px) {
    .footer-line01 > div, .footer-line02 > div {min-height: 90px;}
    .copy_inner .copy-txt {margin: 0 0 20px;}
    .copy_inner .sitemap, .footer_sns {width: 50%; margin: 0; float: left;}
}
/* //푸터 설정 끝 */

/* 메인 페이지 설정 시작 */
.intro-board-layout, .main_product_wrap {
    width: 100%;
    padding: 0;
    float: none;
    display: block;
}
.main_title {min-height: 30px; position: relative; margin: 0 0 40px;}
.main_title h2 {
    background: #fff;
    margin: 0;
    margin-top: -23px;
    padding: 10px 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    color: #37333d;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1;
}
.main_title h2 span {font-weight: 500;}
.main_title01 h2{margin-left: -90px;}
.main_title02 h2 {
    margin-left: -65px;
}
.main_title .title_line {background: #e5e5e5; width: 100%; height: 1px; position: absolute; top: 50%;}
@media screen and (max-width: 991px) {
    .main_product_inner, .main_intro_inner, .main_contact_inner {width: 100%;}
}
/* ----- 메인 제품 슬라이드 영역 ----- */
.main_product_inner {
    max-width: 1170px;
    margin: 0 auto;
    color: #444;
    padding: 80px 0;
}
.main_product_inner .product h3 {
    color: #37333d;
    font-size: 26px;
    font-weight: 600;
    margin: 0 0 20px;
    letter-spacing: -0.06em;
}
.main_product_inner .product p {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 26px;
    margin: 0;
}
.careHover {position: absolute; opacity: 0; display: block; color: #fff; width: 150px; height: 150px; text-align: center; line-height: 150px; background-color: rgba(52,179,113,0.5); top: 0; left: 12%; margin: 0 auto; border-radius: 50%;}
.careLine {position: absolute; top: 50%; left: 50%; width: 130px; height: 130px; border-radius: 100%; border: 1px solid rgba(255,255,255,0.7); margin: -65px 0 0 -65px;}
.careHover > p {margin: 0;}
.smSlider .slide:hover .careHover, .smSlider .slide:hover .careLine {opacity: 1;}
.smSlider .slide > p {color: #454545; font-size: 15px; font-weight: 300; letter-spacing: -0.01em; margin: 0;}
.smSlider .slide > p > b {font-weight: 500; padding-right: 5px;}
/* ----- 메인 카드영역 ----- */
.main_intro_wrap {padding: 60px 0 40px;}
ul.mainbiz {margin: 0; padding: 0;}
ul.mainbiz li {float: left; width: 33.333334%; display: block;}
ul.mainbiz li figure {position: relative; overflow: hidden; background: #fff; text-align: left; border: 1px solid #cbcbcb; height: 270px; margin: 0 auto;}
ul.mainbiz li figure .mainbiz_des {background: #fff;}
ul.mainbiz li figure .hover_background {background: #70BF12;}
ul.mainbiz li figure .description {background:#fff;}
ul.mainbiz li figure .description h4 {color: #666 !important; font-size: 17px; font-weight: 500; margin: 0 20px;}
@media screen and (min-width: 768px) {
    .description h4 {position: absolute; top: -40%;}
}
ul.mainbiz li figure img {width: 100%; -webkit-transition: -webkit-transform .3s ease-out, opacity .3s; transition: transform .3s ease-out,opacity .3s;-moz-transition:-moz-transform .3s ease-out,opacity .3s}
ul.mainbiz li a {display: block; width: 100%; padding: 0 10px;}
ul.mainbiz li a:hover .description {-webkit-transform: translate(0,0); transform: translate(0,0); background: #fff;}
ul.mainbiz li a:hover .mainbiz_title {-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}
ul.mainbiz li a:hover figure {border-bottom: 1px solid #70BF12;}
ul.mainbiz li a:hover figure .description h4 {position: relative; top: 0%; padding: 0; margin: 30px 20px 0;}
ul.mainbiz li a:hover img {opacity: .5; -webkit-transform:translate(0,-30px);-moz-transform:translate(0,-30px);transform:translate(0,-30px); background: #70BF12; }
ul.mainbiz li:last-of-type {margin-right:0}
h1.mainbiz_title {width: 100%; font-weight: 700; font-size: 16px; color: #70BF12; line-height: 1; text-align: left; text-transform: uppercase; position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; background: #fff; padding: 15px 10px 5px; display: block; -webkit-transition: -webkit-transform 0.4s, color .3s; -moz-transition: -moz-transform 0.4s, color .3s; transition: transform 0.4s, color .3s; border-top: 2px solid #70BF12;}
h1.mainbiz_title span {color: #aaa; font-size: 13px; font-weight: 400; margin: 5px 0 0; display: inline-block;}
h1.mainbiz_title:after {content:'';position:absolute;top:100%;left:0;right:0;height:100px;background:#fff;width:100%}
/* ----- 메인 카드 반응형 ----- */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .main_biz01 ul.mainbiz li figure {height: 220px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    ul.mainbiz li {width: 50%;}
    .main_biz02 ul.mainbiz li figure {height: 215px;}
}
@media screen and (max-width: 767px) {
    ul.mainbiz li, .main_biz02 ul.mainbiz li {width: 100%;}
}
@media screen and (max-width: 425px) {
    ul.mainbiz li figure {height: 200px;}
    .main_biz02 ul.mainbiz li figure {height: 230px;}
}
/* ----- 메인 콘택트 영역 ----- */
.main_contact_wrap {
    background: #fff;
    padding: 80px 0 100px !important;
}
.main_contact_inner {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}
.main_contact_wrap .contact a {
    background: #f8f8f8;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    display: inline-block;
    width: 100%;
    padding: 34px 0;
    min-height: 190px;
    text-align: center;
}
.contact_inner h3 {
    color: #444;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.02em;
    margin: 0 0 10px;
}
.contact_inner p {
    margin: 0;
    color: #666;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: -0.02em;
}
.main_contact_wrap .contact a:hover {
    background: rgba(252, 162, 202, 0.14);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.main_contact_wrap .contact a:hover h3 {color: #70BF12;}
/* //메인 페이지 설정 끝 */

/* 서브 페이지 설정 시작 */
.sub-layout {width: 100%; padding: 0;}
.sub-layout .page_wrap {width: 1170px; margin: 0 auto;}
@media screen and (max-width: 991px) {
    .sub-layout .page_wrap {width: 100%;}
}
/* ----- breadcrumb 설정 ----- */
.breadcrumb_wrap .breadcrumb {
    float: right;
    text-align: right;
    margin: 5px 0 0;
    padding: 0;
    background: transparent;
    font-size: 13px;
}
.breadcrumb_wrap .breadcrumb li {color: #777;}
.breadcrumb_wrap .breadcrumb li:first-child i {color: #70BF12;}
.breadcrumb_wrap .breadcrumb li.active {color: #333;}
.breadcrumb>li+li::before {content: ">"; padding: 0 5px;}
@media screen and (max-width: 767px) {
    .breadcrumb_wrap .breadcrumb {display: none;}
}
/* ----- left menu 설정 ----- */
.left_menu_wrap {
    padding: 0 60px 0 0;
}
.left_menu {margin: 0; padding: 0;}
.left_menu h3 {
    border-bottom: 1px solid #dedede;
    margin: 60px 0 40px;
    padding: 0 0 20px;
    color: #666;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.04em;
}
.left_menu > li > a {
    background: #f8f8f8;
    padding: 16px 20px;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 1;
    color: #666;
    border-top: 1px solid #e5e5e5 !important;
    text-decoration: none;
}
.left_menu > li.active > a {
    background: #284AAB;
    color: #fff;
    font-weight: 500;
}
.left_menu > li:last-child > a {border-bottom: 1px solid #e5e5e5 !important; margin: 0 0 15px;}
.left_menu_sub {margin: 0; padding: 0;}
.left_menu_sub > li > a {background: #f6f9f3; padding: 15px 40px; width: 100%; display: inline-block; font-size: 14px; color: #666;}
.left_menu_sub > li.active > a {color: #70BF12; background: #e3e9dc;}
@media screen and (max-width: 991px) {
    .left_menu_wrap {padding: 0 15px;}
}
@media screen and (max-width: 767px) {
    .left_menu h3 {margin: 30px 0 20px; font-size: 24px;}
    .left_menu > li > a, .left_menu_sub > li > a {padding: 12px 20px;}
}
/* ----- left widget 설정 ----- */
.left_menu_wrap #sub_widget {margin: 30px 0 80px; padding: 0 0 20px;}
@media screen and (max-width: 991px) {
    .left_menu_wrap #sub_widget {display: none;}
}
/* ----- content 설정 ----- */
/* ----- content 설정 ----- */
#content {
    padding: 0 0 80px 0;
}
.content_wrap {
    min-height: 700px;
}
.content_wrap .page_header {
    margin: 60px 0 40px;
    padding: 0 0 20px;
    border-bottom: 1px solid #dedede;
}
.content_wrap h3.title {
    color: #222;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.04em;
    margin: 0;
}
.content_wrap h4.title {color: #444; font-size: 20px; font-weight: 300; margin: 30px 0 20px;}
.content_wrap h5.title {color: #454545; font-size: 17px; font-weight: 500; letter-spacing: -0.03em; margin: 30px 0 20px; width: 100%; display: inline-block;}
.content_wrap p {color: #454545; font-size: 15px; font-weight: 300; line-height: 25px; letter-spacing: -0.02em;}
.bbs-list-index-layout .page_header, .contact-mail-layout .page_header, .img-bbs-default-index-layout .page_header, .vod-index-layout .page_header, .bbs-blog2-index-layout .page_header, .bbs-blog-view-layout .page_header, .bbs-list-view-layout .page_header {
    margin: 60px 0 40px;
    padding: 0 0 20px;
    border-bottom: 1px solid #dedede;
}
@media screen and (max-width: 991px) {
    #content {padding: 0 10px 30px; display: inline-block; width: 100%;}
}
@media screen and (max-width: 767px) {
    .content_wrap h3.title {font-size: 24px; margin: 20px 0 20px; padding: 0; border: none;}
}
/* ---------- table 영역 설정 ---------- */
.table {
    font-size: 14px;
    width: 100% !important;
    border-top: 2px solid #222 !important;
    border-bottom: 1px solid #dedede !important;
    margin: 0 0 40px !important;
}
.table tr th, .table tr td {
    padding: 14px 20px !important;
    border-bottom: 1px solid #dedede !important;
    color: #444;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.02em;
}
.table tr th {
    color: #222;
    font-weight: 500;
    background: #f8f8f8;
}
.table tr td strong a {
    color: #222;
    font-weight: 500;
}
.table tr td .label-danger, .dhb-txt-box-type-b-text-layout h4 .label-danger {
    background: none;
    padding: 0 8px;
    color: #284AAB;
}
/* --------------- sub page - intro --------------- */
.intro_column {margin: 0 0 50px; padding: 36px 0; background-color: #f5fcf8; border: 1px solid #dedede; text-align: center;}
.intro_quote {margin: 0; color: #12b25f !important; font-size: 15px !important; font-weight: 500 !important;}
.intro_quote span {color: #444 !important; padding-left: 10px;}
.intro_txt {border: 1px solid #dedede; border-top: 1px solid #70BF12; display: inline-block; width: 100%;}
.intro_txt h3 {margin: 0 0 20px; color: #454545; font-size: 21px; line-height: 1.4;}
.intro_txt p {font-size: 15px; margin: 0;}
.intro_txt .txt_box {padding: 35px 40px;}
.intro_txt .img_box {padding: 0;}
.intro_txt .img_box img {width: 100%;}
.intro03 hr {margin: 40px 0 0;}
.location_map {margin: 0 0 20px;}
@media screen and (max-width: 991px) {
    .intro_txt .txt_box {padding: 15px 30px;}
}
/* --------------- sub page - care --------------- */
.care01-1 hr {margin: 40px 0 0;}
.care-process {padding: 0;}
.care-process > div {text-align: center; padding: 0 10px; margin: 0 0 20px;}
.care-process img {border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; width: 100%;}
.care-process p {margin: 0; padding: 10px 0; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.care-process p > span {color: #70BF12; padding-right: 10px;}
.care01-2 .care-process p {border: 1px solid #e5e5e5;}
.care_point {margin: 0; padding: 28px 40px; border: 1px solid #dedede; background: #f5fcf8; display: inline-block; width: 100%;}
.care_point li {color: #454545; font-size: 15px; padding: 5px 0;}
.care_point li i {color: #70BF12; padding-right: 10px;}
.care03 .care-process p {border: 1px solid #e5e5e5;}
/* --------------- sub page - 사이트맵 --------------- */
.sitemap_wrap {padding-bottom: 60px; display: inline-block; width: 100%;}
.sitemap_menu {margin: 0; padding: 0;}
.sitemap_menu .page_item {width: 25%; float: left;}
.sitemap_menu .page-item-1, .sitemap_menu .page-item-2, .sitemap_menu .page-item-3 {padding-right: 30px;}
.sitemap_menu .page_item > a {color: #58ba36; font-weight: 300; display: block; padding: 0 0 12px 0px; border-bottom: 1px solid #58ba36 !important; font-size: 20px;}
.page_item .children {padding: 0;}
.page_item .children > li > a {display: block; width: 100%; padding: 10px 0; border-bottom: 1px solid #eee !important; font-size: 14px; color: #454545;}
.children .children_inner {padding: 0;}
.children .children_inner > li > a {display: block; width: 100%; padding: 8px 0; font-size: 13px; color: #888;}
@media screen and (max-width: 991px) {
    .sitemap_wrap {padding: 0 15px;}
}
/* --------------- sub page - 회원가입 --------------- */
.login-layout, .id-find-layout, .pw-find-layout {width: 1170px; margin: 70px auto 0; min-height: 500px;}
.join-agree-layout, .join-layout {width: 1170px; margin: 0 auto 70px;}
.join-agree-layout .panel, .join-layout .panel {border: 1px solid #dedede; box-shadow: 0 0 0 rgba(0,0,0,0); border-radius: 0;}
.join-agree-layout .panel-heading, .join-layout .panel-heading {background-image: none !important; background-color: #f7f7f7 !important;}
.join-agree-layout .btn-primary, .join-layout .btn-primary {background-color: #70BF12 !important;border: 0px; border-radius: 0;}
@media screen and (max-width: 991px) {
    .login-layout, .id-find-layout, .pw-find-layout {width: 100%; margin: 0;}
}
/* --------------- sub page - 로그인 / 아이디, 비밀번호 찾기 --------------- */
.login-layout .panel, .id-find-layout .panel, .pw-find-layout .panel {border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); border: 1px solid transparent; min-height: 320px;}
.login-layout .panel-body h2, .id-find-layout .panel-body h2, .pw-find-layout .panel-body h2 {margin: 0; color: #454545; font-size: 28px; font-weight: 500; letter-spacing: 0.01em;}
.login-layout .inner-box-msg p, .id-find-layout .inner-box-msg p, .pw-find-layout .inner-box-msg p {font-size: 13px; color: #666; margin: 0;}
.login-layout .inner-box-form form label, .id-find-layout .inner-box-form form label, .pw-find-layout .inner-box-form form label {font-size: 14px;}
.login-layout input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background: #fff !important; border: 1px solid #d5d5d5;}
.login-layout .btn-warning, .id-find-layout .btn-warning, .pw-find-layout .btn-warning {background-image: none; background-color: #414141; border: none; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); text-shadow: 0 0 0 rgba(0,0,0,0); color: #f5f5f5;}
.login-layout .btn-warning:focus, .login-layout .btn-warning:hover, .id-find-layout .btn-warning:focus, .id-find-layout .btn-warning:hover, .pw-find-layout .btn-warning:focus, .pw-find-layout .btn-warning:hover {background: #70BF12;}
.login-layout form > div > p > a {display: inline-block; float: left; font-size: 12px; color: #777;}
.login-layout form > div > p > a:hover {color: #303030;}
.login-layout form > div > p > a:after {content: " | "; font-size: 8px; padding: 0 8px 0; margin: 0; color: #d9d9d9;}
.login-layout form > div > p:last-child > a:after {content: "";}
.id-find-layout .panel-body, .pw-find-layout .panel-body {margin-top: 40px;}

/* //서브 페이지 설정 끝 */


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

.contents-wrap {
    margin-bottom: 50px;
}
.title {
    color: #70BF12;
    font-weight: 400;
    letter-spacing: -0.04em;
    margin: 0 0 20px;
    font-size: 28px;
}
.feature-text {
    margin-bottom: 40px;
    font-size: 15px;
    color: #333;
}
.feature-text .call-num {
    background: #efefef;
    display: inline-block;
    color: #222;
    font-weight: 500;
    width: 100%;
    padding: 16px 20px;
    line-height: 1;
    margin: 20px 0 0;
}

/* icon-box */
.icon-box {
    border: 1px solid #e0e0e0;
    padding: 30px 20px;
    margin: 0;
    position: relative;
    overflow: hidden;
    line-height: 1;
}
.icon-box:before {
    content: url(/skin/img/sub/process-top.png);
    position: absolute;
    top: 0;
    left: 0;
}
.icon-box:after {
    content: url(/skin/img/sub/process-bottom.png);
    position: absolute;
    bottom: -2px;
    right: 0;
    line-height: 1;
}
.icon-box .icon-area {
    text-align: center;
}
.icon-box i {
    font-family: "FontAwesome" !important;
    font-style: normal;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    font-size: 45px;
    background: #ffeff5;
    color: #70BF12;
    padding-top: 40px;
}
.icon-box .text-area {
    padding: 25px 15px;
}
.icon-box .text-area p {
    margin-bottom: 0;
    color: #333;
}
.box-list {
    border: 1px solid #e0e0e0;
    border-top: none;
    background: #f3f3f3;
    padding: 45px 30px 30px;
    margin: 0;
}
.box-list li {
    list-style: none;
    line-height: 28px;
    color: #666;
    letter-spacing: -0.4px;
    max-width: 500px;
    margin: 0 auto 10px;
}
.box-list li .num {
    font-size: 28px;
    color: #70BF12;
    font-weight: 600;
    opacity: 0.3;
    margin-right: 10px;
    line-height: 1;
}
#intro02 h5 {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 1.4;
    letter-spacing: -0.02em;
    padding-top: 10px;
    margin: 0;
}
#intro02 h5 ~ h3 {
    margin: 10px 0 0;
    color: #222;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.02em;
}
#intro02 .sub-list {
    margin: 10px 0 40px;
    overflow: hidden;
}
#intro02 .sub-list li {
    width: 33.33333333333333%;
    float: left;
    color: #444;
    font-weight: 500;
    letter-spacing: -0.04em;
}

#intro02 .icon-box {
    padding-right: 40px;
}

#intro02 .icon-box .sub-sub-title {
    margin: 0 0 20px;
    font-weight: 600;
}
#intro02 .icon-box p {
    margin-bottom: 5px;
    line-height: 1.5;
}

.sub-title {
    color: #222;
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 20px;
    padding: 0 14px;
    position: relative;
    letter-spacing: -0.06em;
}

.sub-title:before {
    content: '';
    background: #70BF12;
    height: 6px;
    width: 6px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
}
.sub-sub-title {
    color: #70BF12;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.04em;
    margin: 20px 0 20px;
}
.inner-wrap h4 {
    margin: 0 0 40px;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.6;
}
.inner-wrap ul {
    margin: 0 0 20px;
    padding: 0;
    color: #666;
    font-size: 15px;
    letter-spacing: -0.04em;
    line-height: 1.6;
}
.inner-wrap ul li {
    position: relative;
    padding-left: 13px;
}
.inner-wrap ul li:before {
    content: "";
    background: #aaa;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    border-radius: 100%;
}

.sub-list {
    padding-left: 0;
    margin: 0;
}

.sub-list > li {
    list-style: none;
    letter-spacing: -0.02em;
    position: relative;
    font-size: 14px;
    color: #444;
    line-height: 1.8;
    padding-left: 13px;
    text-align: left;
}
.sub-list > li:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #aaa;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 0;
    margin-top: -1px;
}

@media (max-width:539px){
	.sub-title{
		font-size:22px;
	}
	.sub-list li{
		font-size: 13px;
		margin-bottom: 4px;
	}
	.table-style th, 
	.table-style td {
		padding: 12px !important;
	}
	.icon-box {
		padding: 30px 20px;
	}
	.icon-box i {
		width: 100px;
		height: 100px;
		font-size: 35px;
		padding-top: 35px;
	}
	.icon-box .text-area {
		padding: 15px 0 0;
	}
	.box-list {
		padding: 20px;
	}
	.box-list li{
		font-size:13px;
	}
	.box-list li .num {
		font-size: 22px;
		display: block;
		margin: 0 0 5px;
	}
	#intro02 h5 {
		padding: 0;
	}
	#intro02 h3 {
		font-size: 26px;
		margin: 10px 0 20px;
	}
	#intro02 .icon-box {
		padding: 30px 20px;
	}
	#intro02 .sub-list li {
		width: 50%;
	}
}

/* tab */
.tab-pane{
    padding: 40px 0 0;
}
.nav-tabs {
    border-bottom: 1px solid #dedede;
}
.nav-tabs > li > a {
    margin: 0 4px 0 0 !important;
    line-height: 1;
    font-size: 14px;
    color: #666;
    font-weight: 400;
    background: #efefef;
    width: 100px;
    padding: 14px 20px;
    text-align: center;
    border: none !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.nav-tabs > li > a:hover {
    background: #dedede;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #70BF12;
    color: #fff;
}

/* 교수소개 */
.professor-box {
    margin: 0 0 40px;
}
.pro-name {
    color: #222;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.04em;
    margin: 0 0 20px;
}
.professor-box .sub-list > li {
    color: #666;
    font-size: 13px;
}

/* 취업 및 진로 */
#intro08 .contents-wrap {
    background: #f8f8f8;
    padding: 25px 20px;
    margin: 0 0 20px;
}
#intro08 .sub-title {
    font-size: 20px;
    margin: 0 0 10px;
}
#intro08 .contents-wrap p {
    margin: 0;
}

/* content table */
.table-bordered tr th, .table-bordered tr td {
    border: 1px solid #dedede !important;
    padding: 14px 20px !important;
    vertical-align: middle !important;
    color: #444;
    font-weight: 300;
    line-height: 1.6;
}
.table-bordered tr th {
    color: #222;
    font-weight: 500;
    background: #f8f8f8;
}

/* .dh-board,
.dh-view-box,
.bbs-list-edit-layout #insertForm,
.bbs-list-add-layout #insertForm,
.bbs-blog-edit-layout #insertForm,
.bbs-blog-add-layout #insertForm {
	display: none;
} */

.iphakinfobox {
    background-image: url(/skin/img/sub/iphakinfobox-bg.jpg);
    padding: 60px 55px;
    background-repeat: no-repeat;
    background-size: cover;
}
.iphakinfobox .sub-content-title {
    color: #fff;
    margin-bottom: 15px !important;
    font-size: 30px;
    margin: 0 0 !important;
    line-height: 1.4;
    letter-spacing: -0.5px;
    font-weight: 600;
}
.iphakinfobox .sub-content-title em {
    color: #ff95bf;
    font-style: inherit;
}
.iphakinfobox .sub-content-title .gray {
    color: #ffffff;
    opacity: 0.5;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1;
    display: block;
    letter-spacing: 0;
    font-weight: 400;
}
.iphakinfobox .description {
    color: #fff;
    opacity: 0.75;
    font-size: 15px;
    letter-spacing: -0.4px;
    margin: 15px 0 40px;
}
.iphakinfobox a.btn {
    border: none;
    border-radius: 0;
    padding: 14px 20px;
    background: #37333d;
    font-weight: 600;
    color: #fff;
    transition: 0.2s;
    text-align: left;
    font-size: 14px;
    letter-spacing: -0.04em;
}
.iphakinfobox a.btn:hover {
    background: rgb(235, 34, 114);
    color: #fff;
}
.iphakinfobox a.btn i {
    display: none;
}
.iphak01 h3 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -0.06em;
    border-top: 1px solid #e6e6e6;
    padding-top: 18px;
    position: relative;
}
.iphak01 h3:before {
	content: '';
    background: #000;
    width: 30px;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 0;
}

@media (max-width:539px){
	.iphakinfobox {
		padding: 60px 30px;
	}
	.iphakinfobox .sub-content-title {
		font-size: 17px;
		line-height: 1.6;
	}
	.iphakinfobox .sub-content-title .gray {
		margin-bottom: 15px;
	}
	.iphakinfobox .description {
		font-size: 13px;
		line-height: 1.7;
		margin: 5px 0 30px;
	}
	.iphakinfobox a.btn {
		font-size: 13px;
		padding: 10px;
	}
}


/* tel */
.tel-box {
    background: #f3f3f3;
    padding: 30px 30px;
}
.tel-box .tel-title {
    margin: 0;
    background: #222;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    width: 120px;
    padding: 10px 0;
    margin-right: 20px;
    text-align: center;
    border-radius: 50px;
}
.tel-box p {
    display: inline-block;
    margin: 0;
    font-size: 18px;
    color: #333;
}

.tel-box p i {
    font-family: "FontAwesome" !important;
    font-style: normal;
    color: #70BF12;
    margin-right: 8px;
    font-weight: 400;
    display: inline-block;
    line-height: 1;
}

.tel-box p span {
    margin-right: 20px;
}


/* blog 게시판 */
.bbs-blog2-index-layout .dhb-txt-box-type-b {
    background-color: #fff;
    border: none;
}

.dhb-txt-box-type-b-text-layout {
    text-align: center;
}

.dhb-txt-box-type-b-text-layout h4 {
    padding: 12px 0;
    margin: 0;
    background: #f8f8f8;
    border: 1px solid #dedede;
    border-top: none;
}
.dhb-txt-box-type-b-text-layout h4 a {
    color: #222;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.04em;
}
.dhb-txt-box-type-b-img-layout .thumb-hidden {
    max-height: 120px;
    box-shadow: none;
    border: 1px solid #dedede;
    border-bottom: none;
}
.dhb-txt-box-type-b-text-layout .txt-box-footer {
	display: none;
}

.thumb-hidden>a>img{
	transition:all .5s ease-out;
}
.thumb-hidden:hover>a>img{
	transform:scale(1.2);
	transform-origin:center center;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b:hover h4 {
    background: #70BF12;
    border-color: #70BF12;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b:hover h4 a {
    color: #fff;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b:hover .thumb-hidden {
     border: 1px solid #70BF12;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #284AAB;
    border-color: #284AAB;
}
.main-box i {
    font-family: "FontAwesome" !important;
    font-style: normal;
    text-align: center;
    display: block;
    margin: 0 auto 10px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    font-size: 40px;
    background: #37333d;
    color: rgba(255, 255, 255, 0.8);
    line-height: 120px;
}
.main-box h4 {
    width: 120px;
    text-align: center;
    color: #37333d;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.04em;
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
}
.main-box a:hover, .main-box a:focus {
	text-decoration: none;
}
.main-box a:hover i, .main-box a:focus i {
    color: #fff;
    background: #70BF12;
}
.main-box a:hover h4, .main-box a:focus h4 {
    color: #70BF12;
    border-bottom: 1px solid #70BF12;
    letter-spacing: 0.08em;
}
.intro-board-widget-layout {
    margin: 0;
}
.intro-boardbox, .main_contact_wrap {
	float: none;
	display: block;
	padding: 0 15px 30px;
}

.contact_inner i {
    font-family: "FontAwesome" !important;
    font-style: normal;
    text-align: center;
    display: block;
    margin: 0 auto 20px;
    font-size: 40px;
    color: #284AAB;
}
.main_contact_wrap .contact a:hover i, .main_contact_wrap .contact a:focus i {
    color: #70BF12 !important;
}

.main_contact_wrap .contact a:hover, .main_contact_wrap .contact a:focus {
	text-decoration: none;
}

/* 2018-05-30 */
#myCarousel .carousel-caption {
	margin-left:auto;
	margin-right:auto;
	padding-top:0;
	padding-bottom:0;
	text-shadow:none!important;
	left: 0;
	right: 0;
	padding-left:15px;
	padding-right:15px;
}

@media (min-width: 768px) {#myCarousel .carousel-caption {width: 750px;}}
@media (min-width: 992px) {#myCarousel .carousel-caption {width: 970px;}}
@media (min-width: 1200px) {#myCarousel .carousel-caption {width: 1170px;}}

#myCarousel .carousel-menu > .row {
	margin-left:0;
	margin-right: 0;
}

#myCarousel .carousel-menu > .row > div {
	padding-left:0;
	padding-right:0;
}

@media (min-width: 768px) {
	#myCarousel .carousel-caption {
		top: 0;
		bottom: 0;
	}
	
	#myCarousel .carousel-caption .carousel-text {
		position: relative;
		width: 65%;
		top: 150px;
		text-align: left;
		float: left;
	}

	#myCarousel .carousel-caption .carousel-menu {
		width: 35%;
		position: relative;
		float: right;
	}
}

#myCarousel .carousel-menu > .row > div > a {
	display:block;
	padding:35px 15px;
	text-decoration:none!important;
	background-image: url(/skin/img/sl_plus.png);
	background-repeat:no-repeat;
	background-position:right top;
/* 	transition: ease .3s all; */
}

#myCarousel .carousel-menu > .row > div > a:hover {
	-moz-box-shadow:    inset 0 0 15px rgba(0,0,0,.35);
	-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,.35);
	box-shadow:         inset 0 0 15px rgba(0,0,0,.35);
}

#myCarousel .carousel-menu > .row > div > a > label {
	display:block;
	color:#FFF;
	font-size:17px;
	font-weight:400;
	margin:10px 0 0;
	text-decoration:none!important;
	letter-spacing:-0.03em;
	text-shadow:none!important;
}

#myCarousel .carousel-text .carousel-text-add .btn.btn-carousel {
	padding: 15px 30px;
	background-color: #284AAB;
	color: #FFF;
	font-size: 15px;
	font-weight: 300;
	letter-spacing:-0.03em;
	border: none;
	border-radius: 0;
}

#myCarousel .carousel-text .carousel-text-add .btn.btn-carousel:hover,
#myCarousel .carousel-text .carousel-text-add .btn.btn-carousel:focus {
	background-color: #23419A;
}

#myCarousel .carousel-text .carousel-text-add .btn.btn-carousel .fa {
	margin-left: 5px;
}

#myCarousel .carousel-menu > .row > div:nth-of-type(1) > a {background-color: #2E94D6;}
#myCarousel .carousel-menu > .row > div:nth-of-type(2) > a {background-color: #3365AA;}
#myCarousel .carousel-menu > .row > div:nth-of-type(3) > a {background-color: #35A7CC;}
#myCarousel .carousel-menu > .row > div:nth-of-type(4) > a {background-color: #70AADC;}
#myCarousel .carousel-menu > .row > div:nth-of-type(5) > a {background-color: #3365AA;}
#myCarousel .carousel-menu > .row > div:nth-of-type(6) > a {background-color: #2E94D6;}

@media (min-width: 768px) {
	#myCarousel {
		overflow: hidden;
	}
	
	#myCarousel .carousel-inner > .item {
		height: 525px;
	}
	
	#myCarousel .carousel-text h1 {
		font-size: 48px;
		font-weight: 500;
		letter-spacing: -0.05em;
		margin: 0 0 30px;
	}
	
	#myCarousel .carousel-text p {
		font-size: 15px;
		font-weight: 300;
		letter-spacing: -0.05em;
		line-height: 1.8;
		margin-bottom: 50px;
		color: rgba(255,255,255,.75);
	}
}

.intro-board-widget-layout{
	position:relative;
/* 	top:-80px; */
	max-width:1170px;
	margin:40px auto 50px;
}
.intro-boardbox .page-header {
    margin: 0 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.intro-boardbox .page-header h4 {
    margin: 0;
}
.intro-boardbox-type-bbs h4{
    font-size: 22px;
    font-weight: 400;
    letter-spacing: -0.03em;
}
.intro-boardbox-type-bbs a[type="button"]{
	background-color: #2A49A6;
    color: #FFF!important;
    padding: 1px;
    line-height: 1;
    font-size: 10px;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    margin-top: 3px;
	transition:all .2s ease-in-out;
}
.intro-boardbox-type-bbs a[type="button"]:before{
	content: "MORE";
    position: absolute;
    right: 30px;
    font-weight: 400;
    font-size: 12px;
    margin-right: 5px;
    opacity: 1;
    transform: none;
    color: #414141;
    transition: all .2s ease;
}
/* .intro-boardbox-type-bbs h4:hover a[type="button"]{
	transform:rotate(45deg);
}
.intro-boardbox-type-bbs h4:hover a[type="button"]:before{
	transform:rotate(-45deg) translateY(23px);
	right:30px;
	opacity:1;
} */
.intro-boardbox-type-bbs .front-panel{
	padding:0;
}
.intro-boardbox-type-bbs .front-panel>.panel{
	
	border:none;
	box-shadow:none;
	
}
.intro-boardbox-type-bbs .panel-body{
	padding:0px 5px;
}
.intro-boardbox-type-bbs .dh-front-list2 h5{
	display:none;
}
.dh-front-list2 h6 a:hover span{
	text-decoration:none;
	color:#3d92ce;
}
.intro-boardbox-type-bbs .dh-front-list2 h6 a, 
.intro-boardbox-type-bbs .dh-front-list2 h6 a span {
    font-weight: normal;
    color: #666;
}

.intro-boardbox-type-bbs .dh-front-list2 h6 a{
	display:inline-block;
	position:relative;
	width:100%;
}
.intro-boardbox-type-bbs .dh-front-list2 .list-row-subject:before {
    content: "·";
    display: inline;
    margin-right: 5px;
    font-weight: 600;
    color: #333;
}
.list-row-subject{
	white-space: nowrap; 
	overflow:hidden;
	display:inline-block;
	width:70%;
	text-overflow:ellipsis;
}
.list-row-regdate{
	position:absolute;
	right:0;
	display:inline-block;
	width:25%;
	text-overflow:ellipsis;
}
.dh-front-list2-words .row-separator,
.dh-front-list2-words small{
	display:none;
}
.dh-front-list2-words a .list-row-subject:hover {
    color: #3d92ce !important;
    text-decoration: underline;
}
@media(min-width:992px){
	.intro-boardbox-type-bbs{
		width:33.3333%;
		float: left;
	}
}
@media (max-width:767px){
	.intro-board-widget-layout{
		top:0;
		margin: 30px auto;
	}
}

.main-con3 {
	background-image:url(/skin/img/main/m_con3_bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:120% auto;
	display:block;
	padding: 37px 40px;
	text-decoration:none!important;
	transition: ease .3s all;
}

.main-con3:hover {
	background-size: 150% auto;
}

.main-con3 img {
    float: left;
    margin-right: 20px;
}

.main-con3 p {
    font-size: 20px;
    color: #FFF;
    font-weight: 600;
    letter-spacing: -0.05em;
    margin: 10px 0 3px;
}

.main-con3 span {
    color: rgba(255,255,255,.75);
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

/* Sub */
.container.sub-layout {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.is-sub {
	padding-bottom: 100px;
}

.is-sub header {
    height: 220px;
    padding: 90px 0;
    margin: 0 0 50px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.is-sub header.visual1 {background-image:url(/skin/img/slide/slide.jpg);}

.is-sub header h2 {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0.15em;
	text-indent: 0.15em;
    text-align: center;
	color: #FFF;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
    margin: 0;
    line-height: 1;
}

.is-sub-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #414141;
    word-break: keep-all;
    margin: 0 0 20px;
}

#introduce-box {
    background-color: #284AAB;
    background-image: url(/skin/img/sub/introduce_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px 0;
}

#introduce-box .lead {
    margin: 0;
    /* border: 1px solid rgba(255, 255, 255, .25); */
    padding: 100px 30px;
    text-align: center;
    /* letter-spacing: -0.03em; */
    color: #FFF;
    line-height: 1.8;
    font-size: 22px;
    letter-spacing: -0.05em;
    padding: 20px 30px;
    margin: 30px 0px 350px;
    background-color: rgba(30, 48, 99, 0.5);
}

@media (max-width: 767px) {
	#introduce-box .lead {
		padding: 50px 15px;
	}
}

.is-sub-content h4 {
	font-size: 22px;
	font-weight: 600;
	margin: 30px 0 10px;
}

#organization .is-sub-content .container .content:nth-child(2){
    padding: 90px 90px 0;
}
#organization .is-sub-content h4{
    margin: 30px 0 45px;
    font-size: 28px;
}
#organization .is-sub-content .container .content:nth-child(2) .table-chairman{
    border-top: 2px solid #284AAB !important;
}
#organization .is-sub-content .container .content:nth-child(2) .table-chairman th, #organization .is-sub-content .container .content:nth-child(2) .table-chairman td{
    
}
#organization .is-sub-content .container .content:nth-child(2) .table-chairman th{
    background: #2E94D6;
    color: #fff;
    font-size: 17px;
    text-align: center;
}
#organization .is-sub-content .container .content:nth-child(2) .table-chairman th small{
    font-size: 14px;
    display: block;
}
#organization .is-sub-content .container .content:nth-child(2) .table-chairman td{
    font-size: 16px;
    color: #000;
    font-weight: 500;
    letter-spacing: 0.023em;
}

.is-sub-content ul, .is-sub-content ol {
	padding-left: 20px;
}

.is-sub-content ul > li, .is-sub-content ol > li {
    font-size: 16px;
    line-height: 1.8;
    color: #414141;
    word-break: keep-all;
}

.is-sub-content ul > li {
	list-style-type: circle;
}

.is-sub-content ol > li {
	list-style-type: decimal;
}

.is-sub-content ul.list-type-ganada > li {
	list-style-type: hangul-consonant;
}

.is-sub-content ul.list-type-roma > li {
	list-style-type: upper-roman;
}

.scroll-box {
	height: 250px;
	border: 1px solid #DDD;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 15px 30px;
	margin: 0;
}

#executive .table th, #executive .table td {
	text-align: center;
	vertical-align: middle;
}
#executive .table td[rowspan]{
    background: #fff;
}
#executive .table tr:nth-last-child(2){
    background: #fff;
}

#executive .table tr:nth-last-child(2), #executive .table tr:nth-last-child(6), #executive .table tr:nth-child(10){
    border-top: 4px double #ddd;
}

/* .dh-front-list2-words {
	margin-top: 8px;
}

.dh-front-list2 h6 {
	border-bottom: 1px solid #DEDEDE;
    padding-bottom: 6px;
} */

#article .is-sub-content h5 {
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0 10px;
}

#article .is-sub-content p+ol, #article .is-sub-content p+ul {
    margin-top: -20px;
    margin-bottom: 20px;
}

#article .list-circle{padding: 0;}
#article .list-circle>li{list-style-type: none;position: relative;padding-left: 20px;}
#article .list-circle>li>span{left: 0;position: absolute;}

#mailForm {
    width: 80%;
    margin: 0 auto;
}
#mailForm .form-group {
    margin: 0;
    padding: 22px 40px;
    background: none;
    border-bottom: 1px solid #dedede;
}
#mailForm .form-group:first-child {border-top: 2px solid #000;}
#mailForm .form-group:nth-child(5) {background: none; border: none; padding: 30px 25px;}
#mailForm .form-group label {width: 15%; float: left; margin: 10px 0 0;}
#mailForm .form-group input.form-control, #mailForm .form-group textarea.form-control {width: 85%; max-width: 935px; border: 1px solid #d0d0d0; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0);}
#mailForm .form-group input.form-control {height: 40px;}
#mailForm .form-group p.error, #mailForm .form-group~p.error {margin: 0; color: #e83428; font-size: 12px}
#mailForm .form-group~p.error {padding-left: 35px; margin: -15px 0 0;}
#mailForm .form-group .checkbox {margin: -8px 0 0;}
#mailForm .form-group .checkbox label {width: 100%; margin: 0;}
@media screen and (max-width: 991px) {
    #mailForm .form-group input.form-control, #mailForm .form-group textarea.form-control {max-width: 567px;}
}
@media screen and (max-width: 767px) {
    #mailForm .form-group {padding: 20px 15px;}
    #mailForm .form-group label {width: 20%; font-size: 13px; font-weight: 500; letter-spacing: -0.05em;}
    #mailForm .form-group input.form-control, #mailForm .form-group textarea.form-control {width: 80%;}
    #mailForm .form-group~p.error {padding-left: 15px; margin: 0;}
}
#mailForm .btn-primary {
    background: #284AAB;
    border: 1px solid #284AAB;
    box-shadow: none;
    border-radius: 4px;
    text-shadow: none;
    max-width: 220px;
    padding: 14px 0px;
    margin: 20px auto 0;
}
input[type=button].btn-block:hover, input[type=reset].btn-block:hover, input[type=submit].btn-block:hover {
    background: #4266D2 !important;
    border: 1px solid #4266D2 !important;
    color: #fff;
}
#mailForm label[for='mail_agree'] {
    color: #888;
    font-size: 12px;
    line-height: 1.6;
}

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

.btn.btn-primary.btn-lg {
	padding: 12px 40px;
	background-color: #284aab;
	border: 2px solid #284aab;
	color: #fff;
	box-shadow: 0px 2px 0px #203986;
}

.btn.btn-primary.btn-lg:hover, .btn.btn-primary.btn-lg:focus {
	background-color: #fff;
	color: #284aab;
	box-shadow: inset 0px 2px 0px #203986;
}

/* 2018-10-29 added */
.logo_slider {
	max-width: none !important;
}
#mailForm label[for='mail_agree'] {
    color: #888;
    font-size: 12px;
    line-height: 1.6;
}

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

.btn.btn-primary.btn-lg {
	padding: 12px 40px;
	background-color: #284aab;
	border: 2px solid #284aab;
	color: #fff;
	box-shadow: 0px 2px 0px #203986;
}

.btn.btn-primary.btn-lg:hover, .btn.btn-primary.btn-lg:focus {
	background-color: #fff;
	color: #284aab;
	box-shadow: inset 0px 2px 0px #203986;
}

/* 2018-10-29 added */
.logo_slider {
	max-width: none !important;
}