@charset "UTF-8";

.custom-block {
    display:block;
}

.relative { 
	position:relative;
}


.clear { clear:both; }
.mt-10 { margin-top:10px; }
.mt-20 { margin-top:20px; }
.mt-30 { margin-top:30px; }
.mt-40 { margin-top:40px; }
.mt-50 { margin-top:50px; }


.tbpass{width:100%;max-width:400px;}

/*
 * container
 **********************************************************************************************************************/
.container,
.container--wide {
    width:auto;
    margin-left:auto;
    margin-right:auto;
    padding-right:1rem;
    padding-left:1rem;
}
.container {
    max-width:1480px;
}
.container--wide {
    max-width:1840px;
}


/*
 * wrapper
  *********************************************************************************************************************/
.iframe-wrapper {
    position:relative;
}
.iframe-wrapper > iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.ratio-16vs9 {
    padding-bottom:56.25%;
}


/*
 * link
 **********************************************************************************************************************/
.hover--lined:hover {
    text-decoration:underline;
}


/*
 * typo
 **********************************************************************************************************************/
.text-kor {
    font-family:'Noto Sans KR', 'Malgun Gothic', dotum, 'Helvetica Neue', Arial, sans-serif;
}
.text-ellipsis {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}


/*
 * alignment
  *********************************************************************************************************************/
@media (min-width:768px) {
    .text-sm-center {
        text-align:center;
    }
    .text-sm-left {
        text-align:left;
    }
    .text-sm-right {
        text-align:right;
    }


}
@media (min-width:992px) {
    .text-md-center {
        text-align:center;
    }
    .text-md-left {
        text-align:left;
    }
    .text-md-right {
        text-align:right;
    }
}


/*
 * bordered
  *********************************************************************************************************************/
.bordered {
    border:1px solid #ddd;
}
.bordered-top {
    border-top:1px solid #ddd;
}
.bordered-top--primary-double {
    border-top:2px solid #222;
}


/*
 * icon
 **********************************************************************************************************************/
.icon {
    display:inline-block;
    vertical-align:middle;
    width:30px;
    height:30px;
    background-repeat:no-repeat;
    background-position:50% 50%;
}
.icon-facebook {
    background-image:url('../img/svg/icon_sns_02.svg');
}
.icon-kysing-g {
    background-image:url('../img/svg/icon_kysing_g.png');
	/* background-size:35px 35px; */
}
a.icon-kysing-g:hover {
    background-image:url('../img/svg/icon_kysing_c.png');
	/* background-size:35px 35px; */
}
.icon-youtube {
    background-image:url('../img/svg/icon_sns_01.svg');
	/* background-size:35px 35px; */
}
.icon-youtube-g {
    background-image:url('../img/svg/icon_sns_g_01.svg');
	/* background-size:35px 35px; */
}
a.icon-youtube-g:hover {
    background-image:url('../img/svg/icon_sns_01.svg');
	/* background-size:35px 35px; */
}
.icon-instagram {
    background-image:url('../img/svg/icon_sns_03.svg');
	/* background-size:35px 35px; */
}
.icon-instagram-g {
    background-image:url('../img/svg/icon_sns_g_03.svg');
	/* background-size:35px 35px; */
}
a.icon-instagram-g:hover {
    background-image:url('../img/svg/icon_sns_03.svg');
	/* background-size:35px 35px; */
}
.icon-blog-g {
    background-image:url('../img/svg/icon_sns_g_04.svg');
	/* background-size:35px 35px; */
}
a.icon-blog-g:hover {
    background-image:url('../img/svg/icon_sns_04.svg');
	/* background-size:35px 35px; */
}
.icon-twitter-g {
    background-image:url('../img/svg/icon_sns_g_05.svg');
}
a.icon-twitter-g:hover {
    background-image:url('../img/svg/icon_sns_05.svg');
}
.icon-kakao-g {
    background-image:url('../img/svg/cach_g.png');
	/* background-size:35px 35px; */
}
a.icon-kakao-g:hover {
    background-image:url('../img/svg/cach_c.png');
	/* background-size:35px 35px; */
}
.icon-home {
    background-image:url('../img/sub_icon_home.png');
}
a.icon-gabang-g{
	 background-image:url('../img/svg/icon_sns_g_gabang.png');
	/*  background-size:35px 35px; */
}
a.icon-gabang-g:hover{
	 background-image:url('../img/svg/icon_sns_gabang.png');
	/*  background-size:35px 35px; */
}



/* =======================test=================================== */

.social-links.links_test .icon-kysing-g {
    background-image:url('../img/svg/icon_kysing_g.png');
	background-size:35px 35px;
}
.social-links.links_test a.icon-kysing-g:hover {
    background-image:url('../img/svg/icon_kysing_c.png');
	background-size:35px 35px;
}


.social-links.links_test .icon-youtube-g {
    background-image:url('../img/svg/icon_sns_g_01.svg');
	background-size:35px 35px;
} 
.social-links.links_test a.icon-youtube-g:hover {
    background-image:url('../img/svg/icon_sns_01.svg');
	background-size:35px 35px;
}

