@charset "utf-8";
#wrap {position:relative;}
#header {position:relative;z-index:100;}
#header .tnb {background:#202020;}
#header .tnb .inner {width:980px;height:41px;margin:0 auto;position:relative;}
#header .tnb ul {position:absolute;right:0;top:0;}
#header .tnb ul li {float:left;font-family:'맑은 고딕',malgun gothic,sans-serif;margin-left:10px;}
#header .tnb ul li > * {display:block;color:#a6a6a6;height:41px;line-height:41px;font-size:11px;}
#header .top {width:980px;height:100px;margin:0 auto;position:relative;}
#header .top .logo {position:absolute;font-size:0;top:0;left:-8px;}
#header .top .search {position:absolute;right:0;top:41px;width:174px;height:38px;background:url(../images/search.gif) no-repeat;}
#header .top .search .txt {height:38px;line-height:38px;text-indent:45px;display:block;width:100%;border:none;background:none;font-size:12px;}
#header .top .gnb {position:absolute;right:174px;top:20px;}
#header .top .gnb > li {float:left;position:relative;}
#header .top .gnb > li > a {display:block;height:80px;line-height:80px;font-size:16px;font-weight:600;color:#333;letter-spacing:-0.05em;padding:0 30px;}
#header .top .gnb li ul {position:absolute;top:100%;width:150px;left:50%;margin-left:-75px;height:0;transition:0.3s;overflow:hidden;opacity:0;}
#header .top .gnb li ul li {border:1px solid #2f3292;margin-top:-1px;}
#header .top .gnb li ul li:first-child {margin-top:0;}
#header .top .gnb li ul li a {display:block;font-size:13px;letter-spacing:-0.05em;color:#555;padding:10px 15px;background:#fff;word-spacing:-0.05em;}
#header .top .gnb li ul li:hover a,
#header .top .gnb li ul li.active a {color:#fff;background:#2e3192;}
#header .top .gnb > li:hover > a
#header .top .gnb > li.active > a {color:#2e3192;}
#header .top .gnb li:hover ul {height:auto;opacity:1;}

.sub #header {border-bottom:4px solid #2e3192;}


#vis {position:relative;height:459px;z-index:0;}
#vis .bx-wrapper {height:459px;overflow:hidden;}
#vis .vis {position:relative;overflow:hidden;}
#vis .vis img {display:block;position:relative;left:50%;margin-left:-1000px;}

#vis .bx-controls-direction a {position:absolute;z-index:100;display:block;width:30px;height:56px;top:50%;margin-top:-28px;text-indent:-9999px;}
#vis .bx-controls-direction .bx-prev {background:url(../images/vis-prev.png) no-repeat;left:5%;}
#vis .bx-controls-direction .bx-next {background:url(../images/vis-next.png) no-repeat;right:5%;}

#vis .btn {position:absolute;left:50%;margin-left:-159px;top:406px;width:649px;z-index:100;box-shadow:3px 3px 5px rgba(0,0,0,0.2)}
#vis .btn:after {content:"";display:block;clear:both;}
#vis .btn:before {
	content:"";
	display:block;
	width:36px;
	height:53px;
	position:absolute;
	left:-36px;
	top:0;
	background:url(../images/vis-edge.png) no-repeat;
}
#vis .btn a {display:block;float:left;}
#vis .btn a .on {display:none;}
#vis .btn a .off {display:block;}
#vis .btn a.active .on {display:block;}
#vis .btn a.active .off {display:none;}

#main {width:980px;margin:0 auto;position:relative;padding:50px 0 25px;}
#main:after {content:"";display:block;clear:both;}
#main .box {float:left;border:1px solid #dcdee2;}
#main .box .inner {padding:28px 23px 0;position:relative;}
#main .box .title {position:relative;}
#main .box .title h3 {font-size:17px;font-weight:600;color:#333;letter-spacing:-0.05em;}
#main .box .title .more {position:absolute;right:0;top:-7px;}
#main .box1 {width:482px;height:234px;background:url(../images/mbox1.gif) no-repeat 0 100%;}
#main .box1 .title p {margin-top:5px;}
#main .box1 .desc {position:absolute;left:183px;top:63px;}
#main .box1 .desc .con {text-align:center;width:129px;}
#main .box1 .desc .con p {margin-top:5px;letter-spacing:-0.05em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

