@charset "utf-8";

/****************************************/ 
/* Name: DESIGN WAVE
/* PART: LAYOUT STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/

#wrapper {width:100%; overflow:hidden;}
#wrapper h2 {font-size:37px; line-height:42px;}
#wrapper h3 {font-size:31px; line-height:40px; font-family: 'Lato','Noto Sans KR', sans-serif;}
#wrapper h4 {font-size:27px; line-height:35px; font-family: 'Lato','Noto Sans KR', sans-serif;}
#wrapper h5 {font-size:21px; line-height:28px;}
#wrapper h6 {font-size:17px;}

#header {position:fixed; top:0; left:0; width:100%; height:75px; padding:0 15px; box-sizing:border-box; z-index:9872; background:#fff; /*overflow:hidden;*/}
#header.sub {position:relative; top:auto; left:auto;}

#header h1 {width:120px; height:50px; margin:0 auto; padding-top:20px;}
#header h1 img {width:100%;}

#header span.menu_btn {position:absolute; top:14px; left:15px; display:block; width:21px; height:20px; background-size:auto 100%; background-image:url(../_img/icon/menu_btn.png); background-repeat:no-repeat; text-indent:-99999px; cursor:pointer; margin-top:13px;}
#header span.menu_btn.w-menu {background-position:0 0;}
#header span.menu_btn.r-menu {background-position:-22px 0;}

#header span.estimate_btn {position:absolute; right:0; top:13px; width:75px; height:75px; background:url(../_img/icon/cs_icon01.png) no-repeat center top; background-size:30px; text-align:center; padding-top:30px; box-sizing:border-box;}


/*  헤더 :: GNB MOBILE */
#gnbM{position:fixed; top:0; right:-500px; width:250px; height:100%; background-color:#fff; z-index:9999999999; overflow-y:auto;
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s; box-sizing:border-box;}
#gnbM.open{right:0;}
#gnbNavigation #log {width:100%; background:#ff9900; box-sizing:border-box; padding:20px 15px; overflow:hidden; text-align:center;}
#gnbNavigation #log a.log_btn {display:inline-block; width:47%; height:35px; line-height:35px; background:#fff; border-radius:5px; overflow:hidden; margin:0 1%; color:#333; font-weight:500; font-size:13px;}
#gnbNavigation #log p {float:left; color:#fff; font-size:14px;}
#gnbNavigation #log p strong {font-size:21px; font-weight:500;}
#gnbNavigation #log a.my_page {float:right; display:block; width:20px; background:url(../_img/icon/my_page.png) no-repeat center; background-size:100%; text-indent:-99999px; padding-top:5px;}


#gnbNavigation > ul {width:100%; overflow:hidden; background:#fff;}
#gnbNavigation > ul > li{position:relative; width:100%; box-sizing:border-box; padding:0 15px}
#gnbM.open  #gnbNavigation> ul > li {animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
#gnbNavigation > ul > li > a {position:relative; display:block; height:48px; line-height:48px; color:#333; font-size:14px; font-weight:400; letter-spacing:-0.25px; text-decoration:none; border-bottom:1px solid #e6e5e5; padding:0 5px;}
#gnbNavigation > ul > li .gnb-2dep {display:none; padding:13px 0; background-color:#fafafa; border-bottom:1px solid #ddd; overflow:hidden;}
#gnbNavigation > ul > li .gnb-2dep li {}
#gnbNavigation > ul > li .gnb-2dep.leng02 li {float:left; width:50%;} 
#gnbNavigation > ul > li .gnb-2dep li a {display:block; color:#1e1e1e; font-size:14px; padding:12px 7%;}
#gnbMenuBg{display:none; position:fixed; top:0; left:0px; width:100%; height:100%; cursor:pointer; background-color:#000; background-color:rgba(0,0,0,0.8); z-index:99998;}


