@charset "utf-8";
/* 폰트사용시
@font-face{
    font-family: NGothic;
            src:url(/fonts/NanumGothicCoding.eot);
            src:url(/fonts/NanumGothicCoding.eot?#iefix) format('embedded-opentype'),
            url(/fonts/NanumGothicCoding.woff) format('woff'),
            url(/fonts/NanumGothicCoding.ttf) format('truetype')
}
@font-face{
    font-family: NGothicB;
            src:url(/fonts/NanumGothicCoding-Bold.eot);
            src:url(/fonts/NanumGothicCoding-Bold.eot?#iefix) format('embedded-opentype'),
            url(/fonts/NanumGothicCoding-Bold.woff) format('woff'),
            url(/fonts/NanumGothicCoding-Bold.ttf) format('truetype')
}*/
/*Common*/
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,dl,dt,dd,table,th,td,caption,
form,fieldset,legend,hr,input,button,textarea,label{margin:0;padding:0;}
html,body{width:100%;height:100%}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:"돋움",dotum,helvetica,sans-serif;font-size:12px;font-weight:normal}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
li img,dd img,dt img,label img{vertical-align:top;}

a{color:#7d7d7d;text-decoration:none;cursor:pointer}
a:hover{color:#333;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}

/*Layer*/
body{width:100%; text-align:center; }
#wrap{width:100%;margin:0 auto; text-align:left; min-width:1000px; overflow:hidden;}
#header{width:100%; overflow:hidden;box-shadow:0px 1px 5px rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:6;}


#container{width:100%; position:relative;}
#contents{padding-top:193px; position:relative; padding-left:180px; padding-right:155px;  min-width:820px; }
#footer{width:100%;}
.nano{background:#fff;}
/*header*/

#header_slider{ background:#f2d1cc; width:100%; height:133px; text-align:center; overflow:hidden;}
.header_slider_area{width:1367px; height:133px; margin:0 auto; text-align:left; position:relative;}
.header_slider_visual{position:absolute; left:45px; top:0;}
.header_slider_visual ul{}
.header_slider_visual ul li{position:absolute; left:0px; top:0;}

.header_slider_prev{position:absolute;  top:37px; left:0px; cursor:pointer; z-index:2;}
.header_slider_next{position:absolute;  top:37px; right:0px; cursor:pointer; z-index:2;}

.header_slider_ball{width:100%; position:absolute; left:45px; top:108px; z-index:2; text-align:left;}
.header_slider_ball li{display:inline; margin:0 4px; cursor:pointer;}


@media all and (max-width:1367px) {
	.header_slider_visual{left:0px;}
	.header_slider_area{width:1280px;}
	.header_slider_prev{display:none;}
	.header_slider_next{display:none;}
	.header_slider_ball{left:0;}
}

#header-area{background:#3d3e42; width:100%; height:60px; clear:both; position:relative; }
/*.header_shadow{width:100%; height:4px; background:url(/images/common/header_shadow.png) 0 0 repeat-x; position:absolute; left:0; top:60px; }*/
#gnb{position:absolute; left:24px; top:32px;}
#header-area .btn{width:100%; padding-top:15px; text-align:center;}
.header_slider_hide{cursor:pointer;}
.header_slider_show{display:none; cursor:pointer;}

/*container*/
#lnb{width:180px; padding-right:10px; position:fixed; left:0; top:193px; background:url(/images/common/lnb_shadow.png) 0px 0 repeat-y;   z-index:5;}


#lnb_area{width:180px; position:relative; z-index:5;}
	.lnb_top{height:185px; width:180px; padding-top:12px; text-align:center; background:#fff;}
	.lnb_top .logo{margin-top:28px;}
	.lnb_mid{width:180px;}
	.lnb_mid .lnb_menu{}
	.lnb_mid .lnb_menu li{position:relative;}
	.lnb_mid .lnb_menu li .over{position:absolute; left:0; top:0; display:none;}
	.lnb_mid .lnb_menu li.on .over{display:block;}
	.lnb_bot{width:180px;padding-top:37px; padding-bottom:193px; text-align:center; background:#fff;}}
	.lnb_bot .link{padding-top:7px; padding-bottom:15px;}

.lnb_sub{width:115px;position:absolute; top:0; right:10px; background:#686b70; }
.lnb_sub ul{}
.lnb_sub ul li{position:relative;}
.lnb_sub ul li .over{position:absolute; left:0; top:0; display:none;}


#quick{width:155px;overflow:hidden; padding-left:10px; position:fixed; right:0; top:193px; 
background:url(/images/common/quick_shadow2.png) 5px 0 repeat-y; z-index:5;}
#quick_area{width:155px;float:left}
#quick_area ul{padding-bottom:193px;}
.qc_area{float:left;position:relative;width:440px;padding:40px 0 0 40px}
.qc_area .btn_close{position:absolute;right:0;top:40px}

#quick_mini{position:fixed;width:20px;right:0px;top:193px;z-index:6}


.qm_price_sel{display:none}
.price_form{width:367px;height:480px;margin:25px 0 0 -8px;padding:97px 0 0 45px ;
background:url(/images/common/bg_phoneimg.gif) no-repeat left top}
.price_form .qm_formdiv{width:318px;margin:0 0 0 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:33px 0;}
.price_form .qm_formdiv label{display:inline-block;*display:inline;*zoom:1;width:56px;vertical-align:top;}
.price_form .qm_formdiv .qm_f2{margin:7px 0 15px 0}
.price_form .qm_formdiv .qm_f3 input{margin-right:5px}
.price_form .qm_formdiv .qm_f3 a{font-weight:bold}
.qm3_btns{width:318px;margin-top:25px;text-align:center}

.qm_kko_sel{display:none}
.kko_form{width:367px;height:480px;margin:25px 0 0 -8px;padding:97px 0 0 45px ;
background:url(/images/common/bg_phoneimg_talk.gif) no-repeat left top}
.kko_form .qm_formdiv{width:318px;margin:0 0 0 0;border-top:1px solid #b2a511;border-bottom:1px solid #b2a511;padding:33px 0;}
.kko_form .qm_formdiv label{display:inline-block;*display:inline;*zoom:1;width:56px;vertical-align:top;}
.kko_form .qm_formdiv .qm_f2{margin:7px 0 15px 0}
.kko_form .qm_formdiv .qm_f3 input{margin-right:5px}
.kko_form .qm_formdiv .qm_f3 a{font-weight:bold}

.qm_conusel{display:none}
.qm_table{width:400px;margin-top:25px;border-top:2px solid #209dad}
.qm_table th{height:38px;border-bottom:1px solid #ededed;background:#f9f9f9;font-weight:bold}
.qm_table td{height:34px;border-bottom:1px solid #ededed;text-align:center}
.qm_table td.qmsbj{padding-left:20px;text-align:left}
.qm_btns{width:400px;margin-top:25px;text-align:center;}
.ipt1{width:260px;height:25px;border:1px solid #ddd}
.ipt2{width:76px;height:25px;border:1px solid #ddd}

.qm_reserve{display:none}
.reserve_form{margin:25px 0 0 0}
.qm_con{width:360px;padding:30px 20px 40px 20px;text-align:center;background:#ededed}
.qm6_btns{margin-bottom:25px}

.qm_location{display:none}
.location_form{margin:25px 0 0 0}
.location_form .mapzone{position:relative;}
.location_form .btn_print{position:absolute;left:250px;bottom:120px;}
.qm7_btns{margin:25px 0 0 -10px ;text-align:center}



/*footer*/
#footer{ background:#3d3e42; height:243px; width:100%;}

#footer_top{border-top:1px solid #ccc; height:89px; background:#fff; padding-left:180px; margin:0 auto; padding-right:155px;  min-width:820px; max-width:1367px;}
@media all and (max-width:1230px) {
	#footer_top{padding-right:0px;}
}


#footer_top_area{height:89px; width:100%;}
.foot_family{height:70px; padding:19px 50px 0; position:relative;overflow:hidden;}

.foot_family .foot_prev{position:absolute; left:0px; top:29px; cursor:pointer;}
.foot_family .foot_next{position:absolute; right:0px; top:29px; cursor:pointer;}
@media all and (max-width:1700px) {
	.foot_family .foot_prev{left:10px;}
	.foot_family .foot_next{right:10px;}
}
.foot_family_area{width:100%; height:60px; overflow:hidden; position:relative;}
.foot_family_area ul{overflow:hidden; width:4300px; position:absolute; left:-40px; top:0;}
.foot_family_area ul li{float:left; margin-left:50px;}
.foot_family_area ul li.first{margin-left:0px;}


#footer_mid{border-top:1px solid #646568; height:38px; width:100%;}
#footer_mid_area{ padding-left:180px; margin:0 auto; padding-right:155px;  min-width:820px;  max-width:1367px;}
#footer_mid_area .foot_gnb{padding-left:5px; padding-top:14px;}

#footer_bot{border-top:1px solid #cccccc; height:113px; width:100%;}
#footer_bot_area{ padding-left:180px; margin:0 auto; padding-right:155px;  min-width:820px;  max-width:1367px;}
#footer_bot_area address{display:block; padding-top:18px;padding-left:5px; }

.nano-pane{opacity:0 !important; display:none !important; }