#main .box1 .bx-pager {position:absolute;z-index:100;top:-30px;right:0}
#main .box1 .bx-pager .bx-pager-item {display:block;float:left;}
#main .box1 .bx-pager .bx-pager-item a {
	display:inline-block;
	margin-left:4px;
	width:7px;
	height:7px;
	background:#8f8f8f;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:50%;
	transition:0.3s;
}
#main .box1 .bx-pager .bx-pager-item a.active {background:#2e3192;}
#main .box2 {clear:both;margin-top:12px;width:234px;height:234px;}
#main .box2 .desc {margin-top:30px;}
#main .box2 .desc a {
	display:block;
	height:35px;
	line-height:35px;
	text-indent:12px;
	color:#fff;
	font-size:13px;
	font-weight:600;
	background:#6c6c6c url(../images/mbox-arrow.gif) no-repeat 100% 50%;
	margin-top:2px;
	border-radius:5px;
}
#main .box2 .desc a:first-child {margin-top:0;}
#main .box2 .desc a:hover {background:#2e3192 url(../images/mbox-arrow.gif) no-repeat 100% 50%;}

#main .box3 {margin-left:12px;margin-top:12px;width:234px;height:234px;}
#main .box3 .title p {margin-top:5px;}
#main .box3 .desc {margin:30px -7px auto;}
#main .box3 .desc:after {content:"";display:block;clear:both;}
#main .box3 .desc a {display:block;float:left;text-align:center;margin-left:10px;}
#main .box3 .desc a:first-child {margin-left:0;}
#main .box3 .desc a span {display:block;font-size:14px;color:#717171;letter-spacing:-0.05em;font-weight:600;}
#main .box4 {position:absolute;right:0;top:50px;width:482px;height:482px;}
#main .box4 .more {display:block;position:absolute;right:16px;top:26px;}
#main .box4 .ddakji {display:block;position:absolute;left:0;top:0;font-size:0;}
#main .box4 .con {padding-top:66px;text-align:center;}
#main .box4 .con dl {padding:0 50px;}
#main .box4 .con dl dd {
	margin-top:5px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:16px;
	letter-spacing:-0.05em;
}
#main .box4 .con dl dd strong {font-size:20px; color:#333;}
#main .box4 .con dl dd a {color:#333;}
#main .box4 .con .img {margin-top:35px;}

#main .box4 .bx-controls-direction a {position:absolute;z-index:100;display:block;width:47px;height:47px;top:273px;text-indent:-9999px;}
#main .box4 .bx-controls-direction .bx-prev {background:url(../images/mbox4-prev.gif) no-repeat;left:0;}
#main .box4 .bx-controls-direction .bx-next {background:url(../images/mbox4-next.gif) no-repeat;right:0;}


#main .element {float:left;border:1px solid #dcdee2;clear:both;margin-top:12px;overflow:hidden;}
#main .element .desc {float:left;width:489px;height:128px;background:#f9fafb;}
#main .element .desc2 {width:488px;border-left:1px solid #dcdee2;}
#main .element .desc .inner {padding:28px 26px 0;}
#main .element .desc .title {position:relative;margin-bottom:18px;}
#main .element .desc .title h3 {font-size:17px;font-weight:600;letter-spacing:-0.05em;color:#2e3192;}
#main .element .desc .title .more {position:absolute;right:0;top:3px;font-size:0;}
#main .element .desc1 .area dl {position:relative;padding-right:80px;font-size:13px;color:#858689;margin-top:10px;}
#main .element .desc1 .area dl:first-child {margin-top:0;}
#main .element .desc1 .area dl dt {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-0.05em;}
#main .element .desc1 .area dl dt a {color:#858689;}
#main .element .desc1 .area dl dd {position:absolute;right:0;top:0;}
#main .element .desc2 span {padding-left:10px;font-size:13px;font-weight:600;letter-spacing:-0.05em;}

#footer .top {border-bottom:1px solid #dcdee2;padding:22px 0;}
#footer .top .inner {width:980px;margin:0 auto;overflow:hidden;}
#footer .top li {
	float:left;
	padding-right:13px;
	background:url(../images/fnb-dot.gif) no-repeat 100% 100%;
	margin-left:17px;
}
#footer .top li:first-child {margin-left:0;}
#footer .top li a {display:block;font-size:15px;font-weight:600;color:#1d1d1e;letter-spacing:-0.05em;}
#footer .bot {width:980px;margin:0 auto;font-size:13px;color:#67686a;padding:18px 0;letter-spacing:-0.05em;}
#footer .bot p {margin-top:5px;}
.sub #footer {border-top:1px solid #dcdee2;}

#sub {width:980px;margin:40px auto 100px;min-height:500px;}
#sub:after {content:"";display:block;clear:both;}