.social-links.links_test .icon-instagram-g {
    background-image:url('../img/svg/icon_sns_g_03.svg');
	background-size:35px 35px;
}
.social-links.links_test a.icon-instagram-g:hover {
    background-image:url('../img/svg/icon_sns_03.svg');
	background-size:35px 35px;
}
.social-links.links_test .icon-blog-g {
    background-image:url('../img/svg/icon_sns_g_04.svg');
	background-size:35px 35px;
}
.social-links.links_test a.icon-blog-g:hover {
    background-image:url('../img/svg/icon_sns_04.svg');
	background-size:35px 35px;
}
.social-links.links_test .icon-kakao-g {
	background-image:url('../img/svg/cach_g.png');
	background-size:35px 35px;
}
.social-links.links_test a.icon-kakao-g:hover {
	background-image:url('../img/svg/cach_c.png');
	background-size:35px 35px;
}

.social-links.links_test a.icon-gabang-g{
	 background-image:url('../img/svg/icon_sns_g_gabang.png');
	 background-size:35px 35px;
}
.social-links.links_test a.icon-gabang-g:hover{
	 background-image:url('../img/svg/icon_sns_gabang.png');
	 background-size:35px 35px;
}/**/
.icon01{width:40px; height:40px;}
 




/* ============================================================= */




/*
 * tabs
 **********************************************************************************************************************/
.nav-tabs>li>a {
    border-radius:0;
}


/*
 * btn
 **********************************************************************************************************************/
.btn {
    border-radius:0;
    -webkit-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color ease-in-out;
    -moz-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color ease-in-out;
    -ms-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color ease-in-out;
    -o-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color ease-in-out;
    transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color ease-in-out;
}
.btn-arrow {
    position:relative;
    padding-right:2rem;
}
.btn-arrow::after {
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:2rem;
    background:url('../img/btn_arrow_g.png') no-repeat 50% 50%;
    -webkit-transition:background-position 0.15s ease-in-out;
    -moz-transition:background-position 0.15s ease-in-out;
    -ms-transition:background-position 0.15s ease-in-out;
    -o-transition:background-position 0.15s ease-in-out;
    transition:background-position 0.15s ease-in-out;
}
.btn-arrow:hover::after {
    /* background-image:url('../img/btn_arrow_w.png'); */
    background-image:url('../img/btn_arrow_g.png');
	background-position:25% 50%;
}
.btn-arrow.btn-primary::after {
    background-image:url('../img/btn_arrow_w.png');
}
.btn-hamburger {
    position:relative;
    padding:0;
    width:32px;
    height:23px;
    background-color:transparent;
    border:0;
}
.btn-hamburger__bars,
.btn-hamburger__bars::before,
.btn-hamburger__bars::after {
    position:absolute;
    right:0;
    height:2px;
	top:0;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

.btn-hamburger__bars::before,
.btn-hamburger__bars::after {
    content:'';
    left:-30%;
    background-color:inherit;
}
.btn-hamburger__bars::before {
    top:10px;
}
.btn-hamburger__bars::after {
    top:20px;
}
.btn-hamburger:hover .btn-hamburger__bars,
.btn-hamburger:hover .btn-hamburger__bars::before,
.btn-hamburger:hover .btn-hamburger__bars::after {
    left:0;
}
.btn-hamburger--close {
    opacity:0.8;
}
.btn-hamburger--close .btn-hamburger__bars,
.btn-hamburger--close .btn-hamburger__bars::before,
.btn-hamburger--close .btn-hamburger__bars::after {
    left:auto;
    width:100%;
    top:50%;
}
.btn-hamburger--close .btn-hamburger__bars {
    height:0;
}
.btn-hamburger--close .btn-hamburger__bars::before {
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.btn-hamburger--close .btn-hamburger__bars::after {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.btn-hamburger--close:hover {
    opacity:1;
}


/*
 * dropdown
 **********************************************************************************************************************/
.dropdown-menu {
    border-radius:0;
}


/*
 * form
 **********************************************************************************************************************/
.form-control {
    border-radius:0;
}


/*
 * list
 **********************************************************************************************************************/


/*
 * horizon-scrollable
 **********************************************************************************************************************/
.horizon-scrollable {
    position:relative;
}
.horizon-scrollable::before,
.horizon-scrollable::after {
    content:'';
    z-index:2;
    position:absolute;
    top:0;
    width:1rem;
    height:100%;
}
.horizon-scrollable::before {
    left:0;
    /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.2+100 */
    background:-moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6-15 */
    background:-webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
    background:linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#33ffffff',GradientType=1 ); /* IE6-9 */
}
.horizon-scrollable::after {
    right:0;
    /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.2+0,1+100 */
    background:-moz-linear-gradient(left, rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background:-webkit-linear-gradient(left, rgba(255,255,255,0.2) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:linear-gradient(to right, rgba(255,255,255,0.2) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.horizon-scrollable__body {
    z-index:1;
    overflow-x:auto;
    width:100%;
    white-space:nowrap;
}


/*
 * contact-card
 **********************************************************************************************************************/
.contact-card:not(:last-child) {
    margin-bottom:0.5rem;
}
.contact-card {
    padding:0.25rem 0;
}
.contact-card--icon {
    position:relative;
    padding-left:2rem;
}
.contact-icon {
    position:absolute;
    left:0;
}

/*
 * hd
 **********************************************************************************************************************/
#hd {
    z-index:999;
    position:fixed;
    top:0;
    width:100%;
    margin:0 auto;
    color:#fff;
    background-color:transparent;
    /* background-color:rgba(255, 255, 255, 0); */
	background-color:#fff;
}
#hd_wrapper {
    position:relative;
}
#hd_wrapper .brand-logo {
	max-width:200px;
    height:40px;
}
#hd_wrapper .brand-logo img {
	width:auto;
	height:100%;
}
#hd_wrapper .util-nav {
    float:right;
	/* margin-right:20px; */
	margin-right:0px;
}
#hd_wrapper .util-nav a {
    opacity:0.7;
    color:inherit;
    display:block;
    line-height:38px;
}
#hd_wrapper .util-nav a:hover {
    opacity:1;
}
#hd_wrapper .util-nav > li.flag { 
	padding:0 2px;
}
#hd_wrapper .util-nav > li.flag > ul.world_f { 
	display:none;
}
#hd_wrapper .util-nav > li.flag a {
    opacity:1;
}
#hd_wrapper .util-nav > li.flag a:hover {
    opacity:0.7;
}
#hd_wrapper .util-nav .nav-toggle {
    display:inline-block;
}

