@charset "UTF-8";

/* 
Last Updated : 2016-05-20
Author       : amy
Version      : 1.0
*/
@font-face {  
	font-family: 'SimHei';
	src: url('../font/simhei.ttf');
}
@font-face {  
	font-family: 'notosans';
	src: url('../font/NotoSansCJKkr-Regular.otf');
	font-weight: 400;
}
@font-face {  
	font-family: 'notosans';
	src: url('../font/NotoSansCJKkr-Bold.otf');
	font-weight: 600;
}
@font-face {
	font-family: 'NG';
	src: url('../font/NanumGothic.html');
	src: url('../font/NanumGothicd41d.html?#iefix') format('embedded-opentype');src:local(※), url('../font/NanumGothic.woff') format('woff'), url('../font/NanumGothic.ttf') format('truetype');
	font-style:normal; font-weight:normal;
}

/* reset css */
html, body, ul, ol, dl, li, dt, dd, form, fieldset, legend, button {margin:0; padding:0;  background:transparent;}
h1, h2, h3, h4, h5, h6, p {margin-top:0; font-weight:normal;}
fieldset, img {border:0; vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption, th, td {text-align:left; vertical-align:top; font-weight:normal;}
caption, label, legend {visibility:hidden; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999em}
legend {color:#000;}
input, textarea, select {font-family: 'notosans',Arial,'黑体','SimHei',sans-serif;}
li {list-style:none;}
abbr, acronym {border-bottom: .1em dotted; cursor:help;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {display:block}
a{color:inherit; text-decoration:none}

/* rayout css */
html,body{min-width:1200px;}
body{width:100%; max-width:100%; font-family: 'notosans',Arial,'黑体','SimHei',sans-serif; color:#4f4f4f; letter-spacing:-0.5px;  }
#wrap {width:100%; max-width:100%; min-width:1200px; height:100%; position:relative;}
#naver_dic_audio_controller {display:none;}

/* common CSS */
.text-hidden {overflow:hidden !important; clip:rect(1px, 1px, 1px, 1px) !important; position:absolute !important; width:1px !important; height:1px !important;}

/* header */
#header {width:100%; min-width:1200px; position:fixed; top:0; left:0; z-index:100; background:#fff;}
.header_border01 {height:122px;  border-bottom:1px solid #cecece;}
.header_border02 {height:80px;  border-bottom:2px solid #70549e}
#header .header_top_area {width:100%; height:40px; overflow:hidden; background:#42325d; border-bottom:2px solid #6f549d;}
#header .header_top_area .header_top {width:1200px; height:40px; overflow:hidden; margin:0 auto;}
.header_top_area .header_top .site_btn_area {float:left; height:40px; border-left:1px solid #382a4f; border-right:1px solid #5f5176;}
.header_top_area .header_top .site_btn_area li {float:left; height:40px; padding:0 20px; line-height:40px; text-align:center; font-size:14px;font-weight:600; color:#fff; border-left:1px solid #5f5176;}
.header_top_area .header_top .site_btn_area li.on, .header_top_area .header_top .site_btn_area li:hover {background:url('../images/common/header/gnb_site_on.jpg') repeat-x; border-right:0}
.header_top_area .header_top .site_btn_area li a {width:100%; height:100%; display:inline-block;}
	
.header_top_area .header_top .site_map_area {float:right; margin:14px 0;}
.header_top_area .header_top .site_map_area li {float:left; height:12px; background:url('../images/common/header/icon_gnb_sitemap.png') no-repeat 92% center; line-height:12px; display:inline-block; padding:0 18px 0 14px; text-align:center; font-size:12px; color:#d1c3e9; border-right:1px solid #644c8e;}
.header_top_area .header_top .site_map_area li.bold {font-weight:600; background:none;}
.header_top_area .header_top .site_map_area li.last {border:0; background:url('../images/common/header/icon_gnb_sitemap.png') no-repeat 92% center;}
	
#header .header_area {width:1200px; height:80px; margin:0 auto; position:relative; background:#fff;}
/*#header .header_area h1 {float:left; width:150px; text-align:center; margin:12px 75px 12px 0;}*/
#header .header_area .logo {float:left; width:150px; text-align:center; margin:12px 75px 12px 0;}

#gnb {float:left; width:975px; height:80px; overflow:hidden;}
#gnb ul li {float:left; height:80px; line-height:80px; margin-right:45px; border-bottom:2px solid #fff; color:#333333; font-size:16px; letter-spacing:-0.5px; box-sizing:border-box;}
#gnb ul li:hover {border-bottom:2px solid #6f549d; color:#6f549d;}
#gnb ul li.all_menu_btn, #gnb ul li.kakao {float:right; margin:0; cursor:pointer;}
#gnb ul li.all_menu_btn img{vertical-align:top}

#all_menu_area {width:100%; height:260px; overflow:hidden; background:#fff; position:fixed; top:123px; left:0; z-index:101;}
#all_menu_area .all_menu_conts {width:1200px; height:180px; margin:25px auto; }
#all_menu_area ul {display:inline-block; float:left; }
#all_menu_area ul.menu01 {margin-left:230px;}
#all_menu_area ul.menu02 {margin-left:47px;}
#all_menu_area ul.menu03 {margin-left:36px;}
#all_menu_area ul.menu04 {margin-left:42px;}
#all_menu_area ul.menu05 {margin-left:45px;}
#all_menu_area ul.menu06 {margin-left:80px;}
#all_menu_area ul.menu07 {margin-left:56px;}
#all_menu_area ul li {font-size:12px; line-height:21px; color:#333333;}
#all_menu_area ul li:hover {color:#6f549d;miss}

.sitemap {float:right; margin:25px 0;}
.sitemap a {display:inline-block; float:left; height:25px; padding:0 16px; border:1px solid #c6c1cf; border-left:0; color:#c6c1cf; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size:12px; line-height:24px;}
.sitemap a:hover {background:#43335e; font-weight:600;}
.sitemap a:first-child {border-left:1px solid #8e869c;}

/* contents */
#contents {width:100%;overflow:hidden; position:relative; background:#eeefef url('../images/common/title/bg_subtitle_area.png') no-repeat 50% 0; margin-top:123px;}
#main_contents {width:100%; overflow:hidden; margin-top:123px;}
#contents_subhome {width:100%; padding-bottom:30px; overflow:hidden; position:relative; background:#eeefef url('../images/common/title/bg_subtitle_area.png') no-repeat 50% 0; margin-top:123px;}
#main_contents .contents_area, #contents_subhome .contents_area {width:1200px; margin:0 auto;}
#contents .contents_area {width:100%; background:#fff; overflow:hidden;}

/* fixbnr */
.fixed_bnr {width:90px; display:inline-block;position:absolute; top:123px; right:0; z-index:90}
.fixed_bnr > ul > li {position:relative;border-bottom:1px solid #686969; }
.fixed_bnr > ul > li > a {width:100%; display:block; text-align:center; }
.fixed_bnr > ul li.call a {display:inline-block; background:#514f84;}
.fixed_bnr > ul li.fa_site01 a  {display:inline-block; background:#5b5a78;}
.fixed_bnr > ul li.fa_site02 a  {display:inline-block; background:#4a4a53;}
.fixed_bnr > ul li.scroll_top {padding:15px 0; text-align:center; cursor:pointer; border-bottom:0}
.fixed_bnr > ul > li.fixbnr_branch {width:90px; height:148px; cursor:pointer; border-bottom:1px solid #686969;}
.fixed_bnr > ul > li.fixbnr_branch .icon {display:inline-block; width:90px; height:148px; overflow:hidden;}
.fixed_bnr > ul > li.fixbnr_branch.on img {margin-left:-90px;}
.fixed_bnr > ul > li.fixbnr_branch .branch_list {width:270px; height:197px; overflow:hidden; background:#fff; position:absolute; top:0; left:-270px; border-top:1px solid #999999; border-left:1px solid #999999;}
.fixed_bnr > ul > li.fixbnr_branch .branch_list ul li {float:left; width:90px; height:49px; border-bottom:1px solid #999999; border-right:1px solid #999999; text-align:center; line-height:50px; box-sizing:border-box; font-size:14px; color:#000; font-weight:600;}
.fixed_bnr > ul > li.fixbnr_branch .branch_list ul li:hover {background:#595791; color:#fff;}
.fixed_bnr > ul > li.fixbnr_branch .branch_list ul li a {width:90px; height:49px; display:inline-block;}
.fixed_bnr .close {width:25px; height:52px; display:inline-block; overflow:hidden; position:absolute; top:280px; right:90px; cursor:pointer;}
.fixed_bnr .close img {margin-left:-25px;}

 /* 견적문의 레이어팝업 */
#estimate_laypop {position:absolute; top:123px; left:50%; margin-left:270px; width:330px; height:430px; background:#fff; box-sizing:border-box; padding:30px; border:1px solid #42325D;}
#estimate_laypop .close {position:absolute; top:0; right:0; cursor:pointer}
#estimate_laypop .title_area {width:100%; overflow:hidden; margin-bottom:20px;}
#estimate_laypop .title_area .bold {display:block; font-weight:600; font-size:18px; color:#42325D; margin-bottom:1px;}
#estimate_laypop .title_area .detail {display:block; font-size:14px; letter-spacing:-1px;}
#estimate_laypop .person_infor {width:100%; padding:20px 0; border-top:1px solid #42325D; border-bottom:1px solid #42325D; margin-bottom:20px;}
#estimate_laypop .person_infor table {width:100%; table-layout:fixed;}
#estimate_laypop .person_infor table th {text-align:left; color:#333; font-size:14px; padding:2px 0; vertical-align:middle;}
#estimate_laypop .person_infor table td {padding:2px 0;}
#estimate_laypop .person_infor table td input, #estimate_laypop table td select {width:200px; height:30px; border:1px solid #dddddd; box-sizing:border-box; padding:5px;}
#estimate_laypop .person_infor table td .type02 {width:57px;}
#estimate_laypop .person_infor table td select.type02 {width:59px;}
#estimate_laypop .personal_information {width:100%; overflow:hidden; margin-bottom:20px;}
#estimate_laypop .personal_information .title {display:block; font-weight:600; font-size:14px; color:#42325D; margin-bottom:10px; }
#estimate_laypop .personal_information .personal_information_conts {width:100%; height:75px; border:1px solid #dddddd; overflow-y:scroll; padding:10px; box-sizing:border-box; color:#999999; font-size:11px; font-family:'dotum'; line-height:15px; letter-spacing:-1px}
#estimate_laypop .personal_information .personal_information_conts p {margin-bottom:10px;}
#estimate_laypop .personal_information .personal_information_conts ul li {margin-bottom:5px;}
#estimate_laypop .agree_btn {width:100%; height:30px; line-height:30px; overflow:hidden;}
#estimate_laypop .agree_btn .agree_area_estimate {float:left; font-size:14px; font-weight:600; color:#333;}
#estimate_laypop .agree_btn .agree_area_estimate input {width:20px; height:20px; border:2px solid #5cade5; box-sizing:border-box; vertical-align:bottom;}
#estimate_laypop .agree_btn button {float:right; font-family: '나눔고딕', Nanum Gothic, dotum, sans-serif; width:110px; height:30px; text-align:center; color:#fff; font-weight:600; background:#70549E; border:0;}

/* footer */
#footer {width:100%; overflow:hidden; box-sizing:border-box; background:#eeefef; padding-top:30px; margin-top:-1px;}
.branch_list_area {width:1200px; margin:0 auto; overflow:hidden;}
.branch_list_area ul li {float:left; width:25%; height:170px;  background:url('../images/common/footer/bg_footer.png') repeat-x; margin-bottom:30px; padding-left:20px; box-sizing:border-box;}
.branch_list_area ul li > span {width:100%; display:inline-block;} 
.branch_list_area ul li .branch_name {font-size:16px; padding:12px 5px; font-weight:600; color:#2c2c2c; margin-bottom:10px; letter-spacing:-0.5px;}
.branch_list_area ul li .address {display:inline-block; padding:0 5px; width:100%; box-sizing:border-box; color:#787878; font-size:13px; word-break:keep-all; line-height:18px; letter-spacing:-0.5px; margin-bottom:5px;}
.branch_list_area ul li .detail {padding:0 5px; color:#787878; font-size:13px; word-break:keep-all; line-height:18px;}
.branch_list_area ul li .detail .bold {color:#000; font-weight:600;}
.branch_list_area ul li .bold {color:#000; font-weight:600;}
.branch_list_area ul li .maincolor {color:#523D76; font-weight:600;}


#footer .branch_footer {width:100%; text-align:center; padding:30px 0 10px; border-top:1px solid #d7d2df;}
#footer .copyright {width:100%; height:60px; line-height:60px; text-align:center; color:#838383; font-size:13px; background:#dbdbdb; padding-bottom:80px;}
#footer .copyright img {vertical-align:middle;}

.branch_call_number {width:1200px; height:70px; position:fixed; bottom:0; left:50%; margin-left:-600px; background:#cccccc; z-index:100;}
.branch_call_number ul li {float:left; width:109px; height:70px; text-align:center; border-right:1px solid #fff; box-sizing:border-box; font-size:14px; color:#523d76; font-weight:600; padding:15px 0; line-height:22px;}
.branch_call_number ul li.on {background:#271742; color:#fff;}
.branch_call_number ul li.last {border:0;}
.branch_call_number ul li .branch {display:block; font-size:16px;}

.branch_footer_wrap {width:100%; overflow:hidden; padding:20px 0; text-align:left;}
.branch_footer_wrap .branch_footer_conts {width:1200px; margin:0 auto; overflow:hidden;}
.branch_footer_wrap .branch_footer_conts h2 {float:left; width:280px; overflow:hidden; padding-left:100px; box-sizing:border-box; margin:20px 0;}
.branch_footer_wrap .branch_footer_conts .branch_footer_info {float:left; width:920px; }
.branch_footer_wrap .branch_footer_conts .branch_footer_info > span {display:block; font-size:14px; line-height:24px;}
.branch_footer_wrap .branch_footer_conts .branch_footer_info .branch_name {color:#5F4193; font-weight:600;}

/* 유틸 메뉴 */
.utility_area {width:1200px; height:40px; line-height:40px; background:#a9a9a9;  box-sizing:border-box; margin:0 auto 30px;}
.utility_area .utility_menu {float:left; width:800px; }
.utility_area .utility_menu li {padding-left:20px; display:inline-block; color:#fff; font-size:14px;  letter-spacing:-1px;}
.utility_area .utility_menu li:hover {text-decoration:underline;}
.utility_area .utility_menu li:first-child {background:none;}

.utility_area .sns_menu {float:right; width:280px; }
.utility_area .sns_menu li {float:left; width:40px; height:40px; overflow:hidden;}
.utility_area .sns_menu li:hover img {margin-left:-40px;}

/* 수상내역 */
.bottom_award {width:1200px; height:100px; overflow:hidden; margin:0 auto 30px;}
.bottom_award ul li {width:240px; height:100px; float:left;}


/* 칭찬해주세요 팝업 */
.footer_popup {width:696px; height:596px; position:fixed; top:200px; left:50%; margin-left:-350px; background:#3a3a3a; z-index:101;}
.footer_popup .title {width:100%; height:48px; padding:13px; box-sizing:border-box; overflow:hidden;}
.footer_popup .title .tit_img {display:inline-block; float:left;}
.footer_popup .title .popup_close {display:inline-block; float:right; cursor:pointer;}
.footer_popup .pop_contents .message_write {width:156px; height:180px; position:absolute; top:128px; right:60px; border:0; font-size:12px;}
.footer_popup .pop_contents .number {width:150px; height:14px; position:absolute; bottom:156px; right:62px; font-size:12px;}
.footer_popup .pop_contents .btn_send {position:absolute; bottom:100px; right:102px;}
.footer_popup .pop_contents .phone_number {font-size:30px; color:#fff; font-weight:600; position:absolute; top:302px; left:142px;}
.footer_popup .pop_contents .count_number {font-family:'돋움'; font-size:12px; position:absolute; bottom:213px; right:65px;}
.footer_popup .pop_contents .phone_number02  {font-family:'돋움'; font-size:12px; position:absolute; bottom:138px; right:90px;}

#compliment .pop_contents {width:696px; height:548px; background:#49d0de url('../images/common/footer/bg_compliment.png') 2px -2px no-repeat; position:relative;}
#change .pop_contents {width:696px; height:548px; background:#4470cb url('../images/common/footer/bg_change.png') 2px -2px no-repeat; position:relative;}
#footer_popup_bg {position:fixed; top:0; left:0; background:url('../images/common/bg_black.png') left top repeat; width:100%; height:100%; z-index:100;}

/* 플로팅배너 */
#roen_cf_floating {position:fixed; top:520px; left:50%; margin-left:300px; visibility:hidden;}
#roen_cf_floating .close {position:fixed; top:540px; left:50%; margin-left:450px; cursor:pointer;}
#roen_cf_floating .todey_check {width:257px; height:20px; text-align:right; color:#000; font-size:14px; line-height:20px; display:none;}
#roen_cf_floating .todey_check input {vertical-align:middle;}

.footer_allmemu {width:1200px; height:320px;margin:0 auto 40px; background:#fff; padding:40px; box-sizing:border-box; overflow:hidden;}
.footer_allmemu ul {float:left;width:224px;}
/* .footer_allmemu ul.menu01 {margin-right:85px;}
.footer_allmemu ul.menu02 {margin-right:90px;}
.footer_allmemu ul.menu03 {margin-right:75px;}
.footer_allmemu ul.menu04 {margin-right:80px;}
.footer_allmemu ul.menu05 {margin-right:79px;}
.footer_allmemu ul.menu06 {margin-right:60px;} */

.footer_allmemu ul li {font-size:12px; margin-bottom:10px; color:#787878; line-height:12px;}
.footer_allmemu ul li.title {font-size:16px; margin-bottom:20px; font-weight:600; color:#333333;}