/* etc */

.row-offcanvas {
    height: auto;
}

a {
    color: #000;
}

.wiz-container {
    width: 1180px;
}

.loadingBox {margin-left:100px; -webkit-animation-delay: 0.7s;    animation-delay: 0.7s;}
.loadingBox .circle {margin:0 auto; transform:translate(-50%, -50%); width:90px; height:90px; border:15px solid #56ccb6; border-top:15px solid #aae6dc; border-radius:50em;}
@keyframes spinCircle {
    from {
        transform:translate(-50%, -50%) rotate(0);
    }
    to {
        transform:translate(-50%, -50%) rotate(360deg);
    }
}

.loadingBox .circle {transform:translate(-50%, -50%); width:90px; height:90px; border:15px solid #56ccb6; border-top:15px solid #aae6dc; border-radius:50em;
    animation-name:spinCircle;
    animation-duration:.8s;
    animation-iteration-count:infinite;
}

/* header */

.header-line {
    height: 2px;
    background-color: #EF7500;
    /*    z-index: 99999999999999999999999999999999999999999999;*/
    position: absolute;
}

#header_wrap {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 97px;
    transition: .5s height, .2s background;
    background-color: #02d497;
}

#header_wrap.top_menu_06 h1 {
    overflow: hidden;
    width: 250px;
    padding-top: 27px;
    padding-left: 5px;
	margin-top:0;
	font-size:30px;
	font-family: 'NanumSquare', sans-serif !important;

}

#header_wrap.top_menu_06 h1 img {width:50px; vertical-align:top;}

#header_wrap.top_menu_06 h1 a {
    overflow: hidden;
    display: block;
    height: 40px;
	color:#fff;
	text-decoration: none;

}

#header_wrap.top_menu_06 h1 span {font-size:17px;}

#header_wrap.top_menu_06 .menu_wrap {
    position: absolute;
    left: 50%;
    top: 0;
    width: 950px;
    margin-left: -300px;
}

#header_wrap.top_menu_06 .gnb {
    text-align: center;
    background-color: transparent;
}

#header_wrap.top_menu_06 .gnb li {
    float: left;
    width: 130px;
    text-align: left;
}

#header_wrap.top_menu_06 .gnb li:nth-child(2) {width:150px;}
#header_wrap.top_menu_06 .gnb li:nth-child(3) {width:160px;}

#header_wrap.top_menu_06 .gnb a {
    display: inline-block;
    font-weight: 400;
    line-height: 1em;
    color: #fff;
}

#header_wrap.top_menu_06 .gnb:after {
    display: block;
    clear: both;
    content: "";
}

#header_wrap.top_menu_06 .gnb .depth1 {
    position: relative;
}

#header_wrap.top_menu_06 .gnb .depth1 > a {
    display: block;
    height: 57px;
    padding: 40px 0 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'NotoSans', 'Lato', 'Noto Sans KR', Tahoma, Geneva, sans-serif;
}

#header_wrap.top_menu_06 .gnb .depth1 > a:before {
    background: linear-gradient(to right, #fff, #fff);
    background: -webkit-linear-gradient(to right, #fff, #fff);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
    margin-top: 36px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 0%;
    transition: 0.5s;
}
#header_wrap.top_menu_06 .gnb .depth1 > a:hover::before {
    color: #4568DC;
    width: 80px;
}
#header_wrap.top_menu_06 .gnb .depth1 > a:hover {
    color: #4568DC;
}

#header_wrap.top_menu_06 .gnb .depth2 {
    display: none;
}

#header_wrap.top_menu_06 .top_right_menu {
    float: right;
    top: 0;
    position: absolute;
    right: 0;
    margin-top: 33px;
}

#header_wrap.top_menu_06 .top_right_menu .btn-white {
    display: inline-block;
    background-color: #fff;
    color: #9c9c9c !important;
    transition: 0.4s;
    border: 1px #eee solid !important;
    border-radius: 12em;
    padding-left: 18px;
    padding-right: 18px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    
}
#header_wrap.top_menu_06 .top_right_menu .btn-white:hover {
    background-color: #f6f6f6;
    color: #000
}


/* header_hover */

#header_wrap.full_down {
    height: 97px;
    background-color: #02d497;
    z-index: 1100;
}

#header_wrap.full_down:before {
    position: absolute;
    left: 0;
    top: 97px;
    width: 100%;
    height: 290px;
    background-color: rgb(255, 255, 255, 0.6);
    border-top: 0;
/*    border-bottom: 1px #cacaca solid;*/
    content: "";
}

#header_wrap.top_menu_06.full_down .menu_wrap {}

#header_wrap.top_menu_06.full_down .menu_wrap .gnb {
    overflow: hidden;
