@charset "UTF-8";

/********* common_layout *********/
html {height:100%; font-size: 62.5%;}
body {height:100%; font-size: 1.6rem; line-height:1.3; color:#333;overflow: inherit; font-family: 'Noto Sans KR', 'sans-serif'; word-break: keep-all; min-width: 320px;}
body.overflow {overflow: hidden;}
body.pop_open {overflow: hidden !important;}
.wrapper {position:relative; z-index:1; min-height:100%;}
#real_contents {width: 100%;}
.container {position:relative; z-index:1; max-width: 1600px; margin: 0 auto;}
/* .contents {position: relative;} */
.hide {position:absolute; left:-9999px; overflow:hidden; width:1px; height:1px; line-height:1px; font-size:1px;}
caption {position:static; overflow:hidden; width:1px; height:1px; margin:0; padding:0; font-size:1px; text-indent:-9999px;}

@media (max-width: 1080px) {
    html { font-size: 9px;}
}
@media (max-width: 767px) {
    html {font-size: 8px;}
}
@media (max-width: 480px) {
    html {font-size: 7.5px;}
}

@font-face {
	font-family: 'Rembank';
	font-style: normal;
    font-weight: 400;
	src: url("/eng/fonts/Rembank.otf") format('woff');
    
}
@font-face {
	font-family: 'GlacialIndifference';
	font-style: normal;
    font-weight: 700;
	src: url("/eng/fonts/GlacialIndifference-Bold.otf") format('woff');
}

@font-face {
	font-family: 'GlacialIndifference';
	font-style: normal;
    font-weight: 400;
	src: url("/eng/fonts/GlacialIndifference-Regular.otf") format('woff');
}
@font-face {
	font-family: 'ONE_Mobile';
	font-style: normal;
    font-weight: 700;
	src: url("/eng/fonts/ONE_Mobile_OTF_Bold.otf") format('woff');
}
@font-face {
	font-family: 'ONE_Mobile';
	font-style: normal;
    font-weight: 400;
	src: url("/eng/fonts/ONE_Mobile_OTF_Regular.otf") format('woff');
}
@font-face {
	font-family: 'ONE_Mobile';
	font-style: normal;
    font-weight: 300;
	src: url("/eng/fonts/ONE_Mobile_OTF_Light.otf") format('woff');
}

@font-face {
	font-family: 'SCoreDream';
	font-style: normal;
    font-weight: 400;
	src: url("/eng/fonts/S-CoreDream-4Regular.woff") format('woff');
}

@font-face {
	font-family: 'MyriadPro';
	font-style: normal;
    font-weight: 700;
	src: url("/eng/fonts/MyriadPro-Bold.otf") format('opentype');
}

@font-face {
	font-family: 'MyriadPro';
	font-style: normal;
    font-weight: 400;
	src: url("/eng/fonts/MyriadPro-Regular.otf") format('opentype');
}

@font-face {
	font-family: 'KCC';
	font-style: normal;
    font-weight: 400;
	src: url("/kor/fonts/KCC.woff") format('woff');
}


/* 헤더 */
header {position: absolute; z-index: 9999; top: 0; left: 0; right: 0;}
.header {position: relative; z-index: 9998; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.gnb_header {border-bottom: 1px solid #777;}
.gnb_header .container {max-width: 1600px;}
.gnb_header .head_box {position: relative; font-size: 0;}
.gnb_header .head_box .logo {position: absolute; left: 160px; top: 50%; transform: translateY(-50%); z-index: 88;}
.gnb_header .head_box .logo a {display: block; width: 79px; height: 80px; background-image: url("/eng/images/common/logo_white.png");background-size: cover; background-position: 0 0; background-repeat: no-repeat;}
.gnb_header .head_box .logo a img {}
.gnb_header .head_box .gnb {display: flex; justify-content: space-between;  padding: 0 252px 0 574px; font-size: 0; vertical-align: top; }
.gnb_header .head_box .gnb > li {position: relative; width: 100%;}
.gnb_header .head_box .gnb > li > a {display: block; position: relative; height: 110px; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 1.8rem; line-height: 2rem; color: #f5f5f5; transition:all 0.3s; text-align: center; }
.gnb_header .head_box .gnb > li:last-child > a:before {display: none;}
.gnb_header .head_box .gnb > li:hover > a {background: url("/eng/images/common/gnb_on2.png") no-repeat top center / 107% 118%;}
.gnb_header .head_box .gnb li .sub_gnb_box {display: none; position: absolute; top: 110px; left: 0; width: 100%; padding: 25px 0 0; z-index: 9;}
.gnb_header .head_box .gnb li .sub_gnb_box li {width: 100%; margin: 27px 0 0; text-align: center;}
.gnb_header .head_box .gnb li .sub_gnb_box li:first-child {margin: 0;}
.gnb_header .head_box .gnb li .sub_gnb_box li a {display: inline-block; position: relative; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; color: #ffffff;}


.util_menu {position: absolute; right: 80px; top: 50%; transform: translateY(-50%); overflow: hidden; z-index: 1; display: flex; column-gap: 50px; align-items: center;}
.util_menu .language_box {}
.util_menu .language_box .list {display: flex; border: 1px solid #fff; border-radius: 17.5px; padding: 3px; column-gap: 4px;}
.util_menu .language_box .list li {}
.util_menu .language_box .list li .text {display: block; padding: 0 0.8rem; font-weight: 400; font-size: 1.2rem; line-height: 2.8rem; color: #ffffff;;}
.util_menu .language_box .list li.on .text {border-radius: 50%; background-color: #fff; color: #000;}
.util_menu .sitemap_btn {float: right; width: 3.2rem; height: 2.2rem; background-image: url("/eng/images/common/sitemap_btn.png"); background-position: center; background-repeat: no-repeat; background-size: cover;}

/* gnb bg */
.gnb_bg {display: none; position: absolute; top: 110px; left:0; width: 100%; height: 230px; border-top: 1px solid #777; background-color: #000; z-index: 0;}

.header.scrolled .gnb_header {position: fixed; top: 0; z-index: 1; width: 100%;  background-color: #000; }
.gnb_header.on {position: fixed; top: 0; z-index: 1; width: 100%; background-color: #000;}

/* m_gnb */
.m_gnb_wrap {display:none; position:fixed; right:-480px; top:0; z-index:9999; background-color: #28354b; overflow-y: auto; width: 100%; max-width: 480px; max-height:800px; height:100%;}
.m_gnb_wrap .m_gnb_top {}
.m_gnb_wrap .m_gnb_top .inner {position: relative; padding: 15px 20px;}
.m_gnb_wrap .m_gnb_top .inner .logo {}
.m_gnb_wrap .m_gnb_top .inner .logo img {width: 240px;}
.m_gnb_wrap .m_gnb_top .inner .right {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.m_gnb_wrap .m_gnb_top .inner .right .m_gnb_close {display: inline-block; vertical-align: middle;}
.m_gnb_wrap .m_gnb_top .inner .right .m_gnb_close img {width: 24px;}
.m_gnb_wrap .m_gnb_top .right .language_box {display: inline-block; vertical-align: middle; margin: 0 30px 0 0;}
.m_gnb_wrap .m_gnb_top .right .language_box .list {font-size: 0;}
.m_gnb_wrap .m_gnb_top .right .language_box .list li {display: inline-block; position: relative; margin: 0 14px 0 0; padding: 0 14px 0 0;}
.m_gnb_wrap .m_gnb_top .right .language_box .list li:last-child {margin: 0; padding: 0;}
.m_gnb_wrap .m_gnb_top .right .language_box .list li:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 16px; background-color: #c7c7c7;}
.m_gnb_wrap .m_gnb_top .right .language_box .list li:last-child:before {display: none;}
.m_gnb_wrap .m_gnb_top .right .language_box .list li a {display: block; font-weight: 400; font-size: 16px; line-height: 24px; color: #777777;}
.m_gnb_wrap .m_gnb_top .right .language_box .list li.on a {color: #4457e3;}
.m_gnb_wrap .m_gnb > li {}
.m_gnb_wrap .m_gnb > li > a {display: block; position: relative; padding: 10px 15px; font-weight: 500; font-size: 20px; line-height: 50px; color: #fff;}
.m_gnb_wrap .m_gnb > li > a:before {display: block; content: ""; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(180deg); width: 24px; height: 17px; background-image: url("/images/common/m_gnb_icon.png"); background-position: 0 0; background-repeat: no-repeat; background-size: cover;transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;}

.m_gnb_wrap .m_gnb > li > a.on {font-weight: 700;}
.m_gnb_wrap .m_gnb > li > a.on:before {transform: translateY(-50%);}
.m_gnb_wrap .m_gnb > li > .sub_gnb_box {display: none; background-color: #394863; padding: 0 15px;}
.m_gnb_wrap .m_gnb > li > .sub_gnb_box .m_sub_gnb {}
.m_gnb_wrap .m_gnb > li > .sub_gnb_box .m_sub_gnb li {}
.m_gnb_wrap .m_gnb > li > .sub_gnb_box .m_sub_gnb li a {display: block; font-weight: 400; font-size: 16px; line-height: 50px; color: #888888;}
.m_gnb_wrap .m_gnb > li > .sub_gnb_box .m_sub_gnb li a:hover, .m_gnb_wrap .m_gnb > li > .sub_gnb_box .m_sub_gnb li a:focus {color: #ffffff;}
.m_gnb_bg {display:none; position:fixed; left:0; top:0; z-index:9998; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}

/* 사이트맵 */
.sitemap_wrap {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000; overflow-y: auto; visibility: visible; background-color: #000000; background-image: url("/images/common/sitemap_bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center;}
.sitemap_wrap .sitemap_close {position: absolute; right: 40px; top: 40px; z-index: 999;}
.sitemap_wrap .sitemap_close img {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.sitemap_wrap .sitemap_close:hover img, .sitemap_wrap .sitemap_close:focus img {transform:rotate(180deg);}
.sitemap_wrap .sitemap_inner {position: relative; height: 100%;}
.sitemap_wrap .sitemap_inner .img_box {position: absolute; right: 0; top: 0; bottom: 0; width: 53.3511%; height: 100vh; background-position: center; background-repeat: no-repeat; background-size: cover;	 z-index: -1;}
.sitemap_wrap .sitemap_inner .sitemap_box {width: 100%; max-width: 1600px; height: 100%; margin: 0 auto;}
.sitemap_wrap .sitemap_inner .sitemap_box .sitemap {display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; height: 100%;}
.sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li {position: relative;; margin: 50px 0 0;}
.sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li:first-child {margin: 0;}
.sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li > a {display: inline-block; position: relative; font-weight: 700; font-size: 5rem; line-height: 1; color: #999999; letter-spacing: -0.03em;}
.sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box {touch-action: none; pointer-events: none; position: absolute; left: 17vw; top: 0; padding-left: 153px; opacity: 0;}
.sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box.active {opacity: 1; touch-action: auto; pointer-events: auto; left: 405px; transition: .3s ease; z-index: 1;}
.sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box:before {content: '';  display: block; width: 100px; height: 1px; background: #ffffff; position: absolute; left: 0; top: 22px;}
.sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box .sitemap_sub_gnb {font-size: 0;}
.sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box .sitemap_sub_gnb li {}
.sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box .sitemap_sub_gnb li a {display: block; font-weight: 400; font-size: 2rem; line-height: 5rem; color: #ffffff;  transition: all 0.5s;}
.sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li > a.active {color: #fff;}
.sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box .sitemap_sub_gnb li a:hover {margin: 0 0 0 15px;}

/* footer */
.footer {background-color: #fff; text-align: center; padding: 4rem 0 3.5rem; border-top: 1px solid #d8d8d8;}
.footer .ft_top {}
.footer .ft_top .logo {}
.footer .ft_top .logo img {}
.footer .ft_top .sns_list {margin: 2rem 0 0;}
.footer .ft_top .sns_list .list {display: flex; column-gap: 10px; justify-content: center;}
.footer .ft_top .sns_list .list li {}
.footer .ft_top .sns_list .list li a {display: block; width: 26px; height: 26px; background-position: 0 0; background-repeat: no-repeat;}
.footer .ft_top .sns_list .list li a.icon01 {background-image: url("/eng/images/common/sns_icon01.png");}
.footer .ft_top .sns_list .list li a.icon02 {background-image: url("/eng/images/common/sns_icon02.png");}
.footer .ft_top .sns_list .list li a.icon03 {background-image: url("/eng/images/common/sns_icon03.png");}
.footer .ft_top .sns_list .list li a.icon01:hover {background-image: url("/eng/images/common/sns_icon01_on.png");}
.footer .ft_top .sns_list .list li a.icon02:hover {background-image: url("/eng/images/common/sns_icon02_on.png");}
.footer .ft_top .sns_list .list li a.icon03:hover {background-image: url("/eng/images/common/sns_icon03_on.png");}
.footer .ft_btm {margin: 3.5rem 0 0;} 
.footer .ft_btm .info_list {} 
.footer .ft_btm .info_list .list {font-size: 0;} 
.footer .ft_btm .info_list .list li {position: relative; display: inline-block; font-weight: 400; font-size: 1.2rem; line-height: 1.8rem;} 
.footer .ft_btm .info_list .list li:first-child {margin: 0 13px 0 0; padding: 0 15px 0 0;;}
.footer .ft_btm .info_list .list li:first-child:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 13px; background-color: #cccccc;}
.footer .ft_btm .info_list .list li:last-child {width: 100%; margin: 1.5rem 0 0;}
.footer .ft_btm .info_list .list li .tit {display: inline-block; color: #cccccc; margin: 0 10px 0 0;} 
.footer .ft_btm .info_list .list li .txt {display: inline-block; color: #777777;} 
.footer .ft_btm .link_list {margin: 4.5rem 0 0;} 
.footer .ft_btm .link_list .list {display: flex; justify-content: center; column-gap: 20px;} 
.footer .ft_btm .link_list .list li {}
.footer .ft_btm .link_list .list li a {display: block; font-weight: 400; font-size: 1.2rem; line-height: 1.8rem; color: #cccccc;}
.footer .ft_btm p {margin: 0.8rem 0 0; font-weight: 400; font-size: 1.2rem; line-height: 1.8rem; color: #cccccc;} 

.inq_btn {position: fixed; right: 35px; bottom: 35px; z-index: 999; border-radius: 50%; border: 1px solid #222;}



.gallery_pop_area {display: none; position: fixed; left: 0; bottom: 0; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; overflow-x: hidden; overflow-y: auto;}
.gallery_pop_area .pop_inner {position: absolute; left: 50%; top: 100px; transform: translateX(-50%); width: 100%; max-width: 1600px; margin: 0 auto; padding: 100px 0;}
.gallery_pop_area .pop_inner .pop_close {position: absolute; right: 0; top: 0;}
.gallery_pop_area .pop_inner .pop_close img {transition: all 0.5s}
.gallery_pop_area .pop_inner .pop_close:hover img {transform: rotate(180deg)}
.gallery_pop_area .pop_inner .cont {height: 100%; background-color: #fff; padding: 150px 192px 65px;}
.gallery_pop_area .pop_inner .cont .gallery_top { position: relative;}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_img_slide {overflow: hidden;}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_img_slide .list {}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_img_slide .list li {}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_img_slide .list li .img_box {position: relative; padding-bottom: 65.055%;}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_img_slide .list li .img_box .img_inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_img_slide .list li .img_box .img_inner img {display: inline-block; vertical-align: middle; width: 100%; height: 100%; object-fit: contain;}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_btn {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_btn .btn {position: absolute; top: 0; width: 29px; height: 29px; background-repeat: no-repeat; background-position: 0 0;}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_btn .btn.prev {left: -50px; background-image: url("/eng/images/sub/gallery_prev_btn.png");}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_btn .btn.next {right: -50px; background-image: url("/eng/images/sub/gallery_next_btn.png");}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_dot {margin: 10px 0 0; text-align: center;}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_dot span {width: 8px; height: 8px; margin: 0 10px 0 0; border-radius: 50%; background-color: #cccccc; opacity: 1;}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_dot span:last-child {margin: 0;}
.gallery_pop_area .pop_inner .cont .gallery_top .gallery_dot span.swiper-pagination-bullet-active {background-color: #777777;}
.gallery_pop_area .pop_inner .cont .gallery_mid {margin: 3rem 0 0; padding: 4.5rem 0 0; border-top: 1px solid #e2e2e2;}
.gallery_pop_area .pop_inner .cont .gallery_mid .info {}
.gallery_pop_area .pop_inner .cont .gallery_mid .info .list {}
.gallery_pop_area .pop_inner .cont .gallery_mid .info .list li {margin: 2rem 0 0; font-weight: 400; font-size: 1.8rem; line-height: 3rem; color: #222222;}
.gallery_pop_area .pop_inner .cont .gallery_mid .info .list li:first-child {margin: 0;}
.gallery_pop_area .pop_inner .cont .gallery_mid .info .list li .tit {font-weight: 700;}
.gallery_pop_area .pop_inner .cont .gallery_mid .text {margin: 2.5rem 0 0;  font-weight: 400; font-size: 1.8rem; line-height: 3rem; color: #222222;}
.gallery_pop_area .pop_inner .cont .gallery_mid .text p {font-weight: 400 !important; font-size: 1.8rem !important; line-height: 3rem !important;}
.gallery_pop_area .pop_inner .cont .gallery_mid .text p span {font-weight: 400 !important; font-size: 1.8rem !important; line-height: 3rem !important;}
.gallery_pop_area .pop_inner .cont .gallery_btm {margin: 4rem 0 0; padding: 3.5rem 0 0; border-top: 1px solid #e2e2e2;}
.gallery_pop_area .pop_inner .cont .gallery_btm .title_area {display: flex; justify-content: space-between; align-items: center;}
.gallery_pop_area .pop_inner .cont .gallery_btm .title_area .title {font-weight: 400; font-size: 2rem; line-height: 3rem; color: #777777;}
.gallery_pop_area .pop_inner .cont .gallery_btm .title_area .gallery_pd_btn {display: flex;  column-gap: 10px;}
.gallery_pop_area .pop_inner .cont .gallery_btm .title_area .gallery_pd_btn .btn {width: 29px; height: 29px; background-repeat: no-repeat; background-position: 0 0;}
.gallery_pop_area .pop_inner .cont .gallery_btm .title_area .gallery_pd_btn .btn.prev { background-image: url("/kor/images/sub/gallery_prev_btn.png");}
.gallery_pop_area .pop_inner .cont .gallery_btm .title_area .gallery_pd_btn .btn.next { background-image: url("/kor/images/sub/gallery_next_btn.png");}
.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list {margin: 3rem 0 0; overflow: hidden;}
.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list {}
.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list li {}
.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list li .box_wrap {display: block; width: 100%;}
.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list li .box_wrap .box {position: relative;}
.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list li .box_wrap .box .img_box {position: relative; padding-bottom: 100%;}
.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list li .box_wrap .box .img_box .img_inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list li .box_wrap .box .img_box .img_inner img {display: inline-block; vertical-align: middle; width: 100%; height: 100%; object-fit: contain;}
.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list li .box_wrap .box .hover_box {display: none; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.3);}
.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list li .box_wrap .box .hover_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.5s;}
.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list li .box_wrap .title {margin: 0.5rem 0 0; font-weight: 400; font-size: 1.8rem; line-height: 2.4rem; color: #222222; text-align: center; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list li .box_wrap .box:hover .hover_box {display: block;}
.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list li .box_wrap .box .hover_box:hover img {transform: translate(-50%, -50%) rotate(180deg);}

.content_pop_area {display: none; position: fixed; left: 0; bottom: 0; top: 0; right: 0;/*  background-color: rgba(0, 0, 0, 0.8); */ z-index: 9999; overflow-x: hidden; overflow-y: auto; z-index: 10000;}
.content_pop_area .pop_inner {position: absolute; left: 50%; top: 40px; transform: translateX(-50%); width: 100%; max-width: 1000px; margin: 0 auto; padding: 50px 0;}
.content_pop_area .pop_inner .content_pop_close {position: absolute; right: 0; top: 0;}
.content_pop_area .pop_inner .content_pop_close img {width: 40px}
.content_pop_area .pop_inner .cont {height: 100%; background-color: #fff; padding: 50px;  box-shadow: 0 5.52px 5.52px 5.52px rgba(0, 0, 0, 0.22)}
.content_pop_area .pop_inner .cont .img_box {position: relative; padding-bottom: 49%;}
.content_pop_area .pop_inner .cont .img_box .img_inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.content_pop_area .pop_inner .cont .img_box .img_inner img {display: inline-block; vertical-align: middle; width: 100%; height: 100%; object-fit: contain;}
.content_pop_area .pop_inner .cont .text_box {margin: 3rem 0 0; border-top: 1px solid #e2e2e2; padding: 3rem 0 0;}
.content_pop_area .pop_inner .cont .text_box .list {}
.content_pop_area .pop_inner .cont .text_box .list li {margin: 1rem 0 0; font-weight: 400; font-size: 1.8rem; line-height: 3rem; color: #222222;}
.content_pop_area .pop_inner .cont .text_box .list li:first-child {margin: 0;}
.content_pop_area .pop_inner .cont .text_box .list li .tit {display: block; font-weight: 700;}
.content_pop_area .pop_inner .cont .text_box .list li .txt {display: block;}



.red {color: #ff4c49;}
.blue {color: #4457e3 !important;}
.tc {text-align: center !important;}
.tr {text-align: right !important;}
.btn_area {margin: 30px 0 0;}
.btn_area .btn {display: inline-block; width: 120px; border: 1px solid #222222; background-color: #222222; font-weight: 400; font-size: 16px; line-height: 50px; color: #ffffff; text-align: center;}
.btn_area.list .btn .txt {padding: 0 30px 0 0; background-image: url("/eng/images/sub/list_icon.png"); background-position: right center; background-repeat: no-repeat;}
.btn_area .btn:hover, .btn_area .btn:focus {background-color: #fff; color: #222222;}
.btn_area .btn:hover .txt, .btn_area .btn:focus .txt {background-image: url("/eng/images/sub/list_icon_hover.png");}

/*체크박스*/
.chk_inner {display: inline-block; position: relative; padding: 0 0 0 3rem; font-size: 0; text-align: left;}
.chk_inner .inp_chk {display: inline-block; position: absolute; top: 50%; left: 0; width: 2rem; height: 2rem; border-radius: 2px; margin: -1rem 0 0; border: 1px solid #d9d9d9; padding: 0; background-color: #ffffff; cursor: pointer; vertical-align: middle;}
.chk_inner .inp_chk:checked:before {display: block; content: ''; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 1.3rem; height: 1.3rem; background-color: #000;}
.chk_inner label {display: inline-block; font-weight: 400; font-size: 1.6rem; line-height: 2.6rem; color: #777777; vertical-align: middle; cursor: pointer;}
/*//체크박스*/

/*라디오 버튼*/
.radio_area {display: inline-block; position: relative; padding: 0 0 0 20px; font-size: 0;}
.radio_area .radio_inp {display: inline-block; position: absolute; top: 10px; left: 0; width: 14px; height: 14px; border: 1px solid #777777; padding: 0; background-color: #ffffff; border-radius: 50%; cursor: pointer;}
.radio_area .radio_inp:checked {background-color: inherit;}
.radio_area .radio_inp:checked:before {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; background-color: #4457e3; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%;}
.radio_area label {font-weight: 400; font-size: 14px; line-height: 40px; color: #777777;}
/*//라디오 버튼*/


/* ==================== Pagination Style ==================== */
.pagination {margin: 95px 0 0; font-size:0; text-align: center;}
.pagination a {display: inline-block; width: 26px; height: 26px; margin: 0 5px 3px 0; border-radius: 50%; font-weight: 400; font-size: 1.4rem; line-height: 28px; color: #999999; text-align: center; vertical-align: middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.pagination a:hover, .pagination a:focus, .pagination .active {background-color: #222222; font-weight: 700; color: #fff;}
.pagination .page_arrow {position: relative;}
/* .pagination .page_arrow:hover, .pagination .page_arrow:focus {background-color: #fff;} */
.pagination .page_arrow:before {display: block; content: ''; position: absolute; top: 50%; height: 23px; background-position: center; background-size: contain; background-repeat: no-repeat;}
.pagination .page_arrow.l1 {margin: 0 5px 3px 0;}
.pagination .page_arrow.l1:before {left: 50%; width: 23px; transform: translate(-50%, -50%); background-image: url("/eng/images/common/page_l1.png");}
.pagination .page_arrow.l2 {}
.pagination .page_arrow.l2:before {left: 50%; width: 23px; transform: translate(-50%, -50%); background-image: url("/eng/images/common/page_l2.png");}
.pagination .page_arrow.r1 {margin: 0 5px 3px 0;}
.pagination .page_arrow.r1:before {left: 50%; width: 23px; transform: translate(-50%, -50%);  background-image: url("/eng/images/common/page_r1.png");}
.pagination .page_arrow.r2 {}
.pagination .page_arrow.r2:before {left: 50%; width: 23px; transform: translate(-50%, -50%); background-image: url("/eng/images/common/page_r2.png");}
/* ==================== Pagination Style ==================== */
@media screen and (max-width: 1600px) {
    .container {padding: 0 10px;}
    .gnb_header .head_box .gnb {padding: 0 252px 0 455px;}
    .util_menu {right: 20px; column-gap: 30px;}
    .sitemap_wrap .sitemap_inner .sitemap_box {padding: 0 10px;}
	
	.gallery_pop_area .pop_inner .pop_close img {width: 45px;}
	.gallery_pop_area .pop_inner {width: 98%; padding: 60px 0;}
	.gallery_pop_area .pop_inner .cont {padding: 30px 50px;}
	.gallery_pop_area .pop_inner .cont .gallery_top .gallery_btn .btn.prev {left: -35px}
	.gallery_pop_area .pop_inner .cont .gallery_top .gallery_btn .btn.next {right: -35px}
	.gallery_pop_area .pop_inner .cont .gallery_mid {margin: 2rem 0 0; padding: 2rem 0 0;}
	.gallery_pop_area .pop_inner .cont .gallery_mid .info .list li {margin: 1rem 0 0;}
	.gallery_pop_area .pop_inner .cont .gallery_btm {margin: 2rem 0 0; padding: 2rem 0 0;}
	.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list {margin: 1.5rem 0 0;}
}

@media screen and (max-width: 1400px) {
    .gnb_header .head_box .logo {left: 20px;}
    .gnb_header .head_box .gnb {padding: 0 200px;}
    .gnb_header .head_box .gnb > li > a {height: 90px;font-size: 1.6rem;}
    .gnb_header .head_box .gnb li .sub_gnb_box {top: 90px; padding: 15px 0 0;}
    .gnb_header .head_box .gnb li .sub_gnb_box li {margin: 1.5rem 0 0;}
    .gnb_header .head_box .gnb li .sub_gnb_box li a {font-size: 1.4rem; line-height: 2rem;}
    .gnb_bg {top: 90px; height: 150px;}

    .sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li {margin: 3.5rem 0 0;}
    .sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li > a {font-size: 4rem;}
    .sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box:before {top: 12px; width: 70px;}
    .sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box {padding-left: 100px;}
    .sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box.active {left: 260px;}
    .sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box .sitemap_sub_gnb li a {font-size: 1.6rem; line-height: 3rem;}

    .footer {padding: 2rem 0;}
    .footer .ft_top .logo img {width: 100px;}
    .footer .ft_top .sns_list {margin: 1rem 0 0;}
    .footer .ft_btm .link_list {margin: 2rem 0 0;}
    .footer .ft_btm .info_list .list li:last-child {margin: 0.5rem 0 0;}
    .footer .ft_btm {margin: 1.5rem 0 0;}
    .footer .ft_btm .link_list .list {column-gap: 10px;}
}

@media screen and (max-width: 1280px) {


}
@media screen and (max-width: 1080px) {
    .gnb_header .head_box .gnb {display: none;}
    .gnb_header .head_box .logo {position: relative; left: inherit; top: 0; transform: translateY(0);}
    .util_menu {position:relative; right: inherit; top: inherit; transform: translateY(0); column-gap: 1.5rem;}
    .gnb_header .head_box {display: flex; justify-content: space-between; padding: 10px;}
    .gnb_header .head_box .logo a {width: 64px; height: 65px; background-size: cover;}


    .footer .ft_top .logo img {width: 80px;}
    .footer .ft_top .sns_list .list {column-gap: 5px;}
    .footer .ft_btm .info_list .list li:first-child {margin: 0 8px 0 0; padding: 0 10px 0 0;}
    .footer .ft_btm .info_list .list li .tit {margin: 0 6px 0 0;}
    .footer .ft_btm .link_list {margin: 1rem 0 0;}
    .footer .ft_btm p {margin: 0;}
    .inq_btn {right: 15px; bottom: 15px;}
    .inq_btn img {width: 60px;}
    /* ==================== Pagination Style ==================== */
	.pagination {margin: 55px 0 0;}
	.pagination a {width: 16px; height: 16px; font-size:12px; line-height: 16px;}
	.pagination .page_arrow {font-size:15px;}
    .pagination .page_arrow.r1 {margin: 0 5px 3px 0;}
    .pagination .page_arrow.l1 {margin: 0 5px 3px 0;}
    .pagination .page_arrow.r1:before {width: 16px;}
    .pagination .page_arrow.r2:before {width: 16px;}
    .pagination .page_arrow.l1:before {width: 16px;}
    .pagination .page_arrow.l2:before {width: 16px;}
	.pagination.skin2 a {line-height:20px;}
    /* ==================== Pagination Style ==================== */
    
    .btn_area {margin: 30px 0 0;}
    .btn_area .btn {width: 100px; font-size: 14px; line-height: 35px;}
    

	.gallery_pop_area .pop_inner {top: 30px; padding: 40px 0;}
	.gallery_pop_area .pop_inner .pop_close img {width: 30px;}
	.gallery_pop_area .pop_inner .cont {padding: 20px;}
	.gallery_pop_area .pop_inner .cont .gallery_top {padding: 0 30px;}
	.gallery_pop_area .pop_inner .cont .gallery_top .gallery_btn {left: 0;}
	.gallery_pop_area .pop_inner .cont .gallery_top .gallery_btn .btn {width: 25px; height: 25px; background-size: cover;}
	.gallery_pop_area .pop_inner .cont .gallery_top .gallery_btn .btn.prev {left: 0;}
	.gallery_pop_area .pop_inner .cont .gallery_top .gallery_btn .btn.next {right: 0;}
	.gallery_pop_area .pop_inner .cont .gallery_mid {margin: 1rem 0 0; padding: 1rem 0 0;}
	.gallery_pop_area .pop_inner .cont .gallery_mid .info .list li {font-size: 1.6rem; line-height: 2.4rem;}
	.gallery_pop_area .pop_inner .cont .gallery_mid .text {margin: 1.5rem 0 0; font-size: 1.6rem; line-height: 2.4rem;}
	.gallery_pop_area .pop_inner .cont .gallery_mid .text p {font-size: 1.6rem !important; line-height: 2.4rem !important;}
	.gallery_pop_area .pop_inner .cont .gallery_mid .text p span {font-size: 1.6rem !important; line-height: 2.4rem !important}
	.gallery_pop_area .pop_inner .cont .gallery_btm {margin: 1rem 0 0; padding: 1rem 0 0;}
	.gallery_pop_area .pop_inner .cont .gallery_btm .title_area .title {font-size: 1.8rem; line-height: 2.4rem;}
	.gallery_pop_area .pop_inner .cont .gallery_btm .title_area .gallery_pd_btn {column-gap: 5px;}
	.gallery_pop_area .pop_inner .cont .gallery_btm .title_area .gallery_pd_btn .btn {width: 23px; height: 23px; background-size: cover;}
	.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list li .box_wrap .box .hover_box img {width: 50px;}

	
	.content_pop_area .pop_inner {width: 90%; }
	.content_pop_area .pop_inner .content_pop_close img {width: 30px;}
	.content_pop_area .pop_inner .cont {padding: 30px;}
	.content_pop_area .pop_inner .cont .text_box {margin: 2rem 0 0; padding: 2rem 0 0;}
	.content_pop_area .pop_inner .cont .text_box .list li {font-size: 1.6rem; line-height: 2.4rem;}
}

@media screen and (max-width: 767px) {

	.gnb_header .head_box .logo a {width: 54px; height: 55px; background-size: cover;} 
    
    .pagination {margin: 25px 0 0;}
    .sitemap_wrap .sitemap_close {right: 20px; top: 20px;}
    .sitemap_wrap .sitemap_inner .sitemap_box {height: calc(100% - 150px); padding: 5rem;}
    .sitemap_wrap .sitemap_inner .sitemap_box .sitemap {justify-content: start;}
    .sitemap_wrap .sitemap_inner .img_box {position: absolute; top: inherit; height: 550px; width: 100%; }

    .sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li {margin: 2rem 0 0;}
    .sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li > a {height: 40px;;}
    .sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box {position: relative; top: inherit; left: inherit; height: 0; padding-left: 50px;}
    .sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box.active {left: inherit; height: auto;}
    .sitemap_wrap .sitemap_inner .sitemap_box .sitemap > li .sub_gnb_box:before {top: 9px; width: 40px;}

	.gallery_pop_area .pop_inner .cont .gallery_btm .gallery_pd_list .list li .box_wrap .box .hover_box img {width: 30px;}
	.content_pop_area .pop_inner .cont {padding: 20px;}

}

@media screen and (max-width: 480px) {
    .sitemap_wrap .sitemap_inner .sitemap_box {padding: 50px 20px;}
    .util_menu .language_box .list li .text {font-size: 12px;}
    
 
	.gallery_pop_area .pop_inner .cont {padding: 10px;}
	.gallery_pop_area .pop_inner .cont .gallery_top {padding: 0 25px;}
	.gallery_pop_area .pop_inner .cont .gallery_top .gallery_btn .btn {width: 20px; height: 20px;}
	.gallery_pop_area .pop_inner .cont .gallery_top .gallery_dot {margin: 5px 0 0;}
	.gallery_pop_area .pop_inner .cont .gallery_top .gallery_dot span {margin: 0 5px 0 0;}
    
}



/* select 기본 화살표 없애기 */
select {
    border-radius:0; /* 아이폰 사파리 보더 없애기 */
    -webkit-appearance:none; /* 화살표 없애기 for chrome*/
    -moz-appearance:none; /* 화살표 없애기 for firefox*/
    appearance:none /* 화살표 없애기 공통*/ 
}

select::-ms-expand{
    display:none /* 화살표 없애기 for IE10, 11*/
}