@charset "utf-8";
@import "reset.css";
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');

body {background-color: #fff;font-family: 'NanumSquare', sans-serif; }	
input[type="password"] {font-family: 'dotum' !important}

.main-color {color:#17213e !important;}
.main-color2 {color:#ad6c21 !important;}
.sub-color {color:#efdbb9 !important}
.white-color {color:#fff !important}
.black-color {color:#2b2b2b !important}

.bg-main {background-color:#17213e;}
.bg-main2 {background-color:#ad6c21;}
.bg-sub {background-color:#efdbb9;}
.bg-sub2 {background-color:#f9e000;}

#page_wrap {max-width: 1920px;margin: 0px auto;position: relative;overflow: hidden; }
@media screen and (max-width:1280px){
	#page_wrap {width: 1260px;}
}


.main #header {width: 1620px;height: 70px; position: fixed; background-color:rgba(255, 255, 255, 1.0); top: 33px; left: 50%;transform:translateX(-50%); z-index: 999; overflow: hidden;transition: width .3s;box-shadow: 0px 0px 40px rgba(0,0,0,0.4); }
.main #page_wrap .hd_on {border-bottom: none; height:340px; transition: height .3s; }
.main .fx #header, .fp-viewing-1 #header, .fp-viewing-2 #header, .fp-viewing-3 #header, .fp-viewing-4 #header {box-shadow: 0px 5px 5px rgba(0,0,0,0.1);background-color: rgba(255, 255, 255, 1.0);top:0 !important;width:100%;}
.main #header span.bg {width: 1920px;height: 231px;display: block;visibility: hidden;opacity: 0;background-color:#fff;position: absolute;top: 70px;left: 0px;z-index:0;transition: all .2s;border-top:1px solid #d9d9d9;}
.main #page_wrap .hd_on span.bg {opacity: 1; transition: all .2s; visibility: visible; z-index: 2;}
.main #header .nav_wrap {width:100%; height: 70px; margin: 0px auto; position: relative; background: transparent;}
.fp-viewing-1 #header .nav,
.fp-viewing-2 #header .nav,
.fp-viewing-3 #header .nav,
.fp-viewing-4 #header .nav,
.fx .nav {margin-left:365px}


.nav_wrap .phone_num {display: block; position: absolute; top: 0; right: 0;}
.nav_wrap h1 { position: absolute; top: 0px; left: 40px;}
.nav_wrap h1 a { width:155px; height: 58px; display: block; background: url('../img/common/logo__.png') no-repeat 0% 50%;background-size:contain;	text-indent: -9999px;margin-right:70px;margin-top:7px}
.nav { width: 1100px;height: 70px;margin-left:220px;position: relative;}
.nav .nav_menu {float: left; position: relative; height: 100%; width: 157px; z-index: 5;}
.nav .nav_menu h3 {width: 100%;height: 70px;display: block;text-align:center;font-family:'NanumSquare', sans-serif;}
.nav .nav_menu h3 a {width: 100%;line-height:70px;font-size:18px;color:#000;font-weight:700;font-family:'NanumSquare', sans-serif; -webkit-transition: opacity 250ms ease-out; -moz-transition: opacity 250ms ease-out; -ms-transition: opacity 250ms ease-out; -o-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out;}
.nav .nav_menu h3 a:before {content: '';background-color: #ad6c21;width:0; height:3px; position: absolute;left: 50%;bottom:0;  -webkit-transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-ms-transition: all 250ms ease-out;-o-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.nav .nav_menu h3 a:hover:before, .nav .nav_menu h3 a.on:before {width: 100%;left:0;}
.nav .nav_menu h3 a:hover, .nav .nav_menu h3 a:focus, .nav .nav_menu h3 a.on { font-weight:700;animation: navOpc .4s;color:#ad6c21;}
.nav .nav_submenu { width: 157px;margin: 0px auto;padding-top: 20px;position: relative;	z-index: 4;}
.nav .nav_submenu li {width: 100%;height: 30px;	margin-bottom: 10px;display: block;	text-align:center;overflow: hidden;	position: relative;}
.nav .nav_submenu a {width: 100%;height: 30px;display: block;font-size:16px;font-weight:300;color:#666;position: relative;z-index: 4;transition:0.2s}
.nav .nav_submenu a:hover, .nav .nav_submenu a:focus { font-weight:700;color:#17213e;}

.main #content_wrap { width: 100%; 	position: relative;}

.fp-viewing-0 #content_wrap {transform:translate3d(0, 0, 0) !important}


@media screen and (max-width:1660px){
	.main #header { width: 96%; max-width: 1200px; min-width: 980px;}
	.nav { width: 1000px; width: -webkit-calc(100% - 250px); width: calc(100% - 250px);}
	.nav .nav_menu {width: 139px; width:14.27%;}
	.nav_wrap .phone_num {display: none;}
	.main .fx #header, .fp-viewing-1 #header, .fp-viewing-2 #header, .fp-viewing-3 #header, .fp-viewing-4 #header {width:100%; max-width: 100%}
	.main .fx #header .nav,
	.fp-viewing-1 #header .nav,
	.fp-viewing-2 #header .nav,
	.fp-viewing-3 #header .nav,
	.fp-viewing-4 #header .nav,
	.fx .nav {margin-left: 320px;width: -webkit-calc(100% - 340px); width: calc(100% - 340px);}
	.main .fx #header .nav .nav_menu,
	.fp-viewing-1 #header .nav .nav_menu,
	.fp-viewing-2 #header .nav .nav_menu,
	.fp-viewing-3 #header .nav .nav_menu,
	.fp-viewing-4 #header .nav .nav_menu {width:14.27%;}
}
@media screen and (max-width:1260px){
	.main #header { width: 1220px; max-width: 1220px; min-width: 980px;}
	.main .fx #header .nav,
	.fp-viewing-1 #header .nav,
	.fp-viewing-2 #header .nav,
	.fp-viewing-3 #header .nav,
	.fp-viewing-4 #header .nav,
	.fx .nav {margin-left: 270px;width: -webkit-calc(100% - 290px); width: calc(100% - 290px);}
}




/*============== ¸ÞÀÎ ½½¶óÀ̵å ===============*/
.visual_wrap2 { width :100%; margin: 0px auto; position: relative; box-sizing:border-box;}
.visual-slider2 {position: relative; z-index: 2; width: 100%; height: auto !important;}
.visual-slider2 .visual-item {position:relative;}
.visual-slider2 .visual-item .visual-img {width:100%;}
.visual-slider2 .visual-item .visual-img img{display:inline-block;transform: scale(1.2); opacity: 0;}
.visual-slider2 .visual-item.slick-active .visual-img img{ animation: visual_image 3s 0.25s forwards;}
@keyframes visual_image{
	0%{opacity: 0;transform: scale(1.2);}
	100%{opacity: 1;transform: scale(1);}
}


.visual-slider2 .visual-item .visual-txt {position:absolute;top:49%;left:69%;transform:translate(-50%,-50%);z-index:4;text-align:center}
.visual-slider2 .visual-item .visual-txt2 {position:absolute;top:39%;right:49%;transform:translate(-50%,-50%);z-index:4;text-align:center;}
.visual-slider2 .visual-item .main-txt {font-size:60px;line-height:1.05;color: transparent;}
.visual-slider2 .visual-item .mid-txt {font-size:55px;line-height:1.05;color: transparent;}
.visual-slider2 .visual-item .sub-txt {font-size:17px;box-sizing:border-box;word-break:keep-all;line-height:1.35;font-weight:700;opacity:0;}
.visual-slider2 .visual-item.slick-active .main-txt {animation: blurFadeInOut 1s ease-in forwards ;}
.visual-slider2 .visual-item.slick-active .mid-txt {animation: blurFadeInOut 1s ease-in forwards ;}
.visual-slider2 .visual-item.slick-active .sub-txt {animation:mainVisual_explain 2s forwards;}

@media screen and (max-width:1660px){
	.visual-slider2 .visual-item .visual-txt {left: 6%;right: auto; top: 28%;transform:translate(0,0);}
	.visual-slider2 .visual-item .visual-txt2 {left: 6%; right: auto; top: 28%;transform:translate(0,0);}
}


@keyframes blurFadeInOut {
	0% {opacity: 0;	transform: scale(1.3);}
	100%{opacity: 1;transform: scale(1);}
}
@keyframes mainVisual_explain{
	0%{letter-spacing: -30px;opacity:0;}
	50%{letter-spacing: -10px;opacity:0;}
	100%{letter-spacing: -1px;opacity:1;}
}

.visual_wrap .visual-control {display: flex;align-items: center;width: 100%;justify-content: flex-start;margin-bottom: 50px; position: absolute;left: 0;top: 62%;z-index: 2;}
.visual_wrap .visual-control .btn{ color:#fff;font-size: 0;cursor: pointer;transition: 0.5s all;vertical-align:middle;}
.visual_wrap .visual-control .btn:hover{opacity: 0.5;}
.visual_wrap .visual-control .btn.prev{background: url('../img/main/visual_prev.png') 0 0 no-repeat;width: 60px;height: 43px;margin-right:27px;border-right:1px solid #fff}
.visual_wrap .visual-control .btn.next{background: url('../img/main/visual_next.png') 0 0 no-repeat;width: 65px;height: 43px;}

.slick-dots {margin:0 auto;text-align:center; position:absolute; left:50%; bottom:45px; transform:translate(-50%,0)}
.slick-dots li {display:inline-block; width:26px;height:26px;border-radius:50%;background:transparent;border:1px solid #fff;position:relative;margin:0 15px}
.slick-dots li button {width:10px;height:12px;border-radius:50%;border:0;background:none;outline:0;font-size:0;text-indent:-99999px;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.slick-dots li.slick-active button {background:#fff;}

/*============== Äü¸Þ´º ===============*/
.quick_menu {position: fixed;width:140px;bottom: 50%;transform:translate(0,50%);right: 0;z-index: 10;}
.quick_menu a, .quick_menu div {width: 100%;height: 126.5px;display: block;float:right;position: relative;right: 0px;transition: all .2s ease-in;}
.quick_menu a span, .quick_menu div span {color:#fff;text-align:center;line-height:126.5px;width:100%;font-size:20px;}
.quick_menu a span.bar, .quick_menu div span.bar {background:#fff;width:27px;height:1px;left:50%;transform:translate(-50%,0);top:35px}
.quick_menu a span.bar2, .quick_menu div span.bar2 {background:#17213e;width:27px;height:1px;left:50%;transform:translate(-50%,0);top:35px}
.quick_menu a:hover, .quick_menu div:hover {width:320px;}
.quick_menu a p, .quick_menu div p {opacity:0;transition:0.4s;text-align:center;transform:translate(0,85px)}
.quick_menu a:hover p, .quick_menu div:hover p {opacity:1;}

@keyframes rotation {
	0%{transform:rotate(-180deg);}
	100%{transform:rotate(0deg);}
}


.quick_menu .quick03 b {color:#17213e;border-color:#17213e;}
.quick_menu .quick01 span, .quick_menu .quick02 span, .quick_menu .quick03 span {  position:absolute; }
.quick_menu .quick03 span {color:#17213e}
.quick_menu button {border:1px solid #2b2b2b; border-radius:50px; cursor:pointer}


/*=============== ¸ÞÀÎ ¼½¼Ç ŸÀÌƲ ===============*/
.sec_tit {margin: 0 auto;text-align: center;}
.sec_tit .tit_en {font-size:30px;font-weight:900;}
.sec_tit .tit_ko {font-size: 35px;margin-top:23px;font-weight:200;line-height:1.35}
.sec_tit .tit_ko strong {font-weight:900;}
.sec_tit span {width:70px;height:2px;margin-top:25px;display:inline-block;}

/*=============== ¸ÞÀÎ 3Ä®·³ ¹è³Ê ===============*/

.banner_wrap {width :100%; height:100vh; margin: 0px auto; position: relative;background:url('../img/main/bg_section2.png') 50% 50% no-repeat;background-size:contain}
.banner_wrap .sec_tit {position:absolute;top:200px;text-align:left;padding-left:280px}
.banner_wrap .sec_tit .tit_en {text-align:left;font-size:75px;}
.banner_wrap .sec_tit span {width:120px; height:1px}
.banner_wrap .img-wrap {position:absolute;right:0;bottom:0}
.banner_wrap .slide_tit {text-align:left;position:absolute;top:340px;left:280px}
.banner_wrap .slide_tit h4 strong{font-size:45px; font-weight:900}
.banner_wrap .slide_tit h4 {font-size:30px; font-weight:200;line-height:1.35;margin-bottom:75px}
.banner_wrap .slide_tit p {font-size:22px;line-height:1.35}
.banner_wrap .slide {padding-left:280px}
.banner_wrap .content_box {height:100%;position:relative;}
.banner_wrap .slick-arrow {position:absolute; bottom:130px;cursor:pointer;z-index:999}
.banner_wrap .slick-arrow.slick-prev {left:280px;width:58px;height:35px;background:url('../img/main/slide_prev.png') 0% 50% no-repeat; text-indent:-9999px;font-size:0; border-right:1px solid #17213e}
.banner_wrap .slick-arrow.slick-next {left:360px;width:35px;height:35px;background:url('../img/main/slide_next.png') 50% 50% no-repeat; text-indent:-9999px;font-size:0}


#inner {position: relative; width: 100%;}
@media screen and (max-width:1660px){
	/*.banner_wrap {overflow-x: visible}*/
	/*.banner_wrap .content_box {overflow-x: visible}*/
#inner {max-width: 1200px; margin: 0 auto; /*overflow: visible;*/}
.banner_wrap .img-wrap { right:-35%;overflow: visible; }
.banner_wrap .sec_tit {padding-left: 0;}
.banner_wrap .slide_tit {left: 0;}
.banner_wrap .slick-arrow.slick-prev {left: 0;}
.banner_wrap .slick-arrow.slick-next {left: 82px;}
}
@media screen and (max-width:1342px){
.banner_wrap .sec_tit {padding-left: 24px;}
.banner_wrap .slide_tit {left: 24px;}
.banner_wrap .slick-arrow.slick-prev {left: 24px;}
.banner_wrap .slick-arrow.slick-next {left: 106px;}
}


.content_box {margin-top:80px;margin-bottom:72px;}
.content_box_title {text-align:center; font-size:46px; color:#222; letter-spacing:-2px; font-weight:300;margin-bottom:20px;}
.content_box_title strong {font-weight: 700;}

.main_center_logo {text-align:center; margin-bottom:60px;}
.content_box .wrap { width: 1200px; margin: 0px auto; overflow: hidden; position: relative; }
.content_box ul { width: 100%; position: relative;}
.content_box li { width: 380px; float: left;position:relative; transition: all .2s;text-align:center}

.content_box li.list_01 h4, .content_box li.list_02 h4, .content_box li.list_03 h4 { margin-top:30px; font-size:36px; color:#17213e;font-weight:bold; letter-spacing:-1px;line-height:150%;}
.content_box li.list_01 p, .content_box li.list_02 p,.content_box li.list_03 p { margin-top:20px; font-size:21px; color:#010101; letter-spacing:-1px; word-break:keep-all; line-height:150%; }
.content_box li.list_01, .content_box li.list_02 {margin-right:30px;}
.content_box li a {display: block;width: 380px; padding-top:0px; position: relative; background-color: #fff; }
.content_box .child { display: block; width:380px; position: relative; overflow: hidden;}

.location_wrap {text-align:center;height:100vh;background:#f8f8f8;}
.location_wrap img {display:inline-block;margin-top:30px;}

@media screen and (max-width:1500px){
	.location_wrap img { display:block; width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto;}
}
@media screen and (max-width:1342px){
	.location_wrap img { max-width: 980px;}
}


.map_wrap {margin-top:35px}
.map_wrap .content_box2 {background:url('../img/main/map0.jpg') no-repeat; background-size:contain;transform:translate(0,18px)}
.map_wrap .map_img {display:inline-block;width:58%;box-sizing:border-box;padding-left:283px;padding-top:35px;transform:translate(0,25px)}
.map_wrap .map_btns {text-align:center;margin-top:25px;margin-right:90px}
.map_wrap .map_btns a {display:inline-block;margin-right:25px;color:#333;font-size:20px;font-weight:bold;}
.map_wrap .map_btns a span {vertical-align:middle;text-decoration:underline;}
.map_wrap .map_btns a img {text-decoration:none;display:inline-block}
.map_wrap .map_txt {display:inline-block;width:41%;padding:60px;box-sizing:border-box;}
.map_wrap .map_txt .map_tit  {color:#fff;font-size:35px;font-weight:bold;text-align:left;}
.map_wrap .map_txt .map_tit span {width:70px;height:2px;margin-top:25px;display:block;background:#fff}
.map_wrap .map_txt ul {text-align:left;padding-top:75px;color:#fff}
.map_wrap .map_txt ul h2 {font-size:30px;	font-weight:bold;margin-bottom:20px}
.map_wrap .map_txt ul p {font-size:20px;margin-bottom:70px}
.map_wrap .map_txt li:last-child h2 {font-size:30px;}
.map_wrap .map_txt li:last-child span {font-size:44px}

.map_wrap2 .content_box2 {margin:0 auto; max-width:1535px}
.map_wrap2 .map_img {display:inline-block;width:767px;box-sizing:border-box;text-align:right;padding-top:60px}
.map_wrap2 .map_btns {text-align:center;margin-top:25px}
.map_wrap2 .map_btns a {display:inline-block;margin-right:25px;font-size:20px;font-weight:bold;height:55px;width:300px;line-height:55px}
.map_wrap2 .map_btns a span {vertical-align:middle;}
.map_wrap2 .map_btns a:first-child {background:#fff;color:#333}
.map_wrap2 .map_btns a:last-child {background:#ad6c21;color:#fff;margin-right:0}
.map_wrap2 .map_txt {display:inline-block;width:768px;padding:60px;padding-left:0;box-sizing:border-box;}
.map_wrap2 .map_txt .map_tit  {color:#fff;font-size:35px;font-weight:bold;}
.map_wrap2 .map_txt .map_tit span {width:70px;height:2px;margin:25px auto 0;display:block;background:#fff;}
.map_wrap2 .map_txt ul {text-align:left;padding-top:75px;color:#fff}
.map_wrap2 .map_txt ul li:first-child h2 {padding:0 10px}
.map_wrap2 .map_txt ul li:first-child h2:first-child {border-right:1px solid #fff}
.map_wrap2 .map_txt ul h2 {font-size:30px;margin-bottom:20px}
.map_wrap2 .map_txt ul span {font-size:20px;}
.map_wrap2 .map_txt li:last-child h2 {font-size:30px;font-weight:400;letter-spacing:-2px}
.map_wrap2 .map_txt li:last-child span {font-size:44px;font-weight:bold;letter-spacing:-3px}
.map_wrap2 .map_txt li:last-child b {font-size:20px;font-weight:300}
.map_wrap2 .map_txt li:last-child b.border-right {border-right:1px solid #fff}

.map_wrap .map_txt .lastLine {display: inline-block; margin-bottom: 0;}
@media screen and (max-width:1919px){
	.map_wrap .content_box2 { height: 635px; background-size: cover;}
	.map_wrap .map_txt {background:url('../img/main/map0_right.jpg') no-repeat; background-size:cover;padding:80px 60px}
}
@media screen and (max-width:1780px){
.map_wrap .map_img { padding-left:243px; box-sizing: border-box;}
}
@media screen and (max-width:1660px){
	.map_wrap .map_img { padding-left:0; padding-right: 30px;}
	.map_wrap .map_img > div > img { display:block; width:100%; }
	.map_wrap .map_btns { margin-left: auto; margin-right: auto; }
	.map_wrap .map_txt .lastLine {display: block; margin-bottom: 18px;}
}



/*=================== ¼­ºê =======================*/

#header {width: 100%; min-width: 1450px;height: 80px; position: fixed; background-color:rgba(255, 255, 255, 1.0); top: 0px; left: 0px; z-index: 9; overflow: hidden;transition: height .3s;}

#page_wrap .hd_on { border-bottom: none; height:300px; transition: height .3s; }
.fx #header { width:100%;max-width: 100%;background-color: rgba(255, 255, 255, 1.0);animation: fx .4s;top:0;}
#header span.bg {width: 100%;height: 231px;display: block;visibility: hidden;opacity: 0;background-color:#fff;border-top:1px solid #d9d9d9;position: absolute;top: 80px;left: 0px;z-index:0;transition: all .2s;}
#page_wrap .hd_on span.bg {opacity: 1;transition: all .2s;visibility: visible;z-index: 2}
#header .nav_wrap {width: 100%;height: 80px;margin: 0px auto;position: relative;background: transparent}
#content_wrap {width: 100%;position: relative;}

.sub_title_box {width: 100%;height: 300px;padding-top:80px;position: relative;background-color:#222;}
.sub_title_box_01 { background: url('../img/sub01/subtitle_bg_01.jpg') no-repeat;background-size:cover}
.sub_title_box_02 { background: url('../img/sub02/subtitle_bg_02.jpg') no-repeat;background-size:cover}
.sub_title_box_03 { background: url('../img/sub03/subtitle_bg_03.jpg') no-repeat;background-size:cover}
.sub_title_box_04 { background: url('../img/sub04/subtitle_bg_04.jpg') no-repeat;background-size:cover}
.sub_title_box_05 { background: url('../img/sub05/subtitle_bg_05.jpg') no-repeat;background-size:cover}
.sub_title_box_06 { background: url('../img/sub06/subtitle_bg_06.jpg') no-repeat;background-size:cover}
.sub_title_box_07 { background: url('../img/sub06/subtitle_bg_06.jpg') no-repeat;background-size:cover}

.sub_title {width:1200px;height:250px;margin:0px auto;position: relative;}
.sub_title h3 {font-size: 46px;color:#fff;text-align:center;padding-top:80px;font-weight:700;padding-bottom:5px;}
.sub_title p {font-size: 18px;color:#fff;text-align:center;padding-top:20px;}

.con_wrap {width: 1200px;margin: 0 auto;position: relative;overflow: hidden;z-index: 3;}

.sub_wrap {width: 100%;height: 60px;margin-bottom: 60px;position: relative;}
.sub_menu {width: 1200px;height: 60px;margin:0 auto;}
.sub_01 .list_01, .sub_01 .list_02, .sub_01 .list_03, .sub_01 .list_04 {width: 300px;height: 60px;float: left;background-color:#fff;position: relative;}
.sub_02 .list_01, .sub_02 .list_02 {width: 600px;height: 60px;float: left;background-color:#fff;position: relative;}
.sub_03 .list_01, .sub_03 .list_02, .sub_03 .list_03, .sub_03 .list_04, .sub_03 .list_05, .sub_03 .list_06 {width: 200px;height: 60px;float: left;background-color:#fff;position: relative;}
.sub_04 .list_01, .sub_04 .list_02, .sub_04 .list_03, .sub_04 .list_04, .sub_04 .list_05 {width: 240px;height: 60px;float: left;background-color:#fff;position: relative;}
.sub_05 .list_01, .sub_05 .list_02, .sub_05 .list_03, .sub_05 .list_04, .sub_05 .list_05 {width: 600px;height: 60px;float: left;background-color:#fff;position: relative;}

.sub_01 .list_01:hover, .sub_01 .list_02:hover, .sub_01 .list_03:hover, .sub_01 .list_04:hover,
.sub_02 .list_01:hover, .sub_02 .list_02:hover, .sub_02 .list_03:hover,
.sub_03 .list_01:hover, .sub_03 .list_02:hover, .sub_03 .list_03:hover, .sub_03 .list_04:hover, .sub_03 .list_05:hover, .sub_03 .list_06:hover,
.sub_04 .list_01:hover, .sub_04 .list_02:hover, .sub_04 .list_03:hover, .sub_04 .list_04:hover, .sub_04 .list_05:hover,
.sub_05 .list_01:hover, .sub_05 .list_02:hover, .sub_05 .list_03:hover, .sub_05 .list_04:hover, .sub_05 .list_05:hover{background-color:#17213e;opacity: 1; transition: background-color .3s;}
.sub_01 .active, .sub_02 .active, .sub_03 .active, .sub_04 .active, .sub_05 .active {background-color:#17213e;color:#fff;}
.sub_01 a::before, .sub_02 a::before, .sub_03 a::before, .sub_04 a::before, .sub_05 a::before {content: "";width: 0px;height: 0px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid transparent; position: absolute;left: 50%;transform: translateX(-50%);bottom: -5px;z-index: 20;}
.sub_01 .active a::before, .sub_02 .active a::before, .sub_03 .active a::before, .sub_04 .active a::before, .sub_05 .active a::before {border-top: 5px solid #17213e;}
.sub_01 a, .sub_02 a, .sub_03 a, .sub_04 a, .sub_05 a {font-size: 20px;text-align: center;font-weight: 500;line-height: 59px;color:#222;}
.sub_01 .active a, .sub_02 .active a, .sub_03 .active a, .sub_04 .active a, .sub_05 .active a {color:#fff;font-weight: 700;border-color:#17213e;}
.sub_01 a:hover, .sub_01 a:focus, .sub_02 a:hover, .sub_02 a:focus, .sub_03 a:hover, .sub_03 a:focus, .sub_04 a:hover, .sub_04 a:focus, .sub_05 a:hover, .sub_05 a:focus {font-weight: 700;z-index:10;color:#fff;border-color:#17213e;}

.sub_menu li.bg {opacity: .7;}

.sub_menu li a {width: 99%;	height: 59px;border: 1px solid #d9d9d9;display: block;position: relative;z-index: 1;border-right:0;}
.sub_menu li:last-child a {	border-right:1px solid #d9d9d9;}
.sub_menu li:last-child:hover a, .sub_menu li.active a {border-right:0 !important}
.sub_menu li span.line { display: block; width: 100%; height: 0px; background: url(../img/common/sub_menu_on.png) no-repeat top center #fff; position: absolute; top: -3px;left: -1px; opacity:0;	transition: all .2s; z-index: 2; border-bottom: 3px solid #6088c0; }

.ie7 .sub_menu li { float:left; }

#table_biz { margin-top:30px; background-color: rgba( 255, 255, 255, 0.5 ); }
#table_biz th {	font-family: 'NanumSquare', sans-serif;padding:16px;font-size:18px; font-weight:bold;color:#17213e; border-bottom:1px solid #d9d9d9;text-align:center;}
#table_biz td {font-family: 'NanumSquare', sans-serif;font-size:18px; text-align:center; padding:16px; border-collapse:collapse;}
#table_biz th { border-top:5px solid #17213e;}
#table_biz td {	border-right:1px solid #d9d9d9;	border-bottom:1px solid #d9d9d9;vertical-align:middle;}
#table_biz .lasttd {border-right:none;}


.border-box {box-sizing:border-box;	width:1200px;position:relative;text-align:left;padding-bottom:50px;line-height:1.5}
.border-box .box-wrap {	margin:0 auto;width:100%;}
.border-box .box-wrap .box-title {margin-bottom:35px;}
.border-box .box-wrap h3 {margin-top: 10px;text-indent: 0;font-size:18px;margin-bottom: 15px;font-weight:bold;}
.border-box .box-wrap .box-text {border:1px solid #d9d9d9;padding:15px;box-sizing:border-box;}
.border-box .box-wrap .box-text strong {font-weight:bold;}
.border-box .box-wrap .box-text p {	color:#888}
.border-box .agree-select li {height:36px;display:inline-block;margin-right:16px;float:none;width:auto;border:0;}
.border-box .btn-wrap {text-align:center;padding:30px 0 0}
.btn-wrap .submit_button {height:50px;width:120px;color:#fff;font-size:18px;border:0;border-radius:0;outline:0;cursor:pointer;}

#table_room {margin:0 auto; border-collapse:collapse; text-align:center; table-layout:fixed;}
#table_room th {font-size:18px;font-weight:bold;border:1px solid #fff;padding:16px 0; background:#d3f0fd}
#table_room td {font-size:18px;border:1px solid #fff;padding:16px 0; background:#f2f2f2}
#table_room .pink {background:#fcdfeb !important}
#table_room .gray {background:#c2c2c2 !important;font-weight:bold;}


#table_form { margin-top:30px; background-color: rgba( 255, 255, 255, 0.5 ); border-top:3px solid #17213e;}
#table_form th {font-family: 'NanumSquare', sans-serif;	padding:16px;font-size:18px; font-weight:bold;color:#17213e; border-bottom:1px solid #d9d9d9;text-align:center;vertical-align:middle}
#table_form td {font-family: 'NanumSquare', sans-serif;font-size:18px;text-align:left;padding:16px;border-collapse:collapse;}
#table_form th {border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9}
#table_form td {border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;vertical-align:middle;}
#table_form td .group {display:inline-block;}
#table_form td input {border-radius:0 !important;box-shadow:none !important;border:0 !important;background:#f1f1f1;height:40px;line-height:40px;outline: 0;padding: 0 10px;font-size: 16px;vertical-align:bottom}
#table_form td select {border-radius:0 !important;box-shadow:none !important;border:0 !important;background:#f1f1f1;height:40px;line-height:40px;display:inline-block;outline: 0;padding:0 30px 0 10px;	font-size: 16px}
#table_form td textarea {border-radius:0 !important;box-shadow:none !important;border:0 !important;background:#f1f1f1;width:100%;min-width:100%;max-width:994px;min-height:250px;outline: 0;padding:10px;	font-size: 16px}

.tab-box {}
.tab-box a {display:inline-block;width:250px;height:50px;background:#f0f0f0;color:#666;line-height:50px;font-size:18px;transition:.3s}
.tab-box a.active, .tab-box a:hover {background:#ad6c21;color:#fff;font-weight:bold}

.tab-box2 {text-align:center}
.tab-box2 a {display:inline-block;width:167px;height:50px;background:#f0f0f0;color:#666;line-height:50px;font-size:18px;transition:.3s}
.tab-box2 a.active, .tab-box a:hover {background:#ad6c21;color:#fff;font-weight:bold}
/*=================== °Ô½ÃÆÇ ====================*/

#table_board { margin-top:30px; background-color: rgba( 255, 255, 255, 0.5 ); }
#table_board th {font-family: 'NanumSquare', sans-serif;padding:16px;font-size:18px;font-weight:bold;color:#17213e;border-bottom:1px solid #d9d9d9;text-align:center;}
#table_board td {font-family: 'NanumSquare', sans-serif;font-size:17px;padding:16px; border-collapse:collapse;}
#table_board th { border-top:5px solid #17213e;}
#table_board th.th_view_title {border-top:5px solid #17213e;border-bottom:5px solid #17213e;}
#table_board td {border-bottom:1px solid #d9d9d9;vertical-align:middle;}
#table_board .lasttd {border-right:none;}
#table_board .td_list_num, #table_board .td_list_date, #table_board .td_list_press {text-align:center;}

.td_list_press span {display: block;margin: auto;  background-color: #17213e; width: 70%;height: 28px;line-height: 28px;color: #fff;}

.name_text, .date_text {font-size:14px;font-weight:700;color:#222;margin-right:10px;}

.view-content {padding:20px;line-height:160%;}

.btn-list { }
.btn {display: inline-block; padding: 10px 12px; margin-bottom: 0;font-size: 18px;font-weight: normal;line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;border: 1px solid transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.btn_box {width:100%;text-align:center;}
.btn-big {padding:10px 18px;margin-bottom:10px;}
.btn-write {float: right;}
.btn-primary {background-color: #17213e;border-color: #17213e;color: #ffffff !important;}
.btn-secondary {background-color: #ad6c21;border-color: #ad6c21;color: #ffffff !important;}
.btn-default {color: #333333;background-color: #ffffff;border-color: #cccccc;}
.btn-mody {color: #fff;background-color: #007bff;border-color: #007bff;}
.btn-del {color: #fff !important;background-color: #dc3545;border-color: #dc3545;}
.board_lock {padding-left:6px;}
.board_reply {padding-right:6px;}

.page_num {margin-top:30px;width: 100%;text-align: center;}
.page_num a { color: #777;padding: 10px 14px;margin-right: 1px;background-color: #fff;border: 1px solid #dddddd;border-radius: 1px;-moz-border-radius: 1px;-khtml-border-radius: 1px;-webkit-border-radius: 1px;}
.page_num .active {background-color:#17213e;color:#fff;border:1px solid #fff;}
.page_num a:hover{background-color:#17213e;	color:#fff;border:1px solid #fff;}




/*==================== ¾²±â =====================*/
.write_box {width: 100%;height:300px;white-space:normal;overflow-y:scroll;box-sizing:border-box;border: 1px solid #dddddd;padding: 25px;background-color: #f8f8f8;color: #666666;font-size: 13px;word-break:keep-all;}
.board-content h2 {font-size:18px;font-weight:700;margin-top:20px;margin-bottom:10px;}
.write_box h3 {font-size:18px;font-weight:700;margin-top:0px;margin-top:10px;margin-bottom:10px;}
.write_box p {font-size:14px;font-weight:500;line-height:150%;}
.terms_agree {padding:25px 0 10px 0;text-align: center;}
.terms_agree * {vertical-align: middle;}
.terms_agree label {margin-right: 34px;display: inline-block;font-size: 14px;color: #959595;}

input[type=checkbox].checkbox, input[type=radio].radio {opacity: 0;position: absolute;z-index: 12; width: 2rem;height: 2.2rem;cursor: pointer;margin: 0;padding: 0;}
input[type=checkbox].checkbox+.label, input[type=radio].radio+.label {position: relative;z-index: 11;display: inline-block;margin: 0 2px 0 0;font-weight: normal;vertical-align: middle;}
input[type=radio].radio+.label::before {font-family: fontAwesome;font-weight: normal;font-size: 1.5rem;color: transparent;background-color: #fff;border: 1px solid #cacaca;border-radius: 50%;display: inline-block;text-align: center;vertical-align: middle;height: 1.8rem;min-width: 1.8rem;margin-right: 1px;content: '\f00c';line-height: 1.8rem;}

.form-control { display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.428571429; color: #555555;vertical-align: middle;background-color: #ffffff;border: 1px solid #cccccc;-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}

label {display: inline-block; margin-bottom: 5px;font-weight: bold;font-size:18px;}

.form-group {margin-bottom: 20px;}
textarea.form-control {height: auto;max-width:100%;min-width:100%;}
textarea {-webkit-writing-mode: horizontal-tb !important;text-rendering: auto;color: initial;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none;display: inline-block; text-align: start; -webkit-appearance: textarea; background-color: white;-webkit-rtl-ordering: logical; flex-direction: column; resize: auto; cursor: text;white-space: pre-wrap;overflow-wrap: break-word;box-sizing: border-box;margin: 0em;font: 400 13.3333px Arial; border-width: 1px;border-style: solid; border-color: rgb(169, 169, 169); border-image: initial; padding: 2px 0px 0px 2px;}





/*==================== ǪÅÍ =====================*/

#footer {width: 100%;position: relative;background-color: #f4f4f4;text-align: center;height:266px;}
#footer .company {width:100%;height:60px;background-color:#fff;position: relative;border-top:1px solid #d9d9d9;}
#footer .company img {text-align:center;margin-top:15px;position: relative;}
#footer .copyarea_box {width:100%;height:240px;background-color:#17213e;position: relative;}
#footer .copyarea {	width:1400px;position: relative;margin:0 auto;}
#footer .copyarea ul {text-align:center;width:400px;margin:0 auto;padding-top:30px;box-sizing:border-box;}
#footer .copyarea li {display:inline-block;	border-right:2px solid #fff;}
#footer .copyarea li:last-child {border-right:0}
#footer .copyarea li a {color:#fff;font-weight:700;padding:0 8px;font-size:17px;}
#footer .copyright {font-size:17px;font-weight:400;color:#fff;text-align:center;padding-top:70px;word-break:keep-all;line-height:150%;}
#footer .copyright .hiddenBr {display: none;}
@media screen and (max-width:1510px){
#footer .copyarea {width: 100%;max-width:1000px;}
#footer .copyright .hiddenBr {display: block;}
}



/*================= ¾Ö´Ï¸ÞÀÌ¼Ç ===================*/

@keyframes navOpc{from{opacity:.5} to{opacity:1}}
@keyframes downMotion2 {0%{right: -40px; opacity: 0;}100%{right: 40px; opacity: 1;}}			
@keyframes fx{from{top: -100px;opacity:.5} to{top: 0px;opacity:1}}
@keyframes bn2Motion1 {0%{top: 100px; opacity: .3;}100%{top: 0px; opacity: 1}}
@keyframes bn2Motion2 {0%{top: 0px; opacity: .3;}100%{top: 30px; opacity: 1}}
@keyframes bn2Motion3 {0%{top: 30px; opacity: .3;}100%{top: 0px; opacity: 1}}





/*================= °í°´¼¾ÅÍ  ===================*/
.page_title {text-align:center;	font-size:21px;	margin-bottom: 30px;color: #010101;letter-spacing: -1px; word-break: keep-all;line-height: 150%;}


/*=================== ¼­ºê ÆäÀÌÁö1-2 =======================*/
.pcTitle {margin:0;padding:0;margin-bottom:30px;text-align:center}
.pcTitle h3 {font-size:42px;color:#000;margin:0 0 20px 0 ;padding:0;letter-spacing:-0.05em;	font-weight:800;}
.pcTitle h3 span {display:inline-block;	width:100%;	font-size:20px;	color:#686868;	font-weight:300;letter-spacing:0;margin-bottom:10px}
.pcTitle p{color:#464646;font-size:17px;line-height:130%;}

.center{text-align:center}



/*================= 1366ÀÌÇÏ ÇØ»óµµ ==================*/
/*
@media (max-width: 1400px) {
	.nav_wrap .phone_num {width:203px;height:60px;	top: 10px; 	right: 15px;}
	.nav_wrap h1 {top: 0px; left: 0px;	}
}
*/


.imgbg{ position: relative;	overflow: hidden;width:1200px;height:280px;}
.imgbg img{	width:100%;	transform: scale(1.0,1.0); transition: all .4s;transition-duration:3s;}
.imgtxt{ position: absolute;width:1200px;height:280px;left:0;top:0;}
.imgbg:hover img.imgtxt{display:none}
.imgbg:hover img{transform: scale(1.1,1.1); transition: all .4s;transition-duration:2s;}

/* 2021-0925 */
.quick_menu .quick05 { display:none !important}

@media screen and (max-width:1660px){
	.quick_menu .quick05 { display:block !important; }
}
@media screen and (max-width:1360px){
	.quick_menu { display:none !important}
}	

.board-content {position: relative;}

.map h3 {width:100%; max-width:1000px; background:#17213e; color:#fff; font-size:20px; margin:0 auto; text-align:center; line-height:46px}