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

/* font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('./pretendard.css');
@import url('./pretendardvariable.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:#222;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{overflow-y:auto; line-height:1; color:#222; font-size:16px; /*font-size:62.5%;*/ letter-spacing:-.005em; zoom:1; scroll-behavior:smooth;}
body{width:100%; height:100%; margin:0 auto; background:#fff; font-family:'Poppins','Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; /*font-size:1.6em;*/ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; letter-spacing:-.005em;}
body.hidden{min-height:100%; overflow-y:hidden !important; touch-action:none;}
@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes fade-in-left{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes fade-in-right-visual{0%{-webkit-transform:translate(-50px,-50%);transform:translate(-50px,-50%);opacity:0}100%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1}}
@keyframes fade-out-scroll{0%{opacity:1;}30%{opacity:0;top:20px;}50%{opacity:0;top:0;}100%{opacity:0;top:-120px;z-index:-9;}}
/* 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:180px 0 0; background:#fff; z-index:auto; transition:.3s;}
#container:after{content:''; clear:both; display:block;}
.inner{clear:both; position:relative; margin:0 auto; width:1240px; padding:0 20px; box-sizing:content-box;}
.inner.w1280{width:1280px; 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:'Poppins','Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; font-size:100%; letter-spacing:-.005em; transition: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: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:#222; 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; font-size:inherit; font-weight:normal; text-align:left; vertical-align:middle; transition:0s; cursor:inherit;}
label.btn.select input.pick{display:inline-block; width:0; height:0; line-height:1; opacity:0;}
label.btn.select input.pick ~ span.checkmark{display:inline-block; position:relative; width:18px; height:18px; 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; outline:1px solid #000;}
label.btn.select input.pick:checked ~ span.checkmark{background:#ec9c1f; border-color:#ec9c1f;}
label.btn.select input.pick:disabled ~ span.checkmark{background:#d4d4d4; border-color:#bbb; 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:2px; vertical-align:middle;}
label.btn.select input.pick.chk:checked ~ span.checkmark{}
label.btn.select input.pick.chk:disabled ~ span.checkmark{background:#d4d4d4; border-color:#bbb; cursor:not-allowed;}
label.btn.select input.pick.chk:disabled ~ span.txt{color:#6e6e6e; cursor:not-allowed;}
label.btn.select input.pick.chk ~ span.checkmark:after{width:11px; height:8px; top:50%; left:50%; margin-top:-4px; margin-left:-5.5px; background:transparent;}
label.btn.select input.pick.chk:checked ~ span.checkmark:after{background:url('../images/sub/ico_check.png') no-repeat center;}
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:middle;}
label.btn.select input.pick.radio:checked ~ span.checkmark{}
label.btn.select input.pick.radio:disabled ~ span.checkmark{background:#d4d4d4; border-color:#bbb; cursor:not-allowed;}
label.btn.select input.pick.radio:disabled ~ span.txt{color:#6e6e6e; cursor:not-allowed;}
label.btn.select input.pick.radio ~ span.checkmark:after{width:8px; height:8px; top:50%; left:50%; margin-top:-4px; margin-left:-4px; 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:middle;}

/* header */
#header{clear:both; position:absolute; position:fixed; width:100%; top:0; left:0; background:#fff; text-align:center; z-index:99; transition:.3s; transform-origin:center top;}
#header.sticky{top:-128px;}
#header.scroll{box-shadow:0 4px 8px rgba(0,0,0,.05);}

#header .logo{position:absolute; width:100%; margin:0; vertical-align:top; z-index:99;}
#header .logo h1{display:inline-block; position:absolute; width:156px; height:92px; top:15px; left:20px;}
#header .logo h1 a{display:block; width:100%; height:100%;}
#header .logo h1 a img{display:block; position:absolute; width:100%; max-width:156px; top:50%; left:50%; margin:0 auto; transform:translate(-50%,-50%);}

#header .snb{position:relative; width:100%; line-height:128px;}
#header .snb ul{display:inline-block;}
#header .snb ul li{display:inline-block; position:relative; margin:0 8px;}
#header .snb ul li a,
#header .snb ul li button{padding:1px; background:transparent; font-size:.875em; cursor:pointer;}
#header .snb ul li a span,
#header .snb ul li button span{}
#header .snb ul li a:focus,
#header .snb ul li a:hover,
#header .snb ul li button:focus,
#header .snb ul li button:hover{color:#888;}
#header .snb ul li.admin a{color:#c6262c;}
#header .snb ul.dateinfo{margin:0 0 0 32px;}
#header .snb ul.dateinfo li{height:64px; margin:0 auto; padding:10px 16px; border-radius:8px; text-align:center; vertical-align:middle;}
#header .snb ul.dateinfo li p{line-height:1;}
#header .snb ul.dateinfo li.dday{background:#fdf3e4;}
#header .snb ul.dateinfo li.dday p.counter{color:#21409a; font-size:1.75em; font-weight:700;}
#header .snb ul.dateinfo li.dday p.counter span{display:inline-block; padding:8px; background:#ec9c1f; border-radius:8px; color:#fff;}
#header .snb ul.dateinfo li.now{margin-left:.16em; padding:8px 28px 10px; background:#e4e8f3;}
#header .snb ul.dateinfo li.now p.today{color:#21409a; font-size:.813em; font-weight:700;}
#header .snb ul.dateinfo li.now p.today > span{display:block; line-height:1.2; margin:0 auto;}
#header .snb ul.dateinfo li.now p.today span.country{}
#header .snb ul.dateinfo li.now p.today span.date{}
#header .snb ul.dateinfo li.now p.today span.time{margin:.2em auto 0; color:#ec9c1f;}
#header .snb ul.dateinfo li.now p.today span span.mini{display:inline; font-size:.75em;}

#header .gnb{clear:both; display:block; position:relative; width:100%; height:52px; top:0; background:transparent; text-align:center; transition:height .4s; transition-delay:.1s; transition-timing-function:cubic-bezier(.22,.61,.36,1); z-index:9;}
#header .gnb .nav{height:52px; background:transparent;}
#header .gnb .nav:after{content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:linear-gradient(90deg, #2958e0 0, #035dd9 18%, #e6362f 85%, #cb0c13 100%); z-index:-1;}
#header .gnb .nav .menuList{display:inline-block; width:100%; vertical-align:top;}
#header .gnb .nav .menuList .inner{padding:0 10px;}
#header .gnb .nav .menuList ul{display:inline-block; width:100%; line-height:1;}
#header .gnb .nav .menuList ul li{display:inline-block; position:relative; text-align:center;}
#header .gnb .nav .menuList ul li a{position:relative; padding:1px 0; word-break:keep-all;}
#header .gnb .nav .menuList ul.depth01_lists{display:flex;}
#header .gnb .nav .menuList ul li.depth01_list{flex:1 1 100%; margin:0 auto; border-left:1px solid rgba(255,255,255,.2); vertical-align:top;}
#header .gnb .nav .menuList ul li.depth01_list:last-child{border-right:1px solid rgba(255,255,255,.2);}
#header .gnb .nav .menuList ul li a.depth01{display:inline-block; width:100%; line-height:50px; color:#fff; font-size:1.063em; font-weight:500;}
#header .gnb .nav .menuList ul li a.depth01:focus,
#header .gnb .nav .menuList ul li a.depth01:hover{}
#header .gnb .nav .menuList ul li ul.depth02_lists{display:block; position:absolute; padding:1em 0; right:50%; opacity:0; visibility:hidden; transform:translateX(50%); transform-origin:top center; transition:.3s ease-in-out; transition-delay:.05s;}
#header .gnb .nav .menuList ul li ul li.depth02_list{display:block; line-height:2.2; text-align:center;}
#header .gnb .nav .menuList ul li ul li a.depth02{display:inline-block; line-height:1; font-size:.938em; transition:.3s;}
#header .gnb .nav .menuList ul li ul li a.depth02 span{display:inline-block; position:relative;}
#header .gnb .nav .menuList ul li ul li a.depth02 span:before{content:''; display:block; position:absolute; width:100%; height:1px; bottom:-3px; left:0; background:#21409a; transition:.3s; transform:scaleX(0); transform-origin:center top;}
#header .gnb .nav .menuList ul li ul li a.depth02:focus,
#header .gnb .nav .menuList ul li ul li a.depth02:hover{color:#21409a;}
#header .gnb .nav .menuList ul li ul li a.depth02:focus span:before,
#header .gnb .nav .menuList ul li ul li a.depth02:hover span:before{width:100%; transform:scaleX(1);}

#header .gnb .nav:hover .menuList ul li ul.depth02_lists,
#header .gnb .nav .menuList ul li a.depth01:focus + ul.depth02_lists,
#header .gnb .nav .menuList ul li a.depth01:hover + ul.depth02_lists,
#header .gnb .nav .menuList ul li:hover > ul.depth02_lists,
#header .gnb .nav .menuList ul li ul.depth02_lists.on{opacity:1; visibility:visible; transform:translateX(50%);}
#header .gnb .nav .menuBg{display:block; position:absolute; width:100%; height:0; top:52px; left:0; background:transparent; border-bottom:1px solid transparent; z-index:-1; transition:.6s;}
#header .gnb .nav:hover .inner + .menuBg,
#header .gnb .nav .menuBg.on{height:212px; background:rgba(255,255,255,.96); border-bottom-color:rgba(221,221,221,.9); transition:.3s;}

#header .gnb .nav .menuList ul li.new{}
#header .gnb .nav .menuList ul li.new a{}
#header .gnb .nav .menuList ul li.new a span:after{content:''; display:inline-block; width:1em; height:1em; margin-bottom:-.12em; margin-left:.28em; background:url('../images/ico_newlink.png') no-repeat center; background-size:100%;}
#header .gnb .nav .menuList ul li.new a.depth01 span:after{background-image:url('../images/ico_newlink_white.png');}

#header .gnb .navMobile{display:none;}

/* footer */
#footer{clear:both; position:relative; width:100%; height:auto; background:#f1f4fc; border-top:2px solid #c7d2f3;}
#footer .area01{padding:2.5em 0;}
#footer .area01 .layoutRight{width:16%}
#footer .area01 .layoutLeft{width:84%;}
#footer .area01 ul.link{}
#footer .area01 ul.link li{margin:0 auto 1.25em;}
#footer .area01 ul.link li a{color:#555;}
#footer .area01 ul.link li a strong{color:#222; font-weight:500; transition:.3s;}
#footer .area01 ul.link li a:focus,
#footer .area01 ul.link li a:hover,
#footer .area01 ul.link li a:focus strong,
#footer .area01 ul.link li a:hover strong{color:#21409a;}
#footer .area01 .copyrightW{display:flex; flex-wrap:wrap;}
#footer .area01 .copyrightW .copyright{width:50%; margin:0 0 2.4em;}
#footer .area01 .copyrightW .copyright div{display:block; line-height:1.6; margin:0 auto .6em; text-align:left;}
#footer .area01 .copyrightW .copyright div:first-child{margin:0 auto 1em;}
#footer .area01 .copyrightW .copyright div:last-child{margin:0 auto;}
#footer .area01 .copyrightW .copyright div > span{display:inline-block; margin-right:3em; color:#555; font-size:.938em; word-break:keep-all;}
#footer .area01 .copyrightW .copyright div > span:last-child{margin-right:0;}
#footer .area01 .copyrightW .copyright div span strong{color:#21409a;}
#footer .area01 .copyrightW .copyright div span span{margin-right:.4em;}
#footer .area01 .copyrightW .copyright div span a{color:inherit;}
#footer .area01 .copyrightW .copyright div span a:focus,
#footer .area01 .copyrightW .copyright div span a:hover{color:#21409a;}
#footer .area01 .copyrightW .copyright div span.email{width:100%;}
#footer .area01 .copyrightW .copyright div span.email.plus span{margin-left:4.1em;}
#footer .area01 .copyrightW .copyright.icmart2024{}
#footer .area01 .copyrightW .copyright.skom{}
#footer .area01 .copyrightW .copyright.copy{margin:0;}
#footer .area01 .copyrightW .copyright.copy div > span{color:#888;}

#footer .snb{display:inline-block; position:absolute; bottom:2em; right:5em; 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 */
#quick{display:block; position:fixed; width:40px; height:40px; bottom:1.5em; right:1.5em; text-align:center; z-index:98;}
#quick .btn_top{display:flex; width:100%; height:100%; margin:0 auto; background:#f1f4fc; border-radius:50%; box-shadow:0 2px 4px rgba(33,64,154,.2); visibility:hidden; opacity:0; transform:scaleX(0); transition:.3s; transition-delay:.3s;}
#quick .btn_top.show{visibility:visible; opacity:1; transform:scaleX(1);}
#quick .btn_top a.back_to_top{display:block; width:100%; height:100%; margin:0 auto; border-radius:50%; text-align:center; transition:all 0s, background .3s, opacity .3s; cursor:pointer;}
#quick .btn_top a.back_to_top span{}
#quick .btn_top a.back_to_top span.arrow{display:inline-block; position:absolute; width:15px; height:9px; top:50%; left:50%; margin:0 auto; background:url('../images/ico_arrow_top.png') no-repeat center / 100% 100%; transform:translate(-50%,-50%);}
#quick .btn_top a.back_to_top:focus, #quick .btn_top a.back_to_top:hover{background:#c7d2f3;}

#footer + .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;}
#footer + .modalWrap button.modalClose{position:absolute; width:26px; height:26px; top:2em; right:2em; margin:0; padding:0; background:transparent; cursor:pointer;}
#footer + .modalWrap button.modalClose span{display:block; position:relative; width:26px; height:2px; margin:0 auto; background:transparent; border-radius:2px; font-size:0; transition:.3s;}
#footer + .modalWrap button.modalClose span:before,
#footer + .modalWrap button.modalClose span:after{content:''; display:block; position:absolute; width:26px; height:2px; background:#fff; border-radius:2px;}
#footer + .modalWrap button.modalClose span:before{top:-8px; transform:translate3d(0,8px,0) rotate(45deg);}
#footer + .modalWrap button.modalClose span:after{bottom:-8px; transform:translate3d(0,-8px,0) rotate(-45deg);}
#footer + .modalWrap button.modalClose:focus span,
#footer + .modalWrap button.modalClose:hover span{transform:rotate(180deg);}
#footer + .modalWrap button.modalClose:after{content:''; clear:both; display:block;}
#footer + .modalWrap .modalCon{position:absolute; width:60%; max-height:80%; top:50%; left:20%; padding:2.4em; background:#fff; border-radius:.4em; box-shadow:3px 3px 8px rgba(0,0,0,0.1); opacity:0; overflow-y:auto; transform:translateY(-50%); transition:opacity 0.2s ease-in-out;}
#footer + .modalWrap .modalCon .conTitle h4{margin:0 auto 1.2em; font-size:1.25em; font-weight:700;}
#footer + .modalWrap .modalCon .txtBox{}
#footer + .modalWrap .modalCon .txtBox .con{}
#footer + .modalWrap .modalCon .txtBox .con p{line-height:1.6; margin:0 auto 2em;}
#footer + .modalWrap .modalCon .txtBox .con form{}
#footer + .modalWrap .modalCon .txtBox .con form .box{margin:0 auto 1em;}
#footer + .modalWrap .modalCon .txtBox .con form .box div{margin:0 auto 1em;}
#footer + .modalWrap .modalCon .txtBox .con form .box div.w100{width:100%;}
#footer + .modalWrap .modalCon .txtBox .con form .box div.w100.clear{clear:both;}
#footer + .modalWrap .modalCon .txtBox .con form .box div p.ti{line-height:1; margin:0 auto 1em; font-weight:500;}
#footer + .modalWrap .modalCon .txtBox .con form .box div p.ti span{}
#footer + .modalWrap .modalCon .txtBox .con form .box div ul{display:flex; gap:1em;}
#footer + .modalWrap .modalCon .txtBox .con form .box div ul li{flex:1 1 calc(100% - 1em);}
#footer + .modalWrap .modalCon .txtBox .con form .box div ul li.w50{width:50%; max-width:calc(50% - 1em);}
#footer + .modalWrap .modalCon .txtBox .con form .box div ul li.w100{width:100%;}
#footer + .modalWrap .modalCon .txtBox .con form .box div ul li input[type="text"],
#footer + .modalWrap .modalCon .txtBox .con form .box div ul li input[type="email"]{width:100%; padding:.8em; border:1px solid #d4d4d4;}
#footer + .modalWrap .modalCon .txtBox .con form .box div ul li textarea{width:100%; height:6em; padding:.8em; border:1px solid #d4d4d4; /*resize:vertical; */resize:none;}
#footer + .modalWrap .modalCon .txtBox .con form .btn_agree{margin:0 auto 1.5em;}
#footer + .modalWrap .modalCon .txtBox .con form .btn_agree label.btn.select{position:relative; padding-left:22px;}
#footer + .modalWrap .modalCon .txtBox .con form .btn_agree label.btn.select input.pick ~ span.checkmark{position:absolute; top:0; left:0;}
#footer + .modalWrap .modalCon .txtBox .con form .btn_agree label.btn.select input.pick ~ span.txt{line-height:1.4; margin:0; padding:0; font-size:.813em;}
#footer + .modalWrap .modalCon .txtBox .con form .btn_confirm{text-align:center;}
#footer + .modalWrap .modalCon .txtBox .con form .btn_confirm button.btn_submit{display:inline-block; padding:.6em 3.2em; background:#21409a; border-radius:8px; color:#fff; font-size:1.063em; font-weight:500; cursor:pointer;}
#footer + .modalWrap .modalCon .txtBox .con form .btn_confirm button.btn_submit span{}
#footer + .modalWrap .modalCon .txtBox .con form .btn_confirm button.btn_submit:focus,
#footer + .modalWrap .modalCon .txtBox .con form .btn_confirm button.btn_submit:hover{background:#2a51c4;}
#footer + .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;}
/*#footer + .modalWrap .modalBg:before{content:''; position:absolute; width:100%; height:50%; top:0; right:0; background:linear-gradient(0, transparent 0, #10059f 100%); opacity:.1;}*/
#footer + .modalWrap.open{visibility:inherit; opacity:1; z-index:1000;}
#footer + .modalWrap.open .modalCon{opacity:1;}
#footer + .modalWrap.open .modalBg{opacity:1;}

@media all and (min-width:1400px){
	.inner{width:1300px;}
	.inner.w1280{width:1340px; max-width:1340px;}
}

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

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

	#header .snb ul.dateinfo{font-size:16px;}
	#header .gnb .nav:hover .inner + .menuBg, #header .gnb .nav .menuBg.on{height:236px;}
}

