@charset "utf-8";


/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype'); } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype') } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype'); } .nanumbarungothic * { font-family: 'NanumBarunGothic', sans-serif; }
@font-face { font-family: 'GyeonggiBatang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'THEJung140A'; src: url('/font/THEJung140A.eot'); src: url('/font/THEJung140A.eot?#iefix') format('embedded-opentype'), url('/font/THEJung140A.ttf') format('truetype'), url('/font/THEJung140A.woff') format('woff'), url('/font/THEJung140A.woff2') format('woff2'); font-weight: normal; font-style: normal;}



/*==========================================================================
Base
==========================================================================*/
*,
*:after,
*:before {	margin: 0;	padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}


/** { -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.1) 0 0 0.45px; -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);text-shadow: rgba(0,0,0,.01) 0 0 0.45px;  -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}*/

* { font-smoothing: antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* word-break: break-all; word-wrap: break-word; */
html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all; word-break:break-word; -webkit-text-size-adjust:none; }
body{font-family:'Nanum Gothic', 'Dotum', 'µ¸¿ò', sans-serif;font-size:14px;color:#676767;line-height:auto;font-weight:normal; padding:0px;margin:0px;letter-spacing:-.025em; word-break:keep-all;}
html, body {width:100%;/*height:100%;*/}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; }
table { font-size:inherit; border-collapse:separate /*collapse*/; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all;font-weight:normal }
fieldset, iframe { border:0; vertical-align:top; }
small { font-size:12px; color:#666; }
img { border:0; font-size:0; vertical-align:top; }
address,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
li, dd { list-style:none; word-break:keep-all; word-break:break-word; }
hr { display:none; }
caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; }
legend {  overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; }
button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none;}



