@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('reset.css');
@import url('common.css'); 

@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;900&display=swap');
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean");
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');


@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
/* Font Family
-------------------------*/
.poppins{font-family: 'Poppins', sans-serif; font-weight: 500}
.roboto{font-family: 'Roboto', sans-serif;}
.lobster{ font-family: 'Lobster', sans-serif;}
.noto{font-family:'Noto Sans KR', sans-serif;}

/* header */
#wrap  { width:100%; position:relative; min-width:1250px; min-height:100%; /*overflow:hidden;*/ }
#headwrap { width:100%; position:relative; top:0; left:0; height:130px; z-index:3333; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3); background:#fff;}
	.inner { width:175px; position:relative; width:1350px; height:100px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
	.logo { position:absolute;left:0px; top:27px;  height:50px;padding:0px 0 0 0; z-index:9999;}
#header { width:100%; position:relative; top: 0; z-index: 3333; background-image: url(../img/include/header_bg.png); background-repeat: repeat-x; height: 28px; } 
#header .util { width: 1250px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#header .util li { display: inline-block; float: right; padding-top: 5px; padding-right: 20px; padding-left: 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #c7c7c7; padding-bottom: 4px; } 
#header .util li a { color: #fff; font-size: 1em; }
#header .util li a:hover { color: #fff; text-decoration: underline } 
#header .util li:first-child { border-left-width: 1px; border-left-style: solid; border-left-color: #c7c7c7; }

.gnb {width:auto;position:absolute;left:350px; top:45px; border:0px solid #f00;}
	#nav { width:1000px; position absolute; display:block; height:35px; padding:0px 0 27px 0; z-index:100; }
	#nav > li > a {color: #242424; }
	#nav li { float: left; position: relative;}
	#nav li:first-child { background:none; color:#e35990; margin-left:0;}
	#nav li a {  color: #000; font-size:20px; letter-spacing:-.05em; display: block; margin-left:70px;  padding: 5px 0px 34px; font-weight:600; }
	#nav li a:hover { text-decoration: none; color:#0274be}
	#nav li ul { color: #333; display: none; margin: 0px 0 0 50px;  width:200px; position: absolute; opacity:1; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); }
	#nav li ul li { width: 100%; border-top:1px solid #3a8fc7}
	#nav li ul li:first-child { border:0px;}
	#nav li ul li a { background:#1b71d6; color:#fff; border: none; font-weight:0; font-size:16px !important;line-height: 30px; margin: 0;padding: 10px 0 10px 15px;}
	#nav li ul li a:hover { background: #fff; color:#1b71d6; }
	#nav li:hover > a { color:#1b71d6 ; }
	#nav li:hover > ul.child { display: block; }


/* foot */
#footer {display:block; width:100%; position:relative; float:left; background-color: #0d2049; padding: 70px 0px 100px;  }


#foot {  width:1420px; margin-right: auto;  margin-left: auto; padding-right: 0;  padding-left: 0; }

#foot .c_logo { position:relative; float:left; width:200px; height:43px; padding-top: 10px; } /*background:url(../img/include/foot_logo.gif) no-repeat; */
#foot .copy {position:relative; float:left; width:950px; margin-left:50px;}
#foot .copy li { display:block; float:left; width:100%; font-size:18px; color:#dedede; line-height:1.8em;  letter-spacing:-0.03em; font-weight:500;}
#foot .copy li.last {font-size:.95em; color:#666;}
#foot .familysite {position:relative; margin-top: 10px; float: right; width: 180px; }

/* main */
#main { width: 100%; }
#main_section1 { position:relative; width:100%; }
#main_section1 .slider { position:relative; width:100%; }
	#slider_content {position:relative;width:100%; height:513px; background-color:#fff;}
	#slider_content>div {position:absolute;top:0;left:0;width:100%;height:100%; overflow:hidden;}
	#slider_content div.s{display:block; width:100%; height:100%;}
	#slider_content div.img1 {background: url('../img/main/main1.jpg') center center no-repeat;background-size:auto 100%;opacity:0;}
	#slider_content div.img2 {background: url('../img/main/main2.jpg') center center no-repeat;background-size:auto 100%;opacity:0;}
	#slider_content div.img3 {background: url('../img/main/main3.jpg') center center no-repeat;background-size:auto 100%;opacity:0;}
	#slider_content div.img4 {background: url('../img/main/main4.jpg') center center no-repeat;background-size:auto 100%;opacity:0;}
	#slider_content div.img5 {background: url('../img/main/main5.jpg') center center no-repeat;background-size:auto 100%;opacity:0;}
	#slider_content div.img6 {background: url('../img/main/main6.jpg') center center no-repeat;background-size:auto 100%;opacity:0;} 
	#slider_content div.img7 {background: url('../img/main/main7.jpg') center center no-repeat;background-size:auto 100%;opacity:0;}
	#slider_content div.img8 {background: url('../img/main/main.jpg') center center no-repeat;background-size:auto 100%;opacity:0;}

#main2 { width: 100%; float: left; }



#main_section2 { position: relative; width: 1280px; margin-top: 0; margin-right: auto; margin-bottom: 0px; margin-left: auto;  }
#main_section2 ul.main_1{ float: left; height: 360px; }
#main_section2 ul.main_1 li { float:left;  }
#main_section2 ul.main_1 li a { display:block; width:320px; height: 360px; float: left; }
#main_section2 ul.main_1 li a:hover { text-decoration:none; }
#main_section2 ul.main_1 li.last { margin-right:0; }

#main_section2 ul.main_1 li:hover { filter:alpha(opacity=100);opacity:0.9; }
#main_section2 ul.main_1 li .title { height:55px; padding-top:24px; padding-left: 8px; }
#main_section2 ul.main_1 li .text1 { font-size:16px; line-height:13px; color:#555; font-weight:bold; padding:0 0 5px 20px; letter-spacing:-1px;}
#main_section2 ul.main_1 li .text2 { font-size:10px; color:#a9a9a9; padding:0 20px 20px 20px; letter-spacing:0; line-height:10px;}

#main_section2 ul.main_1 li .img1,
#main_section2 ul.main_1 li .img2,
#main_section2 ul.main_1 li .img3,
#main_section2 ul.main_1 li .img4 { height:230px; border-radius:0px 0px 0px 0px; }

#main_section2 ul.main_1 li .img1 { background-size:cover; }
#main_section2 ul.main_1 li .img2 { background-size:cover; background-image: url(../img/main/ban_1.gif); background-repeat: no-repeat; background-position: center bottom; }
#main_section2 ul.main_1 li .img3 { background: url(../img/main/img3.png)no-repeat center bottom;background-size:cover; }
#main_section2 ul.main_1 li .img4 { background-size:cover; background-image: url(../img/main/ban_2.gif); background-repeat: no-repeat; background-position: center bottom; }


#main_section2 ul.main_2 li:hover { filter:alpha(opacity=100);opacity:0.9; }
#main_section2 ul.main_2 li .title { height:55px; padding-top:24px; padding-left: 8px; }
#main_section2 ul.main_2 li .text1 { font-size:16px; line-height:13px; color:#555; font-weight:bold; padding:0 0 5px 20px; letter-spacing:-1px;}
#main_section2 ul.main_2 li .text2 { font-size:10px; color:#a9a9a9; padding:0 20px 20px 20px; letter-spacing:0; line-height:10px;}

#main_section2 ul.main_2 li .img1,
#main_section2 ul.main_2 li .img2,
#main_section2 ul.main_2 li .img3,
#main_section2 ul.main_2 li .img4 { height:230px; border-radius:0px 0px 0px 0px; }

#main_section2 ul.main_2 li .img1 { background-size:cover; background-image: url(../img/main/ban_3.gif); background-repeat: no-repeat; background-position: center bottom; }
#main_section2 ul.main_2 li .img2 { background-size:cover; background-image: url(../img/main/ban_1.gif); background-repeat: no-repeat; background-position: center bottom; }
#main_section2 ul.main_2 li .img3 { background: url(../img/main/img3.png)no-repeat center bottom;background-size:cover; }
#main_section2 ul.main_2 li .img4 { background-size:cover; background-image: url(../img/main/ban_2.gif); background-repeat: no-repeat; background-position: center bottom; }

#main_section2 ul.main_2 { clear:both; padding-top: 13px; } 
#main_section2 ul.main_2>li {float:left; width:410px; margin-right:1%; background-color:#fff; border-radius: 0px; box-shadow:1px 1px 1px rgba(0,0,0,0); -moz-box-shadow:1px 1px 1px rgba(0,0,0,0); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0); height: 230px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #dcdcdc; border-right-color: #dcdcdc; border-bottom-color: #dcdcdc; border-left-color: #dcdcdc; }
#main_section2 ul.main_2>li.last { margin-right:0; float: left; display: inline; }
#main_section2 ul.main_2>li .box {position: relative;;height:123px;padding:0 30px;border-right:1px solid #ededed; background: url(../img/main/btn_more.gif)no-repeat 30px bottom;background-size:23px;}
#main_section2 ul.main_2>li .box1 {padding-left:0px;background-position: 0px bottom;}
#main_section2 ul.main_2>li .box4 {border-right:none;}

#main_section2 ul.main_2>li .box h3{ font-size:16px; color:#444; font-weight:600; line-height:16px;padding-bottom:8px;letter-spacing:-1px;}
#main_section2 ul.main_2 li .text{ font-size: 13px; line-height: 22px; color: #777; letter-spacing:-1px; }
#main_section2 ul.main_2>li .box img{position: absolute;bottom:0px;right:30px;}
#main_section2 ul.main_2>li .box a{display:block;width:100%;height:100%;}
#main_section2 ul.main_2>li .box a:hover {text-decoration:none;}
#main_section2 ul.main_2>li .box a:hover h3,
#main_section2 ul.main_2>li .box a:hover p{color:#15b5c5;}


/* sub */
.sub_top { position:relative; float:left; clear:both; width:100%; height:350px; }
.s_bg1 { background-image: url(../img/sub/sub_top1.png); background-repeat: no-repeat; background-position: center; }
.s_bg2 { background:url(../img/sub/sub_top2.png) no-repeat center;}
.s_bg3 { background:url(../img/sub/sub_top3.png) no-repeat center;}
.s_bg4 { background:url(../img/sub/sub_top4.png) no-repeat center;}
.s_bg5 { background:url(../img/sub/sub_top5.png) no-repeat center;}
.s_bg6 { background:url(../img/sub/sub_top6.png) no-repeat center;}
.s_bg7 { background:url(../img/sub/sub_top7.png) no-repeat center;} 

#container { position:relative; width:100%; padding-top:100px; padding-bottom:150px; }
.sub { width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 50px; padding-bottom: 50px; }
.sub2 { width: 1200px; margin-top: 100px; margin-right: auto; margin-left: auto; padding-top:0px; padding-bottom:0px; }



#container h1 { text-align:center;  font-size:3.40em; font-weight:600; font-family:'NeoSans-r' ; color:#444; line-height:1.80em;}
#container h2 { position:relative; float:left; width:100%; text-align:center;  font-size:36px; font-weight:400; font-family:'NanumGothic'; color:#333; line-height:1.80em;}
#container h3 { position:relative; float:left; width:100%; text-align:center; margin:10px 0 0px; font-size:1.75em; font-weight:500; color:#555; line-height:1.60em;}
#container h4 { float:left; clear:both;width:90%; margin:15px 0 0 20px; font-size:1.65em; font-weight:600; color:#444;  line-height:1.60em;}
#container h5 { float:left; clear:both;width:90%; margin:10px 0 0 20px; font-size:1.25em; color:#666; line-height:1.60em; font-weight:normal}
#container h6 { float:left; text-align:center; width:100%;  font-size:3.00em; font-weight:600; color:#444; line-height:1.80em; }


/* 회사소개 */



.company #content section {padding-bottom: 100%;}
#content section#greeting { width: 100%; float: left; }
#content section#greeting h2 { width: 100%; float: left; }
#content section#greeting p { padding-top: 30px; letter-spacing: -0.25px;}
#content section#greeting p:first-child {padding-top: 0px;}
#content section#greeting .section-inner { overflow: hidden; width: 1200px; margin-top: 250px; margin-right: auto; margin-bottom: 150px; margin-left: auto; }

#content section#history { background-color: #f5f5f5; width: 100%; float: left; }
#content section#history h2 {margin-bottom: 0px;}
#content section#history .section-inner { overflow: hidden; width: 1250px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#content section#history .section-inner > div { float: left; margin-top: 0px; width: 1200px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#content section#history .section-inner > div dl dd p {float: left;}

#content section#organization { width: 100%;  float: left; }
#content section#organization h2 {margin-bottom: 0px;}
#content section#organization p { padding-top: 30px; letter-spacing: -0.25px;}
#content section#organization p:first-child {padding-top: 0px;}
#content section#organization .section-inner { overflow: hidden; width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

#content section#location { width: 100%; float: left; margin-bottom: 100px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #d4d4d4; }
#content section#location h2 {margin-bottom: 60px;}
#content section#location .section-inner { overflow: hidden; width: 1200px; margin-top: 100px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#content section#location #map-canvas1 {position: relative; width: 100%; height: 457px;}
#content section#location .section-inner dl {float: left;}
#content section#location .section-inner dl dt { float: left; width: 110px; margin-bottom: 3px; color: #787777; font-family: Arial, Tahoma; font-weight: bold; letter-spacing: -0.5px;}
#content section#location .section-inner dl dd { float: left; width: 425px; margin-bottom: 3px;}
#content section#location .section-inner .address { width: 600px; padding-top: 30px;font-size:15px; line-height:20px; }
#content section#location .section-inner .location { width: 422px; height: 120px; padding-left: 40px; padding-top: 30px; border-left-width: 0px; border-left-style: solid; border-left-color: #d4d4d4; }
#content section#location .section-inner .location dt {width: 65px; }
#content section#location .section-inner .location dd {width: 355px;}
#content section#location .section-inner dl dd a {color: #7e7e7e;}



/* tab */
.gnb_tab1 { position:relative; width:600px; height:50px; margin-top: 350px; margin-right: auto; margin-bottom: 0; margin-left: auto; z-index:100; }
.gnb_tab1  li { float: left; width:150px;  margin-left:-1px;} 
.gnb_tab1  li  a {line-height: 50px; text-align:center; font-size:1.30em; display: block; background:#fff;color:#666;border:1px solid #ddd ; font-weight:0;  font-family: 'Roboto', 'Noto Sans KR',sans-serif;}
.gnb_tab1  li  a:hover {background:#5ec2b6; color:#fff;border:1px solid #5ec2b6 ;}
.gnb_tab1  li  a.on { color:#fff; background-color: #5ec2b6; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #5ec2b6; border-right-color: #5ec2b6; border-bottom-color: #5ec2b6; border-left-color: #5ec2b6; }

.gnb_tab2 { position:relative; width:600px; height:50px; margin-top: 350px; margin-right: auto; margin-bottom: 0; margin-left: auto;  z-index:100;}
.gnb_tab2  li { float: left; width:150px;  margin-left:-1px;}
.gnb_tab2  li  a {line-height: 50px; text-align:center; font-size:1.30em; display: block; background:#f9f9f9;color:#555;border:1px solid #ddd ; font-weight:0;  font-family: 'Roboto', 'Noto Sans KR',sans-serif;}
.gnb_tab2  li  a:hover {background:#4e6078; color:#fff;border:1px solid #4e6078;}
.gnb_tab2  li  a.on { color:#fff; background-color: #4e6078; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #4e6078; border-right-color: #4e6078; border-bottom-color: #4e6078; border-left-color: #4e6078; }

.gnb_tab3 { position:relative; width:680px; height:50px; margin-top: 350px; margin-right: auto; margin-bottom: 0; margin-left: auto;  z-index:100;}
.gnb_tab3  li { float: left; width:170px;  margin-left:-1px;}
.gnb_tab3  li  a {line-height: 50px; text-align:center; font-size:1.30em; display: block; background:#f9f9f9;color:#555;border:1px solid #ddd ; font-weight:0; font-family: 'Roboto', 'Noto Sans KR',sans-serif; }
.gnb_tab3  li  a:hover {background:#f18d26; color:#fff;border:1px solid #f18d26;}
.gnb_tab3  li  a.on { color:#fff; background-color: #f18d26; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #f18d26; border-right-color: #f18d26; border-bottom-color: #f18d26; border-left-color: #f18d26; }

.gnb_tab4 { position:relative; width:1200px; height:40px; margin-top: 350px; margin-right: auto; margin-bottom: 0; margin-left: auto;  z-index:100;}
.gnb_tab4  li { float: left; width:150px;  margin-left:-1px;}
.gnb_tab4  li  a {line-height: 50px; text-align:center; font-size:1.30em; display: block; background:#f9f9f9;color:#555;border:1px solid #ddd ; font-weight:0;  font-family: 'Roboto', 'Noto Sans KR',sans-serif;}
.gnb_tab4  li  a:hover {background:#127ce8; color:#fff;border:1px solid #127ce8;}
.gnb_tab4  li  a.on { color:#fff; background-color: #127ce8; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #127ce8; border-right-color: #127ce8; border-bottom-color: #127ce8; border-left-color: #127ce8; }

.gnb_tab5 { position:relative; width:450px; height:40px; margin-top: 350px; margin-right: auto; margin-bottom: 0; margin-left: auto;  z-index:100;}
.gnb_tab5  li { float: left; width:150px;  margin-left:-1px;}
.gnb_tab5  li  a {line-height: 50px; text-align:center; font-size:1.30em; display: block; background:#f9f9f9;color:#555;border:1px solid #ddd ; font-weight:0; font-family: 'Roboto', 'Noto Sans KR',sans-serif; }
.gnb_tab5  li  a:hover {background:#15a065; color:#fff;border:1px solid #15a065 ;}
.gnb_tab5  li  a.on { color:#fff; background-color: #15a065; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #15a065; border-right-color: #15a065; border-bottom-color: #15a065; border-left-color: #15a065; }

.gnb_tab6 { position:relative; width:1200px; height:40px; margin-top: 350px; margin-right: auto; margin-bottom: 0; margin-left: auto;  z-index:100;}
.gnb_tab6  li { float: left; width:134px;  margin-left:-1px;}
.gnb_tab6  li  a {line-height: 50px; text-align:center; font-size:1.30em; display: block; background:#f9f9f9;color:#555;border:1px solid #ddd ; font-weight:0;  font-family: 'Roboto', 'Noto Sans KR',sans-serif;}
.gnb_tab6  li  a:hover {background:#127ce8; color:#fff;border:1px solid #127ce8;}
.gnb_tab6  li  a.on { color:#fff; background-color: #127ce8; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #127ce8; border-right-color: #127ce8; border-bottom-color: #127ce8; border-left-color: #127ce8; }
 

/* 로그인 */
#login { background:#f5f6f8; width: 1250px; margin-top: 100px; margin-right: auto; margin-bottom: 100px; margin-left: auto; padding-top: 0px; }
#login h3 {color:#7a7a7a; font-size:12px; line-height:160%; margin-bottom:145px;}
#login form {border:1px solid #e2e2e2;}
#login .login_form { width: 800px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 70px; padding-right: 0; padding-bottom: 60px; padding-left: 0; }
#login .login_form .form {zoom:1; margin-bottom:18px; }
#login .login_form .form:after {content:""; display:block; clear:both;}
#login .login_form .form ul {margin-left:162px;float:left; width:390px;} 
#login .login_form .form ul li {margin-top:13px;}
#login .login_form .form ul li:first-child {margin-top:0;}
#login .login_form .form ul li label { color:#464646; width:67px; display:inline-block; font-family: "나눔고딕"; font-size: 14px; }
#login .login_form .form p {display:inline-block;}
#login .login_form > p {text-align:center;}
#login .login_form > p a {font:11px Dotum; color:#999;}
#login .login_form > p span {display:inline-block; margin:0 10px; color:#999;} 

#member_join  { width: 1250px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 70px; padding-bottom: 100px; }
#member_join h3 { font-size:17px; color:#464646; margin-bottom:10px; text-align: left; }
#member_join .text_area {margin-bottom:15px; background:#f6f6f6; border:1px solid #e2e2e2; color:#717171; height:156px; overflow-x:hidden; padding:20px; line-height:160%; overflow-y:scroll;}
#member_join .agree>p, #member_join .privacy>p {text-align:right; font:11px Dotum; color:#666;}
#member_join .agree input, #member_join .privacy input {margin-right:5px;}
#member_join .agree {margin-bottom:20px;}
#member_join .privacy {margin-bottom:15px; padding-bottom:20px; border-bottom:1px solid #e2e2e2;}
#member_join .btn_agree {text-align:right; margin-bottom:45px;}
#member_join .btn_join {text-align:center; margin-top:25px;}
#member_join .information h3 {margin-bottom:0;}
#member_join .information .caution {text-align:right; font:11px Dotum; color:#666; margin-bottom:8px;}
#member_join .information .caution img {display:inline-block; vertical-align:middle; margin-right:3px;}

	.tbl_user {border-top:1px solid #c1c1c1; width:100%;}
	.tbl_user tbody th {border-bottom:1px solid #c1c1c1; padding:9px 0 9px 30px; font:12px NanumGothicBold; color:#666; background:#f6f6f6; text-align:left;}
	.tbl_user tbody td {border-bottom:1px solid #c1c1c1; padding:9px 0 9px 10px; color:#6e6e6e;}
	.tbl_user tbody th.check {background:url('../images/ico/ico_check1.gif') #f6f6f6 17px 50% no-repeat;}
	.tbl_user tbody td .txt {font:11px Dotum; color:#6e6e6e; margin-bottom:5px;}
	.tbl_user tbody td span {display:inline-block; margin:0 5px;}

#join_result { margin-top:80px; margin-bottom: 100px; }
#join_result p {padding:40px 0; text-align:center; font-size:14px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-bottom:25px;}
#join_result p strong {color:#0d67b3; margin-right:10px;}
#join_result  .btn {text-align:center;}


#find_id { width: 1250px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 70px; padding-bottom: 50px; }
#find_pw { width: 1250px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 0px; padding-bottom: 100px; }
#find_id form, #find_pw form {border:1px solid #e2e2e2; background:#f5f6f8;}
#find_id h3, #find_pw h3 { font-size:22px; color:#464646; margin-bottom:10px; text-align: left; }
#find_id .subText, #find_pw .subText {color:#717171; margin-bottom:15px;}
	.find_form { width: 800px; border:1px solid #fff; background:#f5f6f8; padding-top: 60px; padding-right: 0; padding-bottom: 60px; padding-left: 0; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
	.find_form.pw {padding:45px 0;}
	.find_form .form {zoom:1;}
	.find_form .form:after {content:""; display:block; clear:both;}
	.find_form .form ul {margin-left:162px;float:left; width:390px;}
	.find_form .form ul li {margin-top:13px;}
	.find_form .form ul li:first-child {margin-top:0;}
	.find_form .form ul li label {color:#464646; font:14px NanumGothicBold; width:67px; display:inline-block; font-family: "나눔고딕"; font-size: 14px; }
	.find_form .form p {display:inline-block;}
	.find_form.pw .form p {margin-top:15px;}
 
	#find_result {border:1px solid #e1e1e1; background:#efefef; text-align:center; padding:45px 0;} 
	#find_result p {font:12px NanumGothicBold; color:#767676;}
	#find_result p strong {color:#1f70b7;}

#myinfo h3 {font-size:17px; color:#464646; margin-bottom:10px;}
#member_out h3 {font-size:12px; line-height:160%; color:#777; margin-bottom:30px;}
#myinfo .btn, #member_out .btn {text-align:center; margin-top:25px;}



#main_3 { height: 800px; width: 100%; background-color: #243f5d; float: left; padding-bottom:30px; } 
#photonews { width: 1280px; text-align: center; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 80px; } 
#main_3 #photonews h1 { font-size: 60px; color: #fff; }
#main_3 #photonews p { font-size: 22px; color: #fff; }
.photonews_list { width: 1280px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-bottom: 80px; }
#photonews .photonews_list ul { float: left; }
#photonews .photonews_list ul li { float: left; height: 500px; width: 320px; }
.photonews_list ul li a { font-size: 16px; color: #555; display: block; }
.photonews_list ul li a img { padding-bottom: 25px; height: 500px; width: 324px; white-space: nowrap; display: block; }
.photonews_list ul li a .subject { padding-right: 0px; padding-left: 0px; padding-bottom: 15px; display: block; }
.photonews_list ul li .conten { font-size: 12px; color: #777777; padding-right: 25px; padding-left: 25px; display: block; line-height: 20px; }
.main_2 .last div ul { float: left; height: 228px; width: 410px; }
#main_section2 .main_2 .last div ul li { float: left; height: 115px; margin-top: 0px; }

#photo_box { background-color: #FFC; padding-right: 34px; padding-left: 34px; }
#photo_box ul { float: left; }
#photo_box ul li { float: left; }

#main3 { width: 100%; height:162px; }
#main3 #main_section3 { width: 1200px;   margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#main3 #main_section3 ul { padding-top: 10px; float: left; }
#main3 #main_section3 ul li { float:left; width:240px;  float: left; }
#main3 #main_section3 ul li a { display:block;}


/*#sub1_1 { background-image: url(../img/sub/01_1.png); background-repeat: no-repeat; height: 1075px; width: 100%; background-position: center top; margin-top:0px;}*/

#sub1_1 { background-image: url(../img/sub/01_1_2024.png); background-repeat: no-repeat; height: 1500px; width: 100%; background-position: center top; margin-top:0px;}

#main_4 { height: 190px; width: 100%; float: left; margint-top: 25px; padding-bottom: 25px; }
#main_section4 { height: 215px; width: 1280px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-image: url(../img/main/img_2.jpg); background-repeat: no-repeat; background-position: right; }
#notice { width: 700px; float: left; background-color: #FFF; padding-top: 15px; padding-right: 35px; padding-bottom: 30px; padding-left: 35px; }
#notice h4 { font-family: "나눔고딕"; font-size: 24px; color: #333; line-height: 60px; }
#notice ul li a { font-size: 16px; line-height: 25px; color: #777; }
#notice ul li a:hover { color: #999; }
#notice ul li span { font-size: 12px; color: #999; float: right; }

#main_5 { float: left; width: 100%; background-color: #406890; }
#main_section5 { width: 1280px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#main_section5 ul { float: left; }
#main_section5 ul li { display: inline; float: left; }

.sub_contents { position: relative; width: 1200px; margin-top: 28px; margin-right: auto; margin-left: auto; margin-bottom: 0px; }


/*.tab_sty1 { position:relative; padding-bottom:40px; width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.tab_sty1 li {position:absolute; top:-40px;  width:149px; height:38px;}
.tab_sty1 li a { display:block; color:#555; text-align:center;  font-size: 18px; line-height: 38px; font-family: 'Roboto', 'Noto Sans KR',sans-serif; }
.tab_sty1 li a:hover { color:#127ce8; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #127ce8; }
.tab_sty1 li span {display:none; width:25px; height:14px; background:url('../img/sub/bg_tab_ico1.gif') 0 0 no-repeat; position:absolute; bottom:-14px; left:50%; margin-left:-5px;}
.tab_sty1 li.active { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #127ce8; }
.tab_sty1 li.active a {color:#127ce8; font-weight:500;}
.tab_sty1 li.active a:hover { color:#000; }
.tab_sty1 li.active span {display:block;}
.tab_sty1 li.m0 {left:0px;}
.tab_sty1 li.m1 {left:150px;}
.tab_sty1 li.m2 {left:300px;}
.tab_sty1 li.m3 {left:450px;}
.tab_sty1 li.m4 {left:600px;}
.tab_sty1 li.m5 {left:750px;}
.tab_sty1 li.m6 {left:900px;}
.tab_sty1 li.m7 {left:1050px;}*/


.tab_sty1 { position:relative; padding-bottom:20px; width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.tab_sty1 ul {border: 1px solid #ddd; }
.tab_sty1 li {position:absolute; top:-40px;    width:149px; height:50px; text-align:center;  padding: 0px; border-right: 1px solid #ddd;  border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;}
.tab_sty1 li:first-child {border-left: 1px solid #ddd; margin-left: 0;}
.tab_sty1 li a { display:block; color:#555; text-align:center;  font-size: 15px; line-height: 50px;  font-family: 'Roboto', 'Noto Sans KR',sans-serif; }
.tab_sty1 li a:hover { color:#fff;   background: #2154bd; }
/*.tab_sty1 li span {display:none; width:25px; height:14px; background:url('../img/sub/bg_tab_ico1.gif') 0 0 no-repeat; position:absolute; bottom:-14px; left:50%; margin-left:-5px;}*/
.tab_sty1 li.active { background: #2154bd; }
.tab_sty1 li.active a {color:#fff; font-weight:500;}
.tab_sty1 li.active a:hover { color:#fff;  }
.tab_sty1 li.active span {display:block;}
.tab_sty1 li.m0 {left:0px;}
.tab_sty1 li.m1 {left:150px;}
.tab_sty1 li.m2 {left:300px;}
.tab_sty1 li.m3 {left:450px;}
.tab_sty1 li.m4 {left:600px;}
.tab_sty1 li.m5 {left:750px;}
.tab_sty1 li.m6 {left:900px;}
.tab_sty1 li.m7 {left:1050px;}


.tab_sty2 { position:relative; padding-bottom:20px; width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.tab_sty2 ul {border: 1px solid #ddd; }
.tab_sty2 li {position:absolute; top:-40px;    width:300px; height:50px; text-align:center;  padding: 0px; border-right: 1px solid #ddd;  border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;}
.tab_sty2 li:first-child {border-left: 1px solid #ddd; margin-left: 0;}
.tab_sty2 li a { display:block; color:#555; text-align:center;  font-size: 15px; line-height: 50px;  font-family: 'Roboto', 'Noto Sans KR',sans-serif; }
.tab_sty2 li a:hover { color:#fff;   background: #2154bd; }
.tab_sty2 li.active { background: #2154bd; }
.tab_sty2 li.active a {color:#fff; font-weight:500;}
.tab_sty2 li.active a:hover { color:#fff;  }
.tab_sty2 li.active span {display:block;}
.tab_sty2 li.m1 {left:300px;}
.tab_sty2 li.m2 {left:600px;}


.tab_sty3 { position:relative; padding-bottom:20px; width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.tab_sty3 ul {border: 1px solid #ddd; }
.tab_sty3 li {position:absolute; top:-40px;    width:300px; height:50px; text-align:center;  padding: 0px; border-right: 1px solid #ddd;  border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;}
.tab_sty3 li:first-child {border-left: 1px solid #ddd; margin-left: 0;}
.tab_sty3 li a { display:block; color:#555; text-align:center;  font-size: 15px; line-height: 50px;  font-family: 'Roboto', 'Noto Sans KR',sans-serif; }
.tab_sty3 li a:hover { color:#fff;   background: #2154bd; }
.tab_sty3 li.active { background: #2154bd; }
.tab_sty3 li.active a {color:#fff; font-weight:500;}
.tab_sty3 li.active a:hover { color:#fff;  }
.tab_sty3 li.active span {display:block;}
.tab_sty3 li.m1 {left:150px;}
.tab_sty3 li.m2 {left:450px;}
.tab_sty3 li.m3 {left:750px;}


.tab_sty4 { position:relative; padding-bottom:20px; width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.tab_sty4 ul {border: 1px solid #ddd; }
.tab_sty4 li {position:absolute; top:-40px;    width:300px; height:50px; text-align:center;  padding: 0px; border-right: 1px solid #ddd;  border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;}
.tab_sty4 li:first-child {border-left: 1px solid #ddd; margin-left: 0;}
.tab_sty4 li a { display:block; color:#555; text-align:center;  font-size: 15px; line-height: 50px;  font-family: 'Roboto', 'Noto Sans KR',sans-serif; }
.tab_sty4 li a:hover { color:#fff;   background: #2154bd; }
.tab_sty4 li.active { background: #2154bd; }
.tab_sty4 li.active a {color:#fff; font-weight:500;}
.tab_sty4 li.active a:hover { color:#fff;  }
.tab_sty4 li.active span {display:block;}
.tab_sty4 li.m1 {left:0px;}
.tab_sty4 li.m2 {left:300px;}
.tab_sty4 li.m3 {left:600px;}
.tab_sty4 li.m4 {left:900px;}








/* page인식 */
#page01 #lnb a.menu1, 
#page02 #lnb a.menu2, 
#page03 #lnb a.menu3, 
#page04 #lnb a.menu4,
#page05 #lnb a.menu5,
#page06 #lnb a.menu6,
#page07 #lnb a.menu7,
#page08 #lnb a.menu8,
#page09 #lnb a.menu9,
#page10 #lnb a.menu10,
#page11 #lnb a.menu11,
#page12 #lnb a.menu12,
#page13 #lnb a.menu13,
#page14 #lnb a.menu14,
#page15 #lnb a.menu15 { position: relative; float: left; width: 230px; height: 38px; background: url(../img/sub/menu.png) no-repeat 0 0px; color: #FFF; }

#subNav { position: relative; float: left; width: 202px; margin-top: 50px; margin-right: 0; margin-bottom: 0px; margin-left: 0; background-image: url(../img/sub/left_bg.gif); background-repeat: repeat-y; }
#subNav .subtit { position: relative; float: left; width: 202px; color: #333; font-size: 2em; letter-spacing: -0.05em; line-height: 1.3em; clear: both; margin-right: 0; margin-left: 0; font-weight: bold; }
#lnb { position: relative; width: 230px; border-top-width: 1px; border-top-style: solid; border-top-color: #7f7f7f; float: left; }
#lnb ul { float: left; border-bottom: 1px solid #d2d2d2 }
#lnb ul li { display: block; float: left; width: 229px; height: 38px; margin: 0; padding: 0; border-top: 1px solid #e6e6e6; }
#lnb ul li:first-child { border: 0 }
#lnb ul li a { display: block; float: left; width: 229px; height: 38px; border-right:1px solid #d2d2d2; margin: 0; padding: 0; background: url(../img/sub/menu.png) no-repeat 0 -38px; color: #666; }
#lnb ul li a:hover { display: block; float: left; width: 229px; height: 38px; background: url(../img/sub/menu.png) no-repeat 0 0px; color: #FFF; } 
.txt_style1 { float: left; clear: both; width: 229px; text-align: left; font-size: 14px; margin-top: 10px; margin-right: 0; margin-bottom: 0; margin-left: 25px; letter-spacing: -0.03em;  }

.snb { width:920px; float:left; padding-left:50px; padding-bottom:100px;}







/* 쇼핑몰 */
#shop #lnb a.mnucode {position: relative;float: left;width: 230px;height: 38px;background: url(../img/sub/menu.png) no-repeat 0 0px;color: #FFF;}

/*
	페이징
*/

.pageing {
	margin: 0 auto;
	padding: 30px 0 0;
	font-size: 0;
	text-align: center;
	line-height: 0;
}
.pageing > div {
	display: inline-block;
	overflow: hidden;
}
.pageing a,  .pageing img,  .pageing strong {
	float: left;
	width: 38px;
	height: 28px;
	margin: 0 0 0 -1px;
	padding: 10px 0 0 0;
	border: 1px solid #ddd;
	color: #010101;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0;
	vertical-align: middle;
	cursor: pointer;
}
.pageing img {
	height: 38px;
	margin: 0 0 0 -1px;
	padding: 0;
}
.pageing .on,  .pageing img:hover,  .pageing strong,  .pageing a:hover {
	z-index: 1;
	position: relative;
	border: 1px solid #127ce8;
	background: #127ce8;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.pageing .first,  .pageing .prev,  .pageing .next,  .pageing .last {
	height: 38px !important;
	padding: 0 !important;
}
.pageing a.first,  .pageing a.prev,  .pageing a.next,  .pageing a.last {
	border-top: 0;
}
.pageing .first {
	margin: 0 -1px 0 0;
}
.page-number {
	width: 920px;
	margin: 0 auto;
	padding: 33px 0 0;
	text-align: right;
}
.page-number strong {
	display: inline-block;
	color: #127ce8;
	vertical-align: top;
}
.list-com-3 {
	width: 920px;
	margin: 0px auto 0;
	border-top: 1px solid #7f7f7f;
}
.list-com-3 ul {
}
.list-com-3 ul li {
	overflow: hidden;
	height: 205px;
	border-bottom: 1px solid #ddd;
	font-size: 0;
	line-height: 0;
}
.list-com-3 ul li .image {
	float: left;
	margin: 30px 0 0 50px;
}
.list-com-3 ul li .image a p .btn {
	float: right;
}
.list-com-3 ul li .desc {
	float: right;
	width: 670px;
	padding: 30px 0 0;
}
.list-com-3 ul li .desc.diss {
	float: left;
	position: relative;
	width: 700px;
	margin: 0 0 0 25px;
}
.list-com-3 ul li .desc.diss h2 {
	padding: 0 0 0 60px;
}
.list-com-3 ul li .desc.diss .btn {
	position: absolute;
	top: 28px;
	left: 0;
}
.list-com-3 ul li .desc a {
	display: inline-block;
	vertical-align: top;
}
.list-com-3 ul li .desc h2 {
	font-size: 18px;
	line-height: 26px;
}
.list-com-3 ul li .desc h3 {
	font-size: 16px;
	line-height: 26px;
}
.list-com-3 ul li .desc h2 a {
	color: #333;
	font-size: 24px;
	line-height: 30px;
	float: left;
	font-family:'NanumGothic';
}
.list-com-3 ul li .desc h2 a:hover {
	color: #127ce8;
}
.list-com-3 ul li .desc h3 a {
	color: #666;
	font-size: 18px;
	line-height: 30px;
	float: left;
	
}

.list-com-3 ul li .desc p {
	/*overflow:hidden;*/
	height: 30px;
	padding: 60px 0 20px;
	font-size: 15px;
	line-height: 20px;
}
.list-com-3 ul li .desc p a {
	color: #777;
}

/*
	게시판 검색
*/
.board-search-a {
	width: 1200px;
	margin: 0 auto;
	padding: 0px 0 0;
	text-align: right;
}
.board-search-a select {
	color: #606060;
}
.board-search-a input[type="text"] {
}
.board-search-a .btn,  .board-search-a input.btn {
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	float: right;
	width: 48px;
	height: 28px;
	margin: 0 0 0 -1px;
	padding: 6px 0 0;
	border: 1px solid #777;
	background: #777;
	color: #fff;
	font-size: 12px !important;
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.board-search-a input.btn {
	height: 36px;
	padding: 0 0;
}
input[type=text], input[type=password] {
	height: 36px;
	padding: 0 10px;
	font-family: 'Malgun Gothic';
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.com-area-1 {
	overflow:hidden;
	width:900px;
	padding:80px auto 0;
	padding:0;
	border-top:1px solid #aaa;
}
	.com-area-1 .image {
		float:left;
		font-size:0;
		line-height:0;
	}
		.com-area-1 .image img {width:350px;border:0;}
	.com-area-1 .txtus {
		float:right;
		width:520px;
	}
		.com-area-1 .txtus .tit {
			padding:43px 0 0;
			color:#4e7cac;
			font-weight:300px;
			font-size:30px;
			line-height:32px;
		}
		.com-area-1 .txtus .tit2 {
			padding:20px 0 0;
			color:#666;
			font-weight:300px;
			font-size:20px;
			line-height:20px;
		}
		.com-area-1 .txtus p {
			padding:20px 0 30px;
			color:#777;
			font-size:16px;
			line-height:24px;
		}
.com-area-2 {
	width:920px;
	margin:0 auto;
	padding:50px 0 50px;
}
.com-area-2 .tit {
			color:#333;
			font-weight:300px;
			font-size:18px;
			line-height:40px;
		}
.com-area-2 .txt p {
			padding:20px 0 30px;
			color:#777;
			font-size:15px;
			line-height:24px;
		}
.line-top-1 {border-top:2px solid #8ac43c;}
.line-top-2 {border-top:1px solid #ddd;}

.line-top-1 {border-top:2px solid #8ac43c;}
.line-bottom-2 {border-bottom:1px solid #999;}



.vat {
	font-size: 14px;
	font-weight:none !important;
	color:#999;
}

/* tab menu */
.gu_btn_area { font-size: 0; margin: 0 auto; width: 1208px; text-align: center; border-bottom:0px solid #ddd;}
.gu_btn_area .gu_btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 50px; margin-right: -1px; border: 1px solid #ddd; background: transparent; cursor: pointer; position: relative; display: inline-block; text-align: center; font-size: 0; padding: 0 26px; color: #222; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.gu_btn_area .gu_btn.btn_white { background: #fff; border-color: #ddd; }
.gu_btn_area .gu_btn.btn_arrow .arrow { position: absolute; background: url(../img/include/tab-black.png) 50% 50% no-repeat; display: inline-block; vertical-align: middle; width: 16px; height: 16px; -webkit-background-size: contain; background-size: contain; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.gu_btn_area .gu_btn .label { font-size: 15px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; display: inline-block; vertical-align: top; line-height: 1; }
.gu_btn_area .gu_btn.btn_arrow .label { padding-right: 28px; }
.no-mobile .gu_btn_area .gu_btn.btn_arrow:hover .arrow { right: 26px; }
.gu_btn_area .gu_btn:before { content: ''; position: absolute; background: #284787; color: #fff; border-color: #222; width: 0; height: calc(100% + 2px); left: -1px; top: -1px; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.gu_btn_area .gu_btn.btn_white:hover { color: #fff; }
.gu_btn_area .gu_btn.btn_arrow.btn_white:hover .arrow { background-image: url(../img/include/tab-white.png); right: 15px; }
.gu_btn_area .gu_btn:hover:before { width: calc(100% + 2px); }
.gu_btn_area .gu_btn.active { background: #284787; color: #fff; border-color: #222; }
.gu_btn_area .gu_btn.btn_arrow .label.arrow:before { color: #fff; }


/* ======================================================
   #top-vis & #snbNavi-wrap
=========================================================*/
#top-vis{height:350px; position:relative;z-index:1005; overflow:hidden;}
#top-vis .img{height:350px;position:relative;}
#top-vis .img img{width:100%;height:350px;object-fit:cover;}
#top-vis .txt{position:absolute; left:0; top:35%; text-align:center; width:100%; z-index:5}
#top-vis .txt h2{margin-top:15px; font-size:40px; color:#fff; line-height:1.2em; font-weight:400; letter-spacing:-0.03em;}
#top-vis .txt p{margin-top:5px;font-size:13px; color:#eee; line-height:1.2em; font-weight:400; font-family:Roboto}

	@media only screen and (max-width:1200px){
		#top-vis{height:350px;}
		#top-vis .img{height:450px;}
		#top-vis .img img{height:450px;}
		#top-vis .txt{top:45%}
		#top-vis .txt h2{font-size:35px}
		#top-vis .txt p{margin-top:10px; font-size:14px}

		#snbNavi-wrap .snbNavi{padding-left:55px;}
		#snbNavi-wrap .home{width:53px;}
	}
	@media only screen and (max-width:999px){
		#top-vis{height:350px;}
		#top-vis .img{height:350px;}
		#top-vis .img img{height:350px;}
		#top-vis .txt h2{font-size:30px}
		
		#snbNavi-wrap{height:50px;}
		#snbNavi-wrap .snbNavi{padding-left:50px;}
		#snbNavi-wrap .home{width:48px;height:50px;}

		#snbNavi-wrap dl{min-width:auto; width:50%;}
		#snbNavi-wrap dl:nth-child(4){display:none;}
		
		#snbNavi-wrap dt a{padding-left:17px; font-size:15px; padding-right:30px; height:50px; line-height:49px;}
		#snbNavi-wrap dt a:after{right:15px; width:11px;}
		#snbNavi-wrap dd{top:50px; min-width:150px;}
		#snbNavi-wrap dd li a{padding:0 17px; font-size:14px;}

	}
	@media only screen and (max-width:680px){
		#top-vis{height:300px;}
		#top-vis .img{height:300px;}
		#top-vis .img img{height:300px;}
		#top-vis .txt h2{font-size:25px}
		#top-vis .txt p{font-size:13px}
	}
	@media only screen and (max-width:480px){
		#top-vis{height:260px;}
		#top-vis .img{height:260px;}
		#top-vis .img img{height:260px;}

		#snbNavi-wrap dt a{padding-left:12px; font-size:14px;}
		#snbNavi-wrap dt a:after{right:12px; width:9px; right:12px;}
		#snbNavi-wrap dd li a{padding:0 12px;font-size:13px;line-height:40px;}
	}


/* ======================================================
   #mainVisual
=========================================================*/

	.material-icons { line-height: inherit; color: inherit; vertical-align: middle; }
/* ---  메인 비주얼 --- */
#mainVisual { overflow: hidden; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
#mainVisual.full-height { height: 600px; }
.slick-track, .slick-list { -webkit-perspective: 2000; -webkit-backface-visibility: hidden; }
#mainVisual .main-visual-list-con, #mainVisual .main-visual-con, #mainVisual .slick-list, #mainVisual .slick-track, .main-visual-item { height: 100%; }
.main-visual-con { }
/* 메인 비주얼 :: 이미지 */
.main-visual-item { position: relative; background-color: #000; }
.main-visual-item .main-visual-pc-img img { position: relative; left: 50%; margin-left: -952px; height: 100%; background-size: cover !important; -ms-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); transition: all 1.5s cubic-bezier(0.7, 0, 0.3, 1); opacity: 0.9; filter: Alpha(opacity=90); }

.main-visual-item .main-visual-m-img { display: none; }
/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con { position: absolute; top: 40%; left: 0px; width: 100%; margin-top: -60px; z-index: 10; } /* margin-top은 조정 (텍스트영역 높이의 반) */
/* 메인 비주얼 :: active효과 */
.main-visual-item.slick-active .main-visual-pc-img img { -ms-transform: scale(1.0); -o-transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); }
/* 메인 비주얼 :: 버튼 */
#mainVisual .slick-dots { position: absolute; width: 100%; text-align: center; bottom: 20px; }
#mainVisual .slick-dots li { display: inline-block; margin: 0 5px; }
#mainVisual .slick-dots li button { cursor: pointer; margin: 0px; padding: 0px; background: none; font-size: 0; width: 12px; height: 12px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
#mainVisual .slick-dots li.slick-active button { background-color: #000; }		/* 버튼 active */
/* 메인 비주얼 :: 화살표 */
#mainVisual .slick-arrow { position: absolute; width: 80px; height: 80px; top: 50%; margin-top: -40px; cursor: pointer; border: 0; cursor: pointer; z-index: 12; font-size: 0; border: 1px solid rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.15) }		/* 버튼이미지에 맞게 크기 수정 */
#mainVisual .slick-arrow i { color: #fff; font-size: 28px }
#mainVisual .slick-arrow.slick-prev { left: 30px; }
#mainVisual .slick-arrow.slick-next { right: 30px; }
/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon { position: absolute; bottom: 55px; left: 50%; margin-left: -41px; text-align: center; z-index: 9 }	/* width값에 맞게 margin-left수정 */
.main-scroll-icon span { display: block; color: #fff; padding-bottom: 5px; letter-spacing: -0.5px; font-weight: 300; }
 @media all and ( max-width: 800px ) {
#mainVisual { height: auto; }
/* 메인 비주얼 :: 이미지 */
.main-visual-item .main-visual-pc-img { display: none; }
.main-visual-item .main-visual-m-img { display: block; }
.main-visual-m-img img { width: 100%; height: 230px; }
/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con { height: 100%; top: 50%; margin-top: -60px; }
/* 메인 비주얼 :: 화살표 */
#mainVisual .slick-arrow { width: 40px; height: 40px; margin-top: -20px; background-size: 47px auto !important; } /* 화살표사용시 display:none 삭제 */
#mainVisual .slick-arrow.slick-prev { left: 0px; }
#mainVisual .slick-arrow.slick-next { right: 0px; }
/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon { display: none }
}


img{
	max-height: 100%;
	vertical-align: middle;
	cursor: pointer;  
    /*transition: all 0.6s;*/
}
.magnifyImg{
	overflow: hidden;
}
.magnifyImg img{
	transition: all 1s;
	-webkit-transition: all 1s;
}
.magnifyImg img:hover{  
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.magnifyImgs{
	overflow: hidden;
}
.magnifyImgs img{
	transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);
}
.magnifyImgs img:hover{  
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}