/*    width: 1140px;*/
    margin: 0 auto;
    text-align: left;
}

#header_wrap.top_menu_06.full_down .menu_wrap .gnb a {
    color: #666;
}

#header_wrap.top_menu_06.full_down .menu_wrap .gnb a:hover,
#header_wrap.top_menu_06.full_down .menu_wrap .gnb a:focus {
    color: #000;
    text-decoration: none;
}

#header_wrap.top_menu_06.full_down .menu_wrap .depth1 {
    overflow: hidden;
}

#header_wrap.top_menu_06.full_down .menu_wrap .depth1 > a {
    margin-bottom: 30px;
    color: #fff;
}

#header_wrap.top_menu_06.full_down .menu_wrap .depth1 > a:hover,
#header_wrap.top_menu_06.full_down .menu_wrap .depth1 > a:focus {
    color: #fff;
    text-decoration: none;
}

#header_wrap.top_menu_06.full_down .menu_wrap .depth2 {
    display: block;
    padding-top: 32px;
}

#header_wrap.top_menu_06.full_down .menu_wrap .depth2 > li {
    display: block;
}

#header_wrap.top_menu_06.full_down .menu_wrap .depth2 > li > a {
    margin-bottom:15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1em;
    color: #fff;
}
#header_wrap.top_menu_06.full_down .menu_wrap .depth2 > li > a:hover {
    color: #000;
    padding-left: 4px;
}

#header_wrap.top_menu_06.full_down .menu_wrap .depth2 > li > a:before {
/*    content: "· "*/
}

/* 모바일 메뉴 */
.sidebar-offcanvas {
    display: none;
}
.js-offcanvas-btn {
    position: absolute;
    right: 0;
    margin-right: 10px;
    top: 20px;
    background-color: transparent;
    border: 0;
}

@media(max-width:997px) {
    .menu_wrap {
        display: none;
    }
    .js-offcanvas-btn {
        display: block;
    }
    .sidebar-offcanvas { 
        display: block !important;
    }
}

/* 모바일 메뉴 마감 */




/* index- content */

.index-content {
    margin-top: 40px;
}

.index-content section.info-one {}

.index-content section.info-one .company,
.index-content section.info-one .business,
.index-content section.info-one .info {
    padding-bottom: 16px;
}

