@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset{border:0 none;}
img{border:0 none;vertical-align:top;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input, select, option, textarea {font-family: "Noto Sans KR", sans-serif; font-weight:300;}
button {background:none;cursor:pointer; font-family: "Noto Sans KR", sans-serif; cursor:pointer; outline:none;}
body {background:#fff}
body,th,td,input,select,textarea,button { font-family: "Noto Sans KR", sans-serif; font-size:20px; color:#000; letter-spacing:0; font-weight:300; }
a {color:#000;text-decoration:none}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal}
em{font-style:normal;}
.blind,legend,caption,#accessibility {width:0px; height:0px; position:absolute; overflow:hidden; font-size:0px; line-height:0px; z-index:-1; visibility:hidden;}
.hidden{visibility:hidden;}


body {position:relative;}

#wrap {position: relative;}
/* contents */
header.head {position:relative; width:100%; min-width:1730px; margin:0 auto ; height:980px; background: #0c0f13 url('../images/header_230915.jpg') no-repeat center top;}
header.head .logo {position: absolute; left: 0; top: 0; width: 100%;}
header.head .logo .inner {max-width: 1920px; width: auto; margin: 0 auto;}
header.head .logo img:last-child {float: right;}
header.head .inner {position: relative; width: 1730px; margin: 0 auto;}
header.head .btnFind {position: absolute; left: 0; top: 607px; width: 382px; height: 115px;}
header.head .btnFind a {position: absolute; display:block; width:100%; height:100%; text-indent: -9999em;}
header.head .scroll {position: absolute; left: 50%; bottom: 64px; margin-left: -74.5px; display: none}

section {position:relative; width:100%; min-width:1730px; margin:0 auto;}
section.s1{height:2309px; background: #f3f3f3;}
section.s1 .inner {position: relative; height:2309px; background: url(../images/s1.jpg?v=2) no-repeat center top; z-index: 1;}
section.s1::before {position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 1624px; background: #003487;}
section.s2{height:1461px; background: #fff url(../images/s2.jpg) no-repeat center top;}
section.s3{height:1374px; background: #f3f3f3;}
section.s3 .inner {position: relative; height:1374px; background: url(../images/s3.jpg) no-repeat center top; z-index: 1;}
section.s3::before {position: absolute; left: 0; top: 526px; content: ''; width: 50%; height: 660px; background: #003487;}
section.s4{height:1573px; background: url(../images/s4.jpg?v=2) no-repeat center top;}
section.s5{height:991px; background: url(../images/s5.jpg) no-repeat center top;}
section.s6{height:1296px; background: #fff url(../images/s6.jpg) no-repeat center top;}
section.s6 .contWrap {overflow: hidden; position: absolute; left: 0; top: 495px; width: 100%; height: 801px;}
section.s6 .contWrap>div {position: relative; float: left; height: 100%;}
section.s6 .contWrap .leftArea {overflow: hidden; width: 51.8%; border-radius: 0 80px 0 0; transition: all 1s;}
section.s6 .contWrap .leftArea.bg1 {background: #2e60b5;}
section.s6 .contWrap .leftArea.bg2 {background: #cda66f;}
section.s6 .contWrap .leftArea.bg3 {background: #cda66f;}
section.s6 .contWrap .leftArea.bg4 {background: #f09c42;}
section.s6 .contWrap .leftArea.bg5 {background: #b76ed6;}
section.s6 .contWrap .leftArea.bg6 {background: #cda66f;}
section.s6 .contWrap .leftArea .slideWrap div[class^="slide"] {position: absolute; top: 105px; width: 225px !important;text-align: center;}
section.s6 .contWrap .leftArea .slideWrap div[class^="slide"].current {width: 610px !important; padding-left: 42px; padding-right: 30px;}
section.s6 .contWrap .leftArea .btnSlide {position: absolute; right: 82px; top: 335px; width: 550px; height: 87px;}
section.s6 .contWrap .leftArea .btnSlide>a {position: absolute; display:block; width: 86px; height:100%;}
section.s6 .contWrap .leftArea .btnSlide .btnPrev {left: 0;}
section.s6 .contWrap .leftArea .btnSlide .btnNext {right: 0;}
section.s6 .contWrap .leftArea .pagenation {position: absolute; right: 258px; bottom: 102px;}
section.s6 .contWrap .leftArea .pagenation li {display: inline-block; width: 14px; height: 14px; margin: 0 9px; background: rgba(0,0,0,.2); border-radius: 50%; cursor: pointer;}
section.s6 .contWrap .leftArea .pagenation li.active {background: #fff;}
section.s6 .contWrap .rightArea>div {visibility: hidden; position: absolute; left: 0; top: 0; transition: 1s; opacity: 0;}
section.s6 .contWrap .rightArea>div.active {visibility: visible; opacity: 1;}
section.s6 .contWrap .rightArea .btnView {position: absolute; left: 81px; bottom: 103px; width: 224px; height: 77px; text-indent: -999em;}
section.s6 .contWrap .rightArea .btnView a {display: block; width: 100%; height: 100%;}
.slide-item{
  transform:scale(.61);
  transition: 1s;
  opacity:0
}
.current{
  transform:scale(1);
  right:0;
  opacity:1;
}
.c11{
  right:680px;
  opacity:1;
}
.c10{
  right:900px;
  opacity:1;
}
.c9{
  right:1120px;
}
.c8, .c7, .c6{
  right:1340px;
}
.c1{
  right:-420px;
}
.c2{
  right:-640px;
}
.c3, .c4, .c5{
  right:-860px;
}

section.s7 {height: 1110px; padding-top: 135px; background: #f7f7f7; box-sizing: border-box;}
section.s7 h2 {padding-bottom: 5vh; text-align: center;}
/* searching map */
.select_box dt a, .search_list a i, .result_box .pager .prev, .result_box .pager .next { background: url('../images/ico.png') no-repeat;}
.searching_area, .map_area {width: 61.7vw;margin: auto;position: relative;}
.searching_area *, .map_area * { font-family: "돋움", "Dotum", sans-serif }
.searching_area {width: 60vw;padding: 20px 15px 17px;line-height: 45px;background-color:#fff;position: relative;text-align:left;border:1px solid #e2e2e2;}
.searching_area .col_select { text-align:left; display:inline-block;}
.searching_area .col_result { text-align:right; display:inline-block; float:right; font-size: 18px; letter-spacing: -1px; color: #404040; line-height: 50px }
.select_box { width: 152px; margin-right:3px; margin-bottom: 3px; float: left; position: relative }
.select_box a { display: block; font-size: 16px; letter-spacing: -1px; color: #4a4a4a; text-decoration: none; padding: 0 25px; text-align: left; }

.select_box dt a { display: block; height: 43px; border:1px solid #133b89; line-height: 43px; background-color: #fff; background-position: 125px 18px; position: relative; font-weight: bold }
.select_box dt a:after { position: absolute; top: 50%; right: 12px; margin-top: -4px; width: 12px; height: 8px; content: "" }
.select_box dd { position: absolute; top: 44px; left: 0px; border: 1px solid #133b89; border-top: 0; max-height: 600px; overflow-y: auto; display: none; z-index: 55 }
.select_box li a { width: 100px; font-size: 14px; line-height: 30px; background: #fff }
.select_box li a:hover { background-color: #f1f1f1 }
.btn_search { display: inline-block; width: 123px; height: 45px; line-height: 45px; color: #fff; text-decoration: none; background: #133b89; text-align:center; }
.searching_area .col_result .count { color: #3db46f; font-weight: bold }
.result_box { position: absolute; top: 0; left: 30vw; margin-left: -45vw; width: 15vw; height: 100%; background: #fff; border: 1px solid #e2e2e2; text-align: left; overflow-y: auto; opacity: 0; filter: alpha(opacity=0); transition: all .3s ease-in-out; z-index: 50 }
.result_box a { text-decoration: none }
.result_box.open { margin-left: -30vw; opacity: 1; filter: alpha(opacity=100) }
.result_box .pager { padding: 20px 0; line-height: 25px; text-align: center; position: relative }
.result_box .pager a {color: #4a4a4a; text-align: center; margin: 0 5px }
.result_box .pager a.on { font-weight: bold; color: #133b89 }
.result_box .pager .prev, .result_box .pager .next { margin: -6px 0 0 0; display: inline-block; width: 25px; height: 23px; border: 1px solid #ddd; text-indent: -999px; font-size: 0; vertical-align: middle }
.result_box .pager .prev { background-position: 0 -60px }
.result_box .pager .next { background-position: -30px -60px }
.result_box .pager .prev.last, .result_box .pager .next.last { pointer-events: none; cursor: default }
.result_box .pager .prev.last { background-position: 0 -30px }
.result_box .pager .next.last { background-position: -30px -30px }
.search_list a { display: block; padding: 20px 15px 20px 50px; border-bottom: 1px solid #e2e2e2; font-size: 12px; line-height: 16px; color: #5a5a5a; text-decoration: none; position: relative }
.search_list a i { position: absolute; top: 20px; left: 15px; display: inline-block; width: 26px; height: 36px; font-size: 14px; font-weight: bold; font-style: normal; line-height: 28px; color: #fff; background-position: -80px 0; text-align: center }
.search_list a>span { display: block }
.search_list .place { font-size: 16px; font-weight: 600; line-height: 30px; color: #4a4a4a }
.search_list a:hover i, .search_list a.active i { background-position: -122px 0 }
.search_list a:hover .place, .search_list a.active .place { color: #3db46f }

#layer_in {overflow-y: auto; display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 999;}
#layer_in .popup_box>div {display: none;}
#layer_in.on, #layer_in .popup_box>div.on {display: block;}
#layer_in .popup_box{overflow-y: auto; position:absolute; left: 50%; top: 0; max-width: 1920px; height: auto; transform: translateX(-50%);}
#layer_in .btnClose {position: fixed; left: 50%; top: 109px; width: 63px; height: 63px; margin-left: 600px; z-index: 9999;}

#layer_notice {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 999;}
#layer_notice .popup_box {position: absolute; left: 50%; top: 48%; width: 1000px; transform: translate(-50%, -50%);}
#layer_notice .popup_box img {width: 100%;}
#layer_notice .btnWrap {overflow: hidden; position: absolute; left: 0; bottom: 0; width: 100%; height: 10.2%;}
#layer_notice .btnWrap input {visibility: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0;}
#layer_notice .btnWrap label {display: inline-block; position: relative; width: 25%; height: 100%; margin-left: 3%; text-indent: -999em; cursor: pointer;}
#layer_notice .btnWrap label::before {display: none; position: absolute; left: 4%; top: 33.5%; content: ''; width: 3%; max-width: 7px; height: 23%; max-height: 12px; border: 2px solid #000037; border-top: 0; border-left: 0; transform: rotate(45deg);}
#layer_notice .btnWrap input:checked + label::before {display: block;}
#layer_notice .btnWrap a.btnClose {float: right; width: 8%; height: 100%; margin-right: 2.3%; text-indent: -999em;}

.btnFloating {position: fixed; top: 226px; right: 0; z-index: 99;}
.btnFloating a {display: block; height: 100%;}
.btnTop {position: fixed; bottom: 42px; right: 41px; z-index: 99;}
.btnTop a {display: block; height: 100%;}

/* footer */
#footer {position: relative; min-width:1730px; border-top: 1px solid #dfdfdf; padding: 50px 0; background: #fff; text-align:left; color: #757575;}
#footer .inner {width: 1200px; padding-left: 231px; margin: 0 auto; background: url(../images/brandLogo.png) no-repeat; box-sizing: border-box;}
#footer p {font-size: 16px; margin-bottom: 5px;}
#footer .bar {display: inline-block; width: 1px; height: 11px; background: #b3b3b3; vertical-align: middle; margin: 0 13px 3px;}
#footer .copyright {font-size: 11px;display: inline-block;padding-left:15px;}

@media (min-width: 1920px) {
  /* header.head{background:url(../images/header.png) no-repeat center top;}
  header.head::before {position: absolute; left: 0; content: ''; width: 100%; height: 100%; background:url(../images/headerBg.jpg) no-repeat center top; background-size: 100% 100%; z-index: -1;} */
  section.s4::before, section.s5::before  {position: absolute; right: 0; content: ''; width: 50%; height: 100%; background: #f3f3f3; z-index: -1;}
  #layer_in {overflow-x: hidden;}
}
@media (max-width: 1360px) {
  #layer_in .btnClose {left: auto; right: 40px; margin-left: 0;}
}
@media (max-width: 1300px) {
  .searching_area {width: 780px;}
  .searching_area, .map_area {width: 780px;}
  #layer_in .popup_box {left: 0; transform: translateX(0);}
}
@media (max-width: 1000px) {
  #layer_notice .popup_box {width: 95%;}
}