﻿

/*공통 스타일*/
#wraper { width:100%;  min-width:320px; }
#wraper,#container, .inner:after,.header_Area:after { content:""; display:block; clear:both; }

.inner{max-width:1200px; clear:both; margin:0 auto;}
.cf::after{content:""; display:block; clear:both;}

/*해더영역 스타일*/
.main_header {
	position: relative;
	top: 0px;
	width: 100%;
	height: auto;
	z-index: 9999;
}

.top_line{width:100%;height:52px;background-color:#f7f7f7;}

#top_space{}

#logo {
	width: 170px;
	float:left;
}
.gnb{

margin-right: 60px;
margin-top:28px;

float:right;
}

.gnb ul li{display:inline-block;height: 80px;}

.rollover {
	position:relative;
	cursor:pointer;
}

.rollover img {
	
	left:0;
	top:0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.rollover img.out:hover {
	opacity:0;
}

.navi{float:left;margin-left: 43px;margin-top: 31px;}

/*섹션타이틀 공통*/
section p{text-align:center;/* width: 38%; */margin: 0 auto;}
section p.title {font-size: 4rem;color: #ea6d11;font-family:'Impact';border-bottom: 1px solid #dcdcdc;letter-spacing: -1px;line-height: 64px;width: 60%;}
section p.title span {display: inline-block;margin-right: 5px;font-size: 4rem;color: #03bdec;/*text-transform: uppercase;*/font-family:'Impact';}
section p.title_txt{font-size: 1.3rem;color: #555;padding-bottom: 35px;padding-top: 15px;letter-spacing: -0.5px;}
section .st_title{margin-bottom:78px;}



/*객실미리보기*/
#section01 {min-height: 100%;background: #fff;}
#section01 .rooms{padding-top: 44px;padding-bottom: 30px;}
#section01 .rooms img{/*margin:0 auto;*/}
#section01 .rooms .room_row ul{text-align:center;}
#section01 .rooms .room_row li{display:inline-block;/* margin: 0px 0px; */padding-bottom: 15px;/* width: 380px; */padding-left: 1px;padding-right: 1px;}
#section01 .rooms .room_row li:first-child{margin-left: 0px;}
#section01 .rooms .room_row li:last-child{margin-right: -1px;}
#section01 .rooms .room_row .box{position:relative;background-color:#000;width: 100%;overflow: hidden;}
#section01 .rooms .room_row .over{border: 0px solid #79CBFF;opacity: 0;  filter:alpha(opacity=0); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; cursor: pointer;
transition: 
-webkit-transition:opacity 0.3s,border-width 0.3s;
-moz-transition: opacity 0.3s,border-width 0.3s;  
-ms-transition: opacity 0.3s,border-width 0.3s;  
-o-transition:opacity 0.3s,border-width 0.3s;  
transition: opacity 0.4s,border-width 0.4s;}
#section01 .rooms .room_row .overText{color:#fff;font-size: 24px;padding-top: 25%;}
#section01 .rooms .room_row .overText span{color:#fff;font-size: 18px;}
#section01 .rooms .room_row .over:hover{opacity:1;filter:alpha(opacity=100);border-width:10px;}
#section01 .rooms .room_row .box img{width: 100%;opacity: 1;transition:
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;overflow: hidden;transition: all 0.5s;}

#section01 .rooms .room_row .box:hover img{opacity:0.5;filter: blur(2px);
	-webkit-filter: blur(2px); 
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	transform:scale(1.2,1.2);}

/*스페셜영역*/
#section02 {/*min-height: 1185px;*/}
#section02 img{/*margin:0 auto;*/}
#section02 .special .sp_left{margin-right: 14px;width:674px;}
#section02 .special .sp_left .sp01{margin-bottom: 14px;}
#section02 .special .sp_right{width: 512px;}
#section02 .sp_item{padding-right: 0px;/* width: 100px; */}
#section02 .special  li  .box_black{ background-color:#000; position:relative;}
#section02 .special li img{opacity: 1;transition:
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#section02 .special li:hover .sp_img{opacity:0.4;}

#section02 .special .over{opacity: 0;filter:alpha(opacity=1);width: 100%;height: 100%;position: absolute;top: 0;text-align: center;left: 0;z-index: 3;cursor: pointer;transition: 
-webkit-transition:opacity 0.3s,border-width 0.3s;-moz-transition: opacity 0.3s,border-width 0.3s;-ms-transition: opacity 0.3s,border-width 0.3s;-o-transition:opacity 0.3s,border-width 0.3s;transition: opacity 0.4s,border-width 0.4s;}
#section02 .special li .over:hover{opacity:1;filter:alpha(opacity=100);}

