/* COMMON CSS */
a, a:hover {text-decoration:none; color:#000;}
.inner {width:1200px; margin:0 auto; overflow:hidden;}
.inner {width:1200px; margin:0 auto; overflow:hidden;}
.inner1 {width:440px; margin:0 auto; overflow:hidden;}
.inner2 {width:1500px; margin:0 auto; overflow:hidden;}

/* 서브페이지를 위해 추가 lsg24 */
.sub_inner {width:1500px; margin:0 auto; overflow:hidden;}

.p20 {padding:10px 20px;}
.p35 {padding:35px;}
.ml0 {margin-left:0 !important;}
.dimmed {display:none; position:fixed; background:rgba(0,0,0,0.45); width:100%; height:100%; z-index:1000;}
.float-left {float:left;}
.float-right {float:right;}
.overflow-hidden {overflow:hidden;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.display-table {display:table;}
.display-table-cell {display:table-cell; vertical-align:middle;}
.font-bold {font-weight:bold;}
.row {margin:0 0 8px 0;}

.w-100{width:100%;}
.w-70{width:70%}
.w200 {width:200px;}
.w1000 {width:1000px;}
.pt-30 {padding:30px 0 0 0;}
h2.con{font-size:22px; font-weight:600; line-height:26px; margin-bottom:8px;}
.btn-1{ width: 90px; background: #000; border: #000 1px solid; color: #fff; padding: 3px 0 5px 0; border-radius:4px; cursor:pointer;}
.btn-2{ vertical-align: middle; background: #e4e4e4; border: #dadada 1px solid; padding: 1px 8px 3px 8px; border-radius: 4px; cursor:pointer;}
.btn-3{ background: #000; border: #000 1px solid; color: #fff; padding: 3px 15px 5px 15px; border-radius:4px; cursor:pointer;}
.btn-4{background:#fff;color:#000;border:1px solid #000;padding:0 20px;height: 22px;line-height: 20px;vertical-align: middle;font-size: 12px;display: inline-block;}

.red{color:red;}
.blue{color:blue;}

.c_f47d23{background:#f47d23; border:#f47d23 1px solid;}
.c_f13c43{background:#f13c43; border:#f13c43 1px solid;}


.mg_t5{margin-top:5px;}
.mg_t10{margin-top:10px;}
.mg_t20{margin-top:20px;}
.mg_t40{margin-top:40px;}
.mg_b40{margin-bottom:40px;}
.mg_l3{margin-left:3px;}

/* 공통디자인 조정 lsg24*/
/* input[type=checkbox]{width:18px; height:18px;} */
input{box-sizing:border-box;height:24px;line-height:24px;vertical-align:middle;}

.mg_0{margin:0 !important;}
.pd_0{padding:0 !important;}
.td-lt{text-decoration:line-through;}
.b{font-weight:bold;}
.cb{clear:both;}
.blue{color:blue}
.blue:hover{color:blue}
.img-box2 {width:80px; height:80px; background:#000; margin:0 20px 0 0;}
.p1{}
.p2{}
.p3{ font-size:19px !important;}

.p1 span{ color: #000 !important; width: 100px; display: inline-block; margin-bottom: 10px;}
.p2 span{ color: #000 !important; width: 100px; display: inline-block; margin-bottom: 10px;}
.p3 span{ color: #000 !important; width: 100px; display: inline-block; margin-bottom: 10px; margin-top: 15px;}

.va-t{vertical-align:top;}

.t-vam th, td{vertical-align:middle;}
.color-red {color:red;}
.color-blue {color:#336699;}

/* body {width:100%;background:url('/image/main/main_bg.jpg') no-repeat;background-size:100%;} */
body {width:100%;}

/* HEADER CSS */
#header {width:1500px;margin:0 auto;min-height: 0px;}
#header .top-menu {padding-top:4px;}
#header .top-menu .logo {float:left; width:120px;}
#header .top-menu .snb-box {float:right;}
#header .top-menu .snb-box .snb {padding:10px 0 0 0; font-size:0;}
#header .top-menu .snb-box .snb li {display:inline-block;}
#header .top-menu .snb-box .snb li a{display:block; font-size:13px; font-weight:bold; color:#000; padding:5px 10px;}
#header .top-menu .snb-box .snb li:first-child a {background:#6d6d6d;color:#fff;font-size:11px;padding:8px 10px 10px 10px;}

.menuSel a{ background:#474747; }
.menuDeSel a{ background:#1a84d7; }

#header .menubar{
border:none;
border:0px;
margin-bottom:15px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#header .menubar ul {
background-color:#1a84d7;
height:34px;
list-style:none;
margin:0;
padding:0;
}

#header .menubar li{
float:left;
padding:0px;
}

#header .menubar li a {
/* background:#1a84d7; */
color:#fff;
display:block;
font-weight:bold;
line-height:34px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}

#header .menubar li a:hover, .menubar ul li:hover a{
background: rgb(71,71,71);
color:#FFFFFF;
text-decoration:none;
}

#header .menubar li ul{
background: rgb(109,109,109);
display:none; /* 평상시에는 드랍메뉴가 안보이게 하기 */
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:200px;
z-index:200;
/*top:1em;
/*left:0;*/
}

#header .menubar li:hover ul{
display:block; /* 마우스 커서 올리면 드랍메뉴 보이게 하기 */
}

#header .menubar li li {
background: rgb(109,109,109);
display:block;
float:none;
margin:0px;
padding:0px;
width:200px;
}

#header .menubar li:hover li a{
background:none;
}

#header .menubar li ul a {
display:block;
height:50px;
line-height:50px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}

#header .menubar li ul a:hover, .menubar li ul li:hover a{
background: rgb(71,71,71);
border:0px;
color:#ffffff;
text-decoration:none;
}

#header .menubar p{
clear:left;
}

/* FOOTER CSS */
#footer {border-top:2px solid #000;margin-top:20px;}
#footer .ft-inner {padding:5px 0px;}
#footer .ft-inner .left-box {float:left; width:1200px;}
#footer .ft-inner .left-box .ft-info-box {}
#footer .ft-inner .left-box .ft-info-box h3{font-size:13px; font-weight:bold; color:#333; padding:0 0 12px 0;}
#footer .ft-inner .left-box .ft-info-box .ft-info {font-size:13px; color:#323232; font-weight:bold; line-height:22px;}
#footer .ft-inner .left-box .ft-info-box .ft-info span {color:#000;}

#footer .copy-box {text-align:left; font-size:13px; font-weight:bold; color:#8d8d8d;padding:20px 0 20px 0; }
#footer .copy-box span {color:#3495e5;}

/* 서브페이지를 위해 추가 lsg24 */
#sub_footer {border-top:1px solid #000;margin-top:20px;}
#sub_footer .ft-inner {padding:20px 0px;}
#sub_footer .ft-inner .left-box {float:left; width:1500px;}
#sub_footer .ft-inner .left-box .ft-info-box {}
#sub_footer .ft-inner .left-box .ft-info-box h3{font-size:13px; font-weight:bold; color:#333; padding:0 0 12px 0;}
#sub_footer .ft-inner .left-box .ft-info-box .ft-info {font-size:13px; color:#323232; font-weight:bold; line-height:22px;}
#sub_footer .ft-inner .left-box .ft-info-box .ft-info span {color:#000;}

#sub_footer .copy-box {text-align:left; font-size:12px; font-weight:bold; color:#8d8d8d;padding:20px 0 10px 0; }
#sub_footer .copy-box span {color:#3495e5;}


/* Contents CSS */
#contents {}
.main-visual {width:1500px;margin:0 auto;}
.main-visual .banner-box {}
.main-visual .banner-box .main-banner {text-align:center;padding:0px;}

.map {width:1200px;margin:0 auto;}

.tab-area {margin-bottom:15px;}
.tab-area.inner {width: 1500px;}
.tab-area .tab-contents .prd-list-box {text-align:left; font-size:0; text-align:center;}
.tab-area .tab-contents .prd-list-box li {display:inline-block; margin:0 15px 0px;}
.tab-area .tab-contents .prd-list-box li:first-child {margin:0;}
.tab-area .tab-contents .prd-list-box li:last-child {margin:0;}
.tab-area .tab-contents .prd-list-box li .prd-box {position:relative;}
.tab-area .tab-contents .prd-list-box li .prd-box .prd-detail{position:absolute; top:40px; right:156px; z-index:10;}
.tab-area .tab-contents .prd-list-box li .prd-box .prd-detail .prd-tit {font-size:25px; padding:10px 0 20px 0;font-weight:bold;}
.tab-area .tab-contents .prd-list-box li .prd-box .prd-detail .prd-tit span {color:#3598e5;}


.mid-banner {text-align:center;}
.mid-banner  a{display:block; height:226px;  background:url('/image/banner/eventbanner.jpg') no-repeat center;}
.mid-banner  a .mid-txt {display:inline-block; font-size:35px; font-weight:bold; color:#570707; padding:70px 0 0 0; line-height:50px;}
.mid-banner  a .mid-txt span {font-size:50px; font-weight:normal; color:#f23c43;}

.board-area {padding:0px 0; margin-top: 15px;}
.board-area.inner {width: 1500px;}
.board-area .box{width:742px; height:140px;box-sizing:border-box;background-color:#656871;}
.board-area .box:first-child {background:#474b4e; border:none;}
.board-area .box ul {padding:10px 0 0 0;}
.board-area .box ul li {margin:0 0 6px 0; line-height:14px;}
.board-area .box ul li a {display:inline-block; font-size:14px; line-height:14px;color:#fff;}


.board-area .file-box {float:right;}
.board-area .file-box ul li {list-style-type:circle; overflow:hidden;}
.board-area .file-box ul li a {}
.board-area .file-box ul li span {display:inline-block; float:right; font-size:12px; margin:-3px 0 0 0;color:#adb5bc; padding-top: 3px;}

.board-area .notice-box {float:left;}
.board-area .notice-box ul li a {}
.board-area .notice-box ul li span {display:inline-block; float:right; font-size:12px; margin:-3px 0 0 0;color:#adb5bc;}

.board-area .box .bd-tit-box {overflow:hidden;}
.board-area .box .bd-tit-box .bd-tit {font-size:16px; font-weight:bold; border-bottom:1px solid #a3a8b6; padding:0 0 10px 0;
line-height:20px;color:#fff;}
.board-area .box .bd-tit-box .bd-tit a {float:right; font-size:15px;color:#fff;}



.map_list {padding:0px 0;}
.map_list .box{width:600px; height:200px;box-sizing:border-box;background-color:#fff;}
.map_list .box:first-child {background:#fff; border:none;}
.map_list .box ul {padding:20px 0 0 0;}
.map_list .box ul li {margin:0 0 0px 0; line-height:22px;font-size:14px;}


.map_list .linfo {float:left;}
.map_list .linfo ul li {line-height:22px;}
.map_list .linfo ul li span.type1 {width: 100px;height: 50px;background-color:#af570e;border-radius: 10px;color:#fff;font-size:12px;padding:5px;
margin-right:10px;}
.map_list .linfo ul li span.type2 {width: 100px;height: 50px;background-color:#3cafb6;border-radius: 10px;color:#fff;font-size:12px;padding:5px;
margin:0px 10px 0px 100px;}


.map_list .rinfo {float:right;}
.map_list .rinfo ul li {line-height:22px;}
.map_list .rinfo ul li span.type1 {width: 100px;height: 50px;background-color:#34a2f7;border-radius: 10px;color:#fff;font-size:12px;padding:5px;
margin-right:10px;}
.map_list .rinfo ul li span.type2 {width: 100px;height: 50px;background-color:#4dc74d;border-radius: 10px;color:#fff;font-size:12px;padding:5px;
margin:0px 10px 0px 100px;}
.map_list .rinfo ul li span.type3 {width: 100px;height: 50px;background-color:#4dc74d;border-radius: 10px;color:#fff;font-size:12px;padding:5px;
margin:0px 10px 0px 100px;}



.map_list .box .bd-tit-box {overflow:hidden;}
.map_list .box .bd-tit-box .bd-tit {font-size:16px; font-weight:bold; border-bottom:1px solid #a3a8b6; padding:0 0 10px 0;
line-height:20px;color:#000;}





/* Login */
#login {width:100%;background-size:cover;}
/*#login {width:100%;height:100%;background:url('/image/login/l_bg.png'), url('/image/login/r_bg.png');background-repeat: no-repeat, no-repeat;background-position: left top, right bottom;}*/
.login-box .login-intro {padding:100px 0px 200px 0px;}


.login-box {width:350px;}
.login-box .login-intro {padding:100px 0 200px 0px;}
.login-box .login-intro .login-txt-box {}
.login-box .login-intro .login-txt-box .login-txt {font-size:30px; color:#3598e5;text-align:center;font-weight:bold;}
.login-box .login-intro .login-txt-box .line {width:90px; height:3px; background:#e51937; margin:20px 0 10px 0;}
.login-box .login-intro .login-txt-box .login-title {font-size:70px; font-weight:bold; color:#f5832c;}
.login-box .login-intro .login-txt-box .login-title span {color:#e51937;;}
.login-box .login-intro .login-txt-box .login-info {font-size:24px; line-height:30px; color:#555; padding:30px 0 40px;}

.login-box .login-intro .login-input-area {width:350px;}
.login-box .login-intro .login-input-area .login-input-box {overflow:hidden;}
.login-box .login-intro .login-input-area .login-input-box .input-box {width:350px; padding:0px;font-size:0px;}
.login-box .login-intro .login-input-area .login-input-box .input-box li {margin:3px 0px;}
.login-box .login-intro .login-input-area .login-input-box .input-box li label {width:90px;font-size:14px;display:inline-block;
font-weight:bold;padding-top:5px;color:#000;text-align:left;height:20px;vertical-align:middle;}

.login-box .login-intro .login-input-area .login-input-box .input-box input {width:260px; height:40px; padding:0px; text-indent:13px;
box-sizing:border-box; font-size:12px;}

.login-box .login-intro .login-input-area .login-input-box .input-box input::placeholder {font-size:12px;vertical-align:middle;}

.login-box .login-intro .login-input-area .login-input-box .btn-box1 {width:350px; height:55px;margin-top:15px;}
.login-box .login-intro .login-input-area .login-input-box .btn-box1 a {display:block; width:100%; height:55px; line-height:55px;background:url('/image/login/login_btn_bg.jpg') no-repeat; color:#fff; font-size:16px; text-align:center;font-weight:bold;}

.login-box .login-intro .login-input-area .login-input-box .btn-box2 {width:350px; height:55px;margin-top:5px;}
.login-box .login-intro .login-input-area .login-input-box .btn-box2 a {display:block; width:100%; height:55px; line-height:55px;background-color:#777777; color:#fff; font-size:16px; text-align:center;font-weight:bold;}

.login-box .login-intro .login-input-area .login-input-box .chk-box {text-align:right;font-size:12px;line-height:22px;}
.login-box .login-intro .login-input-area .login-input-box .chk-box span {padding-right:20px;font-weight:bold;}


.login-box .login-intro .login-input-area .login-input-box p.copy  {text-align:center;font-size:12px;margin-top:10px;height:18px;}








/* find-box */
.find-box {display:none; position:absolute; top:50%; left:50%; width:440px; text-align:center; border-bottom:3px solid #3699e5; z-index:3000; background:#fff;}
.find-box .box-head {background:#3699e5; height:60px; line-height:60px; font-size:20px; color:#fff;}
.find-box .box-body {padding:30px;}
.find-box .box-body .body-txt {font-size:12px; line-height:22px; padding:0 0 30px 0;}
.find-box .box-body .form-group {padding:0 0 10px 0;}
.find-box .box-body .form-group label{display:inline-block; width:15%; text-align:left;}
.find-box .box-body .form-group div {display:inline-block; width:276px;}
.find-box .box-body .form-group div input {width:265px; padding:5px 0; box-sizing:border-box;}
.find-box .box-body .form-group div.phone input {width:85px; margin:0;}
.find-box .box-body .btn-group {overflow:hidden; padding:20px 0 0 0;}
.find-box .box-body .btn-group a {display:inline-block; width:155px; height:40px; line-height:40px; color:#fff; font-weight:bold; font-size:16px;}
.find-box .box-body .btn-group .btn-submit {float:left; background:#3699e5;margin-left:25px;}
.find-box .box-body .btn-group .btn-close {float:right; background:#777777;margin-right:25px;}