.request {display:block; width:90%; margin:10px auto; border-radius:5px; background:#333; color:#fff !important; text-align:center; padding:10px; box-sizing:border-box; font-size:14px;}

.visual_search {width:100%; height:500px; box-sizing:border-box; padding:0 15px; padding-top:28%; background-size:cover; background-repeat:no-repeat; background-position:center top;}
.visual_search#agent {background-image:url(../_img/contents/agent_visual.jpg);}
.visual_search h2 {color:#fff; text-shadow:0 0 10px rgba(0,0,0,0.5); text-align:center; padding:20px 0; font-weight:500; letter-spacing:-1px;}
.visual_search p {color:#fff; text-align:center; font-size:15px; line-height:25px; padding:10px 0 40px 0;}
.visual_search .search-wrap {position:relative; width:100%;}
.visual_search .search-wrap button {position:absolute; top:0; right:0;}
.visual_search .search-wrap input[type='text'] {padding-right:60px; box-shadow:0 0 7px rgba(0,0,0,0.5);}

.section {position:relative; width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:50px 20px;}
.section .sec_title {text-align:center; color:#000; margin-bottom:30px;}



/**/
#container {position:relative; width:100%; height:auto; overflow:hidden; background:#f8f8f8; padding-top:75px;}
.main_section {width:100%; overflow:hidden; box-sizing:border-box; padding:10px;}


#snb_list {}
ul.snb {width:100%; overflow:hidden;}
ul.snb li {float:left; width:33.3%; padding:15px 0; box-sizing:border-box; background:#fff; border-bottom:1px solid #e6e5e5e5; border-left:1px solid #e6e5e5; text-align:center; font-size:14px;}
ul.snb li:first-of-type, ul.snb li:nth-of-type(3n+1) {border-left:0;}
ul.snb li a {color:#333;}
ul.snb li.on {background:#aa1d32;}
ul.snb li.on a {color:#fff;}


#sub_visual {width:100%; height:180px; box-sizing:border-box; padding-top:60px;}
#sub_visual h3 {text-align:center; color:#fff; font-weight:500;}
#sub_visual p {color:#fff; text-align:center;}
#sub_visual.sub01 {background:url(../_img/contents/sub_visual01.jpg) no-repeat center; background-size:cover;}

#sub_mainCont {width:100%; overflow:hidden; box-sizing:border-box; background:#fff; padding:40px 15px}
#sub_mainCont p {font-size:14px;}

.sub_section_title {position:relative; margin-bottom:25px; text-align:center;}
.sub_section_title h3 {color:#000; text-align:center; padding:25px 0;}
.sub_section_title h4 {position:relative; color:#000; text-align:center; padding-bottom:15px;}
.sub_section_title h4::after {position:absolute; bottom:0; left:50%; margin-left:-40px; width:80px; height:2px; background:#ff7e3d; content:'';}
.sub_section_title h5 {position:relative; text-align:left; color:#000; padding-left:20px;}
.sub_section_title h5::before {position:absolute; top:7px; left:0; width:10px; height:10px; border-radius:100%; border:3px solid #ff7e3d; content:'';}
.sub_section_title span {display:block; color:#ffcc00; font-size:15px; font-weight:700; text-transform:uppercase; text-align:center;}



/**/
#family_logo {position:relative; padding:10px 0; box-sizing:border-box; width:100%; border-top:15px solid #f8f8f8;} 
#family_logo .owl-nav {position:absolute; top:50%; margin-top:-10px !important; left:0; width:100%;}
#family_logo .owl-nav button {position:absolute; top:0; width:20px; height:20px; margin:0 !important;}
#family_logo .owl-nav button span {display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:100%; background-repeat:no-repeat; text-indent:-99999px;}
#family_logo .owl-nav button.owl-prev {left:0;}
#family_logo .owl-nav button.owl-prev span {background-image:url(../_img/icon/recmd_list_prev.jpg);}
#family_logo .owl-nav button.owl-next {right:0;}
#family_logo .owl-nav button.owl-next span {background-image:url(../_img/icon/recmd_list_next.jpg);}

/**/
#footer {width:100%; background:#000; overflow:hidden;}
ul.fnb {width:100%; text-align:center; font-size:0; padding:20px 0; border-bottom:1px solid rgba(255,255,255,0.3);}
ul.fnb li {display:inline-block; padding:0 10px; font-size:13px;}
ul.fnb li a {color:#fff;}

ul.num-list {width:100%; padding:20px 0; border-bottom:1px solid rgba(255,255,255,0.3); overflow:hidden;}
ul.num-list li {position:relative; float:left; width:50%; font-size:13px; color:#fff; text-align:center;}
ul.num-list li::after {position:absolute; top:50%; margin-top:-17px; left:0; width:1px; height:34px; background:rgba(255,255,255,0.3); content:'';}
ul.num-list li:first-of-type::after {display:none;}
ul.num-list li a {color:#fff;}

#bank {width:100%; padding:20px 0; border-bottom:1px solid rgba(255,255,255,0.3); overflow:hidden;}
#bank p {font-size:13px; color:#fff; text-align:center;}


#f-info {width:100%; box-sizing:border-box; padding:20px;}
#f-info h1 {width:100px; padding:10px 0}
#f-info h1 img {width:100%;}
#f-info p {font-size:12px; color:#aaaeb5; word-break:break-all; line-height:18px; padding:8px 0}