.index-content section.info-one .company {
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.index-content section.info-one .business {
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.index-content section.info-one .info {
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.index-content section.info-one dl {
    padding-left:100px;
}

.index-content section.info-one dl dt {
    font-size: 20px;
    font-family: 'NotoSans', 'Lato', Tahoma, Geneva, sans-serif;
    font-weight: 900;
}

.index-content section.info-one dl dd {
    font-size: 15px;
    font-family: 'NotoSans', 'Lato', Tahoma, Geneva, sans-serif;
    font-weight: 300;
    color: #000;
    padding-top: 20px;
    width: 100%;
    line-height: 20px;
	min-height:90px;
}

.index-content section.info-one .business dl dt ul.cate {
    padding-top: 2px;
}

.index-content section.info-one .business dl dt ul.cate li {
    float: left;
}

.index-content section.info-one .business dl dt ul.cate li a:after {
    content: "|";
    padding-left: 3px;
    padding-right: 3px;
    color: #bfbfbf;
}

.index-content section.info-one .business dl dt ul.cate li:last-child a:after {
    content: "";
    padding-right: 0;
}

.index-content section.info-one .business dl dt ul.cate li a {
    font-size: 12px;
    font-weight: 700;
    /*    padding-left: 4px;*/
    display: block;
    color: #a8a8a8;
}

.index-content section.info-one .business dl dt ul.cate li a.active {
    color: #5a9718;
    font-weight: 900;
}

.index-content section.info-one .business dl dd {
    width: 100%;
}

.index-content section.info-one .info dl dd .tel_wrap {
    font-size: 14px;
    color: #505050;
    padding-top: 7px;
    clear: both;
}

.index-content section.info-one .info dl dd .tel {
    padding: 0;
    margin: 0;
    line-height: 25px;
    font-size: 16px;
}

.index-content section.info-one .info dl dd span.badge {
    font-size: 11px;
    border: 1px #dbdbdb solid;
    background-color: transparent;
    color: #505050;
    padding: 4px 12px;
    border-radius: 1em;
    margin-right: 10px;
    text-transform: capitalize;
}

.index-content section.info-one p {
    margin-left: 40px;
}

.index-content section.info-one p a {
    font-size: 13px;
    color: #808080;
    border: 1px #dbdbdb solid;
    background-color: #fff;
    border-radius: 2em;
    padding: 8px 16px;
}

a.main_more { position:absolute; top:90%; left:29%; display:block; width:170px; height:38px; background:url('../../img/main/more_bg.png')no-repeat left top; font-size:14px; font-weight:300; line-height:38px; color:#222; text-align:left; padding-left:15px; transition:0.2s;}
a.main_more span { position:absolute; }
a.main_more:after {position:absolute; content:''; height:1px; width:0; background:#fff; right:0; top:19px; transition:0.2s;}
a.main_more:before { position:absolute; content:''; height:38px; width:0px; background:#333; left:0; top:0; transition:0.2s;}
a.main_more:hover { color:#fff;}
a.main_more:hover:after { width:18px;}
a.main_more:hover:before { width:170px;}


.index-content_b {
    margin-top: 90px;
	background:#f2fcfc;
	text-align:center;
	padding:30px 0;
}

.index-content section.info-two {
    clear: both;
    margin-top: 20px;
}


.index-content section.info-two .product,
.index-content section.info-two .latest_wrap {
    border: 1px #e1e1e1 solid;
    padding-bottom: 16px;
}


section.info-two .news h3 {
    font-size: 35px;
    font-weight: 300;
    font-family: 'NotoSans', Tahoma, Geneva, sans-serif;
	letter-spacing:-1px;
	color:#060606;
}

section.info-two .news h3 span {color:#1da98f;}

section.info-two .news h4 {
    font-size: 20px;
    font-weight: 300;
    font-family: 'NotoSans', Tahoma, Geneva, sans-serif;
	letter-spacing:-1px;
	color:#000;
	padding-top:10px;
	padding-bottom:40px;
}


.index-content-m {    margin-top: 0px;	background:#f2fcfc;	text-align:center;	padding:50px 0;}
.index-content-m h3 { padding-bottom:20px;  font-size: 35px;    font-weight: 600;    font-family: 'NotoSans', Tahoma, Geneva, sans-serif;	letter-spacing:-1px;	color:#060606;}
section.info-two .magazine {padding-bottom:50px;}
section.info-two .magazine h4 { padding-left:10px;    text-align:left;	font-size: 20px;    font-weight: 600;	letter-spacing:-1px;	color:#000;	padding-top:10px;	padding-bottom:20px;}
section.info-two .magazine ul {display:inline-block; width: calc(100% /3 - 27px); margin-right:20px; vertical-align:top;}
section.info-two .magazine ul li {font-size:17px; font-weight:400px; padding-bottom:10px; text-align:left;}
section.info-two .magazine ul li img {width:353px; height:235px;}


@media (max-width: 1200px) {
	.index-content-m { 	padding:10px 0; text-align:left;}
	.index-content-m h3 {text-align:center;	padding-bottom:0;  font-size: 22px; }
	section.info-two .magazine ul {display:inline-block; width: calc(100% /3 - 5px); margin-right:0px; }
	section.info-two .magazine h4 { font-size: 17px;}
	section.info-two .magazine ul li {font-size:15px;}
	section.info-two .magazine ul li img {width:250px; height:165px;}
}

@media (max-width: 1000px) {
	.index-content-m { 	padding:10px 0; text-align:left;}
	.index-content-m h3 {text-align:center;	padding-bottom:0;  font-size: 22px; }
	section.info-two .magazine ul {display:inline-block; width: calc(100% /3 - 5px); margin-right:0px; }
	section.info-two .magazine h4 { font-size: 17px;}
	section.info-two .magazine ul li {font-size:15px;}
	section.info-two .magazine ul li img {width:200px; height:125px;}
}

@media (max-width: 640px) {
	.index-content-m { 	padding:10px 0; text-align:left;}
	.index-content-m h3 {text-align:center;	padding-bottom:0;  font-size: 22px; }
	section.info-two .magazine ul {display:inline-block; width: calc(100% /2 - 7px); margin-right:5px; }
	section.info-two .magazine h4 { font-size: 17px;}
	section.info-two .magazine ul li {font-size:15px;}
	section.info-two .magazine ul li img {width:250px; height:155px;}
}

@media (max-width: 530px) {
	.index-content-m { 	padding:10px 0; text-align:left;}
	.index-content-m h3 {text-align:center;	padding-bottom:0;  font-size: 22px; }
	section.info-two .magazine ul {display:inline-block; width: calc(100% /2 - 7px); margin-right:5px; }
	section.info-two .magazine h4 { font-size: 17px;}
	section.info-two .magazine ul li {font-size:15px;}
	section.info-two .magazine ul li img {width:170px; height:115px;}
}

.index-content-c { margin:50px 0;	background:#fff;	text-align:center;	padding:30px 0;}
.index-content-c h3 { font-size: 35px;    font-weight: 600;    font-family: 'NotoSans', Tahoma, Geneva, sans-serif;	letter-spacing:-1px;	color:#060606; margin-bottom:60px;}

.orderpage_tabmenu_container {width: 100%; margin:0 auto; text-align:center;}
.orderpage_tabmenu {margin-bottom:1px; margin:0 auto; width: 200px;height: auto;display:inline-block; *display:inline; *zoom:1; font-size:17px;padding:20px 0;background-color: #fff; font-weight:600;text-align:center;display: inline-block;cursor: pointer;margin-left:-5px; border:1px solid #a3a3a3; color:#7d7d7d;}
.orderpage_tabmenu:nth-child(1) {border-top-left-radius:10px; border-bottom-left-radius:10px;}
.orderpage_tabmenu:nth-child(3) {border-top-right-radius:10px; border-bottom-right-radius:10px;}
.orderpage_tabmenu:hover {color: #2d2d31; background:#eee;}
.orderpage_tabmenu.active {color: #fff;font-weight: 500; background: rgba(86,204,182,1);		-webkit-transition:300ms ease-out 0ms;		-moz-transition:300ms ease-out 0ms;		-ms-transition:300ms ease-out 0ms;}
.orderpage_contents_area {	width: 100%;height: auto;margin:0 auto; text-align:center; margin-top:40px; vertical-align:top; font-size:15px;}

section.info-two .counseling {border-bottom:1px solid #e0e0e0; text-align:left; padding-top:20px; }
section.info-two .counseling h4 { font-weight:600; font-size:22px; color:#000; letter-spacing:-1px;}
section.info-two .counseling ul {display:inline-block; width:80%;}
section.info-two .counseling ul li {font-size:15px; font-weight:400px; padding-bottom:20px; text-align:left; letter-spacing:-0.5px;}
section.info-two .counseling ul li.data {font-size:12px; font-weight:400px; text-align:left; letter-spacing:0px;}
section.info-two .counseling ul li span {font-size:12px; font-weight:400px; text-align:left; letter-spacing:0px; padding-left:20px;}
section.info-two .counseling i {float:right; font-style:normal; padding-top:40px; font-size:18px; font-weight:500; color:#000;}

@media (max-width: 767px) {
	.index-content-c { margin:0px 0 50px 0;	}
	.index-content-c h3 {    font-size: 22px; margin-bottom:40px; }
	section.info-two .magazine h4 { padding-left:0px;}
	.orderpage_tabmenu {width: 33%; font-size:14px; padding:15px 0;}

	section.info-two .counseling h4 {font-size:17px;}
	section.info-two .counseling ul li {font-size:13px;}
	section.info-two .counseling i { font-size:15px;}
}


.index-content_long a{text-decoration:none;}

.index-content_long {    margin-top: 0px;	background: url("../../img/main/partner_bg.jpg") center top repeat-y;	text-align:center;	padding:40px 0;}
section .partner h3 {    font-size: 35px;    font-weight: 300;    font-family: 'NotoSans', Tahoma, Geneva, sans-serif;	letter-spacing:-1px;	color:#fff;}
section .partner h4 {    font-size: 20px;    font-weight: 300;    font-family: 'NotoSans', Tahoma, Geneva, sans-serif;	letter-spacing:-1px;	color:#fff;	padding-top:5px;}

section .product .arrows_wrap {
    margin-top: 10px;
}

@media (max-width: 767px) {
	section .partner h3 {    font-size: 25px; }
	section .partner h4 {    font-size: 16px; }

}


/* Slick Slider Css Ruls */

.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.img-fill {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    border: 1px #e3e3e4 solid;
}

.img-fill img {
    height: 100%;
    min-width: 100%;
    position: relative;
    display: inline-block;
    max-width: none
}


/* Slider Theme Style */

.Slick_wrap {
    /*  padding: 0 15px;*/
    padding-bottom: 14px;
}

.Slick_wrap:after,
.Slick_wrap .Head:after {
    content: '';
    display: block;
    clear: both;
}

.s-Arrows {
    float: right;
}

.Slick-Next,
.Slick-Prev {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: 6px;
    background: #fff;
    border: 1px #9b9c9c solid;
    color: #000;
    /*  margin-left: 1px;*/
    cursor: pointer;
    font: 20px/30px FontAwesome;
    font-weight: 800;
    /*  font: 18px/36px FontAwesome;*/
    text-align: center;
    transition: all 0.5s;
}

.Slick-Next {
    border-left: 0;
}

.Slick-Prev {}

.Slick-Next:hover,
.Slick-Prev:hover {
    background: #9b9c9c;
    color: #fff;
}

.Slick-Next:before {
    content: '\f105'
}

.Slick-Prev:before {
    content: '\f104'
}

.SlickCarousel {
    margin: 0 -7.5px;
    margin-top: 10px;
}

.ProductBlock {
    padding: 0 7.5px;
}

.ProductBlock .img-fill {
    /*  height: 200px;*/
}

.ProductBlock h3 {
    font: 15px/36px RalewayR;
    color: #393939;
    margin-top: 5px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .25);
    display: none;
}

.Slick_wrap .text_wrap {
    bottom: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 3px;
    padding-top: 3px;
}

.bg-gray {
    margin-top: 30px;
    background-color: #2f2f2f;
    border-radius: 0.4em;
    color: #e3e3e3;
    padding: 12px 20px;
}


/* 탭 */

section.info-two #tab_wrap {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    min-height: 280px;
}

section.info-two .nav-tabs {}

section.info-two .nav-tabs > li a {
    margin: 0;
    border-bottom: 0;
}

section.info-two .nav-tabs > li.active > a,
section.info-two .nav-tabs > li.active > a:focus,
section.info-two .nav-tabs > li.active > a:hover {
    border-width: 0;
    color: #fff;
    border-top: 0;
    border-bottom: 1px #e3e3e3 solid;
    border-left: 1px #e3e3e3 solid;
    background-color: #fff !important;
}

section.info-two .nav-tabs > li > a {
    border: none;
    color: #000;
    background: #f8f8f8 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    border-left: 1px #e3e3e3 solid;
    border-bottom: 1px #e3e3e3 solid;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

section.info-two .nav-tabs > li:first-child > a {
    border-left: 0;
}

section.info-two .nav-tabs > li.active:first-child > a {
    border-left: 0;
}

section.info-two .nav-tabs > li:last-child > a {
    border-right: 0;
}

section.info-two .nav-tabs > li > a > span {
    color: #000;
}

section.info-two .nav-tabs > li > a:hover,
,
section.info-two .nav-tabs > li > a:focus {
    color: #efefef !important;
    background: #fff;
    color: #000;
    border-top: 0;
    border-bottom: 1px #e3e3e3 solid;
    border-left: 1px #e3e3e3 solid;
}

section.info-two .nav-tabs > li.active > a {
    border-bottom: 1px #fff solid !important;
}

section.info-two .nav-tabs > li:first-child > a:hover,
section.info-two .nav-tabs > li:first-child > a:focus {
    border-left: 0;
}

section.info-two .nav-tabs > li.active > a > span,
section.info-two .nav-tabs > li > a:hover > span {
    color: #000;
}

.tab-pane {
    padding: 15px 0;
}

section.info-two .tab-content {
    padding: 0 40px;
    padding-bottom: 0;
    /*    border-bottom: 1px #e3e3e3 solid;*/
    /*    min-height: 223px;*/
}

section.info-two .nav-tabs > li {
    width: 50%;
    text-align: center;
}


/*  sub layout */


/* 비쥬얼 */

@keyframes zoom {
    0% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand')";
        filter: progid: DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand');
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')";
        filter: progid: DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand');
    }
}





.s_visual_wrap {
    position: relative;
    /*            min-width: 1100px;*/
    overflow: hidden;
}

.s_visual_wrap .slide {
    position: relative;
    height: 330px;
    top: 0;
    /*            min-width: 1100px;*/
}

.s_visual_wrap .slide ul {
    padding: 0;
    margin: 0;
    margin-top: -100px;
    padding-top: -100px;
    top: 0px;
}

.s_visual_wrap .slide li {
    height: 380px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    
    left: 0;
    top: 0;
    width: 100%;
    background-repeat: no-repeat;
    text-align: center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
    transform-origin: center center;
    /*
  -webkit-animation: zoom 20s ease-in-out infinite alternate;
  -moz-animation: zoom 20s ease-in-out infinite alternate;
  -o-animation: zoom 20s ease-in-out infinite alternate;
  -ms-animation: zoom 20s ease-in-out infinite alternate;

    animation: zoom 3s ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;*/ 
    padding: 0;
    margin: 0;
    top: 0;

}

.s_visual_wrap .slide .content {
    top:48%;
    position: relative;
    z-index: 1;
    text-align: center;
    /*animation: zoom 3s ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;*/
}

.s_visual_wrap .slide .content h1 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    /*        padding-bottom: 0;*/
    margin-bottom: 12px;
    margin-top: 0;
    padding-top: 0;
	letter-spacing:-1px;
}

.s_visual_wrap .slide .content h1 span {
    font-weight: 100;
}

.s_visual_wrap .slide .content p {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
}

.s_visual_wrap .line {
    margin: 0 auto;
    width: 150px;
    height: 3px;
    background-color: #ef8a12;
    opacity: 0;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-name: s-title-line;
    margin-top: 15px;
    animation-fill-mode: forwards;
}
.s_visual_wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@keyframes s-title-line {
    from {
        width: 0%;
        height: 3px;
    }
    to {
        width: 150px;
        height: 3px;
        opacity: 1;
    }
}




/* 서브비주얼 마감*/


/* 서브 중앙메뉴 */

.sub_three_map_wrap {
    margin-top: -33px;
    position: relative;
}

.sub_three_map_wrap .sub_three_map {
    background-color: #fff;
    border-left: 1px #e3e3e3 solid;
    border-right: 1px #e3e3e3 solid;
    /*    border-top: 1px #e3e3e3 solid;*/
}

.sub_three_map_wrap .sub_three_map .col-md-4,
.sub_three_map_wrap .sub_three_map .col-md-6,
.sub_three_map_wrap .sub_three_map .col-md-6 {
    padding: 0;
    margin: 0;
    border-bottom: 1px #e3e3e3 solid;
}

.sub_three_map_wrap .sub_three_map .home {
    background: url('../../img/sub/box-home.png');
    background-position: 10% 50%;
    background-repeat: no-repeat;
    color: #000;
    line-height: 32px;
    display: block;
    /*    font-size: 16px;*/
    /*    padding-left: 40px;*/
    background-color: #fafafa;
    padding: 16px;
    padding-left: 68px;
    font-weight: 700;
    font-size: 15px;
    border-top: 1px #e3e3e3 solid;
}

.sub_three_map_wrap .sub_three_map .menus {
    border-left: 1px #e3e3e3 solid;
    border-right: 1px #e3e3e3 solid;
    background-color: #fafafa;
    border-top: 1px #e3e3e3 solid;
}

.sub_three_map_wrap .sub_three_map .last {
    background-color: #fff;
    border-bottom: 0;
    display: block;
    border-top: 2px #000 solid;
    display: inline-block;
}

.sub_three_nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 9
}

.sub_three_nav ul li {
    display: block;
}

.sub_three_nav ul li a,
.sub_three_nav ul li a:visited {
    font-weight: 400;
    font-size: 15px;
    display: block;
    padding: 16px;
    padding-left: 30px;
    color: #000;
    text-decoration: none;
    transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    /*    font-weight: 400;*/
    text-transform: capitalize;
    line-height: 32px;
}

.sub_three_nav ul li a:hover {
    /*    color: #000;*/
}

.sub_three_nav .dropdown-active {
    background-color: #484b50;
    font-weight: 600;
}

.sub_three_nav .dropdown-active a,
.sub_three_nav .dropdown-active a:visited {
    color: #000;
}

.sub_three_nav ul ul {
    position: absolute;
    background-color: #37393D;
    width: 100%;
}

.sub_three_nav ul ul li {
    display: block;
}

.clickSlide span {
    float: right;
    padding-top: 27px;
    padding-right: 25px;
    font-weight: 100;
    color: #3d3d3d;
}

.sub_three_nav ul ul li a,
.sub_three_nav ul ul li a:visited {
    display: block;
    padding: 12px !important;
    color: #c9c9c9 !important;
    border-bottom: 1px #2b2c30 solid;
    font-weight: 400;
    padding-left: 22px !important;
    font-size: 14px;
}

.sub_three_nav ul ul li a:hover {
    background-color: #2b2c30;
    color: #000;
}

.sub_three_nav ul ul li:first-child {
    border-top: 1px #2b2c30 solid;
}

.sub_three_nav ul ul li:last-child {
    border-bottom: 0 !important;
}

.sub_three_map_wrap .sub_three_map .depth1,
.sub_three_map_wrap .sub_three_map .depth2 {
    color: #fff;
    background: url('../../img/sub/box-down.png');
    background-position: 95% 50%;
    background-repeat: no-repeat;
}

.sub_three_map_wrap .sub_three_map .depth2 a {
    font-weight: 900;
}


/* 서브 중앙메뉴 마감 */

#sub_content {
    /*    margin-top: 120px;*/
}

#sub_content .breadcrumb_wrap {
    /*    border-top: 1px #eee solid;*/
    border-bottom: 1px #eee solid;
    width: 100%;
    background-color: transparent;
    background-color: #fff;
}

#sub_content .breadcrumb_wrap .sub_tab {}

#sub_content .breadcrumb_wrap .sub_tab > li:first-child {
    border-left: 1px #eee solid;
    background: none;
    padding-right: 0;
    /*    background-color: #000;*/
}

#sub_content .breadcrumb_wrap .sub_tab > li:first-child span {
    /*    color: #fff;*/
}

#sub_content .breadcrumb_wrap .sub_tab > li {
    padding: 0;
    margin: 0;
    float: left;
    border-right: 1px #eee solid;
    cursor: pointer;
    background: url('../../img/main/arr.png') 90% 50%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

#sub_content .breadcrumb_wrap .sub_tab > li:hover {
    /*    background-color: #f7f7f7;*/
}

#sub_content .breadcrumb_wrap .sub_tab > li > a {
    font-size: 15px;
    line-height: 58px;
    padding-left: 35px;
    padding-right: 35px;
    height: 58px;
    display: block;
    margin: 0;
}

#sub_content .breadcrumb_wrap .sub_tab > li:last-child {
    font-weight: 600;
}

#sub_content .breadcrumb_wrap .sub_tab .glyphicon-home {
    font-size: 18px;
    padding-top: 20px;
}

#sub_content .breadcrumb_wrap .sub_tab .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
}

#sub_content .breadcrumb_wrap .sub_tab .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
    border: 1px #eee solid;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
    padding-top: 0;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
}

#sub_content .breadcrumb_wrap .sub_tab .dropdown-menu li:last-child {
    border-bottom: 0;
}

#sub_content .breadcrumb_wrap .sub_tab .dropdown-menu li {
    border-bottom: 1px #eee solid;
}

#sub_content .breadcrumb_wrap .sub_tab li a,
#sub_content .breadcrumb_wrap .sub_tab li a:active,
#sub_content .breadcrumb_wrap .sub_tab li a:hover {
    text-decoration: none;
    color: #000;
}

#sub_content .breadcrumb_wrap .sub_tab > li > a > span.caret {
    text-align: right;
}

#sub_content .breadcrumb_wrap .sub_tab li ul li a:hover {
    background: #f7f7f7 !important;
}

#sub_content .breadcrumb_wrap .sub_tab li ul li span {
    float: right;
    font-size: 11px;
    color: #5c5c5c;
    line-height: 27px;
}

#sub_content .breadcrumb_wrap .sub_tab li ul li a {
    font-size: 13px;
    line-height: 32px;
    background-color: #fff;
}

