@charset "utf-8";
body{background:#fff;font-size:0.81em;font-family:'Nanum Gothic'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{ font-family:'Nanum Gothic'}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;500;600;700&display=swap');
@font-face {font-family:'SBAggroB';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'SBAggroM';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'SBAggroL';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');font-weight: normal;font-style: normal;}

/* 컬러 변수 셋팅 */
:root{--primary:#eda129;--primary-50:rgba(237,161,41,.5);--dark:#564f42;--action:#ff2434;--action-50:rgba(255,36,52,.5);}

#wp_wrapper{}
#wp_hd {z-index:10;position:relative;width:100%;} 

/* head 센터 및 넓이 지정 */
#wp_hd_wrapper {position:relative;margin:0 auto;padding:0;max-width:1400px;zoom:1}
#wp_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

/* 메인,서브 비주얼이미지 */
#wp_container{overflow:hidden;position:relative;width:100%;background:#f7f7f7}
#wp_container.sub{background:#fff}
#wp_container_wrapper{position:relative;width:100%;zoom:1}
#wp_container_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#sub_main_banner {width:100%;height:220px;background:url(/wp_img/hd/sub_main_banner/sub_main_banner.png) no-repeat}
#wp_content .wp_content_tit {overflow:hidden;margin-bottom:30px}
#wp_content .wp_content_tit h3 {float:left;padding:0;font-weight:600;font-size:26px;line-height:1.3em;color:#333;font-weight:none;letter-spacing:-0.07em;font-family:'notokr-regular'}
#wp_content .wp_content_tit span {float:right;margin-top:7px;background:url('/wp_page/img/sub_home.png') 0 3px no-repeat;padding-left:19px;color:#666}

#wp_aside {position:relative;text-align:center;background-color:transparent}

/* 컨텐츠 본문 영역 */
#wp_content {z-index:4;position:relative;padding:0;width:100%;max-width:1400px;min-height:585px;margin:30px auto;height:auto !important;line-height:1.5em;color:#666;zoom:1}
#wp_content:after {display:block;visibility:hidden;clear:both;content:""}

/* SNB */
#wp_aside{position:relative;z-index:15;font-family:'SBAggroL'}

/* 하단 */
#wp_ft.sub .info_wrap{border-top:1px solid #e1e0d3}
#wp_ft .info_wrap{padding:70px 0;text-align:center;background:#fff}
#wp_ft .info_wrap .ft_logo{margin-bottom:20px;font-size:16px;color:#333;font-family:'SBAggroM';}
#wp_ft .info_wrap .ft_link{overflow:hidden;margin-bottom:20px}
#wp_ft .info_wrap .ft_link > li{position:relative;display:inline-block;padding:0 20px;font-size:15px;font-family:'SBAggroL'; }
#wp_ft .info_wrap .ft_link > li a{color:#888;cursor:pointer;transition:all .3s}
#wp_ft .info_wrap .ft_link > li a:hover{color:#333}
#wp_ft .info_wrap .ft_link > li:before{position:absolute;content:'';right:-2px;top:10px;width:2px;height:2px;background:#bbb8ad}
#wp_ft .info_wrap .ft_link > li:last-child:before{display:none}

#wp_ft .info_wrap .add{font-size:14px;line-height:24px;color:#888;font-family:'notokr-regular'}
#wp_ft .copy_wrap{padding:0 20px;border-top:1px solid #e1e0d3;line-height:60px;background:#f7f7f7;font-family:'SBAggroL'}
#wp_ft .copy_wrap .copy{overflow:hidden;width:100%;max-width:1300px;margin:0 auto;font-size:13px;color:#888;}
#wp_ft .copy_wrap .copy_info{float:left}
#wp_ft .copy_wrap .ft_icon{float:right}
#wp_ft .copy_wrap .ft_icon a{display:inline-block;padding-left:20px;font-size:13px;color:#888}

/* 반응형 사이트맵 공통 */
#wp_site_map{position:relative;width:100%;font-family:'notokr-regular'}
#wp_site_map:after{display:block;content:"";visibility:hidden;clear:both}
#wp_site_map > div{width:31%;float:left;margin:0 1%}
#wp_site_map > div:nth-of-type(3n){margin-right:0}
#wp_site_map .wp_site_map_title{padding:10px 15px;border-bottom:2px solid #333;font-size:17px;font-weight:normal;text-align:center;color:#222;font-family:'notokr-bold'}
#wp_site_map ul{padding:0 15px 15px}
#wp_site_map .wp_site_map_box{min-height:205px;padding:17px 20px;border:1px solid #e1e1e1;border-top:none;font-size:14px;color:#333;line-height:40px}
#wp_site_map .wp_site_map_box li{border-bottom:1px dotted #ccc}
#wp_site_map .wp_site_map_box li:last-child{border:none}

/* 반응형 하단 버튼 공통 */
#wp_ft_btns{display:none;padding:15px}
#wp_ft_btns .btns{overflow:hidden}
#wp_ft_btns .row2 a{width:50%}
#wp_ft_btns a{float:left;display:block;width:100%;height:55px;font-size:16px;line-height:55px;color:#fff;text-align:center;background-color:var(--primary);font-family:'notokr-bold'}
#wp_ft_btns a.tel{border-radius:14px;font-size:18px;font-weight:700;letter-spacing:0;font-family:'Poppins'}
#wp_ft_btns a i{padding-right:5px;font-size:18px}
#wp_ft_btns a.kakao{font-weight:normal;color:#402325;background-color:#ffe500}

/* 반응형 [s] */
@media (max-width:1230px){	
}

@media (max-width:1024px){
#wp_aside{display:none}
#wp_ft .info_wrap{padding:70px 15px}
#wp_ft .copy_wrap{padding:0 15px}
}

@media (max-width:768px){
/* 반응형 스타일 필수 [s] */
#wp_login, #wp_agree, #wp_register,#wp_mb_confirm, #wp_result{padding:15px;margin:15px auto;border:none}
#wp_login input[type=submit], #wp_agree .btn_wrap input[type=submit], #wp_register .btn_wrap input[type=submit],#wp_find_info input[type=submit], #wp_mb_confirm input[type=submit]{-webkit-appearance:none;appearance:none}
#wp_login .bnr .txt p a{color:#0054a6}
#wp_pw_confirm{width:100%;padding:30px 20px;border:none}
#wp_agree .inner{padding:15px}
#wp_agree .cont{padding:10px}
#wp_site_map{padding:30px 20px}
#wp_site_map > div{width:100%;margin:0}
#wp_site_map .wp_site_map_box{min-height:auto}
/* 반응형 스타일 필수 [e] */

#wp_ft .info_wrap .ft_link{display:none}
}

@media (max-width:480px){
#wp_content{min-height:350px;margin:0}
#wp_ft_btns{display:block}
#wp_ft .info_wrap{padding:45px 15px}
#wp_ft .copy_wrap{line-height:1.6}
#wp_ft .copy_wrap .copy{padding:15px 0;text-align:center}
#wp_ft .copy_wrap .copy_info{width:100%}
#wp_ft .copy_wrap .ft_icon{width:100%}
#wp_ft .copy_wrap .ft_icon a{padding:0 5px}
}

@media (max-width:380px){
}
/* 반응형 [e] */