@charset "utf-8";
@import url("common.css");
body {font-size:12px; color:#6e6e6e; font-family:'굴림';}


/* ------------------------------------response layout 공통------------------------------------ */
/* PC */
@media screen and (max-width:1280px) {
	#top_util #util_wrap  {width:98%;}
	#header nav ul li { padding:0 35px; }
	#wrap {width:98%;}	
}

@media screen and (max-width:980px) {		
	#footer #foot_btm h1.bottom_logo {display:none;}
}

/* 태블릿 */
@media screen and (max-width:768px) {	
	#header #m_top_menu {display:block; cursor:pointer; width:35px; height:30px; margin-top:23px;}
	#header h1 {float:none; margin:0 auto;}
	#header nav ul {display:none;}
	
	#footer {float:none; width:100%; margin-top:80px;}
	#footer #foot_menu ul {width:100%; margin-left:0px; height:100%; display:block;}
	#footer #foot_menu ul li {padding:0; text-align:center; overflow:hidden;}
	#footer #foot_menu ul li.fm_01 {width:18%; }
	#footer #foot_menu ul li.fm_02 {width:18%; }
	#footer #foot_menu ul li.fm_03 {width:18%; }
	#footer #foot_menu ul li.fm_04 {width:18%; }
	#footer #foot_menu ul li.fm_05 {width:28%;.width:25%; }
}

/*스마트폰*/
@media screen and (max-width:480px) {
	/* 공통 */
	#top_util #util_wrap  {width:100%;}
	#top_util #util_wrap ul {float:none;}
	#top_util #util_wrap ul li {width:25%; padding:0; text-align:center; box-sizing:border-box; }	
		
	#footer #foot_menu ul li {letter-spacing:-1.5px;}
	#footer #foot_menu ul li.fm_05 {text-align:left;}
	#footer #foot_btm h1.bottom_logo {display:none;}
}

/* ------------------------------------response layout 공통 끝 ------------------------------------ */


/* 서브 Layout */
#_container {width:100%; min-height:400px; border-top:3px solid #f71a00; overflow:hidden;}
#_container:after {content:""; clear:both; display:block;}
#_container {*zoom:1;}
#_container #pagenation {height:66px; border-bottom:1px solid #d9d9d9; background:url(/ko/images/common/pagenation_back.gif)}
#_container #pagenation h1 {float:left; width:16.666%; height:100%; background:#102446; color:#fff; font-family:'Nanum Gothic','맑은고딕'; font-weight:normal; font-size:27px; line-height:230%; text-align:center; letter-spacing:-1px;}
#_container #pagenation span {float:right; width:atuo; margin-top:25px; font-family:'Nanum Gothic','맑은고딕'; margin-right:50px;}

#_container #con_wrap {width:100%; margin-top:50px;}

#_container #con_wrap #side {float:left; width:16.666%; min-height:300px;}
#_container #con_wrap #side #snb {float:left; width:100%; overflow:hidden;}
#_container #con_wrap #side #snb ul {}
#_container #con_wrap #side #snb ul li {width: 100%; height: 38px; border-bottom: 1px solid #e9e9e9; font-family: 'Nanum Gothic','맑은고딕'; font-size: 13px; font-weight:600; line-height: 300%;}
#_container #con_wrap #side #snb ul li a {color:#616161; display:block; width:100%; height:100%; padding-left:22.5%; background-image: url(/ko/images/common/bullet_left_menu.gif); background-repeat: no-repeat; background-position: 9% 17px; }
#_container #con_wrap #side #snb ul li a:hover {color:#000; text-decoration:none; background-color:#f0f3f8; background-image: url(/ko/images/common/bullet_left_menu_on.gif); background-repeat: no-repeat; background-position: 12% 17px;
	-ms-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-0-transition:all 0.5s;
	transition:all 0.5s;
}
#_container #con_wrap #side #snb ul li:first-child {border-top:2px solid #4b4b4b;}
#_container #con_wrap #side #snb ul li.on a {color:#000; text-decoration:none; background-color:#f0f3f8; background-image: url(/ko/images/common/bullet_left_menu_on.gif); background-repeat: no-repeat; background-position: 12% 17px;}
#_container #con_wrap #side div.cscenter { float:left;width:100%; height:86px; border:1px solid #ebeaea; color:#8d8d8d; background-color: #fff; background-image: url(/ko/images/common/tel_icon.gif); background-repeat: no-repeat; background-position: 10px center; margin-top:40px;}
#_container #con_wrap #side div.cscenter .tel {margin-left:60px; margin-top:15px; font-size:20px; font-family:'Nanum Gothic','맑은고딕'; font-weight:400; letter-spacing:-1px; letter-spacing:-1px;}
#_container #con_wrap #side div.cscenter .tel a {color:#8d8d8d;}
#_container #con_wrap #side div.cscenter .pen {margin-left:60px; letter-spacing:-1px;}

