/******************************************************
*
* 공통 CSS
*
******************************************************/
* {margin:0; padding:0; border:0; font-size:16px; box-sizing:border-box;font-family: 'Noto Sans KR';, sans-serif; /*font-family:'NanumSquare', sans-serif;*/

}

address, caption, cite, code, dfn, em, strong, th, var {font-style :normal; font-weight:normal}
table {border-collapse:collapse;}
a { text-decoration:none; color:inherit;}
img {vertical-align:middle; border:0;}
ul, li, ol { list-style:none;}
html,body { width:100%; height:100%;}
/* input 기본 스타일 초기화 */
input[type=text], input[type=password]{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	box-sizing:border-box;
	border-radius:4px;
	box-shadow:none;
}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }

input::placeholder {color:#999; font-size:14px;}
/* input type number 에서 화살표 제거 */
input[type=checkbox] {
	 -webkit-appearance:checkbox;
       -moz-appearance:checkbox;
	-ms-appearance: none;
       -o-appearance: none;
            appearance:checkbox;
	width:14px; height:14px;
}
input[type=radio] {
	 -webkit-appearance:radio;
       -moz-appearance:radio;
       -ms-appearance:radio;
       -o-appearance:radio;
            appearance:radio;
	width:14px; height:14px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
       -moz-appearance: none;
       -ms-appearance: none;
       -o-appearance: none;
            appearance: none;
}
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	box-sizing:border-box;
	border-radius:0;
	box-shadow:none;
}
input:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none;}

input::-ms-clear { display: none; }

.wrap {width:100%!important; position: relative; margin: auto;}

/**** 공통 CSS END ****/



/************************************************************
*
* include top CSS
*
************************************************************/
/***** sub_gnb ******/
.header {position: absolute; left:0; top:0; width: 100%; height: 82px; background:rgba(0,102,182,0.6); border-top: solid 6px #08406b; z-index:10;}
.quickmu {position: fixed; right: 238px; top: 448px;}
.sub_quickmu {position: fixed; right: 238px; top: 360px;}

.menu{width: 1152px; overflow: hidden; margin: 0 auto;}
.menu .logo {float: left; margin-top: 10px;}

.menu .gnbBox {float:right; width:832px; margin-top: 0px;}
.menu ul.gnb {overflow: hidden;}
.menu ul.gnb li {float:left; box-sizing:border-box; padding:0px 34px; text-align: center; line-height: 72px; height:71px;}
.menu ul.gnb li:last-child {float:left; padding:0px 18px; box-sizing:border-box;}
.menu ul.gnb li div {color:#fff; font-size:22px; font-family: 'Noto Sans KR', sans-serif; font-weight:600;  transition:all 0.3s;}
.menu ul.gnb li div:hover {color:#fff; transition:all 0.3s;}


/**** visual ****/
.main_visual {position: relative; width:100%; height:534px; background:url("../img/main/main_visual_2.jpg")no-repeat top center; }

.vs_txt_box {width:100%; height:200px; text-align: center; position: relative;}
.vs_txt_box p.vs_txt01 {position: absolute; top:0; font-family: 'nanumsquare', serif;  letter-spacing: -0.055em; font-size:50px; color:#fff; font-weight:800; width:100%;  top:226px;  text-align: center;  transition:1.5s; transition-delay:0.3s;}
.vs_txt_box p.vs_txt02 {position: absolute; width:100%; font-family: 'nanumsquare', serif; letter-spacing: -0.045em;  line-height: 36px; text-align: center; font-size:28px; color:#fff; font-weight:600; text-shadow: 3px -2px 10px black; top:320px;  transition:1.5s;  }
.vsw .swiper-slide .vs_img_on .vs_txt_box p.vs_txt01 {top:-100px; opacity:0; transition: 2s;}
.vsw .swiper-slide .vs_img_on .vs_txt_box p.vs_txt02 {top:-150px; opacity:0; transition: 2s; }

.main_visual .scrollDown {position: absolute; bottom: 2vw; left: 50%; transform: translateX(-50%);  z-index: 10000;}
.main_visual .scrollDown img {position: relative;}
/**** visual ****/


.main_section {width:100%; margin : 0 auto;}
.section {width:100%; margin : 0 auto;}
.section .inner{width:1152px; margin : 0 auto;}


/************************************************************
*
* footer CSS
*
************************************************************/
.footer {position: relative; width:100%; margin:0 auto;  background-color: #3c3c3c; text-align: center; padding: 32px 0px;}
.footer .inner {position: relative; width: 1152px; margin: 0 auto;}
.footer .top_btn {position: absolute; top: 46px; right: 0px;} 
.footer .botm_logo {}
.footer .botm_logo p{font-size: 30px; color: #fff; padding-bottom: 10px;}
.footer .botm_logo span{font-size: 18px; color: #807e7e;}
.footer p {font-size: 18px; color: #e1e1e1;  padding-top: 34px;}
.footer .address {text-align: center; font-size:14px; color:#d3d3d3; padding-top: 0px; padding-bottom: 12px;}
.footer .address p {font-weight: 500; font-size: 14px; color: #d3d3d3; padding-bottom: 12px;}
.footer .address .gobtn {width: 180px; margin: 0 auto; background-color: #b9b9b9; border-radius: 30px; color: #333; font-weight: 500; padding: 4px 12px; margin-top: 12px;}
.footer .copyright {text-align: center; font-size:14px; color:#888888;}