#hd_wrapper .util-nav .language-toggle {
    opacity:0.7;
    color:inherit;
    padding:0 1rem;
    line-height:36px;
    background-color:transparent;
    border:1px solid #fff;
}
#hd_wrapper .language-dropdown .dropdown-menu {
    left:1rem;
    right:0;
    min-width:0;
    margin:0;
    padding:0;
    text-align:center;
    border-radius:0;
	color:#333;
}
.language-dropdown .dropdown-menu a {
    padding:0 0.25rem;
    line-height:2;
}
#gnb {
    display:none;
}
#gnb .gnb_wrap {
    position:relative;
    z-index:1;
    text-align:center;
}
#gnb #gnb_1dul {
    display:inline-block;
}
#gnb .gnb_1dli {
    position:relative;
    display:inline-block;
    vertical-align:top;
	font-size:20px;
}
#gnb .gnb_1da {
    display:block;
    min-width:7rem; 
    color:inherit;
    /* font-size:1.2rem; */
    letter-spacing:0.03em;
	line-height:53px;
    text-align:left;
	/* margin:0 1.5rem; */
	margin:0 8px;
	color:#111; 
	font-weight:600;
	text-align:center;
}
.gnb_1dli .bg {
    display:none;
    width:10px;
    height:10px;
    overflow:hidden;
    background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;
    text-indent:-999px;
}
.gnb_2dul {
    position: absolute;
    top: 93px;
    left: 50%;
    color:#000;
    opacity: 0; 
    visibility: hidden; 
    transform: translateX(-50%);
}

.gnb_2da {
    display:block;
    position:relative;
    text-decoration:none;
    word-break:keep-all;
}
.gnb_2da {
    -webkit-transition:padding-left 0.2s ease-in-out;
    -moz-transition:padding-left 0.2s ease-in-out;
    -o-transition:padding-left 0.2s ease-in-out;
    transition:padding-left 0.2s ease-in-out;
	font-size:14px;
	    white-space: nowrap;
}
/*  
.gnb_2da:before {
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:10px;
    height:1px;
    background-color:#888;
    transform:scaleX(0);
    transform-origin:left center;
    -webkit-transition:transform 0.25s ease-in-out;
    -moz-transition:transform 0.25s ease-in-out;
    -o-transition:transform 0.25s ease-in-out;
    transition:0.2s ease-in-out;
}
.gnb_2da:hover:before { transform:scaleX(1); }
*/

.gnb_2da:focus,
.gnb_2da:hover {
    color:#333;
}

/*
 * main-nav--mouseover 및 headering 공통

#hd.main-nav--mouseover,
#hd.headering {
}
#hd.main-nav--mouseover,
#hd.headering {
}
#hd.headering .brand-logo,
#hd.main-nav--mouseover .brand-logo {
}
#hd.headering .util-nav .language-toggle,
#hd.main-nav--mouseover .util-nav .language-toggle {
}
#hd.headering .btn-hamburger__bars,
#hd.main-nav--mouseover .btn-hamburger__bars {
}
*/


/*
 * headering
#hd.headering { 
}
*/

.util-nav .m_none > a { color:#434343 !important; }



/*
 * main-nav--mouseover
*/
#hd.main-nav--mouseover .gnb_2dul {
    opacity: 1; 
    visibility: visible; 
	transition: opacity 0.3s ease 0.15s;
}
#hd {
	position: fixed;
	width: 100%;
	height: 80px;
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0;
	transition: all 0.3s ease;
}

.hd-wrapper {
	max-width: 1700px;
	height: 100%;
	margin: 0 auto;
	padding: 0 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.brand-logo {
	display: inline-block;
}

.brand-logo img {
	height: 40px;
}

/* Navigation Styles */
#gnb {
	display: block;
}

.gnb_wrap {
	display: flex;
	justify-content: center;
}

#gnb_1dul {
	display: flex;
}

.gnb_1dli {
	position: relative;
}

.gnb_1da {
	display: block;
	padding: 13px 40px;
	font-size: 18px;
	font-weight: bold;
	line-height: 80px;
	color: #333;
	transition: color 0.3s ease;
}

