@charset "utf-8";
body{overflow-x:hidden;}
.layout{width:100%;max-width:1280px;margin:0 auto;}
.layout2{width:100%;max-width:1600px;margin:0 auto;}
.layout3{width:100%;max-width:2000px;margin:0 auto;}
.flex{display:flex;position:relative;}
.flex.between{justify-content:space-between;}
.flex.flex_left{justify-content:flex-start;}
.flex .wid_2n{width:48%;}
.flex .wid_3n{width:32%;}
.flex .wid_4n{width:24%;}

/* 헤더 */
#header{z-index:99;position:absolute;width:100%;padding:0 5%;}
#header .headerWrap{display:flex;justify-content:space-between;align-items:center;}
#header .logo{max-width:40%;flex:0 0 auto;}
#header .logo a{display:flex;align-items:center;}
#header .logo a img{width:100%;}
/* 메뉴 */
#topMenu{position:relative;float:right;flex:1 0 auto;}
.lnbWrap{position:relative;z-index:110;}
.lnbWrap .menuTop{display:none;}
.mainMenu .depth1-ul{display:flex;justify-content:right;float:right;padding-right:50px;max-width:960px;width:90%;}
.mainMenu .depth1-li{position:relative;text-align:center;height:140px;align-items:center;flex:1 0 auto;}
.mainMenu .depth1-li > a{display:flex;position:relative;color:#fff;font-weight:700;font-size:24px;text-transform:uppercase;padding:0 30px;height:100%;align-items:center;justify-content:center;}
.mainMenu .depth1-li:hover > a::before{content:'';position:absolute;left:50%;bottom:40px;width:7px;height:7px;border-radius:50%;background:#604d3f;}
.mainMenu .depth2-ul{display:none;position:absolute;width:100%;left:0;top:115px;background:#604d3f;padding:10px 0;}
.mainMenu .depth2-li > a{display:block;font-size:16px;padding:10px;position:relative;color:#fff;font-weight:300}
.mainMenu .depth2-li:hover > a{opacity:0.7}
.mainMenu .depth1-li.on .depth2-ul{display:block;}
.mainMenu .depth3-ul{display:none;}
#header .eng a{display:block;padding:5px 10px;border:1px solid #ddd;margin-right:30px;}
#header .eng a:hover{background:#333;color:#fff;}
/* 전체메뉴 */
.btn-open-all{position:relative;width:25px;height:22px;right:0;display:block;border:0;background:none;outline:none;z-index:105;}
.btn-open-all span{position:absolute;top:50%;left:0;width:25px;height:3px;background:#fff;text-indent:-9999px;}
.btn-open-all span:before{content:"";display:block;position:absolute;top:-7px;width:25px;height:3px;background:#fff;}
.btn-open-all span:after{content:"";display:block;position:absolute;top:7px;width:25px;height:3px;background:#fff;}
.allMenu{display:none;position:absolute;left:0;top:0;bottom:0;width:100%;background:#604d3f;z-index:145;padding:12% 0 0;}
.allMenu .btn-close-all{position:absolute;top:5%;right:5%;width:81px;height:81px;border:0;background:url('../images/common/all_menu_close.png') no-repeat;text-indent:-9999px;}
.allMenu .flex{display:flex;align-items:stretch;max-width:1600px;margin:auto;justify-content:space-between;}
.allMenu .left .tit{color:#fff;font-size:76px;font-weight:700;}
.allMenu .menuBox{margin:200px 0 0 50px;}
.allMenu .menuBox .depth1-li{display:flex;align-items:center;margin-bottom:28px;padding-bottom:30px;border-bottom:1px solid rgba(265,265,265,.2);color:#fff;position:relative;}
.allMenu .menuBox .depth1-li > a{display:block;font-size:26px;font-weight:700;width:200px;}
.allMenu .menuBox .depth2-ul{display:flex;margin-left:30px;}
.allMenu .menuBox .depth2-li{margin-right:30px;}
.allMenu .menuBox .depth2-li > a{display:block;padding:3px 7px;font-size:18px;font-weight:300;transition:all .3s;position:relative;border-radius:5px;position:relative;}
.allMenu .menuBox .depth2-li:first-child > a{padding-left:0;}
.allMenu .menuBox .depth2-li > a::before{content:'';position:absolute;margin-left:-20px;bottom:8px;width:15px;height:15px;border-radius:50%;transition:all .2s ease;}
.allMenu .menuBox .depth2-li:hover > a::before{background:#1a274e;}
.allMenu .menuBox .depth3-ul{margin:5px 0 5px 5px;padding-left:10px;}
.allMenu .gnb{position:absolute;right:100px;top:20px;}
.allMenu .gnb li a{color:#fff;}

/*  서브상단 */
#contentWrap{position:relative;}
.subSpot{width:100%;position:relative;height:620px;color:#fff;background:url('../images/sub/spot_01.jpg') no-repeat center/cover;animation:animate_background 50s infinite;display:flex;align-items:flex-end;}
.subSpot.spot01{background-image:url(../images/sub/spot_01.jpg)}
.subSpot.spot02{background-image:url(../images/sub/spot_02.jpg)}
.subSpot.spot03{background-image:url(../images/sub/spot_03.jpg)}
.subSpot.spot04{background-image:url(../images/sub/spot_04.jpg)}
.subSpot.spot05{background-image:url(../images/sub/spot_01.jpg)}
@keyframes animate_background{
	0% {background-position:50% 0;}
	50% {background-position:50% 100%;}
	100% {background-position:50% 0;}
}
#container .spotTitle{font-size:60px;margin-bottom:5vh;font-family: "Open Sans", sans-serif;font-weight:800;text-transform: uppercase;}
.snb {padding-top:5vh;position:relative;}
.snb .pc_snb {display:flex;flex:1 0 auto;border-bottom:1px solid #ddd;}
.snb .pc_snb li + li{margin-left:80px;}
.snb .pc_snb li a{display:block;padding:0 0 20px 0;font-size:30px;color:#898989;position:relative;font-weight:900;}
.snb .pc_snb li a:hover,
.snb .pc_snb li.on a{color:#604d3f;}
.snb .pc_snb li.on a::before{content:'';position:absolute;width:100%;height:5px;bottom:0;left:0;background:#604d3f;}
.mobile_snb{display:none;}
.menuDepth3{max-width:1280px;margin:0 auto;}
.menuDepth3 .nav{display:flex;align-items:center;border-bottom:1px solid #aaa;}
.menuDepth3 .nav li{flex:1 0 auto;text-align:center;line-height:90px;font-size:30px;font-weight:600;color:#aaa;position:relative;}
.menuDepth3 .nav li a{display:block;}
.menuDepth3 .nav li.on{color:#333;}
.menuDepth3 .nav li.on::before{content:'';position:absolute;width:100%;height:3px;background:#604d3f;left:0;bottom:-2px;}
.snb .location{position:absolute;bottom:20px;right:0;font-family:'GmarketSansMedium';font-size:14px;color:#999;}
.snb .location span{position:relative;padding-left:20px;margin-left:15px;}
.snb .location span::before{content:'';position:absolute;width:4px;height:4px;border-radius:100%;background:#999;left:0;top:6px;}
.snb .location span:first-child::before{content:none;}
.snb .location .active{color:#000;}

#footer{padding:5vh 0;}
#footer .layout2{display:flex;align-items:center;}
#footer .ft_logo{margin-right:80px}
#footer .com_info{display:flex;font-size:14px;}
#footer .com_info p + p{margin-left:10px;}
#footer .com_info p span{margin-right:5px;}
#footer .copy{font-size:14px;margin-top:5px;}
#footer .footer_menu{display:flex;font-size:15px;font-weight:500;margin-left:auto;align-items:center;}
#footer .footer_menu li + li{margin-left:20px;}
#footer .footer_menu li + .icon{margin-left:50px;}

/* 메인 */
/* 메인공통 */
.mainContainer img{max-width:100%;}
.mainContainer section + section{margin-top:15vh}
.mainContainer section h2{font-size:40px;font-weight:800;color:#604d3f;font-family: "Open Sans", sans-serif;}
.mainContainer .more{width:43px;line-height:46px;background:url('../images/main/more.png') 100% center no-repeat;font-family: "Open Sans", sans-serif;font-weight:800}

/* 비주얼 */
#visual{position:relative}
#visual .text_box{height:100vh;display:flex;flex-direction:column;justify-content:center;color:#fff;padding:0 5%;}
#visual .text_box h2{font-size:40px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.1);font-weight:700;}
#visual .text_box p{font-size:15px;font-weight:500;margin:5px 0 50px;}
#visual .text_box a.more{font-size:0;}
#visual .bgWrap{background-size:cover !important;background-position:center !important;}
#visual .slider_ctrl{width:100%;position:absolute;bottom:10%;display:flex;padding:0 5%;display:flex;justify-content:space-between;}
#visual .slider_ctrl a{display:block;color:#fff;font-size:20px;font-weight:900;text-transform: uppercase;}
#visual .slider_ctrl a:hover{color:rgba(256,256,256,.7)}
#visual .slider_status{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);color:#fff;font-size:20px;font-weight:900;}

/* main_01 */
.mainContainer section.main_01{margin-top:5%;}
.main_01 .text_box{display:flex;}
.main_01 .text_box h2{flex:0 0 30%;}
.main_01 .text_box p{font-size:23px;line-height:1.6}
.main_01 .type_list{display:flex;justify-content:space-between;}
.main_01 .type_list > div{flex:0 0 32%;}
.main_01 .type_list > div h3{font-size:26px;padding-top:20px;border-top:2px solid #000;color:#604d3f;font-weight:300;margin-bottom:50px;}
.main_01 .type_list > div h3 strong{font-weight:800;}
.main_01 .type_list .img_box{position:relative;overflow:hidden;}
.main_01 .type_list .img_box img{transition:.3s}
.main_01 .type_list .img_box:hover img{transform:scale(1.1);}
.main_01 .type_list .img_box .more{position:absolute;bottom:50px;right:50px;color:#fff;font-size:20px;width:auto;padding-right:60px;}
.main_01 .type_list .img_box .more:hover{opacity:0.7}

/* main_03 */
.main_03 .busin_list{position:relative;}
.main_03 .busin_list::before{content:'';position:absolute;width:100%;height:1px;background:#000;left:0;top:50%;z-index:-1;}
.main_03 .busin_list .layout2{display:flex;justify-content:space-between;}
.main_03 .busin_list .layout2 > div{overflow:hidden;border-radius:100%;width:380px;height:380px;}
.main_03 .busin_list .layout2 > div.item_01{background:url('../images/main/main_03_01.jpg') center/cover no-repeat;}
.main_03 .busin_list .layout2 > div.item_02{background:url('../images/main/main_03_02.jpg') center/cover no-repeat;}
.main_03 .busin_list .layout2 > div.item_03{background:url('../images/main/main_03_03.jpg') center/cover no-repeat;}
.main_03 .busin_list .layout2 > div.item_04{background:url('../images/main/main_03_04.jpg') center/cover no-repeat;}
.main_03 .busin_list .layout2 > div a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:70px;position:relative;}
.main_03 .busin_list .layout2 > div a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transition: .3s}
.main_03 .busin_list .layout2 > div a:hover::before{opacity:1}
.main_03 .busin_list .layout2 > div a p{font-size:28px;font-weight:800;color:#fff;font-family: "Open Sans", sans-serif;opacity:0;transition: .3s;z-index:1;}
.main_03 .busin_list .layout2 > div a .more{height:43px;transform:rotate(-45deg);margin-top:30px;opacity:0;transition: .3s}
.main_03 .busin_list .layout2 > div a:hover p,
.main_03 .busin_list .layout2 > div a:hover .more{opacity:1}

/* main_04 */
.main_04 .section_address{display:none;}
.root_daum_roughmap .map_border{display:none;}

/* ft_banner */
section + section.ft_banner{margin-top:0;}
.ft_banner{background:url('../images/common/ft_banner_bg.jpg') center/cover no-repeat;padding:20vh 0;color:#fff;position:relative;}
.ft_banner .text_box h3{font-size:60px;font-weight:700;line-height:1.4}
.ft_banner .text_box p{font-size:24px;font-weight:300;margin-top:20px;}
.ft_banner .button{position:absolute;right:0;top:50%;width:40%;transform:translateY(-50%);}
.ft_banner .button a{display:block;background:url('../images/common/more_0.4.png') #745945 250px center no-repeat;padding:30px 50px;font-size:24px;font-family: "Open Sans", sans-serif;font-weight:800;transition:.2s}
.ft_banner .button a:hover{background:url('../images/common/more_0.4_on.png') #000 250px center no-repeat;}

@media (max-width: 1600px) {
	/* 공통 */
	.layout2{padding:0 3%;}
	.snb{padding-top: 3vh}
	.snb .location{right:3%;}

	/* main_03 */
	.main_03 .busin_list .layout2 > div{width:270px;height:270px;}

	/* ft_banner */
	.ft_banner .text_box h3{font-size:50px;}

}

/* 넓이가 1280px 이하일 때*/
@media all and (max-width:1280px) {
	.layout{padding:0 3%;}
	.mainContainer .layout{padding:0 3%;}
	.list_select{margin-left:auto;}

	/* 메뉴 */
    #header{padding:5% 3%;background:none;}
	#header .headerWrap{padding:0;}
    #topMenu{width:auto;padding:0;}
	#wrap > .sns{z-index:99;top:30px;right:70px;}
	.btn-open-all{display:none;}
    .lnbWrap{overflow-x:hidden;overflow-y:scroll;position:fixed;right:-100%;top:0;width:100%;height:100%;margin-left:0;background:#3256bf;z-index:1000;transition:right 0.5s ease;display:block;}
    .lnbWrap.mn-open{right:0;overflow-y:auto;}
    .lnbWrap .menuTop{display:block;position:absolute;width:100%;padding:30px 0 0 20px;}
    .lnbWrap .menuTop img{margin-left:3%;max-width:200px}
    .lnbWrap .menuTop .btn-close-mn{position:absolute;top:30px;right:20px;width:30px;height:30px;border:0;background:transparent;text-indent:-9999px;}
    .lnbWrap .menuTop .btn-close-mn:before,
    .lnbWrap .menuTop .btn-close-mn:after{content:'';display:block;position:absolute;top:50%;left:10px;width:20px;height:2px;background:#fff;}
    .lnbWrap .menuTop .btn-close-mn:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
    .lnbWrap .menuTop .btn-close-mn:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
    .mainMenu .depth1-ul{flex-direction:column;padding:100px 3%;width:100%;max-width:100%;}
    .mainMenu .depth1-li{width:100%;border-bottom:1px solid rgba(265,265,265,.2);height:auto;margin:0;}
    .mainMenu .depth1-li > a{position:relative;padding:20px 15px;font-size:18px;color:#fff;line-height:1;text-align:left;}
	.mainMenu .depth1-li:hover > a::before{content:none}
	.mainMenu .depth1-li.is-open > a{font-weight:600;}
    .mainMenu .depth1-li > a:after{display:none;}
	.mainMenu .depth2-ul{position:relative;padding:10px 3%;top:0;background:#eee;width:100%;border-radius:0;}
	.mainMenu .depth2-li > a{color:#333;padding:5px;background:none;}
	.mainMenu .depth2-li:first-child > a{padding-left:5px;}
	.mainMenu .btn-more{display:block;position:absolute;top:17px;right:10px;width:25px;height:25px;background:url(../images/common/tn-icon-sm.png) -75px -25px no-repeat;transition:all .4s;font-size:0;z-index:1;cursor:pointer;}
	.mainMenu .depth1-li.on > .btn-more,
	.mainMenu .depth1-li.is-open > .btn-more{transform:rotate(180deg);}
    .mainMenu .depth2-li > a:before{content:none;}
	.m_gnb{display:flex;color:#fff;margin:5% 0;justify-content:flex-end;padding:0 3%;}
	.m_gnb a{padding:10px;}

	.searchBox{float:right;}
    /* 전체메뉴버튼 */
	.m_menu_open{position:absolute;right:30px;top:30px;z-index:100;}
    .btn-open-mn{position:relative;width:30px;height:20px;right:0;display:block;border:0;background:none;outline:none;z-index:105;}
    .btn-open-mn span{position:absolute;top:50%;left:0;width:25px;height:3px;background:#fff;text-indent:-9999px;transition:all .3s ease;}
    .btn-open-mn span:before{content:"";display:block;position:absolute;top:-7px;width:25px;height:3px;background:#fff;transition:all .3s ease;}
    .btn-open-mn span:after{content:"";display:block;position:absolute;top:7px;width:25px;height:3px;background:#fff;transition:all .3s ease;}
    /* //메뉴 */

	/*  서브상단 */
	.subSpot{height:300px;}
	#container .spotTitle{font-size:40px;margin-bottom:3vh}
	.snb .location{display:none;}

	/* footer */
	#footer .layout2{display:block;}
	#footer .ft_logo{margin:0;}

	/* 메인공통 */
	.mainContainer section + section{margin-top:10vh}
	.mainContainer section h2{font-size:30px;}

	/* main_01 */
	.main_01 .text_box{display:block;}
	.main_01 .text_box h2{margin-bottom:3vh}
	.main_01 .text_box p{font-size:18px;}
	.main_01 .type_list > div h3{padding-top:10px;margin-bottom:30px;font-size:20px;}

	/* main_03 */
	.main_03 .busin_list .layout2 > div{width:200px;height:200px;}
	.main_03 .busin_list .layout2 > div a{padding-top:30px;}
	.main_03 .busin_list .layout2 > div a p{font-size:20px;}
	.main_03 .busin_list .layout2 > div a p,
	.main_03 .busin_list .layout2 > div a .more,
	.main_03 .busin_list .layout2 > div a::before{opacity:1}

	/* ft_banner */
	.ft_banner .text_box h3{font-size:28px;}
	.ft_banner .text_box p{font-size:16px;}

}

/* 넓이가 810px 이하일 때*/
@media all and (max-width:810px) {
	/* header */
	#header .logo{max-width:30%;}

	/* 메뉴 */

	/*  서브상단 */
	.subSpot{height:200px;padding-top:50px;}
	#container .spotTitle{font-size:24px;}
	#contentWrap .page_header .page_title{font-size:24px;}
	.snb{background:#f1efe9;position:static;transform:translateX(0);height:auto;display:block;padding-top:0;}
	.snb .pc_snb{display:none;}
    .mobile_snb{display:block;}
    .mobile_snb .currentMenu{background:none;border:0;display:block;width:100%;}
    .mobile_snb .currentMenu span{font-size:16px;text-align:left;display:block;width:100%;line-height:40px;padding:0 25px 0 16px;color:#666;position:relative;}
    .mobile_snb .currentMenu span::before{content:'';position:absolute;right:16px;top:50%;width:6px;height:6px;margin-top:-4px;border:solid #666;border-width:1px 1px 0 0;transform:rotate(135deg);transition: transform .4s ease, margin-top .3s ease, -webkit-transform .4s ease;}
    .mobile_snb .pathDepth2.on span::before{margin-top:-3px; transform: rotate(-45deg);}
    .mobile_snb .pathDepth2 > ul{display:none;padding:15px 0;border-top:1px solid rgba(0,0,0,.2);}
    .mobile_snb .pathDepth2 > ul li a{color:#666;display:block;padding:5px 16px;font-size:14px;}
    .mobile_snb .pathDepth2 > ul li.on a{color:#000;}
    .mobile_snb .pathDepth3{display:none;}
	.menuDepth3 .nav li{font-size:16px;line-height:50px;}

	/* 메인공통 */
	.mainContainer section h2{font-size:28px;}
	.mainContainer .more{background-size:20px;background-position:left top;}

	/* visual */
	#visual .text_box{height:600px;}
	#visual .text_box h2{font-size:24px;}
	#visual .text_box p{font-size:14px;}
	#visual .slider_ctrl a,#visual .slider_status{font-size:14px;}
	#visual .slider_ctrl,#visual .slider_status{bottom:5%;}

	/* main_01 */
	.main_01 .type_list .img_box .more{background-position:100% center}
	.main_01 .type_list > div h3{font-size:14px;margin-bottom:10px;}
	.main_01 .type_list .img_box .more{bottom:3%;right:5%;padding-right:30px;}

	/* main_03 */
	.main_03 .busin_list::before{content:none;}
	.main_03 .busin_list .layout2{flex-wrap:wrap;}
	.main_03 .busin_list .layout2 > div{flex:0 0 48%;border-radius:30px;margin-bottom:20px;}
	.main_03 .busin_list .layout2 > div a .more{margin:10px 0 0 30px;}

	/* ft_banner */
	section + section.ft_banner{margin-top:0;}
	.ft_banner{padding:10vh 0;}
	.ft_banner .button{position:static;width:100%;transform:none;margin-top:3vh}
	.ft_banner .button a{background-size:30px;padding:20px 30px;font-size:18px;}

}

/* 넓이가 768px 이하일 때*/
@media all and (max-width:768px) {

	/* footer */
	#footer .com_info{display:block;}
	#footer .com_info p + p{margin-left:0;}
	#footer .footer_menu li + li{margin-left:10px;}
	#footer .footer_menu li + .icon{margin-left:auto;}
	#footer .footer_menu li img{max-width:40px;}


}


/* 넓이가 450px 이하일 때*/
@media all and (max-width:450px) {

	/* main_01 */
	.main_01 .text_box p{font-size:14px;}
	.main_01 .type_list{display:block;}
	.main_01 .type_list > div + div{margin-top:5vh}
	.main_01 .type_list .img_box{height:300px;}
	.main_01 .type_list img{width:100%;height:100%;object-fit:cover;}


}