@charset "utf-8";
/* SIR 지운아빠 */

/* 상단 레이아웃 */
#header {position:relative; height:96px; min-width:1100px; z-index:10;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:absolute; left:0; top:0; width:100%; min-width:1100px; min-height:96px; border-bottom:1px solid #ddd; background:#f9f9f9 url('./img/header_bg.gif') repeat-x 0 0; z-index:500; overflow:hidden;}

@media screen\9 {
#hd_wrapper {min-height:95px;}
}


/*로고*/
.top_logo {position:absolute; top:10px;}
.top_logo.logo1 {left:13px;}
.top_logo.logo2 {right:0;top:20px;}

/*gnb*/
#hd_gnb {list-style:none; margin:41px 0 0; padding:0; float:right; zoom:1; font-size:14px; line-height:1em;}
#hd_gnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_gnb li {float:left; background:url('./img/gnb_line.gif') no-repeat 0 center;}
#hd_gnb li:first-child {background:none;}
#hd_gnb a {display:block; color:#777; padding:0 .6em; text-decoration:none !important;}


/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}


/* 탑메뉴 */
#gnbArea h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#gnbArea {height:95px; overflow:hidden;}
#gnbArea a {display:block; text-decoration:none; white-space:nowrap;}
.mainMenu {text-align:center; float:right;padding-right:130px;}
.mainMenu:after {content:""; display:block; clear:both;}
.mainMenu > li {position:relative; float:left;}
.mainMenu > li > a {height:95px; position:relative; font-size:18px; line-height:95px; color:#202020; padding:0 30px; font-weight:500; white-space:nowrap;}  
.mainMenu > li > a .m_line {display:block; position:absolute; left:50%; bottom:-1px; width:0; height:4px; background:#306c9f; opacity:0;}
.mainMenu > li.on > a {color:#306c9f;}

#gnbArea .subMenu {width:100%; letter-spacing:-0.04em; padding:20px 0 30px;}
#gnbArea .subMenu > li > a {color:#666; padding:.2em 0;}
#gnbArea .subMenu > li > a:hover, #gnbArea .subMenu > li > a:focus {color:#306c9f;}

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
.mainMenu > li > a {font-weight:400;} 
}

/* 중간 레이아웃 */
#wrapper {zoom:1; position:relative; min-width:1100px;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
.sub_content {width:1100px; margin:0 auto; padding:35px 0 80px}

#container {position:relative;zoom:1;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
.sub_content #container {float:right; width:845px; min-height:410px;height:auto !important;height:410px;}


/*비주얼*/
.sub_visual {height:170px; min-width:1100px; background:url('./img/sub_visual_00.jpg') no-repeat center 0; text-align:center; color:#fff;}
.sub_visual .container {padding-top:50px;}
.sub_visual h2 {font-size:37px; line-height:1em; margin:0 0 .42em}
.sub_visual p {font-size:18px; line-height:1em; font-weight:300; opacity:.8; filter:alpha(opacity=80)}


/*서브레이아웃*/
.tit_wrap {zoom:1; border-bottom:1px solid #787878; padding:25px 0 27px; margin-bottom:40px;}
.tit_wrap:after {display:block;visibility:hidden;clear:both;content:""}
h3#container_title {font-size:34px; line-height:1em; color:#202020; font-weight:500; float:left;}
h2#container_title, #bo_v_table {display:none;}

#s_location {float:right; line-height:14px; color:#888; margin-top:18px;} 
#s_location span {display:block; background:url('./img/loc_img.gif') no-repeat right center; float:left; padding-right:10px; margin-right:5px;}
#s_location span.home img {vertical-align:top; margin-right:2px;}
#s_location strong {color:#555;}

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
#s_location strong {font-weight:400;}
}



@media \0screen\,screen\9 {
h3#container_title {font-weight:bold;}	
}


#aside {float:left; width:210px; padding-bottom:50px;}
#aside ul {list-style:none; margin:0; padding:0;}


/*좌측메뉴*/
#lm {}
#lm h2 {color:#fff; font-size:22px; line-height:1em; font-weight:500; width:210px; height:125px; background:url('./img/lm_tit_bg.gif') no-repeat 0 0; text-align:center; position:relative;}
#lm h2 span {position:absolute; width:100%; top:50%; display:block; margin-top:-.5em;}
#lm ul li {border-bottom:1px solid #ddd;}
#lm ul li a {display:block; font-size:16px; color:#666; text-decoration:none; padding:.65em 0; background:url('./img/lm_off.gif') no-repeat 97% center; font-weight:500;}
#lm ul a:hover, #lm ul a:focus {color:#333;}
#lm ul .active a {color:#333333; background-image:url('./img/lm_on.gif');}

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
#lm ul li a {font-weight:400;}
}


#aside .col {margin-top:17px;}
.asd_ctm {background:#f3f3f3; text-align:center; border:1px solid #ddd; padding:25px 15px}
.asd_ctm .tit {font-size:14px; margin:0 0 7px}
.asd_ctm .tit h4 {font-size:21px; line-height:1em; color:#202020; margin-bottom:3px;}
.asd_ctm .tit p {color:#757576;}
.asd_ctm .call {font-size:26px; line-height:1em; font-weight:700; margin:0 0 6px; color:#306c9f}
.asd_ctm .fax {font-size:20px; line-height:1em;}
.asd_ctm .col_info {border-top:1px solid #d7d7d7; padding-top:10px; margin-top:11px;}
.asd_ctm .col_info p {font-size:13px; color:#848586; white-space:nowrap; margin-left:-5px;}

.asd_quick {font-size:15px; line-height:1em; border:1px solid #ddd; text-align:center;} 
.asd_quick li {border-left:1px solid #e3e3e3; zoom:1; float:left; width:50%;}
.asd_quick li:first-child {border:none;}
.asd_quick a {text-decoration:none; color:#444; display:block; font-weight:400; padding:20px 0;}
.asd_quick img {margin-bottom:8px;}


/* 하단 레이아웃 */
#footer {min-width:1050px; margin:0 auto; padding:46px 0; background:#f3f3f3; font-size:13px; line-height:1.7em; color:#777; border-top:1px solid #ddd;}
#footer .ft_logo {position:absolute; left:10px; top:-10px;}
#footer p {margin-left:235px;}
#footer p span {display:inline-block; margin-right:.8em;}


@media screen\9 {
#footer p span {display:inline; zoom:1;}
}


/*common*/
.container {zoom:1; position:relative; width:1100px; margin:0 auto; position:relative;}
.container:after {display:block;visibility:hidden;clear:both;content:""}

.cols, .col {zoom:1;}
.cols:after, .col:after {display:block;visibility:hidden;clear:both;content:""}
.col_lt {float:left;}
.col_rt {float:right;}

.pc_vs {display:block;}
.mo_vs {display:none;}

.clearfix
{zoom:1;}
.clearfix:after {display:block;visibility:hidden;clear:both;content:"";}

.txt_robo {font-family:'Roboto', 'Nanum Gothic', "돋움", "돋움체", sans-serif;}

@media \0screen\,screen\9 {
.txt_robo
{font-weight:bold;}	
}

.txt_blue {color:#0f5ea9 !important;}
.txt_brown {color:#5a514b !important;}
.txt_orange {color:#eb6101 !important;}
.txt_red {color:#e4080b !important;}
.txt_green {color:#248aa7 !important;}

.bg_white {background-color:#fff;}
.bg_gray {background-color:#f3f3f3;}
.bg_sky {background-color:#cad0d8;}
.bg_purple {background-color:#404458;}

.txt_nowrap {white-space:nowrap;}

.word_keep, .word_keep p {
word-break:keep-all;
-webkit-word-break:keep-all;
-moz-word-break:keep-all;	
}	
.word_break, .word_break p {
word-break:break-all;
-webkit-word-break:break-all;
-moz-word-break:break-all;	
}

.col_ani {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
}

.figure {text-align:center; overflow:hidden;}
.figure.bd {border:1px solid #e7e7e7; padding:45px 0;}
.figure.pd {padding:55px 0;}
.figure.mb {margin-bottom:35px;}
.figure ul {list-style:none; zoom:1; margin:0 -7.5px; padding:0;}
.figure ul:after {display:block;visibility:hidden;clear:both;content:""}
.figure ul li {float:left; padding:0 7.5px;}
.figure .img2 li {width:50%;}

.btn_admin_wrap {position:absolute; z-index:10;}

.thum_ov {position:relative;}
.thum_ov .thum {position:relative;}
.thum_ov .overlay {position:absolute; left:0; top:0; width:100%; height:100%; display:none;}
.thum_ov .overlay img {width:100%; height:100%;}

.root_daum_roughmap {padding:0; border:none;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;

}


/*계산기*/
.comm_wrap {background:#dde3ea; padding:35px 25px 25px; text-align:center;}
.comm_wrap h4 {color:#333; margin:0 0 16px; font-size:24px; line-height:1em;}

.comm_input {float:left; font-size:16px; color:#444; position:relative; width:72.5%; padding-right:1.2em; font-weight:400;}
.comm_input input {width:100%; height:36px; border:none; font-size:14px; color:#555; padding:0 .8em;}
.comm_input p {position:absolute; right:0; top:0; line-height:36px;}
.comm_btn {float:right; width:23.5%;}
.comm_btn a {width:100%; height:36px; background:#0d88a3; color:#fff; display:block; font-size:16px; line-height:33px; text-decoration:none; font-weight:500;}
.comm_price {font-size:20px; line-height:1.2em; letter-spacing:-0.04em; color:#444; font-weight:500; padding:.7em 0;}
.comm_price strong {color:#db0f4e; font-size:23px;}
.comm_list {list-style:none; margin:0 0 8px; padding:0;}
.comm_list li {float:left; width:33.33%; border-left:1px solid #545e67;}
.comm_list li:first-child {border:none;} 
.comm_list a {display:block; background:#293641; color:#d4d7d9; text-decoration:none; line-height:1em; padding:.8em 0 .9em;}

@media \0screen\,screen\9 {
.comm_input input {line-height:36px;}	
.comm_price {font-weight:bold; font-size:19px; padding:.5em 0 .8em;}
.comm_list li {margin-right:-1px;}
}


@media screen\9 {
.comm_input {width:65%;}
.comm_input input {width:80%;}
}


.btn_top {position:fixed; left:50%; bottom:70px; width:45px; height:45px; z-index:100; display:none; margin-left:575px;}
.btn_top a {display:block; width:45px; height:45px; background:#293641 url('./img/goto_top.png') no-repeat center center;}