@charset "utf-8";

/* Font */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;700&display=swap');
@font-face {
    font-family: 'ELAND_Nice_M';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/ELAND_Nice_M.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('/css/visitjj/font/webIcon/icomoon.eot?75np4t');
  src:  url('/css/visitjj/font/webIcon/icomoon.eot?75np4t#iefix') format('embedded-opentype'),
    url('/css/visitjj/font/webIcon/icomoon.ttf?75np4t') format('truetype'),
    url('/css/visitjj/font/webIcon/icomoon.woff?75np4t') format('woff'),
    url('/css/visitjj/font/webIcon/icomoon.svg?75np4t#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-food:before {
  content: "\e905";
}
.icon-stay:before {
  content: "\e906";
}
.icon-list:before {
  content: "\e902";
}
.icon-time:before {
  content: "\e903";
}
.icon-fee:before {
  content: "\e904";
}
.icon-street:before {
  content: "\e901";
}
.icon-blog:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\e907";
}
.icon-insta:before {
  content: "\e90c";
}
.icon-mark:before {
  content: "\e90f";
}
.icon-play:before {
  content: "\e910";
}
.icon-search:before {
  content: "\e911";
}
.icon-youtube:before {
  content: "\e919";
}
.icon-notice:before {
  content: "\e928";
}


/* Common */
#skip				{ top:0;right:0;position:absolute;width:100%;height:0px;text-align:center;z-index:999}
#skip a			{ display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover,
#skip li a:focus,
#skip li a:active { background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}
.blind				{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:polygon(0 0, 0 0, 0 0); }
.hide				{ display:none !important;margin:0;padding:0}
section i			{ font-style:normal;}

.clearfix					{ *zoom:1}
.clearfix::after			{ display:block; clear:both; content:""}

.arr						{ position:relative; display:inline-block; *display:inline; *zoom:1}
.arr::after					{ position:absolute; bottom:0; left:0; width:100%; height:1px; content:""}
.arr::before				{ position:absolute; bottom:-1px; right:2px; width:1px; height:100%; transform:rotate(-45deg); content:""}

/* 이미지 효과 */
.zoom:hover img,
.zoom:focus img		{ transform:scale(1.1) !important; transition:.2s ease-in-out }


/* Header*/
.header 								{ overflow:visible; position:fixed; top:0; left:0; width:100%; height:100px; padding-top:3px; text-align:center; transition:all .2s ease-out; z-index:999;  }
.header h1 							{ position:absolute; top:43px; left:4%; font-size:1em; z-index:2; }
.header h1 .logo					{ font-family:'ELAND_Nice_M'; font-weight:normal; font-size:1.65em; vertical-align:bottom; letter-spacing:-.03em;}


