@charset "utf-8";

/* Font */
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/css/itgrt/fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(/css/itgrt/fonts/NotoSansKR-Light.woff) format('woff'),
       url(/css/itgrt/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/css/itgrt/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(/css/itgrt/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(/css/itgrt/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/css/itgrt/fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(/css/itgrt/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(/css/itgrt/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/css/itgrt/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(/css/itgrt/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(/css/itgrt/fonts/NotoSansKR-Bold.otf) format('opentype');
 }

@font-face {
   font-family: 'Luxury Gothic';
   font-style: normal;
   font-weight: 400;
   src: url(/css/itgrt/fonts/LuxuryGothic_M.woff2) format('woff2'),
        url(/css/itgrt/fonts/LuxuryGothic_M.woff) format('woff'),
        url(/css/itgrt/fonts/LuxuryGothic_M.otf) format('opentype');
}
@font-face {
   font-family: 'Luxury Gothic';
   font-style: normal;
   font-weight: 600;
   src: url(/css/itgrt/fonts/LuxuryGothic_B.woff2) format('woff2'),
        url(/css/itgrt/fonts/LuxuryGothic_B.woff) format('woff'),
        url(/css/itgrt/fonts/LuxuryGothic_B.otf) format('opentype');
}
@font-face {
   font-family: 'Luxury Gothic';
   font-style: normal;
   font-weight: 700;
   src: url(/css/itgrt/fonts/LuxuryGothic_EB.woff2) format('woff2'),
        url(/css/itgrt/fonts/LuxuryGothic_EB.woff) format('woff'),
        url(/css/itgrt/fonts/LuxuryGothic_EB.otf) format('opentype');
} 
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 700;
    src:
    url('/css/itgrt/fonts/Spoqa Han Sans Bold.woff2') format('woff2'),
    url('/css/itgrt/fonts/Spoqa Han Sans Bold.woff') format('woff'),
    url('/css/itgrt/fonts/Spoqa Han Sans Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    src:
    url('/css/itgrt/fonts/Spoqa Han Sans Regular.woff2') format('woff2'),
    url('/css/itgrt/fonts/Spoqa Han Sans Regular.woff') format('woff'),
    url('/css/itgrt/fonts/Spoqa Han Sans Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 300;
    src:
    url('/css/itgrt/fonts/Spoqa Han Sans Light.woff2') format('woff2'),
    url('/css/itgrt/fonts/Spoqa Han Sans Light.woff') format('woff'),
    url('/css/itgrt/fonts/Spoqa Han Sans Light.ttf') format('truetype');
}
@font-face {
  font-family: 'icomoon';
  src:  url('/css/itgrt/fonts/webIcon/icomoon.eot?u2xe5h');
  src:  url('/css/itgrt/fonts/webIcon/icomoon.eot?u2xe5h#iefix') format('embedded-opentype'),
    url('/css/itgrt/fonts/webIcon/icomoon.ttf?u2xe5h') format('truetype'),
    url('/css/itgrt/fonts/webIcon/icomoon.woff?u2xe5h') format('woff'),
    url('/css/itgrt/fonts/webIcon/icomoon.svg?u2xe5h#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-calendar:before { content:"\e927";
}
.icon-clock:before {
  content:"\e928";
}
.icon-reservation:before {
  content:"\e929";
}
.icon-home:before {
  content:"\e924";
}
.icon-printer:before { content:"\e925";}
.icon-share:before { content:"\e926";}
.icon-sys_search:before { content:"\e90a";}
.icon-arr:before { content:"\e919";}
.icon-footer-logo:before { content:"\e903";}
.icon-allmenu:before { content:"\e900";}
.icon-arrow:before { content:"\e901";}
.icon-guide:before { content:"\e902";}
.icon-myeducation:before { content:"\e904";}
.icon-myfacility:before { content:"\e905";}
.icon-myreservation:before { content:"\e906";}
.icon-page_first:before { content:"\e907";}
.icon-page_last:before { content:"\e908";}
.icon-page_next:before { content:"\e909";}
.icon-page_prev:before { content:"\e910";}
.icon-blank:before { content:"\e911";}
.icon-search:before { content:"\e912";}
.icon-close:before { content:"\e913";}
.icon-play:before { content:"\e914";}
.icon-stop:before { content:"\e915";}
.icon-prev_action:before { content:"\e916";}
.icon-next_action:before { content:"\e917";}
.icon-top:before { content:"\e918";}
.icon-file:before { content:"\e923";}
.icon-lock:before { content:"\e91b";}
.icon-facebook:before { content:"\e920";}
.icon-instagram:before { content:"\e921";}
.icon-youtube:before { content:"\e922";}
.icon-kakao:before { content: "\e90c";}
.icon-naver:before { content: "\e90b";}
.icon-link:before { content: "\e90d";}
.icon-twitter:before { content: "\ec1f";}

/* Element Reset */
html, body, button, input, select, textarea, pre			{ font-family:'Noto Sans KR','Spoqa Han Sans',"돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic, sans-serif; font-size:15px; word-wrap:break-word; word-break:keep-all; }
ol, ul, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, figure, fieldset		{ margin:0; padding:0 }
li															{ list-style:none }
table														{ border-spacing:0; border:0 }
table th, table td											{ padding:0 }
img															{ max-width:100% }
button, a, [type="button"], [type="submit"]					{ cursor:pointer }
button, input, optgroup, 
select, textarea											{ font-family:inherit; background-color:transparent; border:0; border-radius:0; text-transform:none; -webkit-appearance:none; -moz-appearance:none; 
																appearance:none; } 
																
/* 인쇄 */
@page 							{ size:210mm 297mm; /*A4*/ margin:0mm }
@media print {
	html, body 					{ margin:0; padding:0; page-break-after:auto; page-break-before:auto }
	* 							{ -webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */ color-adjust: exact !important; font-size:15px; }
	.body_wrap 					{ width:96% !important; margin:0 2%; max-width:1300px; min-width:1200px; zoom:90%  }
	.search_area				{ height:62px; width:100% !important; margin:0 }
	.system_list				{ margin-top:130px; }
	table						{ width:100% !important; }
}


/* Input */
input::-ms-clear											{ display:none;} /* IE10 이상에서 input box에 추가된 지우기 버튼 제거 */
input, button 												{ border-radius:5px;} 
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button 				{ -webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type=number] 											{ -moz-appearance:textfield;}
textarea::placeholder,
input::placeholder 											{ color:#adafb2;}
input:focus 													{ border-color:#181818;}
input:disabled 												{ background-color:#f9f9f9; color:#999; -webkit-text-fill-color:#999; opacity:1 !important; -webkit-opacity:1 !important;}
textarea:focus 												{ border-color:#181818;}
input[type=text]:focus::placeholder, 
input[type=number]:focus::placeholder, 
input[type=password]:focus::placeholder 					{ font-size:0 !important;}

/* Input checkbox */
.input_check input[type="checkbox"] 							{ position:absolute; opacity:0; width:24px; height:24px; cursor: pointer; }
.input_check input[type="checkbox"] + label 					{ display:inline; position:relative; min-height:24px; cursor: pointer; padding-left:25px; }
.input_check input[type="checkbox"] + label::before,
.input_check input[type="checkbox"]:not(:checked)+label:before 	{ display:inline-block; position:absolute; content:""; width:24px; height:24px; left:0; top:55%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.input_check input[type="checkbox"] + label:after 				{ content:''; position:absolute; width:24px; height:24px; left:0; top:55%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); background:no-repeat 0 0 / 100% auto; 
																	background-image:url(/images/itgrt/sub/bg_checkbox.svg);}
.input_check input[type="checkbox"]:checked + label:after 		{ background-image:url(/images/itgrt/sub/bg_checkbox_active.svg); }

/* Input radio */
.radio_input													{ position:absolute; width:1px !important; height:1px !important; opacity:0; }
.radio_label													{ position:relative; padding-left:1.3em; cursor:pointer; }
.radio_label::before										{ content:""; position:absolute; top:55%; left:0; width:1.02em; height:1.02em; transform:translateY(-50%); -ms-transform:translateY(-50%); 
																	-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); overflow:hidden; border:1px solid #979797; border-radius:50%; }
.radio_input:checked + .radio_label::after			{ position:absolute; top:55%; left:.27em; width:.49em; height:.5em; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); background:#343d48; border-radius:50%; content:""}


/* Select */
select::-ms-expand												{ display:none; } /* IE에서 Select box 화살표 제거 */
select 															{ background:#fff url(/images/itgrt/sub/bg_select_arr.png) no-repeat right 1em top 50%; }


/* Common */
body									{  margin:0 auto;}
*, *:before, *:after					{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; }
caption, .blind							{ position:absolute !important; width:1px; height:1px !important; overflow:hidden; clip:rect(0,0,0,0); clip-path:polygon(0 0, 0 0, 0 0);}
.after									{ zoom:1}
.after:after							{ content:''; display:block; clear:both;}
.skip									{ top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
.skip a									{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:polygon(0 0, 0 0, 0 0);}
.skip a:hover,
.skip a:focus,
.skip a:active 							{ background:#363636; position:absolute; top:0px; left:0; z-index:5000; color:#fff; width:100%; height:2em; padding:5px 0 0 0 }

/* Module */
.con_inner						{ position:relative; width:92%; max-width:1350px; margin-left:auto; margin-right:auto; }

/* 화살표 */
.icon-arr						{ width:1.333em; height:1.333em; line-height:1.333em; text-align:center; border-radius:100%; background:#373a3f; color:#fff; font-size:1em }


/* =================================================================================================
		                                          
												   상단
												   
 ================================================================================================= */
#header										{ width:100%; z-index:999; height:140px; position:fixed; left:0; top:0; background:rgba(255,255,255,9); padding:0; margin:0; transition:margin-top ease 0.2s; }
.headerInner								{ clear:both; position:relative; margin:0 auto; }
#header:before								{ position:absolute; width:100%; height:.5px; left:0; top:48px; background:#e8e8e8; content:'' }


/* 상단메뉴 */
.top_menu									{ width:100%; margin-bottom:2em }
.top_menu .top_link							{ float:left; }
.top_menu .top_link li						{ float:left; position:relative; line-height:48px; }
.top_menu .top_link li a					{ display:block; font-size:1.067em; font-weight:200; color:rgba(28,28,28,.9); letter-spacing:-.075em }
.top_menu .top_link li+li					{ margin-left:12px; padding-left:12px; }
.top_menu .top_link li+li:before			{ position:absolute; left:0; top:50%; width:2px; height:2px; transform:translateY(-50%); background:#e8e8e8; content:''; }
.top_menu .top_sns							{ float:right; }
.top_menu .top_sns li						{ float:left; margin-top:8px }
.top_menu .top_sns li+li					{ margin-left:7px; }
.top_menu .top_sns li a						{ display:block; width:2.133em; height:2.133em; border-radius:100%; text-align:center; line-height:2.2; background:#ececec; font-size:1em; color:#6a6b6e }

/* 로고 */
.headerInner .logo							{ float:left; position:relative; z-index:2; margin:0; padding:0; font-size:15px; }
.headerInner .logo a						{ display:block;}
.headerInner .logo a img					{ width:128px; height:32px; display:inline-block; margin-right:5px; }
.headerInner .logo span						{ display:inline-block; vertical-align:super; font-size:1.3em; color:rgba(28,28,28,1); letter-spacing:-.075em; font-weight:500}


/* PC 메뉴 */
.nav_area									{ position:relative; }
.gnb										{float:right;width:auto;margin-right: 17em;}
.gnb > ul									{ text-align:center; width:auto;  margin:0 auto; padding:0; display:table; margin:0 auto}
.gnb > ul > li								{ position:relative; float:left; margin:0; padding:0; width:auto; text-align:center}
.gnb > ul > li > a							{display:block;padding: 5px 35px 30px 35px;transition:all ease 0.3s;}
.gnb > ul > li > a:hover					{ position:relative; }
.gnb > ul > li span:before					{ height:3px; background:#f75d14; position: absolute; width:0; left:50%; bottom:0; content:''; transition:all ease 0.3s;}
.gnb > ul > li:hover span:before			{ width:100%; left:0;}
.gnb > ul > li > a > span					{display:block;font-size:1.4em;color:#181818;font-weight:500;letter-spacing:-.075em;font-size: 20px;}


.gnb > ul > li .gnb_2dep					{ position:absolute; top:70px; left:0px; width:100%; padding:0 10px; height:0; text-align:center; transition:opacity 0.5s, height 0.5s, display 0.5s; opacity:0; background:none; display:none }
.gnb > ul > li .gnb_2dep li a				{ display:block; padding:8px 0; color:rgba(0,0,0,1); letter-spacing:-.075em; font-weight:400; font-size:1.05em; word-wrap:break-word; word-break:keep-all; transition:color 0.2s, opacity 0.5s;}									
.gnb > ul > li .gnb_2dep li a:hover			{ color:#f75d14}
.gnb > ul.on > li .gnb_2dep					{ opacity:1; height:auto; display:block }
.gnb > ul.on > li .gnb_2dep li a			{ opacity:1; }
.gnb > ul:before							{ position:absolute; width:200%; height:0px; background:rgba(255,255,255,1); content:''; left:-50%; top:60.5px;  transition:height 0.15s;}
.gnb > ul.on:before							{ height:315px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8 }


/* 검색+사이트맵 아이콘 */
.right_menu_btn								{ position:absolute; right:0; top:0; margin-top:6px; line-height:1 }
.right_menu_btn>li							{ float:left; position:relative; font-size:1.2em; color:#f75d14; }
.right_menu_btn>li:nth-child(2)				{ margin-left:2em; margin-right:1.111em; }
.right_menu_btn>li+li						{ font-size:1.4em; color:#373a3f; padding-top:2px}
.right_menu_btn .icon-arr					{ background:#f75d14; margin-left:3px }
.right_menu_btn .icon-myreservation			{ margin-right:3px; margin-top:-3px; display:inline-block; vertical-align:middle; }
.right_menu_btn .gnbSearch .icon-search		{ display:block; }
.right_menu_btn .gnbSearch .icon-close		{ display:none; }
.right_menu_btn .gnbSearch.on .icon-search	{ display:none; }
.right_menu_btn .gnbSearch.on .icon-close	{ display:block; }
.right_menu_btn .my_menu					{ position:absolute; width:120%; left:-10%; top:2.5em; display:none; border-radius:.2em; background:#f4f4f4; padding:1em; z-index:21 }
.right_menu_btn .my_menu:before				{ width:0; height:0;border-left:10px solid transparent;border-right:10px solid transparent; border-bottom:15px solid #f4f4f4; content:''; top:-.5em; left:50%; position:absolute; transform:translateX(-50%); }
.right_menu_btn .my_menu ul					{ }
.right_menu_btn .my_menu ul li				{ float:none; margin:0; padding:5px 0; font-size:.9em; letter-spacing:-.045em }
.right_menu_btn .my_menu ul li a			{ display:block; color:rgba(0,0,0,0.9); font-weight:300; }
.right_menu_btn .my_menu ul li a:hover		{ color:#f75d14; }



/* 검색창 */
.searchWrap							 				{ position:fixed; left:0; top:140px; width:100%; background:rgba(247,93,20,.9); padding:2em 0; z-index:20; display:none; transition:top 0.3s;}
.searchForm 										{ padding:10px 0;position:relative; margin:0 auto; width:65%; max-width:1000px}
.searchWrap .searchForm fieldset					{ position:relative; padding:0;}
.searchForm a										{ float:right; margin:0; padding:0; width:15%; text-align:center; background:#2d3537; color:#fff; display:block; line-height:3em; height:3em; overflow: hidden; 
														border-radius:1.5em; font-size:1.1em; }
.searchForm a span									{ font-size:1.2em; margin-right:5px; vertical-align:middle }
.searchForm input[type="text"] 						{ float:left; border:0; padding:0 2em; color:#262626; font-size:1.1em; width:84%; box-sizing:border-box; height:3em; background:#fff; border-radius:1.5em;}
.searchForm input[type="text"]:focus::placeholder 	{ font-size:0 !important;}


/* 상단 고정시 */
#header.fixed								{ margin-top:-48px; border-bottom:.5px solid #e8e8e8 }
#header.fixed .searchWrap					{ top:91px; }





/* =================================================================================================
		                                      
											  모바일 메뉴
											  
 ================================================================================================= */
.gnb_open_btn							{ position:absolute; width:30px; height:23px; text-align:center; transition:right .2s ease; top:40px; right:.5em; text-align:right; visibility:hidden; opacity:0; filter:Alpha(opacity=0);  display:none }
.gnb_open_btn span 						{ display:none; }


/* close */
.close_box 							{ position:absolute; right:1%; top:0; width:40px; height:40px; text-indent:-9999px; font-size:0;}
.close_box:before 					{ position:absolute; left:50%; top:50%; width:1px; height:30px; margin-top:-10px; background-color:#fff; content:''; transform:rotate(45deg); 
										transition:transform .2s ease;}
.close_box span:before 				{ position:absolute; left:50%; top:50%; width:1px; height:30px; margin-top:-10px; background-color:#fff; content:''; transform:rotate(-45deg); 
										transition:transform .2s ease;}
.close_box:hover:before,
.close_box:focus:before,
.close_box:active:before 			{ transform:rotate(225deg);}
.close_box:hover span:before,
.close_box:focus span:before,
.close_box:active span:before 		{ transform:rotate(135deg);}



.gnbM.open										{ right:0px;}
.gnbM											{ width:220px; height:100%; position:fixed; top:0px; right:-100%; max-width:550px; background-color:#f36523; z-index:99999; overflow-y:auto;
													-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.gnbNavigation > ul								{ width:100%; overflow:hidden; margin-top:50px; border-top:1px solid rgba(255,255,255,0.1); }
.gnbNavigation > ul > li						{ position:relative; width:100%; border-bottom:1px solid rgba(255,255,255,0.1); }
.gnbM.open  .gnbNavigation> ul > li				{ animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
.gnbNavigation > ul > li > a					{ position:relative; display:block;  height:48px; line-height:48px; padding:0 7%; color:#fff; font-size:16px; letter-spacing:-0.25px;}
.gnbNavigation > ul > li .gnb_2dep				{ display:none; padding:13px 0; background-color:#353535}
.gnbNavigation > ul > li .gnb_2dep li			{}
.gnbNavigation > ul > li .gnb_2dep li a			{ display:block; color:rgba(255,255,255,0.5); font-size:14px; padding:10px 7%; position:relative}
.gnbNavigation > ul > li .gnb_2dep li a:hover	{ color:rgba(255,255,255,1)}
.gnbNavigation > ul > li.gnb5					{ display:none; }
.gnbMenuBg										{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; cursor:pointer; background-color:#000; background-color:rgba(0,0,0,0.83); z-index:99998}

/* arr */
.gnbM.open .gnbNavigation> ul > li 				{ background:url("/images/itgrt/common/gnb_arr.png") no-repeat right center;background-size:42px auto;}
.gnbM.open .gnbNavigation> ul > .active			{ background:url("/images/itgrt/common/gnb_arr_on.png") no-repeat right top;background-size:42px auto; background-position:100% 6px;}











/* =================================================================================================
		                                         
												   하단
												   
 ================================================================================================= */
.footer										{ margin:0 auto; padding:3.5em 0 5em 0; width:100%; clear:both; background:#373a3f; }
.footer .con_inner							{ padding-left:16em }
.footer h1									{ position:absolute; left:0; top:0; font-size:37px; color:#9b9d9f; }
/* 하단 링크 */
.footer .footer_link						{ clear:both; width:100%; font-weight:400; padding-top:5px; margin-bottom:1.5em}
.footer .footer_link li						{ position:relative; display:inline-block; *display:inline; font-size:1.133em; line-height:1; font-family:'Spoqa Han Sans' ; letter-spacing:-.05em; padding-right:1.5em }
.footer .footer_link li a					{ color:rgba(255,255,255,1); display:block }

/* 하단 정보 */
.footer .address							{ clear:both; width:100%; }
.footer .address dl							{ margin-right:1em; font-size:1.067em; display:inline-block;}
.footer .address dt							{ margin-right:3px }
.footer .address dt,
.footer .address dd							{ display:inline-block; *display:inline; font-style:normal;  font-weight:300; color:rgba(255,255,255,.8); line-height:1.6; word-break:keep-all; padding:0; margin:0;}
.footer .address dd a						{ display:inline-block; }
.footer .address p.copy						{ display:block; font-size:1.067em; font-weight:300; color:rgba(255,255,255,.8);  font-style:normal;}
.footer .address a							{ display:inline-block; }




/* =================================================================================================
		                                         
												  스카이메뉴
												   
 ================================================================================================= */
.sky_area									{ position:fixed; top:20em; left:50%; margin-left:750px; z-index:101;  }
.sky_area .sky_menu							{  }
.sky_area .sky_menu li						{ float:none; width:59px; height:59px; position:relative; margin-bottom:6px  }
.sky_area .sky_menu li a					{ }
.sky_area .sky_menu li a.active font		{ width:auto !important; padding-right:69px}
.sky_area .sky_menu li font					{ display:inline-block; position:absolute; right:0; top: 0; overflow: hidden; width: 59px; height: 59px; box-sizing: border-box; padding:0 20px; border-radius:2em; background-color:#f36523; color:#fff;
    											line-height:59px; white-space: nowrap; vertical-align: top; transition:0.2s; z-index:1;font-size:1.133em; font-weight:500; color:#fff; }
.sky_area .sky_menu li span					{ position:absolute; font-size:1.867em; display:block; line-height:2; right:0; width:59px; height:59px; border:1px solid #f36523; background:#fff; color:#f36523; 
												border-radius:2em; overflow:hidden; text-align:center; top:0; transition:0.2s; z-index:2 }

.sky_area .sky_menu li span.active		{ background:#f36523; color:#fff; }
.sky_area #back2top							{ width:59px; height:59px; background:#1e66d0; color:#fff; border-radius:100%; text-align:center; font-weight:300; font-size:12px; line-height:1; cursor:pointer }
.sky_area #back2top span					{ display:block; color:rgba(255,255,255,.7); font-size:13px; padding-top:1.2em; padding-bottom:.2em }


.icon-reserve{background: #fff url('/upload_data/user_file/reserve/reserve.png') no-repeat center !important;}
.icon-reserve.active{background: #f36523 url('/upload_data/user_file/reserve/reserve2.png') no-repeat center !important;}



/* =================================================================================================
		                                         
												   모달
												   
 ================================================================================================= */
 /* 모달 공통 */
.modal								{ display:none; background:#fff;}
.pop_tit							{ margin:0 0 1em 0; padding:0 0 .5em 0; font-size:1.5em; font-weight:500; color:#181818; letter-spacing:-.05em; border-bottom:1px solid #ddd}
.close_btn:before,
.close_btn:after					{ position:absolute; width:100%; height:1px; left:0; top:50%; content:"" }
.close_btn:before					{ transform:translateY(-50%) rotate(45deg); }
.close_btn:after					{ transform:translateY(-50%) rotate(-45deg);}



/* 버튼 */
.company_layer button.close_btn,
.share_layer button.close_btn 									{ position:absolute; top:10px; right:10px; display: inline-block; width: 34px; height: 34px;  font-size: 0;line-height:34px; overflow: hidden;
																	 background:#343d48; border-radius:0}
.company_layer button.close_btn:before,
.company_layer button.close_btn:after,
.share_layer button.close_btn:before,
.share_layer button.close_btn:after								{ content: ""; position: absolute;top:50%;left: 50%;width: 1px; height: 17px; background:#fff;}
.company_layer button.close_btn:before,
.share_layer button.close_btn:before  							{ transform:translateY(-50%) rotate(45deg);}
.company_layer button.close_btn:after,
.share_layer button.close_btn:after								{ transform:translateY(-50%) rotate(-45deg); }
.company_layer h4,
.share_layer h4													{ padding:.7em 20px; font-size:1.45em; font-weight:500; color:#343d48; text-align:left; border-bottom:1px solid #ccc;}
.share_layer													{ max-width:400px; width:94%; padding:0 0 2em; }
.company_layer h5,
.share_layer h5													{ padding:.7em 20px; position:relative; font-size:1.1em; font-weight:500; color:#ff8054; text-align:left; margin-top:.5em }

/* 레이어팝업 */
.company_layer													{ max-width:500px; width:94%; padding:0 0 2em;}
.company_layer .detail_list										{ width:90%; margin:1em auto 0 auto}
.company_layer .detail_list li									{ float:none; position:relative; margin:0; padding-top:.3em; padding-bottom:.3em; overflow:hidden }
.company_layer .detail_list li *								{ vertical-align:middle; line-height:1.6 }
.company_layer .detail_list li .tt								{ float:left; width:20%; font-size:1em; font-weight:bold; color:#343d48343d48}
.company_layer .detail_list li .txt								{ float:right; width:78%; font-size:1em; color:#333; font-weight:400 }
.company_layer .detail_list li .txt a							{ display:inline-block; vertical-align:text-bottom; height:inherit; line-height:normal }
.company_layer .detail_list li .txt .line_purple				{ font-size:.8em; }
.company_layer .detail_list li .txt .line_purple .icon-blank	{ margin-left:5px; }
.company_layer .facility_list									{ display:block; width:92%; margin:0 auto; background:rgba(0,0,0,0.05); padding:1em }
.company_layer .facility_list>li								{ float:left; width:49%; margin:0; padding:0; line-height:1.8; }
.company_layer .facility_list>li:nth-child(even)				{ float:right; }
.company_layer .facility_list>li a								{ font-size:1em; font-weight:300; }

.share_layer													{ text-align:center; }
.share_layer ul													{ margin-top:1.5em}
.share_layer li													{ display:inline-block; *display:inline; width:23%;}
.share_layer .icon												{ display:block; width:45px; height:45px; margin:0 auto; line-height:45px; font-size:1.5em; border-radius:50%; }
.share_layer .icon-naver										{ color:#fff; background:#47b748; }
.share_layer .icon-twitter										{ color:#fff; background:#1d9bf0; font-size:1.8em }
.share_layer .icon-kakao										{ background:#fff200; }
.share_layer .icon-facebook									{ color:#fff; background:#3b5a9a; }
.share_layer .icon-link											{ color:#fff; background:#aaafb4; }

.share_layer .url												{ font-size:.95em; color:#fff; background:#666; }
.share_layer .txt												{ display:block; font-size:.9em; margin-top:.4em}







@media all and (min-width:1025px) {
	.mobile											{ display:none !important }
}
@media all and (max-width:1668px){
	/* 스카이메뉴 */
	.sky_area										{ top:inherit; bottom:4%; left:inherit; margin-left:0; right:1% }
	.sky_area .blind								{ position:relative !important; width:inherit; height:inherit !important; clip:inherit; clip-path:inherit; }
	.sky_area .sky_btn								{ width:59px; height:59px !important; font-size:.8em; font-weight:300; color:#fff; background:#f36523; border-radius:100%; text-align:center; line-height:1.1; margin-bottom:.5em; text-transform:uppercase }
	.sky_area .sky_btn span							{ display:table; margin:.3em auto -.1em auto; transition:all 0.2s; transform:rotate(-90deg); background:none; font-size:1.5em; width:1em; height:1em; line-height:1 }
	.sky_area .sky_menu								{ display:none; }
	.sky_area .sky_btn.on span						{ transform:rotate(90deg); }	
}
@media all and (max-width:1368px){
	/* 상단 */
	.gnb											{ margin-right:15em }
	.gnb > ul > li > a > span						{ font-size:1.3em }
	.gnb > ul > li .gnb_2dep li a					{ font-size:1em }
	.right_menu_btn>li:nth-child(2)					{ margin-left:1.5em; margin-right:1em }
}
@media all and (max-width:1168px){
	/* 상단 */
	.gnb											{ display:none }
	.right_menu_btn									{ right:2.5em }
	.right_menu_btn>li:nth-child(3)					{ display:none }
	.gnb_open_btn									{ visibility:inherit; opacity:1; filter: Alpha(opacity=100); display:block; top:5.5em  }
	.gnb_open_btn:before							{ display:inline-block; font-family:'icomoon'; content:'\e900'; font-size:1.4em; color:#373a3f; }
	.gnb_open_btn span								{ display:none; }
	
	/* 하단 */
	.footer .footer_link li							{ font-size:1.1em }
	.footer .address dl								{ font-size:1.02em }
}
@media all and (max-width:1200px){
	select 											{ background-position: right .5em top 50%; }
}
@media all and (max-width:1024px){
	.pc												{ display:none !important }

	/* 상단 */
	.top_menu .top_link li a						{ font-size:1em }
}
@media all and (max-width:1068px){
	/* 하단 */
	.footer .con_inner								{ padding-left:0; }
	.footer h1										{ display:none; }
	
}
@media all and (max-width:968px){
	/* 상단 */
	.right_menu_btn>li:nth-child(2)					{ margin-right:.5em; margin-left:1em }
	
	/* 검색 */
	.searchForm										{ width:80% }
}
@media all and (max-width:768px){
	html, body, button, input, select, textarea, pre	{ font-size:14px; }
	
	
	/* 상단 */
	.gnb_open_btn									{ top:5.7em }
	
	/* 검색 */
	.searchForm input[type="text"]					{ width:78%; }
	.searchForm a									{ width:21% }
	
	/* 하단 */
	.footer .footer_link li							{ font-size:1.05em }
	.footer .address dl								{ font-size:1em }

}
@media all and (max-width:668px){
	/* 상단 */
	.top_menu .top_link li a						{ font-size:.96em }
	.top_menu .top_link li:nth-child(4)				{ display:none; }
	
	/* 하단 */
	.footer .footer_link li:nth-child(4),
	.footer .footer_link li:nth-child(5)			{ display:none }
	.footer .address dl								{ font-size:1em; float:left }
	.footer .address dl+dl							{ margin-left:1%; }
	.footer .address dt								{ min-width:2.5em }
	.footer .address div							{ position:relative; zoom:1 }
	.footer .address div dl:nth-child(2)			{ clear:both; }
	.footer .address div:after						{ clear:both; content:''; display:block; }
}
@media all and (max-width:568px){
	/* 상단 */
	.right_menu_btn>li:nth-child(1)					{ display:none; }
	.gnbNavigation > ul > li.gnb5					{ display:block; }
	
	/* 검색 */
	.searchForm										{ width:90% }
	.searchForm input[type="text"]					{ height:2.7em; font-size:16px  }
	.searchForm a									{ line-height:2.8em; height:2.7em; font-size:1.05em }

	/* 스카이메뉴 */
	.sky_area .sky_btn								{ width:50px; height:50px !important; font-size:.7em; }
	.sky_area .sky_btn span							{ margin:.15em auto -.1em auto; }
	.sky_area .sky_menu li,
	.sky_area .sky_menu li font,						
	.sky_area .sky_menu li span,		
	.sky_area #back2top								{ width:50px; height:50px; }
	.sky_area #back2top span						{ padding-top:.7em }
	.sky_area .sky_menu li span						{ line-height:2.1; font-size:1.567em }
	.sky_area .sky_menu li a.active font			{ padding-right:55px; }
	.sky_area .sky_menu li font						{ font-size:1.07em; line-height:51px;}

	input[type="number"],
	input[type="text"],
	select							{ font-size:16px; }
}

@media all and (max-width:468px){
	/* 상단 */
	#header											{ height:110px; }
	#header:before								{ top:40px}
	.top_menu										{ margin-bottom:1.5em }
	.top_menu .top_link li						{ line-height:40px;}
	.top_menu .top_link li:nth-child(2),
	.top_menu .top_link li:nth-child(3)				{ display:none; }
	.top_menu .top_sns li							{ margin-top:5px}
	.gnb_open_btn									{ top:4.46em  }
	.right_menu_btn									{ margin-top:2px; }
	.right_menu_btn>li:nth-child(2)					{ margin-right:.3em;}
	
	/* 로고 */
	.headerInner .logo a img						{ width:100px; height:27px; }
	.headerInner .logo span							{ font-size:1.2em }
	
	
	/* 검색 */
	.searchWrap										{ top:110px; padding:1.5em 0 }
	.searchForm input[type="text"]					{ height:42px; width:calc(100% - 18%);  }
	.searchForm a									{ font-size:0; height:42px; line-height:42px; border-radius:25px; width:17%;}
	.searchForm a span								{ font-size:18px; }
	#header.fixed .searchWrap						{ top:61px; }
	
	/* 하단 */
	.footer .footer_link li							{ font-size:.98em; padding-right:.7em; letter-spacing:-.085em}
	
}

@media all and (max-width:368px){
	/* 하단 */
	.footer											{ padding:3em 0 4em 0; }
	.footer .footer_link li:nth-child(3)			{ clear:both; float:inherit; margin-top:.5em}
	
	.share_layer .txt								{ font-size:.85em; }
}

/* 로딩 */
.loading					{ position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(255,255,255,.9); z-index:9999}
.loading .con			{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
.loading .con p			{ margin-top:.3em; font-size:1.25em; color:#353d49; letter-spacing:-.065em; line-height:1.4;}