a, a code { color:#5c5c5c; text-decoration:none;  /*¸¶¿ì½º¿À¹ö½Ã ÀÚ¿¬½º·´°Ô*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease; }
a:active, a:active code { text-decoration:none;  /*¸¶¿ì½º¿À¹ö½Ã ÀÚ¿¬½º·´°Ô*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease; }
a:hover, a:hover code, a:focus, a:focus code { text-decoration:none; /*¸¶¿ì½º¿À¹ö½Ã ÀÚ¿¬½º·´°Ô*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease;  }
sup,sub { font-size:0.9em; font-style:italic; }
checkbox { vertical-align:middle}
a {outline:none; select-dummy: expression(this.hideFocus=true);cursor:pointer}
.hand {cursor:pointer}


/* µå·¡±× ºí·Ï »ö»ó */
::selection {background:rgba(0,0,0,0.8); color:#fff;}
::-moz-selection {background:rgba(0,0,0,0.8); color:#fff;}
::-webkit-selection {background:rgba(0,0,0,0.8); color:#fff;}

html.no-scroll {position:fixed; top:0; left:0;}

#Wrap {font-family:'Nanum Gothic', 'Dotum', 'µ¸¿ò'}
.s-inner {width:96%; max-width:1200px; margin-left:auto; margin-right:auto;}

@media all and (max-width:976px) {
	#Wrap { font-size: 15px; }
}

@media all and (max-width:767px) {
	#Wrap { font-size: 14px; }
}

@media screen and (max-width:480px) {
	#Wrap { font-size: 13px; }
}

/* header */
#headerWrap {width:96%; max-width:1200px; height:70px; margin:0 auto; background:#fff;}
#headerWrap h1 {float:left; margin-top:10px;}
#headerWrap > div {float:right;}

#nav {float:left;}
#nav > ul > li {float:left; text-align:center; position:relative;}
#nav > ul > li > a {padding:0 30px; font-size:18px; color:#262e47; line-height:70px; font-family:'NanumBarunGothic'}
#nav > ul > li:hover > a {color:#3c56a5;}
#nav > ul > li > div {display:none; position:absolute; top:55px; left:-10%; width:120%; background:#2b3046; padding:20px 0;}
#nav > ul > li > div ul li {margin:15px 0;}
#nav > ul > li > div ul li a {font-size:14px; color:#fff; opacity:0.7; font-family:'NanumBarunGothic'}
#nav > ul > li > div ul li a:hover {opacity:1}

/*#nav > ul > li.40 > a {color:#3c56a5 !important; font-weight:bold !important;}*/
#nav.sub1 > ul > li:nth-child(1) > a,
#nav.sub2 > ul > li:nth-child(2) > a,
#nav.sub3 > ul > li:nth-child(3) > a,
#nav.sub4 > ul > li:nth-child(4) > a {color:#3c56a5;}

#headerWrap > div > .t-util {float:left; overflow:hidden; margin:0 30px;}
#headerWrap > div > .t-util li:first-child:before {content:''; display:inline-block; width:1px; height:16px; background:#b6b6b6; vertical-align:middle;}
#headerWrap > div > .t-util li {float:left;}
#headerWrap > div > .t-util li a {font-size:14px; color:#666; line-height:70px; margin-left:20px;}
#headerWrap > div > .t-util li a:hover {text-decoration:underline}


#menu_toggle {width:21px; height:19px; position:relative; float:left; margin-top:27px; cursor:pointer; z-index:1000; transition:right 1s linear 2s}
#menu_toggle span {display:block; width:100%; height:3px; background:#1f2842; position:absolute; left:0; transition:all 0.5s}
#menu_toggle span.t {top:0}
#menu_toggle span.m {top:50%; margin-top:-1.5px;}
#menu_toggle span.b {bottom:0;}

#menu_toggle.on span {background:#fff}
#menu_toggle.on span.t {transform:translateY(8px) rotate(45deg); -webkit-transform:translateY(8px) rotate(45deg);}
#menu_toggle.on span.m {width:0;}
#menu_toggle.on span.b {transform:translateY(-8px) rotate(-45deg); -webkit-transform:translateY(-8px) rotate(-45deg);}

#all_nav {position:fixed; top:-105%; left:0; width:100%; height:100vh; background:#222; z-index:999; display:table; transition:top 1.2s ease}
#all_nav > ul {display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; font-size:0;}
#all_nav > ul > li {display:inline-block; vertical-align:top; width:15%;}
#all_nav > ul > li > a {font-size:20px; color:#fff; font-family:'NanumBarunGothic'}
#all_nav > ul > li ul {margin-top:20px;}
#all_nav > ul > li ul li {margin:10px 0;}
#all_nav > ul > li ul li a {display:inline-block; font-size:15px; color:#fff; opacity:0.7; line-height:1.5em; position:relative; padding-bottom:5px;}
#all_nav > ul > li ul li a:after {content:''; display:block; width:0; height:1px; background:#fff; transition:all 0.5s}
#all_nav > ul > li ul li:hover a {opacity:1;}
#all_nav > ul > li ul li a:hover:after {width:100%}

#all_nav .t-util {display:none; width:calc(100% - 55px); box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.3)}
#all_nav .t-util ul {width:100%; overflow:hidden; }
#all_nav .t-util ul li {float:left; width:50%; text-align:center; position:relative;}
#all_nav .t-util ul li:first-child:after {content:''; display:inline-block; width:1px; height:10px; background:#fff; opacity:0.3; position:absolute; right:0; top:50%; margin-top:-5px;}
#all_nav .t-util ul li a {font-size:1em; color:#d1b6a8; line-height:55px; font-family:'NanumBarunGothic'}

#menu_toggle.on + #all_nav {top:0}

@media screen and (max-width:1024px){
	#headerWrap {height:60px;}
	#headerWrap h1 {}
	#headerWrap h1 img {height:38px;}
	#nav {display:none;}

	#headerWrap > div > .t-util {display:none;}

	#menu_toggle {margin-top:20px;}

	#all_nav {top:0; width:300px; left:auto; right:-300px; display:block;}
	#all_nav > ul {display:block; text-align:left; border-top:1px solid rgba(255,255,255,0.3)}
	#all_nav > ul > li {display:block; width:100%;}
	#all_nav > ul > li > a {display:block; width:100%; font-size:16px; line-height:50px; border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box; padding-left:15px;}
	#all_nav > ul > li ul {margin-top:0; display:none;}
	#all_nav > ul > li ul li {padding:0; margin:0}
	#all_nav > ul > li ul li a {display:block; width:100%; font-size:14px; line-height:45px; border-bottom:1px solid rgba(255,255,255,0.2); background:#373737; box-sizing:border-box; padding-left:15px;}
	#all_nav > ul > li ul li a:hover:after {width:0}
	#all_nav .t-util {display:block;}

	#menu_toggle.on + #all_nav {right:0}
}

@media screen and (max-width:650px){
	
	#menu_toggle.on {right:5px;}	
}

/* footer */
.footer_slide {width:1200px; margin:0 auto; position:relative;}
.f_imgSlide {overflow:hidden;}
.footer_slide .swiper-slide img {width:100%;}
.footer_slide .swiper-button-next, .footer_slide .swiper-button-prev {width:40px; height:40px; margin-top:-20px; border-radius:50%;}
.footer_slide .swiper-button-next {background:#fff url(/images/footer_slide_next.png) no-repeat center center; right:-60px}
.footer_slide .swiper-button-prev {background:#fff url(/images/footer_slide_prev.png) no-repeat center center; left:-60px;}
.footer_slide .swiper-button-next:after, .footer_slide .swiper-button-prev:after {display:none;}

.footer {width:96%; max-width:1200px; margin:100px auto 50px; overflow:hidden;}
.footer > div {float:left; border-top:1px solid #262e47; padding-top:20px;}
.footer > div ul li {font-size:14px; color:#666; line-height:1.8em; opacity:0.7}
.footer > div ul li a:hover {text-decoration:underline;}
.footer .f-info {width:46%;}
.footer .f-member {width:280px; margin:0 30px;}
.footer .f-util {width:280px;}

#footerWrap {background:#f6f6f6;padding-top:80px;}
#footerWrap .copy {font-size:13px; color:#fff; text-align:center; background:#262e47; line-height:50px;}

@media screen and (max-width:1399px){
	.footer_slide .swiper-button-next, .footer_slide .swiper-button-prev {opacity:0.8}
	.footer_slide .swiper-button-next:hover, .footer_slide .swiper-button-prev:hover {opacity:1}
	.footer_slide .swiper-button-next {right:10px}
	.footer_slide .swiper-button-prev {left:10px;}
}

@media screen and (max-width:1199px){
	.footer_slide {width:96%; overflow:hidden;}

	.footer {margin:70px auto 40px;}
	.footer > div ul li {font-size:0.8em;}
	.footer .f-info {width:47%}
	.footer .f-member {width:23.5%; margin:0 3%;}
	.footer .f-util {width:23.5%}
}

@media screen and (max-width:650px){
	.footer_slide .swiper-button-next, .footer_slide .swiper-button-prev {width:25px; height:25px; background-size:cover !important; opacity:1; margin-top:-12.5px}

	#footerWrap .copy {font-size:11px; line-height:40px;}

	.footer {margin:10% auto 6%}
	.footer > div {padding-top:2.5%}
}

#pagepiling {width:100%; height:100vh; overflow:hidden; position:relative;}


/* main */
.section {width:100%; height:100vh; position:relative; display:table; overflow:hidden;}
.section .img {position:absolute; left:0; top:0; width:100%; height:100vh; overflow:hidden;}
.section .img:before {content:''; display:block ;width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0;
-ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition:transform 5000ms  ease-in-out ; -moz-transition:transform 5000ms ease-in-out ; -o-transition:transform 5000ms ease-in-out; -ms-transition:transform 5000ms ease-in-out; transition:transform 5000ms ease-in-out ;}
.section.active .img:before {-ms-transform: scale(1.0,1.0) rotate(0.0001deg); -o-transform: scale(1.0,1.0) rotate(0.0001deg); -moz-transform: scale(1.0,1.0) rotate(0.0001deg); -webkit-transform: scale(1.0,1.0) rotate(0.0001deg); transform: scale(1.0,1.0) rotate(0.0001deg);}
.section:after {content:''; display:block; width:100%; height:100%; background:url(/images/m_sectionBG.png) repeat center center; position:absolute; top:0; left:0; z-index:2}


.section .next_section {position:absolute; bottom:110px; left:50%; margin-left:-17.5px;}

.section div.txt {display:table-cell; text-align:center; vertical-align:middle; color:#fff; box-sizing:border-box; padding:0 7%; position:relative; z-index:5}
.section div.txt h2 {font-size:64px; font-family:'THEJung140A', serif; letter-spacing:-0.06em; font-weight:400; margin-top:30px; /*transition:all 0.5s linear 1s; transform:translateY(-50px); opacity:0*/}
.section div.txt h2:after {content:''; display:block; width:230px; height:1px; background:#fff; opacity:0.5; margin:50px auto; /*transition:all 0.5s linear 1.5s;*/}
.section div.txt .t1 {font-size:18px; letter-spacing:0.1em; /*text-transform:uppercase; transition:all 0.5s linear 0.5s; transform:translateY(-50px); opacity:0*/}
.section div.txt .t2 {font-size:16px; line-height:1.7em; opacity:0.7; /*transition:all 0.5s linear 2s; transform:translateY(50px); opacity:0*/}
.section div.txt .more {display:block; width:240px; box-sizing:border-box; font-size:16px; color:#fff; line-height:53px; border:1px solid #fff; background:rgba(255,255,255,0.1); margin:50px auto 0; position:relative; transition:opacity 0.5s linear 2.5s; opacity:1}
.section div.txt .more span {position:relative; z-index:10}
.section div.txt .more:before {content:''; display:block; width:0; height:100%; transition:all 0.5s; position:absolute; left:0; top:0; background:#fff;}
.section div.txt .more:hover {color:#262e47;}
.section div.txt .more:hover:before {width:100%}
/*
.section.active div.txt h2 {transform:translateY(0); opacity:1}
.section.active div.txt h2:after {width:230px; opacity:0.5}
.section.active div.txt .t1 {transform:translateY(0); opacity:1}
.section.active div.txt .t2 {transform:translateY(0); opacity:0.7}
.section.active div.txt .more {opacity:1}
*/
#m_section1 .img:before {background-image:url(/images/m_section1BG.jpg);}
#m_section1 > div h2 span {color:#b0bbe8;}

#m_section2 .img:before {background-image:url(/images/m_section2BG.jpg);}
#m_section2 > div h2 span {color:#d1d1a8;}
/*#m_section2 > div.txt  {color:#222; position:relative;}
#m_section2 > div.txt:before {content:''; display:block; width:1000px; height:560px; background:rgba(255,255,255,0.8); position:absolute; top:50vh; left:50%; margin-top:-280px; margin-left:-500px;}
#m_section2 > div h2 {color:#444}
#m_section2 > div h2:after {background:#000}
#m_section2 > div .more {border-color:#262e47; color:#262e47;}
#m_section2 > div .more:before {background:#262e47}
#m_section2 > div .more:hover {color:#fff}*/

#m_section3 .img:before {background-image:url(/images/m_section3BG.jpg);}
#m_section3 > div h2 span {color:#d1b6a8;}

@media screen and (max-width:1280px){
	.section .next_section {bottom:40px;}
}


@media screen and (max-width:1024px){
	.section .next_section {bottom:20px; margin-left:-12.5px;}
	.section .next_section img {width:25px; }

	.section div.txt h2 {font-size:3.4em;}
	.section div.txt .t1 {font-size:1.15em;}
	.section div.txt .t2 {font-size:1em;}
	.section div.txt .more {font-size:1em;}

	#m_section2 > div.txt:before {width:92%; height:500px; left:4%; margin-left:0; margin-top:-250px;}
}
@media screen and (max-width:768px){
	#m_section3 > div h2 span {display:block;}
}
@media screen and (max-width:650px){
	.section div.txt h2 {font-size:2.5em; margin-top:4%}
	.section div.txt h2:after {margin:10% auto;}
	.section div.txt .t1 {font-size:1.1em;}
	.section div.txt .t2 {font-size:1em;}
	.section div.txt .t2 br {display:none;}
	.section div.txt .more {width:200px; line-height:48px; margin-top:9%}
	
	.section.active div.txt h2:after {width:130px;}
}
@media screen and (max-width:410px){
	#m_section1 > div h2 span, #m_section2 > div h2 span, #m_section3 > div h2 span  {display:block;}
}


/* sub */
#sVisu {width:100%; height:550px; display:table; overflow:hidden; position:relative;}
#sVisu .img {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
#sVisu .img:before {content:''; display:block; width:100%; height:100%;background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; top:0; left:0;
-ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition:transform 5000ms  ease-in-out ; -moz-transition:transform 5000ms ease-in-out ; -o-transition:transform 5000ms ease-in-out; -ms-transition:transform 5000ms ease-in-out; transition:transform 5000ms ease-in-out ;}
#sVisu > div.txt {display:table-cell; text-align:center; vertical-align:middle; position:relative; z-index:10; color:#fff; box-sizing:border-box; padding:0 3%;}
#sVisu > div.txt h2 {font-size:64px; font-family:'THEJung140A'; font-weight:400; margin:30px 0 40px; /*transition:all 0.5s linear 1s; transform:translateY(-50px); opacity:0*/}
#sVisu > div.txt h2 span.fc-01 {color:#b0bbe8;}
#sVisu > div.txt h2 span.fc-02 {color:#262e47;}
#sVisu > div.txt h2 span.fc-03 {color:#d1b6a8;}
#sVisu > div.txt .t1 {font-size:18px; letter-spacing:0.1em; /*text-transform:uppercase; transition:all 0.5s linear 0.5s; transform:translateY(-50px); opacity:0*/}
#sVisu > div.txt .t2 {font-size:16px; line-height:1.7em; opacity:0.7; /*transition:all 0.5s linear 1.5s; transform:translateY(50px); opacity:0*/}


/*#sVisu.on > div h2 {transform:translateY(0); opacity:1}
#sVisu.on > div .t1 {transform:translateY(0); opacity:1}
#sVisu.on > div .t2 {transform:translateY(0); opacity:0.7}*/
#sVisu.on .img:before {-ms-transform: scale(1.0,1.0) rotate(0.0001deg); -o-transform: scale(1.0,1.0) rotate(0.0001deg); -moz-transform: scale(1.0,1.0) rotate(0.0001deg); -webkit-transform: scale(1.0,1.0) rotate(0.0001deg); transform: scale(1.0,1.0) rotate(0.0001deg);}

.sVisu01 .img:before {background-image:url('/images/s_visual1.png')}
.sVisu02 .img:before {background-image:url('/images/s_visual2.png')}
.sVisu03 .img:before {background-image:url('/images/s_visual3.png')}
.sVisu04 .img:before {background-image:url('/images/s_visual4.png')}

@media screen and (max-width:1024px){
	#sVisu {height:450px;}
	#sVisu > div.txt h2 {font-size:3.4em;}
	#sVisu > div.txt .t1 {font-size:1.15em;}
	#sVisu > div.txt .t2 {font-size:1em;}
}

@media screen and (max-width:650px){
	#sVisu {height:320px;}
	#sVisu > div.txt h2 {font-size:2.3em; margin:4% 0 6%}
	#sVisu > div.txt .t1 {font-size:1.1em;}
	#sVisu > div.txt .t2 {font-size:0.95em;}
	#sVisu > div.txt .t2 br {display:none;}
}
@media screen and (max-width:410px){
	#sVisu > div.txt h2 {font-size:2em;}
}

/* sub_top */
.sub_top {position:relative; width:100%;margin: 0 auto; border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.smenu_50 {display:none;}
.sub_top .sub_top_in { position:relative; z-index:50; margin:0 auto; max-width: 1200px; }
.snb:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.snb>div { float:left; position:relative;}
.snb .home>a { display:block; width:50px; height:50px; text-align:center; font-size:0; background:url("/images/ico_home.png") no-repeat center; background-size: auto; border-right:1px solid #ddd}
.snb>.depth1_area, .snb>.depth2_area { width:220px;}
.snb .open_depth { display:block; position:relative; height:50px; line-height: 50px; padding:0 20px; border-right:1px solid #ddd;background-color:#fff; color:#777; font-size:14px; white-space:nowrap;}
.snb .open_depth.on { background-color:#f4f4f4; }
.snb .open_depth:after { content:""; display:block; width:11px; height:6px; position:absolute; top:50%; right:20px; margin-top:-3px; background:url(/images/sub_arrow.png) no-repeat center center;}
.snb .open_depth.on:after { content:""; transform:rotate(180deg)}
.snb .smenu { display:none; position:absolute; top:50px; left:0; width: calc( 100% + 1px); margin-left: -1px; border-top:1px solid #ddd;}
.snb .smenu>li>a { display:block; padding:0 5px 0 25px; border:1px solid #ddd; border-top:none; background-color:#f4f4f4; color:#444; font-size:14px; line-height:50px; }
.snb .smenu>li>a:hover { text-decoration:underline}


@media screen and (max-width:767px){
/* sub_top */
	.sub_top { height:52px; }
	.snb { padding-left:50px;}
	.snb .home { position:absolute; top:0; left:0; z-index:10;}
	.snb .home>a { width:50px; height:50px;}
	.snb .home>a:before { font-size:13px; line-height:13px;}
	.snb>.depth1_area, .snb>.depth2_area { width:50%;}
	.snb .depth2_area .open_depth {border-right:0;}
	.snb .open_depth { height:50px; line-height: 50px; padding:0px 12px; font-size:12px; overflow:hidden; text-overflow:ellipsis; }
	.snb .open_depth:after { /*top:13px;*/ right:6px; font-size:9px; line-height:50px;}
	.snb .open_depth.on:after {}
	.snb .smenu { top:50px;}
	.snb .smenu>li>a { padding:0 5px 0 7px; font-size:12px;}

}

#subContent {margin:80px 0 0;overflow: hidden;}
#subTitle {font-size:46px; color:#262e47; text-align:center; font-family:'THEJung140A'; font-weight:400; margin-bottom:50px;}
#subTitle:before {content:""; display:block; width:29px; height:22px; margin:0 auto 20px; background:url(/images/ico_subTitle.png) no-repeat center center;}

#pageCont {margin-bottom:80px;}
#pageCont .s-txt1 {font-size:16px; color:#666; letter-spacing:-0.05em; line-height:1.6em; text-align:center; box-sizing:border-box; padding:0 2%}
#pageCont .s-txt1 strong {color: #3c56a5; font-size: 18px;}
#pageCont .s-txt1 img {width:100%;max-width:1200px;}
#pageCont .s-txt2 {font-size:16px; color:#fff; letter-spacing:-0.05em; line-height:1.6em; text-align:center; box-sizing:border-box; padding:0 2%}


@media screen and (max-width:1024px){
	#subContent {margin:8% 0 0}
	#subTitle {font-size:2.6em; margin-bottom:5%;}
	#subTitle:before {width:22px; height:15px; background-size:contain; margin-bottom:2%}

	#pageCont .s-txt1 {font-size:1em;}
	#pageCont .s-txt2 {font-size:1em;}
}

@media screen and (max-width:650px){
	#subContent {margin:12% 0 0}
	#subTitle {font-size:2.1em; margin-bottom:6%}
	#subTitle:before {height:12px;}
	#pageCont .s-txt1 {padding:0 10%;}
	#pageCont .s-txt1 br.mo {display:none;}
	#pageCont .s-txt1 strong {font-size:15px;font-weight: normal;}
	#pageCont .s-txt2 {padding:0 10%;}
	#pageCont .s-txt2 br.mo {display:none;}
}


.intro01 .cont1 {margin-top:100px; position:relative; overflow:hidden; padding-bottom:125px;}
.intro01 .cont1:before {content:''; display:block; width:100%; height:100%; position:absolute; top:220px; left:0; background:#3c56a5; z-index:-1}
.intro01 .cont1 .s-txt2 {margin-top:100px;}
.intro01 .cont1 .s-txt2:after {content:''; display:block; width:230px; height:1px; background:rgba(255,255,255,0.5); margin:70px auto 80px;}

.intro01 .cont2 {width:96%; max-width:1200px; margin:75px auto 0; overflow:hidden;}
.intro01 .cont2 .tit {float:left; width:calc(100% - 820px); font-size:32px; color:#3c56a5; font-weight:400; font-family:'Nanum Gothic'; line-height:1em;}
.intro01 .cont2 .tit:before {content:''; display:inline-block; width:25px; height:20px; background:url(/images/ico_subTitle2.png) no-repeat center center; vertical-align:top; margin:0 20px 0 40px;}
.intro01 .cont2 dl {float:left; width:820px; overflow:hidden; position:relative; margin-top:5px;}
.intro01 .cont2 dl dt {float:left; width:80px; font-size:28px; color:#262e47; font-family:'THEJung140A'; font-weight:600; margin-bottom:50px;}
.intro01 .cont2 dl dt:last-of-type {margin-bottom:0}
.intro01 .cont2 dl dd {float:left; width:calc(100% - 80px); box-sizing:border-box; padding-left:25px; margin-bottom:50px; position:relative;}
.intro01 .cont2 dl dd:last-of-type {margin-bottom:0}
.intro01 .cont2 dl dd:before {content:''; display:block; width:1px; height:100%; position:absolute; top:0; left:5px; background:#98b0f6;}
.intro01 .cont2 dl dd p {width:100%; position:relative; box-sizing:border-box; padding-left:45px; font-size:15px; color:#666; line-height:2em; margin-bottom:30px;}
.intro01 .cont2 dl dd p:last-child {margin-bottom:0;}
.intro01 .cont2 dl dd p:before {content:''; display:block; width:9px; height:9px; box-sizing:border-box; border-radius:50%; border:1px solid #98b0f6; background:#fff; position:absolute; left:-23.5px; top:10px;}
.intro01 .cont2 dl dd p .month {display:block; width:45px; text-align:center; position:absolute; top:0; left:0; font-size:18px; color:#262e47;}
.intro01 .cont2 dl dd p:hover {background:#f3f3f3;}
.intro01 .cont2 dl dd p:hover:before {background:#98b0f6}

.intro01 .cont3 {width:96%; max-width:1200px; margin:100px auto 0;}
.intro01 .cont3 ul {width:100%; overflow:hidden; margin-bottom:1px;}
.intro01 .cont3 ul li {float:left; position:relative;}
.intro01 .cont3 ul li:before {content:''; display:block; width:1px; height:100%; background:#fff; position:absolute; right:0; top:0;}
.intro01 .cont3 ul li img {width:100%;}
.intro01 .cont3 ul.col3 li {width:33.33%; }
.intro01 .cont3 ul.col2 li:first-child {margin-right:1px;}

.intro01 .cont4 {width:96%; max-width:1200px; margin:100px auto 0;}
.intro01 .cont4 ul {overflow:hidden; width:70%;margin:0 auto 55px;}
.intro01 .cont4 ul li {display:block;float:left; width:33.3%;text-align:center;font-size:16px; color:#666;}
.intro01 .cont4 ul li i {margin-right:10px;}
.intro01 .cont4 .map {width:100%; height:660px;}

@media screen and (max-width:1199px){
	.intro01 .cont1 {margin-top:60px; padding-bottom:90px;}
	.intro01 .cont1 .s-txt2 {margin-top:60px}
	.intro01 .cont1 .s-txt2:after {margin:50px auto 55px;}

	.intro01 .cont2 .tit {width:calc(100% - 750px)}
	.intro01 .cont2 .tit:before {margin-left:0;}
	.intro01 .cont2 dl {width:750px;}

	.intro01 .cont3 ul.col3 li {width:calc(33.33% - 1px); margin:0 0.5px;}
	.intro01 .cont3 ul.col3 li:nth-child(2) {margin:0 0.5px;}
	.intro01 .cont3 ul.col2 li:first-child {width:calc(62.5% - 1px); margin:0 0.5px;}
	.intro01 .cont3 ul.col2 li:last-child {width:calc(37.5% - 1px); margin:0 0.5px;}
}

@media screen and (max-width:1024px){
	.intro01 .cont1:before {top:15vh}
	
	.intro01 .cont2 {margin-top:60px}
	.intro01 .cont2 .tit {float:none; width:100%; font-size:2em;}
	.intro01 .cont2 .tit:before {width:20px; background-position:center top; background-size:contain; margin-right:15px;}
	.intro01 .cont2 dl {float:none; width:100%; margin-top:3%}
	.intro01 .cont2 dl dt {font-size:1.8em;}
	.intro01 .cont2 dl dd p {font-size:1.05em;}
	.intro01 .cont2 dl dd p .month {font-size:1.15em;}

	.intro01 .cont3 {margin-top:60px;}

	.intro01 .cont4 {margin-top:60px;}
	.intro01 .cont4 ul {margin-bottom:40px;}
	.intro01 .cont4 ul li {width: 100%;font-size:1em; padding-top:5px; padding-bottom:5px; padding-left:20px;}
	.intro01 .cont4 .map {height:500px;}

}

@media screen and (max-width:650px){
	.intro01 .cont1 {margin-top:10%; padding-bottom:10%; padding-top:10%;}
	.intro01 .cont1:before {top:0;}
	.intro01 .cont1 .s-txt2 {margin-top:10%}
	.intro01 .cont1 .s-txt2:after {width:150px; margin:10% auto 10%}

	.intro01 .cont2 {width: 80%;margin-top:10%}
	.intro01 .cont2 dl {margin-top:10%}
	.intro01 .cont2 dl dt {width:65px;}
	.intro01 .cont2 dl dd {width:calc(100% - 65px); padding-left:10px;}
	.intro01 .cont2 dl dd p {font-size:1em; margin-bottom:20px;}
	.intro01 .cont2 dl dd p:before {left:-9px;}

	.intro01 .cont3 {margin-top:10%;}

	.intro01 .cont4 {margin-top:10%;}
	.intro01 .cont4 ul {margin-bottom:4%}
	.intro01 .cont4 ul li {float:none; margin-bottom:2%; margin-left:0;}
	.intro01 .cont4 .map {height:300px;}
}

/* 262e47 */
.imgList1 {width:950px; margin:0 auto; overflow:hidden;}
.imgList1 li {float:left; width:300px; margin-right:25px; position:relative;}
.imgList1 li:last-child {margin-right:0;}
.imgList1 li p {font-size:18px; color:#3c56a5; background:#fff; text-align:center; line-height:70px;}
.imgList1 li:before {content:''; display:block; width:0; height:3px; background:#262e47; position:absolute; top:0; left:0; transition:width 0.5s linear}
.imgList1 li:after {content:''; display:block; width:3px; height:0; background:#262e47; position:absolute; top:0; right:0; transition:height 0.5s linear}
.imgList1 li p:before {content:''; display:block; width:0; height:3px; background:#262e47; position:absolute; bottom:0; right:0; transition:width 0.5s linear}
.imgList1 li p:after {content:''; display:block; width:3px; height:0; background:#262e47; position:absolute; bottom:0; left:0; transition:height 0.5s linear}

.imgList1 li:hover:before {width:100%;}
.imgList1 li:hover:after {height:100%;}
.imgList1 li:hover p:before {width:100%;}
.imgList1 li:hover p:after {height:100%;}

.orderList1 {width:96%; max-width:1200px; overflow:hidden; margin:0 auto;}
.orderList1 > li {float:left; width:20%; text-align:center;}
.orderList1 > li p {font-size:16px; line-height:1.6em; color:#fff; letter-spacing:-0.05em; margin-top:30px;}

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

@media screen and (max-width:1024px){
	.imgList1 {width:95%;}
	.imgList1 li {width:calc(33.33% - 10px); margin-right:15px;}
	.imgList1 li img {width:100%;}
	.imgList1 li p {font-size:1.1em;; line-height:55px;}

	.orderList1 > li p {font-size:1em; margin-top:20px;}
}

@media screen and (max-width:650px){
	.imgList1 {font-size:0; text-align:center;}
	.imgList1 li {float:none; display:inline-block; width:32%; margin:0 0.5% 1%}
	.imgList1 li:last-child {margin-right:0.5%}
	.imgList1 li p {font-size:11px; line-height:40px;}

	.orderList1 {font-size:0; text-align:center;}
	.orderList1 > li {float:none; display:inline-block; width:33.33%; margin-bottom:5%;}
	.orderList1 > li img {width:60px}
	.orderList1 > li p {font-size:12px; margin-top:3%}

}

.rental {width:96%; max-width:1000px; margin:0 auto;}
.rental .t1 {font-size:18px; color:#555; line-height:1.7em; text-align:center;margin:55px 0 50px;}
.rental > div {padding-top:50px; overflow:hidden;}
.rental > div > div {float:left; width:50%; box-sizing:border-box;}
.rental .info {padding:65px 0 0 30px;}
.rental .info li {font-size:18px; color:#222; font-family:'S-CoreDream-5Medium'; margin-bottom:20px;}
.rental .info li i {font-size:25px; width:30px; text-align:center; vertical-align:middle; margin-right:15px;}
.rental .form {box-sizing:border-box; }
.rental .form dl {width:100%; overflow:hidden;}
.rental .form dl dt {float:left; width:140px; font-size:16px; color:#444; line-height:40px; box-sizing:border-box; clear:both; margin-bottom:20px;}
.rental .form dl dd {float:left; width:calc(100% - 140px); margin-bottom:20px;}
.rental .form dl dd input {display:block;margin-bottom: 10px;}
.rental .form dl .i_txt {display:block; width:100%; height:40px; border:0; border-radius:5px; background:#f3f3f3; box-sizing:border-box; padding:0 10px;}
.rental .form dl textarea {width:100%; height:100px; border:0; border-radius:5px; background:#f3f3f3; font-size:13px; box-sizing:border-box; padding:10px;}
.rental .form .check {width:100%; box-sizing:border-box; font-size:15px; color:#666;padding-left: 140px; }
.rental .form .check span {font-weight:bold; color:#222;}
.rental .form .check input[type='checkbox']{width: 15px !important; height: 15px !important; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance:none; outline: none; box-shadow: none; background:url(../images/section4_check.jpg) no-repeat; margin-right:5px; position:relative; top:1px;}
.rental .form .check input[type='checkbox']:checked{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance:none; box-shadow: none; background: url(../images/section4_check_on.jpg) no-repeat;}
.rental .form .button {display:block; width:210px; line-height:50px; border-radius:25px; border:0; margin:50px auto 0; background:#222; font-size:18px; color:#fff; font-weight:bold; font-family:'Nanum Gothic'}
.rental .form textarea.private  {border: 1px solid #ddd;width:100%; height:130px; background:#fff;border-radius:5px; font-size:12px; box-sizing:border-box; padding:10px;}
.rental .form .contact_danger {padding:16px;border:1px solid #ffc4a7;border-radius:10px;background:#f9e2d7;text-align:center;color: #c6602f; text-align: center; font-size: 14px; margin-top: 20px;}
#alertOk, #alertErr {display: none;}

@media screen and (max-width:1024px){
	.rental .t1 {font-size:16px; margin:25px 0 30px}
	.rental .info {padding:50px 0 0 20px}
	.rental .info li {font-size:16px;}
	.rental .form .button {width:190px; line-height:45px; border-radius:22.5px; font-size:16px;}
}

@media screen and (max-width:768px){
	.rental .t1 {font-size:13px; margin:15px 0 30px}
	.rental > div {box-sizing:border-box; padding:30px 6% 0;}
	.rental > div > div {float:none; width:100%;}
	.rental .info {padding:0;}
	.rental .info li {font-size:14px; margin-bottom:10px; text-align:center}
	.rental .info li i {font-size:20px; margin-right:7px}
	.rental .form {margin-top:0px; }
	.rental .form dl dt {font-size:13px;width:100px; margin-bottom:10px;}
	.rental .form dl dd {margin-bottom:10px;width: calc(100% - 100px);}	
	.rental .form .check {font-size:13px;padding-left: 100px;}
	.rental .form .button {width:160px; line-height:40px; border-radius:20px; font-size:14px; margin:40px auto 0;}
	.rental .form .contact_danger {font-size:12px;padding:12px;}
}


.sContact_spam {width:100%; display:flex; justify-content:end; align-items:center; margin-bottom:30px;}
.sContact_spam .tit {width:140px; font-size:1em; font-weight:500;}
.sContact_spam .number {float:none !important; width:70px !important; font-size:1.125em; font-weight:600; margin-right:10px;}
.sContact_spam .spam_text {width:80px; height:30px; background:#f8f9fc; border:1px solid #dcdcdc; border-radius:5px; padding:0 5px; font-size:1em;}

.stop-dragging {-ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}