@charset "utf-8";

/*
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:100;
	src:url('./fonts/NotoSansKR-Thin.otf') format('OpenType'),
	url('./fonts/NotoSansKR-Thin.woff') format('font-woff'),
	url('./fonts/NotoSansKR-Thin.woff2') format('font-woff2');
}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:200;
	src:url('./fonts/NotoSansKR-DemiLight.otf') format('OpenType'),
	url('./fonts/NotoSansKR-DemiLight.woff') format('font-woff'),
	url('./fonts/NotoSansKR-DemiLight.woff2') format('font-woff2');
}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:300;
	src:url('./fonts/NotoSansKR-Regular.otf') format('OpenType'),
	url('./fonts/NotoSansKR-Regular.woff') format('font-woff'),
	url('./fonts/NotoSansKR-Regular.woff2') format('font-woff2');

}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:500;
	src:url('./fonts/NotoSansKR-Medium.otf') format('OpenType'),
	url('./fonts/NotoSansKR-Medium.woff') format('font-woff'),
	url('./fonts/NotoSansKR-Medium.woff2') format('font-woff2');

}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:600;
	src:url('./fonts/NotoSansKR-Bold.otf') format('OpenType'),
	url('./fonts/NotoSansKR-Bold.woff') format('font-woff'),
	url('./fonts/NotoSansKR-Bold.woff2') format('font-woff2');

}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:900;
	src:url('./fonts/NotoSansKR-Black.otf') format('OpenType'),
	url('./fonts/NotoSansKR-Black.woff') format('font-woff'),
	url('./fonts/NotoSansKR-Black.woff2') format('font-woff2');

}
*/

@font-face{
	font-family:'daum';
	font-style:normal;
	font-weight:600;
	src:url('https://www.seniorro.or.kr:4431/fonts/noin/renewal/Daum_Regular.woff') format('woff')
}