#sub_content .breadcrumb_wrap .breadcrumb {
    background-color: #fff;
    padding: 0;
    margin-bottom: 0;
    padding-top: 18px;
}

#sub_content .breadcrumb_wrap .breadcrumb li,
#sub_content .breadcrumb_wrap .breadcrumb li a {
    font-size: 12px;
    line-height: auto;
    color: #000;
}

#sub_content h1 {
    font-size: 30px;
    color: #272727;
    font-weight: 900;
    padding-bottom: 30px;
	letter-spacing:-1px;
	text-align:center;
}

#sub_content .page-header {
    margin-top: 70px;
    /*    padding-bottom: 30px;*/
    text-align: center;
    clear: both;
    border-bottom: 0;
}

#sub_content .page-header h1 {
    font-size: 30px;
    color: #272727;
    font-weight: 900;
    display: inline-block;
    padding-bottom: 10px;
	letter-spacing:-1px;
    background: url("../../img/sub/header-line.png") repeat-x left bottom;
}

#sub_content .page-header .line {
    border-bottom: 1px #fc7d11 solid;
    width: 120px;
    /*    width: 100%;*/
    text-align: center;
    margin: 0 auto;
    padding-bottom: 15px;
    /*    display: none;*/
}

#sub_content .page-header p {
    font-size: 15px;
    /*    padding-left: 12px;*/
}


