/* Designed and Coding By MEDICAST */
/* Designer Yoon Jain (design,html,css,jquery) */

@charset "UTF-8";
/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400,500;700,900&display=swap');
/*@import url('./pretendard.css');
@import url('./pretendardvariable.css');

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('../font/woff2/GmarketSansBold.woff2') format('woff2'),
	url('../font/woff/GmarketSansBold.woff') format('woff');
}
@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('../font/woff2/GmarketSansMedium.woff2') format('woff2'),
	url('../font/woff/GmarketSansMedium.woff') format('woff'); 
}
@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('../font/woff2/GmarketSansLight.woff2') format('woff2'),
	url('../font/woff/GmarketSansLight.woff') format('woff');
}*/

/*@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src:url(./font/NotoSansKR-Regular.woff2) format('woff2'),
		url(./font/NotoSansKR-Regular.woff) format('woff'),
		url(./font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:500;
	src:url(./font/NotoSansKR-Medium.woff2) format('woff2'),
		url(./font/NotoSansKR-Medium.woff) format('woff'),
		url(./font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:700;
	src:url(./font/NotoSansKR-Bold.woff2) format('woff2'),
		url(./font/NotoSansKR-Bold.woff) format('woff'),
		url(./font/NotoSansKR-Bold.otf) format('opentype');
}*/