/* 2024.01.10 하건호 폰트 css 변경 */
@font-face {
	font-family: 'GmarketSans';
	font-weight: 300;
	font-style: normal;
	src: url(./fonts/GmarketSansLight.eot); 
	src: url(./fonts/GmarketSansLight.eot?#iefix) format('embedded-opentype'),
	url(./fonts/GmarketSansLight.woff2) format('woff2'),
	url(./fonts/GmarketSansLight.woff) format('woff'),
	url(./fonts/GmarketSansLight.ttf) format('truetype');
}
@font-face {
	font-family: 'GmarketSans';
	font-weight: 500;
	font-style: normal;
	src: url(./fonts/GmarketSansMedium.eot); 
	src: url(./fonts/GmarketSansMedium.eot?#iefix) format('embedded-opentype'),
	url(./fonts/GmarketSansMedium.woff2) format('woff2'),
	url(./fonts/GmarketSansMedium.woff) format('woff'),
	url(./fonts/GmarketSansMedium.ttf) format('truetype');
}
@font-face {
	font-family: 'GmarketSans';
	font-weight: 700;
	font-style: normal;
	src: url(./fonts/GmarketSansBold.eot); 
	src: url(./fonts/GmarketSansBold.eot?#iefix) format('embedded-opentype'),
	url(./fonts/GmarketSansBold.woff2) format('woff2'),
	url(./fonts/GmarketSansBold.woff) format('woff'),
	url(./fonts/GmarketSansBold.ttf) format('truetype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-weight: 100;
	font-style: normal;
	src: url(./fonts/NotoSansKR-Thin.woff2) format('woff2'),
	url(./fonts/NotoSansKR-Thin.woff) format('woff'),
	url(./fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-weight: 200;
	font-style: normal;
	src: url(./fonts/NotoSansKR-Light.woff2) format('woff2'),
	url(./fonts/NotoSansKR-Light.woff) format('woff'),
	url(./fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-weight: 300;
	font-style: normal;
	src: url(./fonts/NotoSansKR-Light.woff2) format('woff2'),
	url(./fonts/NotoSansKR-Light.woff) format('woff'),
	url(./fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-weight: 400;
	font-style: normal;
	src: url(./fonts/NotoSansKR-Regular.woff2) format('woff2'),
	url(./fonts/NotoSansKR-Regular.woff) format('woff'),
	url(./fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-weight: 500;
	font-style: normal;
	src: url(./fonts/NotoSansKR-Medium.woff2) format('woff2'),
	url(./fonts/NotoSansKR-Medium.woff) format('woff'),
	url(./fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-weight: 600;
	font-style: normal;
	src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),
	url(./fonts/NotoSansKR-Bold.woff) format('woff'),
	url(./fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-weight: 700;
	font-style: normal;
	src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),
	url(./fonts/NotoSansKR-Bold.woff) format('woff'),
	url(./fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-weight: 900;
	font-style: normal;
	src: url(./fonts/NotoSansKR-Black.woff2) format('woff2'),
	url(./fonts/NotoSansKR-Black.woff) format('woff'),
	url(./fonts/NotoSansKR-Black.otf) format('opentype');
}


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:1rem;font-family:'NotoSansKR', sans-serif;background:#fff;color:#111}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1rem;font-weight:600;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul,ol, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1.3rem}
input, button {margin:0;padding:0;font-size:1rem}
input[type="submit"] {cursor:pointer}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 30px #fff inset;}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s; }
button {cursor:pointer}
/*button:focus{border:0;}*/
select {margin:0}
select::-ms-expand {/* IE10, IE11*/
	display:none;   /*숨겨진 화살표의 영역유지 X */
	visibility:hidden;  /*숨겨진 화살표의 영역유지 O */
}
strong {font-weight:900;}

table {border-collapse:collapse;}
table th {font-weight:600;}
table td {font-weight:500;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
a {color:#222;text-decoration:none}

*, :after, :before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

a[href^="tel"] {color:inherit; text-decoration:none;}
input[type=text],input[type=password], textarea {
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}


/*input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}*/

.v-bottom{vertical-align:bottom}
.sound-only {display:inline-block !important;position:absolute;width:1px;height:1px;margin:-1px !important;padding:0 !important;clip:rect(0,0,0,0);clip:rect(0 0 0 0);overflow:hidden !important}
#skip-to-container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip-to-container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#4464bf;color:#fff;font-size:2em;font-weight:600;text-align:center;text-decoration:none;line-height:75px}

header{width:100%;background-color:#fff;z-index:5;transition:.3s;border-bottom:1px solid #e0e4e8}
header.fixed{position:fixed;top:0}
header.fixed + #wrapper{margin-top:160px}
header .hd-wrap{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;width:1200px;height:100px;margin:0 auto}
header .btn-menu{display:none}
header .hd-top{background-color:#fbfbfb;border-bottom:1px solid #f0f0f0;padding:4px 0;}
header .hd-top ul{width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;position:relative;}
header .hd-top a{display:block;color:#4464bf;font-weight:600;font-size:0.9rem;}
header .hd-top li > span:before,
header .hd-top li > a:before{display:inline-block;content:"";width:2px;height:2px;margin:0 10px;vertical-align:middle;background-color:#a7a7a7}
header .hd-top li:first-child a:before {display:none;}
header .hd-top li:nth-child(2) a:before{display:none;}
header .hd-top li:last-child{display:flex;justify-content:flex-end;align-items:center}
header .hd-top li:last-child span{display:block;margin-right:6px;letter-spacing:-1px;color:#4464bf;font-size:0.9rem;font-weight:500;}
header .hd-top button{display:block;background-color:#fff;border:1px solid #c8c8c8;padding:5px;height:30px}
header .hd-top li:last-child button:nth-of-type(2){border-right:0;border-left:0;font-size:.813rem}
header .hd-top .mypageBtn span {display:inline-block; height:30px; padding:0 15px; background-color:#4464bf; color:#fff; font-size:0.8rem; font-weight:600; border-radius:20px; line-height:30px; letter-spacing:-1px; vertical-align:middle; }

#nav{position:relative}
/*#nav .gnb1-ul{overflow:hidden}*/
#nav .gnb1-ul:after {display:block; clear:both; content:'';}
#nav .gnb1-li{float:left;position:relative;}
#nav .gnb1-item{position:relative;display:block;font-size:28px;margin:0 32px;line-height:100px;font-weight:600;color:#222;}
/*#nav .gnb1-ul .gnb1-li:first-child .gnb1-item{margin-left:0}*/
#nav .gnb1-ul .gnb1-li:last-child .gnb1-item{margin-right:0}
#nav .gnb1-item:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;width:0;height:6px;margin:0 auto;background-color:#004EA2;transition:all 0.4s ease 0s}

/*gnb > 2depth 추가*/
#nav .gnb2-ul {position:absolute; top:100px; left:50%; width:230px; z-index:11; padding:20px 15px; background-color:#fff; border:1px solid #e0e4e8; transform:translateX(-49%); display:none;}
#nav .gnb2-ul .gnb2-li {margin-bottom:15px;}
#nav .gnb2-ul .gnb2-li:last-child {margin-bottom:0;}

#nav .gnb2-item {display:block; padding:0; font-weight:500;}
#nav .gnb2-item:hover {color:#004EA2;}
#nav .gnb1-ul .gnb1-li:first-child .gnb2-item {padding-left:0;}
#nav .gnb1-ul .gnb1-li:last-child .gnb2-item {padding-right:0;}
#nav .gnb-bg {display:none; top:100px; position:absolute; left:0; z-index:10; width:100%; min-width:1920px; height:0; box-shadow:5px 5px 5px rgba(230, 230, 230, .5); overflow:hidden; background-color:#fff; border-top:1px solid #e9e9e9; border-bottom:2px solid #004EA2; transition:.3s;}



footer{background-color:#656c73;font-size:1rem;color:#fff;border-top:1px solid #d6d6d6;padding:50px 0}
footer .footer-inner{position:relative;width:1200px;margin:0 auto;text-align:left;}
footer .footer-inner p{color:#fff;font-weight:500;}
footer .flink li{display:inline-block}
footer .flink li:last-child a:after{display:none}
footer .flink li:last-child a{display:block;color:#fff;transition:.3s;}
footer .flink a{display:block;color:#fbff8c;transition:.3s;font-weight:500;}
footer .flink a:after{display:inline-block;content:"";width:1px;height:10px;background-color:#cdcdcd;margin:0 5px}
footer address{color:#fff;font-style:normal;margin-top:15px;font-weight:500;}
footer .fsite{position:absolute;right:0;top:50%;transform:translateY(-50%);}
footer .fsite a{display:inline-block;margin-left:20px}
footer .fsite a:first-child{margin-left:0}
footer .fsite a img {display:inline-block; max-height:45px; width:auto;}

.badge-info{display:inline-block;margin:15px auto;color:#fff;padding:3px 10px 5px 10px;border-radius:15px;font-size:.85rem}
.badge-info.badge-i{background-color:#004EA2}

#bg-dark{width:100%;height:100%;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.5);z-index:19;}

#container_wr:focus {outline:dashed .5px #555;}

@media (min-width:1200px){

	#nav .gnb1-li.on .gnb1-item,
	#nav .gnb1-item:hover{color:#004EA2}
	#nav .gnb1-li.on .gnb1-item:after,
	#nav .gnb1-item:hover:after{width:100%}

	#nav .gnb1-li.on > .gnb2-ul {display:block }
}

@media (max-width:1199px){

	label, input, button, select, img {font-size:1rem;}
	header.fixed + #wrapper{margin-top:50px}
	header #logo img{max-width:200px}

	header .hd-top ul{width:100%}
	header .hd-wrap{position:relative;width:100%;padding:20px;height:auto}
	header .hd-wrap #logo {display:block; margin:0 auto; padding-left:30px; }
	header .btn-menu{position:absolute;display:block;top:25px;right:20px;border:0;background:transparent;z-index:15}
	header.menu-open .btn-menu{position:fixed;}
	header.menu-open #nav{right:0}
	
	.menu-open .btn-menu:before{color:#59493f}
	.m-menu-box{width:24px;height:22px;display:inline-block;position:relative}
	.m-menu-binner,
	.m-menu-binner:after,
	.m-menu-binner:before{width:24px;height:3px;background-color:#004EA2;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
	.m-menu-binner{display:block;top:50%;-webkit-transition-duration:.22s;transition-duration:.22s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}
	.menu-open .m-menu-binner{-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);background-color:#fff}
	.m-menu-binner:before{content:"";display:block;top:-7.5px;-webkit-transition:top .1s ease-in .25s,opacity .1s ease-in;transition:top .1s ease-in .25s,opacity .1s ease-in}
	.menu-open .m-menu-binner:before{top:0;opacity:0;-webkit-transition:top .1s ease-out,opacity .1s ease-out .12s;transition:top .1s ease-out,opacity .1s ease-out .12s}
	.m-menu-binner:after{content:"";display:block;bottom:-7.5px;-webkit-transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}
	.menu-open .m-menu-binner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;background-color:#fff}
	.main .m-menu-binner, 
	.main .m-menu-binner:after, 
	.main .m-menu-binner:before{background-color:#fff}
	
	#nav{position:fixed;background-color:#004EA2;width:90%;height:100%;border-bottom:0;top:0;right:-100%;transition:.3s;z-index:10}
	#nav .gnb-wrap{width:100%;padding:10px;margin-top:40px}
	#nav .gnb1-li{float:none;border-bottom:1px solid rgba(255,255,255,.6)}
	#nav .gnb1-item{padding:0;margin:0 20px;color:#fff;font-size:1.15rem}
	#nav .gnb1-ul .gnb1-li:first-child .gnb1-item {margin:0 20px;}
	
	#nav .gnb2-ul.smenu-open {display:block;position:static;width:100%;padding-left:30px;background-color:#2672d6;border:0;transform:none;} 
	#nav .gnb2-ul.smenu-open li > a:before {display:inline-block; width:3px; height:3px; background-color:#fff; margin-right:10px; vertical-align: middle; content:'';}
	#nav .gnb2-item {color:#fff;font-size:.925rem;word-break:keep-all}
	#nav .gnb2-item:hover {color:#fff;}

	footer{font-size:.9rem}
	footer .footer-inner{width:100%}
}

.company_wrap {width:calc(100% - 343px); text-align:left; position:absolute; top:0px; left:0px; z-index:1;}
.company_wrap .company_link {position: relative; width:200px; padding:5px 0 6px 30px; background: url(../../../images/noin/main/m18.png) no-repeat 90% 52%; background-size: 10px; background-color:#002060; color:#fff;}
.company_wrap .company_link_mini {display: none; position: relative; top:61px;  width:80px; padding:5px 0; margin-left:10px; text-align: center; font-size: 14px; background-size: 10px; background-color:#002060; color:#fff; border-radius: 20px;}
.company_wrap .company_link a {color:#fff;}
.company_wrap .company_link_mini a {color:#fff;}

@media (max-width:720px){
	
	header .hd-top{font-size:.813rem;padding-right:7px}
	header .hd-top a:after{margin:0 1vw}
	header .hd-top li:nth-child(3) a:after{height:2px;background-color:#a7a7a7}
	
	footer{padding:5vw 10px;font-size:.8rem}
	footer .footer-inner {text-align:center;}
	footer address{margin-top:10px}

	footer .fsite{position:relative;top:auto;right:auto;margin-top:30px;text-align:center;}
	footer .fsite a {display:inline-block; width:auto; }
	footer .fsite a:first-child img {height:35px;}
	footer .fsite a:last-child img {height:30px;}

	.company_wrap .company_link {display: none;}
	.company_wrap .company_link_mini {display:block; position: relative; top:58px;  width:80px; padding:5px 0; margin-left:10px; text-align: center; font-size: 14px; background-size: 10px; background-color:#002060; color:#fff; border-radius: 20px;}
}
::placeholder {
	color: #6F6F6F!important;
}

#mainVisual .swiper-slide a:focus {position:relative; outline:none; outline-width:0px;}
#mainVisual .swiper-slide a:focus:before {content:""; display:block; position:absolute; top:2px; left:2px; width:calc(100% - 4px); height:calc(100% - 4px); outline:1px dashed #000000; outline-width:2px;}
*:focus {outline:1px dashed #000000; outline-width:2px;}

/*
.popup-wrap.myPop .popup-close {position:absolute; top:0px; right:0px; text-align:center; padding:20px 20px; font-size:1.5rem; width:auto;}
*/
.popup-wrap.layer_area .popup-close {position:absolute; top:0px; right:0px; text-align:center; padding:20px 20px; font-size:1.5rem;}
#container_wr .popup-wrap.myPop .popup-close {position:absolute; top:0px; right:0px; text-align:right; padding:20px 20px; font-size:1.5rem;}

#cmmnAlert {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1500;
}
#cmmnAlert .btn-wrap .btn.btn-save:focus {outline:1px dashed #000000; outline-width:2px;}