/* 고객센터 */
.cs_center_page { width:100%; max-width:1200px; margin:0 auto; }
.cs_center_page h2 { font-size:28px; text-align:center; color:#222; padding:30px 0; }
.cs_center_box { width:100%; display:flex; justify-content:space-between; }
.cs_center_box > div { }
.cs_center_box > div.box2 { width:230px; margin-right:30px; }
.cs_center_box > div.box3 { width:350px; margin-right:30px;  }
.cs_center_box > div.box1 { flex-grow:1; }
.cs_center_box > div h3 { font-size:22px; color:#222; padding:10px }
.cs_center_box > div h3 a { font-size:22px; color:#222; }
.cs_center_box > div ul { border:1px solid #ddd; border-radius:10px;margin-bottom:20px; }
.cs_center_box > div ul li { font-size:18px; padding:5px 20px;  color:#222; }
.cs_center_box > div ul li a { font-size:18px; display:block; }
.cs_center_box .box1 { }
.cs_center_box .box1 ul { padding:20px 10px; }
.cs_center_box .box1 li a:hover { color:#999; }
.cs_center_box .box2 ul { padding:0px; }
.cs_center_box .box2 li { border-top:1px solid #ddd;}
.cs_center_box .box2 li a { padding:10px 10px; }
.cs_center_box .box2 li:hover { background:#eee; }
.cs_center_box .box2 li:first-child { border-top:0; }
.cs_center_box .box3 ul.tel { padding:20px 10px; }
.cs_center_box .box3 .site_tel a { font-size:28px; color:#222; font-weight:bold; }
.cs_center_box .box3 .qna_btn { background:#333; overflow:hidden; border-radius:10px;border:1px solid #333; }
.cs_center_box .box3 .qna_btn a { color:#fff; padding:10px 0; display:flex; justify-content:space-between; align-items:center; }
.cs_center_box .box3 .qna_btn strong { font-size:23px; margin-right:10px; }

@media(max-width:800px){
.cs_center_page { width:100%; max-width:1200px; margin:0 auto; }
.cs_center_page h2 { font-size:28px; text-align:center; color:#222; padding:20px 0; }
.cs_center_box { width:100%; display:block; justify-content:space-between; }
.cs_center_box > div { }
.cs_center_box > div.box2 { width:100%; margin-right:0px; }
.cs_center_box > div.box3 { width:100%; margin-right:0px;  }
.cs_center_box > div.box1 { width:100%; }
.cs_center_box > div h3 { font-size:16px; color:#222; padding:10px }
.cs_center_box > div h3 a { font-size:16px; color:#222; }
.cs_center_box > div ul { border:1px solid #ddd; border-radius:10px;margin-bottom:20px; }
.cs_center_box > div ul li { font-size:14px; padding:5px 10px;  color:#222; }
.cs_center_box > div ul li a { font-size:14px; display:block; }
.cs_center_box .box1 { }
.cs_center_box .box1 ul { padding:20px 10px; }
.cs_center_box .box1 li a:hover { color:#999; }
.cs_center_box .box2 ul { padding:0px; display:flex; flex-wrap:wrap; overflow:hidden; }
.cs_center_box .box2 li { border-top:0; border-bottom:1px solid #ddd; width:50%; }
.cs_center_box .box2 li:nth-child(2n-1) { border-right:1px solid #ddd;}
.cs_center_box .box2 li:nth-child(7),
.cs_center_box .box2 li:nth-child(8) { border-bottom:0; }
.cs_center_box .box2 li a { padding:10px 10px; }
.cs_center_box .box2 li:hover { background:#eee; }
.cs_center_box .box2 li:first-child { border-top:0; }
.cs_center_box .box3 ul.tel { padding:10px 10px; }
.cs_center_box .box3 .site_tel a { font-size:28px; color:#222; font-weight:bold; }
.cs_center_box .box3 .qna_btn { background:#333; overflow:hidden; border-radius:10px;border:1px solid #333; }
.cs_center_box .box3 .qna_btn a { color:#fff; padding:10px ; display:flex; justify-content:space-between; align-items:center; }
.cs_center_box .box3 .qna_btn strong { font-size:18px; margin-right:10px; }
}








.content_w { width:100% !important; max-width:100% !important; }


/* 서브페이지 공통 */
.page_style_01 { width:100%; max-width:1400px; margin:100px auto; padding:0px 0; }
.page_style_01 .page_title { border-bottom:1px solid #ddd; padding:0px 0 50px; margin-bottom:50px; }
.page_style_01 .page_title h2 { font-size:40px; font-weight:500; }
.page_style_01 .page_inner .page_iframe { width:100%; }
.page_style_01 .page_inner02 { width:100%; padding:0 0 100px 0; }
@media(max-width:900px){
.page_style_01 { width:100%;padding:10px 0; margin:20px auto;}
.page_style_01 .page_title { text-align:center; border-bottom:0px solid #ddd; padding:0px 0 30px 10px; margin-bottom:0px; }
.page_style_01 .page_title h2 { font-size:25px; font-weight:500; }
.page_style_01 .page_inner .page_iframe { width:100%; position:relative; }
.page_style_01 .page_inner02 { width:100%; padding:0 0 30px 0; }
}


/* 게시판 타이틀 */
.board_title { border-bottom:1px solid #ddd; padding:0px 0 50px !important; }
.board_title h2 { font-size:40px !important; font-weight:500; }
@media(max-width:900px){
.board_title { text-align:center; border-bottom:0px solid #ddd; padding:0px 0 30px 10px; margin-bottom:0px; }
.board_title h2 { font-size:25px; font-weight:500; }
}


/* 오시는길 */
.root_daum_roughmap { width:100% !important; }
.page_txt_map { font-size:25px; padding:0px 0 30px;}
.page_txt_map ul {  }
.page_txt_map ul li {padding:0 0 10px 50px;}
.page_txt_map .map { background:url('../image/icon_map.png') no-repeat;   background-size:35px; background-position: 0px 3px; }
.page_txt_map .mail { background:url('../image/icon_email.png') no-repeat;  background-size:35px;background-position: 0px 3px;}
.page_txt_map .tel { background:url('../image/icon_tel2.png') no-repeat;  background-size:35px;background-position: 0px 3px; }
.page_txt_map ul li strong { display:inline-block; width:100px; font-size:20px;  color:#e40000; margin-right:10px;  }
@media(max-width:900px){
.page_txt_map { font-size:20px; padding:0px 0 30px;}
.page_txt_map ul {  }
.page_txt_map ul li {padding:0 0 20px 35px; line-height:130%; }
.page_txt_map .map { background:url('../image/icon_map.png') no-repeat;   background-size:25px; background-position: 0px 4px; }
.page_txt_map .mail { background:url('../image/icon_email.png') no-repeat;  background-size:25px;background-position: 0px 4px;}
.page_txt_map .tel { background:url('../image/icon_tel2.png') no-repeat;  background-size:25px;background-position: 0px 4px; }
.page_txt_map ul li strong { display:block; width:100px; font-size:14px;  color:#e40000; margin-right:10px;  }
}


/* 고객지원 */
.page_style_01 .page_cs { padding:30px 0; display:flex; justify-content:space-between; }
.page_style_01 .page_cs > div:first-child { font-size:25px; margin-right:70px; line-height:150%; }
.page_style_01 .contact_form .inner { color:#222;  width:800px; background:#f5f5f5; border-radius:30px; padding:50px  }
.page_style_01 .contact_form h3 { font-size:35px;  color:#222; letter-spacing:-1px; margin-bottom:30px }
.page_style_01 .contact_form .input_box { width:100%; text-align:left; display:flex; align-items:center;  padding:10px 0; }
.page_style_01 .contact_form .input_box .label { display:block; margin-bottom:5px;  font-size:22px; width:150px; flex-shrink:0; color:#222; }
.page_style_01 .contact_form .input_box input[type="text"], .contact_form .input_box select
{ border:1px solid #ddd;  line-height:45px; height:45px; font-size:18px; color:#222; padding:0 5px; box-sizing:border-box; background:#fff !important; width:100%; }
.page_style_01 .contact_form .input_box .required_i { display:inline-block; color:#dd0000; margin-left:5px; }
.page_style_01 .contact_form .input_box .flex3 { display:flex; align-items:center;  flex-grow:1; }
.page_style_01 .contact_form .input_box .add2 { width:100%; }
.page_style_01 .contact_form .input_box .add2 input { margin-bottom:7px; width:350px; }
.page_style_01 .contact_form .input_box .add2 input:last-child { margin:0; }
.page_style_01 .contact_form .input_box .add2 .add2_flex2 { display:flex; }
.page_style_01 .contact_form .input_box .add2 > input { margin-bottom:7px; width:405px; }
.page_style_01 .search_add { background:#eee;  border-radius:5px; white-space:nowrap; height:40px; line-height:40px; margin-left:5px; padding:0 10px; font-size:16px; }
.page_style_01 .contact_form .phone input,
.page_style_01 .contact_form .phone select { margin:0 0 0 5px; }
.page_style_01 .contact_form .phone select:first-child { margin-left:0; }
.page_style_01 .contact_form .sangdam_title1 input { width:100%; }
.page_style_01 .contact_form .memo textarea { border:1px solid #ddd;  line-height:30px; height:200px; font-size:18px; color:#222; padding:5px; box-sizing:border-box; background:#fff; width:100%; }
.page_style_01 .contact_form .btn_area { text-align:center; }
.page_style_01 .contact_form .btn_area .button { background:#0091a2; border:none; width:300px; height:50px; font-size:20px; border-radius:10px; cursor:pointer; margin:0 auto; }
.page_style_01 .contact_form .agree_check { display:flex; justify-content:center; align-items:center; color:#555; width:90%; margin:20px auto;}
.page_style_01 .contact_form .agree_check [type="checkbox"] { width:22px; height:22px; }
.page_style_01 .contact_form .agree_check label { font-size:16px; margin-left:5px; }
.page_style_01 .contact_form .agree_check .btn_detail { background:#222; border-radius:10px; color:#fff; padding:2px 10px 4px; margin-left:10px; font-size:14px; }
.page_style_01 .btn_submit { display:inline-block;  margin:20px auto 0; background:#e40000; color:#fff; font-size:22px; 
 padding:10px 30px 11px; width:200px; border-radius:10px; border:0; font-weight:500; cursor:pointer; }



@media(max-width:900px){


.page_style_01 .page_cs { padding:30px 0; display:block; justify-content:space-between; }
.page_style_01 .page_cs > div:first-child { font-size:20px; margin-right:0px; line-height:130%;padding-bottom:30px; width:95%; margin:0 auto; }
.page_style_01 .contact_form .inner { color:#222;  width:100%; background:#f5f5f5; border-radius:20px; padding:30px  }
.page_style_01 .contact_form h3 { font-size:35px;  color:#222; letter-spacing:-1px; margin-bottom:30px }
.page_style_01 .contact_form .input_box { width:100%; text-align:left; display:flex; align-items:center;  padding:7px 0; }
.page_style_01 .contact_form .input_box .label { display:block; margin-bottom:5px;  font-size:14px; width:90px; flex-shrink:0; color:#222; }
.page_style_01 .contact_form .input_box input[type="text"], .contact_form .input_box select
{ border:1px solid #ddd;  line-height:35px; height:35px; font-size:18px; color:#222; padding:0 5px; box-sizing:border-box; background:#fff !important; width:100%; }
.page_style_01 .contact_form .input_box .required_i { display:inline-block; color:#dd0000; margin-left:5px; }
.page_style_01 .contact_form .input_box .flex3 { display:flex; align-items:center;  flex-grow:1; }
.page_style_01 .contact_form .input_box .add2 { width:100%; }
.page_style_01 .contact_form .input_box .add2 input { margin-bottom:7px; width:350px; }
.page_style_01 .contact_form .input_box .add2 input:last-child { margin:0; }
.page_style_01 .contact_form .input_box .add2 .add2_flex2 { display:flex; }
.page_style_01 .contact_form .input_box .add2 > input { margin-bottom:7px; width:405px; }
.page_style_01 .search_add { background:#eee;  border-radius:5px; white-space:nowrap; height:40px; line-height:40px; margin-left:5px; padding:0 10px; font-size:16px; }
.page_style_01 .contact_form .phone input,
.page_style_01 .contact_form .phone select { margin:0 0 0 5px; }
.page_style_01 .contact_form .phone select:first-child { margin-left:0; }
.page_style_01 .contact_form .sangdam_title1 input { width:100%; }
.page_style_01 .contact_form .memo textarea { border:1px solid #ddd;  line-height:30px; height:150px; font-size:18px; color:#222; padding:5px; box-sizing:border-box; background:#fff; width:100%; }
.page_style_01 .contact_form .btn_area { text-align:center; }
.page_style_01 .contact_form .btn_area .button { background:#0091a2; border:none; width:300px; height:50px; font-size:20px; border-radius:10px; cursor:pointer; margin:0 auto; }
.page_style_01 .contact_form .agree_check { display:flex; justify-content:center; align-items:center; color:#555; width:90%; margin:20px auto;}
.page_style_01 .contact_form .agree_check [type="checkbox"] { width:22px; height:22px; }
.page_style_01 .contact_form .agree_check label { font-size:16px; margin-left:5px; }
.page_style_01 .contact_form .agree_check .btn_detail { background:#222; border-radius:10px; color:#fff; padding:2px 10px 4px; margin-left:10px; font-size:14px; }
.page_style_01 .btn_submit { display:inline-block;  margin:0px auto 0; background:#e40000; color:#fff; font-size:18px; 
 padding:8px 30px 9px; width:200px; border-radius:10px; border:0; font-weight:500; cursor:pointer; }

 }

/*회사소개*/
.sub_company { width:100%; max-width:1200px; margin:0px auto; }
.sub_company_inner { display:flex; width:100%; margin:100px 0; }
.sub_left { width:250px; font-size:30px; }
.sub_right { flex-grow:1; }
.sub_right h2 { font-size:40px; margin-bottom:50px; }
.sub_right p { font-size:20px; margin:10px 0; line-height:1.5em; }
.sub_right table { border-top:2px solid #222; width:100%; }
.sub_right table th, .sub_right table td { border-bottom:1px solid #ddd ; text-align:left; padding:15px 0 ; font-size:16px; }
.sub_right table th { width:140px; font-weight:500; }
@media(max-width:900px){
.sub_company_inner { display:block; width:95%; margin:50px auto 100px; }
.sub_left { width:auto; font-size:24px; }
.sub_right { flex-grow:1; }
.sub_right h2 { font-size:30px; margin-bottom:50px; }
.sub_right p { font-size:18px; margin:10px 0; line-height:1.5em; }
.sub_right table { margin-top:20px; }
.sub_right table th, .sub_right table td { border-bottom:1px solid #ddd ; text-align:left; padding:15px 0 ; font-size:16px; }
.sub_right table th { width:140px; font-weight:500; }
}

/* 제품소개 */
.pd_list { width:100%; display:flex; flex-wrap:wrap; }
.pd_list .pd_block { width:33.33333%; position:relative; text-align:center; position:relative; margin:0 0 50px 0 ; }
.pd_list .pd_thum img { width:90%; margin:0 auto; }
.pd_list .pd_txt { padding:20px 0; width:90%; margin:0 auto; }
.pd_list .pd_txt a { font-size:20px; font-weight:300;color:#222; display:block; width:100%;  }
@media(max-width:900px){
.pd_list .pd_block { width:50%; }
}






/* 제품소개 상세 */

.pd_detail_page { width:100%; max-width:1200px; margin:0 auto; text-align:center; }
.pd_detail_page .detail_img { max-width:100%; }
.pd_detail_page .detail_img img { max-width:100%; }
.pd_detail_page .detail_txt { padding:50px 0; max-width:900px;margin:0 auto; }
.pd_detail_page .detail_txt h2 { font-size:30px; }
.pd_detail_page .detail_txt p { font-size:20px; margin:30px auto 0; line-height:150%; }
.pd_detail_page .pd_detail_con { font-size:18px; width:95%; margin:0 auto; text-align:left; }
@media(max-width:900px){ 

.pd_detail_page { width:100%;max-width:100%;  margin:0px auto; }
.pd_detail_page .detail_img { width:100%; }
.pd_detail_page .detail_img img { max-width:100%; }
.pd_detail_page .detail_txt { padding:30px 0; max-width:90%;margin:0 auto; }
.pd_detail_page .detail_txt h2 { font-size:20px; }
.pd_detail_page .detail_txt p { font-size:16px; margin:20px auto 0; line-height:150%; text-align:left; }
}