@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Flamenco:300');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Gurajada');
/*@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css');*/

/*@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: "NanumSquare";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumSquareR.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumSquareR.woff") format("woff"), url("./fonts/NanumSquareR.ttf") format("truetype");
}*/

@font-face {
  font-family: 'Social-Shapes';
    src:  url('./fonts/Social-Shapes.ttf.woff') format('woff'),
    url('./fonts/Social-Shapes.ttf.svg#Social-Shapes') format('svg'),
    url('./fonts/Social-Shapes.ttf.eot'),
    url('./fonts/Social-Shapes.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    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",'Noto Sans KR', "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: "Open Sans",'Noto Sans KR', "NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; width:100%; font-size:13px;color:#666; background:#eaeaea; line-height:1.5em; }
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#333;}
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%; height:auto !important; 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; }
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.vt {vertical-align:top;}
.mb0 { margin-bottom:0 !important;}
.mb3 { margin-bottom:3px !important;}
.mb20 { margin-bottom:20px !important;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.boxShadow {-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}


.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; }
.transAll03_ease {-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;}
.transAll02_ease {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.scale01 {-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;}
.scale01:hover, .scale01:focus {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}


.strongColor01 { color:#021e2f;}

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

#HTTP_MSN_cert_layer { top:-100px !important;}

#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:#333;}
#skip.on{top:0;}
.sticky-wrapper { position:absolute; width:100%; z-index:30; }

#header {position:relative; opacity:0; filter: alpha(opacity=0;);}
.logo { position:relative; float:left; margin:40px 0 0 40px; -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; }
.logo a { display:block;}
.logo img { vertical-align:top; position:absolute; left:0; top:0; -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; }
.logo01 { z-index:2;}
.logo02 { opacity:0; filter: alpha(opacity=0;); z-index:1; }

.btn_nav { position:absolute; width:34px; height:46px; margin:1px; right:30px; top:45px;-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; z-index:21;}
.btn_nav .line {position: absolute; display: block; width:26px; height:22px; right:4px; top:0; }
.btn_nav .line span {position: absolute; display: block; width:24px; height:3px; left:50%;  background: #fff; transform: translate(-50%, 0px);-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;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); }
.btn_nav .text { position:absolute; width:100%; left:0%; bottom:0;font-family: 'Droid Serif', serif; font-size:0.9em; letter-spacing:0.02em; font-style:italic; color:#fff; text-align:center; -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; -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);  }

.btn_nav .line01 { top:2px; }
.btn_nav .line02 { top:calc(50% - 2px); margin-left:5px; }
.btn_nav .line03 { bottom:2px; }

.btn_nav.open_nav .line01 {transform: translate(-50%, 7.5px) rotate(45deg); -ms-transform: translate(-50%, 7.5px) rotate(45deg); -webkit-transform: translate(-50%, 7.5px) rotate(45deg);}
.btn_nav.open_nav .line02 {opacity:0; filter: alpha(opacity=0;); }
/*.btn_nav.open_nav .text {opacity:0.5; filter: alpha(opacity=50;); }*/
.btn_nav.open_nav .line03 {transform: translate(-50%, -7.5px) rotate(-45deg); -ms-transform: translate(-50%, -7.5px) rotate(-45deg); -webkit-transform: translate(-50%, -7.5px) rotate(-45deg); }

.gnbArea { position:absolute; width:100%; height:110px; left:0; top:-120px; background:url(../images/common/gnbArea_bg.png); text-align:center; padding:40px 0 0; -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;}
.gnb { display:inline-block; margin:0 auto;}
.gnb > li { float:left; margin:0 20px; -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;}
.gnb > li a.depth1 { position:relative; display:inline-block; font-family: 'Josefin Sans', sans-serif; font-size:1.12em; line-height:1.8em; color:#fff; font-weight:; }
.gnb > li .depth1_mobile { display:none;}
.gnb > li a.depth1 span, .gnb > li .depth1_mobile span {font-family: 'Michroma', sans-serif; font-size:0.5em; opacity:0; filter: alpha(opacity=0;);-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; }
.gnb > li .depth1_mobile span { line-height:1.5em; vertical-align:middle; margin-bottom:8px;}
.gnb > li.this a.depth1 span, .gnb > li a.depth1:hover span, .gnb > li a.depth1:focus span, .gnb > li:hover a.depth1 span, 
.gnb > li.this .depth1_mobile span, .gnb > li:hover .depth1_mobile span{opacity:1; filter: alpha(opacity=100;);}

.gnb_sub { position:absolute; display:none; /*-webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;*/  /* overflow:hidden; opacity:0; filter: alpha(opacity=0;); visibility:hidden; */}
.gnb_sub:after { content:"";display:block;clear:both;}
/*.this .gnb_sub, .gnb li:hover .gnb_sub, .gnb li:focus .gnb_sub { opacity:1; filter: alpha(opacity=100;); visibility: visible; }
.gnb li.this .gnb_sub { display:block; }*/
.gnb_sub li { float:left; margin-right:12px; }
.gnb_sub li a { font-size:13px; line-height:1.8em; color:#fff;}
.gnb_sub li.this a { font-weight:700; }
.gnb_sub li a:hover, .gnb_sub li a:focus { text-decoration:underline;}

.is-sticky .logo, .logo { margin:30px 0 0 20px;}
.is-sticky .logo img, .logo img { width:130px;}
.is-sticky .btn_nav, .btn_nav { right:20px; top:18px;}
.is-sticky .gnbArea, .gnbArea { height:80px; padding:25px 0;}

.open_nav .logo01 { opacity:0; filter: alpha(opacity=0;); z-index:2;}
.open_nav .logo02 { opacity:1; filter: alpha(opacity=100;); z-index:1; }
.open_nav .gnbArea { top:0;}

@media  (max-width: 1480px){
.gnb { padding-left:10%;}

}
.lSSlideOuter { position:relative; z-index:1;}
.lightSlider { z-index:1;}
.lightslider li { background-position:center center !important; background-repeat:no-repeat; background-size:cover !important; }
.lightslider li img { width:100%; vertical-align:top;}
/*.lSAction a { float:left; display:block; width:82px; height:84px; cursor:pointer; opacity:0.5; filter: alpha(opacity=50;);
-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;}
.lSAction a:hover, .lSAction a:focus {opacity:0.8; filter: alpha(opacity=80;);}
.lSAction a.lSNext { background-position:-82px 0;}*/

/* footer */
#footer { position:relative; padding:4.5em 0 3em; text-align:center; background:#eaeaea; z-index:6; }
.footer_tel {font-family: 'Montserrat', sans-serif; font-size:1.95em; line-height:1.8em; color:#30373f; font-weight:500; letter-spacing:0.08em; margin-bottom:1em;}
.footer_01 { color:#7a7a7a; line-height:1.6em;}
.footer_01 span { display:inline-block; margin:0.5em;}
.footer_02 { font-size:0.95em; color:#4d4d4d; font-weight:600; letter-spacing:-0.02em; text-transform:uppercase; margin-bottom:2em;}
.footer_link { font-size:0.95em; color:#4d4d4d; font-weight:600; letter-spacing:-0.02em; text-transform:uppercase;  }
.footer_link span { display:inline-block; margin:0 0.8em; opacity:0.5;}
.footer_link a { color:#4d4d4d; }
#footer .btn_top { position:absolute; display:block; right:0; bottom:0; font-size:3em; line-height:1em; color:#fff; padding:0 2.5em; background:#868686; -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;}
#footer .btn_top:hover, #footer .btn_top:focus { line-height:1.4em; background:#565656;}

.sub #footer { padding-bottom:5em;}
.sub #footer .btn_top { bottom:40px;}

.btn_reser { position:relative; width:160px; padding:0 20px; background:#343434; text-align:center; display:inline-block;font-family: 'Gurajada', serif; letter-spacing:1px; font-size:1.6em; color:#fff; line-height:40px;-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; z-index:2; }
.btn_reser:hover, .btn_reser:focus { ; padding:0 15px; background:#111;}
.btn_reser i {display:inline-block; margin-right:10px; vertical-align:middle; -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;}
.btn_reser:hover i, .btn_reser:focus i { margin-right:15px; }

.btn_reser02 { position:absolute; display:block; width:160px; height:80px; text-align:center; padding:15px 20px 0; right:78px; top:0; border:0;  font-family: 'Droid Serif', serif; font-size:1.1em; color:#fff; font-style:italic; line-height:20px;-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; z-index:10; }
.btn_reser02:hover, .btn_reser02:focus {  background:#111; padding-top:20px; }
.btn_reser02 i {display:block; line-height:0.9em; margin-bottom:8px; -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;}
.btn_reser02:hover i, .btn_reser02:focus i {  }
.open_nav .btn_reser02 {border-right:1px solid rgba(255,255,255,0.3); border-left:1px solid rgba(255,255,255,0.3);}


.btn_view { display:inline-block; font-family: 'Heebo', sans-serif; color:#4c4c4c; padding:1em 3em; border:1px solid #b8b8b8; letter-spacing:0.1em; font-weight:700; -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;}
.btn_view:hover, .btn_view:focus { padding:1em 4em; background:#343434; color:#fff; }

/*.frame_check { position:absolute; width:320px; height:300px; left:160px; bottom:0; overflow: visible; z-index:1;}*/

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

@media  (max-width: 1280px){

}

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

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


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

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

@media  (max-width: 1280px){

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

}

@media  (max-width: 1024px){

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


} 

@media  (max-width: 768px){

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

}

@media  (max-width: 560px){

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

}

@media  (max-width: 480px){

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

}


@media  (max-width: 380px){

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