/* TABLE OF CONTENTS

	1. BASIC
	2. EFFECT
	3. BUTTONS
	4. HEADER
	5. SLIDER
	6. SUB
	7. SECTION
	8. FOOTER

*/

/*==========================================================
     Basic Style
============================================================*/

body {
	overflow-x:hidden;
}

a {
	color:#333;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

input, textarea {
	outline-width:0;
}

*:hover {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.st1_con *:hover {
	-webkit-transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -ms-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
}

.inner {width:100%;max-width:1300px;margin-left:auto;margin-right:auto;}
.st {padding:110px 0; margin:0 auto;}

/*==========================================================
     Buttons Style
============================================================*/

.button:hover {
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*==========================================================
     Header Style
============================================================*/

/*로고 좌측 정렬시 적용*/
#hd {position:relative; width:100%;} 
#hd .gnb_area {position:absolute; top:24px; width:100%; height:96px; z-index:99; border-bottom:1px solid rgba(255,255,255,0.2);}
#hd .gnb_area:after {display:block;clear:both;content:"";}
#hd .logo {float:left;}
#hd .gnb_area .gnb{float:left; padding:20px 0 ; margin-left:80px;}
#hd .hd_bn_area .hd_bn{float:right;}

/*로고 가운데 정렬시 적용*/
#hd2 {position:relative; width:100%; height:170px;}
#hd2 .gnb_area {position:absolute; width:100%; top:24px; background:rgba(0, 0, 0, 0.5);  z-index:99;}
#hd2 .gnb_area:after {display:block;clear:both;content:"";}
#hd2 .logo {text-align:center;}
#hd2 .gnb #web_cate_ul1_box {text-align:center;}


.topbar {position:absolute; top:0; width:100%; height:24px; line-height:24px; z-index:999;}
.topbar ul {padding-right:15px;padding-left:15px;text-align:right;}
.topbar ul li {display:inline-block; margin-left:5px;}
.topbar ul li a {color:#fff; font-size:12px; font-weight:200; letter-spacing:1px;}
.topbar ul li:before {display:inline-block; content:""; margin: 0 5px 2px 0; width:4px; height:4px; border-radius:50%; background: #fff;}
.topbar ul li:hover span {background:#fff;}
.topbar ul li:hover:before {background:#fff;}
.topbar ul li span {display:inline-block;margin:0 5px 2px 0;width:4px;height:4px;border-radius:2px;background:#fff;}

/*==========================================================
     contaniner 
============================================================*/

#container {margin-top:; }  /*로고 가운데 정렬시 -146px로 수정 */



/*==========================================================
     mvis
============================================================*/

#mvis {position:relative; font-size:0;}
#mvis .mimg {
	width:100%;
	height:935px;
	padding-top:; 
	background-size:cover; 
	background-repeat:no-repeat; 
	background-position:left center;
}


#mvis .mimg01 {background-image:url('../img/main/mvis/main01.jpg')}
#mvis .mimg02 {background-image:url('../img/main/mvis/main02.jpg')}
#mvis .mimg03 {background-image:url('../img/main/mvis/main03.jpg')}

.mtxt_area {position:absolute; top:37%; left:16.5%;}
.mt_area{width:100%; height:100%;}

#mvis .mimg .mtxt {width:100%; z-index:1;}
#mvis .mimg .mtxt img {display: inline-block;}


/*==========================================================
    st1
============================================================*/

#st1 {width: 100%; overflow: hidden; background:#fff;}
.st1_bn01 {float:left;}
.st1_bn01 h3 {font-size:35px; font-weight:600; color:#000000; margin-bottom:40px;}
.st1_bn01 h4 {font-size:22px; line-height:1.7em; font-weight:500; color:#303030; margin-bottom:40px; letter-spacing: -0.05em;}
.st1_bn01 p {font-size:17px; line-height:1.7em; font-weight:400; color:#9a9a9a;}

.st1_bn01 a {
	display: block;
    border-radius: 50px;
	font-size:15px;
    color: #fff;
    background: #4c85d3;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 45px 0 0 0;
}

.st1_bn02 {float:right;}


/*==========================================================
    st2
============================================================*/

#st2 {
	width: 100%;
    overflow: hidden;
    height: 600px;
    background: url(../img/main/st2/st2_bg.jpg) center top;
    background-attachment: fixed;
}
.st2_bn01 {
	padding: 90px 40px;
    background: rgba(255, 255, 255, 0.9);
    width: 450px;
}
.st2_bn01 h3 {font-size:35px; line-height:50px; font-weight:400; color:#000000; margin-bottom:40px; letter-spacing: -0.05em;}
.st2_bn01 h3 span {font-weight:600; color:#36c1ba;}
.st2_bn01 h4 {font-size:19px; font-weight:500; color:#303030; margin-bottom:45px; letter-spacing: -0.05em;}
.st2_bn01 p {font-size:17px; line-height:30px; font-weight:400; color:#9a9a9a; letter-spacing: -0.05em;}


/*==========================================================
    st3
============================================================*/

#st3 {width: 100%; overflow: hidden; margin: 0 auto; background: url(../img/main/st3/st3_bg.jpg) repeat-x left bottom;}

#st3 .st3_tit {text-align:center; margin-bottom:60px;}
#st3 .st3_tit h1 {font-size:35px; font-weight:600; color:#000000; margin-bottom:24px; letter-spacing: -0.05em;}
#st3 .st3_tit p {font-size:16px; font-weight:400; color:#4f4f4f; letter-spacing: -0.05em;}

#st3 .st3_bn01 {position: relative;
	background: url(../img/main/st3/st3_img01.jpg) no-repeat center top;
    background-size: 100%; float:left; width:650px; height:400px;
}
#st3 .st3_bn02 {position: relative;
	background: url(../img/main/st3/st3_img02.jpg) no-repeat center top;
    background-size: 100%; float:left; width:650px; height:400px;
}
#st3 .st3_bn03 {position: relative;
	background: url(../img/main/st3/st3_img03.jpg) no-repeat center top;
    background-size: 100%; float:left; width:650px; height:400px;
}
#st3 .st3_bn04 {position: relative;
	background: url(../img/main/st3/st3_img04.jpg) no-repeat center top;
    background-size: 100%; float:left; width:650px; height:400px;
}

#st3 .st3_area a {
	background: rgba(0, 0, 0, 0.3);
    padding: 30px;
    position: Absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
	display:block;
}

#st3 .st3_area a h3 {font-size:30px; font-weight:500; margin-bottom:12px; letter-spacing: -0.05em;}
#st3 .st3_area a p {font-size:16px; font-weight:400; letter-spacing: -0.05em;}


/*==========================================================
    st4
============================================================*/

#st4 {width: 100%; overflow: hidden; margin: 0 auto;}
#st4 .st4_tit {text-align:center; margin-bottom:60px;}
#st4 .st4_tit h1 {font-size:35px; font-weight:600; color:#000000; margin-bottom:24px; letter-spacing: -0.05em;}
#st4 .st4_tit p {font-size:16px; font-weight:400; color:#4f4f4f; letter-spacing: -0.05em;}
#st4 ul {overflow: hidden;}
#st4 li {background:#fff;}
#st4 li img {width:100%; transition: opacity 0.3s ease-in-out;}
#st4 li img:hover {opacity: 0.7;}
#st4 li.st4_bn01 {float:left;}
#st4 li.st4_bn02 {float:right;}
#st4 li.st4_bn03 {float:left; margin-top:30px;}
#st4 li.st4_bn04 {float:right; margin-top:30px;}
#st4 .st4_txt {margin-top:60px; text-align:center;}
#st4 .st4_txt h3 {font-size:30px; font-weight:600; color:#000000; line-height:55px; letter-spacing: -0.05em;}
#st4 .st4_txt span {font-weight:400;}

/*==========================================================
    st5
============================================================*/

#st5 {
	width: 100%;
    overflow: hidden;
    background: url(../img/main/st5/st5_bg.jpg) center;
    background-attachment: fixed;
	padding: 200px 0;
	color:#fff;
	text-align:center;
}

#st5 .st5_tit {color:#fff;}
#st5 .st5_tit h1 {font-size:42px; font-weight:600; letter-spacing: -0.02em; margin-bottom:22px;}
#st5 .st5_tit p {font-size:22px; font-weight:300; letter-spacing: -0.02em; margin-bottom:60px;}
#st5 .st5_tit a { display: inline-block; font-size:15px; padding: 0 20px 10px 20px; color: #fff; border-bottom: 1px solid #fff;}


/*==========================================================
    st6
============================================================*/

#st6 {width: 100%; overflow: hidden; margin: 0 auto;}
#st6 .st6_map {font-size:0;}
#st6 .st6_bn01 {float:left;}
#st6 .st6_bn02 {float:right; background:#2c4161; width:580px; text-align:center; height:470px; padding:145px 0; color:#fff;}
#st6 .st6_bn02 h4 {font-size:16px; font-weight:400; margin-bottom:23px; letter-spacing: -0.05em;}
#st6 .st6_bn02 h3 {font-size:35px; font-weight:500; margin-bottom:40px; letter-spacing: -0.05em;}
#st6 .st6_bn02 p {font-size:16px; line-height:30px; font-weight:300; color:#c6c6c6; letter-spacing: -0.05em;}


/*==========================================================
    st7
============================================================*/

#st7 {width: 100%; overflow: hidden; margin: 0 auto; background: #242b37;}

#st7 .st7_bn_left {width: 40%; float: left; padding-top:30px;}
#st7 .st7_bn_left h3 {font-size:22px; font-weight:500; letter-spacing:-0.05em; color:#368bff; margin-bottom:40px;}
#st7 .st7_bn_left h1 strong {font-size:40px; font-weight:600; letter-spacing:-0.02em; color:#fff;}
#st7 .st7_bn_left h1 span {font-size:17px; font-weight:300; letter-spacing:-0.02em; color:#fff; line-height: 2.8em;}

#st7 .st7_bn_right {width: 60%; float: right; color:#fff;}
#st7 .st7_bn_right .st7_bn01 {float: left; background:#303a4b; width:250px; height:250px; padding:30px;}
#st7 .st7_bn_right .st7_bn02 {float: left; background:#303a4b; width:250px; height:250px; padding:30px; margin: 0 0 0 10px;}
#st7 .st7_bn_right .st7_bn03 {float: left; background:#303a4b; width:250px; height:250px; padding:30px; margin: 0 0 0 10px;}

#st7 .st7_bn_right h3 {font-size:22px; font-weight:500; letter-spacing:-0.02em; margin-bottom:20px;}
#st7 .st7_bn_right h4 span {font-size:17px; font-weight:400; }
#st7 .st7_bn_right h4 strong {font-size:17px; font-weight:400; }
#st7 .st7_bn_right h4 {margin-bottom:5px;}

#st7 .st7_bn_right figure {text-align:right; margin-bottom:15px;}

/*==========================================================
     Sub
============================================================*/

#svis {height:350px; background:url(../img/common/svis.jpg) center center; background-size:cover;}
#svis .inner {display:table;width:100%;height:470px;}
#svis .st_con {display:table-cell;vertical-align:middle;}
#svis .st_con h2 {color:#fff; text-align:center; font-weight:300;}
#svis #container_title {
	display:table-cell;
	vertical-align:middle;
	padding:0;
    letter-spacing: -0.5px;
    font-size: 36px;
    color: #fff;
    border-bottom: 0;
	text-align:center !important;
}

#bo_v_title {display:none;}
#bo_v_con {
	line-height:normal;
	text-align:center;
}



/*==========================================================
     Section Style
============================================================*/

/*----- section01 -----*/

/*----- section02 -----*/

/*----- section03 -----*/

/*==========================================================
     Footer Style
============================================================*/

#footer {
	background:#1e242e;
	border-top:1px solid #1e242e;
	
}

#footer .foot_con{
	display:table;
	width:100%;
	height:120px;
	padding-left:10px;
	line-height:22px;

}

#footer .foot_con .ft_info {
	display:table-cell;
	color:#eaeaeb;
	vertical-align:middle;
}

#footer .sns {
	display:table-cell;
	vertical-align:middle;
	color:#eaeaeb;
	text-align:right;
}

#footer .sns ul li {
	display:inline-block;
	margin:0 15px;
}

#footer .sns ul li:hover {
	opacity:0.8;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}






/*----- return to top button -----*/
#return-to-top {
	position:fixed;
	bottom:3em;
	right:3em;
	background:#fff;
	width:60px;
	height:60px;
	display:block;
	text-align:center;
	text-decoration:none;
	line-height:60px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border: 1px solid #ececec;
	border-radius: 50%;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.07);
	display:none;
	transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	z-index:999999;
}

#return-to-top i {
	color:#777;
	margin:0;
	position:relative;
	font-size:22px;
}

#return-to-top:hover {
	transform: translate3d(0, -5px, 0);
	-webkit-transform: translate3d(0, -5px, 0);
	-moz-transition: translate3d(0, -5px, 0);
	-ms-transition: translate3d(0, -5px, 0);
	-o-transition: translate3d(0, -5px, 0);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

#return-to-top:hover i {
	color: #777;
}