html{overflow:auto;}
body{background:#fff;}
#wrap {width:100%; min-width:1000px;}

#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {width:1000px; margin:0 auto; position:relative;}

.img_pc {display: inline;}
.img_mobile {display: none;}

/* 헤더 */
#header{width:200px; height:100%; position: fixed; top: 0; z-index:100; background: url('/images/common/bg_navi.png') repeat 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header {display: none;}
.headerWrap	h1{padding:80px 30px 0 30px;}
.headerWrap	h1 img {vertical-align: top;}
.headerWrap	.line {display: block; width: 19px; height: 1px; background: #979797; margin: 20px 0 30px 30px;}
#topmenu {margin-top: 40px; padding: 0 0 0 30px;}
#topmenu ul:after {display:block; content:""; clear:both;}
#topmenu ul a {display:block; color:#2d2f33;}
#topmenu > ul > li {position:relative; font-size:18px; font-weight: 400; line-height: 48px;}
#topmenu > ul > li > a {display:block; width:100%; color: #000;}
#topmenu ul li.m_active a, #topmenu ul li a.on {color:#248bcb; background: url('/images/common/bg_navi_on.gif') no-repeat right center;}
#topmenu ul li.m5 a {border: 1px solid #222; width: 92px; text-align: center; padding: 0 !important; height: 40px; line-height: 40px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 5%; font-weight: 600; background: none !important; font-size: 21px;}
#topmenu ul li.m5 a.on {border-color: #248bcb;}

#allMenu {display: none;}
.mainMenu {display: none;}

.footCnt {font-size: 10px; line-height: 14px; font-family: 'Poppins', 'NanumBarunGothic', sans-serif; position: absolute; bottom: 40px; color: #222; padding: 0 30px; }
.family {border: 1px solid #222; height: 35px; line-height: 35px; font-size: 12px; color: #222; position: relative; margin: 0 30px;}
.family a {font-size: 12px; color: #222;}
.family .current {padding: 0 10px; display: block; background: url('/images/common/arrow_gray.png') no-repeat 90% center; cursor: pointer;}
.family ul {background: #fff; position: absolute; left: -1px; top: 35px; width: 100%; border: 1px solid #aaa; display: none;}
.family ul li a {display: block; padding: 0 10px;}
.family ul li:hover a {background: #f6f6f6;}

.sub #header {background: url('/images/common/bg_navi_sub.png') repeat 0 0;}

.footCnt .priv-area { padding-bottom:15px;  }
.footCnt a.priv-btn { display:inline-block; font-size:12px; color:#222; width:100px; height:26px; line-height:26px; border:1px solid #333; font-weight:500; text-align:center; }

/* 메인비주얼 */
#mainVisual{width:100%; position:relative; z-index:1; !important; overflow:hidden;}
#mainVisual .mainSlide {min-width:1000px;}
#mainVisual > ul > li {text-align:center; left:50%; margin-left:-965px;}
#mainVisual > ul > li > img {width: 1920px;}
#mainVisual .mainSlide > li > img{width:100%;}
#mainVisual .visual_m {display: none;}
#mainVisual .bx-pager {position:absolute; width: 90%; left: 200px; bottom:220px; text-align:center; z-index:99;}
#mainVisual .bx-pager-item {display:inline-block; zoom:1; *display:inline;}
#mainVisual .bx-pager-item .bx-pager-link {font-size:0; line-height:0; display:inline-block; width: 13px; height: 13px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; background: #fff; opacity: 0.5; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; margin: 0 2px;}
#mainVisual .bx-pager-item .bx-pager-link.active {width: 64px; opacity: 1;}

.visualContents {width: 90%; position: absolute; left: 200px; top: 33%; z-index: 70; text-align: center;}
.visualContents h2 {font-family: 'Poppins', sans-serif; color: #fff; font-weight: 200; font-size: 47px; line-height: 47px; margin-bottom: 70px;}
.visualContents h2 br {display: none;}
.visualContents .buttonArea ul {font-size: 0; text-align: center;}
.visualContents .buttonArea ul:after {content: ''; display: block; clear: both;}
.visualContents .buttonArea ul li {width: 227px; height: 227px; display: inline-block; vertical-align: top; margin-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url('/images/main/bg_button.png') repeat 0 0; padding: 40px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.visualContents .buttonArea ul li:first-child {margin-left: 0;}
.visualContents .buttonArea ul li a {display: block;}
.visualContents .buttonArea ul li a img {display: block; margin: 0 auto 20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.visualContents .buttonArea ul li a dt {color: #fff; font-size: 18px; line-height: 18px; font-family: 'NanumSquare'; font-weight: 600;}
.visualContents .buttonArea ul li a dd {color: #fff; font-size: 14px; line-height: 18px; margin-top: 10px; display: none;}
.visualContents .buttonArea ul li:hover {background: #248bcb; padding: 20px 0;}
.visualContents .buttonArea ul li:hover img {width: 90px;}
.visualContents .buttonArea ul li:hover a dd {display: block;}

#subVisual {width: 660px; height: 100%; position: fixed; left: 0; top: 0;}
#subVisual img {position: absolute; left: 235px; top: 0;}
.subVisual1 {background: url('/images/common/bg_lnb01.jpg') no-repeat right top; -webkit-background-size: cover; background-size: cover;}
.subVisual2 {background: url('/images/common/bg_lnb02.jpg') no-repeat right top; -webkit-background-size: cover; background-size: cover;}
.subVisual3 {background: url('/images/common/bg_lnb03.jpg') no-repeat right top; -webkit-background-size: cover; background-size: cover;}
.subVisual4 {background: url('/images/common/bg_lnb04.jpg') no-repeat right top; -webkit-background-size: cover; background-size: cover;}
.subVisual5 {background: url('/images/common/bg_lnb05.jpg') no-repeat right top; -webkit-background-size: cover; background-size: cover;}

/* 서브 컨텐츠 s*/
#container {width: auto; overflow:hidden; margin-left: 660px; padding: 80px 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff;}
.sub #contents {min-height:400px; text-align:left;}
.sub #contents .titleArea  {margin-bottom: 70px;}
.sub #contents .titleArea h3 {font-size: 47px; color: #111; font-weight: 600; font-family: 'NanumSquare', sans-serif; text-align: center; line-height: 47px; margin-bottom: 30px;}
.sub #contents .titleArea p {text-align: center; border-top: 1px solid #444; border-bottom: 1px solid #dfdfdf; line-height: 50px; font-size: 17px;}
.contentsArea .section {margin-top: 60px;}
.contentsArea .section:first-child {margin-top: 0;}
.contentsArea .blue_title {font-size: 23px; color: #248bcb; line-height: 30px; font-family: 'NanumSquare', sans-serif; font-weight: 600;}
.contentsArea p {font-size: 18px; line-height: 27px;}

/* 인사말 */
.contentsArea.company .blue_title {margin: 45px 0;}
.contentsArea.company strong {font-family: 'NanumSquare', sans-serif; color: #333; font-size: 18px; font-weight: 400; display: block; margin-top: 20px;}

/* 회사 소개 */
.contentsArea .aboutList ul:after {content: ''; display: block; clear: both;}
.contentsArea .aboutList ul li {width: 23%; float: left; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url('/images/about/bg_about.gif') no-repeat left center; padding-left: 2%; margin-left: 2%;}
.contentsArea .aboutList ul li:first-child {background: none; padding: 0; margin: 0;}
.contentsArea .aboutList ul li dl {margin-top: 20px;}
.contentsArea .aboutList ul li dt {font-size: 23px; font-family: 'NanumSquare', sans-serif; color: #248bcb; line-height: 30px; font-weight: 600; height: 60px; margin-bottom: 20px; letter-spacing: -0.5px;}
.contentsArea .aboutList ul li dd {font-size: 15px; line-height: 28px; letter-spacing: -0.7px;}
.contentsArea .aboutList ul li.aboutList01 dt, .contentsArea .aboutList ul li.aboutList02 dt {line-height: 60px;}

/* 제휴사 */
.contentsArea .partner_list {margin-top: 40px;}
.contentsArea .partner_list:after {content: ''; display: block; clear: both;}
.contentsArea .partner_list li {float: left; margin: 0 0 1% 0; width: 24%; margin-left: 1%; text-align: left;}
.contentsArea .partner_list li:first-child {margin-left: 0;}
.contentsArea .partner_list li:nth-child(5) {margin-left: 0;}
.contentsArea .partner_list li img {max-width: 98%;}

/* 오시는 길 */
.contentsArea.location h4.blue_title {margin-bottom: 20px;}
.contentsArea .address {margin-top: 10px;}
.contentsArea .address p {line-height: 45px;}
.contentsArea .address p span {display: inline-block; margin-right: 20px;}
.contentsArea .address img {vertical-align: middle; margin-top: -2px;}
.contentsArea .address02 {margin-top: 60px;}
.contentsArea .address02:after {content: ''; display: block; clear: both;}
.contentsArea .address02 p {margin-top: 10px;}
.contentsArea .address02 .left {float: left; width: 49%;}
.contentsArea .address02 .right {float: right; width: 49%;}
.contentsArea .address02 .zip {display: block; margin: -15px 0 0 30px;}


/*개인정보처리방침 2019-07-12*/
.privacy-contain { border:1px solid #dfdfdf; }
.privacy-contain > div { padding:20px; font-size:16px; color:#444; }

@media screen and (max-width:640px){
	.privacy-contain > div { padding:10px; font-size:14px;}
}


#foot {display: none;}

/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:60px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}