.gnb_1dli:hover .gnb_1da {
	color: #007bff;
}

.gnb_2dul {
	position: fixed;
	top: 79px;
	width: 100%;
	padding: 5px 0;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	justify-content: center;
	display:flex;
}

.gnb_1dli:hover .gnb_2dul {
	opacity: 1;
	visibility: visible;
}

.gnb_2dli a {
	display: block;
	padding: 10px 20px;
	font-size: 18px;
	color: #555;
	transition: background-color 0.3s, color 0.3s;
}

.gnb_2dli a:hover {
	color: #6880FF;
	font-weight:bold;
}

/* Utility Navigation & Mobile Toggle */
.util-nav {
	display: flex;
	align-items: center;
}

.nav-toggle {
	display: none; /* Hidden on desktop */
	position: relative;
	border: none;
	background: transparent;
	cursor: pointer;
	height:23px;
}

.btn-hamburger__bars {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #333;
	border-radius: 2px;
	transition: all 0.3s ease;
}

.btn-hamburger__bars::before,
.btn-hamburger__bars::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #333;
	border-radius: 2px;
	transition: all 0.3s ease;
}

.btn-hamburger__bars::before {
	top: 10px;
	width:80%;
}

.btn-hamburger__bars::after {
	top: 20px;
}

@media (max-width: 1200px) {
		#gnb .gnb_1da{padding:13px 20px;}
}

/* Responsive Styles */
@media (max-width: 1024px) {
	#gnb {
		display: none;
	}
	.nav-toggle {
		display: block;
	}
}

@media (max-width: 768px) {
	 .gnb_1da {
		padding: 0 20px;
	}
}

/* Mobile Navigation Styles */
#mobileNav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

#mobileNav.is-active {
	opacity: 1;
	visibility: visible;
}

.mobile-nav__content {
	position: absolute;
	top: 0;
	right: -420px;
	width: 420px;
	height: 100%;
	background-color: #fff;
	padding: 20px;
	box-shadow: -2px 0 10px rgba(0,0,0,0.1);
	transition: right 0.3s ease-in-out;
	overflow-y: auto;
}

#mobileNav.is-active .mobile-nav__content {
	right: 0;
}

.mobile-nav__header {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.mobile-nav__close {
	font-size: 34px;
	color: #333;
	background: none;
	border: none;
	cursor: pointer;
}

.mobile-nav__menu .menu-item {
	border-bottom: 1px solid #f0f0f0;
}

.mobile-nav__menu .menu-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0px;
	font-size: 20px;
	font-weight: bold; 
}

.mobile-nav__menu .submenu {
	display: block; 
	padding: 0px 0px 10px;
}

.mobile-nav__menu .submenu .submenu-link {
	display: block;
	padding: 10px 0px;
	font-size: 16px;
	color: #555;
	transition:unset;
}

.mobile-nav__menu .submenu .submenu-link:hover {
	color: #8270db; text-decoration:underline; text-underline-offset: 0.1em; text-decoration-thickness: 1px; 
}

.mobile-nav__menu .arrow {
   display: none; /* Hide arrow as it's not needed for accordion */
}

@media (min-width: 1024px) {
	.mobile-nav__content{width: 560px; padding-top: 30px; padding-bottom: 50px; padding-left: 80px;}
	.mobile-nav__menu .menu-link{font-size: 26px;}
	.mobile-nav__menu .submenu .submenu-link{font-size: 20px;}
}
@media (max-width: 728px) {
	.mobile-nav__content{width: 80%;}
}


