@font-face {font-family:'Roboto';font-style:normal;font-weight:100;src:url(../font/Roboto-Thin.woff2)format('woff2'),url(../font/Roboto-Thin.woff)format('woff'),url(../font/Roboto-Thin.otf)format('opentype')}
@font-face {font-family:'Roboto';font-style:normal;font-weight:300;src:url(../font/Roboto-Light.woff2)format('woff2'),url(../font/Roboto-Light.woff)format('woff'),url(../font/Roboto-Light.otf)format('opentype')}
@font-face {font-family:'Roboto';font-style:normal;font-weight:400;src:url(../font/Roboto-Regular.woff2)format('woff2'),url(../font/Roboto-Regular.woff)format('woff'),url(../font/Roboto-Regular.otf)format('opentype')}
@font-face {font-family:'Roboto';font-style:normal;font-weight:500;src:url(../font/Roboto-Medium.woff2)format('woff2'),url(../font/Roboto-Medium.woff)format('woff'),url(../font/Roboto-Medium.otf)format('opentype')}
@font-face {font-family:'Roboto';font-style:normal;font-weight:700;src:url(../font/Roboto-Bold.woff2)format('woff2'),url(../font/Roboto-Bold.woff)format('woff'),url(../font/Roboto-Bold.otf)format('opentype')}

body {margin-top:-14px} /* margin-top */

