/* CSS Document euc-kr */

/*·¹À̾ƿô*/

.wrapper{ width:100%;}

.header{ /*position:relative; width:1200px; width:99%; margin:0px auto; height:80px;*/  }


.top_fixed{ position:fixed; top:0px;left:0px; z-index:100; width:100%;}

.top_menu_wrap {/*position:relative;*/ position:fixed; width:100%; height:80px; overflow:hidden;  background:#cd0000; }
.pad_top_menu_wrap{ display:none;}
.pad_top_menu ul {display:none; }
.phone_top_menu_wrap{ display:none;}


.katalk {z-index:1000000; position:fixed; top:100px; right:10px; width:125px;}
.katalk a {padding:0 !important; margin:0 !important;}
.katalk .plus .pc {border-radius:10px 10px 0 0;}
.katalk .chat .pc {border-radius:0 0 10px 10px;}

.logo{width:1200px; margin:0 auto; position: relative; top:15px; height:0px; }
.logo a{  display: inline-block; height:55px; position:relative; z-index:500;}
.logo a img{width:110px;height:55px;}

/*ž ¸Þ´º*/
.top_menu{ width:1200px; margin:0 auto; position:relative; top:34px; /*border:1px solid white;*/ height:20px;}


.top_menu .depth_01 {  }
.top_menu .depth_01 li { float:left;  width:70px; margin:0 0 0 78px; height:20px; }
.top_menu .depth_01 > li:first-child{ /*border:1px solid black;*/ margin:0 0 0 196px;}
.top_menu .depth_01 li a { display: inline-block; padding:0px; }
.top_menu .depth_01 li a img{ width:98px; height:20px;}

/*»ó´Ü Á߸޴º ½ÃÀÛ*/
.top_menu .depth_01 li ul{margin:33px 0 0 0; padding:0;display:block;}
.top_menu .depth_01 li ul li{text-align:left;width:150px; height:auto;/* border:1px solid blue;*/ padding:0px; margin:0px;  }
.top_menu .depth_01 li ul li:first-child{}
.top_menu .depth_01 li ul li a {margin:5px 0 5px 6px; padding:0px 5px 0 4px; font-size:14px; line-height:16px; font-family:"NanumGothic", Tahoma, "µ¸¿ò", sans-serif;  }
.top_menu .depth_01 li ul li a:link,
.top_menu .depth_01 li ul li a:visited { color:#ffffff;text-decoration:none;}
.top_menu .depth_01 li ul li a:hover,
.top_menu .depth_01 li ul li a:active { color:#ffff00;text-decoration:none;}

/*´ë¸Þ´º onÀ϶§ */
.top_menu .depth_01 a.on{/*Á¦ÀÌÄõ¸®¿¡¼­ ÄÁÆ®·Ñ*/}

/*Á߸޴º onÀ϶§ */
.top_menu .depth_01 li ul li a.on{ color:#ffcc00; text-decoration:none;}


/*»ó´ÜÁ¤º¸*/
.top_info_bg{ background:#222222; height:80px; position:relative; top:230px; }
.top_info{width:1200px; margin:0 auto;}
.top_info_left{ position:absolute; top:20px; margin:0 0 0 17px;}
.top_info_left img{ width:215px; height:40px; }

.top_info_right{ }
.top_info_right{ float:right; margin-right:10px;  width:auto;}
.top_info_right li{ float:left;margin:20px 0 0 16px;}
.top_info_right img{width:100px; height:40px;}




.pad_btn{ display:none;}
.pad_top_menu {display:none;font-family:"NanumGothic", Tahoma, "µ¸¿ò", sans-serif; }


/* Á¤ÆÀÀå ¼öÁ¤ */
.logo .side {position:absolute; right:0; top:7px;}
.logo .side a {display:inline-block; float:left; height:auto; top:0; margin-left:5px; padding:12px 15px; background:#fff; color:#000; line-height:1; font-size:14px; font-weight:bold; border-radius:5px; text-decoration:none; letter-spacing:-.5px;}
.logo .side a:nth-child(1) {color:#60aa00;}
.logo .side a:nth-child(2) {color:#4175cc;}
.logo .side a:nth-child(3) {color:#d62128;}
.logo .side a:hover {box-shadow:1px 1px 3px rgba(0,0,0,.5);}

.estimate_btn{ display:block; width:1200px; margin:0 auto; height:0px; position:relative; z-index:200; top:0px; }
/* .estimate_pc_btn{ position:absolute; top:32px; right:0%;} */
.estimate_pc_btn{ position:absolute; top:20px; right:0%;}
.estimate_pc_btn a img{height:40px;}

.estimate_phone_btn{ display:none;}




.phone_btn{display:none;}
.phone_top_menu {display:none; }

.phone_top_menu ul {display:none; }
.phone_top_menu ul li a{font-family:"NanumGothicBold", Tahoma, "µ¸¿ò", sans-serif; font-weight:normal;}
.phone_top_menu ul li ul li a{ font-family:"NanumGothic", Tahoma, "µ¸¿ò", sans-serif; font-weight:normal;}




/*ÇÏ´Ü*/
.footer{ clear:both; min-height:130px; padding:0 0 50px 0; background:#222222; position:relative; z-index:10;}
.bottom_wrap{ width:1200px; margin:0 auto; position:relative; }



.bottom_wrap .address_txt{font-family:"NanumGothic", dotum, "µ¸¿ò", sans-serif; margin:0; padding:100px 0 0 18px; font-size:11px; line-height:15px; color:#999999; }

.bottom_wrap .address_txt span{ padding:0 3px;}
.bottom_wrap .address_txt span.first {padding:0;}

.bottom_wrap .address_txt .pc_call{ display:inline;}
.bottom_wrap .address_txt .phone_call{ display:none;}


.bottom_wrap .address_txt a:link,
.bottom_wrap .address_txt a:visited,
.bottom_wrap .address_txt a:hover,
.bottom_wrap .address_txt a:active { color:#999999; text-decoration:none;}



.bottom_wrap cite{ display:block; position:absolute; top:50px; margin:0; padding:0px 0 0 18px; font-family:"NanumGothic", Tahoma, "µ¸¿ò", sans-serif; color:#FFFFFF; line-height:14px; letter-spacing:1px;}
.bottom_wrap cite em{ display:block;}



.bottom_btn_right{float:right; margin-right:1%; height:40px; width:auto; }
.bottom_btn_right li{ float:left;  margin:40px 0 0 20px;}
.bottom_btn_right img{width:100px; height:40px;}

.bottom_btn_right .page_top{ margin:0px 0 0 33px;}
.bottom_btn_right .page_top img{width:84px; height:84px;}


.phone_bottom_btn_right{ display:none;}

.bottom_wrap .address_txt em a.fax_number{ display: inline;}


/*³»¿ë*/
.contents_wrap{ min-height:820px; width:100%;  padding:0;  position:relative; z-index:5;  }
.sub_contents_01{ padding:180px 0 0 0; width:1200px; margin:0px auto; }
.sub_contents_02{ padding:0px; width:100%;}




/*ÄÁÅÙÃ÷ ¼Ó¼º*/
/*.img_full{width:100%}*/

.con_menu{ position:relative; width:1200px;  margin:0px auto;  }


.nav{ position: fixed; /*top:185px;*/ top:30%; width:1200px; z-index:4;  }
.nav li{ display:block; text-align:right;  margin:20px 0;  font-size:14px; line-height:18px; font-family:'NanumGothic', Tahoma, "µ¸¿ò", sans-serif; font-weight:600; }

.nav li a:link,
.nav li a:visited,
.nav li a:hover,
.nav li a:active {display: inline-block; color:#666666;text-decoration:none; padding:2px 30px 2px 0; background:url(../images/contents/page_off.png) no-repeat 100% 2px;}
.nav li.active a{ color:#cd0000;background:url(../images/contents/page_on.png) no-repeat 100% 2px;}


/*pc*/
@media all and (max-width:1200px){
.header{ width:98%; }

.logo{width:96%;}

.top_menu{ width:97%; }

.top_menu .depth_01 li { float:left;  margin:0 0 0 6%; }
.top_menu .depth_01 > li:first-child{  margin:0 0 0 20%;}

.top_info{width:97%;}
.top_info_left{ margin:0 0 0 24px;}


.estimate_btn{width:97%; }
.estimate_pc_btn{top:20px; }



.phone_top_menu ul {display:none; }


.bottom_wrap{ width:98%; }
.bottom_wrap cite{ padding-left:30px;}
.bottom_wrap .address_txt{ padding-left:30px;}


.bottom_btn_right{ margin-right:16px; }



.contents_wrap{ }
.sub_contents_01{ width:96%;  }



.con_menu{ width:96%;  }
.nav{ width:96%;  }

/* 20180912 Ãß°¡ */
.mobile {display:none !important;}
}




/*ipad °¡·Î*/
@media all and (max-width:1030px){

.header{ width:100%;}


.top_menu_wrap { display:none; }
.pad_top_menu_wrap{ display:block; position:relative; width:100%; height:80px; overflow:hidden;  background:#cd0000;}

.logo{width:96%; top:12px;}

.top_menu{ width:100%; top:29px; }


.top_menu .pad_depth_01 li { float:left;  margin:0 0 0 7%;  }
.top_menu .pad_depth_01 > li:first-child{  margin:0 0 0 17%;}
.top_menu .pad_depth_01 li a { display: inline-block; padding:0px; }
.top_menu .pad_depth_01 li a img{ width:110px; }


.pad_btn{ display:block; width:97%; margin:0 auto; height:0px; position:relative; z-index:200; top:0px; }
.pad_btn{ display: none; }
.pad_all_btn{ position:absolute; top:14px; right:2%;}
.pad_all_btn a img{ width:50px; height:50px;}


.pad_top_menu {display:none; position: fixed; width:100%; top:80px; background: #cd0000; z-index:150; /*background:#555555;*/}

.pad_top_menu ul{ width:110px; float:left; display:block; /*min-height:220px;*//* height:170px;*/ height:150px; }


.pad_top_menu .pad_01{margin:0 0 0 17%; width:130px; }
.pad_top_menu .pad_02{margin:0 0 0 5%; width:130px; }
.pad_top_menu .pad_03{margin:0 0 0 4.2%;  }
.pad_top_menu .pad_04{margin:0 0 0 7.8%; width:140px; }


.pad_top_menu ul:first-child{  }


.pad_top_menu li{ font-size:15px; }

.pad_top_menu li a{ display:block; padding:5px 0; margin:4px 0; }


.pad_top_menu .pad_01 a{ padding-left:10px;}
.pad_top_menu .pad_02 a{ padding-left:10px;}
.pad_top_menu .pad_03 a{ padding-left:10px;}
.pad_top_menu .pad_04 a{ padding-left:12px;}



.pad_top_menu li a:link, .pad_top_menu li a:visited { color:#FFFFFF; text-decoration:none; }
.pad_top_menu li a:hover, .pad_top_menu li a:active { color:#ffcc00; text-decoration:none;}


.pad_top_menu li a.on{color:#ffcc00;}


.pad_top_menu .pad_top_info{ clear:both; background:#222222; width:100%; margin:0px auto 0 auto; height:60px; }


.pad_top_menu .pad_top_info .pad_btn_left{ width:230px; margin:9px 0 0 3.6%; float:left; }
.pad_top_menu .pad_top_info .pad_btn_left img{ width:215px; height:40px; }

.pad_top_menu .pad_top_info .pad_btn_right{ float:right; margin-right:4%; height:40px; width:auto; }
.pad_top_menu .pad_top_info .pad_btn_right li{ float:left; margin:5px 0 0 30px;}
.pad_top_menu .pad_top_info .pad_btn_right a{ padding:0px;}
.pad_top_menu .pad_top_info .pad_btn_right img{width:100px; height:40px;}



.phone_top_menu ul {display:none; }


.footer{ min-height:120px; padding:0 0 30px 0; background:#222222;}
.bottom_wrap{ width:100%;}


.bottom_wrap cite{ padding:0px 0 0 40px; top:30px; font-size:14px; line-height:19px; }
.bottom_wrap .address_txt{ margin:0; font-size:12px; line-height:18px; padding:90px 0 0 40px; color:#999999;}



.bottom_btn_right{ margin-right:32px; }

.bottom_btn_right li{ float:left;  margin:30px 0 0 20px;}
.bottom_btn_right .page_top img{width:73px; height:73px;}


.contents_wrap{ min-height:560px; }
.sub_contents_01{ padding:120px 0 0 0; }


}


/*tablet °¡·Î*/
@media all and (max-width:900px){

.header{ width:100%; }

.top_menu .pad_depth_01 li { float:left;  margin:0 0 0 4.5%; }

.pad_top_menu .pad_01{margin:0 0 0 17%; width:130px; }
.pad_top_menu .pad_02{margin:0 0 0 2.7%; width:130px; }
.pad_top_menu .pad_03{margin:0 0 0 1.9%;  }
.pad_top_menu .pad_04{margin:0 0 0 6%; width:140px; }


.phone_top_menu ul {display:none; }

.bottom_wrap cite{ padding-left:30px;}
.bottom_wrap .address_txt{ padding-left:30px;}

.bottom_btn_right{ margin-right:25px; }


.contents_wrap{min-height:800px; }
.sub_contents_01{ padding:120px 0 0 0; }


}



/*ipad ¼¼·Î*/
@media all and (max-width:800px){


.logo{width:98%; top:15px; }
.logo a img{width:95px; height:48px;}

.header{ width:100%; }


.top_menu .pad_depth_01 > li:first-child{  margin:0 0 0 17%;}
.top_menu .pad_depth_01 li a img{ width:100px; }


.top_menu .pad_depth_01 li { float:left;  margin:0 0 0 3.6%; }

.pad_top_menu .pad_01{margin:0 0 0 15.9%; width:130px; }
.pad_top_menu .pad_02{margin:0 0 0 1.2%; width:134px; }
.pad_top_menu .pad_03{margin:0 0 0 0.5%; width:100px; /*border:1px solid blue;*/  }
.pad_top_menu .pad_04{margin:0 0 0 4.0%; width:140px; }


.pad_top_menu .pad_03 a{ padding-left:5px;}


.phone_top_menu ul {display:none; }



.bottom_wrap cite{ padding:0px 0 0 20px;top:25px; }

.bottom_wrap .address_txt{ padding-left:20px;}

.bottom_btn_right{ margin-right:15px; }
.bottom_btn_right li{ float:left;  margin:25px 0 0 18px;}
.bottom_btn_right img{width:100px; height:40px;}



.bottom_btn_right .page_top img{width:65px; height:65px;}



.contents_wrap{min-height:800px; }
.sub_contents_01{ padding:120px 0 0 0;  }

}



/*³ª¸ÓÁöÆù °¡·Î¡Ú */
@media all and (max-width:700px){



.header{ width:100%; /*height:50px;*/}



/*.top_fixed{ position:relative; }*/
.top_fixed{ position:fixed; }

.pad_btn{ display:none;}
.pad_top_menu_wrap{ display:none;}



.back_btn{width:100%;margin:0 auto; position: relative; top:9px; left:2%; height:0px; display:none; }
.back_btn a{}
.back_btn a img{width:32px;height:32px;}

.logo{width:100%; text-align:center; text-align:left; position: relative; top:6px; left:4px; height:0px;}
.logo a{ height:37px;}
.logo a img{width:73px;height:37px;}


.estimate_btn{display:block; width:97%; margin:0 auto;}
.estimate_pc_btn{ display:none; }
.estimate_phone_btn{display:block; position:absolute; top:10px; right:54px;}
.estimate_phone_btn a img{ width:85px; height:30px;}



.phone_btn{ display:block; width:97%; margin:0 auto; height:0px; position:relative; z-index:200; top:0px; }
.phone_all_btn{ position:absolute; top:7px; right:0%; }
.phone_all_btn a img{ width:35px; height:35px;}

.phone_top_menu_wrap{ display:block; position:relative; width:100%; height:50px; overflow:hidden;  /*background:#cd0000;*/ background:#b70000; opacity:0.90; filter:alpha(opacity=90); -ms-filter:alpha(opacity=90);}


.pad_top_menu{ display:none; background:none;}
.pad_top_menu ul {display:none; }

.pad_top_menu .pad_top_info{display:none;}




.phone_top_menu {display:none;width:100%; position:relative; top:50px; background:#cd0000; z-index:50;  }
/*.phone_top_menu {display:none;width:100%; position:fixed; top:50px; background:#cd0000;}*/



.phone_top_menu ul{ display:block; border-top:1px solid #af0000; }
.phone_top_menu ul li{}
.phone_top_menu ul li a{ display:block; background:#bb0000; padding:10px 10px 10px 18px; border-bottom:1px solid #af0000; font-size:14px; letter-spacing:0px;}
.phone_top_menu ul li a:link, .phone_top_menu ul li a:visited { color:#FFFFFF; text-decoration:none;}
.phone_top_menu ul li a:hover, .phone_top_menu ul li a:active { color:#ffcc00; text-decoration:none;}

.phone_top_menu ul li ul{ border-bottom:1px solid #af0000; border-top:none;}
.phone_top_menu ul li ul li a{ display:block; background:#bf0000; padding:10px 10px 10px 20px; border-bottom:none; border-top:1px solid #b70000; font-size:12px; letter-spacing:0px;}
.phone_top_menu ul li ul li:first-child a{ border-top:none;}
.phone_top_menu ul li ul li a:link, .phone_top_menu ul li ul li a:visited { color:#ffb9b9; text-decoration:none;}
.phone_top_menu ul li ul li a:hover, .phone_top_menu ul li ul li a:active { color:#ffcc00; text-decoration:none;}



.phone_top_menu ul li a.on{color:#ffcc00;}
.phone_top_menu ul li ul li a.on{color:#ffcc00;}


.bottom_btn_right{ display:none;}



.footer{ padding:0 0 20px 0; background:#222222;}


.phone_bottom_btn_right{ display:block; height:52px; }
.phone_bottom_btn_right li{ float:left; width:33.33%; background:#222222;}

.phone_bottom_btn_right li a{ display:block; margin:3px; padding:6px 0; text-align:center;}
.phone_bottom_btn_right li img{ width:80px; }

.bottom_wrap .address_txt{ clear:both; display:block; text-align:center; border-top:1px solid #333333; padding:15px 10px 5px 10px;}

.bottom_wrap .address_txt em{ display:block; font-size:15px; line-height:20px; margin:0 0 10px 0;}

.bottom_wrap .address_txt em a:link, .bottom_wrap .address_txt em a:visited { color:#999999; text-decoration:none;}
.bottom_wrap .address_txt em a:hover, .bottom_wrap .address_txt em a:active { color:#999999; text-decoration:none;}

.bottom_wrap .address_txt em a.fax_number{ display:none;}

.bottom_wrap .address_txt em span{ display:none;}
.bottom_wrap .address_txt address{ color:#6b6b6b;}
.bottom_wrap .address_txt address span{ display:block; font-size:0px; line-height:0px;}


.bottom_wrap .address_txt .pc_call{ display:none;}
.bottom_wrap .address_txt .phone_call{ display:inline;}




.bottom_wrap cite{ position:static; padding:0px; text-align:center; font-size:10px; line-height:19px; letter-spacing:0px; color:#666666; }
.bottom_wrap cite em{ display: inline;}



.contents_wrap{min-height:500px; }
.sub_contents_01{ padding:30px 0 0 0; padding:80px 0 0 0; }


.nav{ display:none;}


}


/*iphone5 °¡·Î*/
@media all and (max-width:600px){



.header{ width:100%; }


.contents_wrap{min-height:400px; }
.sub_contents_01{ }


.estimate_phone_btn{right:43px; }

}



/*iphone4, 5 ¼¼·Î*/
@media all and (max-width:350px){



.header{ width:100%; }



.contents_wrap{min-height:400px; }
.sub_contents_01{ }

}







/*¸ð¹ÙÀÏ ¼¼·ÎÀ϶§*/
@media all and (orientation:portrait) {
/*
.nav li a:link,
.nav li a:visited,
.nav li a:hover,
.nav li a:active {  background:url(../images/contents/page_mobile_off.png) no-repeat 100% 3px; -webkit-background-size:16px 16px;}
.nav li.active a{ background:url(../images/contents/page_mobile_on.png) no-repeat 100% 3px; -webkit-background-size:16px 16px;}

*/

}



/*¸ð¹ÙÀÏ °¡·ÎÀ϶§*/
@media all and (orientation:landscape) {
/*
.nav li a:link,
.nav li a:visited,
.nav li a:hover,
.nav li a:active {  background:url(../images/contents/page_mobile_off.png) no-repeat 100% 3px; -webkit-background-size:16px 16px;}
.nav li.active a{ background:url(../images/contents/page_mobile_on.png) no-repeat 100% 3px; -webkit-background-size:16px 16px;}

*/


.top_fixed{ position:relative; }
.phone_top_menu {top:0px; }

.pad_top_menu_wrap{ position:fixed;}
.pad_btn{  position:fixed; }



}

@media screen and (min-width: 992px), print {
	.mobile {display:none;}
}



/* ************************ ÅÂºí¸´ ÀÌÇÏ(~991) ************************ */
@media screen and (max-width: 991px) {
	.mobile {display:block !Important;}
	.pc {display:none;}
	
	.katalk {z-index:1000000; position:fixed; top:auto; bottom:10px; right:5%; width:45px;}
	.katalk a {padding:0 !important; margin:0 !important;}
	.katalk a img {width:100%; margin-bottom:10px;}
	.katalk a:last-child>img { border:1px solid #381e1f; border-radius:50%;}

}

/* ************************ ÀÛÀº ¸ð¹ÙÀÏ ÀÌÇÏ(~500) ************************ */
@media screen and (max-width: 500px) {

    /* ·¹À̾î Æ˾÷*/
    #layerPopup [class*='pop'] {width:280px !important; left:20px !important;}
    #layerPopup [class*='pop'] img {width:100% !important;}

}