@charset "UTF-8";
.header-top.mo {padding:0 20px;}
.inner {display:block;position:relative;width:100%;max-width:1200px;height:auto;margin:0 auto;padding:0;}
.contents {width:100%;padding-right:20px;}


.dimmed {display:none; position:fixed;width:100%;height:100%;left:0;top:0;z-index:9;background:rgba(0,0,0,.7);}
.popup {display:none;position:fixed;z-index:10;left:50vw;top:50vh;}
.popWrap {display:none;}
.popup.big {width:1180px;margin-left:-590px;}
.popup.small {width:540px;margin-left:-270px;}
.popup.commonPop {height:700px;margin-top:-350px;}
.popup.big.commonPop {box-shadow:none;}
/*error.html*/
.container .inner.error {padding:290px 0 238px 0;}
.container .inner.error h1 {text-align: center;font-size:26px;font-weight:500;color:#283444;}
.container .inner.error h2 {text-align: center;font-size:16px;font-weight:400;color:#59667d;line-height:1.63em;margin-top:38px;}
.container .inner.error .btnArea {display:inline-block;width:100%;text-align: center;margin-top:200px;}
.container .inner.error .btnArea > a {display:inline-block;width:120px;height:32px;line-height:32px;border-radius: 2px;margin:0 5px;font-size:14px;}

/*기본색상*/
.green {color:#0f99a0 !important;}
.yellow {color:#f7d624 !important;}
.red {color:#c04751 !important;}

/*버튼 스타일*/
.greenBtn {display:inline-block;background:#0f99a0;color:#fff;text-align: center;border-radius: 2px;}
.greyBtn {display:inline-block;background:#e5e7ec;color:#000;text-align: center;border-radius: 2px;}
.redBtn {display:inline-block;background:#c04751;color:#fff;text-align: center;border-radius: 2px;}
.redLineBtn {display:inline-block;background:#fff;color:#c04751;text-align: center;border:1px solid #c04751;border-radius: 2px;}
.redLineBtn:hover {display:inline-block;background:#f3dbdd;color:#c04751;text-align: center;border:1px solid #c04751;border-radius: 2px;}
.borderBtn {display:inline-block;background:#fff;color:#59667d;text-align: center;border:1px solid #dce3ee;border-radius: 2px;}
.borderBtn:hover {display:inline-block;background:rgba(0, 0, 0, 0.08);color:#59667d;text-align: center;border:1px solid #dce3ee;border-radius: 2px;}
.greenLineBtn {display:inline-block;background:#fff;color:#0f99a0;text-align: center;border:1px solid #0f99a0;border-radius: 2px;}
.greenLineBtn:hover {display:inline-block;background:#d1eaeb;color:#0f99a0;text-align: center;border:1px solid #0f99a0;border-radius: 2px;}
.btnArea {display:block;width:100%;text-align: center;margin:28px auto 48px auto;}
.btnArea button {display:inline-block;width:120px;height:32px;border-radius:2px;font-size:14px;border:none;cursor: pointer;margin:0 5px;}
.btnArea button:focus {outline:none;} 

button {cursor:pointer;}

/*input-type*/
input[type="text"] {font-size:14px;border:1px solid #dce3ee;border-radius: 2px;padding:0 8px;}
input[type="text"]:focus {outline:1px solid #0f99a0;}
input.round:not(old) {margin:0;padding:0;opacity:0;background:url(../img/ico/kth-btn-sc-radio-nor.png) no-repeat center left;width:0;}
input.round:not(old) + label {margin:0;display:inline-block;padding-left:26px;background:url(../img/ico/kth-btn-sc-radio-nor.png) no-repeat center left;background-size:18px 18px;} 
input.round:not(old):checked + label {background:url(../img/ico/kth-btn-sc-radio-sel.png) no-repeat center left;background-size:18px 18px;} 


select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/ico/kth-input-btn-drop-down.png) no-repeat center right 8px;padding:0 8px;border-radius: 2px;border:1px solid #dce3ee;font-size:14px;} 
select::-ms-expand { display: none; }
.selectBox {display:inline-block;position:relative;height:32px;line-height:30px;background: url(../img/ico/kth-input-btn-drop-down.png) no-repeat center right 8px;padding:0 28px 0 8px;border-radius: 2px;border:1px solid #dce3ee;font-size:14px;cursor:pointer;}
.selectBox > a {font-size:14px;color:#000;}
.selectBox > a.pHolder {font-size:14px;color:#a8adb3}
.selectBox.disabled {pointer-events: none;cursor:default;background:#f3f5f8 url(../img/ico/kth-input-btn-drop-down-disabled.png) no-repeat center right 8px;}
.selectBox.disabled > a {color:#a8adb3;}
.selectBox.on {background: url(../img/ico/kth-input-btn-drop-up.png) no-repeat center right 8px;border:1px solid #0f99a0;}

.selectBox .selectCont {display:none; position:absolute;width:100%;max-height:180px;overflow-y: auto;;background:#fff;border-radius:0 0 2px 2px;left:0;top:31px;z-index:2;padding:4px 0;box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.2);z-index:3;}
.selectBox .selectCont a {position:relative;display:block;;width:100%;background:#fff;padding:0 8px;line-height:38px;height:38px;}
.selectBox .selectCont a.selected {color:#0f99a0;font-weight:500;}
.selectBox .selectCont a:hover {background:#f1f2f3;}
 

textarea {resize:none;font-size:14px;}
textarea:focus {outline:1px solid #0f99a0;}

header {display:block;width:100%;height:80px;position:fixed;background:none;left:0;top:0;z-index:4;}


header .background {display:block;width:100%;height:0;;background:rgba(255,255,255,0.8);position:absolute;top:80px;left:0;}
header .background.border {border-bottom:1px solid #ddd;}
header .inner .logo {float:left;display:block;margin-top:27px;width:158px;height:28px;background:url(../img/top_logo.png) no-repeat center;}
header .inner .menuWrap {float:right;display:block;height:100%;width:auto;}
header .inner .menuWrap > ul > li {display:inline-block;float:left;width:140px;height:79px;}
header .inner .menuWrap > ul > li a.menu-item {display:block;height:100%;width:100%;padding-top:27px;color:#fff;font-size:17px;line-height:17px;font-weight:700;text-align: center;}

header.sub {background:#fff;border-bottom:1px solid #444640;}
header.sub .inner .logo {float:left;display:block;margin-top:27px;width:158px;height:28px;background:url(../img/top_logo_color.png) no-repeat center;}
header.sub .inner .menuWrap > ul > li a.menu-item {display:block;height:100%;width:100%;padding-top:27px;color:#1e2303;font-size:17px;line-height:17px;font-weight:700;text-align: center;border-bottom:5px solid #fff;}
header.sub .inner .menuWrap > ul > li.on a.menu-item {border-bottom:5px solid #00722d;color:#00722d}

.subMenu {display:block;height:0;margin-top:1px;padding:00px 18px;overflow: hidden;}
.subMenu:hover {background:#05301d;}
.subMenu > ul > li {display:block;}
.subMenu > ul > li .sub-item {font-size:12px;color:#1e2303;line-height:19px;letter-spacing:-0.0025em;position:relative;}
.subMenu > ul > li .sub-item.third {font-size:11px;color:#1e2303;line-height:16px;letter-spacing: -0.33px;padding-left:6px;font-weight:400;}
.subMenu > ul > li .sub-item.third::before {content:'';position:absolute;left:0;top:6px;width:3px;height:3px;border-radius: 50%;background:#1e2303;}
.sub-item:hover {color:#a1c91d !important;}


header.on {background:#fff;border-bottom:1px solid #444640;}
header.on .inner .logo {background:url(../img/top_logo_color.png) no-repeat center;}
header.on .inner .menuWrap > ul > li a.menu-item {color:#1e2303;font-size:17px;;font-weight:800;display:block;width:100%;border-bottom:5px solid #fff;}
header.on .inner .menuWrap > ul > li.on a.menu-item {border-bottom:5px solid #00722d;color:#00722d}
header.on .inner .menuWrap > ul > li.on .subMenu {background:#05301d;}
header.on .inner .menuWrap > ul > li.on .subMenu .sub-item {color:#fff;}
header.on .inner .menuWrap > ul > li.on .subMenu .sub-item.third::before {content:'';position:absolute;left:0;top:6px;width:3px;height:3px;border-radius: 50%;background:#fff;}

.mo {display:none !important;}
.menu_btn {display:none;}

.goTop {position:absolute;bottom:45px;right:45px;width:50px;height:50px;background:url(../img/ico/ico_gotop.png) no-repeat center;z-index:999;}
.scroll {position:absolute;bottom:45px;right:50%;margin-right:-51px;width:102px;height:51px;background:url(../img/ico/ico_scroll.png) no-repeat center;animation-name: scrollBtn;animation-duration: 1.5s; animation-iteration-count: infinite;}
.scroll2 {background:url(../img/ico/ico_scroll_main.png) no-repeat center;z-index:2;}

@keyframes scrollBtn {
	0% {
		margin-bottom:15px;
	}
	25% {
		margin-bttom:7px;
	}
	
	50% {
		margin-bottom:0;
	}
	75% {
		margin-bottom:7px;
	}
	100% {
		margin-bottom:15px;
	}
}

footer {display:block;width:100%;background:#121518;height:100px;padding-top:33px;position:relative;}
footer .inner * {color:#9fa0a0;font-size:15px;font-weight:300;line-height:19px;}
footer .inner p {display:block;float:left;}
footer .inner p * {display:inline-block;}
footer .inner p .bar {padding-right:13px;position:relative;margin-right:7px;}
footer .inner p .bar::after {content:'';width:1px;height:11px;position:absolute;right:0;top:4px;background:#838485;}
footer .inner p .copyright {display:block;}
footer .inner .footer-logo {display:block;float:right;margin-top:5px;}


@media screen and (min-width:769px)  and (max-width:1024px) { 
	header .inner .menuWrap > ul > li {width:112px;}
	header.sub .inner .menuWrap > ul > li a.menu-item {display:block;height:100%;width:100%;padding-top:27px;color:#1e2303;font-size:15px;line-height:17px;font-weight:700;text-align: center;border-bottom:5px solid #fff;}
	header .inner .menuWrap > ul > li a.menu-item {display:block;height:100%;width:100%;padding-top:30px;color:#fff;font-size:15px;line-height:17px;font-weight:700;text-align: center;}
	header.on .inner .menuWrap > ul > li a.menu-item {color:#1e2303;font-size:15px;;font-weight:800;display:block;width:100%;border-bottom:5px solid #fff;}
	.subMenu {display:block;height:0;margin-top:1px;padding:00px 10px;overflow: hidden;}
	
	footer {height:auto;padding:33px 20px;}
	footer .inner .footer-logo {float:left;clear:both;}
	footer .inner p {clear:both;margin-top:20px;}
	.scroll {display:none;}
}


@media screen and (max-width:768px) { 
	.goTop {position:fixed;bottom:15px;right:15px;width:30px;height:30px;background:url(../img/ico/ico_gotop.png) no-repeat center;background-size:30px 30px;z-index:999;}
	.scroll {display:none;}
	header {display:block;width:100%;height:50px;position:fixed;background:#fff;left:0;top:0;z-index:10;border-bottom:1px solid #444640}
	header .background {display:none;}
	header .inner .logo {float:left;display:block;margin-top:11px;margin-left:10px;width:126px;height:28px;background:url(../img/top_logo_color.png) no-repeat center;background-size:100% auto;}
	header .inner .menuWrap {display:block;position:fixed;width:100vw;height:100vh;left:0;top:-100vh;background:#fff;z-index:99 !important;overflow-y: auto !important;float:none;}
	header .inner .menuWrap > ul {padding-bottom:50px;}
	header .inner .menuWrap > ul > li {display:block;width:100%;float:none;min-height:50px;height:auto;padding:0 30px;border-bottom:1px solid #eaeaea;background:url(../img/ico/ico_vol_plus.png) no-repeat top 6px right 12px;}
	header .inner .menuWrap > ul > li.open {background:url(../img/ico/ico_vol_minus.png) no-repeat top 6px right 12px;}
	header .inner .menuWrap > ul > li a.menu-item {display: block; height: 100%; width: 100%; padding-top: 14px; color: #222; font-size: 17px; line-height: 17px; font-weight:800; text-align: left;}


	.subMenu {display:none;height:auto;margin-top:1px;padding:10px 18px;overflow: hidden;position:relative;}
	.subMenu:hover {background:#fff;}
	.subMenu > ul > li {display:block;position:relative;padding:5px 0;}
	.subMenu > ul > li .sub-item {font-size:14px;color:#1e2303;line-height:20px;letter-spacing:-0.0025em;position:relative;}
	.subMenu > ul > li.on .sub-item {color:#00722d;}
	.subMenu > ul > li .sub-item.third {font-size:13px;color:#1e2303;line-height:16px;letter-spacing: -0.33px;padding-left:6px;font-weight:400;}
	.subMenu > ul > li .sub-item.third::before {content:'';position:absolute;left:0;top:6px;width:3px;height:3px;border-radius: 50%;background:#1e2303;}

	header.on {background:#fff;border-bottom:1px solid #444640;}
	header.on .inner .logo {float:left;display:block;margin-top:11px;margin-left:10px;width:126px;height:28px;background:url(../img/top_logo_color.png) no-repeat center;background-size:100% auto;}
	header.on .inner .menuWrap > ul > li a.menu-item {border-bottom:none;}
	header.on .inner .menuWrap > ul > li.on a.menu-item {border-bottom:none;color:#222}
	header.on .inner .menuWrap > ul > li.on .subMenu {background:#fff;}
	header.on .inner .menuWrap > ul > li.on .subMenu .sub-item {color:#222;}
	header.on .inner .menuWrap > ul > li.on .subMenu .sub-item.third::before {content:'';position:absolute;left:0;top:6px;width:3px;height:3px;border-radius: 50%;background:#fff;}
	
	
	header.sub {background:#fff;border-bottom:1px solid #444640;}
	header.sub .inner .logo {float:left;display:block;margin-top:11px;margin-left:30px !important;width:126px;height:28px;background:url(../img/top_logo_color.png) no-repeat center;background-size:100% auto;}
	header.sub .inner .menuWrap > ul > li a.menu-item {display: block; height: 100%; width: 100%; padding-top: 14px; color: #222; font-size: 17px; line-height: 17px; font-weight:800; text-align: left;}
	header.sub .inner .menuWrap > ul > li.open .menu-item {display: block; height: 100%; width: 100%; padding-top: 14px; color: #00722d; font-size: 17px; line-height: 17px; font-weight:800; text-align: left;border-bottom:none;}
	
	.pc {display:none !important;}
	.mo {display:block !important;}
	footer {height:auto;padding:33px 10px;}
	footer .inner .footer-logo {float:left;clear:both;}
	footer .inner p {clear:both;margin-top:20px;}
	footer .inner * {color:#9fa0a0;font-size:12px;font-weight:300;line-height:18px;}

	header.sub .menu_btn {display:block;margin-right:20px;}
	.menu_btn {display:block;position:relative;width:12%;max-width:50px;height:auto;margin-top:15px;z-index:9999;text-align:center;float:right;cursor:pointer;}
	.hamburger {
		display:block;
		position:relative;
		overflow: hidden;
	}
	.hamburger .line{
		width: 20px;
		min-width:20px;
		height: 3px;
		background-color: #02732f;
		display: block;
		margin: 2px 0;
		float:right;
		clear:both;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}


	#hamburger-1.is-active .line:nth-child(2) {
		opacity: 0;
	}

	#hamburger-1.is-active .line:nth-child(1) {
		-webkit-transform: translateY(5px) rotate(45deg);
		-ms-transform: translateY(5px) rotate(45deg);
		-o-transform: translateY(5px) rotate(45deg);
		transform: translateY(5px) rotate(45deg);
	}

	#hamburger-1.is-active .line:nth-child(3) {
		-webkit-transform: translateY(-9px) rotate(-45deg);
		-ms-transform: translateY(-9px) rotate(-45deg);
		-o-transform: translateY(-9px) rotate(-45deg);
		transform: translateY(-9px) rotate(-45deg);
	}
	
	
	
}