@charset "utf-8";


#body_content h1 {font-size:24px; color:#000; font-weight:400; background:url(/kor/img/common/h1.gif) no-repeat 0 15px ; padding:0 0 15px 20px}  
#body_content h2 {font-size:18px; color:#000; font-weight:400; margin:25px 0 10px 0}  
#body_content h4 {color:#000; font-size:24px; margin:0 0 10px 0}

#body_content ul {padding:0px;margin:0;}
#body_content ul.bu1 li {padding:3px 0px 2px 10px; margin:0; background:url(/kor/img/common/bul_01.gif) no-repeat 2px 15px; font-size:1em; }
#body_content ul.bu1 li span{color:#dd042b}
#body_content ul.bu2 li {padding:3px 0px 2px 10px; margin:0 30px 0 20px; background:url(/kor/img/common/bul_01.gif) no-repeat 2px 15px; font-size:1em;  float:left;}



/* 패팅 */
.pt_5 {padding-top:5px;}
.pt_10 {padding-top:10px;}
.pt_15 {padding-top:15px;}
.pt_20 {padding-top:20px;}
.pt_25 {padding-top:25px;}
.pt_30 {padding-top:30px;}
.pt_35 {padding-top:35px;}
.pt_40 {padding-top:40px;}
.pt_45 {padding-top:45px;}
.pt_50 {padding-top:50px;}
.pt_55 {padding-top:55px;}
.pt_60 {padding-top:60px;}

.pb_5 {padding-bottom:5px;}
.pb_10 {padding-bottom:10px;}
.pb_15 {padding-bottom:15px;}
.pb_20 {padding-bottom:20px;}
.pb_25 {padding-bottom:25px;}
.pb_30 {padding-bottom:30px;}
.pb_40 {padding-bottom:40px;}
.pb_50 {padding-bottom:50px;}

.pl_5 {padding-left:5px;}
.pl_10 {padding-left:10px;}
.pl_15 {padding-left:15px;}
.pl_20 {padding-left:20px;}
.pl_30 {padding-left:30px;}
.pl_40 {padding-left:40px;}
.pl_50 {padding-left:50px;}



#body_content .dv_01_left {width:51%; float:left;}
#body_content .dv_01_left img {width:100%; }
#body_content .dv_01_right {width:45%; float:right;}

#body_content .dv_02_left {width:36.936%; float:left;}
#body_content .dv_02_left img {width:100%; }
#body_content .dv_02_right {width:58.5%; float:right;}

#body_content .dv_03_left {width:50%; float:left;}
#body_content .dv_03_left img {width:100%; }
#body_content .dv_03_right {width:46%; float:right;}

#body_content .dv_04_left {width:56.36%; float:left;}
#body_content .dv_04_left img {width:100%; }
#body_content .dv_04_right {width:39.6%; float:right;}

#body_content .dv_05_left {width:18.18%; float:left;}
#body_content .dv_05_left img {width:100%; }
#body_content .dv_05_right {width:78%; float:right;}

#body_content .dv_06_left {width:35.45%; float:left;}
#body_content .dv_06_left img {width:100%; }
#body_content .dv_06_right {width:60%; float:right;}
#body_content .btn_box {margin:15px 0 0 0;}

#body_content .conbox_img_01 {position: relative; width:100%; margin:35px 0 }
#body_content .conbox_img_01 img { width:100%; }

#body_content .conbox_img_02 {position: relative; width:100%; margin:0 0 15px 0 }
#body_content .conbox_img_02 img { width:100%; }



.laser_p { padding:0 0 40px 0;}

.div_clear {position: relative; clear:both;}
.div_clear2 {position: relative; clear:both; margin:0 0 50px 0}