@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

/* footer */

.footer {
    margin-top: 0px;
    background-color: #2a2a2a;
	padding:0px 0; 
}

.footer .btn-default {
    background-color: #fff;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    border: 1px #dddddd solid;
    padding: 4px 11px;
    border-radius: 0;
}

.foot_t {background:#333; text-align:center; color:#fff; opacity:0.7; font-size:14px; padding:15px 0; }

.footer .foot_add {
    float:left;
	width:60%;
}

.list-inline li a {color:#a6a6a6; text-decoration: none;}
.footer .footer-menu {
    float:right;
	width:40%;
	padding-top:20px;
}

.foot_txt li {color:#fff; opacity:0.7; font-weight:300; padding-bottom:5px; font-size:12px;}
.foot_txt li span {font-size:12px;}

.footer .footer-menu ul li:before {
    color: #2a2a2a;
}

.footer .footer-menu ul li a {
    font-size: 13px;
    font-weight: 300;
    color: #a6a6a6;
}

.footer .breadcrumb {
    margin-bottom: 4px;
    background-color: transparent;
}

.footer p.logo {
    margin-top: 23px;
	font-size:24px;
	color:#23ae91;
	font-family: 'GmarketSansBold';
}


.footer address {
    float:left; 
    font-size: 14px;
    line-height: 23px;
    color: #a6a6a6;
	font-weight:100;
}

.footer p.copyright {
    margin-top: 0;
    padding-top: 0;
    color: #bbbbbb;
    font-size: 13px;
}

@media (min-width:1200px) {
    .index-content section.info-one .company_wrap {
        padding-right: 0px;
    }
    .index-content section.info-one .business_wrap {
        /*    padding-right: 10px;  */
    }
    .index-content section.info-one .info_wrap {
        padding-left: 0px;
    }
    .index-content section.info-two .latest {
        padding-left: 0px;
    }
}



@media (max-width: 992px) {
    .index-content section.info-one .business {
        margin-bottom: 15px;
        margin-top: 15px;
        clear: both;
    }
	.company_wrap {margin-bottom:50px;}
	.business-wrap {margin-bottom:50px;}
    .index-content section.info-two .latest {
        margin-top: 15px;
    }

	section.info-two .news h3 {    font-size:30px;    }
	section.info-two .news h4 {    font-size:17px;    }
    #sub_content .breadcrumb_wrap .breadcrumb {
        height: 20px;
        min-height: 20px;
        display: none;
    }

	section.info-two .partner h3 {
    font-size: 30px;
    }

    #sub_content .breadcrumb_wrap .sub_tab > li > a {
        font-size: 14px;
        line-height: 60px;
        padding-left: 25px;
        padding-right: 25px;
        height: 60px;
    }
    .animate {
        opacity: 0;
    }
    .s_visual_wrap .slide {
        padding-left: 15px;
        padding-right: 15px;
    }
    .s_visual_wrap .slide .content h1 {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    font-family: 'NanumSquare', '맑은 고딕', 'Nanum Gothic', 'Malgun Gothic', 'Ubuntu', '돋움', dotum, sans-serif;
    /*        padding-bottom: 0;*/
    margin-bottom: 12px;
    margin-top: 0;
    padding-top: 0;}

	.footer .foot_add {
    float:none;
	width:100%;
}

.footer .footer-menu {
    float:none;
	width:100%;
	padding-top:30px;
	
}

.foot_t {padding:25px 0; }


}

.s_visual_wrap .slide .content p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
   
}