#section02 .special .sp01 .overText{padding-top: 24%;}
#section02 .special .sp02 .overText{padding-top: 22%;}
#section02 .special .sp03 .overText{padding-top: 47%;}
#section02 .special li .overText img{ margin:0 auto;}

#section03 {/* min-height: 600px; *//* background: #dff0fd; */padding: 36px 0px 30px 0px;}
#section03 .info .info_left{/*float:left;*/margin-right: 1px;width:599px;}
#section03 .info .info_left li.st_info01{/*float:left;*/margin-right:1px;margin-bottom:1px;width:599px;}
#section03 .info .info_left li.st_info02{float:left;width:599px;overflow: hidden;}
#section03 .info .info_right li.st_info03{float:left;width: 49.9%;margin-right: 1px;}
#section03 .info .info_right li.st_info04{float:left;width: 49.9%;}

#section03 .info img{margin:0 auto;}

#section03 .info .info_left .info01{}
#section03 .info .info_right{float:left;width:599px;}
#section03 .info .info_right .info03{
    margin-bottom: 1px;
    /* width: 577px; */
}
#section03 .info .info_right .info04{position:relative;padding-top: 35%;padding-bottom: 32.4%;}
#section03 .info .info_right .info05{position:relative;padding-top: 35%;padding-bottom: 32.4%;}
#section03 .info .info_right li{float:left;/* width: 283px; */}
#section03 .info  li .box_black { position:relative;  background-color:#000;}
#section03 .info  li .box_white {position:relative;/* width: 306px; */background-color:#fff;}

#section03 .info  li img {opacity: 1;transition:
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

#section03 .info li:hover .sp_img{opacity:0.40;}


#section03 .info .text01{position:absolute;bottom:0px;width: 100%;background:rgba(0,0,0,0.3);font-size: 1.3rem;line-height: 150%;padding: 12px 0;color:#fff;}
#section03 .info .text02{position:absolute;top: 30%;left:0px;width: 100%;font-size: 1.4rem;vertical-align:middle;line-height: 160%;color:#111;}
#section03 .info .text02 a{text-decoration:underline;padding-top:20px;line-height: 60px;}
#section03 .info .text03{position:absolute;top: 0px;left:0px;width: 100%;}
#section03 .info .text03 p{font-size: 1.4rem;vertical-align:middle;line-height: 144%;color:#fff;margin-top: 3.5%;}
#section03 .info .text03 span{font-size: 1.1em;}
#section03 .info .text04{/* position:absolute; *//* top: 15%; */left:0px;width: 100%;height: 100%;padding-top: 11%;}
#section03 .info .text04 p.line{width:27px;border-bottom:1px solid #fff; height:1px;}
#section03 .info .text04 p{font-size: 1.7rem;vertical-align:middle;line-height: 120%;color:#fff;margin-top: 3%;}
#section03 .info .text04 p span{color:#d8eafe;}
#section03 .info .text04 p.txt01{font-size: 1rem;font-family:'open sans';letter-spacing:3px;margin-top: 15px;}

#section03 .info .text05{/*position:absolute;top: 16%;*/left:0px;width: 100%;height: 60%;padding-top: 11%;}
#section03 .info .text05 p{font-size: 1.7rem;vertical-align:middle;line-height: 130%;color:#fff;}
#section03 .info .over{opacity: 0;filter:alpha(opacity=1);width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-align: center;z-index: 3;cursor: pointer;transition: 
-webkit-transition:opacity 0.3s,border-width 0.3s;-moz-transition: opacity 0.3s,border-width 0.3s;-ms-transition: opacity 0.3s,border-width 0.3s;-o-transition:opacity 0.3s,border-width 0.3s;transition: opacity 0.4s,border-width 0.4s;}

#section03 .info li .over:hover{opacity:1;filter:alpha(opacity=100);}
#section03 .info .info01 .overText{padding-top:10%;}
#section03 .info .info02 .overText{padding-top:10%;}
#section03 .info li .info01 img{ margin:0 auto;}

#section03 .info .info_right .info04 .box_bg{
	position:absolute;
	top: 0px;
	left:0px;
	width: 100%;
	height:96%;
	background-color:#65a6ef;
	cursor: pointer;
	transition:
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;  
-ms-transition: all 0.5s;  
-o-transition: all 0.5s;
transition: all 0.5s; 
	}

#section03 .info .info_right .info04 .box_bg:hover{background-color:#0a2149;}
#section03 .info .info_right .info04:hover p span{color:#ffffff;}

/*#section03 .info .info05 {
	position:relative;
	width: 100%;
	cursor:pointer;
}*/

#section03 .info .info_right .info05 .over01{}

#section03 .info .info_right .info05 .rollover01{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height:96%;
	background-color:#2c7cbb;
	cursor: pointer;
	transition:
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;  
	-ms-transition: all 0.5s;  
	-o-transition: all 0.5s;
	transition: all 0.5s; 
	/*border: 1px solid #ffffff;*/
}

#section03 .info .info_right .info05 .rollover01:hover{background-color:#0a2149;}



/*#section03 .info .info05:hover .rollover01 img.out_img {
	opacity:0;
}*/

/*푸터영역*/
.footer_box{background-color:#555555;padding: 10px 20px 20px;}


.footer_info {

}
.footer_info .address_txt p {
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	line-height: 22px;
	padding-bottom: 5px;
}
.footer_info .address_txt {
	
	padding-top: 20px;
}
.footer_info .address_txt span {
	font-size: 12px;
	color: #777;
	display: block;
	padding-top: 5px;
}
.footer_info .address_txt ul {
	/* width: 200px; */
	/* position: relative; */
	/* top: -23px; */
	text-align: center;
	/* left: 640px; */
	margin: 0 auto;
}
.footer_info .address_txt li {
	padding-left: 3px;
	display: inline-block;
}

#cont_style01{min-width : 320px; height : auto; margin : 0 auto; overflow-x : hidden; overflow-y : hidden;}
#cont_style01 a{text-decoration : none;}
#cont_style01>div{padding : 10% 0;}
#cont_style01>div#cont02{padding : 10% 0 0;}
#cont_style01 .cont_in{margin : 0 auto;}
#cont_style01 .cont_tit{margin : 0 auto; text-align : center; padding-bottom : 8%;/*70px*/
										position : relative;}
#cont_style01 .cont_tit h3{font-size : 1.857rem; font-weight : bold; line-height : 0.5em;
												font-family: 'Nanum Gothic','나눔 고딕'; color : #3c7cc9;}
#cont_style01 .cont_tit h3 span{color : #777;}
#cont_style01 .cont_tit p{font-size : 1.571rem; line-height : 1em; font-weight : bold; 
											color : #3c7cc9; opacity : 0.5; margin-top : 15px;}
#cont_style01 .cont_tit .ct_arrow{display : block; text-indent : -9999px; width : 400px; height : 20px;
															background : url(../images/cont_tit_arrow.png) no-repeat center;
															background-size : 100% auto;
															position : absolute; top : 8%; left : 50%; transform : translateX(-50%);}

/*cont01*/
#cont01{width : 100%; height : auto;}
.cont01_list>ul:after{content : ""; display : block; clear : both;}
.cont01_list>ul{padding : 0 10px;}
.cont01_list li{float : left; width : 50%;
						box-sizing : border-box; padding : 10px 10px;}