/********************************************************************************************************************************/
/* 210317sj */
.qucik_banner_bt{position:relative; color:#434343;}
.qucik_banner{position:absolute; background:#fff; border-radius:0px 0px 3px 3px;display:none; width:250px; right:0px;}
.qucik_banner ul li{width:50%; float:left;}
.qucik_banner ul li:nth-child(2n-1){border-right:1px solid #ddd;}
.smfont{font-size:12.5px !important;}
.qucik_banner ul li a{color:#000 !important; display:block; padding:10px 5px; font-size:14px; border-bottom:1px solid #ddd; text-align:center;}
.qucik_banner ul li a:hover{color:#8877dd !important;}
.qucik_banner_bt a{background:#8877dd; padding:5px; border-radius:3px; color:#fff !important;}
/* .qucik_banner_wrap.on .qucik_banner{display:block;} */
.qucik_banner_wrap:hover .qucik_banner{display:block;}
.bannerBox:after{display:block; clear:both; content:"";}
.home-sec.home-banner.banner_test .text-dark{font-size:13px; padding-top:4px;}
.theme-ltGy.home-promote.text_promote .home-promote__intro .sec-media-links .btn{font-size:0.7rem;}
.mid_vis_wrap_pc .mid_vis_box{width:100%; margin:0 auto;}
.mid_vis_wrap_pc .mid_vis_box2{width:100%; margin:0 auto;}
.mid_vis_wrap_pc .mid_vis_box img{width:100%;}
.mid_vis_wrap_pc .mid_vis_box2 img{width:100%;}


.mid_vis_wrap_pc{display:none;}
.mid_vis_wrap_m{display:block;}
.mid_vis_wrap_m .mid_vis_box img{width:100%;}
.mid_vis_wrap_m .mid_vis_box2 img{width:100%;}

 #vegas{height:68vh !important;}
	
.home-banner .banner_list span{background-color:rgba(0, 0, 0, 0.4); color:#fff; height:60px;}
.home-banner .banner_list:nth-child(1) span{padding-top:12px !important;}
.home-banner .banner_list:nth-child(4) span{padding-top:12px !important;}
.home-banner .banner_list:nth-child(7) span{padding-top:12px !important;}
.home-banner .banner_list:nth-child(8) span{padding-top:12px !important;}
.home-banner .banner_list:hover span {bottom:0px; opacity:1;}
.hero-content{top:15px;}

 /* 211105 */
.down_bx:after{display:block; content:""; clear:both;}
.down_bx{margin-bottom:10px;}
.down_bx a{display:inline-block; float:right;}
.down_bx a img{margin-right:5px;}



/*********************************************************** */
@media screen and (min-width:768px){
.home-sec.home-banner.banner_test .text-dark{font-size:14px; padding-top:0px;}
.theme-ltGy.home-promote.text_promote .fam.fam01{margin:0 auto;}
}

@media screen and (min-width:881px){
	.home-sec.home-banner.banner_test .banner_list{width:11.5%;}
}

@media (min-width: 992px){
	.container.page-content__wrapper.test_wrapper{padding-top:0px;}
}

@media screen and (max-width:1024px){
	.list-unstyled.util-nav.test_nav .nav-toggle{display:block !important;}
}

@media screen and (min-width:1025px){
	
	.gnb_wrap.test_gnb .gnb_1dli .gnb_1da{font-size:14px; margin:0 4px !important;}
	.gnb_wrap.test_gnb .gnb_1dli .list-unstyled.gnb_2dul{margin:3rem 0 2em 0.5rem;}
	.theme-ltGy.home-promote.text_promote .btn.btn-primary--inverse.btn-arrow{padding:0.75rem 1.5rem; font-size:1rem;}
	.mid_vis_wrap_m{display:none;}
	.mid_vis_wrap_pc{display:block;}
	.down_bx a{font-size:16px;}
}

@media screen and (min-width:1200px){
	.theme-ltGy.home-promote.text_promote .home-promote__intro .sec-media-links .btn{padding:0.75rem 1rem;}
	.theme-ltGy.home-promote.text_promote .fam.fam01{margin:0px;}
}

@media screen and (min-width:1550px){
	.gnb_wrap.test_gnb .gnb_1dli .gnb_1da{font-size:15px; margin:0 1.5rem !important;}
	.gnb_wrap.test_gnb .gnb_1dli .list-unstyled.gnb_2dul{margin:3rem 0 2em 1.5rem;}
}


/********************************************************************************************************************************/

@media (max-width:1350px){
	#hd_wrapper .util-nav > li.flag { 
		display:none !important; 
	}
	#hd_wrapper .util-nav > li.m_none {
		display:none !important; 
	}
		

}


@media (max-width:1280px) {
/*	#hd_wrapper .util-nav > li.flag { 
		display:none !important; 
	}
	 #hd_wrapper .util-nav > li.m_none {
		display:none !important; 
	} */
	#hd_wrapper .util-nav .nav-toggle {
       display:block;
    }
    #gnb {
        display:inline-block;
		/* padding:0 20px; */
		padding:0 13px;
    }
	.main-nav--mouseover .hd-wrapper0::before,
	.main-nav--mouseover .hd-wrapper1::before,
	.main-nav--mouseover .hd-wrapper2::before,
	.main-nav--mouseover .hd-wrapper3::before,
	.main-nav--mouseover .hd-wrapper4::before {
		/*background-image:none !important;*/
	}
} 
@media (max-width:1024px) {
	#gnb {
		display:none;
	}
}
@media (min-width:768px) {
	#hd_wrapper .util-nav { }
    #hd_wrapper .util-nav > li {
        display:inline-block;
    }
    #hd_wrapper .util-nav .language-dropdown {
        display:none;
    }
}
@media (min-width:992px) {
    #hd_wrapper .util-nav .language-dropdown {
        display:inline-block;
    }

	/* 
	 * 마우스 오버시 하위메뉴 배경색 지정부분
	 * 2019.04.29
	 */
	#hd::before {
		content:'';
		position:absolute;
		top:93px;
		bottom:0;
		left:0;
		width:100%;
		background-color:#fff;
		box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1);
		height: 0; 
		transition: height 0.3s ease 0.2s; 
		z-index: -1;
	}
	#hd.main-nav--mouseover::before {
    height: 268px; 
	transition: height 0.3s ease;
}
	.main-nav--mouseover .hd-wrapper::before {
		content:'';
		position:absolute;
		top:100px;
		left:7rem;
		width:200px;
		height:150px;
		background-color:transparent;
	}

	/* 
	 * 마우스 오버시 하위메뉴 좌측에 나오는 사각형 영역
	 * 배경색 대신 배경 이미지로 수정
	 * 2019.04.29
	 */
	/* .main-nav--mouseover .hd-wrapper0::before {
		background-image:url("../img/hd-wrapper0.png");
	}
	.main-nav--mouseover .hd-wrapper1::before {
		background-image:url("../img/hd-wrapper1.png");
	}
	.main-nav--mouseover .hd-wrapper2::before {
		background-image:url("../img/hd-wrapper2.png");
	}
	.main-nav--mouseover .hd-wrapper3::before {
		background-image:url("../img/hd-wrapper3.png");
	}
	.main-nav--mouseover .hd-wrapper4::before {
		background-image:url("../img/hd-wrapper4.png");
	} */
}
@media (min-width:1280px) {
	#hd_wrapper .util-nav > li.flag > ul.world_f{
		position:absolute;
		background-color:#fff;
	}
	#hd_wrapper .util-nav > li.flag > ul.world_f > li{
		border-bottom:1px solid #d1d1d1;
	}
	#hd_wrapper .util-nav > li.flag a{width:50px; text-align:center;}

    #gnb {
		display:block; 
 	
	}
	
		
}
@media (min-width:1440px) {
	.main-nav--mouseover .hd-wrapper::before {
		left:8rem;
	}
	
	
}
@media (min-width:1600px) {
	.main-nav--mouseover .hd-wrapper::before {
		left:15rem;
	}
}






