/* 상단 메뉴 레이아웃 */
.header {position:relative; width:100%; background:#3c5a9a; z-index:1; padding:3%;  }
.header div {position:relative; display:inline-block;}
.header div.menuBtn { width: 10%; text-align:left;  }
.header div.logo { width: 78%; text-align:center;}
.header div.logo a > img {  width:25%;}
.header div.home { width: 10%; float:right; }
.header div.home > a img { width:90%;}

/* 상단 스크롤 메뉴 레이아웃 */
nav.scroll {display:block; position:relative; border-bottom:1px solid #898989; font-family: 'Noto Sans KR', sans-serif; }
nav.scroll div.scrollWrap { width:85%; white-space:nowrap; overflow-y:hidden; overflow-x:auto; }
nav.scroll div.scrollWrap a {display:inline-block; font-size:14px; font-weight:400; letter-spacing:-0.02em;  padding:3% 4%; color:#404040;}
nav.scroll .moreCtrl {position:absolute; right:0; top:0;  width:15%; padding-bottom:11%; font-size:0;}
nav.scroll .moreCtrl a {  display:inline-block; width:100% ;/* padding-bottom:50%;*/ padding:36%; overflow:hidden; }
nav.scroll .moreCtrl a.endLink {line-height:0; font-size:0;  background:url('../images/scroll_nav.png') no-repeat center; background-size:35%; }
nav.scroll .moreCtrl a.firstLink {line-height:0; font-size:0; background:url('../images/scroll_nav_1.png') no-repeat center ;  background-size:35%;}
nav.scroll .moreCtrl a.off {display:none;}

/* 클릭 메뉴 레이아웃 */
.slideMenu { position:absolute; width:100%; height:100%; left: -100%; top:0; overflow: hidden; z-index:200; background:#fff; font-family: 'Noto Sans KR', sans-serif;}
.slideMenu .gnb {}
.slideMenu .gnb .fixHeader { position:relative; width: 100%;  background:#3c5a9a;  padding:1.2% 0;  } 
.slideMenu .gnb .fixHeader div { display:inline-block; }
.slideMenu .gnb .fixHeader div.logo { width: 88%;padding: 0 0 0 2%;}
.slideMenu .gnb .fixHeader div.logo > img { width:25%;padding:3%;}
.slideMenu .gnb .fixHeader div.closed { width: 10%;  text-align:right; }
.slideMenu .gnb .fixHeader div.closed a > img {  padding:25%;}

.scroll2 {overflow-x:hidden; overflow-y:auto;}
.scroll2 .banner { position:relative; width:100%;}
.scroll2 .foreign div.title { position:relative; width:100%; padding:2% 5%;  border:1px solid #eee;}
.scroll2 .foreign div.title div { display:inline-block; }
.scroll2 .foreign div.title div.txt { font-size:15px; }
.scroll2 .foreign div.title div.more { font-size:15px;  text-align:right; float:right;}

/* 해외패키지 카테고리 */
.sbCategory01 { position:relative; width:100%; padding:3% 0;}
.sbCategory01 ul { width:95%; margin:0 auto; }
.sbCategory01 ul li { width:24%; padding:2%; font-family: 'Noto Sans KR', sans-serif; display:inline-block; text-align:center;}
.sbCategory01 ul li a {  }
.sbCategory01 ul li a span { font-size:11px; font-weight:300; }


/* 하단 카테고리 */
.gnbMenu { position:relative; width:100%; padding-bottom:43.7%; }
.gnbMenu ul li { width:50%; float:left;  text-align:left; padding:2% 5%; border-bottom:1px solid #eee;border-right:1px solid #eee; }
.gnbMenu ul li a { color:#404040; font-size:14px;}
.gnbMenu ul li a > span { text-align:right; float:right;  width:10%; margin-top:-2%; }
.gnbMenu ul li a > span > img { width:30%;}


/* 전체지역 카테고리 레이아웃*/
.layerPop {position:absolute; left:0; top:0; width:100%; z-index:100; display:none; font-family: 'Noto Sans KR', sans-serif; }

.layerPop .top_header { position:relative; width: 100%;  background:#3e3f42;  padding:1.2% 0; font-size:15px; color:#fff; font-weight:300; } 
.layerPop .top_header div { display:inline-block; }
.layerPop .top_header div.logo { width: 88%;padding: 0 0 0 2%;}
.layerPop .top_header div.logo > img { width:25%;padding:3%;}
.layerPop .top_header div.closed { width: 10%;  text-align:right; }
.layerPop .top_header div.closed a > img {  padding:25%;}

.layerPop .totalPlaceList { position:Relative; background:#fff; }
.layerPop .totalPlaceList > div.title { position:relative; width:100%; padding:3% 5%;   border:1px solid #eee;}
.layerPop .totalPlaceList > div.title a {  display:block;}
.layerPop .totalPlaceList > div.title div { display:inline-block; }
.layerPop .totalPlaceList > div.title div.txt { font-size:15px;  }
.layerPop .totalPlaceList > div.title div.more {  text-align:right; float:right;margin-top:-1%;}
.layerPop .totalPlaceList > div.title div.more > img { width:70%; }
.layerPop .totalPlaceList div.title2 { position:relative; width:100%;border:1px solid #eee;}
.layerPop .totalPlaceList div.title2 > a { position:relative; width:100%; display:block; padding:3% 5%;}
.layerPop .totalPlaceList div.title2 div { display:inline-block; }
.layerPop .totalPlaceList div.title2 div.txt { font-size:15px; }
.layerPop .totalPlaceList div.title2 div.more {  text-align:right; float:right;margin-top:-1%;}
.layerPop .totalPlaceList div.title2 div.more > img { width:65%; }

.layerPop .totalPlaceList div.list_box { }
.layerPop .totalPlaceList div.list_box div.title { position:relative; width:100%; border:1px solid #eee; font-size:14px; text-align:center; background:#fbfafa; }
.layerPop .totalPlaceList div.list_box div.title > a  { position:relative; width:100%; padding:2% 0 ; display:block; }


.layerPop .totalPlaceList div.list_box div.list { position:relative; width:100%; height:160px;}
.layerPop .totalPlaceList div.list_box div.list ul li { float:left;width:33.3%;  text-align:left; height:40px; line-height:40px; border-bottom:1px solid #eee;border-right:1px solid #eee; }
.layerPop .totalPlaceList div.list_box div.list ul li a { color:#404040; font-size:10px; display:block;  height:40px; padding: 0 0 0 5%; letter-spacing:-0.03em;}

.layerPop .totalPlaceList div.list_box div.list2 { position:relative; width:100%; height:280px;}
.layerPop .totalPlaceList div.list_box div.list2 ul li { float:left;width:33.3%;  text-align:left; height:40px; line-height:40px; border-bottom:1px solid #eee;border-right:1px solid #eee; }
.layerPop .totalPlaceList div.list_box div.list2 ul li a { color:#404040; font-size:10px; display:block;  height:40px; padding: 0 0 0 5%; letter-spacing:-0.03em; }

.layerPop .totalPlaceList div.list_box div.list3 { position:relative; width:100%; height:120px;}
.layerPop .totalPlaceList div.list_box div.list3 ul li { float:left;width:33.3%;  text-align:left; height:40px; line-height:40px; border-bottom:1px solid #eee;border-right:1px solid #eee; }
.layerPop .totalPlaceList div.list_box div.list3 ul li a { color:#404040; font-size:10px; display:block;  height:40px; padding: 0 0 0 5%;letter-spacing:-0.03em; }

.layerPop .totalPlaceList div.list_box div.list4 { position:relative; width:100%; height:80px;}
.layerPop .totalPlaceList div.list_box div.list4 ul li { float:left;width:33.3%;  text-align:left; height:40px; line-height:40px; border-bottom:1px solid #eee;border-right:1px solid #eee; }
.layerPop .totalPlaceList div.list_box div.list4 ul li a { color:#404040; font-size:10px; display:block;  height:40px; padding: 0 0 0 5%; letter-spacing:-0.03em;}

.layerPop .totalPlaceList div.list_box div.list5 { position:relative; width:100%; height:100px;}
.layerPop .totalPlaceList div.list_box div.list5 ul li { float:left;width:33.3%;  text-align:left; height:50px; line-height:17px; border-bottom:1px solid #eee;border-right:1px solid #eee; }
.layerPop .totalPlaceList div.list_box div.list5 ul li a { color:#404040; font-size:10px; display:block;  height:50px; padding: 5% 0 0 5%; letter-spacing:-0.03em; }



.line1 { position:relative; width:100%; padding-bottom:2%; background:#f2f2f2; }
.line2 { position:relative; width:100%; padding-bottom:2%; background:#f2f2f2; }
.line3 { position:relative; width:100%; padding-bottom:2%; background:#f2f2f2; }
.line4 { position:relative; width:100%; background:#f2f2f2;  padding:0 0 2% 0 !important; border:0 !important; }


@media screen and (max-width: 1000px) and (min-width:	600px) {
   

	nav.scroll .moreCtrl {position:absolute; right:0; top:0;  width:8%; padding-bottom:11%; font-size:0;}
	nav.scroll .moreCtrl a {  display:inline-block; width:100% ;/* padding-bottom:50%;*/ padding:50%; overflow:hidden; }
   
}