/******************************************************
*
* 공통 CSS
*
******************************************************/
* {margin:0; padding:0; border:0; font-size:16px; letter-spacing:-0.055em; box-sizing:border-box; font-family:"nanumgothic",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%;}
/* input 기본 스타일 초기화 */
input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
			border:0;
	 box-sizing:border-box;
}

/* 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;
            appearance:checkbox;
	width:14px; height:14px; background-color:#fff;vertical-align: text-top;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
/* Select box 스타일 초기화 */ 
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	
}

/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display: none; }

textarea:focus {
   outline: none;
}
input:focus {
   outline: none;
}
select:focus {
   outline: none;
}
/**** 공통 CSS END ****/

.wrap {width:100%; position:relative; margin:0 auto;}
.inner {width:1000px; max-width:1000px; margin:0 auto; overflow: hidden;}


.layer_popup {width:487px; position:absolute; z-index:999; top:50px; left:50px; border:3px solid #ccc;}
.pop_box {width:100%; overflow: hidden; background-color:#ccc; padding:8px 10px;}
.pop_left {float:left;}
.pop_left #pop_today {vertical-align: middle; cursor:pointer;}
.pop_left label {font-size:14px; color:#333; cursor:pointer;}
.pop_right {float:right;}
.pop_right a {font-size:14px; color:#333;}

/* header */
.header {width:100%;}
.header_top {width:100%; background-color:#edebeb; border-top:6px solid #0282e5; text-align: right; padding:12px 0px;}
.header_top a {font-size:15px; color:#333; font-weight:600; float:right;}
.header_top p {font-size:12px; float:right; margin-top:2.5px; color:#333; font-weight:900; padding:0px 5px;}

.header_search {padding:20px; padding-left:50px;}
.logo {float:left; width:130px;}
.logo img {width:130px;}

.h_search_box {float:right; overflow: hidden; padding:16px 0px;}
.h_search_box .search_bar { width:378px; height:40px; background-color:#0282e5; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px; padding:5px; float:left; overflow: hidden;}
.h_search_box .search_bar input[type="text"] {width:328px; height:30px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px; background-color:#fff;  padding:2px 0px; padding-left:12px; color:#686868; float:left;}
.h_search_box .search_bar input[type="image"] {width:20px; height:20px; float:left; margin:5px; margin-left:10px;}
.blog_btn {float:left; margin-left:10px;}
.blog_btn img {margin-top:2.5px;}


.gnb_box {width:100%; background-color:#0282e5;}
.gnb_ul {height:40px; background:url("../img/common/gnb_bg.jpg")no-repeat center center;}
.gnb_ul li {width:20%; float:left; text-align: center; color:#fff; height:38px; background:url("../img/common/gnb_line.jpg")no-repeat right center;}
.gnb_ul li:first-child {padding-left:15px;}
.gnb_ul li:last-child {background:none; padding-right:15px;}
.gnb_ul li a {font-size:16px; font-weight:600; color:#eee; line-height:38px;}
.gnb_ul li a:hover {color:#f6ee07; transition:0.3s;}

.sub_gnb_box {width:100%; position: relative;}
.sub_gnb {width:100%; background-color:#c7dcf6; padding:10px 0px; position:absolute; top:0px; z-index:99;}
.sub_gnb .gnb_inner {width:880px; margin:0 auto;}
.sub_gnb .gnb_inner a {font-size:14px; font-weight:500; color:#666; margin-right:28px; line-height:24px;}
.sub_gnb .gnb_inner a:hover {color:#020202; transition:0.3s;}

.sub_gnb .gnb_inner02 {width:620px; text-align: right;}
.sub_gnb .gnb_inner03 {width:1000px; text-align: right;}
/* header end */


/* quick menu */
.banner_wrap {max-width:100%; position:relative;}
.quick_menu {width:109px; height:500px; position:absolute; top:50px; right:50px; z-index:999;}

.quick_tit {background-color:#2e2e2e; text-align: center; padding:10px 0px; border-radius:25px 25px 0px 0px; -webkit-border-radius:25px 25px 0px 0px; -moz-border-radius:25px 25px 0px 0px; -ms-border-radius:25px 25px 0px 0px; -o-border-radius:25px 25px 0px 0px; }
.quick_tit p {color:#fff; font-size:14px;}

.quick_menu ul {background-color:#fff; border:1px solid #dadada;}
.quick_menu ul li .quick_list {text-align:center;}
.quick_menu ul li .quick_list01 {background:url("../img/common/banner_menu01.jpg")no-repeat; padding-top:75px;}
.quick_menu ul li .quick_list02 {background:url("../img/common/banner_menu02.jpg")no-repeat; padding-top:75px;}
.quick_menu ul li .quick_list03 {background:url("../img/common/banner_menu03.jpg")no-repeat; padding-top:75px;}
.quick_menu ul li .quick_list p {font-size:15px; color:#313131; font-weight:600; line-height:20px; padding-bottom:15px;}

.quick_line {width:75px; height:1px; margin:0 auto; background-color:#ebebeb;}

.quick_blog {width:100%;}

.top_btn {background:url("../img/common/top_icon.png")no-repeat center right 28px; background-color:#2e2e2e; text-align: center; padding:15px 0px; -webkit-border-radius:0px 0px 25px 25px; -moz-border-radius:0px 0px 25px 25px; -ms-border-radius:0px 0px 25px 25px; -o-border-radius:0px 0px 25px 25px; border-radius:0px 0px 25px 25px; cursor:pointer;}
.top_btn p {color:#fff; font-size:15px; margin-left:-18px;}
/* quick menu end */


.content {width:100%; margin:0 auto;}

/* visual */
.visual {width:100%;}
.swiper_visual .swiper-wrapper img {width:100%;}

.swiper_visual .swiper-pagination {bottom:30px;}
.visual .swiper_visual .swiper-pagination-bullet {width:20px!important; height:20px!important; border-radius:100%!important; background-color:#999!important; outline:none;}
.visual .swiper_visual .swiper-pagination-bullet-active {width:56px!important; border-radius:50px!important; background-color:#337ad0!important;  outline:none;}
/* visual end */


.tab_swiper {width:100%; }
.tab_swiper .swiper-pagination {width:840px!important; left:0!important; bottom:0;}
.tab_swiper .swiper-pagination-bullet {
	width: 105px;
	border-radius: 0;
	height: 67px;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color:#000;
	opacity: 1;
	background:rgba(255,255,255,0);
	margin:0!important;
	font-size:16px; color:#616161; font-weight:400; line-height:56px; font-family:"Roboto",sans-serif; outline: none;
}
.tab_swiper .swiper-pagination-bullet-active {
	background:url("../img/main/tab_on.png")no-repeat center bottom;
	color:#2f75dc;
}
.tab_paging {width:100%; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.inner02 {width:1000px; max-width:1000px; height:56px; position:relative; margin: auto; }
.swiper_inner01 {width:840px; height:67px; position:absolute; top:0; right:0; z-index:9;}
.swiper_inner02 {width:1000px; height:91px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:9;}

.tab_slide_box {width:100%; position: relative;}
.slide_tab {position:absolute; left:50%; transform:translateX(-50%); z-index:99; top:0;}
.tab_tit {width:160px; height:56px; background-color:#4383d0; text-align: center; float:left;}
.tab_tit p {color:#fff; font-size:18px; line-height:56px; letter-spacing:0.4px;}

.swiper-button-next {width:46px!important; height:91px!important; background:url("../img/main/next.png")no-repeat; position:absolute; right:-100px; outline:none;}
.swiper-button-prev {width:46px!important; height:91px!important; background:url("../img/main/prev.png")no-repeat;position:absolute; left:-100px; outline:none;}

.slide_img_box {width:100%;}
.slide_img_box .slide_img01 {width:100%; position: relative;}
.slide_img_box .slide_img01 img {width:1920px; display: block; margin:0 auto;}

.img_box_inner {width:1000px; position:absolute; left:50%; transform:translateX(-50%); bottom:110px; overflow: hidden;}
.img_box_inner .more_btn {width:180px; height:46px; text-align: center; line-height:46px; border:1px solid #333; float:left; color:#333; font-weight:500; margin-right:44px;}
.img_box_inner .more_btn:hover {background-color:#333; color:#fff; transition:0.3s;}

.img_box_inner01 {padding-left:40px; bottom:90px;}
.img_box_inner02 {padding-left:40px; bottom:90px;}
.img_box_inner03 {padding-left:40px; bottom:90px;}
.img_box_inner04 {padding-left:40px; bottom:90px;}
.img_box_inner05 {padding-left:40px; bottom:90px;}
.img_box_inner06 {padding-left:40px; bottom:90px;}
.img_box_inner07 {padding-left:40px; bottom:90px;}
.img_box_inner08 {padding-left:40px; bottom:90px;}

.customer {width:100%; border-bottom:1px solid #d0d0d0; margin:auto; position: relative;}
.customer_tit {text-align: center; position: absolute; top:60px; left:50%; transform:translateX(-50%);}
.customer_tit p {font-family:"Roboto",sans-serif; font-size:40px; font-weight:400; letter-spacing:0px; color:#333;}

.customer ul {width:1000px; overflow: hidden; position: absolute; top:155px; background:url("../img/main/support_bg02.png")repeat-x center center; left:50%; transform:translateX(-50%);}
.customer ul li {width:169px; height:169px; float:left; margin-right:108px;}
.customer ul li:last-child {margin-right:0;}


.sample {width:499.5px; float:left; overflow: hidden; padding:60px 40px;}
.sample p.sample_tit {float:left; font-size:23px; font-weight:500; color:#333; margin-bottom:15px;}
.sample .more_btn02 {float:right; height:20px; background:url("../img/main/more_btn.png")no-repeat right center; padding-right:28px; color:#666; margin-top:3px;}
.sample table {width:420px;}
.sample table tr td {padding:8px 0px;}
.sample table tr td a.f_width {font-size:15px; font-weight:500; color:#313131;}
.sample table tr td a.f_width:hover {color:#888; transition:0.3s;}
.sample table tr td p.date_txt {font-size:14px; font-weight:400; color:#999;}
.sample table tr td:last-child {text-align:right;}

.line_box {width:1px; height:191px; background-color:#d8dce5; float:left; margin-top:50px;}
.contact {width:499.5px; float:right; padding:60px 0px; padding-left:40px;}
.tel_box {width:100%; background:url("../img/main/contact_icon.png")no-repeat left center; padding-left:100px;}

.tel_box p.tel01 {font-size:40px; color:#289dd9; font-weight:500; font-family:'Noto Sans KR', sans-serif; line-height:36px; padding-bottom:10px;}
.tel_box p.tel02 {font-size:17px; font-family:'Noto Sans KR', sans-serif; color:#4c4c4c;}
.contact img {margin-top:20px;}


.cooper_com {width:100%; border-top:1px solid #d1d1d1;}
.cooper_com ul {padding:35px 0px;}
.cooper_com ul li {width:130px; float:left; margin-right:15px;}
.cooper_com ul li:nth-child(7n) {margin-right:0;}
.cooper_com ul li:nth-child(n+8) {margin-top:25px;}


.footer{background-color:#f4f4f4; padding:25px;}
.copy_logo {float:left; overflow: hidden; width:180px;}
.copy_logo img {float:left;}
.copy_logo .copy_line {width:1px; height:42px; background-color:#dadada; float:right; margin:22.5px 0px;}
.copy_con {float:left; width:820px; height:87px; padding-left:40px; padding-top:12px;}
.copy_con .copy_font01 {color:#575757; font-size:14px; font-weight:500; padding-bottom:10px;}
.copy_con .copy_font02 {color:#b0b0b0; font-size:14px; font-weight:400;}