/* reset */
@import "./reset.css";

/* layout */
html{overflow-y: scroll;height: 100%;}
head{position: relative;}
body, html{backface-visibility: hidden;}
.allWrap{padding-top:75px;min-width:1200px;position: relative;}
.section{width:1000px;margin:0 auto;position: relative;z-index: 5;}
.section.wide{width:1200px}
.content *{font-family:'dotum',sans-serif;}
.content table{table-layout:auto;}
.content input[type='text']{min-width:300px}
.content input[type='file']{min-width:300px}

/* header */
.header{overflow:hidden;transition: all .5s ease-in-out;position:absolute;left:0;right:0;top:0;height:75px;background:#414449;z-index: 10;}
.header.active{height:245px;transition: all .5s ease-in-out;box-shadow: 0 0 40px #666}

.header .logo{overflow:Hidden;text-align:left;text-indent:-9999px;height:75px;background:url(../images/main/logo.png) center no-repeat;width:10em;}
.header .logo a{display: block;width:100%;height:100%}
.header .mainMenu{position: absolute;left:10em;right:13.5em;top:0;}
.header .searchForm{position: absolute;right:0;top:50%;margin-top:-1em;width:220px}
.header .bg{transition: height 1s;position: absolute;left:0;right:0;bottom:0;top:75px;background:#fff;}

/* footer */
.footer{border-top:1px solid #eee;}
.footer .footer_logo{position:absolute;left:0;top:50%;margin-top:-3em;overflow:Hidden;text-align:left;text-indent:-9999px;height:6em;background:url(../images/main/footer_logo.png) center no-repeat;width:10em;}
.footer .footerAddress{padding:2em 5em 2em 12em;}
.footer .footerAddress p{font-size:0.75em;line-height: 1.5em}
.footer .qrCode{position:absolute;right:0;top:50%;height:4em;margin-top:-2em}
.footer .info{padding:0}
.footer .customerInfo ul{background:#fff;}


/* info */
.footer .info {padding-bottom:1em}
.footer .info ul{text-align: center;overflow: hidden}
.footer .info li{position:relative;color: #000;float:left;padding-right:1em}
.footer .info li .title{display:block;position: absolute;left:0;top:0;line-height: 20px;border-radius: 22px;background: #fff;border:1px solid #f36910;color:#f36910;font-weight:bold;width:60px;text-align: center;font-size:12px;letter-spacing: -1px}
.footer .info .text{display: inline-block;padding-left:70px;line-height: 1.5em;font-size:15px;letter-spacing: -1px}

/* mainMenu */
.mainMenu > ul{text-align: center}
.mainMenu > ul > li{display:inline-block;position: relative;vertical-align: top;padding-right:1em;}
.mainMenu > ul > li > a{display:block;padding:26px 1em}
.mainMenu > ul > li > a > span{position:relative;color:#fff;font-size: 18px;line-height: 24px;}
.mainMenu > ul > li > a > span:after{opacity:0;content: "";transform:translateX(-10px);position: absolute;left:-1px;right:-1px;bottom:-6px;height:3px;background: #f36910;transition: all .5s ease-in-out;}
.mainMenu > ul > li:hover > a > span:after, .mainMenu > ul > li.active > a >span:after{opacity: 1;transform:translateX(0);transition: all .5s ease-in-out;}
.mainMenu > ul ul{position: absolute;left:-1em;padding-left:2em;right:-1em;top:75px;text-align: left;padding-top:1.5em;padding-bottom:1.5em;}
.mainMenu > ul ul > li{text-align: left}
.mainMenu > ul ul > li > a{display: block;line-height:1.5em;text-align: left;}
.mainMenu > ul ul > li > a span{font-size: 14px}
.mainMenu > ul ul > li > a:hover span{color:#f36910}
.mainMenu > ul ul > li.active a{color:#f36910}
.ie8 .mainMenu > ul > li > a > span:after{display:none}
.ie8 .mainMenu > ul > li.active > a span{color:#f36910}
.ie7 .mainMenu > ul > li > a{display:inline-block}
.ie7 .mainMenu > ul > li{display:inline}

/* searchForm */
.searchForm .inputArea{position: relative;}
.searchForm .inputArea input[type="text"]{width: 100%;}
.searchForm .inputArea input[type='submit']{position: absolute;right:0;top:0;bottom:0;width:3.8em;background:#000;color:#fff;outline: none;border:0;}
.ie7 .searchForm .inputArea{height:2em}
.ie7 .searchForm input[type='submit']{right:-2px}

/* visual */
.mainVisual .bx-wrapper{position: relative;}
.mainVisual .bx-loading {min-height: 50px;background: url(../images/main/ajax-loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.mainVisual .bx-controls-direction > a{opacity:.5;overflow:hidden;text-align:left;text-indent:-999px;z-index:100;position:absolute;top:50%;margin-top:-2em;height:4em;width:4em;}
.mainVisual .bx-controls-direction .bx-prev{left:0;background:#aaa url(../images/main/slider_prev.png) 50% 50% no-repeat;background-size:1em auto}
.mainVisual .bx-controls-direction .bx-next{right:0;background:#aaa url(../images/main/slider_next.png) 50% 50% no-repeat;background-size:1em auto}
.mainVisual .bx-controls-direction a:hover{-webkit-transition: all .5s; /* Safari */transition: all .5s;}
.mainVisual .bx-controls-direction a:hover.bx-prev{left:0;opacity:1}
.mainVisual .bx-controls-direction a:hover.bx-next{right:0;opacity:1}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.mainVisual .bx-pager{position: absolute;left:0;right:0;bottom:1em;text-align: center}
.bx-wrapper .bx-pager-item{display: inline-block;padding:0 .2em;}
.bx-wrapper .bx-pager-item .bx-pager-link{overflow:hidden;text-indent:-999px;display:block;width:1em;height:1em;border-radius: 1em;background: #363636}
.bx-wrapper .bx-pager-item .bx-pager-link.active{background: #f36910}

/* mainLink */
.mainLink{padding:3.75em 0}
.mainLink ul:after{content: '';display: block;clear: both}
.mainLink ul li{float:left;width:33.3%;position: relative;background-repeat: no-repeat;background-position: 96% 50%;background-size: auto;}
.mainLink ul li:first-child{width:33.4%}
.mainLink ul li:first-child .item{border-left: 0}
.mainLink .item{padding:0 2em}
.mainLink .item h3{padding-bottom: 1em}
.mainLink .item h3 span{font-size:1.375em;color:#333333}
.mainLink .item p{font-size:0.875em;color:#929292;padding-right: 5.5em;min-height: 3em;}
.mainLink .item{border-left:1px solid #eee;}
.mainLink ul li .link{position: absolute;left:0;right:0;top:0;bottom:0}
.mainLink .linkItem1{background-image:url(../images/main/mainLink_img01.png)}
.mainLink .linkItem2{background-image:url(../images/main/mainLink_img03.png)}
.mainLink .linkItem3{background-image:url(../images/main/mainLink_img02.png)}
.mainLink li:hover .item p{color:#333}

/* mainBanner */
.mainBanner .mainBannerList{overflow: hidden;margin-left:-2em}
.mainBanner .banner{float:left;width:50%;}
.mainBanner .banner .item{transition: all .5s ease-in-out;margin-left:2em;overflow: hidden;background-repeat: no-repeat;background-position: 96% 50%;background-size: auto;}
.mainBanner .banner .item a{display: block;color:#000;padding:5em 2em;line-height: 1em;font-weight: normal}
.mainBanner .banner:hover .item{}
.mainBanner .banner .item a span{font-size:1.3em}
.mainBanner .bannerItem1 .item{background-image:url(../images/main/mainbanner_img01.png)}
.mainBanner .bannerItem2 .item{background-image:url(../images/main/mainbanner_img02.png)}


/* customerInfo */
.customerInfo{padding:2.5em 0}
.customerInfo ul{background:#f36910;padding:1em 0em;text-align: center;}
.customerInfo li{position:relative;display:inline-block;padding:0 2em;color: #ffffff;}
.customerInfo li .title{position: absolute;left:0;top:0;line-height: 24px;border-radius: 24px;background: #fff;color:#f36910;font-weight:bold;width:65px;text-align: center;font-size:11px;letter-spacing: -1px}
.customerInfo li .title.black{color:#fff;background: #000}
.customerInfo li .text{display: inline-block;padding-left:40px;line-height: 1.5em}

/* content */
.container{min-height: 50em}
.contentTop{height:13.75em;position: relative;}
.contentTop .title{position: absolute;left:52%;top:45%}
.contentTop .title span{font-size:2.25em;color:#33363c;font-weight: normal}
.contentTop .text{position: absolute;left:52%;top:60%;font-size:0.875em;color:#a6a8ac;line-height: 1.5em;}
.contentTop.sub01{background:#b8b8bc url(../images/main/bg_top_sub01.png) no-repeat center}
.contentTop.sub02{background:#efeff0 url(../images/main/bg_top_sub02.png) no-repeat center}
.contentTop.sub03{background:#b3b9c6 url(../images/main/bg_top_sub03.png) no-repeat center}
.contentTop.sub04{background:#ffffff url(../images/main/bg_top_sub04.png) no-repeat center}

.content{padding-left:17em;padding-top:1em;min-height: 36em}
.content .contentInner{padding:1em 0;text-align: center}
.contentInfo{margin-left:17em;padding-top:4em;position: relative;border-bottom: 1px solid #eee;}
.contentInfo > .title{letter-spacing:-1px;padding:10px 0 10px 50px;color:#000;font-weight:bold;font-size:24px;background:url(../images/main/blit_title.png) left 50% no-repeat;} 
.contentInfo > .title span{font-size:0.8em;color:#777777;font-weight:normal;}

.location {line-height: 1em;position: absolute;right:0;bottom:10px}
.location span, .location strong{vertical-align: middle;font-size: 0.8em;color:#000}
.location strong:before{content:'> ';font-weight:normal;}
.location .home{vertical-align: middle;display: inline-block;width:3.8em;height:1.2em;background:url(../images/btn/home.gif) center no-repeat}

/* sideMenu */
.sideMenu{position: absolute;left:0;top:0;bottom:0;width:12.5em;}
.sideMenu .sideMenuTitle{padding-top:1em;line-height: 6em;text-align: center;}
.sideMenu .sideMenuTitle span{font-size: 2.5em;font-weight: normal;color:#222}
.sideMenu > ul {border-top: 1px solid #eee}
.sideMenu > ul > li{border-bottom: 1px solid #eee}
.sideMenu > ul > li a{line-height: 2.2em;display: block;text-indent: 1em;color:#333333}
.sideMenu > ul > li a span{font-size: 0.875em}

.sideMenu > ul > li.active a{background: #f36910;color:#fff}
.sideMenu ul.sub{background:#f5f5f5;padding:.5em 0}
.sideMenu ul.sub > li > a{background:transparent;color:#333333;font-size:0.9em;line-height:1.8em}
.sideMenu ul.sub > li > a:hover{color:#f36910}
.sideMenu ul.sub > li.active > a:hover, .sideMenu ul.sub > li.active > a{color:#f36910}

/* contents */
.map{height:360px}
.map a{font-size:12px}
.tbl_style1{border-top:2px solid #000;}
.tbl_style1 table{table-layout: fixed;	width:100%;border-collapse: collapse;border-spacing: 0;font-size: 0.8em}
.tbl_style1 table td , .tbl_style1 table th{padding:0.5em;border-right:1px solid #666;border-bottom: 1px solid #666;text-align: center;color:#333}
.tbl_style1 table th{height:3em;font-weight: bold;background:#efefef;color:#333}
.tbl_style1 tr td:last-child, .tbl_style1 tr th:last-child{border-right: 0}

/* searchTotalForm */
.searchTotalForm{margin:0 auto;text-align:center;font-size:14px;background:#efefef;padding:1.2em 0 .5em}
.searchTotalForm form{margin:0;padding:0}
.searchTotal input, .searchTotal select, .searchTotal table{height:30px;font-size:14px;padding:0;background:#fff}
.searchTotal input[type="submit"]{background:#000;color:#fff;width:3em}
.searchTotal{padding-top:2em;padding-bottom: 10em}

.searchResult{list-style: none;padding-top:3em;font-size:14px}
.searchResult ul{list-style: none}
.searchResult a{font-size:1em}
.searchResult span, .searchResult font, .searchResult a{vertical-align: baseline}
.searchResult > ul{padding-bottom:1em}
.searchResult > ul > ul{padding-left:1em}
.searchResult > ul > ul li{color:#000}

/* board */
.board_page{text-align:center}
.board_page b, .board_page a{vertical-align: middle;font-size:12px}

/* login */
.loginArea table{font-size:12px;text-align:center}
.loginArea ul{list-style: none}

.loginArea  input.ed { height:20px; font-size:12px;border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
.loginArea  input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
.loginArea  textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }