@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@font-face {
    font-family: 'NanumGothic';
    src: url(/font/NanumGothic.ttf) format('truetype');
    font-family: 'NanumBarunGothicUltraLight';
    src: url(/font/NanumBarunGothicUltraLight.ttf) format('truetype');
    font-family: 'NanumNanumGothicLight';
    src: url(/font/NanumGothicLight.ttf) format('truetype');
}
/* 초기화 */
html {overflow-y:scroll; font-family: NanumGothic;}
body {margin:0;padding:0;font-family: 'NanumGothic', sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'NanumGothic', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
label, input, button, select, img {vertical-align:middle;font-size:10pt}
input, button {margin:0;padding:0;font-family: 'NanumGothic', sans-serif;font-size:1em}
button {cursor:pointer}
textarea, select {font-family: 'NanumGothic', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
li {list-style : none;  }
a {text-decoration : none;}

/*헤더 시작*/
#hd2 {width : 100%; height : 180px; background : #fff;}
		#hd_wrapper2 {position : relative; width : 1300px; margin : 0 auto; }
				.tnb2 {width : 135px; height : 15px; float : right; right : 48px;}
					.tnb2 li{display : inline-block; margin : 9px 23px 0 0;}
					.tnb2 li a {color : #9a9a9a; font-size : 13px;}
				.snsLogo2 {width : 109px; height : 40px; float : right;}
					.snsLogo2 div{float : left;}
				#logo2 {width : 175px; height : 113px; margin : 0 auto;}
				#logo2 img{ position : relative; display : block; padding-top : 32px;}
		/*메인메뉴*/
		#gnb1 {width : 1300px; height : 54px; position : relative; background : #fff; margin-top : 13px; margin : 0 auto;}
		#gnb1>ul {width : 100%; margin : 0 auto; }
		#gnb1>ul>li{float:left; position:relative;margin-top : 17px;}
		#gnb1>ul>li:nth-child(1) {margin-left : 74px;}
		#gnb1>ul>li:before{ color:#0f0f0f;}
		#gnb1>ul>li:first-child:before{content:none;}
		#gnb1>ul>li>a{display:inline-block; padding:0 38px; color:#0f0f0f; line-height:50px; font-size : 16px;font-weight : 500;}
		#gnb1>ul>li>a:hover, #gnb1>ul>li>a:focus{ }

		/*서브메뉴*/
		#gnb2{position:absolute; top:180px; width:100%; height : 320px; background:#141414; opacity : 0.7; text-align:center; color : #d2d2d2; display:none;}
		#gnb2_box {width : 1300px; height : 288px; margin : 0 auto; padding-top : 22px;}
			#gnb2_box li {margin : 7px 0;}
			#gnb2_box .menu01 {width : 173px; height : 288px; border-right : 1px solid #535353; float : left; margin-left : 37px; }
			#gnb2_box .menu02 {width : 220px; height : 288px; border-right : 1px solid #535353; float : left; margin-left : -40px; }
			#gnb2_box .menu03 {width : 195px; height : 288px; border-right : 1px solid #535353; float : left; margin-left : -30px;}
			#gnb2_box .menu04 {width : 220px; height : 288px; border-right : 1px solid #535353; float : left; margin-left : -42px; }
			#gnb2_box .menu05 {width : 185px; height : 288px; border-right : 1px solid #535353; float : left; margin-left : -35px;}
			#gnb2_box .menu06 {width : 205px; height : 288px; border-right : 1px solid #535353; float : left; margin-left : -45px;}
			#gnb2_box .menu07 {width : 158px; height : 288px; border-right : 1px solid #535353; float : left; margin-left : -33px;}
		#gnb2 ul a{display:block; font-size : 15px;  color:#d0d0d0; line-height:20px; font-weight : 600;}
		#gnb2 ul a:hover, #gnb1>ul ul a:focus{color:#ff0c4c;}
		

/*메인 비주얼*/
#wrap_main {width : 100%; height : 740px; background : #ffcccc;}
.slider01 {width : 1903px; height : 703px; margin : 0 auto;}
/*.bx-wrapper .bx-prev {background : url('images/preg.png')}
.bx-wrapper .bx-next {width : 52px; height : 200px; background : url('images/next.png'); background-position : top center; background-repeat : no-repeat;}*/
.bx-wrapper .bx-controls-direction a {width : 52px; height : 200px; top : 33%;}
.bx-wrapper { box-shadow : none; border : none; background : none;}
.bx-wrapper ul {margin : 0; padding : 0;}
.bx-wrapper .bx-controls .bx-has-controls-direction .bx-has-pager {display : none;}
.wrap_main .bx-pager {display : none;}

/*bx슬라이더 편집*/
.bx-wrapper .bx-pager {margin-bottom : 54px;}

/*컨텐츠 시작*/
#wrapper2 {width : 1300px; margin : 0 auto; padding-bottom:100px;}
	.main_post {margin-top : 32px; list-style : none; padding : 0; }
			.cont1_1 {width : 643px;  height : 413px; float : left; margin : 0 15px 15px 0;}
				.cont1_1 .subVisual .slider02 {width : 643px; height : 413px; background-image : url('/img/cont1.png'); z-index :0;}
			.cont1_2 {width : 641px; float : left;}
			.cont1_2 .img_on01 {opacity : 0; transition : opacity 0.4s;}
			.cont1_2 img { position : absolute;}
			.cont1_2:hover .img_on01 {opacity : 1;}
			.cont1_2:hover .img_on01 img {margin-left : -5px;}

			.cont2_1 {width : 651px; float : left;}
			.cont2_2 {width : 651px; float : left;}
			.cont2_3 {width : 394px; float : left; margin-top : -232px;}
			.cont2_4 {width : 255px; height : 475px; background-image : url('/img/cont5.png'); float : left; margin-top : -232px;}
				.cont2_4 {width : 255px; height : 475px; background-image : url('/img/cont5.png'); float :left;}
				.cont2_4 .icon01 {width : 170px; height : 46px; margin-top : 49px; margin-left : 52px;}
				.cont2_4 .icon01 li {list-style : none; text-indent:-99999px; }
				.cont2_4 .icon01 p {display : inline-block; font-size : 18px; color : #fff; margin-left : 26px; font-weight : 600; letter-spacing : 1.2px;}
				.cont2_4 .icon02 p {display : inline-block; font-size : 18px; color : #fff; margin-left : 26px; font-weight : 600; letter-spacing : 1.3px;}
				.cont2_4 .icon03 p {display : inline-block; font-size : 18px; color : #fff; margin-left : 26px; font-weight : 600; letter-spacing : 1.3px;}
				.cont2_4 .icon02 {width : 160px; height : 46px;  margin-top : 107px;  margin-left : 52px;}
				.cont2_4 .icon03 {width : 160px; height : 46px;  margin-top : 106px;  margin-left : 52px;}
.subVisual .bx-wrapper .bx-viewport {background : url('/img/cont1.png'); background-position : top center; background-repeat : no-repeat;}
.subVisual .bx-wrapper .bx-controls-direction {display : none;}

	.lacationBox {width : 1300px; height : 656px; background-image : url('/img/location_001.png'); margin : 0 auto; float : left;}
		.lacationBox .line01 {width : 613px; height : 51px;margin : 0 auto; padding-top : 63px;}
		.lacationBox .line01 h3 {font-size : 42px; text-align : center; font-weight : bold; letter-spacing : 1.8px;}
		.lacationBox .line02 {width : 413px; height : 45px; background : #737373; margin : 0 auto;}
		.lacationBox .line02 p {font-size : 26px; color : #fff; text-align : center; line-height : 41px;}
		.lacationBox .line03 {width : 520px; height : 191px; text-align : center; margin-top : 137px;}	
		.lacationBox .line03 .line04 {font-size : 20px; color : #777777; font-weight : 500; letter-spacing : 1px; margin-bottom : 14px;}
		.lacationBox .line03 .line05 {font-size : 32px; color : #e11047; font-weight : 500;}
		.lacationBox .line03 img {display : block; margin-top : 48px; margin-left : 88px; float : left;}
		.lacationBox .line03 .line06 {font-size : 40px; color : #181818; float : left; line-height : 138px; margin-left : 15px; font-weight : 900;}


/*언더 배너*/
#under_banner {width : 100%; height : 480px; background-image : url('/img/spot001.png'); background-attachment : fixed; background-position : center bottom; background-repeat : no-repeat;}
	#attBox {width : 540px; height : 245px; position : absolute; margin-left : 302px; margin-top : 110px; font-size : 30px; line-height : 60px; color : #fff; letter-spacing : -0.8px; opacity : 0.8;}
		#attBox .event01 {width : 536px; height : 61px; border : 2px solid rgba(175, 163, 165, .7); }
			#attBox .event01 .li001 {color : #fcff11; margin-left : 38px; margin-right : 48px;}
			#attBox .event01 .li002 {margin-right : 123px; color : #fff;}
			#attBox .event01 .li003 {color : #fff;}
		#attBox .event02 {width : 536px; height : 61px; border : 2px solid rgba(175, 163, 165, .7); margin-top : 24px;}
			#attBox .event02 .li004 {color : #fcff11; margin-left : 38px; margin-right : 23px;}
			#attBox .event02 .li005 {margin-right : 43px; color : #fff}
			#attBox .event02 .li006 {color : #fff;}
		#attBox .event03 {width : 536px; height : 61px; border : 2px solid rgba(175, 163, 165, .7); margin-top : 22px;}
			#attBox .event03 .li007 {color : #fcff11; margin-left : 38px; margin-right : 38px;}
			#attBox .event03 .li008 {margin-right : 22px; color : #fff}
			#attBox .event03 .li009 {color : #fff;}



/*서브페이지 탭메뉴*/
.tab {position:relative; padding-top:54px;}
.tab>li>a {
    display:block;
	float : left;
    top:0;
    width:309px;
    height:48px;
    line-height:45px;
    text-align:center;
    background:#bdbdbd;
    color:#fff;
	margin-right : 6px;
}
.tab>li>a:last-child(1) {margin-right : -4px;}
.tab>li.on>a {background:#e11047; color:#fff;}
.tab>li a:hover {background : #e11047;}
.tab>li div.page_mark {font-size : 14px; color : #5d5c5c;}
.tab>li div.page_mark img {margin-right : 17px;}
.tab>li div.page_mark a {color : #5d5c5c; text-decoration : none;}
.tab>li div.page_mark a:hover {background : none;}
.tab>li:first-child>a {left:0;}
.tab>li+li>a {left:100px;}
.tab>li+li+li>a {left:200px;}
.tab>li>div {height:0; overflow:hidden; position:absolute;}
.tab>li.on>div {height:auto; margin-top : 150px;}





/*푸터*/
#ft2 {height : 265px; }
	#ft_container2 {width : 100%; }
	#ft_use2 {width : 100%; height : 62px; background : #fbfbfb; border-bottom : 1px solid #666666;}
		#ft_use2 .useBox {width : 530px; height : 62px; margin : 0 auto;}
		#ft_use2 .ftLine {width : 176px; float : left; margin-top : 20px;}
			#ft_use2 .ftLine a {color : #2f2f2f; text-decoration : none;}
		#ft_use2 #access2 {border-left : 1px solid #c9c9c9; border-right :  1px solid #c9c9c9;  }
	#ft_copy2 {height : 154px; }
		#ft_copy2 h2,h3,p {text-align : center;}
		#ft_copy2 h2 {margin-top : 48px;}
.foot_logo2 img{display : block; margin : 0 auto; margin-top : 46px;}


/*퀵메뉴*/
#QuickTop {position:fixed; right:0px; top: 180px; width: 124px; height: 568px; z-index : 999999; background-color:#a4a4a4; opacity : 1; !important}
	.quick_customer {width : 124px; height : 105px; background : #6741a8; margin : 0 auto;}
		.quick_customer .span01 {color : #fff; font-size : 15px; display : block; text-align : center; padding-top : 14px;}
		.quick_customer .line {width : 29px; height : 1px; background : #b3a0d4; margin : 0 auto; margin-top : 16px; margin-bottom : 12px;}
		.quick_customer .span02 {color : #fff; font-size : 15px; display : block; text-align : center;}
	.quick_talk {width : 124px; height : 115px; margin-bottom : 1px; background-image : url('/img/quick01.jpg')}
		.quick_talk:hover {background-image : url('/img/quick02.jpg'); }
	.quick_counsel {width : 124px; height : 115px; background-image : url('/img/quick03.jpg'); margin-bottom : 1px; }
		.quick_counsel:hover {background-image : url('/img/quick04.jpg');}
	.quick_reserv {width : 124px; height : 115px; background-image : url('/img/quick05.jpg'); margin-bottom : 1px; }
		.quick_reserv:hover {background-image : url('/img/quick06.jpg');}
	.quick_info {width : 124px; height : 115px; background-image : url('/img/quick07.jpg'); margin-bottom : 1px; }
		.quick_info:hover {background-image : url('/img/quick08.jpg');}
	.quick_direct {width : 124px; height : 115px; background-image : url('/img/quick09.jpg')}
		.quick_direct:hover {background-image : url('/img/quick10.jpg');}



/*서브메뉴*/
.subVisual {width : 100%;}
.subTitle {width : 100%; height : 42px; background : #fff; opacity : 0.6; position : relative; top : -42px; }





			.facil2 .img_on01 {opacity : 0; transition : opacity 0.4s;}
			.facil2 img { position : absolute;}
			.facil2:hover .img_on01 {opacity : 1;}
			.facil2:hover .img_on01 img {margin-left : -5px;}
			
			.facil3 .img_on01 {opacity : 0; transition : opacity 0.4s;}
			.facil3 img { position : absolute;}
			.facil3:hover .img_on01 {opacity : 1;}
			.facil3:hover .img_on01 img {margin-left : -5px;}