@font-face {
  font-family: NanumGothic;
  src: url('/fonts/NanumGothic.woff') format('woff');
  font-weight: normal;
}
@font-face {
  font-family: NotoSansKR;
  src: url('/fonts/NotoSansKR-Thin.woff') format('woff');
  font-weight: 100;
}
@font-face {
  font-family: NotoSansKR;
  src: url('/fonts/NotoSansKR-Regular.woff') format('woff');
  font-weight: normal;
}
@font-face {
  font-family: NotoSansKR;
  src: url('/fonts/NotoSansKR-Medium.woff') format('woff');
  font-weight: 600;
}
@font-face {
  font-family: NotoSansKR;
  src: url('/fonts/NotoSansKR-Bold.woff') format('woff');
  font-weight: 800;
}
@font-face {
  font-family: NotoSansKR;
  src: url('/fonts/NotoSansKR-Black.woff') format('woff');
  font-weight: 900;
}
    

* {margin: 0; padding: 0; font-size: 14px; line-height: 1.5; font-family: 'NotoSansKR', 'NanumGothic'; box-sizing: border-box; letter-spacing: -0.5px;}
ul, ol {list-style: none;}
a {text-decoration: none; color: inherit;}
table {border-collapse: collapse;}
table caption {width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden;}

#wrap {width: 100%; font-family: 'NotoSansKR', 'NanumGothic';}
.cont_wrap {width: 1200px; margin: 0 auto;}

