@charset "utf-8";
/* font */
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight: 400;
	src:url('./font/NotoSansCJKkr-Light.eot');
	src:local('※'),
		url('./font/NotoSansCJKkr-Light.woff') format('woff'),
		url('./font/NotoSansCJKkr-Light.woff2') format('woff2'),
		url('./font/NotoSansCJKkr-Light.otf') format('opentype');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight: 500;
	src:url('./font/NotoSansCJKkr-Regular.eot');
	src:local('※'),
		url('./font/NotoSansCJKkr-Regular.woff') format('woff'),
		url('./font/NotoSansCJKkr-Regular.woff2') format('woff2'),
		url('./font/NotoSansCJKkr-Regular.otf') format('opentype');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight: 600;
	src:url('./font/NotoSansCJKkr-Medium.eot');
	src:local('※'),
		url('./font/NotoSansCJKkr-Medium.woff') format('woff'),
		url('./font/NotoSansCJKkr-Medium.woff2') format('woff2'),
		url('./font/NotoSansCJKkr-Medium.otf') format('opentype');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight: 900;
	src:url('./font/notokr-Bold.eot');
	src:local('※'),
		url('./font/notokr-Bold.woff') format('woff'),
		url('./font/notokr-Bold.woff2') format('woff2'),
		url('./font/notokr-Bold.otf') format('opentype');
}
@font-face{
	font-family:"NanumGothic";
	src:url('./font/NanumGothic.eot');
	src:url('./font/NanumGothic.eot') format('embedded-opentype'),
	url('./font/NanumGothic.woff') format('woff'),
	url('./font/NanumGothic.ttf') format('truetype');
}
/* font */
*{margin: 0;padding: 0;text-decoration: none;list-style: none;color: #000;font-size: 16px;font-weight: 500;font-family: "NotoSans";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin: 0;padding: 0;word-wrap: break-word;word-break: break-all;font-style: normal;}
ul, li, p, label, span, strong, a, i{font-size: inherit;color: inherit;font-family: inherit;font-style: normal;}
body, html{width: 100%;height: 100%;}
input,select{box-sizing: border-box;}
input,select,img,label{vertical-align: middle;}
select{height:33px;border: 1px solid #e5e5e5;padding-left: 5px;padding-right:30px;background: url('../images/sub/select-bg.gif') no-repeat right 10px center #fff !important;word-wrap: break-word;appearance: none; -moz-appearance: none;-webkit-appearance: none;-ms-appearance: none;}
a{display: inline-block;}
img{border: 0;max-width:100%;}
strong{font-weight: 600;}
textarea{resize: none;width:calc(100% - 40px);padding:20px;border:1px solid #e5e5e5;overflow-y:auto;}
table{border-collapse: collapse;width: 100%;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}


.float-left{float: left !important;}
.float-right{float: right !important;}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

.pd0{padding:0 !important;}
.pd5{padding:5px !important;}
.pd10{padding:10px !important;}
.pd20{padding:20px !important;}
.pd30{padding:30px !important;}
.pd40{padding:40px !important;}
.pd50{padding:50px !important;}

.pdt0{padding-top:0 !important;}
.pdt10{padding-top:10px !important;}
.pdt20{padding-top:20px !important;}
.pdt30{padding-top:30px !important;}
.pdt40{padding-top:40px !important;}
.pdt50{padding-top:50px !important;}
.pdt60{padding-top:60px !important;}
.pdt70{padding-top:70px !important;}
.pdt80{padding-top:80px !important;}
.pdt90{padding-top:90px !important;}

.pdl0{padding-left:0 !important;}
.pdl10{padding-left:10px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}
.pdl40{padding-left:40px !important;}
.pdl50{padding-left:50px !important;}
.pdl60{padding-left:60px !important;}
.pdl70{padding-left:70px !important;}
.pdl80{padding-left:80px !important;}
.pdl90{padding-left:90px !important;}

.pdb0{padding-bottom:0 !important;}
.pdb10{padding-bottom:10px !important;}
.pdb20{padding-bottom:20px !important;}
.pdb30{padding-bottom:30px !important;}
.pdb40{padding-bottom:40px !important;}
.pdb50{padding-bottom:50px !important;}
.pdb60{padding-bottom:60px !important;}
.pdb70{padding-bottom:70px !important;}
.pdb80{padding-bottom:80px !important;}
.pdb90{padding-bottom:90px !important;}

.mg0{margin:0;}
.mgt0{margin-top:0 !important;}
.mgt10{margin-top:10px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}
.mgt60{margin-top:60px !important;}
.mgt70{margin-top:70px !important;}
.mgt80{margin-top:80px !important;}
.mgt90{margin-top:90px !important;}

.mgb0{margin-bottom:0 !important;}
.mgb10{margin-bottom:10px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb40{margin-bottom:40px !important;}
.mgb50{margin-bottom:50px !important;}
.mgb60{margin-bottom:60px !important;}
.mgb70{margin-bottom:70px !important;}
.mgb80{margin-bottom:80px !important;}
.mgb90{margin-bottom:90px !important;}

.mgl0{margin-left:0 !important;}
.mgl10{margin-left:10px !important;}
.mgl20{margin-left:20px !important;}
.mgl30{margin-left:30px !important;}
.mgl40{margin-left:40px !important;}
.mgl50{margin-left:50px !important;}
.mgl60{margin-left:60px !important;}
.mgl70{margin-left:70px !important;}
.mgl80{margin-left:80px !important;}
.mgl90{margin-left:90px !important;}
.mgr0{margin-right:0 !important;}

.checkList{margin-top:5px;}
.checkList > span.int{display: inline-block;position: relative;margin: 2px 10px 2px 0;}
.checkList > span.int:last-child{margin-right: 0;}
.checkList > span.int > input{position: absolute;left: 0;top: 0;opacity: 0;width: 0;height: 0;}
.checkList > span.int > label{display: block;font-size: 17px;padding-left:20px;background: url('../images/sub/bg-check.gif') no-repeat left center;background-size:18px;}
.checkList > span.int > input:checked + label{background: url('../images/sub/bg-check-on.gif') no-repeat left center;background-size:18px;}
.radioList > span.int{display: inline-block;position: relative;min-height: 18px;margin: 2px 10px 2px 0;}
.radioList > span.int:last-child{margin-right: 0;}
.radioList > span.int > input{position: absolute;left: 0;top: 0;opacity: 0;width: 0;height: 0;}
.radioList > span.int > label{display: block;font-size: 15px;padding-left: 20px;color:#666666;background: url('../images/sub/bg-radio.gif') no-repeat left center;}
.radioList > span.int > input:checked + label{background: url('../images/sub/bg-radio-on.gif') no-repeat left center;}


.warp{position: relative;}
#logo-box{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;background:#FFF;text-align:center;-webkit-animation-name: logo-box;-webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: 1;opacity: 0;}
.logo{position:absolute;top:55%;left:50%;text-align:center;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%); width:350;height:350px}
.resume-hide {display:none}
.section.item-1,.section.item-2,.section.item-3,.section.item-4,.section.item-6 {overflow: hidden;}
.resume {position:fixed;right:0;left:0;z-index:10;border:none;}
.menu-box{position:fixed;z-index:2;left:30px;top:40px;padding-top:53px;width:50px;}
.menu-box .nav-logo{height: 53px;position: fixed;top: 40px;}
.header-btn{margin-top:40px;}
.header-btn .close{display:none !important;}
.header-btn.on .menu{display:none !important;}
.header-btn.on .close{display:inline-block !important;}
.nav-box{margin-top:30px;margin-bottom:20px;display:inline-block}
#header img{border-right: 20px solid transparent;}
#header i.icon {margin-bottom:20px;}
#header .icon {display: inline-block;width:28px;overflow: hidden;}
#header a:hover .icon > .icon {position: relative;left:-28px;border-right: 28px solid transparent;-webkit-filter: drop-shadow(#f2e69f 28px 0);filter: drop-shadow(#f2e69f 28px 0);}
#gnb{/*width:50vw;*/width:400px;max-width:750px;height:100vh;background:#514947;position:fixed;left:-50vw;top:0;z-index:1;overflow: auto;}
#gnb .close{display:none;}
.gnb-depth1::-webkit-scrollbar {width:2px;height:10px;}
.gnb-depth1::-webkit-scrollbar-track {background:rgb(239,239,239);border-radius:2px;}
.gnb-depth1::-webkit-scrollbar-thumb {background:#bfbfbf;border-radius:2px;}
.gnb-depth1::-webkit-scrollbar-thumb:hover {background:#333;}
.gnb-depth1::-webkit-scrollbar-corner {background:#179a16;}
.gnb-depth1{margin-top:120px;height:calc(100vh - 330px);overflow: auto;margin-left: 80px;}
.gnb-depth1 > li{width:100%;display:block;margin-bottom:30px;}
.gnb-depth1 > li > a{color: #fff;font-size:25px;background:url(../images/depth1bg.gif) no-repeat right center;font-weight:600;display:inline-block;padding-right:30px;}
.gnb-depth1 > li > a:hover{color: #fff3a6;}
.gnb-depth1 > li > .gnb-depth2{display: none;margin-top:20px;}
.gnb-depth1 > li > .gnb-depth2 > li{margin-bottom:10px;}
.gnb-depth1 > li > .gnb-depth2 > li > a{color: #a9a3a3;font-size:20px;font-weight:600;} 
.gnb-depth1 > li > .gnb-depth2 > li > a:hover,.gnb-depth1 > li > .gnb-depth2 > li > a:focus{color: #fff;} 
.gnb-depth1 > li > a.on{color: #fff3a6;background:url(../images/depth1bg-on.gif) no-repeat right center;}
.m-link ul > li{display:inline-block;margin-right:10px;}
.m-link a{color:#fff;}
.m-link a:hover, .m-link a:focus{color:#fef2a6;}.m-header-btn{display:none;}
.m-menu-bg.on .icon > .icon {display:block;}
.footer{position:absolute;bottom:0;right:0;padding:40px;max-width:450;}
.footer *{color:#fff;letter-spacing:-1px;font-size:14px;line-height:20px;}
.footer span{display: inline-block;padding:0 5px;}
.footer i{display: block;margin-bottom: 5px;}
.footer .txt1{padding-top:10px;}

/* 20200807 */
.gnb-depth1 .title-sub {font-size:16px; padding-left:5px;}
.gnb-depth1 .subtitle-sub {font-size:14px; padding-left:5px;}

.my-page-btn.on .icon > .icon {position: relative;left:-28px;border-right: 28px solid transparent;-webkit-filter: drop-shadow(#f2e69f 28px 0);filter: drop-shadow(#f2e69f 28px 0);}
.my-page-menu{display:none;}
.my-page-menu.on{display:block;}
.my-page-menu .gnb-depth1 > li > a{padding-right:0;width:200px;background:none;}
.my-page-menu  a.login-out{display:block;border:2px solid #fff;text-align:center;padding:5px; width: 150px;}
.my-page-menu  a.login-out > span{display:inline-block;color:#fff;font-size:25px;padding-right:30px;background:url(../images/login-out.gif) no-repeat right center;}
@-webkit-keyframes logo-box {
	0% {opacity: 1;z-index:9999999999999999999999;}
	70% {opacity: 1;top:0;z-index:9999999999999999999999;}
	80% {opacity: 0.9;z-index:9999999999999999999999;}
	100% {opacity: 0;top:-100vh;z-index:9999999999999999999999;}
}
@-webkit-keyframes item-1-left {
	0% {opacity: 0;}
	5% {opacity: .5;}
	10% {opacity: 1;}
}


/* 20200717 */
.sns-box{overflow:hidden;width: 100%;padding: 10px 40px 0 68px;box-sizing: border-box;position: relative;z-index: 1; bottom:20px;}/*20200812*/
.sns-box a{margin:0 10px;}
.sns-box a img{border-right:0 !important;}


/* //20200713 */








@media screen and (max-width: 1024px){
	#header{background:#7f7f7f;padding:20px;width: calc(100% - 40px); position: fixed; z-index: 9999;}
	#header img{border-right:0;}
	#header:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
	#header .nav-logo img{height:40px;}
	.nav-logo{float:left;}
	.menu-box{position:static;padding-top:0;width:auto;}
	.nav-box{display:none;}
	.header-btn{float:right;margin-top:10px;}
	#gnb{width:460px;padding:0 20px;max-width:100%;height:100%;background:#514947;position:fixed;left:auto;top:0;right:-500px;z-index:2;left: auto !important;}
	#gnb .close{display:inline-block;margin:25px 20px 40px 0;}
	.gnb-depth1{float:none;margin:0;height:auto;}
	.gnb-depth1 > li{width:100%;display:block;margin-bottom:20px;}
	.gnb-depth1 > li > a{color: #fff;font-size:22px;}
	.gnb-depth1 > li > .gnb-depth2 > li > a{color: #a9a3a3;font-size:16px;font-weight:600;} /* 20200812 */
	.gnb-depth1 .subtitle-sub {font-size:12px; padding-left:5px;}/* 20200812 */
	.m-header-btn{display:block;margin:50px 0;border:1px solid #fff;border-right:0;border-bottom:0;}
	.m-header-btn > ul{display:table;width:100%;}
	.m-header-btn > ul > li{display:table-cell;text-align:center;border-right:1px solid #fff;border-bottom:1px solid #fff;}
	.m-header-btn > ul > li a{color:#fff;padding:10px 5px;display:block;}
	.m-header-btn > ul > li a:hover,.m-header-btn > ul > li a:focus{color:#fef2a6;}
	.footer{position:static;padding:20px 0;max-width:100%;}
	.footer *{font-size:13px;}
	.sns-box{padding:0;}/* 20200713 */
	.sns-box a{margin:0;margin-right:20px;}/* 20200713 */
	.sns-box{bottom:0;}/*20200812*/
	.my-page-menu a.login-out > span {font-size:22px;} /* 20200810 */
	
}


@media screen and (max-width: 768px){
	.menu-box .nav-logo{top: 11px;}/*2020-07-30*/
	#gnb{width:270px;right:-310px;}
	#header i.icon{margin-bottom:5px;}
	.footer{padding:15px 0 20px 0;}
	.m-link{border-bottom:1px solid #fff;padding-bottom:20px;}
	.m-link ul:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
	.m-link ul > li{display:block;margin-right:0;margin-bottom:5px;width:50%;float:left;}
	.footer i{display:block;margin-bottom:5px;}
	.footer span{display:none;}
}