.cont01_list li a{display : block; border : 1px solid #bbb;}
.cont01_list li .list_img{width : 100%; height : auto; overflow : hidden; transition : all 0.4s;}
.cont01_list li .list_img img{width : 100%; height : auto; transition : all 0.4s;}
.cont01_list li .list_img .over{display : none;}
.cont01_list li .list_txt{font-weight : bold; padding : 15px; line-height : 1.4em;}
.cont01_list li .list_txt p{font-size : 1rem; color : #444; text-align : center;}
.cont01_list li .list_txt span{display : none;}

/*cont02*/

#cont02{width : 100%; height : auto; /*background-color : rgba(0, 0, 0, 0.1);*/}
.cont02_list>ul:after{content : ""; display : block; clear : both;}
.cont02_list>ul{padding : 0 10px;}
.cont02_list li{float : left; width : 33.333%; padding : 10px 10px; box-sizing : border-box;}
.cont02_list li a{display : block; width : 170px; height : 155px;
					background : url(../images/cont02_iconbg.png) no-repeat center;
					background-size : auto 155px;
							padding : 10px 0;}/* border : 1px solid #bbb; background-color : rgba(255, 255, 255, 0.8);*/
.cont02_list li p:first-child{text-indent : -9999px; width : 44px; height : 44px; transition : all 0.4s;
												margin : 30px auto 0;
												background-size : auto 44px;
												background-repeat : no-repeat;}

.cont02_list li .list_icon01{background-image : url(../images/cont02_icon02.png);}
.cont02_list li .list_icon02{background-image : url(../images/cont02_icon01.png);}
.cont02_list li .list_icon03{background-image : url(../images/cont02_icon03.png);}
.cont02_list li .list_icon04{background-image : url(../images/cont02_icon05.png);}
.cont02_list li .list_icon05{background-image : url(../images/cont02_icon04.png);}
.cont02_list li .list_icon06{background-image : url(../images/cont02_icon06.png);}

.cont02_list li .list_tit{text-align : center; font-size : 1.071rem; line-height : 1em; margin-top : 10px;
									 transition : all 0.2s;}

/*cont03*/
#cont02{width : 100%; height : auto; padding : 10% 0 0;}
.cont02_slides{width : 100%; height : 150px;}
.cont02_slides li{width : 100%; height : 150px; position : relative;}
.cont02_slides li a{display : block; width : 100%; height : 150px;}
.cont02_slides li img{width : 100%; height : auto;}
/*
#cont03{width : 100%; height : auto;}
.cont03_slides{width : 100%; height : 125px;}
.cont03_slides li{width : 100%; height : 125px; position : relative;}
.cont03_slides li a{display : block; width : 100%; height : 420px;}
.cont03_slides li img{width : 100%; height : auto;}
*/

										
/*cont04*/
#cont04{width : 100%; height : auto; background-color : rgba(0, 0, 0, 0.1);}
.cont04_list>ul{padding : 0 20px;}
.cont04_list>ul:after{content : ""; display : block; clear : both;}
.cont04_list li{float : left; width : 100%; height : 190px; margin-bottom : 15px; overflow : hidden;
							position : relative;}
.cont04_list li>div{width : 100%; height : 100%;
								background-color : #fff; border : 1px solid #bbb;}
.cont04_list li:last-child{margin-bottom : 0;}

.cont04_list .list_photo01{width : 335px; height : 190px; float : left; text-indent : -9999px;
											background : url(../images/cont04_img01.jpg) no-repeat center -40px;
											background-size : 100% auto;}
.cont04_list .list_photo02{width : 335px; height : 190px; float : left; text-indent : -9999px;
											background : url(../images/cont04_img02.jpg) no-repeat center -40px;
											background-size : 100% auto;}

.cont04_list .list_text{float : left; padding : 40px 25px;}
.cont04_list .list_text span:first-child{display : block; font-size : 1.143rem; line-height : 1em; font-weight : bold;}
.cont04_list .list_text span:last-child{display : none;}

.cont04_list .cont04_more{position : absolute; top : 150px; left : 185px; box-sizing : border-box;
												box-shadow : -2px -2px 5px rgba(0,0,0,0.3);
												width : 150px; height : 40px; background-color : #3c7cc9; transition : all 0.4s;}
.cont04_list .cont04_more span{font-size : 1.143rem; line-height : 40px; color : #fff; font-weight : bold; margin-left : 15px;
														position : relative;}



@media (min-width: 768px){
    .sct_20 .sct_li_1,.sct_20 .sct_li_4{width:50%;}
    .sct_20 .sct_li_1 .sct_tit_wr, .sct_20 .sct_li_4 .sct_tit_wr{width:80%;}
    .sct_20 .sct_li_1 .sct_img, .sct_20 .sct_li_4 .sct_img{width:50%;right:10px;}
    .sct_20 .sct_li_1,.sct_20 .sct_li_2,.sct_20 .sct_li_3,.sct_20 .sct_li_4{height:230px;}
    .sct_20 .sct_li_2 .sct_basic,.sct_20 .sct_li_3 .sct_basic{display:none;}
    .sct_20 .sct_li_2 .sct_tit,.sct_20 .sct_li_3 .sct_tit{margin:0;}

.main_mbg{display:none;}
.mm_tit2{display:none;}

#cont_style01{min-width : 768px; margin : 0 auto;}
#cont_style01>div{padding : 8% 0;}
#cont_style01>div#cont02{padding : 8% 0 0;}
#cont_style01 .cont_tit{padding-bottom : 5%;}
#cont_style01 .cont_tit .ct_arrow{width : 600px; height : 40px;}

/*cont01*/
#cont01{min-width : 768px;}
.cont01_list>ul{padding : 0 10px;}
.cont01_list li{padding : 10px;}
.cont01_list li .list_txt p{font-size : 1.286rem; color : #444; margin-bottom : 12px; text-align : left;}
.cont01_list li .list_txt span{display : inline-block; font-size : 0.8571rem; color : #888;}

/*cont02*/
#cont02{min-width : 768px;}
.cont02_list>ul{padding : 0 10px;}
.cont02_list li a{padding : 15px 0;}
.cont02_list li p:first-child{width : 50px; height : 50px; margin-top : 20px;
								background-size : auto 50px;}
.cont02_list li .list_tit{font-size : 1.143rem; margin-top : 15px;}

/*cont03*/
#cont02{min-width : 768px;}
.cont02_slides{height : 280px;}
.cont02_slides li{height : 280px;}
.cont02_slides li a{height : 280px;}
/*
#cont03{min-width : 768px;}
.cont03_slides{height : 192px;}
.cont03_slides li{height : 192px;}
.cont03_slides li a{height : 192px;}
*/

/*con04*/
.con04Wrap{background:url('/images/con04Bg.jpg') no-repeat center; padding:0 !important;}
.con04{padding:40px 0; color:#fff; font-family:'Nanum Gothic'; text-align:center;}
.con04 h3{margin-top:14px; font-size:64px; font-weight:700; font-family:'Nanum Gothic';}
.con04 p{margin:12px 0 20px; font-size:22px; font-weight:600; font-family:'Nanum Gothic';}
.con04 span{display:block; font-size:16px; font-weight:100; font-family:'Nanum Gothic';}
.con04 ul{display:inline-block; margin-top:60px;}
.con04 ul li{float:left; padding:0 30px; text-align:center;}
.con04 ul li a{display:block; width:100%;}
.con04 ul li a img{width:100px;}
.con04 ul li a p{margin-top:15px; color:#fff; font-weight:600; font-size:16px; font-family:'Nanum Gothic';}

/*cont04*/
#cont04{min-width : 768px;}
.cont04_list>ul{padding : 0 10px;}
.cont04_list li{width : 50%; height : 150px; margin-bottom : 0; padding : 0 10px;}

.cont04_list .list_photo01{width : 180px; height : 148px;
											background : url(../images/cont04_img01.jpg) no-repeat center 0;
											background-size : 100% auto;}
.cont04_list .list_photo02{width : 180px; height : 148px;
											background : url(../images/cont04_img02.jpg) no-repeat center 0;
											background-size : 100% auto;}

.cont04_list .list_text{padding: 40px 7px 0;}
.cont04_list li:last-child .list_text{padding : 40px 24px 0;}
.cont04_list .list_text span:first-child{font-size : 1rem;}

.cont04_list .cont04_more{top : 70px; left : 203px; box-shadow : none;}
}
														
@media (max-width: 768px){

.main_header{position: relative;top:0px;left:0;background-color: #ffffff;}
#logo{width: 50%;}

.top_mm{display:none;}
.top_line{height:3px;}

.main_bg{display:none;}
.mm_tit{
    width: 140px !important;
    height: 89px !important;
    margin-left: 1% !important;
    margin-top: 4% !important;
}
.main_mbg{max-width:100%;height:auto;}
.mm_tit2{position:absolute; z-index:900; width:180px; height:100px; margin: 0 auto; top: 120px; left: 7px;}

#section02 .special .ss_sea01{width:100%;margin-bottom:3%;}
#section02 .special .ss_sea01 .mm_but01, 
#section02 .special .ss_sea01 .mm_but02, 
#section02 .special .ss_sea01 .mm_but03, 
#section02 .special .ss_sea01 .mm_but04,
#section02 .special .ss_sea01 .mm_but05,
#section02 .special .ss_sea01 .mm_but06{float:left;width:33.3333%;}
#section02 .special .ss_sea01 .mm_but01 img, 
#section02 .special .ss_sea01 .mm_but02 img, 
#section02 .special .ss_sea01 .mm_but03 img, 
#section02 .special .ss_sea01 .mm_but04 img,
#section02 .special .ss_sea01 .mm_but05 img,
#section02 .special .ss_sea01 .mm_but06 img{width:100%;}
#section02 .special .ss_sea02{width:100%;}

.ss_tit02{display:none;}


.st_tit02{display:none;}


#section02 .info .container .ufi_box{padding:10px;}

#section02 .info .container .ufi_box .uf_con01{width:100%;padding-left:0;float:none;}
#section02 .info .container .ufi_box .uf_con02{width:100%;float:none;}
.uf_con01 img{width:100%;}



	/*섹션타이틀 공통*/
section p{text-align:center;/* width: 38%; */margin: 0 auto;}
section p.title,
section p.title span{font-size: 2.4rem;line-height: 43px;}
section p.title_txt{font-size: 0.9rem;color: #555;padding-bottom: 35px;padding-top: 15px;letter-spacing: -0.5px;}
section .st_title{margin-bottom:15px;}

#section01 .rooms{padding-top: 15px;padding-bottom: 20px;}
#section01 .rooms .room_row .overText{font-size: 18px;padding-top: 25%;}
#section01 .rooms .room_row .overText span{color:#fff;font-size: 16px;}	
#section02 .special .sp_left{
		width:100%;margin-bottom:3%;
	}
#section01 .rooms .room_row .overText img{width:30%;}
#section02 .special .sp_right{width:100%;}
#section03 .info .text02{font-size: 1.2rem;}

.room_row{}
#section03 .info .text01{font-size: 0.9rem;}
#section03 .info .info_right .info04{padding-top: 35%;padding-bottom:30.4%;}	
#section03 .info .info_right .info05{padding-top: 35%;padding-bottom:30.4%;}
#section03 .info .info_left,
#section03 .info .info_right,
#section03 .info .info_right .info03{max-width: 100%;}
#section03 .info .info_left li.st_info01,	
#section03 .info .info_left li.st_info02,
#section03 .info .info_right li.st_info03,
#section03 .info .info_right li.st_info04{
	width:49.8%;
	
}
.overText{display:none;}

#section03 .info .info_left li.st_info02{/* height: 249px; */margin-bottom: 1px;overflow: hidden;}
#section03 .info .text05{top:12%;}
#section03 .info .text04 p{font-size: 1.2rem;line-height: 140%;margin-top: 1.6%;}
#section03 .info .text04 p.txt01{font-size: 0.8rem;margin-top: 8px;}
#section03 .info .text03 p{font-size: 1.2rem;line-height: 140%;margin-top: 3%;}
#section03 .info .text03 span{font-size: 1.2rem;}
#section03 .info .text05 p{font-size:1.2rem;line-height: 140%;}
}
@media (min-width: 1150px){
#cont_style01{min-width : 1150px;}
#cont_style01>div{padding: 4% 0 2%;}
#cont_style01 .cont_in{max-width : 1200px;}
#cont_style01 .cont_tit{max-width : 1200px; padding-bottom : 5%;/*70px*/}
#cont_style01 .cont_tit h3{font-size : 2.857rem; line-height : 1em;}
#cont_style01 .cont_tit p{font-size : 2.143rem;}
#cont_style01 .cont_tit .ct_arrow{width : 933px; height : 34px; background-size : 100% auto;}
															
/*cont01*/
.cont01_list>ul{padding : 0;}
.cont01_list li{width : 25%; padding : 0 15px;}
.cont01_list li .list_txt p{font-size : 1.286rem; color : #444; margin-bottom : 12px;}
.cont01_list li .list_txt span{font-size : 1rem; color : #888;}

.cont01_list li .list_img{width : 100%; height : auto; overflow : hidden; position : relative; transition : all 0.3s;}
.cont01_list li .list_img .over{display : block; text-indent : -9999px; width : 100%; height : 100%; position : absolute; top : 0; left : 0;
												filter : alpha(opacity=0); z-index : 3; cursor : pointer; border : 12px solid #bbb; opacity : 0;
												transition : all 0.3s}
/*hover*/
.cont01_list li:hover .list_img img{filter: blur(2px)}
.cont01_list li:hover .list_img .over{opacity : 1; filter : alpha(opacity=100); border-width : 10px;}

/*cont02*/
/*.cont02_slides .s1:after{width : 160px; height : 71px;}
.cont02_slides .s2:after{width : 284px; height : 68px;}
.cont02_slides .s3:after{width : 219px; height : 131px;}
.cont02_slides .s4:after{width : 188px; height : 68px;}*/
.cont02_list>ul{padding : 0;}
.cont02_list li{width : 16.666%; padding : 0 15px;}
.cont02_list li p:first-child{width : 60px; height : 60px;
												margin : 15px auto 0;
												background-size : auto 60px;}

.cont02_list li .list_tit{padding : 0; margin: 15px 0; font-size : 1.286rem; line-height : 1em;}
/*hover*/
.cont02_list li:hover p:first-child{transform : scale(1.2);}
.cont02_list li:hover .list_tit{font-weight : bold;}

/*cont03*/
.cont02_slides{height : 430px;}
.cont02_slides li{height : 430px;}
.cont02_slides li a{height : 430px;}
/*
.cont03_slides{height : 287px;}
.cont03_slides li{height : 287px;}
.cont03_slides li a{height : 287px;}
.cont03_slides .s1:after{width : 160px; height : 71px;}
.cont03_slides .s2:after{width : 284px; height : 68px;}
.cont03_slides .s3:after{width : 219px; height : 131px;}
.cont03_slides .s4:after{width : 188px; height : 68px;}
*/

/*con03*/
.con03{margin-bottom:40px;}
.con03 ul{width:1200px; margin:0 auto;}
.con03 ul li{height:260px; overflow:hidden; margin-bottom:20px;}
.con03 ul li div{float:left; width:450px; height:100%;}
.con03 ul li div.con03Txt{width:750px; padding:50px 60px; box-sizing:border-box; background-color:#189FD6;}
.con03 ul li div.con03Txt02{background-color:#0E1F49}
.con03 ul li div.con03Txt03{background-color:#3A495F;}
.con03 ul li div.con03Txt04{background-color:#0591CE;}
.con03 ul li div img{width:100%;}
.con03 ul li div h3{margin-bottom:20px; color:#fff; font-weight:800; font-size:28px; font-family:'Nanum Gothic';}
.con03 ul li div p{color:#fff; font-size:18px; line-height:28px; text-align:left; list-style:square;}
.con03 ul li div span.call{font-weight:800; font-size:26px; line-height:40px}

/*cont04*/
.cont04_list>ul{padding : 0;}
.cont04_list li{width : 560px; height : 213px; margin-right : 80px; padding : 0;}
.cont04_list li:last-child{margin : 0;}

.cont04_list .list_photo01{width : 280px; height : 213px;}
.cont04_list .list_photo02{width : 280px; height : 213px;}

.cont04_list .list_text{float : left; padding : 20px 0 0 20px;}
.cont04_list li:last-child .list_text{padding : 20px 0 0 20px;}
.cont04_list .list_text span:first-child{display : block; font-size : 18px;
																margin-bottom : 20px;}

.cont04_list .cont04_more{top : 138px; left : 300px;
												width : 200px; height : 40px;}
.cont04_list .cont04_more span{font-size : 18px;}
.cont04_list .list_text span:last-child{display : block;}
.cont04_list .cont04_more span:after{content : ""; display : block; width : 10px; height : 10px;
																border-top : 1px solid #fff;
																border-right : 1px solid #fff;
																transform : rotate(45deg);
																position : absolute; top : 6px; left : 140px; transition : all 0.4s;}
.cont04_list .cont04_more:hover{border : 1px solid #444; box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.3);}
.cont04_list .cont04_more:hover span:after{left : 150px;}
}

.main_bg{background:url('../images/main_img01.jpg') no-repeat center;height:714px;}


.top_mm{width:195px;float:right;margin-top:17px;}
.tm_img01{float:left;}
.tm_img02{float:left;}
.tm_img03{float:left;}


.ss_sea01{width:100%;float:left;padding-top:10px;margin:0;}
.mm_but01{float:left;}
.mm_but01 img{width:100%;height:auto;}
.mm_but02{float:left;}
.mm_but02 img{width:100%;height:auto;}
.mm_but03{float:left;}
.mm_but03 img{width:100%;height:auto;}
.mm_but04{float:left;}
.mm_but04 img{width:100%;height:auto;}
.mm_but05{float:left;}
.mm_but05 img{width:100%;height:auto;}
.mm_but06{float:left;}
.mm_but06 img{width:100%;height:auto;}
.ss_sea02{width:50%;min-height:378px;float:left;background-color:#516479;padding:40px;margin:0;}


.tit_sear{margin:0 10px;}
.ss_tit01{float:left;width:90%;}
.ss_tit02{float:left;width:10%;}
.search{padding:0 20px;}
.ss_sel{width:25%;height:34px;float:left;margin:20px 0;padding-right:10px;}
.ss_sel select{border:0;min-width:100%;height:34px;}
.sea_box{width:75%;height:34px;border: 4px solid #ffffff;float:left;margin:20px 0;}
.ssbb_se{float:left;margin:0;width:90%;}
.ssbb_icon{width:10%;float:left;margin:0;}
.se_for{width:100%;height:26px;color:#ffffff;border:0;display:inline-block;background:transparent;}

.sear_box{color:#ffffff;}

.st_tit01{width:93%;float:left;}
.st_tit02{width:7%;float:left;}


.ufi_box{width:100%;border: 1px solid #cccccc;margin:45px 0;padding:60px;float:left;}

.uf_con01{float:left;width:50%;padding-left:50px;}
.uf_con02{float:left;width:50%;padding:10px 20px;}

.roll_box{width:50%;border: 3px solid #ffffff;padding:5px;color:#ffffff;font-weight:bold;}

.uf_uf01 h3{font-weight:bold;margin-top:30px;margin-bottom:18px;}


.mm_tit{position:absolute;background: rgba(0, 0, 0, 0.72);width: 446px;height: 280px;margin-left: 20%;margin-top:4%;padding-top:40px;padding-left:21px;z-index:9999;padding: 10px;}
/*.mm_tit2{position:absolute; z-index:900;margin: 0 auto; top: 0px; left: 0px;}*/



/*메인이미지슬라이드*/
#hnn-vis {width: 100%;height: 539px;z-index: 10;position: relative;}
#vis {z-index: 50;width: 100%;height: 539px;}
#vis .hnn-vis {position: relative;top:0;left: 50%;margin-left: -1105px;}
#vis .bx-controls-direction a {position:absolute; z-index:100;display:block;width:29px;height:53px;text-indent:-9999px;}
#vis .bx-controls-direction .bx-prev {background:url(../images/vis-btn.png) no-repeat 0 0; top:370px; left:50%; margin-left:-632px;}
#vis .bx-controls-direction .bx-next {background:url(../images/vis-btn.png) no-repeat -29px 0; top:370px; right:50%; margin-right:-632px;}
/*.vis .bx-pager {position:absolute;z-index:100;bottom:30px;left:50%;margin-left:-100px;width:200px;text-align:center;}
.vis .bx-pager .bx-pager-item {display:inline;}
.vis .bx-pager .bx-pager-item a {
	display:inline-block;
	margin:0 3px;
	width:18px;
	height:18px;
	background:url(../images/vis-btn.png) 0 0;
	text-indent:20px;
	overflow:hidden;
	border-radius:50%;
}
.vis .bx-pager .bx-pager-item a.active {background:url(../images/vis-btn.png) 0 -18px;}*/
.vis-movie {position: absolute;right: 50%;margin-right: -700px;top: -130px;z-index: 100;}
/*메인이미지슬라이드끝*/





/*메인 컨텐츠 슬라이드*/

/*메인 컨텐츠 슬라이드 끝*/