#_container #con_wrap #content {float:right; width:79.166%; min-height:300px; }
#_container #con_wrap #content #body_title {height:40px; border-bottom:1px solid #e1e1e1;}
#_container #con_wrap #content #body_title h2 {float:left; height:40px; font-family:'Nanum Gothic','맑은고딕'; font-weight:600; color:#000; font-size:30px; color:#000; letter-spacing:-1px;}
#_container #con_wrap #content #body_title span { display:none; float:left; height:40px; font-family:'돋움'; font-size:11px; color:#8f8f8f; margin-top:13px; margin-left:10px;}
#_container #con_wrap #content #body_content {clear:both; margin-top:40px; width:100%; word-wrap:break-word; font-size:14px; font-family:'Nanum Gothic','맑은고딕'; font-weight:400; color:#3f3f3f; line-height:23px;}

#footer {margin-top:30px;}

.clearfix {clear:both !imporatnt; float:none;}
.clearfix:before {content:" "; display:block; height:1px;}
.clearfix:after {content:" "; display:block; height:1px;}

.fl {float:left; }
.fr {float:right; }

.mt_10 {margin-top:10px !important; }
.mt_20 {margin-top:20px !important; }
.mt_30 {margin-top:30px !important; }
.mt_40 {margin-top:40px !important; }
.mb_10 {margin-bottom:10px !important; }
.mb_20 {margin-bottom:20px !important; }
.mb_30 {margin-bottom:30px !important; }
.mb_40 {margin-bottom:40px !important; }
.pt_10 {padding-top:10px !important; }
.pt_20 {padding-top:20px !important; }
.pt_30 {padding-top:30px !important; }
.pt_40 {padding-top:40px !important; }
.pt_50 {padding-top:50px !important; }
.pb_10 {padding-bottom:10px !important; }
.pb_20 {padding-bottom:20px !important; }
.pb_30 {padding-bottom:30px !important; }
.pb_40 {padding-bottom:40px !important; }