#l {float:left;width:196px;}
#l h2 {
	padding-top:15px;
	height:44px;
	text-align:center;
	font-size:18px;
	font-weight:600;
	color:#2e3192;
	letter-spacing:-0.05em;
}
#l .lnb {border-top:2px solid #1b1d5d;}
#l .lnb > li {background:url(../images/lnb-dot.gif) repeat-x 0 100%;}
#l .lnb > li > a {display:block;padding:17px 22px;font-size:15px;font-weight:600;color:#333;letter-spacing:-0.05em;}
#l .lnb > li.active > a,
#l .lnb > li:hover > a {background:#2e3192 url(../images/lnb-on.gif) no-repeat 0 50%;color:#fff;}

#r {width:743px;float:right;}
#r .title {border-bottom:1px solid #dcdee2;margin-bottom:47px;}
#r .title .navi {text-align:right;font-size:13px;color:#555;letter-spacing:-0.05em;}
#r .title .navi em {padding:0 5px;}
#r .title h3 {font-weight:600;letter-spacing:-0.05em;color:#333;font-size:26px;padding:5px 0 10px;}

.product-top {padding-left:160px;position:relative;margin-bottom:30px;}
.product-top .img {position:absolute;left:0;top:0;}
.product-top .info {border-left:1px solid #ddd;padding-left:20px;min-height:60px;}
.product-top .info h3 {font-size:14px;letter-spacing:-0.05em;font-weight:600;color:#555;}
.product-top .info p {font-size:13px;line-height:18px;letter-spacing:-0.05em;margin-top:10px;}

.product-sel {margin-bottom:25px;}
.product-sel select {border:1px solid #d5d5d5;height:26px;font-size:14px;font-weight:600;}
.product-sel .desc {
	margin-top:10px;
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	background:#fafafa;
	padding:15px 20px 5px;
	font-size:0;
}
.product-sel .desc li {display:inline-block;width:25%;margin-bottom:10px;}
.product-sel .desc li label {cursor:pointer;font-size:13px;color:#555;letter-spacing:-0.03em;}


.product-search {position:relative;height:38px;margin-bottom:20px;}
.product-search .num {height:38px;line-height:38px;color:#555;letter-spacing:-0.03em;}
.product-search .search {position:absolute;right:0;top:0;width:283px;height:38px;background:url(../images/product-search.gif) no-repeat;}
.product-search .search .txt {height:38px;line-height:38px;text-indent:45px;display:block;width:100%;border:none;background:none;font-size:12px;}

.product-list .tab {text-align:right;margin-bottom:12px;}
.product-list .tab button {
	display:inline-block;
	width:32px;
	height:32px;
	text-indent:-9999px;
	text-align:left;
	border:none;
}
.product-list .tab .btn1 {background:url(../images/ico-gal.gif) no-repeat;}
.product-list .tab .btn2 {background:url(../images/ico-list.gif) no-repeat;}
.product-list .tab button.active {background-position:0 -32px;}

.product-list .desc:after {content:"";display:block;clear:both;}
.product-list .gal .box {width:167px;margin:0 0 50px 25px;float:left;}
.product-list .gal .box:nth-child(4n+1) {clear:both;margin-left:0;}
.product-list .gal .box .img {border:1px solid #ddd;}
.product-list .gal .box .img .img-gal {display:none;}
.product-list .gal .box .info {text-align:center;margin-top:8px;}
.product-list .gal .box .info dt {font-size:13px;color:#555;max-height:55px;overflow:hidden;}
.product-list .gal .box .info dd {display:none;}

.product-list .list .box {border:1px solid #ddd;position:relative;height:130px;padding-left:151px;margin-top:12px;}
.product-list .list .box:first-child {margin-top:0;}
.product-list .list .box .img {position:absolute;left:0;top:0;border-right:1px solid #ddd;}
.product-list .list .box .img .img-list {display:none;}
.product-list .list .box .info {padding:18px 18px 0;}
.product-list .list .box .info dt {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	letter-spacing:-0.05em;
	font-size:14px;
	color:#555;
	font-weight:600;
}
.product-list .list .box .info dt a {color:#555;}
.product-list .list .box .info dd {
	margin-top:7px;
	line-height:18px;
	letter-spacing:-0.05em;
	font-size:13px;
	color:#767575;
	max-height:72px;
	overflow:hidden;
}


.apaging {margin-top:20px;text-align:center;font-size:0;}
.apaging strong,
.apaging a {
	display:inline-block;_display:inline;
	line-height:31px;*height:31px;
	text-align:center;
	font-family:nd,sans-serif;
	vertical-align:middle;
	color:#666;
	letter-spacing:-0.05em;
	margin-left:-1px;
	border:1px solid #d8d8d8;
}
.apaging strong,
.apaging .num {width:31px;font-size:12px;}
.apaging .arrow {width:31px;background:#f3f3f3;}
.apaging .num:hover,
.apaging strong,
.apaging .num.active {background:#686868;border:1px solid #686868;color:#fff;font-weight:normal;}


.product-view .top:after {content:"";display:block;clear:both;}
.product-view .top .img {display:block;float:left;border:1px solid #ddd;}
.product-view .top .info {
	float:right;
	width:390px;
	min-height:270px;
	box-sizing:border-box;
	padding-bottom:90px;
	position:relative;
}
.product-view .top .info .cate {font-size:13px;color:#838181;}
.product-view .top .info h3 {margin-top:5px;font-size:25px;font-weight:600;color:#111;margin-top:5px;}
.product-view .top .info .txt {font-size:14px;letter-spacing:-0.05em;color:#111;margin-top:10px;}
.product-view .top .info .thm {position:absolute;left:0;bottom:0;width:100%;}
.product-view .top .info .thm a {display:block;border:1px solid #ddd;margin:5px 0 0 5px;float:left;}
.product-view .top .info .thm a:nth-child(4n+1) {clear:both;margin-left:0;}
.product-view .bot {margin-top:40px;}
.product-view .bot .tab {border-bottom:1px solid #ddd;position:relative;}
.product-view .bot .tab:after {content:"";display:block;clear:both;}
.product-view .bot .tab a {
	display:block;
	width:140px;
	height:29px;
	margin-bottom:-1px;
	margin-left:-1px;
	line-height:29px;
	text-align:center;
	font-size:14px;
	letter-spacing:-0.05em;
	color:#333;
	font-weight:600;
	float:left;
	border:1px solid #ddd;
}
.product-view .bot .tab a:first-child {margin-left:0;}
.product-view .bot .tab .active {background:#2e3192;border:1px solid #2e3192;color:#fff;}
.product-view .bot .desc {margin-top:35px;}
.product-view .bot .desc .box {display:none;}
.product-view .bot .desc .box.active {display:block;}
.product-view .bot .desc .pro-box:after {content:""; display:block; clear:both;}
.product-view .bot .desc .pro-box dl {float:left; margin-left:22px; width:131px;}
.product-view .bot .desc .pro-box dl:nth-child(5n+1) {margin-left:0;}
.product-view .bot .desc .pro-box dl dt { height:15px;text-align:center; margin-top:10px; font-size:13px; color:#111;  letter-spacing:-0.05em;}
.product-view .bot .desc .pro-box dl dd {border: 1px solid #ddd}
.product-view .bot .desc .pro-box dl dd:hover {border:1px solid #000;}

/* 갤러리형 LIST */
.hnn-glist {width:100%;border-top:1px solid #231f20; /*border-bottom:1px solid #dcdcdc;*/}
.hnn-glist li {border-bottom:1px solid #e6e6e6; padding:15px 0;}
.hnn-glist li:after {content:""; display:block; clear:both; height:0;}
.hnn-glist li .hnn-subimg {float:left; width:195px; }
.hnn-glist li .hnn-subject {float:right; width:528px;}
.hnn-glist li .hnn-subject h4 {font-size:16px; width:528px; font-weight:600; margin-top:5px; letter-spacing:-0.025em; overflow:hidden; text-overflow:ellipsis;}
.hnn-glist li .hnn-subject a {color:#343434;}
.hnn-glist li .hnn-subject a:hover {color:#2e3192;}
.hnn-glist li .hnn-subject .hnn-txt {font-size:13px; margin-top:10px; line-height:20px; color:#7d7d7d; letter-spacing:-0.05em;  text-align:left; display:block;}
.hnn-glist li .hnn-subject .hnn-date {margin-top:10px; font-size:13px; color:#535353; font-weight:600;}
.hnn-glist li .hnn-subject .hnn-date strong {margin-left:10px;}

/*연혁*/
.hnn-history {width:100%; border-bottom:1px dashed #cfcfcf; }
.hnn-history:last-child {border-bottom:none;}
.hnn-history th {font-size:18px; text-align:left; color:#9b9b9b; vertical-align:top;  }
.hnn-history th strong {font-size:25px;  }
.hnn-history td {font-size:13px;  color:#6e6e6e; letter-spacing:-0.5px;word-spacing:-0.5px; padding:10px 0; vertical-align:top; line-height:20px;}
.hnn-history td.hnn-year {font-size:16px;  color:#0b5190; font-weight:600;}
.hnn-history td.hnn-month {font-weight:600;}
.hnn-history td.hnn-month-en {font-weight:600; padding-right:10px;}
.hnn-history td.hnn-pad {padding:5px 0;}



/* 서브 공통 스타일 */
.sub-top {
	width:100%;
	height:173px;
	line-height:1;
	background:url(../images/sub-tit-bg.gif) 0 0 no-repeat;
	letter-spacing:-0.05em;
}
.sub-atit {
	font-family: 'Nanum Myeongjo';
	font-weight:600;
	font-size:25px;
	color:#2e3192;
	
}
.sub-btit {
	margin-top:25px;
	font-family: osb;
	font-size:50px;
	color:#bdbed6;
	text-transform:uppercase;
}
.sub-txt {
	margin-top:12px;
	font-family: 'Noto Sans KR';
	font-size:18px;
	color:#2e3192;
}
.sub-slo {
	margin-top:8px;
	font-family: 'Noto Sans KR';
	font-weight:300;
	font-size:14px;
	color:#aeadad;
	letter-spacing:-0.025em;
}
.base-txt {
	margin-top:15px;
	font-size:14px;
	color:#767575;
	line-height:24px;
}
.base-txt strong { color:#333;}
.base-tit {
	margin-top:40px;
	height:22px;
	line-height:22px;
	background:url(../images/sub-ico.gif) 0 50% no-repeat;
	font-size:18px;
	font-weight:600;
	color:#4164b1;
	padding-left:25px;
}
.base-wrap:after {content:""; display:block; clear:both;}
.base-wrap .lef {float:left; width:303px;}
.base-wrap .rig {float:right; width:413px;}
.base-wrap .base-tit {margin-top:0;}

.base-box {border:2px solid #2e3192; padding:45px 20px 40px;}
.base-box .box-tit {font-size:18px; font-weight:600; color:#2e3192;}


/* 협력사 */
.spon:after {content:""; display:block; clear:both;}
.spon dl {
	float:left;
	width:175px;
	margin-left:14px;
	margin-bottom:15px;
}
.spon dl:nth-child(4n+1) {margin-left:0;}
.spon dt {
	font-size:14px;
	color:#fff;
	line-height:38px;
	font-weight:600;
	text-align:center;
	background:#2e3192;
}
.spon dd {
	line-height:127px;
	text-align:center;
	border: solid #dadada;
	border-width: 1px 1px 0 1px;
}
.spon dd a {display:block;}


/* 찾아오시는 길 */
.address li {background:0 50% no-repeat; padding-left:25px;}
.address li.ad1 {background-image: url(../images/loca-ico1.gif);}
.address li.ad2 {background-image: url(../images/loca-ico2.gif);}
.address li.ad3 {background-image: url(../images/loca-ico3.gif);}
.address li.ad4 {background-image: url(../images/loca-ico4.gif);}
.map {width:100%; height:430px; margin-top:15px;}


/* 사이트 맵 */
.sitemap {
	display:block;
	width: 743px; float: left;
	overflow:hidden;
}
.sitemap_mb {	
	margin-bottom:50px;
}
.sitemap dl {
	width: 128px; float: left;
	margin-left: 25px;
}
.sitemap dl:first-child {margin-left:0;}
.sitemap dt {
	padding: 13px 0px 12px 5px; 
	color: #1e2189; 
	font-size: 16px; 
	border-top:2px solid #1e2189;;
}
.sitemap dt a {
	color: #1e2189;
}
.sitemap dd {
	border-bottom: 1px solid #bfbfbf;
}
.sitemap dd > ul {
	background: url("../images/bg_tableline.gif") repeat-x 0px 0px;
}
.sitemap dd ul li {
	padding: 14px 0px 13px 5px;
	border-top: 1px solid #e9ecee;
}
.sitemap dd ul li a {
	color: #333; font-size: 13px;
}
.sitemap dd ul li:first-child {
	border: 0px currentColor;
	border-image: none;
}
.sitemap dd ul li ul {
	padding-top: 3px;
}
.sitemap dd ul li ul li {
	background: url("../images/bl_sublist.gif") no-repeat 1px 10px; padding:
	0px 0px 0px 8px; border: 0px currentColor;
	border-image: none;
	line-height: 22px; margin-top: 2px;
}
.sitemap dd ul li ul li a {
	color: #333; font-size: 12px;
}
.sitemap .clear {
	padding-top: 50px;
}