/*
 * sub

.site-layout--sub #hd {
    color:#222;
    background:#fff;
    border-bottom:1px solid #ebebeb;
}
.site-layout--sub #hd_wrapper .brand-logo {
    background-image:url('../img/logo_gray.png');
}
.site-layout--sub #hd_wrapper .util-nav .language-toggle {
    border-color:#222;
}
.site-layout--sub #hd_wrapper .util-nav .btn-hamburger__bars {
    background-color:#222;
}
*/




/*
 * mobileNav
 **********************************************************************************************************************/
#mobileNav .modal-dialog {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:80%;
    max-width:40rem;
    margin:0;
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transition:transform 0.2s ease-in-out;
    -moz-transition:transform 0.2s ease-in-out;
    -o-transition:transform 0.2s ease-in-out;
    transition:transform 0.2s ease-in-out;
}
#mobileNav .modal-content {
    min-height:100%;
    border:0;
    border-radius:0;
}
#mobileNav.in .modal-dialog {
    right:0;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
#mobileNav .modal-header {
    padding:1rem 1rem 0;
    border-bottom:0;
}
#mobileNav .modal-body {
    padding:2rem 1rem;
}
#mobileNav .modal-header > .pull-right {
}
#mobileNav .language-dropdown {
    width:100%;
	display: flex;
    align-items: baseline;
}
#mobileNav .language-dropdown .btn {
    position:relative;
    width:100%;
    margin:10px 0 0;
    padding:0 2rem 0 1rem;
    line-height:32px;
    text-align:left;
    background-color:transparent;
    border:1px solid #ddd;
}

#mobileNav .language-dropdown .caret {
    position:absolute;
    top:50%;
    right:1rem;
    margin-top:-0.1em;
}
#mobileNav .language-dropdown .dropdown-menu {
    width:100%;
    margin:0;
    padding:0.5rem;
}
#mobileNav .account-btns {
    margin:0 -0.5% 1rem;
	display:none; 
}
#mobileNav .account-btns .btn {
    float:left;
    width:49%;
    margin:0 0.5% 1%;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
	color:#333;
}
#mobileNav .account-btns .btn-arrow {
    text-align:left;
}
#mobileNav .account-btns .btn-arrow.btn-primary::after {
	background:url('../img/btn_arrow_g.png') no-repeat 50% 50%;
}
#mobileNav .nav-list {
    font-size:1.125rem;
}
#mobileNav .nav-list > li + li {
    border-top:1px solid #ddd;
}
#mobileNav .nav-list > li:last-child {
    border-bottom:1px solid #ddd;
}
#mobileNav .nav-list a {
    display:block;
    padding:1rem 0;
    color:inherit;
}
#mobileNav a[data-toggle=collapse] {
    position:relative;
    padding-right:2rem;
}
#mobileNav a[data-toggle=collapse] .fa-angle-down {
    position:absolute;
    top:50%;
    right:0.5rem;
    margin-top:-0.5em;
    font-size:2rem;
}
#mobileNav a[aria-expanded=true] .fa-angle-down {
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
#mobileNav .nav-sub__list {
    padding:0.5rem 0;
    font-size:1rem;
}
#mobileNav .nav-sub__list a {
    padding:0.5rem 1rem;
    word-break:keep-all;
}
@media (min-width:768px) {
    #mobileNav .modal-header,
    #mobileNav .modal-body {
        padding-left:2rem;
        padding-right:2rem;
    }
}


/*
 * page-footer
 **********************************************************************************************************************/
