@charset "utf-8";



.skip_nav{display:none}

/*상단 common메뉴*/
.top_wrap{height:40px; border-bottom:1px solid #41434d; background:#2e3138;}
.top_wrap ul.top_link{float:left; display:block;}
.top_wrap ul.top_link li{float:left; height:40px; display:block;}
.top_wrap ul.top_link li a{display:block; color:#fff; font-size:14px; padding:0 15px; letter-spacing:-1px; line-height:38px; border-right:1px solid #41434d;}
.top_wrap ul.top_link li:first-child a{border-left:1px solid #41434d; color:#5a75cd; padding-left:35px; background:url(/kr/img/common/icon_home.gif) 10px 10px no-repeat}

.top_wrap ul.top_icon{float:right; display:block;}
.top_wrap ul.top_icon li{float:left; height:40px; display:block; line-height:38px; padding:0 4px;}
.top_wrap ul.top_icon li a{display:block; color:#fff; font-size:12px; letter-spacing:-1px; line-height:38px;}
.top_wrap ul.top_icon li img{vertical-align: middle;}
.top_wrap ul.top_icon .login { padding: 0 10px 0; background: url(/kr/img/common/l_line.gif) right 50% no-repeat}
.top_wrap ul.top_icon .lang {position: relative; padding: 0 0 0 5px;}
.top_wrap ul.top_icon .lang2 {position: relative; margin: 5px 0 0 0;}
.top_wrap ul.top_icon .lang .selected a {padding:0 20px 0 0; background: url(/kr/img/common/arow_bottom01.gif) right 50% no-repeat}
.top_wrap ul.top_icon .lang .list {display: none; position: absolute; top: 32px; left: -21px; right: -4px; padding: 0; background: #2f3139; z-index: 9999;}
.top_wrap ul.top_icon .lang .list li{width: 100%; height: 20px;}
.top_wrap ul.top_icon .lang .list li a {text-align: center; padding: 0; line-height:20px;}




.inner{position: relative; width: 100%; max-width: 1200px; margin: 0 auto;}

/*header*/
#header{position: relative; z-index: 1;}
#header h1{background: url(/nagan/common/img/2023080311081176667.png) no-repeat;width: 254px;height: 66px;position: absolute;/*left: 0;*/top: 52px;z-index: 10;}
#header h1 a{display: block; height: 66px;}

	hr.gnb-line {display: block;border: 0;border-bottom: 1px solid #e1e0df;margin: 0px;position: absolute;top: 160px;width: 100%;z-index: 10;}
	.gnb-bg {height: 45px;background: rgba(96, 26, 0, 0.9);position: absolute;z-index: 9;top: 160px;left: 0;width: 100%;}

	#nav {padding: 45px 0 0 0;margin-left: 425px;position: relative;}

	ul.gnb {width: 100%;}
	ul.gnb:after{content:'';display:block;clear:both;}
	ul.gnb>li {float: left;width: 20%;}
	ul.gnb>li>a{display: block;font-size:20px;padding: 10px 0 15px;font-weight: bold;height: 50px;text-align: right;}
	ul.gnb>li.on>a, ul.gnb>li>a:hover{color:#973917;}
	ul.gnb>li.on .depth02{display: block;width: 100%;}
	ul.gnb>li .depth02 {position: absolute;left: 0;top: 112px;padding: 15px 0;display: none;z-index: 10;}
	ul.gnb>li .depth02 ul>li{display:inline-block;margin: 0 10px;}
	ul.gnb>li .depth02 ul>li:last-child {margin-right: 0;}
	ul.gnb>li .depth02 ul>li>a{padding: 5px 0;display: block;color: #fff;}
	ul.gnb>li .depth02 ul>li:hover a{border-top:1px solid #fbbd00;border-bottom:1px solid #fbbd00; color:#fbbd00;padding:4px 0;transition:all .3s;}
	ul.gnb>li .depth02 ul>li:first-child>a{padding-left:0;}
	ul.gnb>li .depth02 ul>li:last-child>a{padding-right:0;}
	ul.gnb>li.m02 .depth02 {width: 1050px;left: -258px;}
	ul.gnb>li.m03 .depth02 {width: 600px;left: 259px;}
	ul.gnb>li.m04 .depth02 {width: 600px;left: 259px;}
	ul.gnb>li.m05 .depth02 {width: 600px;left: 175px;text-align: right;}


/*sub템플릿*/
#container.sub {padding-top: 44px;}
#container .page-path {border-bottom: 1px solid #ddd;}
#container .page-path .inner {padding: 13px 0 10px;font-size: 14px;color: #6f6f6f;}
#container .page-path span.home {background: url(/nagan/common/images/common/home.png) no-repeat;padding-left: 24px;}

.sub .inner:after{content:'';display:block;clear:both;}
.sub .left-menu {width: 220px;float: left;border: 1px solid #ddd;border-top: 0;border-bottom: 0;height: 100%;min-height: 960px;position: absolute;left: 0;top: 0;}
.sub .con-section {float: right;width: 920px;padding: 20px 0 40px;}
.sub .r-ico {position: absolute;height: 100%;right: -218px;width: 135px;background: #b2b2b2;}

/*오른쪽 아이콘*/
.sub .r-ico ul.ico{width: 80%;margin: 0 auto;font-size: 15px;}
.sub .r-ico ul.ico>li{padding: 10px 0;border-bottom: 1px solid #d9d9d9;position: relative;}
.sub .r-ico ul.ico>li>a{display:block;padding: 113px 0 0;text-align: center;color: #fff;}
.sub .r-ico ul.ico>li.ico01>a{background: url(/nagan/common/images/main/ico01.png) no-repeat center 10px;}
.sub .r-ico ul.ico>li.ico02>a{background: url(/nagan/common/images/main/ico02.png) no-repeat center 10px;}
.sub .r-ico ul.ico>li.ico03>a{background: url(/nagan/common/images/main/ico03.png) no-repeat center 10px;}
.sub .r-ico ul.ico>li.ico04>a{background: url(/nagan/common/images/main/ico04.png) no-repeat center 10px;}
.sub .r-ico ul.ico>li.ico05>a{background: url(/nagan/common/images/main/ico05.png) no-repeat center 10px;}
.sub .r-ico ul.ico>li.ico06>a{background: url(/nagan/common/images/main/ico06.png) no-repeat center 10px;}
.sub .r-ico ul.ico>li:last-child{border:none;}

/*왼쪽 메뉴*/
.left-menu >div.h2 {height:214px;}
.left-menu.sub01>div.h2 {background: url(/nagan/common/images/contents/h2-sub01.png) no-repeat;}
.left-menu.sub02>div.h2 {background: url(/nagan/common/images/contents/h2-sub02.png) no-repeat;}
.left-menu.sub03>div.h2 {background: url(/nagan/common/images/contents/h2-sub03.png) no-repeat;}
.left-menu.sub04>div.h2 {background: url(/nagan/common/images/contents/h2-sub04.png) no-repeat;}
.left-menu.sub05>div.h2 {background: url(/nagan/common/images/contents/h2-sub05.png) no-repeat;}
.left-menu.sub06>div.h2 {background: url(/nagan/common/images/contents/h2-sub06.png) no-repeat;}

.left-menu h2>span {font-size: 0;}
.left-menu .sub-menu {padding-top: 70px;width: 98%;margin: 0 auto;}
.left-menu .sub-menu>ul>li>a {display: block;border-bottom: 1px solid #ddd;padding: 10px;}
.left-menu .sub-menu>ul>li.on>a{border-bottom: 1px solid #601a00; color:#601a00;}


/* footer */
footer{position:relative; clear:both; display:block; height:190px; font-size: 14px; letter-spacing: -1px; margin:0; padding:0}

footer .link_wrap {position: relative;	height: 50px; line-height: 50px; background: #eee; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #d6d6d6;z-index: 50;}
footer .link_wrap .cnt {position: relative;}
footer .link_wrap a {color: #464c58;}
footer .link_wrap a:hover, .footer .link_wrap a:active {text-decoration: underline;}



footer .f_logo{display: inline-block; float: left; clear: both; padding: 24px 30px 0 0;}
footer .fl {float: left; text-align: left;}
footer .fr {float: right; text-align: right;}

footer .btm_menu {overflow: hidden; margin: 17px 0 0 0; font-size: 0;}
footer .btm_menu li {display: inline-block; vertical-align: top; line-height: 1.2;}
footer .btm_menu li:before {content: ''; display: inline-block; width: 1px; height: 9px; margin: 0 6px; vertical-align: middle; background: #c8c8c8;}
footer .btm_menu li:first-child:before {display: none;}
footer .btm_menu li a {font-size: 14px; color: #333; vertical-align: middle;}
footer .btm_menu li .point {color: #00569f;}
footer address {margin: 25px 0 6px; color: #333; font-size: 13px; letter-spacing: 0; line-height: 22px;}
footer address span {font-weight: bold;}
footer .copy {color: #555;	font-size: 13px; line-height: 1.35;}

footer .list_logo {display: inline-block;	margin: 34px 0 0 0;	font-size: 0; vertical-align: middle;}
footer .list_logo li {display: inline-block; margin: 0 0 0 5px; vertical-align: middle;}



footer .link_wrap .site_link {float: right; width: 570px; text-align:right; overflow:hidden}
footer .link_wrap .site_link a {color: #464c58; font-size: 14px; /*padding-right:17px; margin-right: 20px; background: url(/kr/img/common/arow_top01.gif) no-repeat right 4px*/}
footer .link_wrap .site_link span{display:inline-block; margin-left:10px;}
footer .link_wrap .site_link select{height:25px; padding: 0; font-size: 14px; color: #666; border: 1px solid #ddd;}
footer .link_wrap .site_link input{height:25px;}
footer .link_wrap .site_link .site_go01 select{width:100px;}
footer .link_wrap .site_link .site_go02 select{width:100px;}
footer .link_wrap .site_link .site_go03 select{width:100px;}
footer .link_wrap .site_link .site_go03 img{vertical-align: middle!important;}

footer .google{letter-spacing:-1px}
footer .google a{color:#44a7ff;}
footer .google{color:#555;font-size:13px;line-height:1.35}
.grecaptcha-badge {visibility: hidden;}

.bottom_etc{/* padding:2.4%; */background: #f7f7f7;margin: 60px 0 0;border-bottom: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;clear: both;}
.qrcode{padding: 20px 110px 20px 30px;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;font-weight:bold;position:relative;clear:both;background: #f7f7f7;line-height: 160%;}
.qrcode p.qr_title{margin:0;padding:0;background:none;}
.qrcode p.txtQrcode{padding:0;background:none;margin:10px;font-size:13px;font-weight:normal;letter-spacing:-1px;line-height: 150%;}
.qrcode a{display:block;position:absolute;right:10px;top:10px;border:1px solid #ccc;}
.qrcode div.qrZoom{position:absolute;right:-1px;top:-1px;border:1px solid #ccc;}

.research{margin: 10px 0 0 30px;}
.research div.researchCount{}
.research div.researchCount p.research_title{margin:0; padding:10px 0; font-weight:bold;}
.research div.researchCount form{margin:10px 20px;}
.research div.researchCount form ol{width:100%;display:inline-block;margin:0 0 10px 0;}
.research div.researchCount form ol li{float:left;margin-right:10px;}
.research div.researchCount form ol label {padding: 0 0 0 5px;}
.research div.researchCount form ul{display:inline-block;width:100%;}
.research div.researchCount form ul li{float:left;}
.research div.researchCount form ul li:first-child{width:86%;}
.research div.researchCount form ul li:first-child input{padding:5px;margin:0;height:33px;width:97%;border:1px solid #ccc;}
.research div.researchCount p.resultBtn{margin:20px 0;padding:0;background:none;width:100%;text-align:center;}

.ccl{padding:10px 20px;background-color:#dfdfdf;font-weight:bold;}
.ccl a{padding: 5px;background:#fafafa;display: inline-block;border:1px solid #bbb;margin-right:10px;}
.ccl p{margin:0;padding: 0 0 0 0;background:none;font-weight:normal;font-size:13px;letter-spacing:-1px;display: inline-block;vertical-align: top;line-height: 150%;}

.contentAdmin{padding:10px 20px;border-top: 1px solid #dfdfdf;}
.contentAdmin div.adminArea{width:100%;display:inline-block;}
.contentAdmin div.adminArea dl{margin:0;font-size:12px;letter-spacing:-1px;line-height:200%;}
.contentAdmin div.adminArea dl dt{display: inline-block; font-weight:bold; margin-right:5px; font-size:14px}
.contentAdmin div.adminArea dl dd {display: inline-block; margin-right: 30px;font-size:14px}

.updateButton button.btn_info {width: 100%; text-align:center;display: block;margin: 0 auto;border: 1px solid #999;background: #cccfd4;height: 30px;font-weight: bold;text-shadow: 1px 1px #fff;}

.mo_gnb_open{display:none}



.m_slide_img01{background: url(/nagan/common/img/2023080311452139021.jpg) center top no-repeat;}
.m_slide_img02{background: url(/nagan/common/img/2023080311452925666.jpg) center top no-repeat;}
.m_slide_img03{background: url(/nagan/common/img/2023080311453724173.jpg) center top no-repeat;}