@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);
@import url(https://fonts.googleapis.com/css?family=Raleway:700);
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,600,700');

@font-face {
    font-family: "NanumBarunGothic";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumBarunGothic.woff") format("woff"), url("./fonts/NanumBarunGothic.ttf") format("truetype");
}

@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IBMPlexSansKR-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-ExtraLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansKR-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansKR-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansKR-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansKR-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansKR-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Noto Sans CJK KR */
@font-face {
	font-family: 'Noto Sans CJK KR';
	font-style: normal;
	font-weight: 100;
	src: local('※'),
		url('../fonts/notocjk/NotoSansKR-Thin.woff2') format('woff2'),
		url('../fonts/notocjk/NotoSansKR-Thin.woff') format('woff'),
		url('../fonts/notocjk/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans CJK KR';
	font-style: normal;
	font-weight: 200;
	src: local('※'),
		url('../fonts/notocjk/NotoSansKR-Light.woff2') format('woff2'),
		url('../fonts/notocjk/NotoSansKR-Light.woff') format('woff'),
		url('../fonts/notocjk/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans CJK KR';
	font-style: normal;
	font-weight: 300;
	src: local('※'),
		url('../fonts/notocjk/NotoSansKR-DemiLight.woff2') format('woff2'),
		url('../fonts/notocjk/NotoSansKR-DemiLight.woff') format('woff'),
		url('../fonts/notocjk/NotoSansKR-DemiLight.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans CJK KR';
	font-style: normal;
	font-weight: 400;
	src: local('※'),
		url('../fonts/notocjk/NotoSansKR-Regular.woff2') format('woff2'),
		url('../fonts/notocjk/NotoSansKR-Regular.woff') format('woff'),
		url('../fonts/notocjk/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans CJK KR';
	font-style: normal;
	font-weight: 700;
	src: local('※'),
		url('../fonts/notocjk/NotoSansKR-Bold.woff2') format('woff2'),
		url('../fonts/notocjk/NotoSansKR-Bold.woff') format('woff'),
		url('../fonts/notocjk/NotoSansKR-Bold.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans CJK KR';
	font-style: normal;
	font-weight: 900;
	src: local('※'),
		url('../fonts/notocjk/NotoSansKR-Black.woff2') format('woff2'),
		url('../fonts/notocjk/NotoSansKR-Black.woff') format('woff'),
		url('../fonts/notocjk/NotoSansKR-Black.otf') format('opentype');
}

/* Arita-dotum */
@font-face {
    font-family: 'Arita-dotum';
    src: url('../fonts/AritaDotum/Arita-dotum-Bold_OTF00.eot');
    src: local(''), local('Arita-dotum-Bold_OTF00'),
        url('../fonts/AritaDotum/Arita-dotum-Bold_OTF00.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AritaDotum/Arita-dotum-Bold_OTF00.woff2') format('woff2'),
        url('../fonts/AritaDotum/Arita-dotum-Bold_OTF00.woff') format('woff'),
        url('../fonts/AritaDotum/Arita-dotum-Bold_OTF00.ttf') format('truetype'),
        url('../fonts/AritaDotum/Arita-dotum-Bold_OTF00.svg#Arita-dotum-Bold_OTF00') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Arita-dotum';
    src: url('../fonts/AritaDotum/Arita-dotum-SemiBold_OTF00.eot');
    src: local(''), local('Arita-dotum-SemiBold_OTF00'),
        url('../fonts/AritaDotum/Arita-dotum-SemiBold_OTF00.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AritaDotum/Arita-dotum-SemiBold_OTF00.woff2') format('woff2'),
        url('../fonts/AritaDotum/Arita-dotum-SemiBold_OTF00.woff') format('woff'),
        url('../fonts/AritaDotum/Arita-dotum-SemiBold_OTF00.ttf') format('truetype'),
        url('../fonts/AritaDotum/Arita-dotum-SemiBold_OTF00.svg#Arita-dotum-SemiBold_OTF00') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Arita-dotum';
    src: url('../fonts/AritaDotum/Arita-dotum-Medium_OTF00.eot');
    src: local(''), local('Arita-dotum-Medium_OTF00'),
        url('../fonts/AritaDotum/Arita-dotum-Medium_OTF00.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AritaDotum/Arita-dotum-Medium_OTF00.woff2') format('woff2'),
        url('../fonts/AritaDotum/Arita-dotum-Medium_OTF00.woff') format('woff'),
        url('../fonts/AritaDotum/Arita-dotum-Medium_OTF00.ttf') format('truetype'),
        url('../fonts/AritaDotum/Arita-dotum-Medium_OTF00.svg#Arita-dotum-Medium_OTF00') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Arita-dotum';
    src: url('../fonts/AritaDotum/Arita-dotum-Light_OTF00.eot');
    src: local(''), local('Arita-dotum-Light_OTF00'),
        url('../fonts/AritaDotum/Arita-dotum-Light_OTF00.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AritaDotum/Arita-dotum-Light_OTF00.woff2') format('woff2'),
        url('../fonts/AritaDotum/Arita-dotum-Light_OTF00.woff') format('woff'),
        url('../fonts/AritaDotum/Arita-dotum-Light_OTF00.ttf') format('truetype'),
        url('../fonts/AritaDotum/Arita-dotum-Light_OTF00.svg#Arita-dotum-Light_OTF00') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Arita-dotum';
    src: url('../fonts/AritaDotum/Arita-dotum-Thin_OTF00.eot');
    src: local(''), local('Arita-dotum-Thin_OTF00'),
        url('../fonts/AritaDotum/Arita-dotum-Thin_OTF00.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AritaDotum/Arita-dotum-Thin_OTF00.woff2') format('woff2'),
        url('../fonts/AritaDotum/Arita-dotum-Thin_OTF00.woff') format('woff'),
        url('../fonts/AritaDotum/Arita-dotum-Thin_OTF00.ttf') format('truetype'),
        url('../fonts/AritaDotum/Arita-dotum-Thin_OTF00.svg#Arita-dotum-Thin_OTF00') format('svg');
    font-weight: 100;
    font-style: normal;
}


html{width:100%;height:100%;overflow-y:auto;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input,select,textarea,form,fieldset,legend,body{margin:0;padding:0; font-family:"Open Sans","NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial; }
*+html body body, *+html body div, *+html body li, *+html body dt, *+html body dd, *+html body p, *+html body tr, *+html body td, *+html body h2 {font-family: "NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; width:100%; font-size:12px;color:#333;line-height:1.5em;  background:#fff; overflow:hidden;}
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#666;}
li{list-style:none;}
select,textarea{border-radius:0;}
.clear {}
.clear:after {content:"";display:block;clear:both;}
.blind{visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.img_100 {width:100%;vertical-align:top;}
select{min-width:50px;height:26px;margin:0;padding:0;font-size:12px;line-height:26px;font-family:Dotum,sans-serif;}
.underline {text-decoration:underline; }
.fr { float:right;}
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.vt {vertical-align:top !important;}
.mb0 { margin-bottom:0 !important;}
.mb3 { margin-bottom:3px !important;}
.mb20 { margin-bottom:20px !important;}
.border_box {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.transAll015 {-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.transAll03 {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.strongColor01 { color:#a40000;}

.block1280, .block1024, .block768, .block560, .block480, .block380 {display:none;}
.in-block1280, .in-block1024, .in-block768, .in-block560, .in-block480, .in-block380 {display:none;}


::selection {
	background-color: #a40000;
	color: #fff;
}

/* 팝업레이어 */
/*#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_top {position:absolute; top:0; right:0; z-index:9; width:0px;height:0px; border-left:50px solid transparent; border-top:50px solid #393939; }
.hd_pops_footer {padding: 0;background:#393939;color:#fff;text-align:right;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_top button {border:0;color:#fff;  background:#393939; position:absolute; top:-44px; right:9px; font-size:15px;}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#393939;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}
#hd_pop {
    width: auto !important;
}
.hd_pops img {
    max-width: 100%;
}
*/


.msg_sound_only, .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}

#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}
#hd_pop {
    width: auto !important;
}
.hd_pops img {
    max-width: 100%;
}

/* grab cursor */

#skip{position:fixed;top:-9999px;left:0;z-index:1000;width:240px;height:30px;background:#676462;}
#skip a{display:block;height:30px;padding:0 0 0 20px;line-height:30px;font-size:12px;color:white;}
#skip.on{top:0;}

.sticky-wrapper { position:relative; z-index:10; }
#header { position:relative; opacity:0; filter: alpha(opacity=0;); z-index:10; }
#header .logo { position:fixed; width:96px; left:46px; top:42px;-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; z-index:10;}
.logo .logo_white { position:relative; left:0; top:0; z-index:10; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.logo .logo_red { position:absolute; left:0; top:0; opacity:0; filter: alpha(opacity=0;); z-index:11; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.logo:hover .logo_red, .logo:focus .logo_red { opacity:1; filter: alpha(opacity=100;);}
.logo:hover .logo_white, .logo:focus .logo_white { opacity:0; filter: alpha(opacity=0;);}
.btn_menu { position:fixed; right:46px; top:46px;-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; z-index:10;}
#gnb { display:none; position:fixed; width:240px; height:100% ; right:0; top:0; background:url(../images/common/gnb_bg.png); padding:40px 40px 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index:15;}
#gnb .btn_menu { position:absolute; right:24px; top:24px; }
.gongzone {font-size:13px; color:#fff; height:32px; letter-spacing:0.05em;}
#gnb.on {}
.gnb { width:160px; }
.gnb > li {font-size:13px; color:#fff;  margin-bottom:10px;;}
.gnb > li a { font-size:15px; color:#fff; line-height:1.5em; }
.gnb > li a:hover, .gnb li > a:focus, .gnb > li.this a { }
.gnb_sub { height:0; background:url(../images/common/gnb_sub_bg.gif) left bottom repeat-x; padding:2px 5px 5px 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; overflow:hidden; opacity:0; filter: alpha(opacity=0;);}
.gnb li:hover .gnb_sub, .gnb li:focus .gnb_sub { height:84px; padding-top:3px; opacity:1; filter: alpha(opacity=100;); border-top:1px solid #07a3be;}
.gnb li.line { width:75px; height:1px; line-height:1px; background:#fff; margin:16px 0;}
.gnb_sub:after {content:"";display:block;clear:both;}
.gnb li.this .gnb_sub { display:block; padding-top:12px;}
.gnb_sub li { }
.gnb_sub li a { color:#fff; font-size:14px; line-height:28px; }
.gnb_sub li a span { font-weight:700;}
.gnb_sub li a:hover, .gnb_sub li a:focus { text-decoration:underline; color:#045a6a;}
.gnb_sub li.this a { font-weight:700;}

.is-sticky #header .logo { width:60px; left:23px; top:21px; }
.is-sticky .btn_menu.btn_menu01 { right:23px; top:23px; }
.is-sticky .btn_menu.btn_menu01 img {width:50px; }
.header_bg {  position:absolute; width:100%; height:0; left:0; top:0;background:#000; opacity:0; filter: alpha(opacity=0;); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; z-index:2;}
/* .is-sticky .header_bg {height:100px; opacity:0.5; filter: alpha(opacity=50;); -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);} */
.is-sticky .header_bg {height:100px; opacity:0.5; filter: alpha(opacity=50;);}
 
 

/* 2021 new */
#header_new { position:relative; opacity:1; filter: alpha(opacity=100;); z-index:10; }
#header_new .logo_new, #header_new .logo_new .logo { position:fixed; width:60px; left:80px; top:30px; transition: all 0.15s ease-in-out; z-index:15;}
#gnb.gnb_wrap { display:block; position:absolute; width:100%; right:auto; top:44px; left:235px; background:none; padding:0;}
#gnb .gnb_ul { width:100%;}
.gnb_ul > li {float:left; margin-right:80px; }
.gnb_ul > li a {float:left; margin-right:0px; font-size:18px; letter-spacing: -0.84px; font-family: 'Noto Sans CJK KR'; color:#fff;}
.gnb_ul > li.line {display:none;}


#wrap.sub #header_new .header_bg {height:30px;}
#wrap.sub #header_new .logo_new .logo { width:40px; top:10px; left:80px;}
#wrap.sub .gnb_ul > li a {  font-size:15px; color:#000; }
#wrap.sub #gnb.gnb_wrap {top:18px; }

.header_bgnew {border-bottom: 1px solid #f0f0f0; background-color:rgba(255,255,255,0.8); position:absolute; width:100%; height:0; left:0; top:0; opacity:0; filter: alpha(opacity=0;); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; z-index:2;}
.is-sticky #gnb.gnb_wrap {top:18px; left:235px;}
.is-sticky .gnb_ul > li a {font-size:15px; color:#000;}
.is-sticky #header_new .logo_new .logo { width:40px; top:10px; left:80px;}
.is-sticky #header_new .header_bg {height:60px; opacity:1; filter: alpha(opacity=100;);}
#wrap.sub #header_new .header_bg {height:60px; opacity:1; filter: alpha(opacity=100;); }


.layout1760 {
	max-width: 100%;
	padding-left:80px;
	padding-right:80px;
	margin: 0 auto;
}
.latest-img,
.portfolio_newlist1,
.portfolio_newlist2,
.insta_wrap {
	margin-left:-5px;
	margin-right:-5px;
}
/* 2021 new end */

/* 2023 ADD CSS */
#wrap #gnb .sns_header{
    position: absolute;
    right: 270px;
    top: 0;
    font-size: 15px; 
}

#wrap #gnb .sns_header a{
    font-family: 'Noto Sans CJK KR';
    line-height: 1.5em;
    color: #000;
}

.sns_header_list{
    display: flex;
}

.sns_header_item{
    position: relative;
    padding: 0 40px;
}

.sns_header_item::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #eee;
}

.sns_header_item:last-child:after{
    display: none;
}





#google_translate_element a {  font-family:"Open Sans","NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial; font-size:13px; line-height:1.5em;}
#google_translate_element a:hover, #google_translate_element a:focus { font-weight:400;  text-decoration:none; }


.btn_arrow { position:absolute; display:block; width:50px; height:50px; right:102px; bottom:42px; font-size:0; background:url(../images/common/btn_arrow_bg.png); z-index:20;  transform: rotate(180deg)}
.btn_arrow a img { width:100%; vertical-align:top;}
.btn_arrow a.btn_up { display:block; padding:6px 0 0;}
.btn_arrow a.btn_down { display:block; padding:0 0 6px;}
.btn_arrow a:hover, .btn_arrow a:focus { padding:3px 0;}
.btn_down img { vertical-align:center;}

.gongZone_ad { background:url(../images/common/gongZone_ad_bg.jpg) center center no-repeat; background-size:cover; padding:126px 0; text-align:center; font-size:16px; line-height:1.35em; color:#fff; }
.gongZone_ad dt { font-size:2.5em; line-height:1.35em; margin-bottom:20px;}
.gongZone_ad dd { font-size:1.2em;}
.gongZone_ad .btn { display:block; margin-top:60px; }
.gongZone_ad .btn a { display:inline-block; color:#fff; font-size:1.1em; line-height:1.35em; background:#a40000; padding:16px 80px; border-radius:4px;}
.gongZone_ad .btn a:hover, .gongZone_02 .btn a:focus { padding:16px 74px 16px 86px;}

#footer { background:#000; color:#fff; padding:5% 0; }
.footer_area { width:94%; max-width:1350px; margin:0 auto; }
.footer_area:after {content:"";display:block;clear:both;}
.footer_area div { position:relative; float:left; font-size:14px; line-height:22px;}
.footer_area div span { display:inline-block; margin:0 5px;}
.footer_area div a { color:#fff; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.footer_area div a:hover, .footer_area div a:focus { text-decoration:underline;}
.footer_area .footer_line { position:absolute; width:14%; height:1px; background:#fff; right:24px; bottom:27px;}
/*.footer_0202 .footer_line { width:20.06%;}*/
.footer_01 { width:13%;}
.footer_02 { width:87%;}
.footer_0201 { width:43%; padding:18px 0;}
.footer_0202 { width:30%; padding:18px 0;}
.footer_0203 { width:27%; padding:18px 0;}


/* footer new */
#footer {background:#1b1b1b; color:#fff; padding:5% 0;  font-family: 'Noto Sans CJK KR'; }
#footer a {color:#fff;}
.foot_wrap {position:relative;}
.ft_logo {position:absolute; top:-10px; left:80px;}
.ft_logo img {width:90px;}
.foot_wrap .txt_wrap {padding-left:520px;}
.foot_wrap .txt_wrap>div {float:left; width:33.333%;}
.foot_wrap .ft_tit {font-size:22px;  font-family: 'Noto Sans CJK KR'; font-weight:700; margin-bottom:35px;}
.foot_wrap .ft_txt {font-size:14px; letter-spacing:-0.3px; margin-bottom:15px; }
.foot_wrap .ft_txt span {font-family: 'Noto Sans CJK KR'; display:inline-block;}
.foot_wrap .ft_txt.call a {font-size:20px; font-family: 'Noto Sans CJK KR'; letter-spacing:-0.6px;}
.txt_wrap_box1 span {padding-right:25px;}
.txt_wrap_box2 .blank {padding-left:25px;}
.txt_wrap_box3 a {font-size:14px; position:relative; padding-right: 24px;}
.txt_wrap_box3 a:last-child { padding-right:0; }
.txt_wrap_box3 a:after { content: '|'; display: block; position: absolute; right: 8px; top: -1px; }
.txt_wrap_box3 a:last-child:after { display: none; }
.txt_wrap_box3 {position:relative; padding-bottom:10%;}
.txt_wrap_box3 .ft_copy {position:absolute; bottom:0; right:90px;}

.google_translate {position:absolute; bottom:170px; right:83px; }
.google_translate, .google_translate a, .google_translate span {color:#333;}

/* footer new end */

.bx-wrapper { position:relative;}
.bx-viewport { position:relative; z-index:1;} 
.bxslider li { background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; height:calc(100vh);}
.topArea .bx-pager { position:absolute; width:100%; left:0; bottom:3%; text-align:center; z-index:5;}
.topArea .bx-pager .bx-pager-item { display:inline; margin:0 5px; }
.topArea .bx-pager .bx-pager-item a { display:inline-block; width:9px; height:9px; opacity:0.4; filter: alpha(opacity=40;); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; padding:2px 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.topArea .bx-pager .bx-pager-item a:hover, .topArea .bx-pager .bx-pager-item a:focus, .topArea .bx-pager .bx-pager-item a.active { width:9px; padding:0; opacity:0.75; filter: alpha(opacity=75;);}
.topArea .bx-pager .bx-pager-item a span { float:left; display:block; width:5px; height:5px; background:#fff; border-radius:100%; font-size:0;}
.topArea .bx-pager .bx-pager-item a:hover span, .topArea .bx-pager .bx-pager-item a:focus span, .topArea .bx-pager .bx-pager-item a.active span { width:9px; height:9px; }

.bx-controls { }

#slider_layer { position:relative; overflow:hidden; }

/*멀티스킨 미리보기*/
.multi_preview { position:relative; top:15px; left:0; text-align:center; background:#a40000; z-index:99;  transition: all 0.15s ease-in-out 0s; }
.multi_preview a { position:absolute; display:block; color:#fff; background:#a40000; border-radius: 4px; font-size: 13px; line-height: 17px; margin: 0 auto; max-width: 130px; padding: 10px 10px;width: 100%; transition: all 0.15s ease-in-out 0s; }
.multi_preview:hover { margin-left:10px;}

.m_multi_preview { position:static; width:30%; text-align:center; background:#a40000; z-index:99; display:block; border-radius: 4px; transition: all 0.15s ease-in-out 0s; margin-top:20px;  }
.m_multi_preview a { position:static; display:block; color:#fff; background:#a40000;  font-size: 13px; line-height: 15px; border-radius: 4px; margin: 0 auto; padding: 16px 15px; transition: all 0.15s ease-in-out 0s; }
.m_multi_preview:hover { margin-left:10px;}

/*멀티스킨 미리보기 끝*/


/* ADD CSS */

.side_content_wrapper{
	position:fixed;
	right:0;
	top: 345px;
	width: 10%;
	height: 10%;
	z-index: 99
}


.question-item{
	position:absolute;
	width: 45px;
	height: 144px;
	background-color: #a40000;
	display:flex;
	align-items:center;
	justify-content:center;
	right:0;
	top:0;
	cursor:pointer;
	z-index:99;
}

.question-item p{
	color: #fff;
	font-weight: 700;
	letter-spacing: 1.1px;
	position: absolute;
    left: -10px;
    top: 45%;
    transform: translate(0, -50%) rotate(-90deg);
	 -webkit-transform: translate(0, -50%) rotate(-90deg);
    -ms-transform: translate(0, -50%) rotate(-90deg);
	transform-origin: center;
	font-family: 'Noto Sans CJK KR',sans-serif;
	font-smooth: always;
	width: 140%;
	height: 10%;
}

.side_list{
	position: absolute;
	right: 48px;
	top:0;
	width: 94px;
	padding: 0 0 0 18px; 
	height: 144px;
	background-color: #666;
	display:flex;
	flex-direction: column;
	justify-content: center;
	transform: translate(50%);
	visibility: hidden;
	opacity: 0;
	transition: all 1s linear;
	z-index: 1;
	font-family: 'Noto Sans CJK KR;
}

.side_content_wrapper.on .side_list{
	transform: translate(0%);
	visibility: visible;
	opacity: 1
}

.side_item a{
	display:block;
	padding: 12px 0;
	color: #fff
}

.side_content_wrapper.on .side_item:nth-child(1) {  animation:ani_2 1s 0.1s; animation-fill-mode:both; }
.side_content_wrapper.on .side_item:nth-child(2) {  animation:ani_2 1s 0.2s; animation-fill-mode:both; }
.side_content_wrapper.on .side_item:nth-child(3) {  animation:ani_2 1s 0.3s; animation-fill-mode:both; }

@keyframes ani_2 {
	0% { -webkit-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px); opacity: 0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1;}
}



@media \0screen { /* IE8 웹폰트 설정*/
}

@media (min-width: 1921px) {
	.layout1760 {
		padding-left:160px;
		padding-right:160px;
	}

	#wrap #gnb .sns_header{
			right: 350px
	}
}


@media (max-width: 1600px) {
.gnb_ul > li a {
	font-size:16px;
}
}

@media (max-width: 1600px) {
	.layout1760 {
		max-width:100%;
		padding-left:80px;
		padding-right:80px;
	}
}

@media  (max-width: 1520px){
}

@media  (max-width: 1440px){
	
	/* footer new */
	.ft_logo {
		position:relative;
		top:0;
		margin-bottom:40px;
	}
	.foot_wrap .txt_wrap {
		padding-left:80px;
	}
	.foot_wrap .ft_txt {
		font-size:14px;
	}
	/* footer new end */
}

@media  (max-width: 1280px){

.none1280 {display:none;} 
.block1280 {display:block;}
.in-block1280 {display:inline-block;}

}

@media  (max-width: 1200px){
    #wrap #gnb .sns_header{
        width: 100%;
        top: 60px;
    }

	.sns_header_list{
		justify-content: end;
	}


}

@media  (max-width: 1024px){

.none1024 {display:none;} 
.block1024 {display:block;}
.in-block1024 {display:inline-block;}

.bxslider li {height:100vw;}

.gongZone_ad { padding:10% 0; font-size:16px;}

.footer_01 { width:130px;}
.footer_02 { width: calc(100% - 130px);width: -webkit-calc(100% - 130px);width: -moz-calc(100% - 130px);}
.footer_0201, .footer_0202, .footer_0203 { width:100%; padding:12px 0;}
.footer_area .footer_line { display:none;}

/* footer new */
.foot_wrap .txt_wrap>div {
	float:inherit;
	width:100%;
	margin-bottom:40px;
}
.foot_wrap .ft_tit {
	margin-bottom:20px;
}
.foot_wrap .txt_wrap_box3  {
	padding-bottom:0;
	margin-bottom:0px;
}
.txt_wrap_box3 .ft_copy {
	position:relative;
	bottom:auto;
	right:auto;
}
.google_translate {
	left:80px;
}
/* footer new end */

}

@media  (max-width: 769px){

.none768 {display:none;} 
.block768 {display:block;}
.in-block768 {display:inline-block;}

#header .logo { width:48px; left:20px; top:20px;}
#header > .btn_menu { right:20px; top:25px;}
#header > .btn_menu img { width:32px;}

.is-sticky .header_bg {height:60px;}
.is-sticky #header .logo { width:36px; left:15px; top:12px; }
.is-sticky #header .btn_menu { right:15px; top:15px;}
.is-sticky .btn_menu.btn_menu01 { right:23px; top:23px; }
.is-sticky .btn_menu.btn_menu01 img {width:50px; }

/* 2021 new  */
#header_new .logo_new, #header_new .logo_new .logo {width:45px; left:15px; top:8px; }
#gnb.gnb_wrap { width:auto; right:0; left:auto; top:21px;}
.gnb_ul > li {margin-right:20px; }
.gnb_ul > li:last-child {margin-right:15px;}
.gnb_ul > li a {  font-size:12px; }

#wrap.sub #header_new .header_bg {height:35px;}
#wrap.sub #header_new .logo_new .logo { width:30px; top:2px; left:10px;}
#wrap.sub .gnb_ul > li a {  font-size:12px; color:#000; }
#wrap.sub #gnb.gnb_wrap {top:6px; }

.is-sticky #header_new .logo_new .logo { width:30px; top:2px; left:10px;}
.is-sticky #gnb.gnb_wrap {top:6px; left:auto; right:0;}
.is-sticky .gnb_ul > li a {  font-size:12px; }
.is-sticky #header_new .header_bg {height:30px;}

.layout1760 {
	padding-left:20px;
	padding-right:20px;
}

/* ADD CSS */

#wrap #gnb .sns_header{
    font-size: 12px;
    top: 35px;
}
.sns_header{
    width: 100%;
    right: unset;
    left: 0;
}

.sns_header_item{
    padding: 0 10px;
}

.sns_header_list{
	padding-right: 5px;
}





/* 2021 new end */

.btn_arrow {width:32px; height:32px; right:12px; bottom:12px; background-size:32px 32px; z-index: 1000;}
.btn_arrow a.btn_up { display:block; padding:7px 0 0;}
.btn_arrow a.btn_down { display:block; padding:1px 0 0;}
.btn_arrow a.btn_down:hover, .btn_arrow a.btn_down:focus { padding:3px 0 0;}
.btn_down img { vertical-align:center;}

.gongZone_ad dt { font-size:2em;margin-bottom:15px;}
.gongZone_ad dd { font-size:1.1em;}
.gongZone_ad .btn { margin-top:5%; }

.footer_01 { width:66px;}
.footer_01 img { width:48px;} 
.footer_02 { width: calc(100% - 66px);width: calc(-webkit-100% - 66px);width: -moz-calc(100% - 66px);}
.footer_0201, .footer_0202, .footer_0203 { width:100%; padding:0 0 12px; font-size:12px !important; line-height:16px !important;}
.footer_0203 { padding:0;}

}

@media  (max-width: 595px){
.m_multi_preview { width:40%;}
.m_multi_preview a { font-size: 11px; line-height: 13px; margin-top:10px; padding: 10px 10px;  transition: all 0.15s ease-in-out 0s; }
.m_multi_preview:hover { margin-left:10px;}
}

@media  (max-width: 560px){

.none560 {display:none;} 
.block560 {display:block;}
.in-block560 {display:inline-block;}


.layout1760 {
	padding-left:10px;
	padding-right:10px;
}

/* footer new */
.ft_logo img {
	width:45px;
}
.ft_logo {
	left:10px;
	margin-bottom:20px;
}
.foot_wrap .txt_wrap>div {
	margin-bottom:30px;
}
.foot_wrap .txt_wrap {
	padding-left:10px;
}
.foot_wrap .ft_tit {
	margin-bottom:10px;
	font-size:16px;
}
.foot_wrap .ft_txt {
	font-size:12px;
	margin-bottom:5px;
}
.foot_wrap .ft_txt.call a {
	font-size:14px;
}
.txt_wrap_box1 span {
	padding-right:10px;
}
.txt_wrap_box3 a {
	font-size:10px;
}
.google_translate {
	left:10px;
	bottom:15px;
}

/* footer new end */

/* ADD CSS */

.side_content_wrapper{
	right: 0;
	top:unset;
	bottom: 0;
	z-index: 999;
}

.question-item{
	top:unset;
	bottom: 46px;
	width: 144px;
	height: 45px;
	z-index: 999;
}

.question-item p{
	transform: rotate(0deg);
	position: unset;
	width: unset;
	height: unset;
}	

.side_list{
	width: 126px;
	top: unset;
	bottom: 95px;
	right: 0;
	transform : translateY(30%);
}
.side_content_wrapper.out{
	visibility: hidden;
}

.side_content_wrapper.out .side_list{
	visibility: hidden;
	transition: unset;
}

.side_content_wrapper.on .side_list{
	visibility: visible;
	background: rgba(102,102,102, 0.6)
}



}

@media  (max-width: 480px){

.none480 {display:none;} 
.block480 {display:block;}
.in-block480 {display:inline-block;}

.gongZone_ad dt { font-size:1.6em;margin-bottom:3.5%;}
.gongZone_ad dd { font-size:1em;}
.gongZone_ad .btn { margin-top:5%; font-size:1em; }
.gongZone_ad .btn a { padding:12px 50px;}
.gongZone_ad .btn a:hover, .gongZone_02 .btn a:focus { padding:12px 46px 12px 54px;}


}


@media  (max-width: 380px){

.none380 {display:none;} 
.block380 {display:block;}
.in-block380 {display:inline-block;}	
}

@media  (max-width: 320px){

/* 2021 new */
.gnb_ul > li {margin-right:10px; }
.gnb_ul > li:last-child {margin-right:10px;}
.gnb_ul > li a {  font-size:12px; }

#header_new .logo_new, #header_new .logo_new .logo {width:35px; left:10px; top:6px; }
#gnb.gnb_wrap {top:15px;}

.is-sticky #header_new .logo_new .logo { width:35px; top:6px; left:10px;}
.is-sticky #gnb.gnb_wrap {top:15px;}
.is-sticky #header_new .header_bg {height:45px;}

/* 2021 new end  */

}

@media  (max-width: 280px){

/* 2021 new */
.gnb_ul > li a {  font-size:10px; }

/* 2021 new end  */

}


.priceArea .price_app02{
	/* display: none; */
}