.font_18 {font-size:18px !important; }
.font_bold {font-weight:bold !important; }
.font_blue {color:#037fd6 !important; }


/* --------------------------------------------본문용--------------------------------------------*/
.img_mobile {display:none;}

/*회사소개*/
.body_01_01 { margin-top:15px; background-image: url(/ko/images/company/body_img_01.gif); background-repeat: no-repeat; background-position: right bottom; white-space:pre-line; height:470px; background-size : 60% ; .background:none;}

/*인사말*/
.body_02_warp {background-image: url(/ko/images/company/body_img_02.jpg); background-repeat: no-repeat; background-position: right top; background-size : 30% ; .background:none;}
.body_02_01 { margin-top:15px;  white-space:pre-line; height:470px; }

/* 사업소개 */
.body_04 {}
.body_04 p {padding-bottom:40px;}
.body_04 dl {float:left; width:32%; min-height:238px; border:1px solid #dedede; margin-left:1.5%; margin-bottom:15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.body_04 dl:first-child {margin-left:0;}
.body_04 dl dt { height: 80px; line-height: 300%; background-color: #f7f7f7; font-size:24px; color:#000; padding-left:20px; font-weight:400;}
.body_04 dl dt.dt_01 {background-image: url(/ko/images/company/body_img_04-1.jpg); background-position:right top; background-repeat:no-repeat;}
.body_04 dl dt.dt_02 {background-image: url(/ko/images/company/body_img_04-2.jpg); background-position:right top; background-repeat:no-repeat;}
.body_04 dl dt.dt_03 {background-image: url(/ko/images/company/body_img_04-3.jpg); background-position:right top; background-repeat:no-repeat;}
.body_04 dl dt.dt_04 {background-image: url(/ko/images/company/body_img_04-4.jpg); background-position:right top; background-repeat:no-repeat;}
.body_04 dl dt.dt_05 {background-image: url(/ko/images/company/body_img_04-5.jpg); background-position:right top; background-repeat:no-repeat;}
.body_04 dl dt.dt_06 {background-image: url(/ko/images/company/body_img_04-6.jpg); background-position:right top; background-repeat:no-repeat;}
.body_04 dl dd {}
.body_04 dl dd ul {margin-left:50px; margin-top:30px; list-style:disc}
.body_04 dl dd ul li {height:30px;}

/*회사연혁*/
.body_03_01 {width:100%; height:144px; background-image: url(/ko/images/company/body_img_03.jpg); background-repeat: no-repeat; background-position: 5.26% 0px; }
.body_03_01 p.top_desc_03 {padding-left:33.157%;}
.body_03_01 p span.title_03 {display:block; height:40px; padding-top:40px; font-size:36px; font-family:'Nanum Gothic','맑은고딕'; font-weight:400; color:#000;}
.body_03_01 p span.txt_small {font-size:3px; font-family:'Nanum Gothic','맑은고딕'; font-weight:400; color:#c5c5c5;}
.body_03_02 {width:100%;}
.body_03_02 dl dt { width:33.052%; font-size:36px; font-family:'Nanum Gothic','맑은고딕'; font-weight:600; color:#000; text-align:center; background-image: url(/ko/images/company/body_img_03_dot.jpg); background-repeat: repeat-y; background-position: center;}
.body_03_02 dl dt h3 {background:#fff; padding:10px 0; .height:40px;}
.body_03_02 dl dd {width:66.5%;}
.body_03_02 dl ul li {margin:5px 0; }
.body_03_02 dl ul li strong {color:#333; margin-right:5px;}
.body_03_02 div.his_2015 {float:left; width:100%;}
.body_03_02 div.his_2015 dl {width:100%; margin-top:20px;}
.body_03_02 div.his_2015 dl dt {float:left;  }
.body_03_02 div.his_2015 dl dd {float:right; }
.body_03_02 div.his_1999 {float:left; width:100%;}
.body_03_02 div.his_1999 dl {width:100%; margin-top:20px;}
.body_03_02 div.his_1999 dl dt {float:left; }
.body_03_02 div.his_1999 dl dd {float:right; }

/*사업장소개*/
.body_05 {}
.body_05 dl {width:100%; height:400px; border-bottom:1px solid #dedede; margin-bottom:40px;}
.body_05 dl dt {float:left; width:31.157%;}
.body_05 dl dt h3 {border:1px solid #cbcbcb; height:84px; text-align:center;  font-family:'Nanum Gothic','맑은고딕'; font-size:18px; font-weight:600; color:#000; line-height:500%;}
.body_05 dl dt div.adr {padding-left:10px; margin-top:30px;}
.body_05 dl dt div.adr p {line-height:25px; white-space:pre-line;}
.body_05 dl dd {float:right; width:64%; height:100%; }
.body_05 dl dd iframe {border:1px solid #ccc;}

/*파트너소개*/
.body_06 {}
.body_06 dl {float:left; width:32%; height:298px; border:1px solid #dedede; margin-left:15px; margin-bottom:15px;}
.body_06 dl:first-child {margin-left:0;}
.body_06 dl dt {height:90px; text-align:center; line-height:400%;}
.body_06 dl dt img {margin-top:15px;}
.body_06 dl dd {padding:32px; color:#9b9b9b; line-height:25px;}

/* 제품소개 */
.product_section {padding:46px 0; border-bottom:1px solid #e3e3e1; word-wrap:break-word; word-break:keep-all; }
.product_section h3 {width:100%; text-align:center; font-family:'Nanum Gothic','맑은고딕'; font-size:36px; font-weight:800; color:#000;}
.product_section h3 span {clear:both; color:#69717e; font-size:26px !important; padding-top:15px; display:block;}
.product_section h4 {display:block; clear:both; }
.product_section strong.sub_txt {width:100%; text-align:center; color:#f74c00; font-size:16px; font-family:'Nanum Gothic','맑은고딕'; display:block; padding:15px 0; }
.product_section p.pro_img {margin-top:35px;}
.product_section p.descript {padding-top:25px; line-height:25px; text-align:center; white-space:pre-line;}
.product_section div.pro_img_wrap {width:100%; height:auto; margin-top:30px; display:inline-block;}
.product_section div.pro_img_wrap p.pro_img_01 {float:left; width:48.210%; white-space:pre-line; text-align:center;}
.product_section div.pro_img_wrap p.pro_img_01 img {margin-bottom:20px;}
.product_section div.pro_img_wrap p.pro_img_02 {float:right; width:48.210%; white-space:pre-line; text-align:center; }
.product_section div.pro_img_wrap p.pro_img_02 img {margin-bottom:20px;}
.product_section div.pro_img_wrap_03 {width:100%; height:auto; margin-top:30px; display:inline-block;}
.product_section div.pro_img_wrap_03 p.pro_img_01 {float:left; width:33.210%; white-space:pre-line; text-align:center;}
.product_section div.pro_img_wrap_03 p.pro_img_01 img {margin-bottom:20px;}
.product_section div.pro_img_wrap_03 p.pro_img_02 {float:right; width:33.210%; white-space:pre-line; text-align:center; }
.product_section div.pro_img_wrap_03 p.pro_img_02 img {margin-bottom:20px;}
.product_section div.pro_img_wrap_03 p.pro_img_03 {float:right; width:33.210%; white-space:pre-line; text-align:center; }
.product_section div.pro_img_wrap_03 p.pro_img_03 img {margin-bottom:20px;}

.pro_col_2 {width:100%; margin:50px 0; }
.pro_col_2 .left_img {float:left; width:50%; }
.pro_col_2 .col_2_txt {float:right; width:48%; padding-left:2%; }

h4.secti {font-size:21px; padding-top:30px; }
.po_color {color:#f74c00; }

.ul_col_3 {}
.ul_col_3 li {float:left; width:32%; margin-left:2%; }
.ul_col_3 li:first-child {margin-left:0; }
.ul_col_3 li h5 {font-size:18px; font-wdight:bold; padding:10px 0; }

.btn_box {float:none; clear:both; width:100%; text-align:center; padding:30px 0;}
.btn_box a { display:inline-block; width:25.6%;  padding:17px 20%; font-family:"Nanum Gothic"; font-size:20px; background:#414141; color:#fff; margin-left:2%; }
.btn_box a:first-child {margin-left:0; }
.btn_box a:hover {background:#0068c9; text-decoration:none; }
.btn_box.btn_col_1 a {padding:17px 30% !important; }
.btn_box.btn_col_2 a { width:35% !important; padding:17px 7% !important; }
.btn_box.btn_col_2 a:first-child {margin-left:0; float:left; }
.btn_box.btn_col_3 a { width:26% !important; padding:17px 3% !important;}
.btn_box.btn_col_3 a:first-child {margin-left:0; }


.box_gray {background:#f8f8f8; padding:30px; display:inline-block !important; width:100%;  }
.box_gray ul {margin-top:20px; }
ul.ul_circle {margin-left:70px !important; list-style-type:circle; }
.con_box {width:100%; padding:50px 0; }
.con_box:after {content:" "; display:block; height:1px; }
ul.ul_dash {margin-left:100px; list-style-type:square;}
.con_left{float:left; clear:both; width:50%;  box-sizing:border-box;}
.con_right {float:right; width:50%;  box-sizing:border-box;}

@media all and (max-width:640px) { 
	.btn_box a,
	.btn_box.btn_col_2 a,
	.btn_box.btn_col_3 a {width:100% !important; font-size:15px !important; padding:10px 1% !important; margin:0 !important; margin-bottom:5px !important; }
	
	ul.ul_circle {margin-left:20px !important; }
	ul.ul_dash {margin-left:50px !important; }
	
	.product_section h3 {line-height:1.2; letter-spacing:-1px; }
	.product_section h4 {text-align:center; }
	.product_section p {text-align:center; }
	.left_img {width:100% !important; text-align:center;}
	.col_2_txt  {width:100% !important; text-align:center; margin-top:10px; }
}

/* 사이트맵 */
.dl_wrap_site {width:100%;}
.dl_wrap_site dl {float:left; width:45%; border:1px solid #ccc; padding:2%; min-height:240px; margin-bottom:2%;}
.dl_wrap_site dl:nth-child(even) {float:right;}
.dl_wrap_site dl dt {font-family:'Nanum Gothic','맑은고딕'; font-size:30px; text-align:center; height:60px; line-height:150%;}
.dl_wrap_site dl dd ul {list-style:disc; margin:0 auto; width:50%;}
.dl_wrap_site dl dd ul li {margin-left:30px; height:25px;}


.font_red {color:#f71a00;}
.style_h1 {font-size:24px; font-family:'Nanum Gothic','맑은고딕'; font-weight:600; color:#000; letter-spacing:-1px; white-space:pre-line; line-height:32px;}
#btn_top {width:51px; height:51px; position:fixed; top:500px; left:1216px; z-index:20; display:none;}



/* ------------------------------------ 서브 response layout------------------------------------ */
/* PC */
@media screen and (max-width:1280px) {
	/* 서브 */
	#_container #pagenation span {margin-right:35px; margin-top:18px;}
	#_container #con_wrap {width:100%; margin-top:30px;}
	#_container #con_wrap #side div.cscenter {background-position: 95% center;}
	#_container #con_wrap #side div.cscenter .tel {margin-left:10px;}
	#_container #con_wrap #side div.cscenter .pen {margin-left:10px;}
	
	.body_01_01 {letter-spacing:-1px;}
	.body_06 dl {width:31%;}
	
}

@media screen and (max-width:980px) {	
	
	/* 서브 */
	#_container #pagenation {height:50px;}
	#_container #pagenation h1 {font-size:21px;}
	#_container #con_wrap #side div.cscenter {background:none;}
	#_container #con_wrap #side div.cscenter .tel {font-size:17px; font-weight:600; letter-spacing:-1.5px;}
	
	.body_01_01 {background-size : 40% ;}/* 회사소개 백그라운드 이미지 */
	.body_02_warp {background-size : 25% ;}
	
	.body_03_02 dl dt {width:23.052%; }
	.body_03_02 dl dd {width:76.5%;}
	
	.body_06 dl {padding-bottom:20px; min-height:298px; letter-spacing:-1px;}
	
	.product_section p.descript {white-space:normal;}
	
	.body_04 p {white-space:normal;}
}

/* 태블릿 */
@media screen and (max-width:768px) {	
	
	/* 서브 */
	#_container #pagenation  {height:56px; background:none;}
	#_container #pagenation h1 {width:100%; height:56px; font-size:24px;}
	#_container #pagenation span {margin-top:15px; margin-right:10px;}
	#_container #con_wrap #side {display:none;}
	#_container #con_wrap #content {float:none; width:100%; min-height:300px; }
	
	#footer #foot_menu .adm_icon {position:absolute; right:10px; top:6px;}
	
	.body_01_01 {background:none; height:auto;}/* 회사소개 백그라운드 이미지 */
	.body_02_warp {background:none;}
	
	.body_05 dl {float:left; height:auto;}
	.body_05 dl dt {width:100%; margin-bottom:15px;}
	.body_05 dl dt h3 {height:54px; line-height:300%;}
	.body_05 dl dt div.adr {margin-top:15px;}
	.body_05 dl dd {float:none; width:100%;}
	.body_05 dl dt div.adr p {line-height:25px; white-space: normal;}
	
	.body_06 dl {width:45.5%;}
	.body_06 dl:first-child {margin-left:15px;}
	
	

	
}

@media screen and (max-width:650px) {	
	
	
	.product_section div.pro_img_wrap p.pro_img_01 {white-space:normal;}
	.product_section div.pro_img_wrap p.pro_img_02 {white-space:normal;}
	
	.product_section div.pro_img_wrap_03 p.pro_img_01 {white-space:normal; float:none; width:100%; }
	.product_section div.pro_img_wrap_03 p.pro_img_02 {white-space:normal; float:none; width:100%;}
	.product_section div.pro_img_wrap_03 p.pro_img_03 {white-space:normal; float:none; width:100%;}
	
	.product_section h3 span {font-size:20px !important;}
	
	.body_04 dl {float:left; width:47%;}
	.body_04 dl:first-child {margin-left:1.5%;}
	
}

/*스마트폰*/
@media screen and (max-width:480px) {
	
	.style_h1 {font-size:21px; white-space:normal; }
	.body_01_01 {text-align:justify; white-space:normal;}
	.body_02_01 {text-align:justify; white-space:normal;}

	.body_03_01 {width:100%; height:144px; background-image: url(/ko/images/company/body_img_03.jpg); background-repeat: no-repeat; background-position: 1% 0; background-size:40%;}
	.body_03_02 dl dt {width:100%; height:50px; background:none;}
	.body_03_02 dl dd {float:none;width:100%;}
	
	.body_06 dl {width:99%; margin-left:0; height:auto; min-height:180px;}
	.body_06 dl:first-child {margin-left:0;}
	
	
	.product_section div.pro_img_wrap p.pro_img_01 {float:none; width:100%; padding-bottom:20px;}
	.product_section div.pro_img_wrap p.pro_img_02 {float:none; width:100%; padding-bottom:20px;}
	.product_section div.pro_img_wrap p.pro_img_03 {float:none; width:100%; padding-bottom:20px;}
	
		
	.img_pc {display:none;}
	.img_mobile {display:block;}
	
	.body_04 dl {float:none; width:99%; margin-left:0;}
	.body_04 dl:first-child {margin-left:0%;}
	
	.dl_wrap_site dl dd ul {width:90%;}
	
	
	
}