.page-footer {
	margin-top:1rem;
    font-size:0.9333rem;
    text-align:center;
	position:relative;
}
.page-footer .bordered-top {
    border-color:#505050;
}
.page-footer__info {
    padding-top:2rem;
    padding-bottom:2rem;
}
.page-footer__info .sec + .sec {
    margin-top:1rem;
}
.page-footer__info .info {
    line-height:1.4;
}
.page-footer__info .info-divider + .info-divider {
    margin-top:0.5rem;
}
.page-footer__info .info-title {
    font-size:1.3333rem;
    letter-spacing:0.01em;
    line-height:2;
}
.page-footer__info .info-list .address-line {
    margin-left:auto;
    margin-right:auto;
    word-break:keep-all;
}
.page-footer__info .info-list .call {
	font-size:1.125rem;
}
.page-footer__info .info-list .inline {
    display:block;
}
.page-footer__info .info-list .inline + .inline {
    margin-left:0.25rem;
}
.page-footer__info .info .social-links {
    margin-top:1.5rem;
    font-size:0;
}
.page-footer__info .social-links .icon + .icon {
    margin-left:0.375rem;
}
.page-footer .sec-copyright {
	opacity:0.6;
}
.page-footer .sec-copyright a {
    color:inherit;
    text-decoration:underline;
}
.page-footer .sec-copyright a:hover {
    color:#fff;
    text-decoration:underline;
}
#btnTop { 
	position:fixed; 
	bottom:20px;
	right:20px;
	text-align:center;
	z-index:1;
}
#btnTop a { 
	display:inline-block;
	cursor:pointer;
	box-shadow:0 3px 30px -2px rgba(51,55,63,.15);
}
#btnTop img { 
	width:46px;
	height:46px;
}


.fam {  width:200px; }
.fam01 {  width:339px; }

