@charset "UTF-8";
/*!
* DePLAY - Modern Business
* Copyright 2018 DePLAY
*/
/* font */
@import url(/theme/dp-jcleak/css/font.css);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/*@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);*/
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
/* root */
body {font-weight: 300;line-height: 1.6;-webkit-font-smoothing: antialiased;font-family: "Noto Sans KR", "Nanum Gothic", "나눔 고딕", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
h1, h2, h3, h4, h5, h6, nav li.nav-item {font-family: "Noto Sans KR", "Nanum Gothic", "나눔 고딕", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
.subpages h1, .subpages h2, .subpages h3, .subpages h4, .subpages h5, .subpages h6, .sidebar #dropdown a.td {font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important}
a {color: inherit;text-decoration: none;transition: .33s all ease-out;}
a:hover {color: inherit!important;text-decoration: none;}
.bg-orange {background:#fcba63}
.ml-auto, .mx-auto {margin: auto!important;}
.dp-img-mg {margin-top: 40px;margin-bottom: 40px}
a.navbar-brand img {width: 190px!important;}
@media (max-width: 768px) {a.navbar-brand img {width: 170px!important;}}
.border1px * {border: 1px solid #d1dee2;}
.dp-mg-fluid {max-width: 100%;height: auto;}
#ctt_con p {font-family: "Noto Sans KR", "Nanum Gothic", "나눔 고딕", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;word-break: keep-all;}
/* process_cn*/
.process_cn #ctt_con p {word-break: break-word;}
/* company_cn */
.company_cn #ctt_con p {font-family: "Noto Sans KR", "Nanum Gothic", "나눔 고딕", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;word-break: normal;}
#ctt_con iframe {border: 0!important;}
#ctt_con .container {padding-right: 0px;padding-left: 0px;}
/* Animated Hamburger Menu */
.hamburger {
width: 35px;
height: 24px;
position: relative;
/*margin: 50px auto;*/
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
outline: 0!important;
}
.hamburger .navbar-toggler-icon {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #b3b3b3;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.hamburger .navbar-toggler-icon:nth-child(1) {
top: 0px;
}
.hamburger .navbar-toggler-icon:nth-child(2),
.hamburger .navbar-toggler-icon:nth-child(3) {
top: 10px;
}
.hamburger .navbar-toggler-icon:nth-child(4) {
top: 20px;
}
.hamburger.open .navbar-toggler-icon:nth-child(1) {
top: 10px;
width: 0%;
left: 50%;
}
.hamburger.open .navbar-toggler-icon:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.hamburger.open .navbar-toggler-icon:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.hamburger.open .navbar-toggler-icon:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
/* nav */
.stickynav {z-index: 999;position: fixed;top: 0;width: 100%;box-shadow: 0 1px 10px 0 rgba(67, 68, 69, 0.3);}
.gnb_en .deps1 .a1 {text-transform:uppercase!important;}
@media (min-width: 992px){
/*메인글로벌메뉴세로사이즈스크롤컨트롤*/
.index .deps1 .a1 {padding-top: 1.95rem;padding-bottom: 1.95rem}
.index .stickynav .deps1 .a1 {padding-top: 0rem;padding-bottom: 0rem}
/*서브글로벌메뉴세로사이즈스크롤컨트롤*/
.bbs .deps1 .a1 {padding-top: 1.8rem;padding-bottom: 1.8rem}
.bbs .stickynav .deps1 .a1 {padding-top: 0rem;padding-bottom: 0rem}
}
a#dp-navbarDropdown {font-size: 21px!important;}
.navbar {border-top: 5px solid #0c0d63;border-bottom: 0px solid #ddd;}
.navbar .dp-btn-secondary {
color: #828282!important;
background-color: #fff;
border-color: #d9d9d9;
}
.navbar .dp-btn-group-sm>.btn, .navbar .btn-sm {
padding: .25rem .5rem;
font-size: .6rem;
line-height: 1.5;
border-radius: .2rem;
}
/*
nav a, nav a:focus, nav a:active, nav a:hover {
font-size: 14px;
font-weight:400;
color: #fff!important;
transition: .33s all ease-out;
}*/
nav li.nav-item {
list-style: none!important;
margin: 0px;
padding: 0px;
}
nav .dropdown-menu a {left: -0px; transition: all 0.2s ease!important;}
nav .dropdown-menu a:hover {
color: #262626;
text-decoration: none;
background-color: transparent;
-webkit-transform: translateX(2px) translate(2px);
-moz-transform: translateX(2px) translate(2px);
-ms-transform: translateX(2px) translate(2px);
-o-transform: translateX(2px) translate(2px);
transform: translateX(2px) translate(2px);
transition: .2s;
}
/*
nav .dropdown-menu > li > a:before {
position: absolute;
top: -2px;
left: -6px;
content: '\f105';
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: normal;
text-decoration: inherit;
font-size: 16px;
line-height: inherit;
color: #cca876;
opacity: 0;
visibility: hidden;
}
nav .dropdown-menu > li > a:hover {
padding-left: 14px;
padding-right: 0;
}
nav .dropdown-menu > li > a:hover:before {
left: 0;
opacity: 1;
visibility: visible;
}
*/
.navbar-toggler-icon {
background-image: url('data:image/svg+xml;charset=utf8,')!important;
}
/*Nav Menu Click Color*/
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #f0f0f0;
}
/* button */
.btn.white{
background-color:#646464;
}
.btn.white:hover{
background-color:rgba(255, 255, 255, 0.4);
}
/* Menu Menbers */
@media (max-width: 992px) {
.navbar .btn-group {margin-left: 20px;display: inline-block!important;}
.navbar .btn-group.dp-btn-en {margin-left: 0px!important;display: inline-block!important;}
.navbar .btn {border: 0px solid transparent;}
.navbar .dp-btn-group-sm>.btn {font-size: .8rem!important;color: rgba(0,0,0,.5)!important;}
.navbar .dropdown-divider {margin: 0 0 .2rem 0;}
.navbar .navbar-brand {padding-bottom: 0rem!important;}
}
/* Top Menu */
/* Large desktop */
/* Show mouse over submenu*/
.bg-white {background-color: #fff!important;}
.navbar-dark .navbar-brand {color: #222;}
/* Main Carousel */
.dp-position {position: relative;}
a.dp.btn_admin {
display: inline-block;
padding: 7px;
border: 1px solid #e8180c;
background: #e8180c;
color: #fff;
text-decoration: none;
vertical-align: middle;
}
.mt-4, .my-4 {margin-top: 0rem!important;}
.mb-4, .my-4 {margin-bottom: 0rem!important;}
#main_slide {margin-top: 120px;}
@media (max-width: 480px){#main_slide {margin-top: 75px;}}
@media (max-width: 992px){#main_slide {margin-top: 75px;}}
#carousel {margin-bottom: 10px;}
.carousel {height: auto;}
.carousel-item {height: auto;}
.carousel-caption {
position: absolute;
top: 35%;
right: 15%;
bottom: 35%!important;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
.carousel-caption h3 {
font-size: 2.5rem;
font-weight: 500;
letter-spacing: -0.08em;
/*text-shadow: 0 1px 2px rgba(0,0,0,.8);*/
margin-bottom: 0px;
}
.en .carousel-caption h3 {
letter-spacing: -0.05em;
}
.carousel-caption h3 span {margin-right: 5px}
.carousel-caption p {
font-size: 1.50rem;
font-weight: 300;
letter-spacing: -0.08em;
margin-bottom: 1px;
color: rgba(0,0,0,.8);
}
.en .carousel-caption p {
letter-spacing: -0.05em;
}
@media (min-width: 480px){
.msb01 .carousel-caption {top: 27%;bottom:27%;left: 10%!important;text-align: left;}
.msb01 .carousel-caption h3 {font-size: 47px;color: #000;}
.msb01 .carousel-caption p {font-size: 18px;color: #444;margin-left:4px}
.msb01 .carousel-caption p:last-child {color: #050551;}
.bn02 .carousel-caption {right: -15%!important;}
.bn04 .carousel-caption {left: -7%!important;}
}
@media (max-width: 480px){
.carousel-caption h3 {font-size: 1.8rem;font-weight: 500;letter-spacing: -0.08em;/*text-shadow: 0 1px 2px rgba(0,0,0,.8);*/margin-bottom: 0px;}
.carousel-caption h3 span {margin-right: 5px}
.carousel-caption p {font-size: 1.00rem;font-weight: 300;letter-spacing: -0.03em;margin-bottom: 1px;color: rgba(0,0,0,.8);}
}
.box-yellow {padding-left: 10px;padding-right: 10px;background-color: rgba(255,183,0,.8);}
.big {font-size: 3.75rem;}
.carousel-caption h3, .carousel-caption p {}
/* Main */
.main_contact {position: relative;font-size: 16px;font-weight: 300;color: #ffffff;padding-top: 13px;padding-bottom: 12px;background-color: #fcba63}
.main_contact img {width: 86px;margin-top: -8px;margin-right: 6px}
.card-title {font-size: 17px;color: #555;font-weight: 600;margin-bottom: 6px;}
.en .card-title {letter-spacing: -0.05em;}
.card-title span {font-size: 19px;}
.card-title.t-m-orange span {color: #fcba63}
.card-title.t-m-blue span {color: #6dccde}
.card-title.t-m-green span {color: #54b862}
.card .card-text {font-size: 14px;color: #000}
.card-body {padding: 1.25rem 0.2rem;}
.banner-figure{position:relative;overflow:hidden;border-radius: 1rem;}
.banner-figure span.overlay{-webkit-transition:all 0.2s ease-out;transition: all 0.2s ease-out;position:absolute;bottom:0px;left:0px;z-index:1;background-color:#000;width:100%;height:100%;opacity:0.1;}
.banner:hover .banner-figure span.overlay{opacity:0.3;}
.banner .banner-figure img {-webkit-transition:all 0.2s ease-out;transition: all 0.2s ease-out;-webkit-transform: scale(1.08);transform: scale(1.08);width:100%;}
.banner:hover .banner-figure img {-webkit-transform: scale(1);transform: scale(1);}
.index .banner .title span {
font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
letter-spacing: 0em;
}
#featured01 {margin-top: 10px!important;}
#featured01 section {margin-bottom: 10px!important;}
#featured02 section {margin-bottom: 10px!important;}
#featured01 .banner.en .title {letter-spacing: 0px;}
#featured02 .banner.en .title {letter-spacing: 0px;}
.index .notice {padding: 25px 30px;border: 1px solid #cecece;border-radius: 1rem;}
.index .notice h4 .la-title {font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-size: 34px;font-weight: 700;}
.index .title, .index .tel, .index .time {font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;margin: 0 1.1rem}
.cn.index .title, .index .tel, .index .time {font-family: 'Noto Sans SC', Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;margin: 0 1.1rem}
.index .icon img {width: 2.5rem;height: 2.5rem}
.index .icon {display: inline-block;}
.index .title {font-size: 1.5rem}
.index .title.en {font-size: 1.5rem;font-weight: 400;margin: 0 0.6rem;}
.index .tel.en {margin: 0 0.6rem;}
.index .time.en {font-size: 1.1rem;margin: 0 0.6rem;}
.index .tel {font-size: 1.3rem;font-weight: 100;}
.index .time {font-size: .8rem;font-weight: 100;}
@media (max-width: 992px){
.index .dp-wbox span {display: block;}
.index .icon img {width: 1.8rem;}
.index .title {font-size: 1.2rem;}
.index .tel {font-size: 1.1rem;font-weight: 100;word-break:keep-all;}
.dp-wbox {padding: 1.5rem 1.25rem!important;}
}
.dp-wbox {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 1rem;
}
.dp-wbox.en {
padding: 1.2rem 1.25rem;
}
.dp-wbox-secondary {
color: #fff;
background-color: #75828e;
border-color: #fff;
}
.banner {position: relative;float: left;margin: 4% 0 0;width: 100%;height: 100%;/*text-transform: uppercase;*/}
.banner img { width:100%; }
.banner .title {word-break:keep-all}
.index .banner p.bn-sc, .index .banner p.bn-time {font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 15px;font-weight: 400;color: rgba(38,59,90,1);float: left;position: absolute;}
.index .banner p.bn-time {margin-bottom: 0}
.index .banner .icon {position: absolute;top: 185px;left: 25px;}
.index .banner p.bn-sc {top: 205px;left: 100px;}
.index .banner p.bn-time {top: 227px;left: 100px;}
@media (max-width: 1200px){
.banner .title {margin-bottom: 0px!important;}
.index .banner ul {top: 70px!important;}
.index .banner li {font-size: 16px!important;}
.index .banner .icon {position: absolute;top: 145px!important;left: 25px!important;}
.index .banner p.bn-sc {top: 173px!important;left: 90px!important;font-size: 12px!important;}
.index .banner p.bn-time {top: 190px!important;left: 90px!important;font-size: 12px!important;}
}
@media (min-width: 480px){
.banner .title {font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;position: absolute;top: 30px;left: 0.9rem;color: #fff;font-size: 1.8rem;font-weight: 100;line-height: 29px;letter-spacing: 0rem;}
.banner .title span {display: table;font-size: 14px;letter-spacing: -0.03em; border-bottom: 1px solid rgb(217, 217, 217);line-height: 14px;margin-bottom: 10px;}
#featured02 .banner .title span {display: table;font-size: 14px;font-weight: 300;border-bottom: 1px solid rgb(217, 217, 217);line-height: 14px;margin-bottom: 10px; letter-spacing:0.5px;}
#featured02 .banner .title {font-size: 27px;}
}
@media (max-width: 992px) {#featured02 .col-12 {order: -1}}
@media (max-width: 768px) {
#featured02 .col-sm-12 {order: -1}
#featured02 .col-12 {order: -1}
.index .banner .icon {position: absolute;top: 170px!important;left: 20px;float: left;}
.index .banner p.bn-sc, .index .banner p.bn-time {font-size: 13px!important;font-weight: 400;color: rgba(38,59,90,1);}
.index .banner p.bn-sc {top: 196px!important;left: 100px!important;}
.index .banner p.bn-time {top: 215px!important;left: 100px!important;}
}
@media (max-width: 480px){
.banner .title {font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;position: absolute;top: 25px;left: 0.2rem;color: #fff;font-size: 16px;font-weight: 100;line-height: 22px;}
.banner .title span {display:table;font-size: 10px;border-bottom: 1px solid rgb(217, 217, 217);letter-spacing: -0.05em;margin-bottom: 5px;line-height: 14px;}
.br1rem {border-radius: 1rem;}
#featured02 .col-12 {order: -1}
#featured02 .banner .title span {display: table;font-size: 10px;border-bottom: 1px solid rgb(217, 217, 217);line-height: 14px;margin-bottom: 5px}
#featured02 .banner .title {line-height: 18px;}
}
.index .col, .index .col-1, .index .col-10, .index .col-11, .index .col-12, .index .col-2, .index .col-3, .index .col-4, .index .col-5, .index .col-6, .index .col-7, .index .col-8, .index .col-9, .index .col-auto, .index .col-lg, .index .col-lg-1, .index .col-lg-10, .index .col-lg-11, .index .col-lg-12, .index .col-lg-2, .index .col-lg-3, .index .col-lg-4, .index .col-lg-5, .index .col-lg-6, .index .col-lg-7, .index .col-lg-8, .index .col-lg-9, .index .col-lg-auto, .index .col-md, .index .col-md-1, .index .col-md-10, .index .col-md-11, .index .col-md-12, .index .col-md-2, .index .col-md-3, .index .col-md-4, .index .col-md-5, .index .col-md-6, .index .col-md-7, .index .col-md-8, .index .col-md-9, .index .col-md-auto, .index .col-sm, .index .col-sm-1, .index .col-sm-10, .index .col-sm-11, .index .col-sm-12, .index .col-sm-2, .index .col-sm-3, .index .col-sm-4, .index .col-sm-5, .index .col-sm-6, .index .col-sm-7, .index .col-sm-8, .index .col-sm-9, .index .col-sm-auto, .index .col-xl, .index .col-xl-1, .index .col-xl-10, .index .col-xl-11, .index .col-xl-12, .index .col-xl-2, .index .col-xl-3, .index .col-xl-4, .index .col-xl-5, .index .col-xl-6, .index .col-xl-7, .index .col-xl-8, .index .col-xl-9, .index .col-xl-auto {padding-right: 5px;padding-left: 5px;}
.br1rem {border-radius: 1rem;}
.index section.banner {margin-top: 0rem;}
.index .banner .card {
position: relative;
display: -ms-flexbox;
display: block;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
margin-bottom: 0rem;
padding: 25px 30px;
min-width: 0;
height: 100%;
word-wrap: break-word;
background-color: #7189aa;
background-clip: border-box;
border: 0px solid #7189aa;
border-radius: 1rem;
}
/*.index .banner ul {margin: 0;padding: 0;list-style: none;margin-bottom: 5px;}*/
.index .banner ul {margin: 0;padding: 0;list-style: none;position: absolute;top: 80px;left: 30px;}
}
@media (max-width: 992px){
.index .banner .card{padding: 30px 30px}
.index .banner ul {margin-top: 10px;margin-bottom: 10px;display: inline-block;}
}
.index .banner li {font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 19px;color: rgba(255,255,255,1);margin-bottom: -2px;}
.index .banner .card-icon i {margin-right: 6px;margin-left: -4px;}
.index .banner .card-header {
font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
font-size: 27px;
font-weight: 500;
padding: 0rem;
margin-bottom: 8px;
color: rgba(255,255,255,1);
background-color: #7189aa;
border-bottom: 0px solid #7189aa;
text-align: left;
}
@media (max-width: 480px){
.index .notice {
padding: 10px 20px;
border: 1px solid #cecece;
border-radius: 1rem;
}
.index .notice h4 .la-title {
font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 20px;
font-weight: 700;
}
.index .banner {font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.index .banner .card-header {font-size: 16px;margin-bottom: 0px;}
.index .banner .card {padding: 25px 25px;height: 100%}
.index .banner ul {top:50px!important;left: 25px!important;}
.index .banner li {left: 10px!important;font-size: 11px!important;line-height: 1.7!important;}
.index .banner .material-icons {font-size: 3.0rem!important;color: rgba(38,59,90,0.5);float: left;}
.index .banner .card-icon i {margin-right: 0px;margin-left: -4px;}
.index .banner .icon {position: absolute;top: 105px!important;left: 20px!important;;float: left;}
.index .banner p.bn-sc, .index .banner p.bn-time {font-size: 9px!important;font-weight: 400;color: rgba(38,59,90,1);}
.index .banner p.bn-sc {top: 125px!important;left: 73px!important;}
.index .banner p.bn-time {top: 138px!important;left: 73px!important;}
}
.index .banner .material-icons {font-size: 4.2rem;color: rgba(38,59,90,0.5);float: left;}
/* Notce */
.latest-more a {font-size: 26px!important;color: rgba(0,0,0,0.5)!important;margin-top: 0px!important;}
/* Product */
.pro {margin-top: 65px}
.pro .card-img-top {border-radius: calc(.50rem - 1px);}
.pro .card {border: 0px solid rgba(0,0,0,.125);border-radius: .0rem;}
.pro .portfolio-item .card a {border: 0px solid red;height: 50%!important;}
.pro .portfolio-item .h-100 {height: auto!important;}
/* Info */
.info .col-lg-4, .info .mb-4 {padding-right: 0px!important;padding-left: 0px!important;}
.info .card {background-color:none;border: 0px solid rgba(0,0,0,.125);border-radius: 0;}
.info .card-header:first-child {border-radius: calc(0rem - 1px) calc(0rem - 1px) 0 0;}
.info .card-header {padding: .55rem 1.50rem;}
.info .h-100 {height: 90%!important;}
.info-header1 {color: #fff;background-color: rgba(0,0,0,.6);border-bottom: 0px solid rgba(0,0,0,.125);}
.info-header2 {color: #fff;background-color: rgba(0,0,0,.5);border-bottom: 0px solid rgba(0,0,0,.125);}
.info-header3 {color: #fff;background-color: rgba(0,0,0,.38);border-bottom: 0px solid rgba(0,0,0,.125);}
.info i.fa-plus {font-size: 21px;float: right!important;line-height:1.4}
.info .info-body1-text {margin-left: 30px;margin-top: 4px;}
.info-body1 .material-icons {font-size: 5.8rem;color: rgba(0,0,0,.55)}
.info .info-body1-text strong {font-weight: 700}
.info-body2 .material-icons {font-size: 5.8rem;color: rgba(0,0,0,.45)}
.info .info-body1-text, .info .info-body2-text2, .info .info-body3 {color: #444}
.info .info-body3 span {float: right;}
.info ul, .info li{list-style-type: none !important;list-style: none;padding: 0;}
.info ul li {padding: 0 0 0 13px;background: url(/img/bullet.gif) no-repeat 0 50%;}
.info ul li a {position: relative;display: block;padding: 0px 0px;color: #444;}
.info .info-body2-text, .info .info-body2-text2 {margin-left: 30px}
.info .info-body2-text {font-size: 2.0rem;font-weight: 900;letter-spacing: -0.05em;}
.info .info-body2-text2 {font-size: 1.2rem;}
.info a, .info a:focus, .info a:active {color: #333333!important;transition: .33s all ease-out;}
.bottom_menu {font-size: 0.8rem}
.bottom_menu a, .bottom_menu span {color: #777;margin: 0 4px;}
/* footer */
footer {
font-size: 0.8rem;
padding-top: 0px !important;
padding-bottom: 1rem !important;
color: rgba(100, 100, 100, 1);
}
footer hr, .foot-line hr {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
border: 0;
border-top: 1px solid rgba(207,207,207,1)!important;
margin-right: -5px;
margin-left: -5px;
}
footer .f-r-boxline hr {border-top: 0px solid rgba(143,143,143,1)!important;margin-top: 0.5rem!important;
margin-bottom: 0.5rem!important;}
footer .col-sm-6 hr, footer .col-lg-3 hr {border-top: 2px solid rgba(143,143,143,1)!important;}
.bg-dark {
background-color: #646464!important;
}
footer .f-icon .f-logo {margin-right: 25px}
footer .f-icon a {font-size: 20px;margin-right: 15px}
footer .f-icon a span {font-size: 12px;}
footer .dp-naver-blog img {width: 50px;height: 50px;}
footer .add,footer .add p {display:block;font-size: 13px;color: rgba(102, 102, 102, 1);padding-bottom: 0px;line-height: 20px}
footer .add span {margin-right: 5px}
footer .add {margin-top: 20px;}
.add a {display: inline-block;}
.copy {font-size: 10px; color: rgba(255, 255, 255, 0.7); /*text-transform:uppercase*/}
.designed, .designed a {font-size: 11px;color: #fff;}
footer .pt-5, footer.py-5 {padding-top: 1.5rem!important;padding-bottom: 2.5rem!important;border-top: 1px solid #d8d8d8;}
footer p {padding: 0;line-height: 22px;margin: 0px;}
footer a:hover {
color: #cca876;
}
footer a, footer a:focus, footer a:active {transition: .33s all ease-out;}
footer .add a {color: rgba(102, 102, 102, 1);}
footer .f-news a {color: #ffffff!important}
footer .copyright {font-size: 0.7rem;margin-top: 0px;padding-top: 0px;padding-bottom: 0px;color: rgba(0, 0, 0, 0.5)!important}
footer ul.list-inline {padding-left: 0;list-style: none;margin-top: 5px;}
footer ul, footer ol {list-style: none;padding: 0;margin: 0;}
footer .footer-title span, footer .f-news span {position: absolute;right: 30px;}
footer .f-r-boxline {padding-right: 30px;height: 100%;border-right: 1px solid #878787;display: block;position: relative;}
footer h5.f-t-news {font-weight: 400;text-transform: uppercase;font-size: 26px;}
footer h5.f-t-news span {color: rgba(255, 255, 255, 0.8);text-transform: uppercase;font-size: 12px;font-weight: 100;margin-top: 10px}
footer .f-news span {margin-top: 5px;color: rgba(255, 255, 255, 0.6);}
footer .f-t-brand,footer .f-t-poduct,footer .f-t-news2 {text-transform: uppercase;font-size: 16px}
footer .foot-line {margin-top: 0px}
footer ul.f-news {margin-top: 20px}
footer .f-news a, footer .f-news a span, footer .list a, footer .link-list a {font-size: 13px}
footer .f-logo-guardme img {width: 124px;margin-right: 0px}
footer .f-logo-youtube img {width:68px;height:68px;margin-right: 0px}
footer .f-logo-blog img {width:44px;height:44px;margin-right: 0px}
@media (max-width: 480px){
footer .f-logo-youtube img {width:58px;height:58px;margin-right: 0px}
footer .f-logo-blog img {width:38px;height:38px;margin-right: 0px}
}
footer .btn-secondary {color: #b2b2b2;background-color: #646464;border-color: #8a8a8a;}
footer .btn {font-size: 0.6rem;font-weight:100;padding: .100rem .55rem;border-radius: calc(0rem);width: 10rem;text-align: left;}
footer .btn.dp-btn-secondary {font-size: 0.6rem;letter-spacing: 0.08em;padding: .250rem .65rem;}
footer ul.list-inline li.list-inline-item div.btn-group {margin-top: 6px;margin-bottom: 7px;margin-right: 10px!important;}
footer .dp-dropup .dropdown-menu {padding: 10px;min-width: 13.5rem;border: 1px solid rgba(0,0,0,.15)!important;border-top: 1px solid rgba(0,0,0,.15)!important;left: -11px!important;margin-bottom: .3rem!important;}
footer .dp-dropup .dropdown-menu a {padding: 5px;}
footer .dp-dropup {border: 1px solid rgba(0,0,0,.15);padding: 3px 10px}
footer .dp-dropup .dropdown .dp-lm {margin-left: 70px;color: #4478ce}
footer .dropup .dropdown-toggle::after {display: none;}
footer a.dropdown-toggle {font-size: 0.65rem;color: #b5b5b5!important;}
footer .row-30 {margin-right: -15px;margin-left: -15px;}
.index footer .row-30 {
margin-right: -10px;
margin-left: -10px;
}
/* English */
footer .dp-dropup-en .dropdown-menu {padding: 10px;min-width: 18.5rem;border: 1px solid rgba(0,0,0,.15)!important;border-top: 1px solid rgba(0,0,0,.15)!important;left: -11px!important;margin-bottom: .3rem!important;}
@media (max-width: 992px) and (min-width: 768px) {
footer .dp-dropup-en .dropdown-menu {right: -11px;left:auto!important;}
}
footer .dp-dropup-en .dropdown-menu a {font-size: 0.9rem;}
footer .dp-dropup-en .dropdown-menu a {padding: 0px;}
footer .dp-dropup-en .dropdown-menu li {padding-left: 10px}
footer .dp-dropup-en .dropdown-menu li:first-child {margin-bottom: 8px}
/*footer .dp-naver-blog {display: block;text-indent: -9999px;width: 50px;height: 50px;background:url(/theme/dp-guardme/img/dp-angle-right.svg)!important;background-size: 50px 50px;}*/
/* Sub Pages */
/* history */
#ctt_con .timeline p {
margin: 0px;
}
.text-muted {
color: #777777;
letter-spacing: -0.02em;
}
.text-primary {
color: #fed136;
}
.timeline p {
font-size: 14px;
line-height: 1.75;
}
.timeline p.large {
font-size: 16px;
}
.timeline a,
.timeline a:hover,
.timeline a:focus,
.timeline a:active,
.timeline a.active {
outline: none;
}
.timeline a {
color: #fed136;
}
.timeline a:hover,
.timeline a:focus,
.timeline a:active,
.timeline a.active {
color: #fec503;
}
.timeline h1,
.timeline h2,
.timeline h3,
.timeline h4,
.timeline h5,
.timeline h6 {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
}
.timeline h4 {font-size: 23px}
.timeline h4 span {font-size: 21px}
.day {font-weight: bold;padding-right: 7px; color: #6dccde}
dt.day {float: left;}
dd.text {margin-bottom: 0rem;word-break: keep-all;}
@media (min-width: 768px) {
span.right {float: right!important;padding-left: 7px;}
dt.right {float: right;padding-left: 2px;}
dt.day.right {padding-right: 2px;}
dd.text {margin-right: 28px;}
.timeline-inverted dd.text {margin-left: 26px;margin-right: 0px;}
}
@media (max-width: 768px) {
dd.text {margin-left: 30px;}
}
@media (max-width: 480px){
dd.text {margin-left: 30px;}
}
.timeline {
list-style: none;
padding: 0;
position: relative;
margin-top: 60px;
margin-bottom: 20px
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: "";
width: 2px;
background-color: #f1f1f1;
left: 40px;
margin-left: -1.5px;
margin-top: 5px;
}
.timeline > li {
margin-bottom: 50px;
position: relative;
min-height: 50px;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li .timeline-panel {
width: 100%;
float: right;
padding: 0 20px 0 70px;
position: relative;
text-align: left;
}
.timeline > li .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline > li .timeline-image {
left: 0;
margin-left: 35px;
margin-top: 5px;
width: 10px;
height: 10px;
position: absolute;
z-index: 100;
background-color: #fcba63;
color: white;
border-radius: 100%;
border: 2px solid #f1f1f1;
text-align: center;
}
.timeline > li .timeline-image h4 {
font-size: 10px;
margin-top: 12px;
line-height: 14px;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
text-align: left;
padding: 0 20px 0 70px;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline > li:last-child {
margin-bottom: 0;
}
.timeline .timeline-heading h4 {
margin-top: 0;
color: #fcba63;
}
.timeline .timeline-heading h4.subheading {
text-transform: none;
}
.timeline .timeline-body > p,
.timeline .timeline-body > ul {
margin-bottom: 0;
}
@media (min-width: 768px) {
.timeline:before {
left: 50%;
}
.timeline > li {
margin-bottom: 20px;
min-height: 100px;
}
.timeline > li .timeline-panel {
width: 48%;
float: left;
padding: 0 20px 20px 30px;
text-align: right;
}
.timeline > li .timeline-image {
width: 15px;
height: 15px;
left: 50%;
margin-left: -9px;
}
.timeline > li .timeline-image h4 {
font-size: 13px;
margin-top: 16px;
line-height: 18px;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
text-align: left;
padding: 0 30px 20px 20px;
}
}
@media (min-width: 992px) {
.timeline > li {
min-height: 100px;
}
.timeline > li .timeline-panel {
padding: 0 20px 20px;
}
.timeline > li .timeline-image {
width: 15px;
height: 15px;
margin-left: -9px;
}
.timeline > li .timeline-image h4 {
font-size: 18px;
margin-top: 30px;
line-height: 26px;
}
.timeline > li.timeline-inverted > .timeline-panel {
padding: 0 20px 20px;
}
}
@media (min-width: 1200px) {
.timeline > li {
min-height: 100px;
}
.timeline > li .timeline-panel {
padding: 0 10px 20px 10px;
}
.timeline > li .timeline-image {
width: 15px;
height: 15px;
margin-left: -9px;
}
.timeline > li .timeline-image h4 {
margin-top: 40px;
}
.timeline > li.timeline-inverted > .timeline-panel {
padding: 0 10px 20px 10px;
}
}
/* contactus */
.contactus iframe .add {margin-top: 20px;margin-bottom: 20px;}
.t-orange {color: #fcba63}
.t-blue {color: #6dccde}
.subpages a, .subpages a:focus, .subpages a:active {
/* color: #444444!important; */
}
.about #ctt_con {word-break: keep-all;}
.hr3 {border-top: 0px solid rgba(0,0,0,.25);margin-top: 2.5rem;margin-bottom: 12px;}
.mb-4 {padding-top: 0px!important}
.page-title-wrap {
background: #000;
/* background-attachment: fixed; */
-webkit-background-size: cover;
background-size: cover;
background-position: top center;
}
.page-heading .container { position: unset;}
.page-heading {
position: relative;
padding: 50px 15px;
text-align: center;
color: rgba(255, 255, 255, 0.9);
background-color: inherit;
margin-top: 7.1rem;
margin-bottom: 0px;
border-radius: calc(1.0rem - 1px);
}
@media (max-width: 992px) {.page-heading {margin-top: 5rem;}}
.page-heading h2{font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-size: 40px;font-weight: 600;text-align: center;letter-spacing: .3em;}
.page-heading p{font-size: 14px;font-weight: 400;color: #000;text-align:center;}
.page-title-box h2.text {font-weight: 600;color: rgba(255,255,255,1);text-shadow: 0 0px 1px rgba(0,0,0,.0)!important;}
.page-title-box {display: inline-block;text-align:center;;/*width: 50%;*/margin-left: auto;}
.s-title-big {font-size: 2.3rem;font-weight: 700;}
}
.breadcrumb {clear: both;}
.dp-location ol.breadcrumb {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-wrap: wrap!important;
padding: 8px 0px!important;
margin-bottom: 0px!important;
margin-left: auto!important;
margin-right: auto!important;
list-style: none!important;
background-color:inherit!important;
border-radius: 0px!important;
}
.breadcrumb-home {margin-right: 5px;}
.dp-location {display: flex;border-top: 0px solid #eee;border-bottom: 1px solid #eee;background-color: #fff;}
.dp-location .fa-home {font-size: 14px;padding: 0 4px; color: #ccc;}
.dp-location i.fa-angle-right {font-size: 14px;padding: 0 10px 0 10px; color: #24a3d8;}
/*
.dp-breadcrumbs-item:before {
width: 8px;
height: 18px;
background-size: 10px 10px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;charset=utf8,');
margin-right: 2px;
margin-left: 4px;
content: '';
display: inline-block;
vertical-align: middle;
margin-top: 6px;
}
*/
li.dp-breadcrumbs-item img.dp-angle-right {width: 15px;padding: 0 2px;margin-top: -3px}
/*
.dp-location .breadcrumb>li+li:before {
font-family: "Font Awesome 5 Free";
font-size: 16px;
content: '\f105';
color: #24a3d8;
display: inline-block;
padding-right: 10px;
}*/
.dp-location .breadcrumb>li a {
font-size: 14px;
color: rgb(119, 119, 119)!important;
display: inline;
/*text-transform: uppercase;*/
}
/* sidebar */
.subpages ul.snb_3dul, li.snb_3dli {list-style: none;padding: 0;}
.subpages ul.snb_3dul li a {font-size: 13px!important;}
.subpages .s-menu-header {margin-top: 37px}
.subpages .card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
margin-bottom: 0.6rem;
padding: 25px;
min-width: 0;
word-wrap: break-word;
background-color: rgba(44,66,132,1.0);
background-clip: border-box;
border: 5px solid rgba(44,66,132,1.0);
border-radius: 1rem;
}
.subpages .card-header {
font-size: 28px;
font-weight: 400;
padding: 0rem;
margin-bottom: 10px;
color: rgba(255,255,255,1.0);
background-color: rgba(44,66,132,1.0);
border-bottom: 0px solid rgba(0,0,0,.125);
text-align: center;
}
.subpages .subtitle {
font-size: 35px;
color: rgba(149,160,194,1);
text-align: center;
margin-top: 0;
margin-bottom: 0px
}
.subpages .list-group-item:first-child {
border-top-left-radius: .0rem;
border-top-right-radius: .0rem;
}
.subpages a.list-group-item { /* 서브메뉴 라인 */
border: 0px solid rgba(0,0,0,.125);
border-bottom: 1px solid rgba(0,0,0,.125);
}
section.banner {margin-top: 1.8rem}
.subpages .banner .card {
position: relative;
display: -ms-flexbox;
display: block;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
margin-bottom: 0.6rem;
padding: 20px;
min-width: 0;
word-wrap: break-word;
background-color: rgba(255,255,255,1);
background-clip: border-box;
border: 5px solid rgba(225,225,225,1);
border-radius: 1rem;
}
.subpages .banner p.bn-sc {margin-top: 25px;margin-bottom: 0}
.subpages .banner p.bn-sc, .subpages .banner p.bn-time {font-size: 0.75rem;font-weight: 400;color: #888888}
.subpages .banner p.bn-time {margin-bottom: 0}
.subpages .banner ul {margin: 0;padding: 0;list-style: none;margin-bottom: 5px;}
.subpages .banner li {font-weight: 400;color: #888888;margin-bottom: -2px;}
.subpages .banner .card-icon i {margin-right: 6px;margin-left: -4px;}
.sidebar_en .banner li {
font-size: 0.95rem;
}
.sidebar_cn .banner li {
font-size: 0.90rem;
}
.subpages .banner .card-header {
font-size: 24px;
font-weight: 600;
padding: 0rem;
margin-bottom: 8px;
color: rgba(51,51,51,1);
background-color: rgba(255,255,255,1);
border-bottom: 0px solid rgba(0,0,0,.125);
text-align: left;
}
.subpages .banner .card-header {
font-size: 24px;
font-weight: 600;
padding: 0rem;
margin-bottom: 8px;
color: rgba(51,51,51,1);
background-color: rgba(255,255,255,1);
border-bottom: 0px solid rgba(0,0,0,.125);
text-align: left;
}
.banner .material-icons {font-size: 4rem;color: rgba(196,196,196,1);float: left;}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
background-image: -webkit-linear-gradient(top,#f8f8f8 0,#f8f8f8 100%);
background-image: -o-linear-gradient(top,#f8f8f8 0,#f8f8f8 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f8f8f8));
background-image: linear-gradient(to bottom,#f8f8f8 0,#f8f8f8 100%);
color: #444!important;
font-weight: 600;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.subpages a.list-group-item:last-child {border-bottom: 1px solid rgba(0,0,0,.125);}
.subpages .list-group-item { /* 서브메뉴 */
background-color:Transparent; /* 서브메뉴 오버시 라인 없어지는 것 차단*/
padding: .65rem 0.75rem; /* 서브메뉴 padding */
}
.subpages .list-group-item .fas {margin-right: 6px;}
.subpages .title {font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-size: 37px!important;color: rgba(0,0,0,0.9);font-weight: 600;padding-left: 0px}
.subpages #ctt_con h3 {font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-weight: 500;font-size: 25px;color: rgba(0,0,0,0.8);margin-top: 30px;line-height: 1.4; letter-spacing:-2px}
.subpages #ctt_con h5 {font-weight: 500;font-size: 17px;color: rgba(0,0,0,0.6);margin-top: 10px;line-height: 1.6}
.subpages #ctt_con p {font-size: 15px;color: rgba(0,0,0,0.6);;line-height: 1.6;font-weight: 400}
.company_cn .subpages #ctt_con h3 {margin-top: 0px; margin-bottom: 20px;}
.company_cn .subpages .col-lg-7.dp-colpad {padding-right: 15px;}
/* 서브본문 */
#ctt_con {padding:0}
#ctt {
margin: 0;
padding: 0px;
border: 0px solid #e9e9e9;
}
/* 서브페이지 타이트 속성 */
@media (max-width: 992px){
.subpages .col-pad {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 0px!important;
padding-left: 0px!important;
}
}
.subpages .ctt_admin {margin-top: 5px;margin-bottom: 10px}
.subpages h2.title {margin-top: 3rem;margin-bottom: 3rem}
.subpages #bo_gall h2 {margin-top: 3rem;margin-bottom: 3rem;}/*타이틀 보유장비*/
.subpages #bo_list h2 {margin-top: 3rem!important;margin-bottom: 3rem!important;}/*타이틀 실적*/
@media (max-width: 488px){
.subpages h2.title {font-size: 2rem!important;margin-top: 1rem;margin-bottom: 1rem}
.subpages #bo_gall h2 {font-size: 2rem!important;margin-top: 1rem!important;margin-bottom: 1rem!important;}/*타이틀 보유장비*/
.subpages #bo_list h2 {font-size: 2rem!important;margin-top: 1rem!important;margin-bottom: 1rem!important;}/*타이틀 실적*/
}
/* .company */
.company .subpages #ctt_con h3 {color: #2c4284;letter-spacing:0;margin: 0;padding: 0}
.company .subpages #ctt_con .title {margin-top: 0;margin-bottom: 20px;}
.company .subpages .dp-colpad {padding-right: 0px;padding-left: 0px;margin-bottom: 20px}
.company .subpages .col-lg-7.dp-colpad {padding-right: 15px;}
.fontsize32 {font-size: 23px!important;}
.company_en .subpages #ctt_con h3 {color: #2c4284;letter-spacing:0;margin: 0;padding: 0}
.company_en .subpages #ctt_con .title {margin-top: 0;margin-bottom: 20px;}
.company_en .subpages .dp-colpad {padding-right: 0px;padding-left: 0px;margin-bottom: 20px}
.company_en .subpages .col-lg-7.dp-colpad {padding-right: 15px;}
/* business */
.business .subpages #ctt_con .gbimg02-01 {position: relative;width: 100%;max-width: 100%;background-attachment: fixed;background-size: cover;background-position: top center;background: no-repeat center center scroll;}
.business .subpages #ctt_con .dp-colpad {padding-right: 0px;padding-left: 0px;}
.business .subpages #ctt_con .text-box {padding: 2.5rem;background-color: #f0f4f7;}
.business .subpages #ctt_con h5 {font-family: "Noto Sans KR", "Nanum Gothic", "나눔 고딕", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-weight: bold;;color: #2c4284;font-size: 1.4rem;}
.business .subpages #ctt_con hr {border-top: 3px solid #2c4284;margin-top: .0rem;margin-bottom: .0rem;}
.business .subpages #ctt_con p {word-break: normal;color: #666;margin-bottom: 0}
@media (max-width: 992px) {
.business .subpages #ctt_con .box04 {order: -1;}
.business .subpages #ctt_con .box08 {order: -1;}
}
/* Business English */
.business_en .subpages #ctt_con .gbimg02-01 {position: relative;width: 100%;max-width: 100%;background-attachment: fixed;background-size: cover;background-position: top center;background: no-repeat center center scroll;}
.business_en .subpages #ctt_con .dp-colpad {padding-right: 0px;padding-left: 0px;}
.business_en .subpages #ctt_con .text-box {padding: 2.5rem;background-color: #f0f4f7;}
.business_en .subpages #ctt_con h5 {font-family: "Noto Sans KR", "Nanum Gothic", "나눔 고딕", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-weight: bold;;color: #2c4284;font-size: 1.3rem;}
.business_en .subpages #ctt_con hr {border-top: 3px solid #2c4284;margin-top: .0rem;margin-bottom: .0rem;}
.business_en .subpages #ctt_con p {font-size: 14px; word-break: normal;color: #666;margin-bottom: 0; line-height:1.35; }
@media (max-width: 992px) {
.business_en .subpages #ctt_con .box04 {order: -1;}
.business_en .subpages #ctt_con .box08 {order: -1;}
}
/* Business China */
.business_cn .subpages #ctt_con .gbimg02-01 {position: relative;width: 100%;max-width: 100%;background-attachment: fixed;background-size: cover;background-position: top center;background: no-repeat center center scroll;}
.business_cn .subpages #ctt_con .dp-colpad {padding-right: 0px;padding-left: 0px;}
.business_cn .subpages #ctt_con .text-box {padding: 2.5rem;background-color: #f0f4f7;}
.business_cn .subpages #ctt_con h5 {font-family: "Noto Sans KR", "Nanum Gothic", "나눔 고딕", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-weight: bold;;color: #2c4284;font-size: 1.3rem;}
.business_cn .subpages #ctt_con hr {border-top: 3px solid #2c4284;margin-top: .0rem;margin-bottom: .0rem;}
.business_cn .subpages #ctt_con p {font-size: 15px; word-break: normal;color: #666;margin-bottom: 0; line-height:1.6; }
@media (max-width: 992px) {
.business_cn .subpages #ctt_con .box04 {order: -1;}
.business_cn .subpages #ctt_con .box08 {order: -1;}
}
/* process */
.process .subpages #ctt_con .card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;padding: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 0px solid rgba(0,0,0,.125);border-radius: .25rem;}
.process .subpages #ctt_con .mb-4, .process .subpages #ctt_con .my-4 {margin-bottom: 1.5rem!important;}
.process .subpages #ctt_con .shadow-sm {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.process .subpages #ctt_con .bd-placeholder-img {font-size: 1.125rem;text-anchor: middle;}
.process .subpages #ctt_con .card-img-top {width: 100%;border-top-left-radius: calc(.25rem - 1px);border-top-right-radius: calc(.25rem - 1px);}
.process .subpages #ctt_con .card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 0.5rem;}
.process .subpages #ctt_con .bg-light {background-color: #fff!important;}
.process .subpages #ctt_con .pt-5, .process .subpages #ctt_con .py-5 {padding-top: 0rem!important;}
.process .subpages #ctt_con .box {position: relative;text-align: center;height: 100%}
.process .subpages #ctt_con .box span {position: absolute;display: block;font-size: 1.2rem;font-weight: bold;left: 41%;right: 41%;bottom: -15px;color: #fff;background-color: #2c4284;margin: 0 auto;padding: .4rem .3rem;max-width: 3.5rem }
.process .subpages #ctt_con h3 {font-size: 1.4rem;color: #2c4284!important;font-weight: bold;text-align: center;letter-spacing: 0px;}
.process .subpages #ctt_con .bgimg01-01 {position: relative;width: 100%;max-width: 100%;background-attachment: fixed;background-size: cover;background-position: top center;background: no-repeat center center scroll;}
.process .album .row {margin-right: -15px;margin-left: -15px;}
.process .album .col-md-4 {padding-right: 8px;padding-left: 8px;}
.process .album img {border-radius: 1rem;}
/* Process English */
.process_en .subpages #ctt_con .card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;padding: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 0px solid rgba(0,0,0,.125);border-radius: .25rem; }
.process_en .subpages #ctt_con .mb-4, .process_en .subpages #ctt_con .my-4 {margin-bottom: 1.5rem!important;}
.process_en .subpages #ctt_con .shadow-sm {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.process_en .subpages #ctt_con .bd-placeholder-img {font-size: 1.125rem;text-anchor: middle;}
.process_en .subpages #ctt_con .card-img-top {width: 100%;border-top-left-radius: calc(.25rem - 1px);border-top-right-radius: calc(.25rem - 1px);}
.process_en .subpages #ctt_con .card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 0.5rem;}
.process_en .subpages #ctt_con .bg-light {background-color: #fff!important;}
.process_en .subpages #ctt_con .pt-5, .process_en .subpages #ctt_con .py-5 {padding-top: 0rem!important;}
.process_en .subpages #ctt_con .box {position: relative;text-align: center;height: 100%}
.process_en .subpages #ctt_con .box span {position: absolute;display: block;font-size: 1.2rem;font-weight: bold;left: 41%;right: 41%;bottom: -20px;color: #fff;background-color: #2c4284;margin: 0 auto;padding: .4rem .3rem;max-width: 3.5rem }
.process_en .subpages #ctt_con h3 {font-size: 1.3rem;color: #2c4284!important;font-weight: 800;text-align: center;letter-spacing: 0px; line-height:1.2}
.process_en .subpages #ctt_con .bgimg01-01 {position: relative;width: 100%;max-width: 100%;background-attachment: fixed;background-size: cover;background-position: top center;background: no-repeat center center scroll;}
.process_en .album .row {margin-right: -15px;margin-left: -15px;}
.process_en .album .col-md-4 {padding-right: 8px;padding-left: 8px;}
.process_en .album img {border-radius: 1rem;}
/* Process China */
.process_cn .subpages #ctt_con .card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;padding: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 0px solid rgba(0,0,0,.125);border-radius: .25rem; }
.process_cn .subpages #ctt_con .mb-4, .process_cn .subpages #ctt_con .my-4 {margin-bottom: 1.5rem!important;}
.process_cn .subpages #ctt_con .shadow-sm {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.process_cn .subpages #ctt_con .bd-placeholder-img {font-size: 1.125rem;text-anchor: middle;}
.process_cn .subpages #ctt_con .card-img-top {width: 100%;border-top-left-radius: calc(.25rem - 1px);border-top-right-radius: calc(.25rem - 1px);}
.process_cn .subpages #ctt_con .card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 0.5rem;}
.process_cn .subpages #ctt_con .bg-light {background-color: #fff!important;}
.process_cn .subpages #ctt_con .pt-5, .process_cn .subpages #ctt_con .py-5 {padding-top: 0rem!important;}
.process_cn .subpages #ctt_con .box {position: relative;text-align: center;height: 100%}
.process_cn .subpages #ctt_con .box span {position: absolute;display: block;font-size: 1.2rem;font-weight: bold;left: 41%;right: 41%;bottom: -20px;color: #fff;background-color: #2c4284;margin: 0 auto;padding: .4rem .3rem;max-width: 3.5rem }
.process_cn .subpages #ctt_con h3 {font-size: 1.3rem;color: #2c4284!important;font-weight: 800;text-align: center;letter-spacing: 0px; line-height:1.2}
.process_cn .subpages #ctt_con .bgimg01-01 {position: relative;width: 100%;max-width: 100%;background-attachment: fixed;background-size: cover;background-position: top center;background: no-repeat center center scroll;}
.process_cn .album .row {margin-right: -15px;margin-left: -15px;}
.process_cn .album .col-md-4 {padding-right: 8px;padding-left: 8px;}
.process_cn .album img {border-radius: 1rem;}
/* 내용페이지 버튼 */
a.btn_admin {
display: inline-block;
padding: 7px 10px;
border: 1px solid #ccc;
background: #fff;
color: #444;
text-decoration: none;
vertical-align: middle;
}
/* location */
.location .location-content {margin-top: 20px;margin-bottom: 40px}
.location .location-content p {font-size: 20px!important;}
.location .tel, .location .circle, .location .mail {color: #6b6666;margin: 0 5px;fill: #6b6666!important;}
.circle i {vertical-align: middle;margin: 0 10px}
/* location en */
.location_en .location-content {margin-top: 20px;margin-bottom: 40px}
.location_en .location-content p {font-size: 20px!important;}
.location_en .tel, .location .circle, .location .mail {color: #6b6666;margin: 0 5px;fill: #6b6666!important;}
/* location cn */
.location_cn .location-content {margin-top: 20px;margin-bottom: 40px}
.location_cn.location-content p {font-size: 20px!important;}
.location .contact, .location_cn.tel, .location_cn .call, .location_cn .mail {color: #6b6666;margin: 0 5px;fill: #6b6666!important;}
/* 게시판 */
/** board skin basic **/
.tbl_head01 thead th {
padding: 12px 0;
border-top: 2px solid #777;
border-bottom: 1px solid #ddd;
background: #f9f9f9;
color: #383838;
font-size: 0.95em;
text-align: center;
letter-spacing: 0em;
}
.tbl_frm01 th {
width: 70px;
padding: 7px 13px;
border: 1px solid #e9e9e9;
border-left: 0;
background: #fafafa;
text-align: left;
}
.btn_confirm {margin-bottom: 40px;}
legend {
border-bottom: none;
}
/* dp botton */
.dp-btn-danger {
color: #fff !important;
background-color: #d9534f !important;
border-color: #d9534f !important;
}
.dp-btn-primary {
color: #fff !important;
background-color: #4b8fcc;
border-color: #4b8fcc;
}
.dp-btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.dp-btn-gray6 {
color: #fff !important;
background-color: #666666 !important;
border-color: #666666 !important;
}
.btn_bo_adm input {
padding: 6px 12px;
border: 0;
background: #d9534f !important;
color: #fff;
text-decoration: none;
vertical-align: middle;
}
a.btn-secondary, a.btn-secondary:focus, a.btn-secondary:active {
color: #fff!important;
}
.form-control {
/* width: auto!important; */
}
/* List */
/* List Cate */
#bo_cate {
background: transparent;
padding: 0;
margin: 0;
border: 0px solid #e0e0e0;
}
/*
#bo_cate li {
display: inline-block;
padding: 0px;
width: 25%;
border-right: 1px solid transparent;
}
#bo_cate a {
display: block;
line-height: 26px;
padding: 10px;
border-radius: 0px;
border: 1px solid #e0e0e0;
}
*/
#bo_cate .nav-link {padding: 10px 15px;}
#bo_cate a {text-align: center;}
#bo_list tbody tr:hover {border-left:2px solid transparent;background-color: #fafafa}
.bo_tit {
display: block;
color: #000;
font-weight: normal;
}
#bo_list_total {
background: transparent;
}
.form-control {
border-radius: .0rem;
}
#bo_list .td_name {
width: 90px;
text-align: center;
padding: 10px 0;
}
#bo_list .td_datetime {
width: 100px;
text-align: center;
font-style:normal;
}
#bo_sch {
margin-bottom: 20px;
padding-top: 0px;
text-align: center;
position: relative;
display: inline-flex;
}
#bo_sch .btn {border-radius: 0rem;}
@media (max-width: 768px) {
.bo_sch_wrap {text-align: center;}
#bo_sch {display: block;padding-top: 15px;width: 100%;}
}
#bo_sch .form-inline {
display: inline-flex;
}
/* List Pages */
/* view */
#bo_v_title h2 {
font-size: 28px;
color: rgba(0,0,0,0.6);
font-weight: 400;
padding-left: 0px;
}
/*
#bo_v {
margin-bottom: 20px;
padding: 0px;
background: #fff;
box-sizing: border-box;
}
*/
#bo_v_file h2 {
padding: 10px;
background: #f3f3f3;
font-size: 1.25em;
}
#bo_v_file {border: 1px solid #e8e8e8;}
#bo_v_link h2 {
font-size: 1.25em;
}
#bo_v_link {
margin: 10px 0;
border: 1px solid #e8e8e8;
}
/* comment */
.bo_vc_hdinfo {font-size: 12px}
/* .cmt_btn{background:url('/theme/dp-guardme/skin/board/dp_notice/img/cmt_btn.png') no-repeat 110px 15px;text-align:left ;width:100% ;border:0;color: rgba(0,0,0,0.9);font-weight:bold;font-size:1.25em;margin: 30px 0 0px;padding:0px }
.cmt_btn_op{background:url('/theme/dp-guardme/skin/board/dp_notice/img/cmt_btn.png') no-repeat 110px -17px}
*/
#captcha #captcha_key {
margin: 0 0 0 33px;
padding: 0 5px;
width: 120px;
height: 60px;
}
#captcha #captcha_mp3 {
top: 0px;
}
#captcha #captcha_reload {
top: 30px;
}
.bo_vc_w textarea{width:100%;height:120px;}
#bo_vc .cmt_contents {
padding: 15px;
margin: 10px 0 0;
background: #fcfcfc;
border-radius: 5px;
border: 1px solid #e8e8e8;
line-height: 1.8em;
}
/********************
*****Slide effect
**********************/
.fade {
opacity: 1;
}
.fade .item {
top: 0;
z-index: 1;
opacity: 0;
width: 100%;
position: absolute;
left: 0 !important;
display: block !important;
-webkit-transition: opacity ease-in-out 1s;
-moz-transition: opacity ease-in-out 1s;
-ms-transition: opacity ease-in-out 1s;
-o-transition: opacity ease-in-out 1s;
transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
top: auto;
position: relative;
}
.fade .item.active {
opacity: 1;
z-index: 2;
-webkit-transition: opacity ease-in-out 1s;
-moz-transition: opacity ease-in-out 1s;
-ms-transition: opacity ease-in-out 1s;
-o-transition: opacity ease-in-out 1s;
transition: opacity ease-in-out 1s;
}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
top: 47%;
opacity: 0;
width: 45px;
height: 45px;
z-index: 100;
color: #ffffff;
display: block;
font-size: 24px;
cursor: pointer;
overflow: hidden;
line-height: 43px;
text-shadow: none;
position: absolute;
font-weight: normal;
background: transparent;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.control-round:hover .carousel-control{
opacity: 1;
}
.control-round .carousel-control.left {
left: 1%;
}
.control-round .carousel-control.right {
right: 1%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
color: #fdfdfd;
background: rgba(0, 0, 0, 0.5);
border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
right: 45%;
}
/*---------- INDICATORS CONTROL ----------*/
.carousel-indicators {bottom: 0px;}
.indicators-line > .carousel-indicators{
right: 45%;
bottom: 3%;
left: auto;
width: 90%;
height: 20px;
font-size: 0;
overflow-x: auto;
text-align: right;
overflow-y: hidden;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
white-space: nowrap;
}
.indicators-line > .carousel-indicators li{
padding: 0;
width: 15px;
height: 15px;
border: 1px solid rgb(158, 158, 158);
text-indent: 0;
overflow: hidden;
text-align: left;
position: relative;
letter-spacing: 1px;
background: rgb(158, 158, 158);
-webkit-font-smoothing: antialiased;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-right: 5px;
-webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
z-index: 10;
cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child{
margin-right: 0;
}
.indicators-line > .carousel-indicators .active{
margin: 1px 5px 1px 1px;
box-shadow: 0 0 0 2px #fff;
background-color: transparent;
position: relative;
-webkit-transition: box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.indicators-line > .carousel-indicators .active:before{
transform: scale(0.5);
background-color: #fff;
content:"";
position: absolute;
left:-1px;
top:-1px;
width:15px;
height: 15px;
border-radius: 50%;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.carousel-indicators li {
background-color: rgba(0,0,0,.3)!important;
}
.carousel-indicators li.active {
/*background-color: #fcba63!important;*/
background-color: #fff!important;
}
/*---------- SLIDE CAPTION ----------*/
.bx-wrapper .bx-caption span {font-family: "Noto Sans SC", "NanumSquare", "Malgun Gothic", "맑은 고딕", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif!important;}
.slide {margin-top: 7.4rem}
@media (max-width: 992px) {.slide {margin-top: 5rem}}
.slide_style_left {text-align: left !important;}
.slide_style_right {text-align: right !important;}
.slide_style_center {text-align: center !important;}
.slide-text {
left: 0;
top: 25%;
right: 0;
margin: auto;
padding: 10px;
position: absolute;
text-align: left;
padding: 10px 85px;
}
.slide-text > h1 {
padding: 0;
color: #ffffff;
font-size: 70px;
font-style: normal;
line-height: 84px;
margin-bottom: 30px;
letter-spacing: 1px;
display: inline-block;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.slide-text > p {
padding: 0;
color: #ffffff;
font-size: 20px;
line-height: 24px;
font-weight: 300;
margin-bottom: 40px;
letter-spacing: 1px;
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.slide-text > a.btn-default{
color: #000;
font-weight: 400;
font-size: 13px;
line-height: 15px;
margin-right: 10px;
text-align: center;
padding: 17px 30px;
white-space: nowrap;
letter-spacing: 1px;
display: inline-block;
border: none;
text-transform: uppercase;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a.btn-primary{
color: #ffffff;
cursor: pointer;
font-weight: 400;
font-size: 13px;
line-height: 15px;
margin-left: 10px;
text-align: center;
padding: 17px 30px;
white-space: nowrap;
letter-spacing: 1px;
background: #00bfff;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
border: none;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover,
.slide-text > a:active {
color: #ffffff;
background: #222222;
-webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.carousel-inner {border-radius: calc(1.0rem - 1px);}
/* 회원관리 */
.register .dp-navbar, .register_form .dp-navbar {border-bottom: 1px solid #f0f0f0;}
.register .dp-sti, .register_form .dp-sti, .register_form .dp-la {display: none;}
.register .title, .register_result .title, .register_form .title, .privacy .title, .provision .title {margin-top: 9rem; text-align: center;}
/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
/* 반응형 */
@media (min-width: 1200px){.visible-lg {display: block!important;}}
@media (min-width: 1200px){td.visible-lg, th.visible-lg {display: table-cell!important;}}
@media (max-width: 1199px) and (min-width: 992px){.visible-md {display: block!important;}}
@media (max-width: 992px){
.visible-lg, .visible-md, .visible-sm, .visible-xs {display:none!important;}
.subpages .sm {display:none!important;}
}
@media (min-width: 992px){
/*body {padding-top: 75px!important;}*/
.navbar-nav {margin: auto;}
.navbar-brand-top {text-align: center;}
.navbar-brand-top a img {width: 174px;padding: .4rem 0rem;}
.page-head {padding-top: 15px;padding-bottom: 15px;border-top: 8px solid rgba(100,100,100,1.0);}
nav .dropdown-menu a.dropdown-item {color: #2c4284!important}
.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;border-radius: 1rem;}
.navbar-expand-lg .navbar-nav .dropdown-menu {width: 220px!important;/*box-shadow: 0 1px 10px 0 rgba(67, 68, 69, 0.3);*/}
.navbar-expand-lg .navbar-nav .deps1_2 .dropdown-menu {width: 280px!important;}
.gb.dropdown-menu {left: auto;right: 0;}
}
@media (max-width: 992px){
body {padding-top: 0px!important;}
.page-head {display: none;}
.bg-orange {background:#fff}
/*nav .dropdown-menu a.dropdown-item, nav .dropdown a.nav-link {color: #fcba63!important;} */
.navbar-brand {width: 250px!important;padding-top: 0rem;padding-bottom: 0.4rem;}
.navbar-brand img {width: 120px!important;}
}
@media (max-width: 992px){
.dropdown-menu {
border-top: 0px solid rgba(0,0,0,.15)!important;
border-radius: .0rem!important;
border: 0px solid rgba(0,0,0,.15);
}
.navbar {border-bottom: 0px solid #ddd;box-shadow: 0 1px 10px 0 rgba(67, 68, 69, 0.3);}
}
@media (max-width: 992px){
.page-heading h2{font-size: 25px;font-weight: 300;text-align:center;letter-spacing: 0.35em;margin-top: 0px}
.page-heading p{font-size: 13px;font-weight: 400;color: #000;text-align:center;}
.page-title-box {display: block;text-align: center;width: 100%;margin-left: auto;}
.s-title-big {font-size: 30px;font-weight: 700;}
}
@media (min-width: 992px) {
ul.navbar-nav > li.dropdown > div.dropdown-menu {display: block;margin: 0;width: 200px;transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);opacity: 0;visibility: hidden;transform: translateY(30px);box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);border: 0px solid rgba(0,0,0,.15);}
ul.navbar-nav > li.dropdown:hover > div.dropdown-menu {transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);opacity: 1;visibility: visible;transform: translateY(0);}
nav .dropdown-menu {border: 0px solid rgba(0,0,0,.15);border-radius: 0rem;margin: 0;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);border-radius: 1rem;}
.dropdown-submenu .nav-link {color: #fcba63!important;}
.dropdown-menu .nav-link {color: #444!important;}
.dropdown .nav-link {font-weight: 400;font-size: 20px;color: #333!important;}
.navbar .dropdown-menu.deps2 .nav-link {font-size: 16px;padding: 4.3px;padding-right: 1.5rem;padding-left: 1.5rem;}
.dp-navbar .nav-item a.nav-link {font-size: 22px;font-weight: 400;}
.navbar-dark .navbar-nav .fc-orange .nav-link {font-size: 15px;color: #646464!important; padding: .2rem 2rem .2rem 1rem;}
}
@media (min-width: 992px){
.info-header1 {border-right: 1px solid rgba(255,255,255,1);}
.info-header2 {border-right: 1px solid rgba(255,255,255,1);}
.info-body1 {border-right: 1px solid rgba(0,0,0,0.2);}
.info-body2 {border-right: 1px solid rgba(0,0,0,0.2);}
}
@media (min-width: 992px){footer .f-t-news2 {margin-top: 30px}}
@media (max-width: 992px){
nav .navbar-nav .nav-link {color: rgba(0,0,0,.5)!important;}
footer .f-r-boxline {padding-right: 0px;border-right: 0px solid #878787;}
footer .footer-title span, footer .f-news span {position: absolute;right: 0px;}
footer .footer-title {margin-top: 30px}
nav li.nav-item.deps1 {border-top: 1px solid #f0f0f0!important;}
nav li.nav-item.deps1:nth-child(1) {margin-top: 10px;}
nav .dropdown-menu.show {background-color: #fafafa;border-top: 1px solid #f0f0f0!important;}
nav .dropdown-menu.show.deps2 li a {padding-left: 15px!important;padding: .1rem 1rem!important;}
nav .dropdown-menu.show.deps3 {border-bottom: 1px solid #f0f0f0!important;}
nav ul.dropdown-menu.deps3.show {margin-top: 10px;margin-bottom: 10px}
nav .dropdown-menu.show.deps3 li a {padding-left: 30px!important;}
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 2.0rem;padding-left: 2.0rem;}
.page-heading h1, .page-heading p {margin-right: 0;}
}
@media (min-width: 992px){
.subpages .sm-row {margin-right: 20px} /* 메뉴 우측 마진 확보 */
}
@media (min-width: 1200px){.navbar-expand-lg .navbar-nav .nav-link {padding-right: 2.6rem;padding-left: 2.6rem;}}
@media (max-width: 1200px){.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1.7rem;padding-left: 1.7rem;}}
@media (max-width: 991px) {
.slide-text h1 {font-size: 40px;line-height: 50px;margin-bottom: 20px;}
.slide-text > p {font-size: 18px;}
}
@media (min-width: 768px) {
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
}
@media (min-width: 768px){
.page-heading {
padding-top: 4.4rem;
padding-bottom: 4.4rem;
text-align: center;
font-size: 24px;
}
@media (max-width: 768px) {
.navbar-brand img {width: 50%} .navbar {padding: .2rem 1rem;}
a.navbar-brand img {width: 50%!important;}
}
@media (max-width: 768px) {footer .f-logo-guardme img {width: 124px;margin-right: 15px}}
@media (max-width: 768px) {
.slide-text {
padding: 10px 50px;
}
.slide-text h1 {
font-size: 30px;
line-height: 40px;
margin-bottom: 10px;
}
.slide-text > p {
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
}
.control-round .carousel-control{
display: none;
}
}
#bo_gall {margin-top: 2rem}
/*---------- MEDIA 480px ----------*/
@media (max-width: 488px){
footer {text-align: left!important;}
footer .list-inline-item:not(:last-child) {margin-right: .5rem!important;}
footer .btn-group{margin-right: .25rem;margin-top: 5px}
.list-inline-item:not(:last-child) {margin-right: 0rem;}
}
.effect {
/* display: inline-block; */
position: relative;
}
.effect:after {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
/*box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5),
inset 0 0 100px rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.3); 이미지 위로 컬러를 입힘 */
border-radius: calc(1.0rem - 1px);
}
/* 마우스 오버 이미지 축소 */
.post-modern-figure {
position: relative;
overflow: hidden;
display: block;
/*margin-bottom: 20px;*/
border-radius: 1rem;
}
.post-modern-figure img {
width: 100%;
transition: all .3s ease;
}
.post-modern-time {
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
padding: 10px 10px 0 1px;
color: #ffdb73;
font-size: 20px;
line-height: .5;
letter-spacing: .025em;
text-transform: uppercase;
font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background: #ffffff;
}
.post-modern-time::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 15px;
background: inherit;
transform: translate3d(0, -100%, 0) skewX(30deg);
transform-origin: 50% 100%;
will-change: transform;
}
.post-modern-time .post-modern-time-number {font-size: 2em;}
.post-modern-time * + .post-modern-time-month {margin-left: 8px;}
.post-modern-text {letter-spacing: -0.3px;color: #333;}
@media (min-width: 992px) {
.post-modern-figure img {transform: scale(1.1);will-change: transform;}
.post-modern:hover .post-modern-figure img {transform: none;}
.post-modern-text {font-size: 14px;}
}
@media (min-width: 768px) {
.post-modern-time {padding-top: 17px;font-size: 24px;}
}
* + .post-modern-title {margin-top: 0px;}
* + .post-modern-text {margin-top: 12px;}
/* 마우스 오버 이미지 */
.section-box .section-image {position:relative;overflow:hidden}
.section-box .section-image img {display:block;max-width:100%;height:auto;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;transition: all .3s ease-in-out;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.section-box:hover .section-image img {;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}