.cont_wrap h3 {font-size: 24px; line-height: 1.2;}
.cont_wrap h3 > p {margin-top: 10px; font-size: 15px; line-height: 1; font-weight: normal; color: #6b6b6b;}
	
.cont_w100 {display: inline-block; width: 100%;}
.cont_w25, .cont_w50, .cont_w75 {float: left; display: inline-block;}
.cont_w25 {width: 23.5%; margin-left: 2%;}
.cont_w50 {width: 49%;}
.cont_w75 {width: 74.5%; }
.f_left {float: left; display: inline-block;}
.f_right {float: right; display: inline-block;}
	
.header_wrap {width: 100%; font-size: 0; line-height: 0; font-family: 'NotoSansKR', 'NanumGothic'}
.header_top, .header_main, .header_sub {display: inline-block; width: 100%;}
/*.header_top {border-bottom: 1px solid #eee;}*/
.header_top .ul_topmenu, .sidenav_top .ul_topmenu {float: right; display: inline-block;}
.header_top .ul_topmenu > li, .sidenav_top .ul_topmenu > li {float: left; display: inline-block; margin-left: 7px;}
.header_top .ul_topmenu > li:first-child {margin-left: 0;}
.header_top .ul_topmenu > li:before, .sidenav_top .ul_topmenu > li:before {content: ''; display: inline-block; width: 1px; height: 12px; margin-right: 7px; vertical-align: middle; background: #ddd;}
.header_top .ul_topmenu > li:first-child:before, .sidenav_top .ul_topmenu > li:first-child:before {display: none;}
.header_top .ul_topmenu > li > a, .sidenav_top .ul_topmenu > li > a {font-size: 13px; line-height: 40px;}
	
.header_main {position: relative; border-bottom: 1px solid #eee;}
.header_main h1 {float: left; margin: 20px 90px 0 0; font-size: 28px; line-height: 1;}
.header_main h1 > a {display: inline-block;}
.header_main h1 > a > img {width: 100%; height: auto;}
.ul_mainmenu_wrap {float: left; display: inline-block; height: 95px;}
.header_main .ul_mainmenu {display: inline-block; width: 100%;}
.header_main .ul_mainmenu > li {float: left; display: inline-block; padding: 20px 0; margin-left: 40px;}
.header_main .ul_mainmenu > li:first-child {margin-left: 0;}
.header_main .ul_mainmenu > li > a {display: inline-block; width: 100%; font-size: 18px; line-height: 55px; font-weight: 600;}
	
.btn_allmenu, .btn_momenu {display: inline-block; width: 20px; height: 20px; font-size: 0; line-height: 1;}
.btn_allmenu {position: absolute; top: 40px; right: calc(50% - 600px);}
.btn_allmenu > span, .btn_momenu > span {display: inline-block; width: 100%; height: 3px; margin-top: 4px; line-height: 1; background: #1d1818;}
.btn_allmenu > span:first-child, .btn_momenu > span:first-child {margin-top: 0; background: #42b13a;}
	
.allmenu_wrap {position: fixed; top: 0; right: -100%; display: inline-block; width: 100%; height: 100%; background: #fff; z-index: 9999;}
.allmenu_top {position: relative; display: inline-block; width: 100%; height: 135px; border-bottom: 1px solid #eee;}
.allmenu_top h3 {position: absolute; top: 60px; left: calc(50% - 600px);}
.allmenu_top h3 > img {width: 100%; height: auto;}
.allmenu_top .btn_allmenu_close {position: absolute; top: 80px; right: calc(50% - 600px); display: inline-block; width: 22px; height: 22px;}
/*
.allmenu_cont ul {width: 100%; height: 55px; padding: 15px; border-bottom: 1px solid #f0f0f0;}
.allmenu_cont ul:hover {background: #f8f8f8;}
.allmenu_cont ul > li {float: left; display: inline-block; margin-right: 20px; padding-top: 0;}
.allmenu_cont ul > li:first-child {min-width: 140px; font-weight: 600;}
.allmenu_cont ul > li > a {position: relative; font-size: 16px;}
.allmenu_cont ul > li > a:hover {color: #2f8c28;}
.allmenu_cont ul > li > a:hover:after {content: ''; position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; height: 1px; background: #42b13a;}
.allmenu_cont ul > li:first-child > a:hover:after {display: none;}
*/
.allmenu_cont ul {float: left; display: inline-block; width: 25%; min-height: 240px; padding: 15px; border-bottom: 1px solid #f0f0f0;}
.allmenu_cont ul > li:first-child {min-width: 140px; font-weight: 600;}
.allmenu_cont ul > li > a {position: relative; font-size: 16px; line-height: 40px;}
.allmenu_cont ul > li > a:hover {color: #2f8c28;}
.allmenu_cont ul > li > a:hover:after {content: ''; position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; height: 1px; background: #42b13a;}
.allmenu_cont ul > li:first-child > a:hover:after {display: none;}

.sub_wrap {position: absolute; top: 95px; left: 0; display: block; width: 100%; height: 0; border-top: 1px solid #f0f0f0; background: #fff; overflow: hidden; z-index: 9; transition: all 0.5s;}
.sub_wrap.on {height: 180px; border-bottom: 1px solid #e5e5e5; transform: scale3d(1,1,1);}
.sub_wrap ol {float: left; display: inline-block; width: 16.5%; height: 180px; padding: 10px 0; padding-left: 2%; border-right: 1px solid #f0f0f0;}
.sub_wrap ol:first-child {border-left: 1px solid #f0f0f0;}
.sub_wrap ol:first-child, .sub_wrap ol:last-child {width: 17%;}
.sub_wrap ol:hover {border-color: #f0f0f0; background: #f8f8f8;}
/*.sub_wrap ol > li > a {position: relative; display: inline-block; font-size: 15px; line-height: 2.5;}*/
.sub_wrap ol > li > a {display: inline-block; font-size: 15px; line-height: 2.5;}
.sub_wrap ol > li > a:hover {font-weight: 500; color: #2f8c28;}
/*.sub_wrap ol > li > a:hover:after {content: ''; position: absolute; bottom: 8px; left: 0; display: inline-block; width: 100%; height: 1px; background: #42b13a;}*/

	
.site_section {height: 80px; border-top: 1px solid #e5e5e5; background: #fff;}
.site_section .cont_wrap {text-align: center;}
.site_section ul {display: inline-block; width: 100%; margin-top: 22px;}
.site_section ul > li {float: left; display: inline-block; margin-right: 45px;}
.site_section ul > li:first-child {margin-right: 55px; padding-top: 10px; text-align: left;}
.site_section ul > li:last-child {float: right; margin-right: 0;}
.site_section ul > li > a, .site_section ul > li > a > img {line-height: 1; vertical-align: middle;}

.footer_wrap {font-size: 0; line-height: 0; border-top: 1px solid #eee; background: #f8f8f8;}
.footer_wrap h3 {font-size: 0; line-height: 1;}
.footer_top {display: inline-block; width: 100%; background: #f0f0f0;}
.footer_top ul {}
.footer_top ul > li {position: relative; float: left; display: inline-block; margin-left: 15px; padding-left: 15px;}
.footer_top ul > li:after {content: ''; position: absolute; top: 14px; left: 0; width: 1px; height: 12px; background: #ccc;}
.footer_top ul > li:first-child {margin-left: 0; padding-left: 0;}
.footer_top ul > li:first-child:after {display: none;}
.footer_top ul > li > a {font-size: 14px; line-height: 38px;}
	
.footer_cont {padding: 20px 0;}
.footer_cont .f_left {width: calc(100% - 350px);}
.footer_cont .f_right > ul {display: inline-block; margin-top: 4px;}
.footer_cont > div {margin-top: 10px;}
.footer_cont ul li {float: left; display: inline-block; margin-left: 10px;}
.footer_cont ul li > a {display: inline-block; width: 46px; height: 46px;}
.footer_cont ol {margin-top: 5px; line-height: 1;}
.footer_cont ol > li {display: inline-block; width: 100%; line-height: inherit;}
.footer_cont ol > li > p, .footer_cont ol > li > p:first-child {float: left; display: inline-block; margin-top: 5px; margin-right: 15px; font-size: 13px; line-height: 1.2; color: #666;}
.footer_cont ol > li > p > span {margin-right: 5px; font-size: inherit; font-weight: 500; line-height: inherit; color: inherit;}
.footer_cont select {width: 326px; height: 40px; margin-top: 10px; border: 1px solid #ddd;}
	
.footer_quick {display: none; position: fixed; bottom: 0; left: 0; width: 100%; background: #333; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index: 2;}
.footer_quick ul > li {float: left; display: inline-block; width: 33%; margin: 7px 0; text-align: center;}
.footer_quick ul > li:nth-child(2) {width: 34%; border-left: 1px solid #555; border-right: 1px solid #555;}
.footer_quick ul > li > a {display: inline-block; min-width: 80px; padding: 0 10px; line-height: 1;}
.footer_quick ul > li > a > img {width: auto; height: 24px;}
.footer_quick ul > li > a > span {display: block; font-size: 12px; color: #eee;}

.pc_no { display:none !important;}
.mobile_only { display:none !important;}
.btn_momenu {position: fixed; top: 58px; right: 10px; z-index: 9;}
.btn_momenu_close {position: absolute; top: 50px; right: 10px;}
.menu_bg {position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: transparent; z-index: -1; transition: all 0.5s;}
.menu_bg.on {background: rgba(0, 0, 0, 0.3); z-index: 9;}
	
@media (max-width: 1200px) {
	.cont_wrap {width: 100%; padding: 0 10px;}
	.btn_allmenu {right: 0;}
	.allmenu_top .btn_allmenu_close {right: 0;}
	.allmenu_top h3 {left: 0;}
	.site_section {height: auto;}
	.site_section ul > li:first-child {width: 100%; margin-bottom: 20px;}
	.site_section ul > li:last-child {float: left;}
	.site_section ul > li {margin-right: 2%; margin-bottom: 2%;}
}
@media (max-width: 1023px) {
	.pc_only { display:none !important;}
	.mobile_only {display: block !important;}
	.header_wrap {position: fixed; top: 0; left: 0; background: #fff; z-index: 9;}
	.header_main {height: 60px;}
	.header_main h1 {margin: 10px 0 0 0 !important;}
	.header_main h1 > a, .footer_wrap h3 {width: 140px;}

	.container_wrap {margin-top: 100px;}
	.cont_wrap h3 {font-size: 22px;}
	.btn_allmenu {display: none;}
	.header_main .ul_mainmenu_wrap {float: none; position: fixed; top: 0; right: -100%; width: 50%; height: 100%; background: #fff; z-index: 99;}
	.header_main .ul_mainmenu {height: 100%;}
	.header_main .ul_mainmenu > li {float: none; width: 100%; margin-left: 0; padding-left: 20px; text-align: left;}
	.allmenu_wrap {overflow-y: auto;}
	.allmenu_top {display: block; height: 165px;}
	.allmenu_top h3 {top: 45px; left: 10px; width: 140px;}
	.allmenu_top .btn_allmenu_close {top: 52px; right: 15px;}
	.allmenu_cont ul {width: 100%; height: 40px; min-height: auto; padding: 0;}
	.allmenu_cont ul > li {padding-left: 15px; border-bottom: 1px dotted #ddd;}
	.allmenu_cont ul > li:first-child {min-width: 100px; font-weight: normal;}
	.allmenu_cont ul > li > a {font-size: 15px;}
	.sidenav_top {display: inline-block; width: 100%; padding: 0 10px; background: #f8f8f8;}
	.sidenav_top .ul_topmenu > li > a {line-height: 32px;}
	.btn_moside {position: absolute; bottom: 7px; left: 10px; width: calc(100% - 20px); padding-top: 8px; border-top: 1px dotted #ddd;}
	.btn_moside > a {float: left; display: inline-block; width: 48%; text-align: center;}
	.btn_moside > a + a {margin-left: 4%;}
	.btn_moside > a > span {display: block;}
	
	.allmenu_cont ul.sidenav_main {float: left; display: inline-block; width: 40%; height: 100%; padding: 0; border-right: 1px solid #ddd;}
	.allmenu_cont ul.sidenav_main > li {height: 40px; padding-left: 20px; line-height: 40px; border-bottom: 1px solid #ddd; white-space: nowrap; overflow: hidden;}
	.allmenu_cont ul.sidenav_main > li > a {color: #333;}
	.allmenu_cont ul.sidenav_main > li.active, .allmenu_cont ul > li > a:hover:after {background: #5253ae;}
	.allmenu_cont ul.sidenav_main > li.active > a {color: #fff;}
	.allmenu_cont .sidenav_cont {height: calc(100vh - 165px);}
	.allmenu_cont .submenu_wrap {margin-left: 40%; height: 100%; overflow-y: auto;}
	.allmenu_cont ul.sidenav_sub {display: none; width: 100%; height: 100%;}
	.allmenu_cont ul.sidenav_sub.on {display: inline-block;}
	.allmenu_cont ul.sidenav_sub > li {height: 40px; line-height: 40px; font-size: 0.85em; border-bottom: 1px dotted #ddd; white-space: nowrap; overflow: hidden;}
	.allmenu_cont ul.sidenav_sub > li > a {font-size: 15px; color: #333;}	
	
	.footer_wrap h3 > img {width: 100%; height: auto;}
	.footer_cont .f_right > ul {margin-top: 0;}
	.footer_cont ul li > a {width: 36px; height: 36px; vertical-align: middle;}
	.footer_cont ul li > a > img {width: 100%; height: auto;}
/*
	.footer_quick {display: inline-block;}
	.footer_wrap .footer_cont {padding-bottom: 70px;}	
*/
}
@media (max-width: 768px) {
	.menu_bg {display: none;}
	.header_main .ul_mainmenu_wrap {width: 100%;}
	
	.cont_wrap h3 {font-size: 20px;}
	
	.site_section ul > li {margin-right: 3%; margin-bottom: 4%;}
	.site_section ul > li > a > img {width: auto; height: 28px;}
	
	.footer_cont .f_left {width: 100%;}
	.footer_cont .f_right {float: left; width: 100%; margin-top: 5px; line-height: 1;}
	.footer_cont p {word-break: keep-all;}
}
@media (max-width: 479px) {
	.footer_cont ul li > a {margin-top: 10px;}
	.footer_cont select {width: 100%;}
}