/* reset */
*{font-family:'Noto Sans KR','Pretendard Variable','Pretendard','Gmarket Sans',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif !important; /*font-family:'Noto Sans KR','Noto Sans CJK KR',Dotum,'돋움','Apple SD Gothic Neo' !important;*/ -webkit-text-size-adjust:none;/* 아이폰 텍스트 자동확대 막기 */}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;/*outline:0;*/list-style:none;font-size:100%;font:inherit;vertical-align:baseline;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{color:#333;text-decoration:none;}
a:hover,a:active,a:focus{color:#000;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:middle;}
b,strong{font-weight:700;}
i,em{font-style:italic;}
u{text-decoration:underline;}
sup{font-size:.75em; vertical-align:text-top;}
::selection{background:rgba(230,27,100,0.85); color:#fff;} /* 텍스트 드래그 시 속성(IE8 이상) */
::-moz-selection{background:rgba(230,27,100,0.85); color:#fff;}
/* basic */
html{overflow-y:scroll; overflow-x:hidden; font-size:16px; line-height:160%; color:#222; letter-spacing:-.075em;}
body{width:100%; height:100%; background:#fff; margin:0 auto;}
/*공통*/
#wrap{position:relative; width:100%; min-width:1200px; height:100%; margin:0 auto;}
#wrap .wrapper{clear:both; position:relative; width:100%; max-width:1140px; margin:0 auto;}
#wrap .reading{clear:both; display:block; width:0; height:0; overflow:hidden;}
/* header */
#header{clear:both; position:relative; width:100%; height:108px; border-bottom:1px solid #e3e3e3; background:#fff; z-index:5;}
#header .logo{display:inline-block; position:relative; width:120px; height:109px; padding-top:12px; text-align:left; box-sizing:border-box;}
#header .logo h1 img{width:100%;}
#header .nav .gnb{position:absolute; width:auto; height:42px; right:224px; bottom:32px; text-align:right; box-sizing:border-box; z-index:5;}
#header .nav .gnb ul{clear:both; display:inline-block; width:auto; height:42px;}
#header .nav .gnb ul li{display:inline-block; position:relative; margin:0 24px; text-align:center;}
#header .nav .gnb ul li:first-child{margin-left:0;}
#header .nav .gnb ul li:last-child{margin-right:0;}
#header .nav .gnb ul li a{display:block; margin:0; padding:10px 0; border-top:1px solid transparent; color:#242424; font-size:1.063rem; font-weight:700; letter-spacing:-1px; text-transform:uppercase; box-sizing:border-box; transition:all 0.2s;}
#header .nav .gnb ul li a:hover, #header .nav .gnb ul li a:focus{color:#e61d63; border-top:1px solid #e61d63;}
#header .nav .gnb ul li ul{display:inline-block; position:absolute; width:160px; height:auto; top:100%; top:calc(100% + 1px); left:50%; margin-left:-80px; padding:8px 0; background:#fff; border:1px solid #ddd; transform:scaleY(0); transform-origin:top; transition:.2s; transition-delay:.1s;}
#header .nav .gnb ul li ul li{width:100%; margin:4px auto;}
#header .nav .gnb ul li ul li a{padding:4px; border:none; color:#595858; font-size:.875rem; font-weight:500;}
#header .nav .gnb ul li ul li a:hover, #header .nav .gnb ul li ul li a:focus{border:none;}
#header .nav .gnb ul li.on > a{color:#e61d63; border-top:1px solid #e61d63;}
#header .nav .gnb ul li.on ul li a{border:none;}
#header .nav .gnb ul li:hover ul,
#header .nav .gnb ul li a:focus + ul,
#header .nav .gnb ul li a:hover + ul{transform:scaleY(1);}
#header .nav .gnbMobile{display:none;}
#header .logo_boothitzy{display:block; position:absolute; width:200px; height:auto; top:50%; right:0; margin:0; transform:translateY(-50%);}
#header .logo_boothitzy a{padding:0; border:none; transition:.3s;}
#header .logo_boothitzy a img{width:100%; max-width:fit-content;}
#header .logo_boothitzy a:focus,
#header .logo_boothitzy a:hover{border:none; opacity:.7;}
/* footer */
#footer{clear:both; position:relative; width:100%; height:420px; padding:30px 0; background:#fff; border-top:1px solid #ccc; box-sizing:border-box; z-index:5;}
#footer .links{clear:both; position:relative; height:60px;}
#footer .links .snb{display:block; width:50%; float:left;}
#footer .links .snb li{display:block; float:left; margin-right:18px;}
#footer .links .snb li a{display:inline-block; color:#a7a7a7; font-size:.938rem; font-weight:500;}
#footer .links .snb li a:hover, #footer .links .snb li a:focus{color:#e6e6e7;}
#footer .links .sns{display:block; width:47%; float:right; text-align:right;}
#footer .links .sns li{display:inline-block; /*margin-top:15px; */margin-left:27px;}
#footer .links .sns li.esc{margin-top:0; margin-right:80px;}
#footer .links .sns li a{display:inline-block;}
#footer .copyright{clear:both;}
#footer .copyright .logo{max-width:6em; margin-bottom:17px;}
#footer .copyright .office{clear:both; display:block; margin-bottom:20px;}
#footer .copyright .office span{display:inline-block; margin-right:15px; text-align:left; color:#a7a7a7; font-size:.813rem; font-weight:500;}
#footer .copyright .address{clear:both; display:block; margin-bottom:20px;}
#footer .copyright .address span{display:block; margin-bottom:5px; text-align:left; color:#a7a7a7; font-size:.813rem; font-weight:500;}
#footer .copyright .contact{clear:both; display:block; margin-bottom:20px;}
#footer .copyright .contact span{display:inline-block; margin-right:15px; text-align:left; color:#a7a7a7; font-size:.813rem; font-weight:500;}
#footer .copyright .copy{clear:both; display:block; margin-bottom:20px;}
#footer .copyright .copy span{display:block; text-align:left; color:#a7a7a7; font-size:.813rem; font-weight:500;}
#footer .admin{clear:both; display:block; margin-top:40px;}
#footer .admin a{display:inline-block; color:#333;}
#footer .admin a:hover, #footer .admin a:focus{color:#555;}

@media screen and (max-width:1199px) and (min-width:1024px){
	#wrap{width:100%; min-width:1007px;}
	#wrap .wrapper{max-width:940px;}
	/* header */
	#header .logo{width:108px; padding-top:16px;}
	#header .nav .gnb{right:198px;}
	#header .nav .gnb ul li{margin:0 18px;}
	#header .logo_boothitzy{width:180px;}
	/* footer */
	#footer .links .sns li{margin-left:15px;}
	#footer .links .sns li.esc{margin-right:45px;}
}

@media screen and (max-width:1023px) and (min-width:768px){
	#wrap{width:100%; min-width:751px;}
	#wrap .wrapper{max-width:100%;}
	/* header */
	#header{height:150px; text-align:center;}
	#header .nav .gnb{position:relative; right:0; bottom:0; text-align:center;}
	#header .nav .gnb ul li ul{border-top-color:transparent;}
	#header .nav .gnb ul li{margin:0 28px;}
	#header .logo_boothitzy{width:180px; top:0; transform:translateY(0);}
	/* footer */
	#footer .links .snb{width:65%;}
	#footer .links .snb li{margin-right:15px;}
	#footer .links .sns{width:35%;}
	/*#footer .links .sns li{margin-top:20px;}*/
	#footer .links .sns li.esc{clear:both; margin-right:0;}
}

@media screen and (max-width:767px){
	html{font-size:14px;}
	#wrap{width:100%; min-width:320px;}
	#wrap .wrapper{max-width:100%;}
	/* header */
	#header{height:142px; text-align:center;}
	#header .logo{width:100%; height:90px; text-align:center;}
	#header .logo h1 a{display:inline-block; width:auto; height:100%;}
	#header .logo h1 a img{width:100%; height:100%; max-height:60px;}
	#header .nav .gnb{display:none;}
	#header .nav .gnbMobile{display:block;}
	#header .nav .gnbMobile select{display:block; width:60%; height:32px; line-height:32px; margin:10px auto; padding:0 12px; border:1px solid #e6e6e7; border-radius:3px; font-size:1rem; text-transform:uppercase; box-sizing:border-box;}
	#header .logo_boothitzy{width:160px; top:0; transform:translateY(0);}
	/* footer */
	#footer{height:auto;}
	#footer .links{height:auto;}
	#footer .links .snb{position:relative; display:table; width:90%; margin:0 auto 25px; float:none; text-align:center;}
	#footer .links .snb li{display:inline-block; float:none; margin:0; margin-bottom:12px; padding:0 15px; box-sizing:border-box;}
	#footer .links .sns{position:relative; display:table; width:90%; margin:0 auto; float:none; text-align:center;}
	#footer .links .sns li{margin:20px 7%;}
	#footer .links .sns li.esc{width:100%; margin:20px auto 5px 7%;}
	#footer .copyright{width:90%; margin:30px auto; padding-top:30px; border-top:1px dotted #595858;}
	#footer .admin{width:90%; margin:40px auto 0;}
}

@media screen and (max-width:560px){
	#header .logo_boothitzy{width:100px;}
	#footer .links .snb li{padding:0 8px;}
}

@media screen and (max-width:319px){
	#wrap{max-width:320px; min-width:100%;}
	#wrap .wrapper{max-width:100%; min-width:320px;}
}