@charset "utf-8";


/*회사소개*/
.company_01{}
.company_01 .photo img {vertical-align:middle; max-width:100%;}

.company_01 .company  {padding-bottom:80px; margin-bottom:80px;}

.company_01 .company .col_box {display:table; width:100%;  margin-top:40px; table-layout:fixed; }
.company_01 .company .name{color:#dd0514; font-size:30px; padding-bottom:30px;}

.company_01 .company .col_box .col{display:table-cell;; vertical-align:top;   margin-top:30px;}
.company_01 .company .col_box .col.left {border-right:1px #ddd solid; padding-right:80px; }
.company_01 .company .col_box .col .text{font-size:15px; color:#333333;}
.company_01 .company .col_box .col.right{padding-left:80px;}
.company_01 .company .col_box .col .sign {margin-top:30px; font-size:20px; text-align:right;}



.company_01 .company .col_box .right .name {color:#093389;}
.company_01 .company .col_box .right ul {}
.company_01 .company .col_box .right ul li{position:relative; padding-left:220px; font-size:15px; color:#666666; line-height:30px;}
.company_01 .company .col_box .right ul li strong{position:absolute; width:200px; font-weight:normal; padding-left:10px; left:0px; top:0px; color:#000000;  background:url(../images/contents/company/company_01_dot.jpg) left 50% no-repeat;}
.company_01 .company .col_box .right ul li strong span{float:right;}



.company_01_etc .box {position:relative; padding:0px 10px; }
.company_03 .box_01 {position:relative; border:1px #ddd solid;margin-top:80px; border-radius:30px; box-shadow: 5px 5px #eeeeee; }
.company_03 .box .dot {position:absolute;  top:-13px; width:20px; background:#fff;  }
.company_03 .box .dot.l_dot {left:480px; }
.company_03 .box .dot.r_dot {right:480px; text-align:right; }
.company_03 .box .dot span {display:inline-block;  background:#ffba00; width:10px; height:10px; border-radius:10px; }
.company_03 .box .dot.r_dot span{text-align:right;}


.company_03 .box .title {text-align:center; color:#0b338b; background:#fff; font-size:33px; padding:25px 0px; margin:0 500px; position:relative; top:-40px;  }
.company_03 .box .text {padding:10px 30px 60px;  text-align:center; font-size:20px; }

.company_03 .box ul {text-align:center; padding-bottom:40px;}
.company_03 .box ul li {display:inline-block; width:250px; height:250px; border-radius:250px; border:2px #ddd solid; border-right-color:#0b338b; margin:0 10px; font-size:20px;  color:#0b338b;}


.company_03 .box ul li .box { text-align:center; padding-top:90px;}
.company_03 .box ul li .box dl dt {font-size:30px;color:#0b338b}
.company_03 .box ul li .box dl dd {font-size:18px;color:#666; padding-top:10px; }



.company_01_etc {margin-top:20px;display:none;}
.company_01_etc ul{overflow:hidden;  text-align:center; font-size:0px;}
.company_01_etc ul li {display:inline-block;  width:250px; height:250px; margin-right:60px; border-radius:250px; border:2px #ddd solid; border-right-color:#3586da; vertical-align:middle; color:#fff; position:relative; z-index:0;}

.company_01_etc ul li.last {margin-right:0px;}

.company_01_etc ul li .box { text-align:center; padding-top:90px;}
.company_01_etc ul li .box dl dt {font-size:30px;color:#3586da}
.company_01_etc ul li .box dl dd {font-size:20px;color:#666; padding-top:10px; }
.company_01_etc ul li .box .info {font-size:13px; line-height:16px; margin-top:30px; color:#888; margin:20px;  border-top:1px #fafafa solid;  padding:20px;}



.process_01_01 {overflow:hidden; table-layout:fixed; display:table; width:100%; margin-top:20px; }
.process_01_01 li {display:table-cell; text-align:center; background:url(../images/contents/process/process_01_01_dot.png) right 50% no-repeat;}
.process_01_01 li.last {background:none;}
.process_01_01 li .box {border:2px #0b338b solid; padding:20px 0px; border-radius:60px; margin:0px 20px; color:#0b338b; font-size:15px;}






.product_common_list { text-align:center; margin-top:80px; font-size:0px; text-align:left;}
.product_common_list.etc { text-align:center;}
.product_common_list li {display:inline-block; width:335px; margin-right:20px;  margin-bottom:50px;}
.product_common_list.etc_list li {width:690px;}
.product_common_list.etc_list01 li {width:453px; }
.product_common_list li.last {margin-right:0px;}
.product_common_list li .box {border:1px #666 solid; position:relative; text-align:center;}
.product_common_list li .box .title{position:absolute; left:0px; top:-20px; width:100%; text-align:center; display:none;}
.product_common_list li .box .title span{display:inline-block; width:40px; height:40px; line-height:40px;  border-radius:40px; background:#d82b2b; color:#fff; text-align:center; font-size:20px; font-weight:bold;}
.product_common_list li .box .icon {height:200px; line-height:200px; margin-top:40px;}
.product_common_list li .box .icon img {vertical-align:middle; max-width:60%;}
.product_common_list li .box .text {font-size:17px; padding-bottom:20px; color:#000;}
.product_common_list li .box .text span {display:inline-block; width:30px; height:30px; line-height:30px;  border-radius:30px; background:#444; color:#fff; text-align:center; font-size:18px; margin-right:6px;}




.process_01_02 {overflow:hidden;}
.process_01_02 li {float:left; width:453px; margin-right:20px; margin-bottom:20px; position:relative;}
.process_01_02 li.last {margin-right:0px;}
/*.process_01_02 li .text{position:absolute; left:0px; bottom:0px; width:100%; background:rgba(0,0,0,0.6); padding:30px 0px; color:#fff; text-align:center;}*/
.process_01_02 li .text{padding:10px 0px; color:#000; text-align:center; font-size:16px;}
.process_01_02 li img {vertical-align:middle; width:100%;}



.norice_02 {margin-top:20px; overflow:hidden;}
.norice_02 li.list{float:left; width:453px; text-align:center;margin-right:20px; margin-bottom:20px; padding-top:40px;}
.norice_02 li.list.last{margin-right:0px;}
.norice_02 li.list .title {border:1px #ddd solid; position:relative; border-bottom:0px;}
.norice_02 li.list .title .cont {position:relative; top:-30px;}
.norice_02 li.list .title .cont span {width:50px; height:50px; border-radius:50px; line-height:50px; font-size:20px; font-weight:bold;  background:#d53043; color:#fff; display:inline-block; }
.norice_02 li.list .title .icon  {height:80px; line-height:80px;}
.norice_02 li.list .title .icon img{vertical-align:middle;}
.norice_02 li.list .title .text  {color:#000; font-weight:bold; font-size:20px;  padding:20px 0px; background:#f8f8f8; border-top:1px #ddd solid; border-bottom:1px #ddd solid;;margin-top:40px;}



.norice_02_btn {border:1px #ddd solid; text-align:center; font-size:18px; margin-top:60px;}
.norice_02_btn a{display:block;  background:#f8f8f8; padding:15px 0px; text-decoration:underline;}
.norice_02_btn:hover {border-color:#318e1f;}
.norice_02_btn:hover a{color:#318e1f;}




.product_common_top_info_box {padding:60px 0px;}
.product_common_top_info_box .col_box{display:table; width:100%; }
.product_common_top_info_box .col_box .col {display:table-cell; vertical-align:middle;}
.product_common_top_info_box .col_box .col .t1{font-size:30px; color:#000; margin-bottom:30px;}
.product_common_top_info_box .col_box .col .t2{font-size:16px; color:#777; margin-top:10px;}
.product_common_top_info_box .col_box .col .t2 span {display:block;}
.product_common_top_info_box .col_box .col ul {text-align:center;}
.product_common_top_info_box .col_box .col ul li {display:inline-block; vertical-align:middle; margin:0 10px;}
.product_common_top_info_box .col_box .col ul li .icon {height:100px; line-height:100px;}
.product_common_top_info_box .col_box .col ul li .icon img{vertical-align:middle;}




/*오시는길*/
.company_map {position:relative; overflow:hidden; background:#4d4d4d; padding:0 0 0 40px; height:130px;}
.company_map dl {float:left; margin:25px 0;}
.company_map dt {font-size:18px; font-weight:bold; color:#fff; margin:0 0 10px;}
.company_map dd {font-size:14px; color:#fff;line-height:20px;}
.company_map .telnum {font-size:28px; font-weight:bold; margin:20px 0 0; padding-bottom:15px;}
.company_map dl+ dl {padding-left:40px; margin-left:40px; border-left:1px solid rgba(255,255,255,0.5);}

.company_map .btn_box {position:absolute; right:0; top:0; text-align:center; height:100%; overflow:hidden;}
.company_map .btn_box li {float:left; background:#282828;}
.company_map .btn_box li:hover {background:#000;}
.company_map .btn_box span {display:block;}
.company_map .btn_box .btn_txt {font-size:15px; color:#fff;}
.company_map .btn_box .btn {display:inline-block; padding-top:30px; width:200px; height:100px; margin-right:0;}



@media all and (max-width:1024px) {



.product_common_top_info_box {padding:60px 0px;}
.product_common_top_info_box .col_box{display:block;  }
.product_common_top_info_box .col_box .col {display:block; }


.product_common_top_info_box .col_box .col ul {text-align:center; overflow:hidden; border:1px #ddd solid; margin-top:15px;}
.product_common_top_info_box .col_box .col ul li {float:left; width:50%;  margin:0; text-align:center; margin-bottom:30px; border-bottom:1px #ededed solid;font-size:13px; padding:15px 0px;}
.product_common_top_info_box .col_box .col ul li .icon {height:100px; line-height:100px;}
.product_common_top_info_box .col_box .col ul li .icon img{vertical-align:middle; max-width:100%;}




.product_common_list.etc { text-align:center;}
.product_common_list li {display:block; width:auto; margin-right:0px;  margin-bottom:50px;}
.product_common_list.etc_list li {width:auto;}
.product_common_list.etc_list01 li {width:auto; }
.product_common_list li.last {margin-right:0px;}







.company_01 .company .col_box {display:block; }


.company_01 .company .col_box .col{display:block;; vertical-align:top; }
.company_01 .company .col_box .col.left {border-right:0px #ddd solid; border-bottom:1px #ddd solid; padding-bottom:20px; margin-bottom:20px; padding-right:0px; }
.company_01 .company .col_box .col.right{padding-left:0px;}





.company_03 .box .dot.l_dot {left:30px; }
.company_03 .box .dot.r_dot {right:30px; }

.company_03 .box .text { font-size:18px; }

.company_03 .box ul {text-align:center; padding-bottom:40px;}
.company_03 .box ul li {display:block; width:auto; margin-bottom:10px;}




.process_01_01 {display:block; }
.process_01_01 li {display:block; margin-bottom:20px; padding-bottom:20px;  background:url(../images/contents/process/process_01_01_dot_mo.png) center bottom no-repeat;}



.process_01_02 {overflow:hidden;}
.process_01_02 li {float:none; width:auto; margin:0px 0px 10px 0px; !important;}

.process_01_02 li img {vertical-align:middle;}



.norice_02 li.list{float:none; width:auto; margin:0px 0px 10px 0px; !important;}
.norice_02 li.list .title .text  { font-size:16px; font-weight:normal; }





/*오시는길*/
.company_map dl+ dl {display:none;}
.company_map {padding:15px; height:auto; }
.company_map .btn_box {display:none;}
}