@media (max-width: 767px) {


	#header_wrap.top_menu_06 h1 {
    overflow: hidden;
    width: 176px;
	padding-top:30px;
	font-size:22px;

	}

	#header_wrap.top_menu_06 h1 img {width:40px; vertical-align:top;}

	#header_wrap.top_menu_06 h1 span {font-size:12px;}

    .visual_bottom {
        display: none;
    }
    .index-content section.company .company_story dl dt {
        font-size: 26px;
    }
    .index-content section.company .company_story dl dt span {
        font-size: 26px;
        color: #607fab;
    }
    section.product .content h2 {
        font-size: 32px;
        color: #fff;
    }
    section.product .content h2 p {
        padding-top: 5px;
        font-size: 16px;
        color: #fff;
    }
    .product_bg {
        height: 100%;
        display: block;
        background: rgba(0, 0, 0, 0.3);
    }
    section.info-two #tab_wrap {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    section.info-two {
        padding-top: 10px;
    }
    section.info-twop.text {
        font-size: 20px;
        line-height: 27px;
    }
    section.info-two.latest_wrap {
        margin-top: 30px;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #sub_content .page-header small {
        display: none;
    }
    #sub_content .breadcrumb_wrap .container {
        padding: 0;
        margin: 0;
    }
    #sub_content .breadcrumb_wrap .sub_tab > li:first-child a {
        padding-left: 15px;
        padding-right: 15px;
    }
    #sub_content .breadcrumb_wrap .sub_tab > li > a {
        padding-left: 35px;
        padding-right: 35px;
    }
    #sub_content .page-header {
        /*        margin-bottom: 20px;*/
    }
    section.info-two .product .arrows_wrap {
        margin-top: 10px;
    }
	
	.list-inline {padding:15px 0; text-align:center;}
}

@media (max-width: 480px) {

    section.info-two .nav-tabs > li > a {
        border: none;
        color: #000;
        background: #f8f8f8 !important;
        font-size: 16px !important;
        font-weight: 600;
        border-left: 1px #e3e3e3 solid;
        border-bottom: 1px #e3e3e3 solid;
        border-radius: 0;
        padding-top: 13px;
        padding-bottom: 13px;
    }
    section.info-two.tab-pane {
        padding: 0;
    }
    section.info-two.tab-content {
        padding: 15px;
        border-bottom: 1px #e3e3e3 solid;
        min-height: auto;
        height: auto;
    }
    .footer p.logo {
        display: none;
    }
}