/*a {color:#666}
a:hover {color:gray;text-decoration:none}*/
.footer ul li a{color:#fff}
.footer ul li a:hover{color:#666}

.list-group-item.active {z-index:2;color:#fff;background:#6c757d;border-color:#6c757d}
/*.navbar .dropdown.show a:active {background:#6c757d}*/
.bg-white {background:#03141F !important;box-shadow:rgba(0, 0, 0, 0.11765) 0px 1px 3px}

/* 네비게이션 수정 */
.dropdown-menu {border-radius:0px;border:0;background:#262626}
.dropdown-item {display:block;width:100%;padding:10px 15px 15px 15px;clear:both;font-weight:400;color:#202020;text-align:center;white-space:nowrap;background:transparent;border:0}
.dropdown-item:hover {background:#03141F;color:#ccc;transition:all 4ms ease-in-out}

.navbar-toggler {background:#222;}

.ks2{font-family:'S-CoreDream-2ExtraLight'}
.ks3{font-family:'S-CoreDream-3Light'}
.ks4{font-family:'S-CoreDream-4Regular'}
.ks5{font-family:'S-CoreDream-5Medium'}
.ks9{font-family:'S-CoreDream-9Black'}

.ko{font-family:'Noto Sans KR'}
.ko1{font-family:'Noto Sans KR'}
.ko2{font-family:'Gulim'}
.ko3{font-family:'Nanum Gothic', sans-serif}
.en1{font-family:'Roboto', sans-serif}
.en2{font-family:'Open Sans', sans-serif}
.en3{font-family:'Raleway', sans-serif}
.ko_12 {font-family:'Noto Sans KR',sans-serif;font-size:12px}
.ko_13 {font-family:'Noto Sans KR',sans-serif;font-size:13px}
.ko_14 {font-family:'Noto Sans KR',sans-serif;font-size:14px}
.ko_15 {font-family:'Noto Sans KR',sans-serif;font-size:15px}
.ko_16 {font-family:'Noto Sans KR',sans-serif;font-size:16px}
.ko_17 {font-family:'Noto Sans KR',sans-serif;font-size:17px;font-weight:400;line-height:1.8}
.ko_18 {font-family:'Noto Sans KR',sans-serif;font-size:18px}
.ko_19 {font-family:'Noto Sans KR',sans-serif;font-size:19px}
.ko_20 {font-family:'Noto Sans KR',sans-serif;font-size:20px}

.f10{font-size:10px}
.f11{font-size:11px}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f21{font-size:21px}
.f24{font-size:24px}
.f28{font-size:28px}
.f30{font-size:30px}
.f36{font-size:36px}
.f40{font-size:40px}
.f50{font-size:50px}
.f60{font-size:60px}
.f72{font-size:72px}

.fw1{font-weight:100}
.fw2{font-weight:200}
.fw3{font-weight:300}
.fw4{font-weight:400}
.fw5{font-weight:500}
.fw6{font-weight:600}
.fw7{font-weight:700}

.color-green {color:#36A685}
.color-navy {color:#003c8f}
.color-blue {color:#3252ff}
.color-red {color:#d32f2f}
.color-sky {color:#d3f3fe}
.color-yellow {color:#fff176}
.color-dark {color:#141a1e}
.color-white {color:#fff}

.portfolio-item {margin-bottom:30px}

/* HEAD-LINE */
h3 {/*text-align:center*/}

.subtitle {margin:0 0 50px 0}
.head-line {line-height:0.5;text-align:center}
.head-line span {display:inline-block;position:relative}
.head-line span:before,
.head-line span:after {content:"";position:absolute;height:5px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;top:0;width:100px}
.head-line span:before {right:100%;margin-right:15px}
.head-line span:after {left:100%;margin-left:15px}
.subbg{background:url('../img/subbg.jpg')}

/*
.navbar {min-height:80px}
.navbar-brand {padding:0 15px;height:80px;line-height:80px}
*/
.bg-dark {background:#03141F !important}
.bg-blue {background:#23415a !important}
.bg-grey {background:#f2f2f2 !important}
.bg-purple {background:#a632dc !important}

#tnb {background:#fff}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;width: 1120px;background:#333333;zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li:first-child {border-right:1px solid #444444}
#tnb li {float:right;border-left:1px solid #444444;margin-bottom:-1px;}
#tnb a {display:inline-block;padding:0 10px;color:#eee;line-height:35px;}
#tnb a:focus, #tnb a:hover {color:#4ea1d3;background:#fafafa;font-family:'Gulim'; font-size:12px}
#tnb .tnb_admin a{color:#ff0000;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:bold;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#4ea1d3;border-bottom:1px solid #e7e7e7}
#tnb-left {float:left; margin-top:5px}
#tnb ul li a{font-size:12px; font-weight:bold; font-family:'Gulim'}

/* 헤딩 */
.center-heading {text-align:center;margin-bottom:40px}
.center-heading p {margin-top:10px}
.center-line {display:inline-block;width:70px;height:1px;border-top:1px solid #bbb;margin:auto}

/* 아이콘박스 */
.h5{height:50px}
.h8{height:80px}
.h10{height:100px}
.h12{height:120px}
.h15{height:120px}

.box > .icon {text-align:center;position:relative}
.box > .icon > .image {position:relative;z-index:2;margin:auto;width:88px;height:88px;border:8px solid white;line-height:88px;border-radius:50%;background:#6c757d;vertical-align:middle}
.box > .icon > .image > i {font-size:36px !important;color:#fff !important}
.box > .icon > .info {margin-top:-24px;border:1px solid #e0e0e0;padding:15px 0 10px 0;height:257px}
.box > .icon > .info > h3.title {margin-top:20px;font-size:20px;color:#202020;font-weight:500}
.box > .icon > .info > p {font-weight:300; color:#666; line-height:1.7; margin: 20px; text-align:left;}
.box > .icon > .info > .more a {font-family: "Roboto",sans-serif !important; font-size: 12px; color: #202020; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space {height:30px}
.info i{font-size:60px}

/* info-zero */
.box > .icon {text-align:center;position:relative}
.box > .icon > .image {position:relative;z-index:2;margin:auto;width:88px;height:88px;border:8px solid white;line-height:88px;border-radius:50%;background:#6c757d;vertical-align:middle}
.box > .icon > .info-zero {margin-top:-24px;padding:15px 0 10px 0;color:#202020;height:auto}
.box > .icon > .info-zero > i {font-size:64px !important;color:#36A685 !important}
.box > .icon > .info-zero> h4 {font-size:22px;color:#202020;font-weight:700}
.box > .icon > .info-zero > p {font-weight:300;font-size:18px;line-height:1.7;margin:20px;text-align:left}
.box > .icon > .info-zero > .more a {font-family:"Roboto",sans-serif !important;font-size:12px;color:#202020;line-height:12px;text-transform:uppercase;text-decoration:none}
.box .space {height:30px}
.info-zero > i{font-size:60px}

/* info-white */
.box {text-align:center;position:relative}
.box > .info-white {margin-top:-24px;padding:0 0 10px 0;color:#202020;height:auto}
.box > .info-white > img {position:relative;z-index:2;margin:0 auto;vertical-align:middle}
.box > .info-white > h4 {font-size:22px;color:#202020;font-weight:700}
.box > .info-white > p {font-weight:300;color:#202020;font-size:18px;line-height:1.7;margin:20px;text-align:left}
.box > .info-white > .more a {font-family:"Roboto",sans-serif !important;font-size:12px;color:#202020;line-height:12px;text-transform:uppercase;text-decoration:none}
.box .space {height:30px}
.info-white {font-size:60px}

/* info-gray */
.box {text-align:center;position:relative}
.box > .info-gray {margin-top:-24px;padding:0 0 10px 0;background:#f7f7f7;color:#202020;height:auto}
.box > .info-gray > img {position:relative;z-index:2;width:352px;margin:auto;vertical-align:middle}
.box > .info-gray > h4 {font-size:22px;color:#202020;font-weight:700}
.box > .info-gray > p {font-weight:300;color:#202020;font-size:18px;line-height:1.7;margin:20px;text-align:left}
.box > .info-gray > .more a {font-family:"Roboto",sans-serif !important;font-size:12px;color:#202020;line-height:12px;text-transform:uppercase;text-decoration:none}
.box .space {height:30px}
.info-gray {font-size:60px}

/* info-blue */
.box {text-align:center;position:relative}
.box > .info-blue {margin-top:-24px;padding:0 0 10px 0;background:#fff;color:#2020;height:auto;border:7px solid #f0f0f0;border-radius:15px}
.box > .img {position:relative;z-index:2;width:auto;margin:auto;vertical-align:middle}
.box > .info-blue > h5 {font-size:22px;color:#202020;font-weight:700}
.box > .info-blue > p {font-weight:300;color:#202020;font-size:18px;line-height:1.7;margin:20px;text-align:left}
.box > .info-blue > .more a {font-family:"Roboto",sans-serif !important;font-size:12px;color:#222;line-height:12px;text-transform:uppercase;text-decoration:none}
.box .space {height:30px}
.info-blue {font-size:60px}

/* parallax */
.parallax-window {position:relative;min-height:350px;background:#3e3b3b52}
.para_count {padding-top:50px}

/* callbox */
.callbox {background:#f2f2f2;margin-top:50px;padding-top:60px;padding-bottom:60px}

/* sns_icon */
.sns_icon{list-style:none;text-align:center;width:80px;cursor:pointer;display:inline;padding:5px}
.sns_icon .fab{font-size:30px}

.sns_icon .fa-facebook-f{color:#a2a2a2;font-size:20px}
.sns_icon .fa-instagram{color:#a2a2a2;font-size:20px}
.sns_icon .fa-twitter{color:#a2a2a2;font-size:20px}

.sns_icon a .fa-facebook-f:hover{color:#3b5998;font-size:20px}
.sns_icon a .fa-instagram:hover{color:#dd4b39;font-size:20px}
.sns_icon a .fa-twitter:hover{color:#55acee;font-size:20px}

/* footer */

.a-link a {color:#ffffff}
.sns_icon a {color:#ffffff}
.bg-gray{background:#454545}
.bg-gray div{padding:15px}

/* 상하 좌우 조절 */
.margin-top-10 {margin-top:10px}
.margin-top-20 {margin-top:20px}
.margin-top-30 {margin-top:30px}
.margin-top-40 {margin-top:40px}
.margin-top-50 {margin-top:50px}
.margin-top-60 {margin-top:60px}
.margin-top-70 {margin-top:70px}
.margin-top-80 {margin-top:80px}
.margin-top-90 {margin-top:90px}
.margin-top-100 {margin-top:100px}
.margin-bottom-10 {margin-bottom:10px}
.margin-bottom-20 {margin-bottom:20px}
.margin-bottom-30 {margin-bottom:30px}
.margin-bottom-40 {margin-bottom:40px}
.margin-bottom-50 {margin-bottom:50px}
.margin-bottom-60 {margin-bottom:60px}
.margin-bottom-70 {margin-bottom:70px}
.margin-bottom-80 {margin-bottom:80px}
.margin-bottom-90 {margin-bottom:90px}
.margin-bottom-100 {margin-bottom:100px}
.margin-left-10 {margin-left:10px}
.margin-left-20 {margin-left:20px}
.margin-left-30 {margin-left:30px}
.margin-left-40 {margin-left:40px}
.margin-left-50 {margin-left:50px}
.margin-left-60 {margin-left:60px}
.margin-left-70 {margin-left:70px}
.margin-left-80 {margin-left:80px}
.margin-left-90 {margin-left:90px}
.margin-left-100 {margin-left:100px}
.margin-right-10 {margin-right:10px}
.margin-right-20 {margin-right:20px}
.margin-right-30 {margin-right:30px}
.margin-right-40 {margin-right:40px}
.margin-right-50 {margin-right:50px}
.margin-right-60 {margin-right:60px}
.margin-right-70 {margin-right:70px}
.margin-right-80 {margin-right:80px}
.margin-right-90 {margin-right:90px}
.margin-right-100 {margin-right:100px}

.padding-top-10 {padding-top:10px}
.padding-top-20 {padding-top:20px}
.padding-top-30 {padding-top:30px}
.padding-top-40 {padding-top:40px}
.padding-top-50 {padding-top:50px}
.padding-top-60 {padding-top:60px}
.padding-top-70 {padding-top:70px}
.padding-top-80 {padding-top:80px}
.padding-top-90 {padding-top:90px}
.padding-top-100 {padding-top:100px}
.padding-bottom-10 {padding-bottom:10px}
.padding-bottom-20 {padding-bottom:20px}
.padding-bottom-30 {padding-bottom:30px}
.padding-bottom-40 {padding-bottom:40px}
.padding-bottom-50 {padding-bottom:50px}
.padding-bottom-60 {padding-bottom:60px}
.padding-bottom-70 {padding-bottom:70px}
.padding-bottom-80 {padding-bottom:80px}
.padding-bottom-90 {padding-bottom:90px}
.padding-bottom-100 {padding-bottom:100px}

.p-r{position:relative}
.p-a{position:absolute}

.para-text h2{line-height:2.5}
.display-4 {font-size:2.5rem;font-weight:300;line-height:1.2}

.color_666{color:#666;}
.bg-gray2{background:#f2f2f2;padding-bottom:20px;padding-top:20px}

.heading{font-size:18px;line-height:24px}

.pro-icon i{font-size:24px;}

.para-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}

.btn-primary {background:#a632dc}
.btn-dark {background:#141a1e}
.btn-n1 {width:280px;height:60px;line-height:60px;border-radius:0px;letter-spacing:-0.05em;outline:none;border:none}
.btn-n10 {width:280px;height:60px;line-height:60px;border-radius:0px;letter-spacing:-0.05em;outline:none;border:1px solid #fff;background:rgba(255, 255, 255, 0.25)}
.btn-n10:hover {background:rgba(255, 255, 255, 0.5);transition:all 2s ease-in-out}
.btn-n20 {width:280px;height:60px;line-height:60px;border-radius:0px;letter-spacing:-0.05em;outline:none;border:none;background:rgba(229, 57, 53, 1)}
.btn-n20:hover {background:rgba(171, 0, 13, 1);transition:all 2s ease-in-out}
.btn-n30 {width:280px;height:60px;line-height:60px;border-radius:0px;letter-spacing:-0.05em;outline:none;border:none;background:rgba(166, 50, 220, 1)}
.btn-n30:hover {background:rgba(142, 36, 170, 1);transition:all 2s ease-in-out}
.btn-n40 {width:280px;height:60px;line-height:60px;border-radius:0px;letter-spacing:-0.05em;outline:none;border:none;background:rgba(198, 40, 40, 1)}
.btn-n40:hover {background:rgba(171, 0, 13, 1);transition:all 2s ease-in-out}

.memshgo {background:linear-gradient(-45deg, #ee7752, #e73c7e, #a632dc, #23a6d5, #23d5ab);background-size:400% 400%;-webkit-animation:AnimationName 40s ease infinite;-moz-animation:AnimationName 40s ease infinite;-o-animation:AnimationName 40s ease infinite;animation:AnimationName 40s ease infinite}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.gap {padding-top:500px !important}

/* 모바일기기 */
@media only screen and (max-width: 320px) {

	/* 모바일 1 슬라이드 크기 조절 */
	.carousel-item {height:300px;min-height:200px;background:no-repeat center center scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
	/* 모바일 슬라이드 텍스트 크기 조절 */
	.carousel-caption h3{font-size:16px;}
	.carousel-caption p{font-size:14px;}
	/* 네비 */
	.navbar-brand {font-size:25px;font-weight:bold}
	.navbar-nav li {padding:5px 0 5px 10px}
	.navbar-nav li a {color:#fff}
	.gap {padding-top:30px !important}
}

/* 모바일기기 + 태블릿 */
@media only screen and (min-width: 321px) and (max-width: 768px){

	/* 모바일 2 슬라이드 크기 조절 */
	.carousel-item {height:500px;min-height:200px;background:no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
	/* 모바일 슬라이드 텍스트 크기 조절 */
	.carousel-caption h3{font-size:16px}
	.carousel-caption p{font-size:14px}
	/* 네비 */
	.navbar-brand {font-size:25px;font-weight:bold}
	.navbar-nav li {padding:5px 0 5px 10px}
	.navbar-nav li a {color:#fff}
	.gap {padding-top:30px !important}
}

/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
	/* 태블릿등 슬라이드 크기 조절 */
	.carousel-item {height:700px;min-height:300px;background:no-repeat center center scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
	/* 네비 */
	.navbar-brand {font-size:25px;font-weight:bold}
	.navbar-nav li {padding:20px 0 20px 15px}
	.navbar-nav li a {color:#fff}
	.gap {padding-top:30px !important}
}

/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	/* DESKTOP 슬라이드 크기 조절 */
	.carousel-item {height:750px;min-height:300px;background:no-repeat center center scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
	/* 네비 */
	.navbar-brand {font-size:25px;font-weight:bold}
	.navbar-nav li {padding:20px 0 20px 15px}
	.navbar-nav li a {color:#fff}
}