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

/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
/* 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:0.75em; vertical-align:text-top;}
/* basic */
html{overflow-y:scroll; font-size:16px; line-height:1; color:#333; letter-spacing:-0.055em; zoom:1;}
body{width:100%; height:100%; margin:0 auto; background:#fff; font-family:'Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
/* common */
#wrap{clear:both; position:relative; width:100%; min-width:1200px; height:100%; margin:0 auto;}
#container{clear:both; position:relative; width:100%; height:auto; min-height:800px; margin:0; padding:0; background:#fff; z-index:auto;}
#container:after{content:''; clear:both; display:block;}
.inner{clear:both; position:relative; margin:0 auto; width:1180px; padding:0 10px; box-sizing:content-box;}
.inner.w1200{width:1200px; padding:0;}
.inner:after{content:''; clear:both; display:block;}
.reading{clear:both; 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; overflow:hidden;}
caption.view{width:auto; height:auto; margin:0 auto 5px; color:#3071cf; font-size:0.875rem; overflow:inherit;}
caption.view:before{content:'<';}
caption.view:after{content:'>';}
a, button, input{font-family:'Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif; font-size:100%; letter-spacing:-0.055em; transition:color 0.2s ease, background 0.2s ease, border 0.2s ease, box-shadow 0.2s ease, transform 0.2s;}
a,a:hover,a:active,a:focus,button,button:hover,button:active,button:focus,input,input:hover,input:active,input:focus{transition:color 0.2s ease, background 0.2s ease, border 0.2s ease, box-shadow 0.2s ease, transform 0.2s;}
button{border:none;}
.layoutLeft{float:left;}
.layoutRight{float:right;}
.layoutRight:after{content:''; clear:both; display:block;}
.skipTo{position:fixed; top:-99px; left:0; width:100%; padding:16px 0; background:#333; color:#fff; text-align:center; opacity:0; z-index:999999;}
.skipTo:hover, .skipTo:focus, .skipTo:active{display:block; top:0; opacity:1;}
/*#bo_v_con{font-family:initial;}*/
/* header */
#header{clear:both; position:relative; position:sticky; width:100%; top:0; background:#fff; z-index:99;}
#header .topHd{clear:both; display:block; position:relative; height:100px; line-height:100px; background:#fff; border-bottom:1px solid #e3e3e3;}
#header .topHd .logo{display:inline-block; position:absolute; width:95px; line-height:1; top:32px; left:0; vertical-align:top; z-index:99;}
#header .topHd .logo h1{width:100%; max-width:95px;}
#header .topHd .logo h1 img{width:100%;}
#header .topHd .tnb{width:100%; cursor:default;}
#header .topHd .tnb ul{position:relative; width:100%; max-width:700px; margin:0 auto; left:-22px; text-align:center;}
#header .topHd .tnb ul li{display:inline-block; margin:0 20px;}
#header .topHd .tnb ul li a{font-size:1.125rem; font-weight:500;}
#header .topHd .tnb ul li a:focus, #header .tnb ul li a:hover{color:#3071cf;}
#header .topHd .snb{display:inline-block; position:absolute; line-height:1; top:35px; right:0; text-align:center;}
#header .topHd .snb ul{}
#header .topHd .snb ul li{display:block; float:left; margin-left:-1px; border:1px solid #888;}
#header .topHd .snb ul li a{display:inline-block; padding:8px 10px; color:#888; font-size:0.813rem; text-transform:uppercase;}
#header .topHd .snb ul li a:focus, #header .topHd .snb ul li a:hover{background:#f7f7f7;}
#header .topHd .snb ul li.admin a{color:#3071cf;}
#header .topHd .snb ul li.admin a:focus, #header .topHd .snb ul li.admin a:hover{color:#3071cf;}
#header .topHd .snb ul li.qrcheck{margin-left:3px; background:#3071cf; border-color:#144693;}
#header .topHd .snb ul li.qrcheck a{color:#fff;}
#header .topHd .snb ul li.qrcheck a:before{content:'\f029'; display:inline-block; margin-right:3px;}
#header .topHd .snb ul li.qrcheck a:focus, #header .topHd .snb ul li.qrcheck a:hover{background:#144693;}
#header .gnb{clear:both; display:block; position:absolute; width:100%; height:0; top:100px; overflow:hidden; transition:height 0.3s; transition-delay:0.1s; transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1);}
#header .gnb .nav{background:#fff; border-bottom:2px solid #ddd;}
#header .gnb .nav .menuList{}
#header .gnb .nav .menuList ul{display:inline-block;}
#header .gnb .nav .menuList ul li{position:relative;}
#header .gnb .nav .menuList ul li a{padding:1px 0; word-break:keep-all;}
#header .gnb .nav .menuList ul.depth01_lists{display:table; width:100%;}
#header .gnb .nav .menuList ul li.depth01_list{display:table-cell; width:16.666%; padding:20px 15px 20px 20px; border-left:1px solid #e3e3e3; vertical-align:top;}
#header .gnb .nav .menuList ul li.depth01_list:last-child{border-right:1px solid #e3e3e3;}
#header .gnb .nav .menuList ul li a.depth01{display:inline-block; margin:0 0 18px; font-size:1.125rem;}
#header .gnb .nav .menuList ul li a.depth01:focus, #header .gnb .nav .menuList ul li a.depth01:hover{color:#3071cf;}
#header .gnb .nav .menuList ul li ul.depth02_lists{display:block;}
#header .gnb .nav .menuList ul li ul li.depth02_list{margin:0 0 16px;}
#header .gnb .nav .menuList ul li ul li.depth02_list:last-child{margin:0;}
#header .gnb .nav .menuList ul li ul li a.depth02{display:block; font-size:0.956rem;}
#header .gnb .nav .menuList ul li ul li a.depth02:focus, #header .gnb .nav .menuList ul li ul li a.depth02:hover{color:#3071cf;}
#header .gnb .nav .menuList ul li ul li a.depth02:focus:before, #header .gnb .nav .menuList ul li ul li a.depth02:hover:before{content:'-'; position:inline-block; margin-right:3px;}
#header .gnb .nav .menuList ul li.new{}
#header .gnb .nav .menuList ul li.new a{}
#header .gnb .nav .menuList ul li.new a:after{content:''; display:inline-block; width:12px; height:12px; margin-left:3px; background:url('../images/ico_newlink.png') no-repeat center;}
#header .gnb.on{height:264px;}
#header .gnb .navMobile{display:none;}
/* footer */
#footer{clear:both; width:100%; height:auto; padding:20px 0 40px; background:#333;}
#footer .area01, #footer .area02{clear:both; padding:10px 0;}
#footer ul.link{}
#footer ul.link li{display:inline-block; margin-right:20px;}
#footer ul.link li a{color:#999; font-size:0.875rem;}
#footer ul.link li a strong{color:#a3f3ff; font-weight:400;}
#footer ul.link li a:focus, #footer ul.link li a:hover{color:#ccc;}
#footer ul.sns{display:inline-block; text-align:right;}
#footer ul.sns li{display:inline-block; width:16px; height:16px; margin-left:14px; vertical-align:top;}
#footer ul.sns li.facebook{background:url('../images/ico_sns_facebook_s.png') no-repeat center;}
#footer ul.sns li.instagram{background:url('../images/ico_sns_instagram_s.png') no-repeat center;}
#footer ul.sns li.youtube{background:url('../images/ico_sns_youtube_s.png') no-repeat center;}
#footer ul.sns li.kakaoch{background:url('../images/ico_sns_kakaoch_s.png') no-repeat center;}
#footer ul.sns li a{display:block; width:100%; height:100%; font-size:0;}
#footer .btnLink .btnLink01{position:relative; float:left;}
#footer .btnLink .btnLink01 button{position:relative; width:220px; height:44px; padding:0 20px; background:#333; border:1px solid #666; color:#999; font-size:0.875rem; text-align:left; box-sizing:border-box; cursor:pointer;}
#footer .btnLink .btnLink01 button:after{content:''; display:block; position:absolute; width:0; height:0; top:50%; right:18px; margin-top:-2px; border-bottom:4px solid #999; border-left:4px solid transparent; border-right:4px solid transparent; font-size:0; line-height:0;}
#footer .btnLink .btnLink01 button:focus, #footer .btnLink .btnLink01 button:hover{border-color:#ccc; color:#ccc;}
#footer .btnLink .btnLink01 button.rotate:after{border-bottom:none; border-top:4px solid #777;}
#footer .btnLink .btnLink01 .btnLinks{display:block; position:absolute; width:100%; height:300px; bottom:0; padding:24px 20px 15px; background:#333; border:1px solid #666; border-bottom:none; box-sizing:border-box; opacity:0; overflow-x:hidden; overflow-y:auto; visibility:hidden; transition:all .2s ease; z-index:2;}
#footer .btnLink .btnLink01.show .btnLinks{bottom:100%; opacity:1; visibility:visible;}
#footer .btnLink .btnLink01 p{margin:0 0 15px; color:#a3f3ff; font-weight:500;}
#footer .btnLink .btnLink01 ul{margin:0 0 30px;}
#footer .btnLink .btnLink01 ul:last-child{margin:0;}
#footer .btnLink .btnLink01 ul li{float:none; height:auto; margin:8px 0; padding:0; line-height:1;;}
#footer .btnLink .btnLink01 ul li a{color:#999; font-size:0.875rem;}
#footer .btnLink .btnLink01 ul li a:focus, #footer .btnLink .btnLink01 ul li a:hover{color:#fff;}
#footer .copyright{}
#footer .copyright div{}
#footer .copyright div:last-child{margin-top:30px;}
#footer .copyright div span{line-height:1.6; margin-right:10px; color:#999; font-size:0.875rem;}
#footer .copyright div span a{color:#999;}
#footer .copyright div span a:focus, #footer .copyright div span a:hover{color:#ccc;}
#footer .copyright div span.copy{color:#666;}
#footer .copyright div span.admin{display:inline-block; width:12px; height:16px; margin-top:3px; background:url('../images/ico_admin_login.png') no-repeat center; vertical-align:top;}
#footer .copyright div span.admin a{display:block; width:100%; height:100%; font-size:0;}
#footer .quick{display:block; position:absolute; width:108px; top:190px; right:50px; z-index:99; box-shadow:8px 8px 8px rgba(0,0,0,0.1);}
#footer .quick p{height:30px; background:#3071cf; color:#fff; font-size:1.063rem; font-weight:500; line-height:30px; text-align:center;}
#footer .quick ul{border:1px solid #ddd; border-top:none; border-bottom:none;}
#footer .quick ul li{border-bottom:1px solid #ddd; text-align:center;}
#footer .quick ul li a{display:block; padding:12px 5px; background:#fff;}
#footer .quick ul li a:focus, #footer .quick ul li a:hover{background:#f7f7f7;}
#footer .quick ul li a img{display:block; margin:0 auto 8px;}
#footer .quick ul li a span{display:inline-block; color:#555; font-size:0.938rem; word-break:keep-all;}
#footer .quick ul li a span br{display:none;}
#footer .back_to_top{display:none; position:fixed; z-index:9999; bottom:10px; right:10px; width:40px; height:40px; line-height:40px; margin-left:-40px; color:#fff; background:rgba(0,0,0,0.3); border-radius:50%; text-align:center; font-size:0.813rem; cursor:pointer; transition:all 0s;}
#footer .back_to_top:focus, #footer .back_to_top:hover{background:#3071cf; color:#fff;}

.hd_pops img{width:100% !important;}
.hd_pops_con{width:100% !important; height:auto !important;}

@media only screen and (max-width:1600px){
	#footer .quick{right:0;}
}

@media only screen and (max-width:1440px){
	#footer .quick{width:70px;}
	#footer .quick ul li a img{width:28px; margin:0 auto 5px;}
	#footer .quick ul li a span{font-size:0.813rem;}
	#footer .quick ul li a span br{display:inline;}
}

@media only screen and (max-width:1279px){
	#wrap{min-width:1000px;}
	.inner{width:100%; max-width:960px;}
	caption{margin:0;}
	#header .topHd .tnb ul{max-width:600px; left:-62px;}
	#header .topHd .tnb ul li{margin:0 14px;}

	#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr{width:100%;}
}

@media only screen and (max-width:1023px){
	#wrap{min-width:320px;}
	#container{min-height:500px; padding-top:45px;}
	.inner{width:100%; min-width:320px; padding:0 10px; box-sizing:border-box;}
	.layoutLeft{float:none;}
	.layoutRight{float:none;}
	#header{position:fixed; height:45px; top:0; z-index:9999;}
	#header .topHd, #header .gnb .nav{display:none;}
	#header .gnb{position:relative; height:inherit; top:0; border-bottom:1px solid #ddd; transition:height 0s;}
	#header .gnb.on{height:inherit;}
	#header .gnb .navMobile{display:block;}
	#header .gnb .navMobile .logo{display:inline-block; float:none; width:100%; height:auto; margin:0;}
	#header .gnb .navMobile .logo h1{max-width:86px; margin:0 auto; line-height:45px;}
	#header .gnb .navMobile .logo h1 a{display:block; padding:0 8px;}
	#header .gnb .navMobile .logo h1 a img{width:100%;}
	#header .gnb .navMobile button.navOpen{position:absolute; width:40px; height:40px; top:2.5px; right:0; margin:0; padding:0; background:#fff; cursor:pointer;}
	#header .gnb .navMobile button.navOpen span{display:block; width:100%; height:100%; background:url('../images/ico_nav_open.png') no-repeat center center; background-size:100%; border:1px solid transparent; font-size:0; opacity:1;}
	#header .gnb .navMobile button.navOpen:focus span, #header .gnb .navMobile button.navOpen:hover span{}
	#header .gnb .navMobile .navPanel button.navClose{position:inherit; width:40px; height:40px; top:2.5px; right:0; margin:0; padding:0; background:#fff; cursor:pointer;}
	#header .gnb .navMobile .navPanel button.navClose span{display:block; width:100%; height:100%; background:url('../images/ico_nav_close.png') no-repeat center center; background-size:100%; border:1px solid transparent; font-size:0; opacity:1;}
	#header .gnb .navMobile .navPanel button.navClose:focus span, #header .gnb .navMobile .navPanel button.navClose:hover span{}
	#header .gnb .navMobile .navPanel button.navClose:after{content:''; clear:both; display:block;}
	#header .gnb .navMobile .navPanel{display:block; position:fixed; width:100%; height:calc(100vh - 45px); top:45px; left:100%; background:rgba(0,0,0,0.6); overflow-y:scroll; opacity:0; transition:left 0.4s ease-in-out, opacity 0.2s ease-in-out; z-index:-1;}
	#header .gnb .navMobile .navPanel.open{left:0; opacity:1; z-index:0;}
	#header .gnb .navMobile .navPanel .menuArea{width:100%; height:100%;}
	#header .gnb .navMobile .navPanel .menuArea .msnb{width:100%; background-color:#f7f7f7; background:linear-gradient(90deg, #E8E8E8 0, #f7f7f7 100%); box-sizing:border-box; z-index:2;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul{display:inline-block; width:100%; padding:14px 16px 16px; box-sizing:border-box;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li{display:inline-block; margin-right:15px;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li:last-child{margin-right:0;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li:last-child:after{content:''; clear:both; display:block;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li a{padding:2px; color:#888; font-size:0.875rem; vertical-align:top; text-transform:uppercase;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li.admin{float:right; margin-right:0; margin-left:5px;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li.admin a{color:#3071cf;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li.qrcheck{width:100%; margin-top:12px; margin-right:0; text-align:center;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li.qrcheck a{display:block; padding:13px 5px 14px; border:1px solid #3071cf; color:#3071cf;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li.qrcheck a:before{content:'\f029'; display:inline-block; margin-right:2px;}
	#header .gnb .navMobile .navPanel .menuArea .menuList, #header .gnb .navMobile .menuArea .menuList ul, #header .gnb .navMobile .menuArea .menuList ul li, #header .gnb .navMobile .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 .navMobile .navPanel .menuArea .menuList{background:#fff; color:#fff; z-index:0;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul{display:none;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li.active > ul{display:block;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li > a{padding:18px; background:#fff; border-bottom:1px solid #e1e1e1; color:#333; font-size:1.125rem; font-weight:500; cursor:pointer; z-index:2;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li > a:focus, #header .gnb .navMobile .menuArea .menuList > ul > li > a:hover{color:#3071cf;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li.hasSub > a:after{content:''; display:block; position:absolute; top:50%; right:15px; width:11px; height:11px; margin-top:-5.5px; background:url('../images/ico_plus_01.png') no-repeat center center; background-size:100%; z-index:5;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li.hasSub.open > a{background:#3071cf; color:#fff;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li.hasSub.open > a:after{background:url('../images/ico_minus_01.png') no-repeat center center; background-size:100%;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul li a{padding:15px 18px; background:#f7f7f7; border-bottom:1px solid #e1e1e1; color:#333; font-size:0.988rem; cursor:pointer; z-index:2;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul li a{position:relative; padding-left:28px; background:#d2dce8; border-bottom:none; color:#555; font-size:0.875rem;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul li a:before{content:''; display:block; position:absolute; top:50%; left:20px; width:3px; height:3px; background:#3071cf; border-radius:50%;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul li a:focus, #header .gnb .navMobile .navPanel .menuArea .menuList ul ul li a:hover{color:#000;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul > li.hasSub > a:after{content:''; display:block; position:absolute; top:50%; right:18px; width:9px; height:9px; margin-top:-4.5px; background:url('../images/ico_plus_02.png') no-repeat center center; background-size:100%; z-index:5;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul > li.hasSub.open > a{background:#e9eff9; color:#3071cf; font-weight:500;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul > li.hasSub.open > a:after{background:url('../images/ico_minus_02.png') no-repeat center center; background-size:100%;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul ul li a{position:relative; padding-left:34px; background:#e6e6e6; border-bottom:none; color:#676767; font-size:0.75rem;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul ul li a:before{content:''; display:block; position:absolute; top:50%; left:28px; width:2px; height:2px; background:#777;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul ul li a:focus, #header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul li a:hover{color:#222;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul ul li.active a{color:#222;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul > li.hasSub > a:after{right:19.5px; width:7px; height:7px; margin-top:-3.5px; opacity:0.8;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul > li.hasSub.open > a:after{opacity:0.4;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul li.new a:after{content:''; display:inline-block; width:12px; height:12px; margin-left:3px; background:url('../images/ico_newlink.png') no-repeat center; opacity:0.5;}
	#footer{padding:25px 0;}
	#footer .layoutLeft{float:left;}
	#footer .layoutRight{float:right;}
	#footer .quick{display:none !important;}
	#footer .back_to_top{display:none !important;}

	.hd_pops{width:100%; max-width:550px; top:58px !important; left:50% !important; margin-left:-275px;}
}

@media only screen and (max-width:768px){
	#footer{padding:15px 10px 25px;}
	#footer .inner{padding:0;}
	#footer .btnLink{width:100%;}
	#footer .btnLink .btnLink01{width:100%;}
	#footer .btnLink .btnLink01 button{width:164px;}
	#footer .copyright div:last-child{margin-top:20px;}
	#footer .copyright div span{margin-right:6px; font-size:0.813rem; word-break:keep-all;}
	#footer .copyright div span:last-child{margin-right:0;}

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

@media only screen and (max-width:580px){
	#footer{padding:15px 0 25px;}
	#footer .layoutLeft, #footer .layoutRight{float:none;}
	#footer ul.link{margin:0 auto 20px; text-align:center;}
	#footer ul.sns{width:100%; text-align:center;}
	#footer ul.sns li:first-child{margin-left:0;}
	#footer .btnLink{width:100%; padding:0 10px;}
	#footer .btnLink .btnLink01 button{width:100%;}
	#footer .copyright{padding:20px 10px 0; text-align:center;}
}

@media only screen and (max-width:480px){
	.hd_pops{max-width:90%; margin-left:-45%;}
	.hd_pops_footer button{font-size:12.4px;}
}