@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/* reset */
body {
	font-family:'Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;	
	font-weight:400;
	font-size:14px;
	line-height:1.6;
	color:#666666;	
	margin:0;
	padding:0;	
	letter-spacing:-0.5px;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
}/*overflow-x: hidden;*/

*{margin:0; 	padding:0; box-sizing:border-box;}

h1, h2, h3, h4, h5, h6 {font-size:1em;}
strong, b, h1, h2, h3, h4, h5, h6, th{font-weight:500;}
em,i,address{font-style:normal;}
ul, ol {list-style:none;}
a{text-decoration:none; color:#666666;}

/* 웹 접근성을 현저히 떨어뜨리는 코드 */
*:focus{outline:none; }

button{cursor:pointer; border:none; background-color:#ffffff; font-family:inherit; font-weight:500; font-size:14px; border-radius:3px; }
button:focus{outline:none;}

textarea:focus{outline:none;}
textarea{font-family:inherit; width:100%; overflow-y:auto; font-size:15px; text-align:left; padding:10px 10px; min-height:80px; border:1px solid #e6e6e6; border-radius:3px; vertical-align:top;}

input:focus{outline:none;}
input[type=text]{font-family:inherit; border:1px solid #e6e6e6; background-color:#ffffff; font-size:15px; width:100%; padding:10px 15px; letter-spacing:-1px; border-radius:3px;}
input[type=password]{font-family:inherit; border:1px solid #e6e6e6; background-color:#ffffff; font-size:15px; width:100%; padding:10px 15px; letter-spacing:-1px; border-radius:3px;}
input[type=file]{font-family:inherit;}
input[type=search]{font-family:inherit; font-size:15px;}

iframe{border:none; vertical-align:top;}

fieldset{border:none;}

legend{font-size:0; height:0; width:0;}

select{font-family:inherit; width:100%; border:1px solid #e6e6e6;  background-color:#ffffff; padding:10px 12px; border-radius:3px; font-size:15px; letter-spacing:-1px;}

img{border:none;}

br{letter-spacing:0; font-family:NanumGothic,'나눔고딕', sans-serif;}

table{word-break:break-all; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;} 
table caption{font-size:0; text-indent:-999999px;}

swiper-wrapper{box-sizing:border-box;}

/***layout***/
.wrap{width:100%; height:100%; font-family:'Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif; min-width:1200px;}
header{width:100%;}
main{width:100%;}
footer{width:100%; padding:20px 0 80px; position:relative; background-color:#333333; color:#999999; }

/***common***/
.wrap img{display:block; max-width:100%; vertical-align:top; margin:0 auto;}
#content_go{width:0; height:0; font-size:0; text-indent:-999999px; overflow:hidden;}
.clearfix:after{content:''; zoom:1; display:block; clear:both;}
.inner{width:1200px; padding:0 15px; margin:0 auto;}
.en_txt{font-family:'Lato'; font-weight:normal;}
.blind{font-size:0; text-indent:-999999px; overflow:hidden;}
.main_container{padding:0 0 80px;}

/*prev-next 페이지 버튼 공통*/
.prev_next_page{text-align:center; font-size:0; margin-top:50px;}
.prev_next_page>*{display:inline-block; vertical-align:top;}
.prev_next_page>span{margin:0 7px;}
.prev_next_page>span>a{display:inline-block; font-size:14px; padding:2px 7px; }
.prev_next_page>span>a.on{color:#6c6ccb; font-weight:500;}
.prev_next_page>a.btn_page{width:26px; height:26px; background-position:0 0; background-repeat:no-repeat;}
.prev_next_page>a.first_page{background-image:url("../images/common/btn_first.jpg");}
.prev_next_page>a.prev_page{background-image:url("../images/common/btn_prev.jpg"); margin-left:3px;}
.prev_next_page>a.next_page{background-image:url("../images/common/btn_next.jpg");}
.prev_next_page>a.last_page{background-image:url("../images/common/btn_last.jpg"); margin-left:3px;}

/*header_wrap01 PC / 가로 1201px 이상 common*/
.header_wrap01{width:100%; background-color:rgba(255,255,255,1); -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  
		transition:all 0.3s ease;  z-index:240; padding-top:20px; position:relative;}

/*header_wrap01 h1*/
.header_wrap01 h1{float:left; width:206px;}

/*.header_menu_wrap*/
.header_menu_wrap{float:right;}
/*top_member_menu_wrap*/
.top_member_menu_wrap{text-align:right; position:relative;}
.top_member_menu_wrap>*{display:inline-block; vertical-align:middle; text-align:left;} 
.top_message_wrap>*{display:inline-block; vertical-align:middle;}
.top_message_wrap>*+*{margin-left:10px;}
.common_search_wrap div{ border:1px solid #999999; border-radius:50px; overflow:hidden; width:190px; }
.common_search_wrap div>*{display:inline-block; vertical-align:middle;}
.common_search_wrap input[type=search]{border:none; width:155px; height:30px; padding:2px 5px 2px 12px; font-size:14px;}
.top_btn_search{border:none; font-size:0; text-indent:-999999px; padding:0; background-color:#ffffff;}
.top_btn_search>span{display:block; width:30px; height:30px; position:relative;}
.top_btn_search>span:before{content:''; width:12px; height:12px; display:block; border-radius:50%; border:2px solid #828282; position:absolute; left:0; top:5px;}
.top_btn_search>span:after{content:''; width:6px; height:2px; display:block; border-radius:2px; background-color:#666666; position:absolute; left:13px; top:20px;
		transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.top_my_notification_wrap{width:24px; height:26px; position:relative;}
.top_my_notification_wrap button{background:url("../images/common/notify_icon.png")no-repeat center center; background-size:cover;
		text-indent:-999999px; overflow:hidden; font-size:0; width:100%; height:100%; vertical-align:top;}
.top_my_notification_wrap>span{display:block; width:15px; height:15px; background-color:#c90000; color:#ffffff; font-size:6px; border-radius:50%;
		position:absolute; right:-6px; top:9px; line-height:1.0; padding-top:2px; text-align:center; }
.top_my_chatting_wrap{width:24px; height:26px; position:relative;}
.top_my_chatting_wrap button{background:url("../images/common/chatting_icon.png")no-repeat center center; background-size:cover;
		text-indent:-999999px; overflow:hidden; font-size:0; width:100%; height:100%; vertical-align:top;}
.top_my_chatting_wrap>span{display:block; width:15px; height:15px; background-color:#c90000; color:#ffffff; font-size:6px; border-radius:50%;
		position:absolute; right:-6px; top:9px; line-height:1.0; padding-top:2px; text-align:center; }

/*top_member_menu*/
.top_member_menu{margin-left:30px;}
.top_member_menu>li{float:left; position:relative;}
.top_member_menu>li+li{margin-left:10px; padding-left:10px;}
.top_member_menu>li+li:before{content:''; width:1px; height:12px; display:block; background-color:#999999; position:absolute; left:0; top:6px;}
.top_member_menu>li>a{display:block; font-size:14px;}

/*gnb */
.gnb{margin-top:19px;} 
.gnb>li{float:left; font-size:18px;}
.gnb>li+li{margin-left:70px;}
.gnb>li>a{display:block; color:#222222; padding:0 5px 20px 5px; position:relative;}
.gnb>li>a:before{content:''; width:100%; height:8px; display:block; background-color:#ffc41d; opacity:0; position:absolute; left:0; top:18px; z-index:-1;}
.gnb>li:hover>a{color:#000000;}
.gnb>li:hover>a:before{opacity:1;}
.gnb>li.on>a{color:#000000;}
.gnb>li.on>a:before{opacity:1;}
/* gnb_2depth메뉴 */
.gnb_2depth_wrap{display:none; width:100%; position:absolute; left:0; top:119px; z-index:300; background-color:#ffffff; border-bottom:1px solid #dedede; 
		border-top:1px solid #dedede;}
.gnb_2depth{width:(100% - 480px); margin-left:480px; padding:15px 0 18px;}
.gnb_2depth>li{margin:3px 6px 0; display:inline-block; vertical-align:top;}
.gnb_2depth>li>a{display:block; font-size:16px; padding:0 3px; position:relative;}
.gnb_2depth>li>a:before{content:''; width:100%; height:6px; display:block; background-color:#ffc41d; opacity:0; position:absolute; left:0; top:18px; z-index:-1;}
.gnb_2depth>li>a:hover{color:#000000;}
.gnb_2depth>li>a:hover:before{opacity:1;}

/*header_wrap01 스크롤 내렸을때 */
.header_wrap01.header_up{position:fixed; left:0; top:-57px; box-shadow:1px 1px 4px rgba(0,0,0,0.2);} 
.header_wrap01.header_up h1{width:120px; margin-top:42px;} 
.header_wrap01.header_up .gnb>li>a{padding-bottom:15px;}
.header_wrap01.header_up .gnb_2depth_wrap{top:114px;}

/*area_set_up_box*/
.area_set_up_box{position:absolute; left:0; top:0; border-bottom:1px solid #999999; min-width:140px;}
.area_set_up_box .area_title{padding:4px 0; display:block; position:relative; cursor:pointer; font-size:15px; color:#333333;}
.area_set_up_box .area_title:before{content:''; height:6px; width:6px; display:block; border:2px solid #666666; border-left-width:0; border-top-width:0;
		transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); 
		-ms-transform: rotate(45deg); position:absolute; top:8px; right:5px;}
.area_set_up_box .area_title.open{color:#000000;}
.area_set_up_box .area_title.open:before{border-color:#000000;}
.area_set_up_box .area_list{display:none; position:absolute; left:0; top:32px; z-index:320; width:140px; border:1px solid #dedede; background-color:#ffffff; 
		padding:5px 0;} 
.area_set_up_box .area_list li{padding:2px 15px; cursor:pointer;}
.area_set_up_box .area_list li+li{margin-top:2px;}
.area_set_up_box .area_list .top_btn_area button{width:100%; padding:5px 10px; text-align:left; background-color:#ffc41d; border-radius:2px; position:relative;}
.area_set_up_box .area_list .top_btn_area button:before{content:''; height:6px; width:6px; display:block; border:2px solid #000000; border-left-width:0; 
		border-top-width:0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); 
		-ms-transform: rotate(-45deg); position:absolute; top:10px; right:10px;}

/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하*/
.header_wrap02{display:none; width:100%; padding:15px 15px; background-color:#ffffff; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease; min-width:350px; }
/*header_wrap02 h1 logo*/
.header_wrap02 h1{float:left; width:126px;}
.header_wrap02 h1>a{display:block;}
.header_wrap02 h1>a img{width:100%;}
/*header_wrap02 전화연결 메뉴/ 모바일 메뉴 common*/
.header_wrap02 .util_menu{float:right; margin-top:9px;}
.header_wrap02 .util_menu>div{float:left; }
.header_wrap02 .util_menu>div+div{margin-left:8px;}
/*전화연결*/
.phone_link{width:30px; height:30px; }
.phone_link>a{display:block; width:100%;}
.phone_link>a>img{width:100%;}
/* 모바일 search box */
.tm_btn_search_open{width:24px; height:30px; position:relative; border:none; background-color:transparent; text-indent:-999999px; 
		overflow:hidden;}
.tm_btn_search_open>span{display:block;}
.tm_btn_search_open>span:before{content:''; width:16px; height:16px; display:block; border-radius:50%; border:2px solid #444444; position:absolute; left:0; 
		top:2px;}
.tm_btn_search_open>span:after{content:''; width:10px; height:2px; display:block; border-radius:2px; background-color:#444444; position:absolute; left:13px; 
		top:22px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);}
.tm_search{display:none; position:absolute; left:0; top:78px; z-index:480; background-color:rgba(255,255,255,1); width:100%; 
		border-top:1px solid #e6e6e6; padding:20px 15px; letter-spacing:-1px; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease; border-bottom:1px solid #e6e6e6; }
.tm_search div{ border:1px solid #999999; border-radius:50px; overflow:hidden; width:220px; margin:0 auto;}
.tm_search div>*{vertical-align:middle;}
.tm_common_search{border:none; width:185px; height:30px; padding:2px 5px 2px 12px; font-size:14px;}
.tm_btn_search{font-size:0; text-indent:-999999px; padding:0; background-color:#ffffff;}
.tm_btn_search>span{display:block; width:30px; height:30px; position:relative;}
.tm_btn_search>span:before{content:''; width:12px; height:12px; display:block; border-radius:50%; border:2px solid #444444; position:absolute; left:0; top:5px;}
.tm_btn_search>span:after{content:''; width:6px; height:2px; display:block; border-radius:2px; background-color:#444444; position:absolute; left:13px; top:20px;
		transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

/*모바일 메뉴 열기 버튼*/
.btn_tm_nav_open{width:20px; height:30px; position:relative; cursor:pointer; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease; padding-top:7px;}
.btn_tm_nav_open span{display:block; width:100%; height:2px; overflow:hidden; font-size:0;  background-color:#444444; margin:0 auto;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease; }
.btn_tm_nav_open span+span{margin-top:5px;}
/*모바일 메뉴 열렸을때 버튼 모양 x로 변경*/
.btn_tm_nav_open.on{z-index:600; position:fixed; right:20px; top:20px;}
.btn_tm_nav_open.on span:nth-child(1){-webkit-transform: translateY(7px) rotate(-45deg); -ms-transform: translateY(7px) rotate(-45deg); 
		transform: translateY(7px) rotate(-45deg);}
.btn_tm_nav_open.on span:nth-child(2){opacity: 0;}
.btn_tm_nav_open.on span:nth-child(3){transform: translateY(-7px) rotate(45deg); -webkit-transform: translateY(-7px) rotate(45deg);
		-ms-transform: translateY(-7px) rotate(45deg);}
/*모바일 메뉴 배경 바탕막*/
.page_cover02{display:none; position:fixed; width:100%; height:100%; top:0px; left:0; background-color:rgba(0,0,0,0.6); z-index:499; 
		min-height:999999px;}
/*모바일,태블릿/1차 2차 카테고리  메뉴 common*/
.tm_gnb_wrap{display:block; width:80%; height:100%; position:fixed; top:0px; right:-100%; z-index:500; background-color:rgba(255,255,255,1); 
		overflow-y:auto;}
.tm_member_login_wrap{background-color:#ffc41d; padding:20px 15px 20px 20px;}
.tm_member_login{padding-right:30px;}
.tm_member_login>li{color:#000000;  font-weight:500;}
.tm_member_login>li+li{margin-top:6px;}
.tm_member_login>li>a{display:inline-block; color:#000000; padding:2px 10px; border:1px solid #000000; border-radius:2px; min-width:72px; 
		text-align:center;}
.tm_member_login>li strong{font-size:15px;}
/*1차 카테고리  메뉴*/
.tm_gnb{width:100%; overflow-x:hidden;}
.tm_gnb>li>a{display:block; color:#222222;}
.tm_gnb>li strong{display:block; font-size:15px; color:#222222; padding:9px 10px 9px 20px; cursor:pointer; position:relative; }
.tm_gnb>li .m_more{width:9px; height:9px; display:block; position:absolute; right:20px; top:17px; overflow:hidden; }
.tm_gnb>li .m_more:before,.tm_gnb>li .m_more:after{content:''; width:9px; height:1px; position:absolute; left:0; top:4px; display:block; 
		background-color:#666666;}
.tm_gnb>li .m_more:after{width:1px; height:9px; left:4px; top:0; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  
		transition:all 0.3s ease;}
.tm_gnb>li.active .m_more:after{display:none;}
/*2차 카테고리*/
.tm_gnb_2depth{display:none; background-color:#fafafa; padding:15px 0 15px 0;}
.tm_gnb_2depth>li{line-height:1.5;}
.tm_gnb_2depth>li+li{margin-top:7px;}
.tm_gnb_2depth>li>a{display:block; font-size:14px; padding:0 10px 0 35px; position:relative; font-weight:500;}
.tm_gnb_2depth>li>a:before{content:'-'; display:block; position:absolute; left:25px; top:0;}
.tm_gnb_2depth>li>a:hover{color:#000000;}
/*home link*/
.tm_home_link{padding-top:18px;}
.tm_gnb .tm_home{width:54px; height:14px; display:inline-block; position:relative;  font-size:0; text-indent:-999999px; overflow:hidden; margin-left:30px;}
.tm_gnb .tm_home:before{content:''; width:0; height:0px; display:block; position:absolute; left:7px; top:0px; border:7px solid transparent; 
		border-bottom-color:#000000; border-top:0; transform:scale(1,0.8);-webkit-transform:scale(1,0.8); -moz-transform:scale(1,0.8); -o-transform:scale(1,0.8);
		-ms-transform:scale(1,0.8);}
.tm_gnb .tm_home:after{content:''; width:4px; height:4px; display:block; position:absolute; left:9px; top:6px; border:3px solid #000000; 
		border-top-width:3px; border-bottom:0;}
/*고객센터*/
.tm_cs_center{padding:15px 20px 20px; border-top:1px solid #eeeeee;}
.tm_cs_center h4{font-size:15px; margin-bottom:5px; font-weight:400; color:#000000;}
.tm_cs_center dt,.tm_cs_center dd{display:inline-block; font-size:18px; color:#000000; vertical-align:middle;}
.tm_cs_center dd{margin-left:5px; font-weight:bold;}
/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하 스크롤 내렸을때 */
.header_wrap02.header_up02{padding:10px 15px; position:fixed; top:0; left:0; z-index:500; box-shadow:1px 1px 3px rgba(0,0,0,0.2); 
		background-color:rgba(255,255,255,0.98);}
.header_wrap02.header_up02 .tm_search{top:68px;}

/*tm_area_set_up_box*/
.tm_area_set_up_box{float:right; border-bottom:1px solid #999999; min-width:120px; margin-right:10px; font-size:13px; margin-top:8px; position:relative;
		letter-spacing:-1px;}
.tm_area_set_up_box .tm_area_title{padding:4px 0; display:block; position:relative; cursor:pointer; font-size:14px; color:#333333;}
.tm_area_set_up_box .tm_area_title:before{content:''; height:6px; width:6px; display:block; border:2px solid #666666; border-left-width:0; border-top-width:0;
		transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); 
		-ms-transform: rotate(45deg); position:absolute; top:10px; right:5px;}
.tm_area_set_up_box .tm_area_title.open{color:#000000;}
.tm_area_set_up_box .tm_area_title.open:before{border-color:#000000;}
.tm_area_set_up_box .tm_area_list{display:none; position:absolute; left:0; top:30px; z-index:490; width:100%; border:1px solid #dedede; background-color:#ffffff; 
		padding:5px 0;} 
.tm_area_set_up_box .tm_area_list li{padding:2px 8px; cursor:pointer;}
.tm_area_set_up_box .tm_area_list li+li{margin-top:2px;}
.tm_area_set_up_box .tm_area_list .tm_top_btn_area button{width:100%; padding:5px 10px; text-align:left; background-color:#ffc41d; border-radius:2px; position:relative;}
.tm_area_set_up_box .tm_area_list .tm_top_btn_area button:before{content:''; height:6px; width:6px; display:block; border:2px solid #000000; border-left-width:0; 
		border-top-width:0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); 
		-ms-transform: rotate(-45deg); position:absolute; top:11px; right:10px;}

/*메인 비주얼*/
.main_visual{width:100%;}
.main_slide_list{height:600px; }
.main_slide_list>li{width:100%; height:100%;}
.main_slide_list>li>div{height:100%; }
.main_slide_list .slide01{background:url("../images/main/main_visual_slide01.jpg")no-repeat center center; background-size:cover;}  
.main_slide_list .slide02{background:url("../images/main/main_visual_slide02.jpg")no-repeat center center; background-size:cover;}  
.main_slide_list .slide03{background:url("../images/main/main_visual_slide03.jpg")no-repeat center center; background-size:cover;}  
/*메인 비쥬얼 control_box*/
.main_visual.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#ffffff; opacity:0.6; width:6px; height:6px;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.main_visual.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:1; width:30px; border-radius:4px;
		box-shadow:1px 1px 3px rgba(0,0,0,0.2);   background-color:#ffc41d;}

/*local_list_2depth 지역정보 슬라이드*/
.local_list_2depth{padding:20px 0;}
.local_list_2depth .local_list_menu_wrap{padding:0 45px; position:relative;}
.local_list_2depth .local_list_menu_wrap:before{content:''; display:block; width:45px; height:100%; background-color:#ffffff; position:absolute; left:0; top:0;
		z-index:10;}
.local_list_2depth .local_list_menu_wrap:after{content:''; display:block; width:45px; height:100%; background-color:#ffffff; position:absolute; right:0; top:0;
		z-index:5;}
.local_list_2depth .local_list_menu>li{width:auto;}
.local_list_2depth .local_list_menu>li>a{display:block; color:#222222; border-radius:50px; line-height:1.0; border:2px solid #dbdbda; padding:10px 20px 10px; 
		font-size:15px; letter-spacing:-1px; font-weight:500;}
.local_list_2depth .local_list_menu>li>a:hover{background-color:#ffc41d; color:#000000; border-color:#ffc41d;}
.sub_wrap .local_list_2depth .local_list_menu>li>a.on{background-color:#ffc41d; color:#000000; border-color:#ffc41d;}
/*local_list_slide_button*/
.local_list_slide_button{width:36px; height:36px; border-radius:50%; text-indent:-999999px; overflow:hidden; display:block; border:2px solid #000000; top:60%;
		background-color:#ffffff;}
.local_list_slide_button:focus{outline:none;}
.local_list_button_next{right:0;}
.local_list_button_next:after{content:''; height:6px; width:6px; display:block; border:2px solid #000000; border-left-width:0; border-top-width:0;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); 
		position:absolute; top:12px; right:13px; }
.local_list_button_prev{left:0;}
.local_list_button_prev:after{content:''; height:6px; width:6px; display:block; border:2px solid #000000; border-right-width:0; border-bottom-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); 
		position:absolute; top:12px; left:13px; }

/*local_list02_2depth 지역정보 슬라이드*/
.local_list02_2depth{padding:20px 0;}
.local_list02_2depth .local_list02_menu_wrap{padding:0 45px; position:relative;}
.local_list02_2depth .local_list02_menu_wrap:before{content:''; display:block; width:45px; height:100%; background-color:#ffffff; position:absolute; left:0; top:0;
		z-index:10;}
.local_list02_2depth .local_list02_menu_wrap:after{content:''; display:block; width:45px; height:100%; background-color:#ffffff; position:absolute; right:0; top:0;
		z-index:5;}
.local_list02_2depth .local_list02_menu>li{width:auto;}
.local_list02_2depth .local_list02_menu>li>a{display:block; color:#222222; border-radius:50px; line-height:1.0; border:2px solid #dbdbda; padding:10px 20px 10px; 
		font-size:15px; letter-spacing:-1px; font-weight:500;}
.local_list02_2depth .local_list02_menu>li>a:hover{background-color:#ffc41d; color:#000000; border-color:#ffc41d;}
.sub_wrap .local_list02_2depth .local_list02_menu>li>a.on{background-color:#ffc41d; color:#000000; border-color:#ffc41d;}
/*local_list02_slide_button*/
.local_list02_slide_button{width:36px; height:36px; border-radius:50%; text-indent:-999999px; overflow:hidden; display:block; border:2px solid #000000; top:60%;
		background-color:#ffffff;}
.local_list02_slide_button:focus{outline:none;}
.local_list02_button_next{right:0;}
.local_list02_button_next:after{content:''; height:6px; width:6px; display:block; border:2px solid #000000; border-left-width:0; border-top-width:0;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); 
		position:absolute; top:12px; right:13px; }
.local_list02_button_prev{left:0;}
.local_list02_button_prev:after{content:''; height:6px; width:6px; display:block; border:2px solid #000000; border-right-width:0; border-bottom-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); 
		position:absolute; top:12px; left:13px; }

/*main_banner01*/
.main_banner01{float:left; width:50%; height:280px; background:url("../images/main/bg_main_banner01.jpg")no-repeat center center; background-size:cover;}
.main_banner01>div{width:600px; height:100%; float:right; padding-left:15px; display:table; position:relative;}
.main_banner01>div>div{width:100%; display:table-cell; vertical-align:middle; padding-left:95px; 
		background:url("../images/main/main_banner_icon.png")no-repeat 0 center;}
.main_banner01 h3{font-size:24px; color:#000000;}
.main_banner01 ul{margin-top:2px; font-size:0;}
.main_banner01 li{display:inline-block; vertical-align:top; position:relative; letter-spacing:-1px;}
.main_banner01 li+li{margin-left:10px; padding-left:10px;}
.main_banner01 li+li:before{content:''; position:absolute; left:0; top:9px; width:1px; height:15px; display:block; background-color:#666666;}
.main_banner01 li>a{display:block; color:#333333; font-size:20px;}
.main_banner01 li>a:hover{color:#000000; text-decoration:underline;}
.main_banner01 span{position:absolute; right:-30px; top:50px; display:block; width:310px;}
.main_banner01 span>img{width:100%;}

/*main_banner02*/
.main_banner02{float:right; width:50%; height:280px; background:url("../images/main/bg_main_banner02.jpg")no-repeat center center; background-size:cover;}
.main_banner02>div{width:600px; height:100%; float:left; padding-right:15px; display:table;}
.main_banner02>div>a{width:100%; height:100%; display:table-cell; vertical-align:middle;}

/*main_banner_wrap02*/
.main_banner_wrap02{margin-top:100px;}
/*공지사항*/
.main_notice_wrap{float:left; width:47.5%; border:1px solid #e6e6e6; border-radius:10px; padding:25px 30px 27px; position:relative;}
.main_notice_wrap h4{color:#000000; font-size:24px;}
.main_notice_wrap ul{margin-top:20px; height:236px;}
.main_notice_wrap ul li{padding:5px 0;}
.main_notice_wrap ul li+li{border-top:1px dashed #e6e6e6; }
.main_notice_wrap ul li>a{display:block; font-size:16px; padding:5px 0; position:relative;}
.main_notice_wrap ul li>a:hover{color:#222222;}
.main_notice_wrap ul li:first-child>a{font-size:18px; color:#222222; font-weight:500;}
.main_notice_wrap ul li:first-child>a strong{font-weight:500;}
.main_notice_wrap ul li>a strong{display:block; width:calc(100% - 92px); white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-weight:400;}
.main_notice_wrap ul li>a span{display:block; position:absolute; right:0; top:5px;}
.main_notice_more{position:absolute; right:30px; top:30px; font-size:16px; color:#999999;}
.main_notice_more:hover{color:#222222;}
/*pop_up_zone*/
.pop_up_zone_wrap{float:right; width:47.5%; }
.pop_up_zone_wrap ul li{border-radius:10px; overflow:hidden;}
.pop_up_zone_wrap ul li>a{display:block;}
/*pop_up_zone control_box*/
.pop_up_zone_wrap.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#ffffff; opacity:0.6; width:6px;
		height:6px; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.pop_up_zone_wrap.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:1; width:20px; border-radius:4px;
		box-shadow:1px 1px 3px rgba(0,0,0,0.2);   background-color:#ffc41d;}

/*main_advertise_banner_wrap*/
.main_advertise_banner_wrap{margin-top:50px;}
.main_advertise_list{float:left; width:36%;}
.main_advertise_list+*{margin-left:2%;}
.main_advertise_list.main_advertise_slide_wrap{width:24%;}
/*.main_advertise_slide_wrap*/
.main_advertise_slide_wrap ul li{border-radius:10px; overflow:hidden;}
.main_advertise_slide_wrap ul li>a{display:block;}
/*main_advertise_pagination control_box*/
.main_advertise_slide_wrap.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#ffffff; opacity:0.6; width:6px;
		height:6px; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.main_advertise_slide_wrap.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:1; width:20px; border-radius:4px;
		box-shadow:1px 1px 3px rgba(0,0,0,0.2);   background-color:#ffc41d;}
/*main_advertise_list02*/
.main_advertise_list02{height:281px; background-color:#ffc41d; border-radius:10px; overflow:hidden; padding:20px 10px; position:relative;}
.main_advertise_list02 h4{font-size:24px; color:#000000; font-weight:700; padding-left:15px; line-height:1.4;}
.main_advertise_list02>a{position:absolute; right:25px; bottom:20px; font-size:16px; color:#333333;}
.main_advertise_list02>a:hover{color:#000000;}
/*main_advertise_list03*/
.main_advertise_list03{font-size:0; height:281px;}
.main_advertise_list03>li{padding:2px; display:inline-block; vertical-align:top; width:33.333333%; height:50%;}
.main_advertise_list03>li>a{display:block; width:100%; height:100%; color:#ffffff; text-align:center; background-color:#8b8bff;  border-radius:8px;
		padding:10px 2px;}
.main_advertise_list03>li>a img{max-width:80px;}
.main_advertise_list03>li>a strong{display:block; font-weight:normal; font-size:18px; margin-top:2px;}

/*main_community_wrap*/
.main_community_wrap{margin-top:50px;}
.main_community{float:left; width:32%; padding:18px 20px; height:268px;}
.main_community+div{margin-left:2%;}
.main_community h4{font-size:24px; color:#000000;}
/*main_board_wrap*/
.main_board_wrap{border:1px solid #e6e6e6; border-radius:10px; position:relative; }
.main_board_wrap ul{margin-top:20px; height:171px;}
.main_board_wrap ul li{padding:5px 0; border-top:1px dashed #e6e6e6;}
.main_board_wrap ul li>a{display:block; font-size:16px; padding:3px 0; position:relative;}
.main_board_wrap ul li>a:hover{color:#222222;}
.main_board_wrap ul li>a strong{display:block; width:calc(100% - 88px); white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-weight:400;} 
.main_board_wrap ul li>a span{display:block; position:absolute; right:0; top:5px;} 
.main_board_more{position:absolute; right:20px; top:24px; font-size:16px; color:#999999;}
.main_board_more:hover{color:#222222;}
/*main_cs_center */
.main_cs_center{background:#ffc41d url("../images/main/bg_cs.png")no-repeat right bottom; background-size:200px auto; overflow:hidden; border-radius:10px;} 
.main_cs_center strong{font-weight:bold; color:#000000; font-size:32px;}
.main_cs_center p{color:#333333; font-size:16px; margin-top:20px;}

/*etc_menu*/
.etc_menu{padding:12px 0; border-top:1px solid #dedede;}
.etc_menu ul{font-size:0;}
.etc_menu ul li{display:inline-block; vertical-align:top; font-size:14px; position:relative;}
.etc_menu ul li+li{margin-left:10px; padding-left:10px;}
.etc_menu ul li+li:before{content:''; width:1px; height:12px; display:block; background-color:#999999; position:absolute; left:0; top:6px;}
.etc_menu ul li>a{ display:block;}
.etc_menu ul li>a:hover{color:#000000;}

/*footer*/
.f_logo{float:left; width:130px; display:block;}
.f_logo>img{width:100%;}
.company_info02{float:left; margin-left:40px; font-size:14px; margin-top:10px; }
.company_info02 dl{display:inline-block; vertical-align:middle; position:relative;}
.company_info02 dl+dl{padding-left:8px; margin-left:5px;}
.company_info02 dl dt,.company_info02 dl dd{display:inline-block; vertical-align:top;}
.company_info02 dl dd, .company_info02 span{color:#ffffff;}
.company_info02 dl dd{margin-left:5px;}

/*.top_btn*/
.top_btn{position:fixed; bottom:20px; right:15px; border:1px solid #aaaaaa; padding:15px 0 8px; cursor:pointer; width:40px; height:40px; 
		text-align:center; font-size:13px; color:#aaaaaa; z-index:300; background-color:rgba(255,255,255,0.05);}
.top_btn:before{content:''; width:4px; height:4px; display:block; border:2px solid #aaaaaa; border-left-width:0; border-bottom-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:16px; top:9px;}

/*뒤로 돌아가기 back_btn*/
footer .back_btn{display:none; width:40px; height:40px; position:absolute; left:15px; bottom:20px; border:1px solid #aaaaaa;}
footer .back_btn>img{width:100%;}


/*1200이하 */
@media screen and (max-width:1200px){

/***layout***/
.wrap{min-width:350px;}

/*common*/
.inner{width:100%;}

/*header*/
.header_wrap01{display:none;}
.header_wrap02{display:block;}

/*메인 비주얼*/
.main_slide_list{height:auto; }

/*main_banner01*/
.main_banner01{background-position:right 0;}
.main_banner01>div{width:100%; padding:15px;}
.main_banner01 span{right:-20px; top:80px; width:240px;}
/*main_banner02*/
.main_banner02>div{width:100%; padding:15px;}

/*main_banner_wrap02*/
.main_banner_wrap02{margin-top:50px;}
/*공지사항*/
.main_notice_wrap{width:48.5%; border:none; padding:15px 25px 15px; }
.main_notice_wrap ul{margin-top:12px;}
.main_notice_more{top:23px; right:25px;}
/*pop_up_zone*/
.pop_up_zone_wrap{width:48.5%; }

/*main_advertise_banner_wrap*/
.main_advertise_list{width:36%;}
.main_advertise_list+*{margin-left:1.5%;}
.main_advertise_list.main_advertise_slide_wrap{width:25%;}

/*main_community_wrap*/
.main_community{width:32.333333%;}
.main_community+div{margin-left:1.5%;}




/*뒤로 돌아가기 back_btn*/
footer .back_btn{display:block;}


}/*1200이하 끝*/

/*1024이하 */
@media screen and (max-width:1024px){

/*main_banner01*/
.main_banner01{float:none; width:100%; background-position:center center; height:220px;}
.main_banner01>div>div{padding-left:0; text-align:center; background:none;}
.main_banner01 span{right:15px; top:50%; margin-top:-88px; width:200px;}
/*main_banner02*/
.main_banner02{height:220px;}

/*main_banner02*/
.main_banner02{float:none; width:100%; }

/*main_banner_wrap02*/
.main_banner_wrap02{margin-top:40px;}
/*공지사항*/
.main_notice_wrap{float:none; width:100%; max-width:800px; margin:0 auto; border:1px solid #e6e6e6; padding:18px 20px;}
/*pop_up_zone*/
.pop_up_zone_wrap{float:none; width:100%; max-width:800px; margin:40px auto 0;}

/*main_advertise_banner_wrap*/
.main_advertise_list+*{margin-left:0;}
.main_advertise_list.main_advertise_slide_wrap{float:none; width:100%; max-width:800px; margin:0 auto 50px;}

/*main_advertise_list02*/
.main_advertise_list02{width:49.25%;}

/*main_advertise_list03*/
.main_advertise_list03{width:49.25%; margin-left:1.5%;}


/*main_community_wrap*/
.main_community{width:49.25%; margin-bottom:50px;}
/*main_cs_center */
.main_community.main_cs_center{float:none; clear:both; width:100%; margin-left:0;  margin-bottom:0;}

}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){

/*main_advertise_list02*/
.main_advertise_list02{width:100%; float:none; height:auto;}

/*main_advertise_list03*/
.main_advertise_list03{width:100%; margin-left:0; float:none; margin-top:50px;}

/*main_community_wrap*/
.main_community{float:none; width:100%; margin-bottom:0;}
.main_community+div{margin-left:0; margin-top:50px; }

/*etc_menu*/
.etc_menu{text-align:center;}

/*footer*/
.f_logo{margin:0 auto; float:none;}
.company_info02{float:none; margin-left:0; margin-top:20px; text-align:center;}





}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/*reset*/
input[type=text]{font-size:14px;}
input[type=password]{font-size:14px;}
select{font-size:14px; padding:10px;}
input[type=search]{font-size:14px;}

/*common*/
.main_container{padding-bottom:60px;}

/*local_list_2depth 지역정보 슬라이드*/
.local_list_2depth .local_list_menu_wrap{padding:0 40px;}
.local_list_2depth .local_list_menu_wrap:before{width:40px;}
.local_list_2depth .local_list_menu_wrap:after{width:40px;}
.local_list_2depth .local_list_menu>li>a{font-size:14px; padding:8px 18px 8px;}
/*local_list_slide_button*/
.local_list_slide_button{width:30px; height:30px; top:68%;}
.local_list_button_next:after{ top:9px; right:10px; }
.local_list_button_prev:after{top:9px; left:10px;}

/*main_banner01*/
.main_banner01{height:120px;}
.main_banner01 h3{font-size:20px;}
.main_banner01 li+li:before{height:12px;}
.main_banner01 li>a{font-size:17px;}
.main_banner01 span{display:none;}
/*main_banner02*/
.main_banner02{height:120px;}
.main_banner02>div{display:block;}
.main_banner02>div>a{display:block;}
.main_banner02>div>a img{height:100%; margin:0;}

/*main_banner_wrap02*/
.main_banner_wrap02{margin-top:40px;}
/*공지사항*/
.main_notice_wrap{padding:12px 15px;}
.main_notice_wrap h4{font-size:22px;}
.main_notice_wrap ul{height:184px;}
.main_notice_wrap ul li{padding:3px 0;}
.main_notice_wrap ul li>a{font-size:15px; padding:3px 0; }
.main_notice_wrap ul li:first-child>a{font-size:15px; }
.main_notice_more{font-size:15px;}

/*main_advertise_banner_wrap*/
.main_advertise_banner_wrap{margin-top:20px;}
.main_advertise_list+*{margin-top:20px;}
.main_advertise_list.main_advertise_slide_wrap{margin-bottom:0;}
/*main_advertise_list02*/
.main_advertise_list02 h4{font-size:22px;} 
.main_advertise_list02>a{font-size:15px; }
/*.main_advertise_list03*/
.main_advertise_list03{height:auto;}
.main_advertise_list03>li>a img{max-width:60px;}
.main_advertise_list03>li>a strong{font-size:16px; }

/*main_community_wrap*/
.main_community_wrap{margin-top:20px; }
.main_community{height:auto; padding:12px 15px;}
.main_community+div{margin-top:20px; }
.main_community h4{font-size:22px;}
.main_board_wrap ul{height:164px; margin-top:12px;}
.main_board_wrap ul li>a{font-size:15px; }
.main_board_more{font-size:15px; right:15px; top:18px;}
.main_cs_center strong{font-size:28px; }
.main_cs_center p{font-size:15px; margin-top:15px;}



/*footer*/
.company_info02{font-size:13px;}

}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){

/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하*/
.header_wrap02 h1{width:116px;}
.header_wrap02 .util_menu{margin-top:11px;}
.header_wrap02 .util_menu>div+div{margin-left:5px;}
/*전화연결*/
.phone_link{width:22px; height:22px; }
/* 모바일 search box */
.tm_btn_search_open{height:22px; width:20px;}
.tm_btn_search_open>span:before{width:12px; height:12px;}
.tm_btn_search_open>span:after{width:8px; top:16px; left:11px;}
/*모바일 메뉴 열기 버튼*/
.btn_tm_nav_open{height:22px; padding-top:3px;}
/*tm_area_set_up_box*/
.tm_area_set_up_box{margin-right:5px;}
.tm_area_set_up_box .tm_area_title{font-size:13px;}

/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하 스크롤 내렸을때 */
.tm_search{top:74px;}
.header_wrap02.header_up02 .tm_search{top:64px;}



/*main_banner_wrap02*/
.main_banner_wrap02{margin-top:30px;}
.pop_up_zone_wrap{margin-top:30px;}




}/*420이하 끝*/
