@charset "utf-8";

section .underline{ border-bottom: 1px #e2e2e2 solid;}
section .sub_wrap{border-left: 1px #e2e2e2 solid; border-right: 1px #e2e2e2 solid; margin: 0 auto; width: 1198px; margin: 0 auto;}
section .sub{ font-size:14px; letter-spacing: 0px; word-spacing: 0px; width: 715px; border-right: 1px #ededed solid; border-left: 1px #ededed solid; margin: 0 auto; }
section .sub .sub_navi{ }
section .sub .sub_navi ul{position: fixed; border-bottom: 1px #e2e2e2 solid; width: 715px; background-color: white; }
section .sub .sub_navi li{display: inline-block; font-size: 12px; line-height: 12px; padding: 10px 50px; border-right: 1px #e2e2e2 solid; margin-left: -3px; }
section .sub .sub_navi li:first-child{margin-left: 0; }
section .sub .sub_navi li.on{ background-color: #f9f9f9; }
section .sub .overview{padding: 78px 0 45px 54px; }
section .sub .overview .title{font-size: 40px; color: #075698; line-height: 40px; margin-bottom: 16px; word-break: keep-all;}
section .sub .overview .text{font-size: 14px; word-break: keep-all;}
section .sub .about_content{padding: 50px 54px; word-break: keep-all;}
section .sub .company_name{font-size: 20px; line-height: 20px; margin-bottom: 15px; }
section .sub .intitle{ color: #014e8e; font-size: 18px; line-height: 18px; margin-bottom: 8px; }
section .sub .intext{font-size: 16px; margin-bottom: 15px; line-height: 16px; }
section .sub .text{font-size: 13px; margin-bottom: 15px; }
section .sub .images{margin-top: 25px; }
section .sub .images ul{margin-bottom: 3px; }
section .sub .images li{display: inline-block; margin-bottom: 3px; margin-left: -3px;}


section .sub_map h5{padding:20px;font-weight:bold;font-size:1.3em;}
section .sub_map .map_wrap {position:relative;overflow:hidden;width:calc(100% - 110px);height:350px; padding: 50px 54px 20px 54px; }
section .sub_map .overview{padding: 45px 54px 45px 54px; word-break: keep-all;}
section .sub_map .radius_border{border:1px solid #919191;border-radius:5px;}
section .sub_map .customoverlay {position:relative;bottom:45px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
section .sub_map .customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
section .sub_map .customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
section .sub_map .customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
section .sub_map .customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
section .sub_map .address_wrap{padding:20px 54px;}
section .sub_map .address_wrap table{width:100%;border-top:2px solid #0063af; }
section .sub_map .address_wrap table th{padding:10px;text-align: center;font-weight:500;color:#0063af;font-size:1.1em;}
section .sub_map .address_wrap table tr {border-bottom:1px solid #a1a1a1;}
section .sub_map .address_wrap table tr td{padding:8px;text-align:center;color:#333;}
section .sub_map .daum_map_btn {border: 1px black solid; height: 20px; line-height: 20px; font-size: 18px; margin: 0 auto; text-align: center; padding: 0 10px; width: 80px; }
section .sub_map .daum_map_btn img{height: 18px; margin-top: -4px; margin-right: 6px; }


section .sub_service_content{padding-bottom: 20px; }
section .sub_service .blue{color: #014e8e;}
section .sub_service .red{color: #db1b1b;}
/*section .sub_service .overview .text{font-size: 16px; line-height: 24px; }*/
section .sub_service .overview .text .bigger{font-size: 22px; line-height: 0px;}
section .sub_service .purpose{ color: white; width: 692px; margin: 0 auto; padding-top: 20px; }
section .sub_service .purpose .left, section .sub_service .purpose .right{display: inline-block; height: 85px; vertical-align: top; }
section .sub_service .purpose .left{ width: 170px; background-color: #074286; }
section .sub_service .purpose .left .purpose_title_wrap{padding-left: 15px; margin: 22px 0 0 36px; border-left: 2px #83a1c3 solid; }
section .sub_service .purpose .left p.purpose_title{font-size: 18px; font-weight: 500; line-height: 18px; }
section .sub_service .purpose .left p.purpose_title_eng{font-size: 14px; }
section .sub_service .purpose .right{ margin-left: -3px; width: 520px; background-color: #0a5fbf; }
section .sub_service .purpose .right p{text-align: center; }
section .sub_service .purpose .right p.text1{font-size: 18px; margin-top: 12px; }
section .sub_service .purpose .right p.text2{font-size: 22px; }

section .sub_service .focus {margin-top: 36px; text-align: center; }
section .sub_service .focus p.text1{font-size: 22px; word-break: keep-all; margin-top: 45px; padding: 0 10px; }
section .sub_service .focus p.text1 .red{color: #ff0000;}
section .sub_service .focus p.text2{font-size: 18px; color: #074286; }

section .sub_service .reason{height: 165px; margin: 40px 8px 0 8px; }
section .sub_service .reason .top{ background-color: #1b3b7b; padding-top: 20px; height: 95px; }
section .sub_service .reason .top p.title{color: white; text-align: center; font-size: 20px; margin-bottom: 8px; }
section .sub_service .reason .reason_item{color: black; margin-top: -50px;}
section .sub_service .reason .reason_item li{display: inline-block; border: 2px solid #1b3b7b; height: 100px; background-color: white; margin-right: 8px; width: 182px; padding: 0 20px; text-align: center;}
section .sub_service .reason .reason_item li:last-child{margin-right: 0; float: right; }
section .sub_service .reason .reason_item li p.text1{font-size: 24px; font-weight: 500; padding-top: 10px; }
section .sub_service .reason .reason_item li p.text2{font-size: 14px;}

section .sub_service .options{padding: 0 8px; margin-top: 50px; }
section .sub_service .option_titlebar {position: relative;background-color: #0a5fbf; margin-bottom: 2px; }
section .sub_service .options .option_titlebar .left, section .sub_service .options .option_titlebar .right{ color: white; height: 88px; display: inline-block; vertical-align: top; }
section .sub_service .options .option_titlebar .right{margin-left: -3px; }
section .sub_service .option_titlebar .left{width: 250px; }
section .sub_service .option_titlebar .left p{text-align: right; }
section .sub_service .option_titlebar .left p.text1 { font-size: 24px; font-weight: 500; line-height: 24px; margin-top: 12px; }
section .sub_service .option_titlebar .left p.text2 { font-size: 36px; color: #ffdf2c; line-height: 44px; font-weight: 500; }
section .sub_service .option_titlebar .right{ padding-left: 24px; font-size: 18px; width: 420px; padding-top: 4px; }
section .sub_service .option_titlebar .right li{display: inline-block; width: 130px; }
section .sub_service .option_titlebar .right li .pc_view{display: inline-block; }
section .sub_service .option_titlebar .right li:nth-child(2), section .sub_service .option_titlebar .right li:nth-child(4){width: 260px; }
section .sub_service .option_titlebar .right li::before{content: "-"; padding-right: 5px; }
section .sub_service .option_titlebar .right_watermark{ position: absolute; right: 4px; bottom: 8px; font-size: 60px; font-weight: 500; line-height: 60px; color: rgba(255, 255,255, 0.3);}
section .sub_service .option_content li{display: inline-block; width: 98px; margin-left: -3px; }
section .sub_service .option_content li:first-child{margin-left:0;}
section .sub_service .option_content .option_title{background-color: #7b9fc8; color: white; height: 47px; line-height: 47px; font-size: 16px; text-align: center; }
section .sub_service .option_content .option_detail{background-color: #e7e7e7; height: 95px; padding: 15px 0 0 12px; font-size: 12px; }
section .sub_service .option_content .option_detail .none{font-size: 30px; margin: 10px 0 0 26px; }
section .sub_service .option_content .option_detail ul li::before{content: "-"; margin-right: 3px; }

section .sub_service .workflow{margin-top: 25px; padding: 0 8px; }
section .sub_service .workflow li{width: 190px; height: 113px; border: #dddddd 4px solid; padding: 14px 5px 14px 18px; display: inline-block; margin: 0 13px 18px 0; position: relative; word-break: keep-all;}
section .sub_service .workflow li.blue_board{ border-color: #2b8bf9; }
section .sub_service .workflow li .to_right{position: absolute; top: 60px; right: -17px; content:url("/theme/lifoweb/img/work_arrow_right.png"); }
section .sub_service .workflow li .to_down{position: absolute; left: 100px; bottom: -17px; content:url("/theme/lifoweb/img/work_arrow_down.png"); }
section .sub_service .workflow li .to_left{position: absolute; top: 60px; left: -17px; content:url("/theme/lifoweb/img/work_arrow_left.png"); }
section .sub_service .workflow li .to_blue_left{position: absolute; top: 60px; left: -17px; content:url("/theme/lifoweb/img/work_arrow_blue_left.png"); }
section .sub_service .workflow li:nth-child(3),
section .sub_service .workflow li:nth-child(6),
section .sub_service .workflow li:nth-child(9){
  margin-right: 0;
}
section .sub_service .workflow li p.number{font-size: 18px; font-weight: bold; margin-bottom: 12px; line-height: 18px; }
section .sub_service .workflow li p.work_title{font-size: 18px; font-weight: bold; margin-bottom: 12px; line-height: 18px; }
section .sub_service .workflow li p.work_explain{font-size: 14px; line-height: 18px; }

section .sub_service .contact { background-color: #1b3b7b; color: white; margin: 0 8px; padding-bottom: 20px;}
section .sub_service .contact p.title{ font-size: 30px; font-weight: 500; text-align: center; padding: 18px 0; line-height: 30px; }
section .sub_service .contact p.title .yellow{color: #fcff00}
section .sub_service .contact .detail { width: 560px; height: 60px; border: 3px white solid; margin: 0 auto; padding: 10px 15px; }
section .sub_service .contact .detail_left, section .sub_service .contact .detail_center, section .sub_service .contact .detail_right
  { display:inline-block; vertical-align: top; }
section .sub_service .contact .detail_left{border: 3px white solid; width: 70px; padding-top: 10px; height: 44px; text-align: center; vertical-align: middle; font-size: 14px; line-height: 16px; }

/*section .sub_service .contact .service_custom .detail_center{display: none; }*/
section .sub_service .contact .detail_center{ width: 280px; margin-left: 26px; text-align: right; }
section .sub_service .contact .detail_center p.ruby{font-size: 14px; letter-spacing: -0.01em;; }
section .sub_service .contact .detail_center .ruby .red{color: #ff0000; }
section .sub_service .contact .detail_center p.text{color: #fbd522; font-size: 36px; line-height: 36px; font-weight: 600; letter-spacing: 0.072em; margin-right: -5px; }
section .sub_service .contact .detail_center p.text .small_text{ font-size: 14px; color: white; font-weight: 400; letter-spacing: normal;margin-right: 2px; }

section .sub_service .contact .detail_right{background-color: #fbd522; color: black; width: 160px; height: 60px; float: right; line-height: 60px; font-size: 22px; text-align: center; font-weight: 500; }
section .sub_service .contact .detail_right img{vertical-align: middle; margin-top: -5px; margin-left: 8px; }
section .sub_service .contact .contact_tel{ font-size: 28px; text-align: center; line-height: 28px; margin-top: 10px; font-weight: 500; }
section .sub_service .contact .contact_tel a{ color: white;  }

section .sub_service .sample_link{text-align: center; margin-bottom: 10px; margin-top: 30px; }
section .sub_service .link_button{ color: white; font-size: 18px; line-height: 18px; padding: 12px 50px; background-color: #0a5fbf; display: inline-block;}
section .sub_service .link_button a{color: white; }

section .sub_service .custom_type {}
section .sub_service .custom_type ul{width: 691px; margin:0 auto; margin-top: 10px;  }
section .sub_service .custom_type ul li{ background-color: #fce328; width: 220px; height: 220px; display: inline-block; margin-right: 10px; margin-bottom: 15px; }
section .sub_service .custom_type ul li.no_margin{margin-right: 0; }
section .sub_service .custom_type ul li .text{padding: 15px 0 0 20px; margin-bottom: 10px; }
section .sub_service .custom_type ul li .text1{font-size: 16px; font-weight: 600; line-height: 20px; }
section .sub_service .custom_type ul li .custom_sample{text-align: center; }

section .sub_service .custom_focus{ background-color: #4ba6fc; margin: 0 8px; padding: 20px; color: white; }
section .sub_service .custom_focus .left, section .sub_service .custom_focus .right{display: inline-block; vertical-align: top;  }
section .sub_service .custom_focus .left .title{font-size: 36px; line-height: 38px; font-weight: 600; }
section .sub_service .custom_focus .left .title p.black {color: black; }
section .sub_service .custom_focus .left .middle_line{ width: 40px; border-top: 3px white solid; height: 15px; margin-top: 12px; }
section .sub_service .custom_focus .left .explain {font-size: 16px; line-height: 22px; }

section .sub_service .custom_focus .right{padding-left: 18px; margin-top: 19px; }
section .sub_service .custom_focus .right li{display: inline-block; width: 130px; height: 130px; border-radius: 100%; background: #4393fa; text-align: center; margin-right: 20px; }
section .sub_service .custom_focus .right li:last-child{margin-right: 0; }
section .sub_service .custom_focus .right li p.type{font-size: 16px;padding-top: 38px; line-height: 16px; }
section .sub_service .custom_focus .right li p.price{ font-size: 30px; font-weight: 600; line-height: 30px; margin-top: 6px; }




section .sub_temp{ text-align:center; padding-bottom: 20px; }
section .sub_temp img{max-width: 100%; }

.temp_img{margin-top: 20px; }

.mobile_view{display: none;}
.pc_view { display: block; }


.map_overlay {position:relative;bottom:35px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.map_overlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.map_overlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.map_overlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
.map_overlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}