/* 주메뉴 */
.gnb > ul > li 						{ position:relative; display:inline-block; *display:inline; vertical-align:top; transition:all .2s ease-out; *zoom:1 }
.gnbHover .gnb > ul > li		{ margin:0 .7em}
.gnb > ul > li > a 				{ display:block; position:relative; line-height:100px; padding:0 1.3em; font-size:1.2em; font-weight:500; letter-spacing:-.065em; }
.gnb > ul > .on > a				{ color:#7401b8}
.gnb > ul > li > a:after 			{ content:''; position:absolute; top:96px; left:50%; width:0; height:1px; background:#8a00f0; -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); transform:translate(-50%,0); transition:all .2s ease-out; }
.gnb > ul > li.on > a:after 		{ width:50% }
.gnb .subMenu 					{ display:none; width:100%; padding:1em 0; text-align:left;}
.gnbHover .subMenu				{ display:block;}
.gnb .subMenu > li 				{ margin:0 0 .7em }
.gnb .subMenu > li > a 			{ display:inline-block; position:relative; font-size:1.1em; color:#181818; letter-spacing:-.065em; }
.gnb .subMenu > li > a:hover	{ color:#7401b8 }
.gnb .gnb_3dep li					{ position:relative; margin-top:.1em; padding-left:.5em; }
.gnb .gnb_3dep li:before		{ position:absolute; top:.7em; left:0; width:2px; height:2px; background:#ddd; content:"" }
.gnb .gnb_3dep li a				{ color:#8f8f8f; font-weight:400; }

/* Util menu */
.header .utilMenu 										{ position:absolute; top:45px; right:4%; line-height:1;  }
.header .utilMenu > li 									{ float:left; margin-left:1.1em; }
.header .utilMenu .user									{ margin-top:.1em; font-size:.875em; letter-spacing:-.07em;}
.header .utilMenu .lang 									{ position:relative; margin-top:.07em; font-family:'Nunito Sans'; font-size:.875em;}
.header .global												{ margin-top:.09em;}
.header .global .arrDown								{ position:relative; width:16px; height:16px; margin-left:.4em; vertical-align:top;}
.header .global .arrDown::before						{ position:absolute; top:-2px; left:10%; width:50%; height:50%; border-style:solid; border-width:0 2px 2px 0; transform:rotate(45deg); content:""}
.header .active .global .arrDown::before				{ top:3px; transform:rotate(-135deg); }
.header .langBox 											{ position:absolute; visibility:hidden; top:2em; left:50%; z-index:10; padding:.5em 1em; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); background-color:#fff; border-radius:10px; opacity:0; transition:opacity 300ms ease-out, visibility 300ms ease-out}
.header .active .langBox 								{ opacity:1; visibility:visible; -webkit-box-shadow:0 0 15px rgba(0,0,0,.07); -moz-box-shadow:0 0 15px rgba(0,0,0,.07); box-shadow:0 0 15px rgba(0,0,0,.07) }
.header .langBox:before 								{ content:''; display:block; position:absolute; top:-4px; left:50%; width:8px; height:8px; margin-left:-4px; background-color:#fff; transform:rotate(135deg)}
.header .langBox li a 										{ position:relative; display:block; padding:.3em; color:#181818 }
.header .langBox li a span 								{ position:relative; position:relative; font-size:14px; font-weight:500; }
.header .langBox li a:hover,
.header .langBox li a:focus								{ color:#7401b8}
.headerSearch												{ position:relative; padding-left:1.2em; margin-left:1.2em; }
.headerSearch::before									{ position:absolute; top:0; left:0; height:100%; width:1px; content:""}
.headerSearch>button									{ width:24px; height:24px;  }
.headerSearch i::before									{ vertical-align:top}
.headerSearch .btnSearchOpen						{ margin-top:-2px; font-size:1.3em; vertical-align:top;}
.headerSearch .btnSearchClose 						{ display:none; position:relative; margin-top:-3px;  }
.headerSearch .btnSearchClose::before,
.headerSearch .btnSearchClose::after					{ position:absolute; top:0; left:50%; width:1px; height:100%; background:#fff; content:"" }
.headerSearch .btnSearchClose::before				{ transform:rotate(45deg); }
.headerSearch .btnSearchClose::after					{ transform:rotate(-45deg); }

/* 검색 */
.searchCon											{ position:fixed; left:0; top:100px; width:100%; background:#fff; z-index:1; opacity:0; filter:Alpha(opacity=0); visibility:hidden; z-index:999;  }
.searchCon.open									{ visibility:visible; opacity:1.0; filter:Alpha(opacity=100); -webkit-transition:all 0.3s; transition:all 0.3s; }
.searchWrap										{ max-width:800px; padding:2.2rem 1.25rem 3.5rem; margin:0 auto; }
.searchTit											{ font-size:2.7em; font-weight:700; color:#181818; }
.searchInner											{ position:relative; border-bottom:1px solid #e5e5e5; padding-right:4em;}
.searchInner .searchWord						{ height:3.3em; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:1em; vertical-align:top; color:#181818; font-size:1.333em; font-weight:400; text-align:left; background-color:transparent; border:0; }
.searchInner .searchWord::placeholder		{ font-weight:300; color:rgba(0,0,0,0.4); }
.searchInner .search_btn							{ position:absolute; top:0; right:0; width:4em; height:4em; }
.searchInner .search_btn i						{ font-size:2.5em; color:#7401b8; }
.search_ex											{ position:relative; margin-top:1.5em; font-size:1.13em; line-height:1.3; letter-spacing:-.075em; color:#333; }
.search_ex:before									{ display:inline-block; *display:inline; width:2.5em; height:1.4em; margin-right:.5em; font-size:1.2em; line-height:1.2; font-weight:700; color:#fff; background-color:#7401b8; -webkit-border-radius:2.2em; border-radius:2.2em; content:'ex'; }
.search_ex a											{ display:inline-block; *display:inline; margin:0 .3em; vertical-align:middle;}

/* 전체메뉴 버튼 */
.allMenu 										{ display:block; position:relative; width:31px; height:31px; margin-top:-5px; }
.allMenu>i 										{ position:absolute; display:block; right:0; height:2px; background:#fff; transition:all 0.3s;}
.allMenu .line_left 								{ top:5px; width:100%;}
.allMenu .line_right 							{ top:21px; width:100%;  }
.allMenu .line_middle							{ top:13px; width:80%; }
.allMenu.active .line_middle					{ width:0 }
.allMenu.active .line_left 						{ top:13px; right:1px; width:95%; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.allMenu.active .line_right 					{ top:13px; right:1px; width:95%; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);  }
.header.allMenuOn .allMenu>i				{ background:#fff !important}

/* Header Hover */
.header.gnbHover h1 .logo,
.header.fix h1 .logo					{ color:#7401b8}

.header.gnbHover,
.header.fix 								{ background:rgba(255,255,255,.95); color:#181818}
.header.gnbHover .gnb > ul > li > a,
.header.fix .gnb > ul > li > a		{ color:#181818}
.header.gnbHover:after				{ position:absolute; top:100px; left:0;  width:100%; height:calc(100% - 100px);content:''; background:#fff; z-index:-1 }

.header.gnbHover .utilMenu > li,
.header.fix .utilMenu > li										{ color:#181818 }
.header.gnbHover .global .arrDown::before,
.header.fix .global .arrDown::before						{ border-color:rgba(0,0,0,.6)}
.header.gnbHover .headerSearch::before,
.header.fix .headerSearch::before							{ background:rgba(0,0,0,.4)}
.header.gnbHover .headerSearch .btnSearchOpen,
.header.fix .headerSearch .btnSearchOpen				{ color:#181818}
.header.gnbHover .headerSearch .btnSearchClose::before,
.header.gnbHover .headerSearch .btnSearchClose::after,
.header.fix .headerSearch .btnSearchClose::before,
.header.fix .headerSearch .btnSearchClose::after		{ background:#181818}
.header.gnbHover .allMenu>i,
.header.fix .allMenu>i										{ background:#181818}


/* Footer */
.footer								{ color:#f0f0f0; background:#1e1d1f}
.footer .fBtn							{ border-bottom:1px solid #403f40}
.footer .fBtn .fnb					{ float:left; }
.footer .fBtn .fnb li					{ float:left; }
.footer .fBtn .fnb li	 a				{ display:block; height:55px; padding:0 2em; line-height:55px; font-size:1.06em; color:#dfdfdf; letter-spacing:-.05em; border-left:1px solid #403f40; transition:background ease .2s}
.footer .fBtn .fnb li:last-child a	{ border-right:1px solid #403f40;}
.footer .fBtn .fnb li	 a:hover,
.footer .fBtn .fnb li	 a:focus		{ background:rgba(0,0,0,.95)}
.footer .fBtn .hanok				{ float:right; position:relative; display:block; height:55px; padding:0 2.2em; line-height:55px; color:#fff; font-size:1.03em; letter-spacing:-.025em; background:rgba(0,0,0,.65); transition:background ease .2s }
.footer .fBtn .hanok::before		{ position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#7401b8; content:""}
.footer .fBtn .hanok .arr			{ position:relative; width:22px; height:9px; margin:-.3em 0 0 1em; vertical-align:middle; }
.footer .fBtn .hanok .arr::before,
.footer .fBtn .hanok .arr::after	{ background:#7401b8}
.footer .fBtn .hanok:hover,
.footer .fBtn .hanok:focus		{ background:rgba(0,0,0,.95)}
.footer .finfo						{ position:relative; padding:2em 1.25rem 3.5em; font-weight:300; letter-spacing:-.015em;}
.footer .finfo address				{ display:inline-block; *display:inline; margin-right:1.5em; font-style:normal; *zoom:1}
.footer .copy						{ display:block; margin-top:.2em; font-size:.93em; color:#a9a8a9 }
.footer .snsLink						{ position:absolute; top:2em; right:1.25rem}
.footer .snsLink li					{ display:inline-block; *display:inline; margin-left:.5em; *zoom:1}
.footer .snsLink li a				{ position:relative; display:block; width:40px; height:40px; font-size:1.25em; color:#fff; text-align:center; background:#403f40; border-radius:50%; transition:background ease .2s}
.footer .snsLink li a:hover,
.footer .snsLink li a:focus		{ background:#7401b8}
.footer .snsLink li i					{ position:absolute; top:44%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }

/* 스카이메뉴 */
.side_nav								{ position:fixed; right:4%; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); width:105px; text-align:center; background:#1c1a1d; border-radius:0 0 25px; z-index:3}
.side_nav ul							{ background:#fff; border:1px solid #f1e5f8; border-bottom:0; border-radius:0 0 25px}
.side_nav ul li + li					{ border-top:1px solid #f1e5f8}
.side_nav ul li a					{ display:block; padding:1em 0; color:#1c1a1e; font-weight:400; font-size:.93em;}
.side_nav ul li i						{ font-size:1.5em; color:#b980db}
.side_nav ul li .icon-stay			{ font-size:2.2em;}
.side_nav ul li .icon-street		{ font-size:2.2em;}
.side_nav ul li .icon-food		{ font-size:1.8em;}
.side_nav ul li a:hover i,
.side_nav ul li a:focus i			{ color:#7401b8}
.side_nav ul li span				{ display:block; margin-top:.1em; }
.side_nav #back2top				{ display:block; width:100%; padding:.4em; font-family:'Nunito Sans'; color:#fff; font-weight:700; font-size:.875em;}

@media screen and (max-width:1700px){
	/* 주메뉴 */
	.gnb > ul > li > a				{ padding:0 1em; font-size:1.15em;}

	/* Header*/
	.header h1						{ left:1.25rem}
	.header .utilMenu				{ right:1.25rem}

	/* Header Hover */
	.gnbHover .gnb > ul > li	{ margin:0 .5em}
}

@media screen and (max-width:1650px){
	/* 스카이메뉴 */
	.side_nav							{ display:none}
}

@media screen and (max-width:1500px){
	/* 주메뉴 */
	.gnb				{ display:none;}
}
@media screen and (max-width:1400px){
	/* Header*/
	.header 								{ height:80px !important; padding-top:0; }
	.header h1							{ top:34px}
	.header .utilMenu					{ top:35px}

	/* 검색 */
	.searchCon		{ top:80px}
}
@media screen and (min-width:1201px){
	/* 전체메뉴 버튼 */
	.allMenu 										{ z-index:1001; }

	/* PC 전체메뉴 */
	.gnbM												{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.95); z-index:999}
	.gnbM .gnbTop,
	.gnbM .mypage									{ display:none}
	.gnbNavigation>ul								{ display:table; height:100vh; width:80%; max-width:1700px; margin:0 auto; text-align:left;}
	.gnbNavigation>ul>li								{ display:table-cell; width:16.66%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:8% 0; vertical-align:top; background:no-repeat 0 85% / contain; border-left:1px solid rgba(255,255,255,.1); transition:all .3s}
	.gnbNavigation>ul>li>a							{ position:relative; display:block; padding-left:1.3rem; font-size:2.1em; font-weight:500; letter-spacing:-.05em; color:#a918ff}
	.gnbNavigation>ul>li>a::before				{ position:absolute; top:20%; left:-1px; height:70%; width:1px; background:#a918ff; content:""}
	.gnbNavigation .gnb_2dep						{ margin-top:1em; color:#fff;}
	.gnbNavigation .gnb_2dep>li					{ margin-top:1em}
	.gnbNavigation .gnb_2dep>li>a				{ padding-left:1.3rem; font-size:1.4em;}
	.gnbNavigation .gnb_3dep						{ margin-bottom:1em;}
	.gnbNavigation .gnb_3dep>li					{ margin:.2em 0;}
	.gnbNavigation .gnb_3dep>li>a				{ padding-left:1.3rem; font-size:1.1em; opacity:.7}
	.gnbNavigation>ul>li:hover					{ background-color:rgba(0,0,0,.7); }
	.gnbNavigation>ul>li:nth-child(1):hover		{ background-image:url(/images/visitjj/common/bg_allMenu01.png)}
	.gnbNavigation>ul>li:nth-child(2):hover		{ background-image:url(/images/visitjj/common/bg_allMenu02.png)}
	.gnbNavigation>ul>li:nth-child(3):hover		{ background-image:url(/images/visitjj/common/bg_allMenu03.png)}
	.gnbNavigation>ul>li:nth-child(4):hover		{ background-image:url(/images/visitjj/common/bg_allMenu04.png)}
	.gnbNavigation>ul>li:nth-child(5):hover		{ background-image:url(/images/visitjj/common/bg_allMenu05.png)}
	.gnbNavigation>ul>li:nth-child(6):hover		{ background-image:url(/images/visitjj/common/bg_allMenu06.png)}
}
@media screen and (max-width:1800px){
	/* PC 전체메뉴 */
	.gnbM							{ font-size:14px;}
}
@media screen and (max-width:1600px){
	/* PC 전체메뉴 */
	.gnbNavigation>ul			{ width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-right:50px}
}
@media screen and (max-width:1400px){
	/* PC 전체메뉴 */
	.gnbM							{ font-size:13.5px;}
}
@media screen and (max-width:1200px){
	/* 모바일 전체메뉴 */
	.gnbM												{ height:100%; position:fixed; top:0; right:-100%; width:100%; max-width:400px; text-align:left; background:#fff; z-index:1000; overflow-y:auto;
																-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
	.allMenuOn .gnbM								{ right:0;}
	.allMenuOn .btnClose							{ position:absolute; display:block; top:2.5em; right:1.5em; width:31px; height:31px; margin-top:-5px; z-index:3; }
	.allMenuOn .btnClose::before					{ position:absolute; top:13px; right:1px; width:95%; height:2px; -webkit-transform:rotate(45deg); transform:rotate(45deg); background:#fff; content:"" }
	.allMenuOn .btnClose::after						{ position:absolute; top:13px; right:1px; width:95%; height:2px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); background:#fff; content:""}

	.gnbM .gnbTop									{ padding:2.5em 2em 2em; background:#34074e}
	.gnbM .gnbTop .log								{ display:inline-block; font-size:1.05em; color:rgba(255,255,255,.7)}
	.gnbM .gnbTop .log::after						{ display:inline-block; vertical-align:middle; width:6px; height:6px; border-style:solid; border-width:0 1px 1px 0; margin:-3px 0 0 2px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); content:'';}
	.gnbM .gnbTop .gnbCon						{ position:relative; }
	.gnbM .gnbTop .gnbCon p						{ color:#fff; font-size:1.5em; line-height:1.3; margin:.5em 0}
	.gnbM .gnbTop .gnbCon .login				{ margin-top:0;}
	.gnbM .gnbTop .gnbCon .login::after		{ display:inline-block; vertical-align:middle; width:10px; height:10px; border-style:solid; border-width:0 1px 1px 0; margin:-3px 0 0 2px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); content:'';}
	.gnbM .gnbTop .join								{ position:absolute; bottom:-.01em; right:0; padding:.1em 1em .2em; color:#fff; font-size:1.15em; border:1px solid rgba(255,255,255,.4)}
	.gnbM .mypage									{ text-align:center; background:#333; }
	.gnbM .mypage li									{ float:left; position:relative; width:33.33%; color:#fff;}
	.gnbM .mypage li	+ li::before					{ position:absolute; left:0; top:20%; height:60%; width:1px; background:rgba(255,255,255,.3); content:""}
	.gnbM .mypage li a								{ padding:.7em 0; font-size:1.17em;}
	.gnbM .mypage li i								{ color:rgba(255,255,255,.4)}

	.gnbNavigation > .clearfix								{ width:100%; overflow:hidden; padding-right:0; border-top:1px solid rgba(0,0,0,0.2); }
	.gnbNavigation > .clearfix > li								{ position:relative; width:100%; border-bottom:1px solid rgba(0,0,0,0.2); animation:inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
	.gnbNavigation > .clearfix > li:first-child				{ border-top:0}
	.gnbNavigation > .clearfix > li > a							{ position:relative; display:block; height:50px; line-height:50px; padding:0 1.6em; color:#181818; font-size:1.25em; font-weight:500; letter-spacing:-.05em;}
	.gnbNavigation > .clearfix > li > a::after						{ position:absolute; right:1.5em; top:1.1em; width:8px; height:8px; border:solid #838383; border-width:0 0 1px 1px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); content:''; }
	.gnbNavigation > .clearfix > li .gnb_2dep						{ display:none; background-color:#ede9ef}
	.gnbNavigation > .clearfix > li .gnb_2dep li a					{ position:relative; display:block; color:#34074e; font-size:1.15em; padding:.7em 1.8em; }
	.gnbNavigation > .clearfix > li .gnb_3dep						{ display:none; background-color:#f5edf9}
	.gnbNavigation > .clearfix > li .gnb_3dep li a					{ color:#7401b8; font-size:1.1em; padding:.7em 1.9em;}
	.gnbM .lang											{ padding:1em 2em 2em; color:#181818; text-align:center;}
	.gnbM .lang li										{ display:inline-block; *display:inline; font-family:'Nunito Sans'; font-weight:700; font-size:1.15em; *zoom:1}
	.gnbM .lang li a									{ display:inline-block; *display:inline; padding:.5em; *zoom:1}
	.gnbMenuBg										{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; cursor:pointer; background-color:#000; background-color:rgba(0,0,0,0.83); z-index:999}

	/* 검색 */
	.searchWrap							{ padding:2rem 1.25rem 3rem}
	.searchTit								{ font-size:2.4em;}
	.searchInner .searchWord			{ height:2.8em; font-size:1em;}
	.searchInner .search_btn				{ width:2.8em; height:2.8em;}
	.searchInner .search_btn i			{ font-size:1.6em;}
	.search_ex								{ font-size:1em;}

	/* Footer */
	.footer									{ font-size:15px; text-align:center;}
	.footer .fBtn .wrap						{ padding:0}
	.footer .fBtn .fnb li a					{ padding:0 .7em; height:50px; line-height:50px; border-left:0;}
	.footer .fBtn .fnb li:last-child a		{ border-right:0;}
	.footer .fBtn .hanok					{ padding:0 1.2em; height:50px; line-height:50px;}
	.footer .finfo							{ padding:1.3em 1.25rem 2em}
	.footer .snsLink							{ position:relative; top:auto; right:auto; margin-top:1.2em;}
}
@media screen and (max-width:600px){
	/* Header*/
	.header 										{ height:65px !important; }
	.header h1									{ top:24px}
	.header h1 .logo							{ font-size:1.3em;}
	.header .utilMenu							{ top:24px}
	.header .utilMenu > li					{ margin-left:.9em;}
	.header .utilMenu .lang,
	.header .utilMenu .user,
	.header .headerSearch::before			{ display:none}
	.header .utilMenu > .headerSearch	{ margin-left:0; padding-left:0;}
	.allMenu										{ width:25px;}

	/* 검색 */
	.searchCon		{ top:65px}

	/* Footer */
	.footer .fBtn .fnb										{ float:none}
	.footer .fBtn .fnb li										{ float:none; display:inline-block; }
	.footer .fBtn .hanok									{ display:none}
}
@media screen and (max-width:450px){
	/* 검색 */
	.headerSearch .btnSearchOpen				{ margin-top:-1px}
	.searchWrap							{ padding:1.3rem 1.25rem 2.3rem}
	.searchTit								{ margin-bottom:.1em; font-size:1.9em;}
	.searchInner								{ padding-right:2.7em;}
	.searchInner .searchWord			{ height:2.7em; font-size:.95em;}
	.searchInner .search_btn				{ width:2.7em; height:2.7em;}
	.searchInner .search_btn i			{ font-size:1.3em;}
	.search_ex								{ font-size:.9em;}

	/* Footer */
	.footer .fBtn												{ padding-top:1.2em; border-bottom:0}
	.footer .fBtn .fnb li										{ width:46%; margin:.2em 0}
	.footer .fBtn .fnb li	:nth-child(2n)					{ margin-left:1.5%;}
	.footer .fBtn .fnb li a									{ height:35px; line-height:35px; border:1px solid #403f40 }
	.footer .finfo address									{ margin-right:0;}
	.footer .finfo .tel										{ display:block }
	.footer .snsLink li i										{ top:50%}
}
@media screen and (max-width:400px){
	/* Footer */
	.footer													{ font-size:14.5px;}
}