.txt_big {font-size:24px; color:#333; line-height:150%; margin:0 0 20px 0; letter-spacing:-0.02em}

.company_tbox {margin:0 0 40px 0}
.company_slogan {font-size:36px; margin:0 0 40px 0; font-family:'Nanum Myeongjo'; color:#333; text-align:center; line-height:140%} 

.add_box {background:#efefef; width:100%;  margin: 0 0 0 0; text-align:center; padding:40px 0}
.add_box ul {width:90%; margin:auto !important }
.add_box ul li {padding:3px 0px 2px 15px; margin:0 0 0 30px; background:url(/kor/img/common/bul_02.gif) no-repeat 0px 12px; font-size:1.1em;  float:left; color:#333; }

.storage {margin:0 0 40px 0}
.p_con2 {margin:0 0 0 0}
.p_con {margin:0 0 50px 0}
.p_con img {width:100%;}

ul.imgcon {position: relative; clear:both;width:100%;  }
ul.imgcon li { width:47.27%; float:left; text-align:center; margin:0 0 30px 0;}
ul.imgcon li img { width:100%; margin:0 0 10px 0} 
ul.imgcon li:nth-child(2) { float:right; }
ul.imgcon li:nth-child(4) {float:right; }




/* TABLE */
table {border-collapse:collapse;border-spacing:0;}
caption {padding:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}

.t1 { width:100%; overflow:hidden; margin:0 0 0 0;font-size:1em; }
.t1 { width:100%; border-bottom:solid 1px #6b6b6b;  border-top:solid 2px #e51769; border-spacing:0; border-collapse:separate; *border-collapse:collapse; table-layout:fixed; }
.t1 thead tr th {padding:18px 0 18px; color:#000; text-align:center;  border-right:1px solid #cbcccf; background:#f3f3f3; font-weight:500;}
.t1 thead tr th:last-child { border-right:0; }
.t1 tbody tr th {padding:22px 0 16px; text-align:center; border-top:1px solid #cbcccf; border-right:1px solid #cbcccf;  background:#f9f9f9;font-weight:500;color:#000;  }
.t1 tbody tr td {padding:13px 20px;  text-align:center; vertical-align:middle; border-top:1px solid #cbcccf; border-right:1px solid #cbcccf;}
.t1 tbody tr:last-child {border-bottom:1px solid #333; }
.t1 tbody tr td:last-child {border-right:0;  }


.t2 { width:100%; overflow:hidden; margin:0 0 0 0;font-size:1em; }
.t2 { width:100%; border-bottom:solid 1px #6b6b6b;  border-top:solid 2px #e51769; border-spacing:0; border-collapse:separate; *border-collapse:collapse; table-layout:fixed; }
.t2 thead tr th {padding:18px 0 18px; color:#000; text-align:center;  border-right:1px solid #cbcccf; background:#f3f3f3; }
.t2 thead tr th:last-child { border-right:0; }
.t2 tbody tr th {padding:22px 0 16px; text-align:center; border-bottom:1px solid #cbcccf; border-right:1px solid #cbcccf;  background:#f9f9f9 ;font-weight:500; color:#000; }
.t2 tbody tr td {padding:13px 20px;  text-align:left; vertical-align:middle; border-bottom:1px solid #cbcccf; border-right:1px solid #cbcccf;}
.t2 tbody tr td:last-child {border-right:0;  }





/* 연혁 */

#history .con_left {width:50%; float:left; border-right:1px solid #efefef; padding:0 5% 0 0 }
#history .con_right {width:43.63%; float:right;}

#history h3 {font-size:30px; color:#dd042b; font-weight:450; margin:50px 0 28px 0;}
#history h3:first-child {margin:0 0 30px 0;}
#history dl {position: relative; clear:both;margin:0 0 16px 0; }
#history dt {font-size:24px; color:#333; float:left; width:19%;}
#history dd {width:81%; float:right;}

#history .img_drb {width:100%; margin:0 0 40px 0}
#history .img_drb img{width:100%;}





@media (min-width:641px) {
	.web {display:block;}
	.m_mobile {display:none;}

}


@media (max-width:640px) {

	.web {display:none;}
	.m_mobile {display:block;}


#body_content h1 {font-size:20px; background:url(/kor/img/common/h1.gif) no-repeat 0 10px ; padding:0 0 7px 18px}  


#body_content .dv_01_left {width:100%; float:none; margin:0 0 20px 0}
#body_content .dv_01_right {width:100%; float:none;}

#body_content .dv_02_left {width:100%; float:none; margin:0 0 20px 0}
#body_content .dv_02_right {width:100%; float:none;}

#body_content .dv_03_left {width:100%; float:none; margin:0 0 20px 0}
#body_content .dv_03_right {width:100%; float:none;}

#body_content .dv_04_left {width:100%; float:none;  margin:0 0 20px 0}
#body_content .dv_04_right {width:100%; float:none;}

#body_content .dv_05_left {width:30%; float:left;}
#body_content .dv_05_right {width:65%; float:right;}

#body_content .dv_06_left {width:100%; float:none; margin:0 0 20px 0}
#body_content .dv_06_right {width:100%; float:none;}
#body_content .btn_box {width:60%; }
#body_content .btn_box img {width:100%; }


.div_clear2 {margin:0 0 40px 0}

.txt_big {font-size:19px;  line-height:140%; margin:0 0 10px 0;}


.company_tbox {margin:0 0 20px 0}
.company_slogan {font-size:22px; margin:0 0 0 0; line-height:130%} 
#body_content .conbox_img_01 {width:100%; margin:20px 0 }

.t2 thead tr th {padding:14px 0 14px;}
.t2 tbody tr th {padding:15px 0 14px; }
.t2 tbody tr td {padding:13px 20px;  text-align:left; vertical-align:middle; border-bottom:1px solid #cbcccf; border-right:1px solid #cbcccf;}


.t1 thead tr th {padding:14px 0 14px; }
.t1 tbody tr th {padding:15px 0 15px; }
.t1 tbody tr td {padding:13px 10px}



#history .con_left {width:100%; float:none; border-right:0px solid #efefef; padding:0 0 0 0 }
#history .con_right {width:100%; float:none;}

#history h3 {font-size:26px; font-weight:450; margin:30px 0 12px 0;}
#history h3:first-child {margin:0 0 12px 0;}

#history dl {margin:0 0 10px 0; }
#history dt {font-size:20px; width:19%;}
#history dd {width:80%; }

#history .img_drb { margin:20px 0 0px 0}


.add_box {  margin: 0 0 0 0; text-align:left; padding:20px 0}
.add_box ul {width:90%; margin:auto !important }
.add_box ul li {padding:5px 0px 0px 14px; margin:0 0 0 5px; background:url(/kor/img/common/bul_02.gif) no-repeat 0px 12px; font-size:1em;  float:none; color:#333; }

.p_con {margin:0 0 20px 0}



}