@charset "UTF-8";
/* Designed and Coding By MEDICAST */
/* Designer Yoon Jain (design,html,css,jquery) */

/* font */
@import url('./pretendardvariable.css');
@import url('./pretendard.css');

/* reset */
*{box-sizing:border-box;-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;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:visited,a:active{text-decoration:none;}
a:hover,a:focus{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:middle;}
b,strong{font-weight:bold;}
i,em{font-style:italic;}
u{text-decoration:underline;}
sup{font-size:.75em; vertical-align:text-top;}
/*a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:2px dotted #717171;}*/
/* basic */
html{line-height:1; color:#333; font-size:16px; /*font-size:62.5%;*/ letter-spacing:-.015em; zoom:1; overflow:unset; scroll-behavior:smooth;}
body{width:100%; height:100%; margin:0 auto; background:#fff; font-family:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; letter-spacing:-.015em;}
body.hidden{min-height:100%; overflow-y:hidden !important; touch-action:none;}
@keyframes scrolldown{0%{transform-origin:0% 0%;transform:scale(1,0);}50%{transform-origin:0% 0%;transform:scale(1,1);}50.1%{transform-origin:0% 100%;transform:scale(1,1);}100%{transform-origin:0% 100%;transform:scale(1,0);}}
@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
/* common */
#wrap{clear:both; position:relative; width:100%; min-width:1240px; height:100%; margin:0 auto; opacity:1; transition:.5s cubic-bezier(.165,.84,.44,1.000);}
#container{clear:both; position:relative; width:100%; height:auto; min-height:800px; margin:0; padding:0; background:#fff; z-index:auto; transition:.3s;}
#container:after{content:''; clear:both; display:block;}
.inner{clear:both; position:relative; margin:0 auto; width:100%; max-width:1376px; padding:0 12px; box-sizing:content-box;}
.inner.w1280{max-width:1240px; padding:0 20px;}
.inner.w1280.nopadding{max-width:1280px; padding:0;}
.inner:after{content:''; clear:both; display:block;}
.reading{clear:both; display:block; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px,1px,1px,1px); clip-path:inset(50%);}
caption{clear:both; width:1px; height:1px; margin:-1px -1px 0; overflow:hidden;}
caption.view{width:auto; height:auto; margin:0 auto 5px; color:#acacac; font-size:.875em; overflow:inherit;}
caption.view:before{content:'<';}
caption.view:after{content:'>';}
a, button, input, select, textarea{font-family:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; font-size:100%; letter-spacing:-.015em; transition:margin .3s ease, padding .3s ease, color .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease, box-shadow .3s ease, transform .3s;}
a,a:hover,a:active,a:focus,button,button:hover,button:active,button:focus,input,input:hover,input:focus,select,select:hover,select:focus,textarea,textarea:hover,textarea:focus{transition:margin .3s ease, padding .3s ease, color .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease, box-shadow .3s ease, transform .3s;}
button{border:none;}
.layoutLeft{float:left;}
.layoutRight{float:right;}
.layoutRight:after{content:''; clear:both; display:block;}
ul.skip{position:fixed; top:0; z-index:999999;}
ul.skip li{}
ul.skip li a.skipTo{position:fixed; top:-99px; left:0; width:100%; padding:16px 0; background:#333; color:#fff; text-align:center; opacity:0;}
ul.skip li a.skipTo:focus, ul.skip li a.skipTo:hover, ul.skip li a.skipTo:active{display:block; top:0; opacity:1;}
i.ico{display:inline-block; position:relative; font-family:'FontAwesome';}
.chk_pc{display:block;}
#bo_v_con{font-family:initial;}

label.btn.select{display:inline-block; line-height:1; height:auto; margin:4px 8px 4px 0; padding:0; border:none; border-radius:0; color:inherit; font-size:inherit; font-weight:normal; text-align:left; vertical-align:middle; transition:0s; cursor:inherit;}
label.btn.select input.pick{display:inline-block; position:absolute; width:0; height:0; line-height:1; top:0; left:0; opacity:0;}
label.btn.select input.pick ~ span.checkmark{display:inline-block; position:relative; width:1em; height:1em; line-height:1; background:#fff; border:1px solid #ccc; border-radius:50%; vertical-align:bottom; cursor:pointer;}
label.btn.select input.pick:focus ~ span.checkmark{border-color:#000 !important; outline:1px solid #000;}
label.btn.select input.pick:checked ~ span.checkmark{background:#e07e27; border-color:#e07e27;}
label.btn.select input.pick:disabled ~ span.checkmark{background:#e3e3e3; border-color:#ddd; cursor:not-allowed;}
label.btn.select input.pick ~ span.checkmark:after{content:''; display:block; position:absolute;}
label.btn.select input.pick ~ span.txt{margin-left:-4px; padding-left:6px; cursor:pointer;}
label.btn.select input.pick.chk{}
label.btn.select input.pick.chk ~ span.checkmark{border-radius:4px; vertical-align:text-top;}
label.btn.select input.pick.chk:checked ~ span.checkmark{}
label.btn.select input.pick.chk:disabled ~ span.checkmark{background:#e3e3e3; border-color:#ddd; cursor:not-allowed;}
label.btn.select input.pick.chk:disabled ~ span.txt{color:#808080; cursor:not-allowed;}
label.btn.select input.pick.chk ~ span.checkmark:after{width:12px; height:9px; top:50%; left:50%; margin-top:-5px; margin-left:-6px; background:transparent;}
label.btn.select input.pick.chk:checked ~ span.checkmark:after{background:url('../images/sub/ico_check.png') no-repeat center / cover;}
label.btn.select input.pick.chk:disabled ~ span.checkmark:after{}
label.btn.select input.pick.radio{}
label.btn.select input.pick.radio ~ span.checkmark{vertical-align:text-top;}
label.btn.select input.pick.radio:checked ~ span.checkmark{}
label.btn.select input.pick.radio:disabled ~ span.checkmark{background:#e3e3e3; border-color:#ddd; cursor:not-allowed;}
label.btn.select input.pick.radio:disabled ~ span.txt{color:#808080; cursor:not-allowed;}
label.btn.select input.pick.radio ~ span.checkmark:after{width:.438em; height:.438em; top:50%; left:50%; margin-top:-.219em; margin-left:-.219em; background:#fff; border-radius:50%;}
label.btn.select input.pick.radio:checked ~ span.checkmark:after{}
label.btn.select input.pick.radio:disabled ~ span.checkmark:after{background:#bbb;}
label.btn.select span.txt{vertical-align:text-top;}

i.ico.arrow.top.dark{width:12px; height:7px; background:transparent url('../images/ico_arrow_top_dark.png') no-repeat center / 100%;}
i.ico.arrow.right.light{width:8px; height:14px; background:transparent url('../images/ico_arrow_right_light.png') no-repeat center / 100%;}
i.ico.arrow.right.dark{width:8px; height:14px; background:transparent url('../images/ico_arrow_right_dark.png') no-repeat center / 100%;}
i.ico.arrow.bottom.dark{width:12px; height:7px; background:transparent url('../images/ico_arrow_bottom_dark.png') no-repeat center / 100%;}
i.ico.arrow.left.dark{width:8px; height:14px; background:transparent url('../images/ico_arrow_left_dark.png') no-repeat center / 100%;}
i.ico.more{width:12px; height:12px; background:transparent url('../images/ico_more.png') no-repeat center / 100%;}

/* header */
#header{clear:both; position:absolute; width:100%; top:0; left:0; background:transparent; text-align:center; z-index:99; transition:.3s; transition-delay:.1s; transition-timing-function:cubic-bezier(.22,.61,.36,1); transform-origin:center top;}
#header.sticky{top:-80px;}
#header:hover,
#header.on,
#header.scroll{}

#header .logo{position:relative; width:100%; top:0; left:0; margin:0; text-align:left; vertical-align:top; z-index:99;}
#header .logo h1{display:inline-block; position:absolute; width:140px; height:50px; top:28px; left:auto; background:transparent;}
#header .logo h1 a{display:block; width:100%; height:100%;}
#header .logo h1 a img{display:block; position:absolute; width:100%; max-width:fit-content; top:50%; left:50%; margin:0 auto; transform:translate(-50%,-50%);}

#header .snb{position:relative; width:100%; line-height:106px; background:transparent; text-align:right; z-index:10;}
#header .snb ul{display:inline-block; line-height:1;}
#header .snb ul li{display:inline-block; position:relative; margin:0 .25em;}
#header .snb ul li:last-child{margin-right:0;}
#header .snb ul li a{display:block; padding:.75em 2em; background:transparent; border:1px solid rgba(255,255,255,.4); border-radius:5em; color:#fff; font-size:1em; text-align:left;}
#header .snb ul li a i.ico{display:inline-block; vertical-align:middle;}
#header .snb ul li a i.ico.bgimage,
#header .snb ul li a i.ico.member,
#header .snb ul li a i.ico.search{width:1.375em; height:1.375em; margin:0 .75em 0 0;}
#header .snb ul li a i.ico.search{width:.8125em; margin:0 0 0 1em;}
#header .snb ul li a i.ico.arrow.right.light{margin:0 0 0 1.25em;}
#header .snb ul li a span{display:inline-block; vertical-align:middle;}
#header .snb ul li a:focus,
#header .snb ul li a:hover{}
#header .snb ul li.bgimage{}
#header .snb ul li.bgimage a i.ico.bgimage{width:1.125em; background:transparent url('../images/ico_image.png') no-repeat center / auto 100%;}
#header .snb ul li.bgimage a:focus,
#header .snb ul li.bgimage a:hover{background:rgba(255,255,255,.2);}
#header .snb ul li.member{}
#header .snb ul li.member a{}
#header .snb ul li.member a i.ico.member{background:transparent url('../images/ico_member.png') no-repeat center / auto 100%;}
#header .snb ul li.member a:focus,
#header .snb ul li.member a:hover{background:rgba(255,255,255,.2);}
#header .snb ul li.map{}
#header .snb ul li.map a{background:#005495; border-color:#0071c9;}
#header .snb ul li.map a i.ico.search{background:transparent url('../images/main/ico_search.png') no-repeat center / 100% auto;}
#header .snb ul li.map a:focus,
#header .snb ul li.map a:hover{background:#0071c9;}

/* footer */
#footer{clear:both; position:relative; width:100%; height:auto; background:#fff; border-top:1px solid #e3e3e3;}
#footer .area01{padding:2.5em 0;}
#footer .area01 .inner{max-width:100%; padding:0 2.5em; box-sizing:border-box;}
#footer .area01 .flexW{display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto 2.5em;}
#footer .area01 .flexW:last-child{margin:0 auto;}
#footer .area01 .flexW .copyright{}
#footer .area01 .flexW .copyright div{margin:0 auto 1.25em;}
#footer .area01 .flexW .copyright div:last-child{margin:0 auto;}
#footer .area01 .flexW .copyright div > span{display:inline-block; margin-right:1.25em; color:#666; word-break:keep-all;}
#footer .area01 .flexW .copyright div > span:last-child{margin-right:0;}
#footer .area01 .flexW .copyright div span span{}
#footer .area01 .flexW .copyright div span a{color:inherit;}
#footer .area01 .flexW .copyright div span strong{font-weight:normal;}
#footer .area01 .flexW .area01_1{order:2;}
#footer .area01 .flexW .area01_1 ul.link{text-align:right;}
#footer .area01 .flexW .area01_1 ul.link li{display:inline-block; margin-left:1.25em;}
#footer .area01 .flexW .area01_1 ul.link li:first-child{margin-left:0;}
#footer .area01 .flexW .area01_1 ul.link li a{color:#666;}
#footer .area01 .flexW .area01_1 ul.link li a strong{font-weight:normal;}
#footer .area01 .flexW .area01_1 ul.link li a:focus,
#footer .area01 .flexW .area01_1 ul.link li a:hover{opacity:.6;}
#footer .area01 .flexW .area01_2{order:1;}
#footer .area01 .flexW .area01_2 .copyright{}
#footer .area01 .flexW .area01_2 .copyright div{}
#footer .area01 .flexW .area01_2 .copyright div > span{}
#footer .area01 .flexW .area01_2 .copyright div span.address{}
#footer .area01 .flexW .area01_2 .copyright div span.tel{}
#footer .area01 .flexW .area01_2 .copyright div span.fax{}
#footer .area01 .flexW .area01_2 .copyright div span.email{}
#footer .area01 .flexW .area01_2 .copyright div span span{}
#footer .area01 .flexW .area01_2 .copyright div span a{}
#footer .area01 .flexW .area01_2 .copyright div span strong{}
#footer .area01 .flexW .area01_3{order:2;}
#footer .area01 .flexW .area01_3 ul.sns{text-align:right;}
#footer .area01 .flexW .area01_3 ul.sns li{display:inline-block; margin-left:1.125em;}
#footer .area01 .flexW .area01_3 ul.sns li:first-child{margin-left:0;}
#footer .area01 .flexW .area01_3 ul.sns li a{}
#footer .area01 .flexW .area01_3 ul.sns li a img{}
#footer .area01 .flexW .area01_3 ul.sns li a:focus,
#footer .area01 .flexW .area01_3 ul.sns li a:hover{opacity:.6;}
#footer .area01 .flexW .area01_4{order:1;}
#footer .area01 .flexW .area01_4 .copyright{}
#footer .area01 .flexW .area01_4 .copyright div{}
#footer .area01 .flexW .area01_4 .copyright div > span{}
#footer .area01 .flexW .area01_4 .copyright div span.copy{}
#footer .area01 .flexW .area01_4 .copyright div span strong{}

#footer .snb{display:inline-block; position:absolute; bottom:24px; right:88px; opacity:.6;}
#footer .snb ul{}
#footer .snb ul li{display:inline-block; margin:0 2px;}
#footer .snb ul li a{display:inline-block; width:12px; height:16px; text-indent:-999999px;}
#footer .snb ul li.login a{background:url('../images/ico_admin_login.png') no-repeat center;}
#footer .snb ul li.logout a{background:url('../images/ico_admin_logout.png') no-repeat center;}
#footer .snb ul li.admin a{background:url('../images/ico_admin_login.png') no-repeat center;}

#quick{display:block; position:fixed; width:3.75em; bottom:1.25em; right:1.25em; text-align:center; transition:all 0s, bottom .3s; z-index:98;}
#quick.document_bottom{bottom:10.5em;}
#quick .btn_quick{display:inline-block; position:relative; width:100%; aspect-ratio:1; margin:0 auto;}
#quick .btn_quick button{position:absolute; top:0; left:0; background:#005495; border-radius:50%; box-shadow:0 3px 6px rgba(0,0,0,.1); text-align:center; cursor:pointer; z-index:2;}
#quick .btn_quick button:focus, #quick .btn_quick button:hover{}
#quick .btn_quick button.quickOpen{width:100%; aspect-ratio:1; margin:0; padding:0;}
#quick .btn_quick button.quickOpen span{display:block; position:relative; width:20px; aspect-ratio:1; margin:0 auto; background:transparent; border-radius:5em; font-size:0; vertical-align:middle; transition:background .2s;}
#quick .btn_quick button.quickOpen span:before, #quick .btn_quick button.quickOpen span:after{content:''; display:block; position:absolute; width:20px; height:2px; background:#fff; border-radius:5em; transition:background .2s;}
#quick .btn_quick button.quickOpen span:before{top:-1px; transform:translate3d(0,10px,0) rotate(90deg);}
#quick .btn_quick button.quickOpen span:after{bottom:-1px; transform:translate3d(0,-10px,0) rotate(0deg);}

#quick .btn_quick ul{position:absolute; min-width:12em; height:auto; bottom:0; right:1.875em; padding:1.313em 1.25em; background:rgba(0,0,0,.8); border-radius:12px; text-align:left; transform:scale(0); transition:transform .2s; transform-origin:right bottom;}
#quick .btn_quick ul.open{transform:scale(1);}
#quick .btn_quick ul li{margin:0 auto 12px;}
#quick .btn_quick ul li:last-child{margin:0 auto;}
#quick .btn_quick ul li a{position:relative; color:#fff; font-size:.938rem;}
#quick .btn_quick ul li a:before{content:''; display:inline-block; position:absolute; width:0; height:1px; bottom:-1px; left:0; background:#fff; transition:.2s;}
#quick .btn_quick ul li a:focus, #quick .btn_quick ul li a:hover{}
#quick .btn_quick ul li a:focus:before, #quick .btn_quick ul li a:hover:before{width:100%;}

#quick .btn_quick button.quickClose{width:100%; aspect-ratio:1; margin:0; padding:0; opacity:0; z-index:-1;}
#quick .btn_quick ul.open + button.quickClose{opacity:1; z-index:2;}
#quick .btn_quick button.quickClose span{display:block; position:relative; width:20px; aspect-ratio:1; margin:0 auto; background:transparent; border-radius:5em; font-size:0; vertical-align:middle; transition:background .2s;}
#quick .btn_quick button.quickClose span:before, #quick .btn_quick button.quickClose span:after{content:''; display:block; position:absolute; width:20px; height:2px; background:#fff; border-radius:5em; transition:background .2s;}
#quick .btn_quick button.quickClose span:before{top:-1px; transform:translate3d(0,10px,0) rotate(45deg);}
#quick .btn_quick button.quickClose span:after{bottom:-1px; transform:translate3d(0,-10px,0) rotate(-45deg);}

#quick .btn_top{display:flex; width:100%; height:60px; margin:5px auto -65px; visibility:hidden; opacity:0; transition:.3s;}
#quick .btn_top.show{margin:5px auto 0; visibility:visible; opacity:1;}
#quick .btn_top button.back_to_top{display:block; width:100%; height:60px; color:#333; background:#fff; border-radius:50%; box-shadow:0 3px 6px rgba(0,0,0,.1); text-align:center; transition:all 0s; cursor:pointer;}
#quick .btn_top button.back_to_top span{}
#quick .btn_top button.back_to_top span.arrow{display:inline-block; width:12px; height:7px; margin:0 auto .125em; background:url('../images/ico_arrow_top_dark.png') no-repeat center;}
#quick .btn_top button.back_to_top span.txt{display:block; font-size:.875rem;}
#quick .btn_top button.back_to_top:focus, #quick .btn_top a.back_to_top:hover{}


.modalWrap{position:fixed; width:100%; height:100%; bottom:0; right:0; background:transparent; overflow-y:auto; visibility:hidden; opacity:0; transition:opacity 0.3s ease-in-out; z-index:-1; overflow:hidden;}
.modalWrap button.modalClose{display:block; position:absolute; width:2em; height:2em; top:-1em; right:-1em;/*width:28px; height:28px; top:1.5em; right:2.25em;*/ margin:0; padding:0; background:#333; border-radius:50%; cursor:pointer; z-index:1;}
.modalWrap button.modalClose span{display:block; position:relative; width:18px; height:2px; margin:0 auto; background:transparent; border-radius:2px; font-size:0; transition:.3s;}
.modalWrap button.modalClose span:before,
.modalWrap button.modalClose span:after{content:''; display:block; position:absolute; width:18px; height:2px; background:#fff; border-radius:2px; transition:.3s;}
.modalWrap button.modalClose span:before{top:-8px; transform:translate3d(0,8px,0) rotate(45deg);}
.modalWrap button.modalClose span:after{bottom:-8px; transform:translate3d(0,-8px,0) rotate(-45deg);}
.modalWrap button.modalClose:focus,
.modalWrap button.modalClose:hover{background:#005495;}
.modalWrap button.modalClose:focus span,
.modalWrap button.modalClose:hover span{transform:rotate(180deg);}
.modalWrap button.modalClose:after{content:''; clear:both; display:block;}
.modalWrap .modalConW{display:flex; align-items:center; position:absolute; width:60%; height:100vh; height:100dvh; max-height:90%; top:50%; left:20%; opacity:0; transform:translateY(-50%); transition:opacity 0.2s ease-in-out;}
.modalWrap .modalConW .modalCon{width:100%; height:auto; max-height:100%; max-height:80vh; padding:2.4em; background:#fff; border-radius:12px; box-shadow:3px 3px 8px rgba(0,0,0,0.1); overflow-y:auto;}
.modalWrap .modalConW .modalCon .con:first-child{margin-top:0;}
.modalWrap .modalConW .modalCon .con:last-child{margin-bottom:0;}
.modalWrap .modalConW .modalCon h3{margin:0 auto 2em; font-size:2em; font-weight:500; text-align:center;}
.modalWrap .modalBg{position:absolute; width:100%; height:100%; bottom:0; left:0; background:rgba(0,0,0,0.5); opacity:0; z-index:-1; transition:opacity 0.2s ease-in-out;}
.modalWrap.open{visibility:inherit; opacity:1; z-index:1000;}
.modalWrap.open .modalConW{opacity:1;}
.modalWrap.open .modalBg{opacity:1;}


@media all and (min-width:1600px){
	/*.inner{max-width:1520px;}
	.inner.w1280{max-width:1560px;}*/
}

@media all and (min-width:1921px){
	/*html{font-size:18px;}*/
}

@media all and (max-width:1599px){
	#wrap{min-width:1200px;}
	.inner, .inner.w1280{max-width:1400px; padding:0 2em; box-sizing:border-box;}
}

@media all and (max-width:1440px){
	#wrap{min-width:1200px;}
	.inner, .inner.w1280{max-width:100%; padding:0 2.5em;}

	#footer .area01 .flexW .copyright div{margin:0 auto 1em;}
	#footer .area01 .flexW .area01_2 .copyright div span.address{display:block; margin:0 auto 1em;}

	#quick.document_bottom{bottom:12em;}
}

@media all and (max-width:1279px){
	#wrap{min-width:1000px;}
	.inner, .inner.w1280{width:100%; max-width:100%; min-width:960px; padding:0 1em; box-sizing:border-box;}
	caption{margin:0;}

	#header .snb ul li{margin:0 .125em;}
	#header .snb ul li a{padding:.75em 1.5em;}
	#header .snb ul li a i.ico.bgimage,
	#header .snb ul li a i.ico.member{margin:0 .5em 0 0;}

	#footer .area01 .inner{padding:0 1em;}
	#footer .area01 .flexW{margin:0 auto 2em;}
	#footer .area01 .flexW .area01_3{flex:1 1 100%; margin:2em auto 0;}
	#footer .area01 .flexW .area01_3 ul.sns{text-align:center;}

	#quick.document_bottom{bottom:14.5em;}


	.modalWrap .modalConW{width:84%; left:8%;}
	.modalWrap button.modalClose{width:1.875em; height:1.875em; top:-.9375em; right:-.9375em;/*width:36px; height:36px; top:1.125em; right:1em;*/}
}

@media all and (max-width:1023px){
	[data-aos]{pointer-events:auto; opacity:1; transform:none;}
	#wrap{min-width:280px;}
	#container{min-height:500px; padding:0;}
	.inner, .inner.w1280{width:100%; min-width:280px; padding:0 .875em; box-sizing:border-box;}
	.layoutLeft{float:none;}
	.layoutRight{float:none;}

	#header .snb ul li a{padding:.75em 1em;}
	#header .snb ul li a i.ico.search{margin:0 0 0 .875em;}
	#header .snb ul li a i.ico.arrow.right.light{margin:0 0 0 1em;}

	#footer .area01{padding:2em 0;}
	#footer .area01 .inner{padding:0 .875em;}
	#footer .area01 .flexW{margin:0 auto 1.5em;}
	#footer .area01 .flexW .copyright div{margin:0 auto .75em;}
	#footer .area01 .flexW .copyright div span{line-height:1.5;}
	#footer .area01 .flexW .area01_1{order:1; flex:1 1 100%; width:100%; margin:0 auto 1.5em;}
	#footer .area01 .flexW .area01_1 ul.link{text-align:left;}
	#footer .area01 .flexW .area01_2{order:2;}
	#footer .area01 .flexW .area01_2 .copyright div span.address{margin:0 auto .75em;}


	.modalWrap button.modalClose{width:36px; height:36px; top:-1.25em; right:-1.4em;/*right:.875em;*/}
}

@media all and (max-width:768px){
	html{font-size:15px;}
	.chk_pc{display:none;}

	#header .logo{padding:1.25em 0 1em; text-align:center;}
	#header .logo h1{position:relative; width:112px; height:40px; top:0;}

	#header .snb{line-height:1; text-align:center;}
	#header .snb ul li{margin:0 .0625em;}
	#header .snb ul li a{font-size:.938em;}
	#header .snb ul li a i.ico.search{margin:0 0 0 .625em;}
	#header .snb ul li a i.ico.arrow.right.light{margin:0 0 0 .875em;}

	#footer .area01 .flexW .copyright div span{font-size:.938em;}
	#footer .area01 .flexW .area01_1 ul.link li a{font-size:.938em;}

	#quick{width:3em; bottom:1em; right:1em;}
	#quick.document_bottom{bottom:1em;}
	#quick .btn_quick ul{right:1.5em;}
	#quick .btn_top{display:none;}


	.modalWrap .modalConW{width:calc(100% - 4em); max-height:calc(100% - 3.5em); left:2em;}
	.modalWrap .modalConW .modalCon{padding:1.75em;}
	.modalWrap button.modalClose{/*top:.625em;*/}
}

@media all and (max-width:580px){
	#header .snb ul li{width:100%; margin:0 auto .25em;}
	#header .snb ul li:last-child{marign:0 auto;}
	#header .snb ul li a span{font-size:.938em;}
	#header .snb ul li.map a{text-align:center;}
	/*#header .snb ul li.map a i.ico.search{position:absolute; margin:-1px 0 0; top:50%; right:1em; transform:translateY(-50%);}*/
	#header .snb ul li a i.ico.arrow.right.light{position:absolute; margin:-1px 0 0; top:50%; right:1em; transform:translateY(-50%);}
}

@media all and (max-width:480px){
	.modalWrap .modalConW{width:calc(100% - 4.5em); max-height:calc(100% - 3.75em); left:2.25em;}
}

@media all and (max-width:319px){
	html{font-size:14.6px; /*zoom:.9;*/}
	#wrap{min-width:280px;}
	.inner{min-width:280px;}
}

/* ie hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:768px){
}