@media all and (max-width:1440px){
	#wrap{min-width:1200px;}
	.inner, .inner.w1280{min-width:1200px; box-sizing:border-box;}
}

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

	#header .snb ul.dateinfo{margin:0 0 0 20px;}
	#header .snb ul li{margin:0 6px;}
	#header .snb ul li a, #header .snb ul li button{font-size:.813em;}
	#header .gnb .nav .menuList .inner{padding:0;}
	#header .gnb .nav .menuList ul li a.depth01{font-size:1em;}
	#header .gnb .nav .menuList ul li ul li a.depth02{font-size:.875em;}

	#footer .area01{padding:2em 0;}
	#footer .area01 .layoutLeft{width:80%;}
	#footer .area01 .copyrightW .copyright{margin:0 auto 1.6em;}
	#footer .area01 .copyrightW .copyright div{margin:0 auto .4em;}
	#footer .area01 .copyrightW .copyright div > span{margin-right:1.6em; font-size:.875em;}
	#footer .area01 ul.link li a{font-size:.875em;}

	#footer + .modalWrap .modalCon{width:84%; left:8%;}
}

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

	#header{width:100%; height:72px; top:0; left:0; z-index:999;}
	#header.sticky{top:0;}
	#header.scroll{top:0; box-shadow:0 0 8px rgba(0,0,0,.1);}
	#header .logo, #header .snb, #header .gnb .nav{display:none;}

	#header .gnb{height:72px; border-bottom:1px solid #ddd;}
	#header .gnb .navMobile{display:block;}
	#header .gnb .navMobile .logo{display:block; position:static;}
	#header .gnb .navMobile .logo h1{width:auto; width:78px; height:46px; top:12px; left:12px;}
	#header .gnb .navMobile .logo h1 a{}
	#header .gnb .navMobile .logo h1 a img{width:auto; height:100%;}
	#header .gnb .navMobile button.navOpen{display:block; position:absolute; width:45px; height:45px; top:12px; right:12px; margin:0; padding:0; background:#f1f4fc; border:2px solid #f1f4fc; border-radius:50%; cursor:pointer;}
	#header .gnb .navMobile button.navOpen span{display:inline-block; position:absolute; width:16px; height:2px; top:50%; left:50%; margin:-1px auto 0 -8px; background:#9db1ea; font-size:0; vertical-align:middle; transition:.3s;}
	#header .gnb .navMobile button.navOpen span:before, #header .gnb .navMobile button.navOpen span:after{content:''; display:block; position:absolute; width:16px; height:2px; right:0; background:#9db1ea; transition:.3s;}
	#header .gnb .navMobile button.navOpen span:before{top:-6px;}
	#header .gnb .navMobile button.navOpen span:after{bottom:-6px;}
	#header .gnb .navMobile button.navOpen:focus, #header .gnb .navMobile button.navOpen:hover{background:#fff;}

	#header .gnb .navPanel{position:fixed; width:100%; height:100%; top:0; right:0; background:transparent; overflow-y:auto; visibility:hidden; opacity:0; transition:opacity .4s ease-in-out; z-index:1; overflow:hidden;/* -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);*/}
	#header .gnb .navPanel .menuArea{position:absolute; width:25%; min-width:480px; height:100%; right:-100%; padding:9px; background:#fff; border-radius:16px 0 0 16px; overflow:hidden; opacity:0; transition:right .6s ease-in-out, opacity .4s ease-in-out; z-index:-1;}
	#header .gnb .navPanel .menuArea .msnb{display:flex;display:block; width:100%; padding:64px 0 12px;}
	#header .gnb .navPanel .menuArea .msnb ul{display:inline-block; width:100%; font-size:0; text-align:center;}
	#header .gnb .navPanel .menuArea .msnb ul li{display:inline-block; position:relative; width:50%; padding:3px; font-size:1rem;}
	#header .gnb .navPanel .menuArea .msnb ul li a,
	#header .gnb .navPanel .menuArea .msnb ul li button{display:block; width:100%; line-height:1; padding:12px; border:1px solid transparent; border-radius:8px; font-weight:600; box-sizing:border-box; cursor:pointer;}
	#header .gnb .navPanel .menuArea .msnb ul li a:focus, #header .gnb .navPanel .menuArea .msnb ul li a:hover{}
	#header .gnb .navPanel .menuArea .msnb ul li.login a,
	#header .gnb .navPanel .menuArea .msnb ul li.member a{background:#21409a; color:#fff;}
	#header .gnb .navPanel .menuArea .msnb ul li.login a:focus,
	#header .gnb .navPanel .menuArea .msnb ul li.login a:hover,
	#header .gnb .navPanel .menuArea .msnb ul li.member a:focus,
	#header .gnb .navPanel .menuArea .msnb ul li.member a:hover{background:#2a51c4;}
	#header .gnb .navPanel .menuArea .msnb ul li.contact button{background:#fff; border-color:#21409a; color:#21409a;}
	#header .gnb .navPanel .menuArea .msnb ul li.contact button:focus,
	#header .gnb .navPanel .menuArea .msnb ul li.contact button:hover{background:#c7d2f3;}
	#header .gnb .navPanel .menuArea .msnb ul li.login,
	#header .gnb .navPanel .menuArea .msnb ul li.logout{width:100%;}
	#header .gnb .navPanel .menuArea .msnb ul li.logout a,
	#header .gnb .navPanel .menuArea .msnb ul li.login + li.member a{background:#fff; border-color:#888; color:#888;}
	#header .gnb .navPanel .menuArea .msnb ul li.logout a:focus,
	#header .gnb .navPanel .menuArea .msnb ul li.logout a:hover,
	#header .gnb .navPanel .menuArea .msnb ul li.login + li.member a:focus,
	#header .gnb .navPanel .menuArea .msnb ul li.login + li.member a:hover{background:#f9f9f9;}
	#header .gnb .navPanel .menuArea .msnb ul li.admin{position:absolute; width:auto; top:12px; left:12px;}
	#header .gnb .navPanel .menuArea .msnb ul li.admin a{padding:8px; background:#fff; border-color:#c6262c; color:#c6262c; font-size:.813em;}
	#header .gnb .navPanel .menuArea .msnb ul li.admin a:focus, #header .gnb .navPanel .menuArea .msnb ul li.admin a:hover{background:#f8d3d3;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo{padding:3px 0;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li{width:calc(50% - 6px); height:64px; margin:0 3px; padding:10px 16px; border-radius:8px; text-align:center; vertical-align:middle;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li p{line-height:1;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.dday{background:#fdf3e4;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.dday p.counter{color:#21409a; font-size:1.75em; font-weight:700;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.dday p.counter span{display:inline-block; padding:8px; background:#ec9c1f; border-radius:8px; color:#fff;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.now{padding:8px 28px 10px; background:#e4e8f3;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.now p.today{color:#21409a; font-size:.813em; font-weight:700;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.now p.today > span{display:block; line-height:1.2; margin:0 auto;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.now p.today span.country{}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.now p.today span.date{}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.now p.today span.time{margin:.2em auto 0; color:#ec9c1f;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.now p.today span span.mini{display:inline; font-size:.75em;}
	#header .gnb .navPanel button.navClose{display:block; position:absolute; width:45px; height:45px; top:12px; right:12px; margin:0; padding:0; background:#f1f4fc; border:2px solid #f1f4fc; border-radius:50%; cursor:pointer;}
	#header .gnb .navPanel button.navClose span{display:block; position:relative; width:18px; height:2px; margin:0 auto; background:transparent; border-radius:2px; font-size:0; transition:.3s;}
	#header .gnb .navPanel button.navClose span:before, #header .gnb .navPanel button.navClose span:after{content:''; display:block; position:absolute; width:18px; height:2px; background:#9db1ea; transition:.3s;}
	#header .gnb .navPanel button.navClose span:before{top:-8px; transform:translate3d(0,8px,0) rotate(45deg);}
	#header .gnb .navPanel button.navClose span:after{bottom:-8px; transform:translate3d(0,-8px,0) rotate(-45deg);}
	#header .gnb .navPanel button.navClose:focus, #header .gnb .navPanel button.navClose:hover{background:#fff;}
	#header .gnb .navPanel button.navClose:focus span, #header .gnb .navPanel button.navClose:hover span,
	#header .gnb .navPanel button.navClose:focus span, #header .gnb .navPanel button.navClose:hover span{transform:rotate(180deg);}
	#header .gnb .navPanel button.navClose:after{content:''; clear:both; display:block;}
	#header .gnb .navPanel .menuBg{position:absolute; width:100%; height:100%; top:0; left:0; background:#000; opacity:0; z-index:-1; transition:opacity .4s ease-in-out;}

	#header .gnb .navPanel .menuArea .menuList,
	#header .gnb .menuArea .menuList ul,
	#header .gnb .menuArea .menuList ul li,
	#header .gnb .menuArea .menuList ul li a{display:block; position:relative; line-height:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	#header .gnb .navPanel .menuArea .menuList{height:calc(100% - 242px); padding:0 3px; background:#fff; border-radius:8px; color:#fff; text-align:left; z-index:0; overflow-y:auto;}
	#header .gnb .navPanel .menuArea .menuList ul li a{position:relative; border-radius:8px; cursor:pointer; z-index:2;}
	#header .gnb .navPanel .menuArea .menuList > ul > li > a{line-height:1.2; padding:22px 20px; background:#fff; color:#222; font-size:1.125em; font-weight:600; outline-offset:-1px;}
	#header .gnb .navPanel .menuArea .menuList > ul > li.hasSub > a{padding:1.2em 2em 1.2em 1.2em;}
	#header .gnb .navPanel .menuArea .menuList > ul > li > a:focus,
	#header .gnb .menuArea .menuList > ul > li > a:hover{color:#21409a;}
	#header .gnb .navPanel .menuArea .menuList > ul > li.hasSub > a:after{content:''; display:inline-block; position:absolute; width:17px; height:10px; top:50%; right:20px; margin-top:-5px; background:url('../images/ico_arrow_down.png') no-repeat center / 100%; z-index:5;}
	#header .gnb .navPanel .menuArea .menuList > ul > li.hasSub.open > a{background:#f1f4fc; border-radius:8px 8px 0 0; color:#21409a;}
	#header .gnb .navPanel .menuArea .menuList > ul > li.hasSub.open > a:after{background:url('../images/ico_arrow_top.png') no-repeat center / 100%;}
	#header .gnb .navPanel .menuArea .menuList ul ul{display:none; padding:8px 4px; background:#c7d2f3; border-radius:0 0 8px 8px;}
	#header .gnb .navPanel .menuArea .menuList ul ul li a{padding:.8em 1em; color:#222; font-size:1em;}
	#header .gnb .navPanel .menuArea .menuList ul ul li a:focus,
	#header .gnb .navPanel .menuArea .menuList ul ul li a:hover{color:#21409a; text-decoration:underline;}
	#header .gnb .navPanel .menuArea .menuList ul ul ul{display:none; width:calc(100% - 1.875em); margin:0 auto .75em; padding:4px; background:#fff; border-radius:6px;}
	#header .gnb .navPanel .menuArea .menuList ul ul ul li a{font-size:.875em;}
	#header .gnb .navPanel .menuArea .menuList ul li.new a:after{content:''; display:inline-block; width:14.8px; height:14.8px; margin-top:2px; margin-left:8px; background:url('../images/ico_newlink.png') no-repeat center / 100%; vertical-align:top;}
	#header .gnb .navPanel .menuArea .menuList ul ul li.new a:after{width:14px; height:14px; margin-top:0; margin-left:6px; background:url('../images/ico_newlink.png') no-repeat center / 100%; opacity:.8;}
	#header .gnb .navPanel .menuArea .menuList ul ul ul li.new a:after{width:12px; height:12px; margin-top:2px;}

	#header .gnb .navPanel.open{visibility:inherit; opacity:1; z-index:0;}
	#header .gnb .navPanel.open .menuArea{right:0; opacity:1; z-index:0;}
	#header .gnb .navPanel.open .menuArea:before, #header .gnb .navPanel.open .menuArea:after{left:-80px; box-shadow:-10px 10px 10px rgba(0,0,0,.02); opacity:1;}
	#header .gnb .navPanel.open .menuBg{opacity:.5;}

	#footer .area01{padding:1em 0;}
	#footer .area01 .layoutLeft,
	#footer .area01 .layoutRight{width:100%;}
	#footer .area01 ul.link{margin:0 auto 1.2em; padding:0 0 1em; border-bottom:1px dotted #c7d2f3; text-align:center;}
	#footer .area01 ul.link li{display:inline-block; margin:0 .8em;}
	#footer .area01 .copyrightW{gap:.4em;}
	#footer .area01 .copyrightW .copyright{flex:1; width:auto; margin:0 auto 1em;}
	#footer .area01 .copyrightW .copyright.copy{flex:1 1 100%;}

	#footer + .modalWrap button.modalClose{width:45px; height:45px; top:12px; right:12px; background:rgba(0,0,0,.5); border-radius:50%;}
	#footer + .modalWrap button.modalClose span{width:18px;}
	#footer + .modalWrap button.modalClose span:before,
	#footer + .modalWrap button.modalClose span:after{width:18px;}

	#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr{width:100%;}
	.hd_pops{width:100%; max-width:550px; top:68px !important; left:50% !important; margin-left:-275px;}
	.hd_pops img{width:100% !important;}
	.hd_pops_con{width:100% !important; height:auto !important;}
}

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

	#header,
	#header .gnb{height:54px;}
	#header .gnb .navMobile .logo h1{width:73px; height:43px; top:4px;}
	#header .gnb .navMobile button.navOpen{width:38px; height:38px; top:8px; right:8px;}

	#header .gnb .navPanel .menuArea{width:80%; min-width:280px;}
	#header .gnb .navPanel .menuArea .msnb{padding:40px 0 12px;}
	#header .gnb .navPanel .menuArea .msnb ul li a,
	#header .gnb .navPanel .menuArea .msnb ul li button{font-size:.813em;}
	#header .gnb .navPanel .menuArea .menuList{height:calc(100% - 210px);}
	#header .gnb .navPanel .menuArea .menuList > ul > li > a{font-size:1em;}
	#header .gnb .navPanel .menuArea .menuList > ul > li.hasSub > a:after{width:14px;}
	#header .gnb .navPanel .menuArea .menuList ul ul li a{font-size:.938em;}

	#header .gnb .navPanel button.navClose{width:38px; height:38px; top:8px; right:8px;}

	#footer .area01 .copyrightW{gap:0; width:100%;}
	#footer .area01 .copyrightW .copyright{flex:1 1 100%; width:100%;}
	#footer .area01 .copyrightW .copyright div{margin:0 auto .2em;}
	#footer .area01 .copyrightW .copyright div:first-child{margin:0 auto .4em;}
	#footer .area01 .copyrightW .copyright div > span{margin-right:1.2em;}

	#quick{bottom:1em; right:1em;}

	#footer + .modalWrap .modalCon{width:calc(100% - 4em); max-height:calc(100% - 4em); left:2em;}
	#footer + .modalWrap button.modalClose{width:38px; height:38px; top:8px; right:8px;}
	#footer + .modalWrap .modalCon .txtBox .con form .box div p.ti{font-weight:600;}
	#footer + .modalWrap .modalCon .txtBox .con form .box div ul{flex-wrap:wrap; gap:.4em;}
	#footer + .modalWrap .modalCon .txtBox .con form .box div ul li,
	#footer + .modalWrap .modalCon .txtBox .con form .box div ul li.w50{width:100%; max-width:100%;}

	.hd_pops{width:100%; max-width:70%; top:68px !important; left:50% !important; margin-left:-35%;}
	.hd_pops_footer button{font-size:.813em;}
}

@media all and (max-width:480px){
	#header .gnb .navPanel .menuArea{min-width:84%; max-width:320px;}
	#header .gnb .navPanel .menuArea .menuList{height:calc(100% - 204px);}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li{height:58px;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.dday{padding:12px 8px;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.dday p.counter{font-size:1.25em;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.now{padding:8px 0;}
	#header .gnb .navPanel .menuArea .msnb ul.dateinfo li.now p.today{font-size:.75em;}

	#footer .area01 ul.link li{margin:0 .4em;}
	#footer .area01 .copyrightW .copyright div{margin:0 auto;}
	#footer .area01 .copyrightW .copyright div > span{display:block; margin:0 auto; font-size:.813em;}

	#footer .snb{display:none;}

	.hd_pops{max-width:90%; margin-left:-45%;}
	.hd_pops_footer button{font-size:.775em;}
}

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

	#header .gnb .navPanel .menuArea{min-width:90%;}

	#footer ul.link{padding:12px 12px 14px;}
}

/* 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){
}