/* layout */
.wrapper {}

header {position:absolute; height: 52px; left:0; right:0; top:0; background:rgba(34, 34, 34, .8); color:#fff; z-index: 900;}
header h1 {position:absolute; left:50%; transform: translateX(-50%); top:71px;}
header .top_menu, #header .top_menu {position:releative; width:1200px; height:52px; margin:0 auto; }
header .top_menu ul li, #header .top_menu ul li {float: left; display: inline-block; position: relative;}
header .top_menu .menu, #header .top_menu .menu {float: left; font-size:12px; margin-top:18px;letter-spacing: -0.5px;font-weight: 300;}
header .top_menu .menu li, #header .top_menu .menu li  {height:12px; line-height: 15px; padding:0 5px 0 5px;}
header .top_menu .menu li a, #header .top_menu .menu li a {display: block;height:auto;font-size:11px;text-decoration:underline;}
header .top_menu .menu .notice, #header .top_menu .menu .notice {background:url("/asp/images/common/top_menu_notice.png") no-repeat 0 0; padding-left:25px;height:30px}
header .top_menu .util, #header .top_menu .util {float:right; font-size:12px; margin-top:10px;}
header .top_menu .util li, #header .top_menu .util li {height:30px; line-height: 30px; padding:0 17px 0 15px;}
header .top_menu .util li:after, #header .top_menu .util li:after {content:""; position: absolute; right:0; top:10px; height:12px; width:1px; background: #BBBBBB;opacity:0.5;}
header .top_menu .util li:last-child, #header .top_menu .util li:last-child {padding-right:0; }
header .top_menu .util li:last-child:after, #header .top_menu .util li:last-child:after {display: none;}
header .top_menu .util li a, #header .top_menu .util li a {color:#BBBBBB; }
header .menu_open {position: absolute; left:0; right:0; top:102px; background:#e2e4e7; border-bottom:5px solid #222; padding:50px 0 70px; z-index: 20;}
header .menu_open .title {font-size:40px; line-height: 50px; margin-bottom:35px; text-align: center; color:#222; font-family: 'Montserrat', sans-serif; font-weight: 600; letter-spacing: -1px;}
header .menu_open .allmenu {width:1200px; margin:0 auto; overflow: hidden; color:#222;}
header .menu_open .allmenu .dep1 {}
header .menu_open .allmenu .dep1 > li {float: left; margin-right:34px; width:155px;}
header .menu_open .allmenu .dep1 > li:nth-child(2) {width:314px;}
header .menu_open .allmenu .dep1 > li:last-child {margin-right:0;}
header .menu_open .allmenu .dep1 > li p {font-size:22px; line-height: 50px; border-bottom:2px solid #222; letter-spacing: -1px; text-align: center;}
header .menu_open .allmenu .dep2 {overflow: hidden;width:100%; margin-top:15px; }
header .menu_open .allmenu .dep2 li {display: block; clear: both; width:100%; }
header .menu_open .allmenu .dep2 li a {display: block; text-align: center; font-size:18px; color:#666; line-height: 40px; letter-spacing: -1px;}

header .menu_open .search {}
header .menu_open .search .box {width:540px; border-bottom:2px solid #222; margin:0 auto; position: relative; margin-top:72px;margin-bottom:20px; }
header .menu_open .search .box input {border:0; box-shadow: none; background: transparent; font-size:22px; line-height: 70px; height:70px; width:440px; padding:0 15px;}

header .menu_open .search .box input::-webkit-input-placeholder {color:#222; opacity:1;}
header .menu_open .search .box input:-ms-input-placeholder {color:#222; opacity:1;}
header .menu_open .search .box input::-ms-input-placeholder {color:#222; opacity:1;}
header .menu_open .search .box input::placeholder {color:#222; opacity:1;}
header .menu_open .search .box button {width:70px; height:70px; position: absolute; right:0; top:0; cursor: pointer;}
header .menu_open .search .box button .btn {width:70px; height:70px; background:url("/asp/images/main/search_btn.png") no-repeat 50% 50%; display: block; color:transparent; font-size:0;}

header .gnb {margin:0 auto; position: relative; display: table; clear: both;}
header .gnb li {display: inline-block; float:left; padding:0; margin:0 27px;}
header .gnb li a {line-height: 50px; padding:0 15px;}



/* 메인 */
.main_wrap {position: relative; background: #f2f3f6;overflow:hidden;}
.main_wrap h2 {font-size:38px; line-height: 50px; font-weight: 700; color:#222; margin:0 auto;margin-top:110px; display: inline-block; clear: both; text-transform: uppercase; margin-bottom:60px; text-align: center; display: block;}
.main_wrap .inner {width:1200px; margin:0 auto; position: relative;z-index: 900;}
.main_wrap .more {width:115px; height:37px; display: inline-block; text-align: center; color:#222; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size:14px; line-height: 37px; border:1px solid #222; border-radius: 20px; letter-spacing: 1px;}
.main_wrap .more:after {content:""; position: absolute; color:#222; font-family: 'Montserrat', sans-serif; font-weight: 700;  font-size:15px;}

/* 상단 */
.main_header {position:absolute; left:50%; transform: translateX(-50%); top:71px;width:1200px;}
.main_header h1 {width:100%; height:70px; }
.main_header ul li {float: left; display:inline-block; position: relative;}
.main_header .left_menu {float: left; margin-top:18px;color:#fff;background: transparent url('/asp/images/common/left_menu.png') 0% 0% no-repeat padding-box;width:72px; height:24px;}
.main_header .left_menu li {width:72px; height:24px;}
.main_header .left_menu li a {display: block;width:72px; height:24px;}
.main_header .left_util {float:right;height: 100px;font-size:12px;text-align:center;vertical-align:middle;position:relative;margin:0 auto;}
.main_header .left_util li {height:50px;line-height:30px;position:relative;float:left;display:inline-block;}
.main_header .left_util li:nth-child(1) {background:url("/asp/images/main/icon_mymenu.png") no-repeat 50% 10%;}
.main_header .left_util li:nth-child(2) {background:url("/asp/images/main/icon_user.png") no-repeat 55% 10%;}
.main_header .left_util li:last-child {padding-right:0; }
.main_header .left_util li:last-child:after {display: none;}
.main_header .left_util li a {color:#fff;height:auto;display:block;text-align:center;padding-top:25px;margin-right:25px;}

/* 비쥬얼 */
.main_visual {width:100%; height:844px; position: relative;}
.main_visual .slide_img {position: relative; width:100%; height:900px; display: block;}
.main_visual .slide_img li {overflow: hidden;}
.main_visual .slide_img a {width:100%; height:900px; background-size: auto 100%; display: block;overflow:hidden;}
.main_visual .slide_img div {width:100%; height:900px; background-size: auto 100%; display: block;overflow:hidden;}
.main_visual .slide_img .slide_text {position:relative; text-align: center; color:#fff; font-family: 'Montserrat', sans-serif; font-weight: 600; line-height:300%; text-transform: uppercase; margin-top:353px; }
.main_visual .slide_img .slide_text p {display: inline-block}
.main_visual .slide_img .slide_text .t1 {display: block;}
.main_visual .slide_img .slide_text .t2 {font-size:16px; text-align: center; display: block;width:575px;height:49px;line-height:26px;font-weight:500;}
.main_visual .slide_img .slide_text .t3 {font-size:14px; display: inline-block;width:140px;height:40px;line-height:40px;font-weight:500;margin-top:20px;background:#fff;color:#000;border-radius:100px;cursor:pointer;}
.main_visual .slide_list {position: absolute; bottom:0; left:50%; transform: translateX(-50%);z-index: 900;}
.main_visual .slide_list p {position:absolute; top:-40px;left:0;font-size:18px;color:#fff;}
.main_visual .slide_list p span {font-weight:800;}
.main_visual .slide_list li {margin-right:8px; float:left; display: inline-block; }
.main_visual .slide_list li a {width:140px; height:2px; display: block; background: #fff; text-indent: -9999px;opacity:0.5;}
.main_visual .slide_list li a.active {background:#fff;opacity:1}
.main_visual .slide_list li:last-child {margin-right:0;}
.main_visual .slide_btn {position:absolute; top:455px; left:50%; width:86px;font-size:13px; overflow: hidden; color:#fff; z-index:99999;}
.main_visual .slide_btn a img {margin:25px;opacity:1;}
.main_visual .slide_btn.prev {margin-left:-780px;height:86px;}
.main_visual .slide_btn.prev a img, .main_visual .slide_btn.prev a span {float: right; display: inline-block;}
.main_visual .slide_btn.next {margin-left:700px;height:86px;}
.main_visual .slide_btn.next a img, .main_visual .slide_btn.next a span {float: left; display: inline-block;}
.main_visual .slide_btn a span {background:#000;opacity:0.5;width:82px;height:82px;border-radius:50%;border:2px solid #fff;}

/* 좌측 퀵메뉴 */
.main_quick {position: relative; margin:0 auto; margin-top:-210px!important; overflow: hidden; }
.main_quick li {width:38px; position: relative; display: block;background:#000;border-radius:50%;margin-bottom:12px;}
.main_quick li a {height:38px; display: block; text-align: center; line-height: 25px; color:#000; font-size:18px;}
.main_quick li img {display: inline-block;margin-top:9px;vertical-align:middle;}

/* 여행그림추천 */
.main_arch_grim {display: block;margin: 0 auto;margin-bottom:95px;width:1200px;}
.main_arch_grim h2 {font-size:48px; line-height: 50px; font-weight: 700; color:#222; margin:0 auto;margin-top:160px; display: inline-block; clear: both; text-transform: uppercase;text-align: left; display: block;}
.main_arch_grim h3 {font-size:48px; line-height: 50px; font-weight: 400; color:#222; margin:0 auto;margin-top:10px; display: inline-block; clear: both; text-transform: uppercase; margin-bottom:80px; text-align: left; display: block;}
.main_arch_grim ul {overflow: hidden; display: block; margin:0 auto;}
.main_arch_grim li {float:left; display: inline-block; height:505px; position: relative;}
.main_arch_grim li:nth-child(odd) {margin-right:40px;}
.main_arch_grim li img {display: inline-block; float: left;width:580px;height:340px;}
.main_arch_grim .text {padding:20px; background: #fff; line-height: 210%; letter-spacing: -1px; display: block; clear: both; position: relative;text-align:center;border-top: 2px solid #000;}
.main_arch_grim .text .t1 {font-size: 26px; color:#111;}
.main_arch_grim .text .t2 {font-size: 36px; color:#111;padding-top:10px}
.main_arch_grim .text .t3 {font-size: 16px; color:#111;margin-left:3px;}
.main_arch_grim .text .t3 span {margin-left:13px; display: inline-block;}
.main_arch_grim .text .t3 span:last-child {margin-right:0;}
.main_arch_grim .banner {margin-top:20px;}

/* 회사소개 영상 */
.main_company {display: block;width:100%;background: url("/asp/images/main/visual_company.png") no-repeat;background-size: cover;height: 600px;overflow: hidden;margin-bottom:100px;}
.main_company ul {overflow: hidden; display: block; margin:0 auto;width:1200px;margin-top:320px;}
.main_company li {float: left;display: inline-block;position: relative;color:#222;height:348px;padding: 50px 40px 0px 40px;background:#fff;}
.main_company li .tit {font-size:40px; line-height: 25px; margin-bottom:10px;font-weight:bold;}
.main_company li .text {font-size: 20px;letter-spacing:-0.7px;}
.main_company .c_video {position: absolute;margin-top: 70px;}
.main_company .c_video .text span {display: block; margin-top:30px; letter-spacing: 0;}

/* 함께해야하는이유 */
.main_with_wrap {margin-top: 200px;position: relative;background: #2C2B38; height: 1070px;}
.main_with_grim {display: block;margin: 0 auto;margin-bottom:95px;width:1200px;}
.main_with_grim h2 {font-size:48px;line-height: 50px;font-weight: 700;color:#fff;margin:0 auto;margin-top: 110px;display: inline-block;clear: both;text-transform: uppercase;text-align: left;}
.main_with_grim h3 {font-size:48px;line-height: 50px;font-weight: 400;color:#fff;margin:0 auto;margin-top:10px;display: inline-block;clear: both;text-transform: uppercase;margin-bottom: 100px;text-align: left;display: block;}
.main_with_grim .inner {width:1200px;margin:0 auto;}
.main_with_grim ul {overflow: hidden; display: block; margin:0 auto;}
.main_with_grim li {display: inline-block;height:auto;}
.main_with_grim .with01 {display: inline-block;position: absolute;top: -90px;margin-left: 530px;}
.main_with_grim .with02 {display: inline-block;position: absolute;}
.main_with_grim .with03 {display: inline-block;position: absolute;top:490px;margin-left: 410px;}
.main_with_grim .with04 {display: inline-block;position: absolute;top:410px;margin-left: 820px;}
.main_with_grim .text {color:#D4B39D;line-height: 210%;letter-spacing: -1px;display: block;clear: both;position: relative;text-align:center;padding-top: 25px;}
.main_with_grim .text .t1 {font-size: 26px;}

/* 공식블로그 */
.main_blog_wrap {position: relative;background: #fff; height: 430px;}
.main_blog_grim {display: block;margin: 0 auto;margin-bottom:95px;width:1200px;}
.main_blog_grim img{float:left;}
.main_blog_grim h2 {float:left;font-size:48px;line-height: 50px;font-weight: 700;color:#111111;margin:0 auto;margin-top: 20px;display: inline-block;clear: both;text-transform: uppercase;text-align: left;}
.main_blog_grim h3 {font-size:48px;line-height: 50px;font-weight: 400;color:#111111;margin:0 auto;padding-top:10px;display: inline-block;clear: both;text-transform: uppercase;text-align: left;display: block;}
.main_blog_grim .btn {float:left;text-align:center;font-size:14px;display: inline-block;width:140px;height:40px;line-height:40px;font-weight:500;margin-top:20px;background:#111111;color:#fff;border-radius:100px;margin-top:119px;}
.main_blog_grim .inner {float: left;position: relative;width:1200px;margin:0 auto;}
.main_blog_grim ul {overflow: hidden; display: block; margin:0 auto;}
.main_blog_grim li {display: inline-block;height:auto;}
.main_blog_grim .with01 {display: inline-block;float:left;}
.main_blog_grim .with02 {display: inline-block;float:right;}
.main_blog_grim .text {line-height: 210%;letter-spacing: -1px;display: block;clear: both;position: relative;text-align:center;}
.main_blog_grim .text .table {border-top:2px solid #111111;}

/* 여행이야기*/
.main_story_wrap {position: relative;background: #F2F3F6; height: 620px;}
.main_story_grim {display: block;margin: 0 auto;width:1200px;}
.main_story_grim h2 {float:left;font-size:48px;line-height: 50px;font-weight: 700;color:#111111;margin:0 auto;margin-top: 100px;display: inline-block;clear: both;text-transform: uppercase;text-align: left;}
.main_story_grim h3 {float:left;font-size:48px;line-height: 50px;font-weight: 400;color:#111111;margin:0 auto;padding-top:10px;display: inline-block;clear: both;text-transform: uppercase;text-align: left;display: block;}
.main_story_grim h4 {float:left;font-size:48px;line-height: 50px;font-weight: 700;color:#111111;margin:0 auto;margin-top: 10px;display: inline-block;clear: both;text-transform: uppercase;text-align: left;}
.main_story_grim .next {text-align:center;font-size:18px;display: inline-block;width:140px;height:40px;line-height:40px;font-weight:500;margin-top:20px;color:#222222;margin-top:119px;}
.main_story_grim .inner {width:1200px;margin:0 auto;border:1px solid red;}

.main_story_grim .innerLeft {width:240px;margin:0 auto;/*border:1px solid blue;*/height: 620px;float:left;position:relative;}
.main_story_grim .innerRight {width:960px;margin:0 auto;/*border:1px solid green;*/height: 620px;float:right;position:relative;}

.main_story_grim ul {overflow: hidden; display: block; margin:0 auto;}
.main_story_grim li {float:left;display: inline-block;height:auto;}
.main_story_grim .text {font-weight:300;margin:100px 0px 120px 20px;float:left;background: #fff;line-height: 210%;letter-spacing: -0.5px;display: block;clear: both;position: relative;text-align:center;border-radius:20px;width:300px;height:400px;box-shadow: 0px 5px 50px #03004B0D;}

.main_story_grim .text .imgBox {margin-top:36px;}
.main_story_grim .text .imgBox .imgCircle {width: 120px;height: 120px; border-radius: 70%;overflow: hidden;margin:0 auto;}
.main_story_grim .text  img {width: 100%;height: 100%;object-fit: cover;}
.main_story_grim .text .t1 {font-size: 16px; color:#999999;margin-bottom:20px;height:30px;}
.main_story_grim .text .t2 {font-size: 26px; color:#111;height:70px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.main_story_grim .text .t3 {font-size: 14px; color:#BEBEBE;text-decoration:underline;margin-top:50px;}
.main_story_grim .story_all {position:absolute;margin-left:350px;}
.main_story_grim .story01 {display: inline-block;float:left;}
.main_story_grim .story02 {display: inline-block;float:left;}
.main_story_grim .story_next {display:block;position:absolute;bottom:140px;width:230px;}
.main_story_grim .story_next .text01 {color:#222;font-size:18px;padding:0 22px 0 0px;}
.main_story_grim .story_next .text01_Prev {color:#222;font-size:18px;padding:0 22px 0 0px;}
.main_story_grim .story_next .text01_Next {color:#222;font-size:18px;padding:0 0 0 22px;}
.main_story_grim .story_next .text02 {margin-left:5px;}
.main_story_grim .story_next .text03 {margin-right:5px;}
.main_story_grim .story_next .text04 {color:#BEBEBE;}
.main_story_grim .story_next .text01 img {vertical-align: middle;}

/* 메뉴바로가기*/
.main_arch_menu {display: block;margin: 0 auto;width: 100%;}
.main_arch_menu ul {overflow: hidden;display: block;margin:0 auto;width: 1200px;text-align: center;}
.main_arch_menu li {display: inline-block;height: 109px;position: relative;text-align: center;padding: 50px 100px 0 100px;}
.main_arch_menu li:after {content:""; position: absolute; right:0; top:50px; height:100px; width:1px; background: #E9EAF0;}
.main_arch_menu li:last-child {padding-right:0; }
.main_arch_menu li:last-child:after {display: none;}
.main_arch_menu .text {line-height: 210%;letter-spacing: -1px;display: block;clear: both;position: relative;text-align:center;padding-top: 10px;}
.main_arch_menu .text .t1 {font-size: 22px; color:#111111;}