/*fam_site*/
.fam select{ padding:10px 25px; margin-top:30px; font-size:16px; line-height:30px; position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; *zoom:1; color:#555; border:1px solid #ccc; font-weight:normal; background:#fff;}
.fam01 select{ padding:10px 25px; width:100%; margin-top:10px;}
.fam select *{ margin:0; padding:0; cursor:pointer; font-size:13px; font-family:Tahoma, Sans-serif;}
.fam select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bababa; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.fam select .myValue.selected{ font-weight:bold;}
.fam select .myValue{ height:21px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.fam select .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
.fam select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
.fam select ul{ top:20px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
.fam select ul.aList{ display:none;}
.fam select li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa;}
.fam select li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none;}
.fam select li:hover *{ background:#999; color:#fff;}
@media (max-width:768px) {
	.fam { width:75%;  margin:0 auto;}
	.fam01 { width:60%; }
	.fam select { padding: 5px 25px; margin-top: 25px; color: #777;}
	.fam01 select { padding: 5px 25px; margin-top:10px; color: #777;}
}


@media (min-width:768px) {
    .page-footer__info {
        padding-top:3rem;
        padding-bottom:3rem;
    }
    .page-footer__info .sec + .sec {
        margin-top:3rem;
    }
    .page-footer__info .info {
        display:inline-block;
        line-height:1.6;
    }
	.page-footer__info .info-list .inline { 
		display:inline;
	}
    .page-footer .sec-copyright .custom-block {
        display:inline;
    }
}
@media (min-width:992px) {
    .page-footer__info {
        padding-top:0;
        padding-bottom:0;
    }
    .page-footer__info .sec {
        padding-top:3.5rem;
        padding-bottom:3.5rem;
    }
    .page-footer__info .sec + .sec {
        margin-top:0;
    }
    .page-footer__info .info {
        line-height:1.8;
    }
    .page-footer__info .info-title {
        line-height:2.5;
    }
    .page-footer .sec-copyright {
        line-height:2.5;
    }
}
@media (min-width:1000px) {
	.page-footer__info .info { 
		text-align:left;
	}
	#btnTop { 
		margin-top:-28px; 
	}
	#btnTop img { 
		width:56px;
		height:56px;
	}
}
@media (min-width:1200px) {
    .page-footer__info .sec {
        padding-top:4.5rem;
        padding-bottom:4.5rem;
        text-align:left;
    }
    .page-footer__info .info {
        display:block;
    }
    .page-footer__info .info-list .address-line {
        max-width:100%;
    }
}


/*
 * page-common
 **********************************************************************************************************************/

/*
 * page-wrapper
*/
.page-content--whole {
    max-width:100%;
    padding:0;
}
.site-layout--sub .page-wrapper {
    padding-top:100px;
}
.site-layout--sub .page-content {
    padding-bottom:2rem;
}

/*
 * page-header
*/
.page-header {
    margin:0 auto;
    padding:3rem 0;
    background:url('../img/subhd-bg.jpg') no-repeat 50% 50%;
    background-size:cover;
    border:0;
	max-width: 1840px;
    border-radius: 20px;
	width: calc(100% - 30px);
}
.page-title {
    font-size:2.125rem; font-weight:600;
}

/*
 * page-sidebar
*/
/* 
.page-sidebar__header {
    display:none;
    padding:2rem 1.5rem 5rem;
    background:url('../img/sub_titlebg.png') no-repeat 90% 90%;
}
*/
.page-sidebar__title {
	display:none;
    font-size:1.3333rem;
    line-height:1.7;
	padding-bottom:0.5rem;
	margin-bottom:1rem;
	position:relative;
}
.page-sidebar__title:before { 
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:20px;
	height:3px;
	background:#fff;
}
.page-sidebar__nav {
    display:none;
	color:#000;
	max-width: 1450px;
    margin: 0 auto;
	border-bottom:#ddd 1px solid;
	gap:20px;
}
.page-sidebar__nav a {
    position:relative;
    display:block;
    padding:1rem;
    line-height:1.2;
    word-break:keep-all;
	color:#000;
	opacity:0.6;
}
.page-sidebar__nav a > .fa {
    display:block;
}
.page-sidebar__nav a > .fa {
    display:none;
    position:absolute;
    top:50%;
    right:0;
    margin-top:-0.5em;
    font-size:1.5rem;
}
.page-sidebar__nav a:hover,
.page-sidebar__nav .active {
   	opacity:1;
}

.page-sidebar__nav .active:after{
	content:'';
	display:block;
	position:absolute;
	bottom:-1px;
	width:100%;
	height:3px;
	background-color:#000;
	left:0;
}

/*
 * page-content__header
*/
.page-content__header {
    margin-bottom:1.5rem;
    padding:0.5rem 0;
    border-bottom:1px solid #222;
}
.page-content__title {
    font-size:1.375rem;
    letter-spacing:-0.02em;
    line-height:1.3;
}

/*
 * breadcrumb
*/
.page-content__title--breadcrumb .breadcrumb {
    margin:0 0 1.5rem 0;
    padding:0;
    color:#aaa;
    font-size:0.8777rem;
    line-height:30px;
    text-align:right;
    background-color:transparent;
}
.page-content__title--breadcrumb.breadcrumb .icon {
    display:block;
}
.page-content__title--breadcrumb .breadcrumb a,
.page-content__title--breadcrumb .breadcrumb>li {
    display:inline-block;
    vertical-align:middle;
}
.page-content__title--breadcrumb .breadcrumb>li+li:before {
    content:"\f105";
    margin-right:0.125rem;
    font-family:'FontAwesome';
}
.page-content__title--breadcrumb .breadcrumb>li>a {
    max-width:10rem;
}
.page-content__title--breadcrumb .breadcrumb .replaced-dropdown {
    display:none;
}
.page-content__title--breadcrumb .breadcrumb-dropdown {
    display:inline-block;
    vertical-align:middle;
}
.page-content__title--breadcrumb .breadcrumb-dropdown a {
    display:block;
}
.page-content__title--breadcrumb .breadcrumb-dropdown .dropdown-toggle {
    position:relative;
    max-width:10rem;
    padding:0 1.75rem 0 0.75rem;
    color:#222;
    font-size:inherit;
    line-height:28px;
    background-color:transparent;
    border:1px solid #ddd;
}
.page-content__title--breadcrumb .breadcrumb-dropdown.open .dropdown-toggle {
    color:#222;
    border-color:#222;
}
.page-content__title--breadcrumb .breadcrumb-dropdown .caret {
    position:absolute;
    top:50%;
    right:0.75rem;
    margin-top:-0.1em;
}
.page-content__title--breadcrumb .breadcrumb-dropdown .dropdown-menu {
    left:auto;
    right:0;
    margin:0;
    padding:0;
    font-size:inherit;
}
.page-content__title--breadcrumb .dropdown-menu a {
    padding:0.5rem;
    white-space:normal;
    word-break:keep-all;
}
.page-content__title--breadcrumb .dropdown-menu li + li {
    border-top:1px solid #dedede;
}

.site-layout--sub .page-content__wrapper {
        padding-top:2rem;
        padding-bottom:1rem;
    }

@media (min-width:768px) {
    .site-layout--sub .page-wrapper {
        padding-top:93px;
    }
    .page-header {
        padding-top:4rem;
        padding-bottom:4rem;
    }
    .page-title {
        font-size:60px;
    }
    .page-content__header {
        margin-bottom:2rem;
        padding-bottom:1rem;
    }
    .page-content__title {
        font-size:1.5rem;
    }
}
@media (min-width:992px) {
    .site-layout--sub .page-content__wrapper {
        padding-top:4.5rem;
        padding-bottom:4rem;
    }
    .page-header {
        padding-top:6rem;
        padding-bottom:6rem;
    }
    .page-content--sidebar::after {
        content:'';
        display:block;
        clear:both;
    }
    .page-content--sidebar .page-sidebar {
        position:relative;
        z-index:2;
        float:left;
        width:220px;
        margin-right:-220px;
		padding:25px 20px;
		border-radius:24px;
    }
    .page-content--sidebar .page-content {
        position:relative;
        z-index:1;
        float:left;
        width:100%;
    }
    .page-sidebar__header {
        display:block;
    }
	.page-sidebar__title,
    .page-sidebar__nav {
        display:flex;
    }
    .page-sidebar__nav a > .fa {
        display:block;
    }
    .page-content__title {
        font-size:1.875rem;
    }
    .page-content__title--breadcrumb {
        position:relative;
        font-size:0.9333rem;
    }
    .page-content__title--breadcrumb > .breadcrumb {
        position:absolute;
        right:0;
        bottom:0;
        margin-bottom:0;
    }
    .page-content__title--breadcrumb .breadcrumb .replaced-dropdown {
        display:inline-block;
    }
    .page-content__title--breadcrumb .breadcrumb-dropdown {
        display:none;
    }
}
@media (min-width:1200px) {

    .page-header {
    }
    .page-content__header {
        margin-bottom:3rem;
        padding:0.5rem 0 1.5rem;
    }
    .page-content__title {
        font-size:2rem;
    }
}
@media (min-width:1280px) {
    .site-layout--sub .page-wrapper {
        /* padding-top:99px; */
    }
    .page-content__title--breadcrumb .breadcrumb {
        font-size:1rem;
    }
}

.btn-app{
	cursor:pointer;
}