@charset "utf-8";

.s_visual01{background:url('../images/sub/s_visual01.jpg') no-repeat 50% 50%; background-size:cover;}
.s_visual01:before,.s_visual01:after{display:none !important;}
.s_visual02{background:url('../images/sub/s_visual02.jpg') no-repeat 50% 50%; background-size:cover;}
.s_visual03{background:url('../images/sub/s_visual03.jpg') no-repeat 50% 50%; background-size:cover;}
.s_visual03:before,.s_visual01:after{display:none !important;}
.s_visual04{background:url('../images/sub/s_visual04.jpg') no-repeat 50% 50%; background-size:cover;}
.s_visual04:before,.s_visual04:after{display:none !important;}
.s_visual05{background:url('../images/sub/s_visual01.jpg') no-repeat 50% 50%; background-size:cover;}

#s_visual{position:relative;}
#s_visual:before,#s_visual:after{content:''; width:1px; height:50px; position:absolute; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
#s_visual:before{background:#fff; bottom:0;}
#s_visual:after{background:#007da9; bottom:-50px}
/* #s_visual .slogan{padding:116px 0 113px; text-align:center} */
#s_visual .slogan{padding:85px 0 83px; text-align:center}
/*
#s_visual .slogan span{display:block; color:#f68b1f; font-size:13px; line-height:13px; font-family:'FrutigerLTStd', sans-serif; font-weight:700; padding-bottom:10px;}
#s_visual .slogan strong{display:block; color:#fff; font-size:48px; line-height:48px; font-family:'FrutigerLTStd', sans-serif; font-weight:900;}
*/
#s_visual .slogan span{display:block; color:#f68b1f; font-size:13px; line-height:13px; font-family:'FrutigerLTStd', sans-serif; font-weight:900; padding-bottom:10px;}
#s_visual .slogan strong{display:block; color:#fff; font-size:48px; line-height:48px; font-weight:700;}

#snb{background:#fff; position:relative; z-index:20; letter-spacing:-0.5px;}
#snb:after{content:''; width:100%; height:1px; background:#ddd; z-index:-1; position:absolute; bottom:0; left:0}
#snb > a{display:none;}
#snb > ul{text-align:center; font-size:0;}
#snb > ul li{display:inline-block; margin:0 37px;}
#snb > ul li a{display:block; color:#666; font-size:16px; line-height:61px; position:relative;}
#snb > ul li.on a{color:#007da9; font-weight:700}
#snb > ul li.on a:after{content:''; width:100%; height:2px; background:#007da9; position:absolute; bottom:0; left:0;}
#snb.snb_s04 > ul li:first-child{display:none;}

/* #contents{padding:100px 0;} */
#contents{padding:80px 0 100px;}
#contents .layout{max-width:1200px; margin:0 auto; box-sizing:border-box;}
#contents .layout2{max-width:1200px; margin:0 auto; box-sizing:border-box;}
#contents .bg{background:#f5f5f5}

#contents .h3_txt{text-align:center; color:#222; font-size:32px; line-height:32px; font-weight:700; padding-bottom:40px;}
#contents .h3_txt span{display:block; font-size:28px; line-height:38px; color:#007da9; padding-top:40px;}

#contents .s_title{text-align:center; padding:60px 0 80px; position:relative; letter-spacing:-0.5px; margin-bottom:80px; z-index:1}
#contents .s_title:after{content:''; width:1px; height:100px; background:#007da9; position:absolute; bottom:-50px; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
/* #contents .s_title h2{color:#222; font-size:40px; line-height:40px; font-weight:700;} */
#contents .s_title h2{color:#222; font-size:32px; line-height:32px; font-weight:700;}
#contents .s_title span{display:block; color:#999; font-size:15px; line-height:15px; padding-top:15px;}

/* #contents .s_title2{text-align:center; padding:0 0 60px; letter-spacing:-0.5px;} */
#contents .s_title2{text-align:center; padding:0 0 40px; letter-spacing:-0.5px;}
/* #contents .s_title2 h2{color:#222; font-size:40px; line-height:40px; font-weight:700;} */
#contents .s_title2 h2{color:#222; font-size:32px; line-height:32px; font-weight:700;}
#contents .s_title2 h2 em{font-style:normal; color:#007da9;}
#contents .s_title2 span{display:block; color:#999; font-size:15px; line-height:15px; padding-top:15px;}

#contents .s_title3{text-align:center; padding:0 0 60px; letter-spacing:-0.5px;}
/* #contents .s_title3 h2{color:#222; font-size:42px; line-height:42px; font-family:'FrutigerLTStd', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "Droid Sans", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; font-weight:900;} */
#contents .s_title3 h2{color:#222; font-size:32px; line-height:32px; font-family:'FrutigerLTStd', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "Droid Sans", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; font-weight:900;}
#contents .s_title3 span{display:block; color:#999; font-size:15px; line-height:15px; padding-top:15px;}

/* 비전 & CI */
.company{letter-spacing:-0.5px;}
.company .section_1{padding-bottom:100px;}
.company .section_1 .vision{overflow:hidden;}
.company .section_1 .vision div{float:left; width:33.333%; overflow:hidden; text-align:center;}
.company .section_1 .vision div dl{word-break:keep-all; width:95%; margin:0 auto; position:relative;}
.company .section_1 .vision div dl:before,.company .section_1 .vision div dl:after{content:''; display:block; border-radius:100%; box-sizing:border-box; position:absolute;  left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); z-index:1}
.company .section_1 .vision div dl:before{width:20px; height:20px; top:200px;}
.company .section_1 .vision div dl:after{width:10px; height:10px; top:205px;}
.company .section_1 .vision div dl dt{display:table; width:180px; margin:0 auto;}
.company .section_1 .vision div dl dt span{display:table-cell; height:180px; vertical-align:middle; color:#fff; font-size:18px; font-weight:700; border-radius:100%;}
.company .section_1 .vision div dl dd{border:1px solid #d7d7d7; box-sizing:border-box; padding:50px 30px; color:#444; font-size:16px; line-height:26px; font-weight:300; /*min-height:206px;*/min-height:154px; margin-top:32px; position:relative;}
.company .section_1 .vision div dl dd:before{content:''; width:1px; height:43px; position:absolute; top:-43px; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.company .section_1 .vision div:nth-of-type(1) dl:before{border:1px solid #1b9bc8}
.company .section_1 .vision div:nth-of-type(1) dl:after{background:#1b9bc8}
.company .section_1 .vision div:nth-of-type(1) dl dt span{background:#1b9bc8;}
.company .section_1 .vision div:nth-of-type(1) dl dd:before{background:#1b9bc8}
.company .section_1 .vision div:nth-of-type(2) dl:before{border:1px solid #007da9}
.company .section_1 .vision div:nth-of-type(2) dl:after{background:#007da9}
.company .section_1 .vision div:nth-of-type(2) dl dt span{background:#007da9;}
.company .section_1 .vision div:nth-of-type(2) dl dd:before{background:#007da9}
.company .section_1 .vision div:nth-of-type(3) dl:before{border:1px solid #006588}
.company .section_1 .vision div:nth-of-type(3) dl:after{background:#006588}
.company .section_1 .vision div:nth-of-type(3) dl dt span{background:#006588;}
.company .section_1 .vision div:nth-of-type(3) dl dd:before{background:#006588}

.company .section_2 .ci .logo{padding-bottom:50px;}
.company .section_2 .ci .logo div{position:relative; border:1px solid #ddd;}
.company .section_2 .ci .logo div:before,.company .section_2 .ci .logo div:after{content:''; width:20px; height:20px; box-sizing:border-box; position:absolute; z-index:1}
.company .section_2 .ci .logo div:before{border:1px solid #2b3b56; border-right:none; border-bottom:none; top:-1px; left:-1px;}
.company .section_2 .ci .logo div:after{border:1px solid #2b3b56; border-left:none; border-bottom:none; top:-1px; right:-1px;}
.company .section_2 .ci .logo div span{display:block; text-align:center; padding:140px 0; box-sizing:border-box; background:url('../images/sub/pattern.gif') repeat 0 0; position:relative;}
.company .section_2 .ci .logo div span:before,.company .section_2 .ci .logo div span:after{content:''; width:20px; height:20px; box-sizing:border-box; position:absolute; z-index:1}
.company .section_2 .ci .logo div span:before{border:1px solid #2b3b56; border-right:none; border-top:none; bottom:-1px; left:-1px;}
.company .section_2 .ci .logo div span:after{border:1px solid #2b3b56; border-left:none; border-top:none; bottom:-1px; right:-1px;}
.company .section_2 .ci .logo div span img{max-width:100%}
.company .section_2 .ci .logo p{box-sizing:border-box; border:1px solid #ddd; border-top:none; padding:40px; word-break:keep-all; font-size:16px; line-height:26px;}
.company .section_2 .ci .logo p strong{color:#444; font-weight:700}
.company .section_2 .ci .ci_color{overflow:hidden; padding-bottom:30px;}
.company .section_2 .ci .ci_color .box{float:right; width:calc(50% - 20px);}
.company .section_2 .ci .ci_color .box:first-child{float:left;}
.company .section_2 .ci .ci_color .box h4{color:#333; font-size:20px; line-height:20px; font-weight:700; padding-bottom:20px;}
.company .section_2 .ci .ci_color .box div{overflow:hidden;}
.company .section_2 .ci .ci_color .box div p{float:right; width:calc(50% - 10px); position:relative; padding-top:105px; font-size:0;}
.company .section_2 .ci .ci_color .box div p:before{content:''; width:100%; height:86px; position:absolute; top:0; left:0; }
.company .section_2 .ci .ci_color .box div p:first-child{float:left;}
.company .section_2 .ci .ci_color .box div p span{display:inline-block; font-size:16px; color:#666; font-family:'FrutigerLTStd', sans-serif; padding-right:20px;}
.company .section_2 .ci .ci_color .box div p span:last-child{padding-right:0;}
.company .section_2 .ci .ci_color .box div p span strong{color:#444; font-weight:700; padding-right:5px;}
.company .section_2 .ci .ci_color .box:nth-of-type(1) div p:nth-of-type(1):before{background:#015289}
.company .section_2 .ci .ci_color .box:nth-of-type(1) div p:nth-of-type(2):before{background:url('../images/sub/pantone.jpg') no-repeat 50% 50%; background-size:cover;}
.company .section_2 .ci .ci_color .box:nth-of-type(2) div p:nth-of-type(1):before{background:#007dab}
.company .section_2 .ci .ci_color .box:nth-of-type(2) div p:nth-of-type(2):before{background:#f68c1f}
.company .section_2 .ci .info{box-sizing:border-box; border:1px solid #ddd; padding:40px; word-break:keep-all; font-size:16px; line-height:26px;}

/* CEO 인사말 */
.greetings{letter-spacing:-0.5px;}
.greetings .greetings_txt{overflow:hidden;}
.greetings .greetings_txt > span{display:block; float:right; width:481px; position:relative}
.greetings .greetings_txt > span img{width:100%}
.greetings .greetings_txt > div{display:block; float:left; width:calc(100% - 540px)}
.greetings .greetings_txt > div strong{display:block; word-break:keep-all; color:#035183; font-size:30px; line-height:40px; font-weight:700}
.greetings .greetings_txt > div p{color:#444; font-size:16px; line-height:28px; font-weight:300; word-break:keep-all; text-align:justify; padding:25px 0;}
.greetings .greetings_txt > div dl{text-align:right; color:#333; font-size:0;}
.greetings .greetings_txt > div dl dt{display:inline-block; vertical-align:middle; font-size:22px;}
.greetings .greetings_txt > div dl dd{display:inline-block; vertical-align:middle; font-size:24px; font-weight:700; padding-left:5px;}

/* 사업영역 */
.business{letter-spacing:-0.5px;}
.business .info{display:table; width:100%; border-collapse:collapse;}
.business .info div{display:table-cell; width:20%; text-align:center; vertical-align:top; height:374px; border:1px solid #ddd; box-sizing:border-box; padding:50px 15px 0}
.business .info div dl{word-break:keep-all; padding-top:140px; position:relative;}
.business .info div dl:before{content:''; width:110px; height:110px; border-radius:100%; background-size:70px !important; position:absolute; top:0; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%)}
.business .info div dl dt{color:#222; font-size:18px; line-height:18px; font-weight:700; padding-bottom:20px;}
.business .info div dl dd{color:#666; font-size:16px; line-height:26px;}
.business .info div dl dd span{color:#999;}
.business .info div:nth-of-type(1) dl:before{background:url('../images/main/busIcon_1.png') no-repeat 50% 50% #ededed}
.business .info div:nth-of-type(2) dl:before{background:url('../images/main/busIcon_2.png') no-repeat 50% 50% #ededed}
.business .info div:nth-of-type(3) dl:before{background:url('../images/main/busIcon_3.png') no-repeat 50% 50% #ededed}
.business .info div:nth-of-type(4) dl:before{background:url('../images/main/busIcon_4.png') no-repeat 50% 50% #ededed}
.business .info div:nth-of-type(5) dl:before{background:url('../images/main/busIcon_5.png') no-repeat 50% 50% #ededed}

/* 회사연혁 */
.history{letter-spacing:-0.5px;}
.history .his_sct{margin-top:80px;}
.history .his_sct:first-child{margin-top:0;}
.history .his_title{text-align:center;}
.history .his_title strong{display:inline-block; color:#035183; font-size:30px; font-family:'FrutigerLTStd', sans-serif; font-weight:700; border-bottom:4px solid #035183;}
.history .his_list{position:relative; padding-top:65px;}
.history .his_list:before{content:''; width:1px; height:100%; background:#ddd; position:absolute; top:0; left:50%; z-index:-1; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%)}
.history .his_list .box{margin-bottom:20px; overflow:hidden;}
.history .his_list .box:last-child{margin-bottom:0;}
.history .his_list .box dl{width:50%; box-sizing:border-box; word-break:keep-all;}
.history .his_list .box dl dt{box-sizing:border-box; position:relative; color:#007da9; font-size:20px; font-family:'FrutigerLTStd', sans-serif; font-weight:700; margin-bottom:10px;}
.history .his_list .box dl dt:before{content:''; width:31px; height:1px; background:#ddd; position:absolute; top:11px;}
.history .his_list .box dl dt:after{content:''; width:5px; height:14px; background:#007da9; position:absolute; top:5px;}
.history .his_list .box dl dd{box-sizing:border-box;}
.history .his_list .box dl dd ul li{color:#666; font-size:16px; line-height:24px; margin-top:10px; position:relative;}
.history .his_list .box dl dd ul li:first-child{margin-top:0;}
.history .his_list .box dl dd ul li em{display:inline-block; font-style:normal; color:#333; font-family:'FrutigerLTStd', sans-serif; font-weight:700; position:absolute; top:2px;}
.history .his_list .box:nth-of-type(odd) dl{float:right;}
.history .his_list .box:nth-of-type(odd) dl dt{padding-left:43px}
.history .his_list .box:nth-of-type(odd) dl dt:before{left:0;}
.history .his_list .box:nth-of-type(odd) dl dt:after{left:29px;}
.history .his_list .box:nth-of-type(odd) dl dd{padding-left:43px}
.history .his_list .box:nth-of-type(odd) dl dd ul li{padding-left:26px;}
.history .his_list .box:nth-of-type(odd) dl dd ul li em{left:0;}
.history .his_list .box:nth-of-type(even) dl{float:left; text-align:right;}
.history .his_list .box:nth-of-type(even) dl dt{padding-right:43px}
.history .his_list .box:nth-of-type(even) dl dt:before{right:0;}
.history .his_list .box:nth-of-type(even) dl dt:after{right:29px;}
.history .his_list .box:nth-of-type(even) dl dd{padding-right:43px}
.history .his_list .box:nth-of-type(even) dl dd ul li{padding-right:26px;}
.history .his_list .box:nth-of-type(even) dl dd ul li em{right:0;}

/* 인재채용 */
.careers{letter-spacing:-0.5px;}
.careers .section_1{margin-bottom:60px; position:relative;}
.careers .section_1:before{content:''; width:100%; height:55%; position:absolute; top:50%; left:0; z-index:-1; background:#f7f7f7; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%)}
.careers .section_1 .info .box{position:relative; overflow:hidden; padding:50px 0; }
.careers .section_1 .info .box > span{display:block; width:52.5%; box-sizing:border-box; position:absolute; top:0; padding-top:360px;}
.careers .section_1 .info .box > span:before{content:''; width:100%; height:100%; position:absolute; top:0; left:0;}
.careers .section_1 .info .box > span img{display:none;}
.careers .section_1 .info .box > div{display:block; width:52.5%; box-sizing:border-box; background:#fff; border:1px solid #ddd; min-height:360px;}
.careers .section_1 .info .box > div dl{box-sizing:border-box; padding:0 50px;}
.careers .section_1 .info .box > div dl dt{font-size:0; padding-bottom:30px;}
.careers .section_1 .info .box > div dl dt strong{display:inline-block; vertical-align:bottom; color:#222; font-size:24px; font-weight:700}
.careers .section_1 .info .box > div dl dt span{display:inline-block; vertical-align:bottom; color:#035183; font-size:20px; font-family:'FrutigerLTStd', sans-serif; font-weight:900; padding-left:20px; position:relative; top:-2px;}
.careers .section_1 .info .box > div dl dd{word-break:keep-all; color:#666; font-size:16px; line-height:28px;}
.careers .section_1 .info .box:nth-of-type(odd) > span{left:0;}
.careers .section_1 .info .box:nth-of-type(odd) > div{float:right; padding:0 0 0 60px}
.careers .section_1 .info .box:nth-of-type(even) > span{right:0;}
.careers .section_1 .info .box:nth-of-type(even) > div{float:left; padding:0 60px 0 0}
.careers .section_1 .info .box:nth-of-type(1) > span:before{background:url('../images/sub/careers_1.jpg') no-repeat 50% 50%; background-size:cover;}
.careers .section_1 .info .box:nth-of-type(1) > div dl{padding-top:100px;}
.careers .section_1 .info .box:nth-of-type(2) > span:before{background:url('../images/sub/careers_2_new.jpg') no-repeat 50% 50%; background-size:cover;}
.careers .section_1 .info .box:nth-of-type(2) > div dl{padding-top:120px;}
.careers .section_1 .info .box:nth-of-type(3) > span:before{background:url('../images/sub/careers_3.jpg') no-repeat 50% 50%; background-size:cover;}
.careers .section_1 .info .box:nth-of-type(3) > div dl{padding-top:110px;}

.careers .section_2 h4{position:relative; text-align:center; font-size:24px; line-height:24px; color:#222; padding:82px 0 30px;}
.careers .section_2 h4:before{content:''; width:1px; height:50px; background:#007da9; position:absolute; top:0; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.careers .section_2 .procedure{overflow:hidden;}
.careers .section_2 .procedure div{float:left; width:20%; text-align:center; }
.careers .section_2 .procedure div dl dt{color:#007da9; font-size:16px; font-family:'FrutigerLTStd', sans-serif; font-weight:700; padding:145px 0 5px; position:relative;}
.careers .section_2 .procedure div dl dt:before{content:''; width:120px; height:120px; border-radius:100%; background-size:63px 47px !important; position:absolute; top:0; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.careers .section_2 .procedure div dl dt:after{content:''; width:25px; height:10px; background:url('../images/sub/procedure_arr.png') no-repeat 0 0; position:absolute; top:54px; left:-12px;}
.careers .section_2 .procedure div dl dd{color:#444; font-size:18px;}
.careers .section_2 .procedure div:first-child dl dt:after{display:none;}
.careers .section_2 .procedure div:nth-of-type(1) dl dt:before{background:url('../images/sub/procedureIcon_1.png') no-repeat 50% 50% #ededed}
.careers .section_2 .procedure div:nth-of-type(2) dl dt:before{background:url('../images/sub/procedureIcon_2.png') no-repeat 50% 50% #ededed}
.careers .section_2 .procedure div:nth-of-type(3) dl dt:before{background:url('../images/sub/procedureIcon_3.png') no-repeat 50% 50% #ededed}
.careers .section_2 .procedure div:nth-of-type(4) dl dt:before{background:url('../images/sub/procedureIcon_4.png') no-repeat 50% 50% #ededed}
.careers .section_2 .procedure div:nth-of-type(5) dl dt:before{background:url('../images/sub/procedureIcon_5.png') no-repeat 50% 50% #ededed}

/* 오시는길 */
.directions{letter-spacing:-0.5px;}
.directions .section_1{position:relative; padding-top:50px; margin-bottom:60px;}
.directions .section_1 .info{position:absolute; top:0; left:0; width:100%}
.directions .section_1 .info .box{background:#143752; box-sizing:border-box; padding:20px 40px; overflow:hidden; position:relative; z-index:1; }
.directions .section_1 .info .box ul{float:left; overflow:hidden;}
.directions .section_1 .info .box ul li{float:left; margin-left:50px; color:#fff; font-size:20px; font-weight:700; line-height:50px; background-size:22px !important; padding-left:36px; box-sizing:border-box;}
.directions .section_1 .info .box ul li:nth-of-type(1){margin-left:0; background:url('../images/sub/mapIcon_1.png') no-repeat 0 50%;}
.directions .section_1 .info .box ul li:nth-of-type(2){background:url('../images/sub/mapIcon_2.png') no-repeat 0 50%;}
.directions .section_1 .info .box a{display:block; float:right; padding:0 20px; border:1px solid #fff; box-sizing:border-box;}
.directions .section_1 .info .box a span{display:inline-block; color:#fff; font-size:18px; font-family:'FrutigerLTStd', sans-serif; font-weight:700;line-height:48px; padding-right:50px; background:url('../images/icon/icon_arr.png') no-repeat 99% 50%; background-size:8px 12px;}
.directions .section_1 #map{height:598px;}
.directions .section_1 #map #daumRoughmapContainer1608709482736{ width:100%; height:598px; }
.directions .section_1 #map .root_daum_roughmap .wrap_map{ height:598px;}

.directions .section_2 .howto{overflow:hidden;}
.directions .section_2 .howto dl{float:right; width:50%; overflow:hidden; line-height:24px;}
.directions .section_2 .howto dl dt{float:left; color:#222; font-size:18px; font-weight:700}
.directions .section_2 .howto dl dd{float:left;}
.directions .section_2 .howto dl:nth-of-type(1){float:left;}
/*
.directions .section_2 .howto dl:nth-of-type(1) dt{width:175px;}
.directions .section_2 .howto dl:nth-of-type(1) dd{width:calc(100% - 175px);}
.directions .section_2 .howto dl:nth-of-type(2) dt{width:145px;}
.directions .section_2 .howto dl:nth-of-type(2) dd{width:calc(100% - 145px);}
*/
.directions .section_2 .howto dl:nth-of-type(1) dt{width:125px;}
.directions .section_2 .howto dl:nth-of-type(1) dd{width:calc(100% - 125px);}
.directions .section_2 .howto dl:nth-of-type(2) dt{width:100px;}
.directions .section_2 .howto dl:nth-of-type(2) dd{width:calc(100% - 100px);}
/* .directions .section_2 .howto dl dd ul li{margin-top:13px; color:#444; font-size:18px;} */
.directions .section_2 .howto dl dd ul li{margin-top:13px; color:#444; font-size:16px;}
.directions .section_2 .howto dl dd ul li:first-child{margin-top:0;}
.directions .section_2 .howto dl dd ul li em{display:inline-block; font-style:normal; margin-right:15px; color:#fff; text-align:center; position:relative;}
.directions .section_2 .howto dl dd .subway em{top:-1px; width:24px; border-radius:100%; font-size:14px; font-family:'FrutigerLTStd', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "Droid Sans", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;}
.directions .section_2 .howto dl dd .subway em strong{font-weight:900}
.directions .section_2 .howto dl dd .bus em{width:51px; border-radius:15px; font-size:15px;}

/* 제품소개 */
/* #product .prd_title{text-align:center; padding:80px 0 60px; position:relative; color:#222; font-size:42px; line-height:42px; font-family:'FrutigerLTStd', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "Droid Sans", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; font-weight:900;} */
#product .prd_title{text-align:center; padding:60px 0 40px; position:relative; color:#222; font-size:32px; line-height:32px; font-family:'FrutigerLTStd', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "Droid Sans", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; font-weight:900;}
#product .prd_title:before{content:''; width:1px; height:60px; background:#007da9; position:absolute; top:-30px; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}

#product .prd_list .box{box-sizing:border-box; border:1px solid #ddd; margin-top:40px; padding:40px; overflow:hidden; background:#fff;}
#product .prd_list .box:first-of-type{margin-top:0;}
#product .prd_list .box .thumb{float:left; width:300px;}
#product .prd_list .box .thumb span{display:inline-block; position:relative;}
#product .prd_list .box .thumb span:before{content:''; width:100%; height:100%; box-sizing:border-box; position:absolute; top:0; left:0; border:1px solid #ddd;}
#product .prd_list .box .thumb img{width:100%;}
#product .prd_list .box .info{float:right; width:calc(100% - 340px)}
#product .prd_list .box .info dl{letter-spacing:-0.5px; word-break:keep-all; padding-bottom:40px;}
#product .prd_list .box .info dl dt{color:#333; font-size:22px; line-height:30px; font-family:'FrutigerLTStd', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "Droid Sans", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; font-weight:700; border-bottom:1px solid #d7d7d7; padding-bottom:20px;}
#product .prd_list .box .info dl dd{color:#666; font-size:16px; line-height:30px; min-height:60px; padding-top:25px;}
#product .prd_list .box .info a{display:inline-block; position:relative; z-index:1; overflow:hidden; padding:0 20px; border:1px solid #ddd; box-sizing:border-box; transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out;}
#product .prd_list .box .info a span{display:inline-block; line-height:43px; color:#666; font-family:'FrutigerLTStd', sans-serif; font-weight:700; font-size:16px; padding-right:50px; background:url('../images/icon/icon_arr2.png') no-repeat 99% 50%; background-size:6px 10px; transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out;}
#product .prd_list .box .info a span:before{box-sizing:border-box; z-index:-1; content:''; position:absolute; top:0; right:-43px; bottom:0; left:0; border-right:25px solid transparent; border-bottom:51px solid #007da9; transform:translateX(-100%); -ms-transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out;}
#product .prd_list .no-list{text-align:center; padding:100px 0; box-sizing:border-box; border:1px solid #ddd; background:#fff;}
#product .prd_list .no-list p{font-size:15px; color:#333;}

/*
#product .prd_index .box{float:left; width:25%;}
#product .prd_index:after{content:''; display:block; clear:both;}
*/
#product .prd_index{font-size:0; text-align:center;}
/* #product .prd_index .box{display:inline-block; width:25%;} */
#product .prd_index .box{display:inline-block; width:16.666%;}
#product .prd_index .box a{display:block; width:95%; margin:0 auto; background:#fff; border:1px solid #ddd; box-sizing:border-box; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#product .prd_index .box a span{width:100%}
#product .prd_index .box a span img{width:100%}
/* #product .prd_index .box a p{padding:29px 10px; width:calc(100% - 40px); margin:0 auto; border-top:1px solid #ddd; text-align:center; box-sizing:border-box;} */
#product .prd_index .box a p{padding:10px; width:calc(100% - 40px); margin:0 auto; border-top:1px solid #ddd; text-align:center; box-sizing:border-box;}
#product .prd_index .box a p strong{display:inline-block; vertical-align:middle; color:#222; /*font-size:18px;*/font-size:15px; line-height:30px; font-family:'FrutigerLTStd', sans-serif; font-weight:700; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product .prd_index .box.on a{box-shadow:4px 4px 5px rgba(58,58,58,0.35)}
#product .prd_index .no-list{text-align:center; padding:100px 0; box-sizing:border-box; border:1px solid #ddd; background:#fff;}
#product .prd_index .no-list p{font-size:15px; color:#333;}

/* #product .section_1{padding-bottom:110px;} */
#product .section_1{padding-bottom:60px;}
#product .section_2{position:relative;}
#product .section_2:before{content:''; width:100%; height:330px; background:#f5f5f5; position:absolute; top:0; left:0; z-index:-1}

#product .prd_view .info:after{content:''; display:block; clear:both;}
#product .prd_view .info .thumb{float:left; width:53%; box-sizing:border-box;}
#product .prd_view .info .thumb:after{content:''; display:block; clear:both;}
#product .prd_view .info .thumb .thumb_s{width:111px; float:left;}
#product .prd_view .info .thumb .thumb_s .slick-slide{outline:none;}
#product .prd_view .info .thumb .thumb_s .slick-slide span{display:block; box-sizing:border-box; padding:5px; cursor:pointer;}
#product .prd_view .info .thumb .thumb_s .slick-slide span img{width:100%; box-shadow:0 0 5px rgba(107,107,107,0.18)}
#product .prd_view .info .thumb .thumb_b{width:calc(100% - 115px); float:right; position:relative; top:-5px;}
#product .prd_view .info .thumb .thumb_b .slick-slide{outline:none;}
#product .prd_view .info .thumb .thumb_b .slick-slide span{display:block; box-sizing:border-box; padding:10px;}
#product .prd_view .info .thumb .thumb_b .slick-slide span img{width:100%; box-shadow:0 0 10px rgba(107,107,107,0.18)}
#product .prd_view .info .txt{float:right; width:43%; letter-spacing:-0.5px; box-sizing:border-box;}
#product .prd_view .info .txt dl{word-break:keep-all; padding-bottom:30px;}
/* #product .prd_view .info .txt dl dt{color:#333; font-size:38px; line-height:42px; font-family:'FrutigerLTStd', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "Droid Sans", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; font-weight:700; padding-bottom:30px;} */
#product .prd_view .info .txt dl dt{color:#333; font-size:30px; line-height:42px; font-family:'FrutigerLTStd', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "Droid Sans", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; font-weight:700; padding-bottom:30px;}
/* #product .prd_view .info .txt dl dd{color:#666; font-size:18px; line-height:28px; min-height:214px;} */
#product .prd_view .info .txt dl dd{color:#666; font-size:18px; line-height:28px;  /*min-height:222px;*/min-height:205px;}
#product .prd_view .info .txt ul{overflow:hidden;}
#product .prd_view .info .txt ul li{float:right; width:calc(50% - 10px)}
#product .prd_view .info .txt ul li:first-child{float:left;}
#product .prd_view .info .txt ul li a{display:block; text-align:center; position:relative; z-index:1; overflow:hidden;}
#product .prd_view .info .txt ul li a:before{box-sizing:border-box; transition:0.5s ease-in-out; z-index:-1; content:''; position:absolute; top:0; right:-50px; bottom:0; left:0; border-right:30px solid transparent; border-bottom:60px solid rgba(255,255,255,0.1); transform:translateX(-100%); -ms-transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%);}
#product .prd_view .info .txt ul li a span{display:inline-block; line-height:60px; color:#fff; font-size:16px;}
#product .prd_view .info .txt ul li .btn_list{background:#007da9}
#product .prd_view .info .txt ul li .btn_list span{background:url('../images/icon/icon_list.png') no-repeat 0 52%; background-size:14px; padding-left:25px;}
#product .prd_view .info .txt ul li .btn_online{/*background:#979797*/ background:#f68b1f}
#product .prd_view .info .txt ul li .btn_online span{background:url('../images/icon/icon_online.png') no-repeat 0 52%; background-size:17px 16px; padding-left:27px;}

#product .prd_view .detail{padding-top:80px; box-sizing:border-box;}
#product .prd_view .detail .prd_tab{letter-spacing:-0.5px; padding-bottom:50px;}
#product .prd_view .detail .prd_tab:after{content:''; display:block; clear:both; }
#product .prd_view .detail .prd_tab li{float:left; position:relative; width:25%; text-align:center; margin-left:-1px; border:1px solid #d7d7d7; border-bottom:1px solid #007da9; box-sizing:border-box; }
#product .prd_view .detail .prd_tab li a{display:block; padding:17px 0; background:#f2f2f2; color:#999; font-size:16px;}
#product .prd_view .detail .prd_tab li.on{border:1px solid #007da9; border-bottom:1px solid #fff; z-index:2;}
#product .prd_view .detail .prd_tab li.on a{background:#fff; color:#007da9; font-weight:700}

#product .prd_view .detail .detail_cts{margin-bottom:50px; box-sizing:border-box;}
#product .prd_view .detail .detail_cts img{max-width:100%;}
#product .prd_view .detail .detail_cts:last-of-type{margin-bottom:0;}

#product .prd_view .detail .detail_cts_3 .model_list{letter-spacing:-0.5px;}
#product .prd_view .detail .detail_cts_3 .model_list .box{overflow:hidden; margin-top:85px;}
#product .prd_view .detail .detail_cts_3 .model_list .box:first-of-type{margin-top:0;}
#product .prd_view .detail .detail_cts_3 .model_list .box .thumb{float:left; width:300px;}
#product .prd_view .detail .detail_cts_3 .model_list .box .thumb img{width:100%; box-sizing:border-box; border:1px solid #ddd}
#product .prd_view .detail .detail_cts_3 .model_list .box .info{float:right; width:calc(100% - 330px)}
#product .prd_view .detail .detail_cts_3 .model_list .box .info > strong{display:block; color:#333; font-size:22px; font-family:'FrutigerLTStd', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "Droid Sans", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; font-weight:900; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:30px;}
#product .prd_view .detail .detail_cts_3 .model_list .box .info > .description{overflow:hidden;}
#product .prd_view .detail .detail_cts_3 .model_list .box .info > .description dl{float:left; width:50%; margin-top:35px; line-height:22px; word-break:keep-all;}
#product .prd_view .detail .detail_cts_3 .model_list .box .info > .description dl:nth-of-type(1){margin-top:0;}
#product .prd_view .detail .detail_cts_3 .model_list .box .info > .description dl:nth-of-type(odd){clear:both}
#product .prd_view .detail .detail_cts_3 .model_list .box .info > .description dl dt{color:#333; font-size:16px; font-weight:700; padding-bottom:10px}
#product .prd_view .detail .detail_cts_3 .model_list .box .info > .description dl dd{color:#666; font-size:15px; font-weight:300;}
#product .prd_view .detail .detail_cts_3 .model_list .no-list{text-align:center; padding:100px 0;}
#product .prd_view .detail .detail_cts_3 .model_list .no-list p{font-size:15px; color:#333;}

#product .prd_view .detail .detail_cts_4 .data{letter-spacing:-0.5px;}
#product .prd_view .detail .detail_cts_4 .data .data_sch{padding-bottom:28px;}
#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox{overflow:hidden;}
#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox select{line-height:50px; height:50px; border:1px solid #ddd; font-size:15px; color:#666; padding-left:20px; font-weight:300;}
#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox input[type=text]{line-height:50px; height:50px; border:1px solid #ddd; font-size:15px; color:#666; font-weight:300;}
#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox > select{float:left; width:150px;}
#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox > div{float:right; overflow:hidden;}
#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox > div select{float:left; width:150px;}
#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox > div p{float:right; width:250px; margin-left:10px; position:relative;}
#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox > div p input[type=text]{width:100%; padding:0 60px 0 20px;}
#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox > div p .btn_sch{display:inline-block; padding:0; width:14px; height:16px; text-indent:-99999px; background:url('../images/icon/icon_sch2.png') no-repeat 0 0; background-size:14px 16px; position:absolute; top:50%; margin-top:-8px; right:20px;}
#product .prd_view .detail .detail_cts_4 .data .data_list .name{width:47%}
#product .prd_view .detail .detail_cts_4 .data .data_list .category{width:15%;}
#product .prd_view .detail .detail_cts_4 .data .data_list .update{width:20%}
#product .prd_view .detail .detail_cts_4 .data .data_list .download{width:18%}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_head{display:table; width:100%}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_head > strong{display:table-cell; color:#333; text-align:center; font-size:16px; line-height:60px; font-weight:500; box-sizing:border-box;}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_head > strong:first-child{text-align:left; padding-left:30px;}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box{margin-top:20px; box-sizing:border-box; border:1px solid #e1e1e1}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box:first-of-type{margin-top:0;}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1{display:table; width:100%}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div{display:table-cell; vertical-align:middle; text-align:center; box-sizing:border-box; padding:17px 0;  color:#666; font-size:15px;}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div:first-child{text-align:left; padding-left:30px;}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div strong{line-height:22px; display:inline-block; cursor:pointer; font-weight:400; box-sizing:border-box; padding-left:30px; position:relative;}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div strong:before{content:''; width:9px; height:6px; background:url('../images/icon/icon_arr3.png') no-repeat 0 0; background-size:9px 6px; position:absolute; top:9px; left:0;}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div a{display:inline-block; background:#f68b1f; padding:0 35px; position:relative; z-index:1; overflow:hidden;}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div a:before{box-sizing:border-box; z-index:-1; content:''; position:absolute; top:0; right:-50px; bottom:0; left:0; border-right:20px solid transparent; border-bottom:40px solid rgba(255,255,255,0.1); transform:translateX(-100%); -ms-transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out;}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div a span{display:inline-block; line-height:40px; color:#fff; font-size:15px; font-family:'FrutigerLTStd', sans-serif; font-weight:700; padding-left:25px; background:url('../images/icon/icon_down.png') no-repeat 0 50%}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box.on .boxType_1 > div strong{text-decoration:underline; color:#333}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box.on .boxType_1 > div strong:before{transform:rotate(-180deg); -ms-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg)}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_2{display:none; box-sizing:border-box; padding:25px 60px; position:relative; color:#999; font-size:15px; line-height:25px; word-break:keep-all;}
#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_2:before{content:''; width:calc(100% - 60px); position:absolute; top:0; left:30px; height:1px; background:#d7d7d7}
#product .prd_view .detail .detail_cts_4 .data .data_list .no-list{text-align:center; padding:100px 0; box-sizing:border-box; border:1px solid #e1e1e1; background:#fff;}
#product .prd_view .detail .detail_cts_4 .data .data_list .no-list p{font-size:15px; color:#333;}
#product .prd_view .detail .detail_cts_4 .data .data_info{padding-top:50px; text-align:center;}
#product .prd_view .detail .detail_cts_4 .data .data_info p{color:#666; font-size:15px; padding-bottom:20px; word-break:keep-all;}
#product .prd_view .detail .detail_cts_4 .data .data_info p strong{font-weight:700}
#product .prd_view .detail .detail_cts_4 .data .data_info a{display:inline-block; padding:0 55px; background:#444; position:relative; z-index:1; overflow:hidden;}
#product .prd_view .detail .detail_cts_4 .data .data_info a:before{box-sizing:border-box; z-index:-1; content:''; position:absolute; top:0; right:-50px; bottom:0; left:0; border-right:20px solid transparent; border-bottom:40px solid rgba(255,255,255,0.1); transform:translateX(-100%); -ms-transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out;}
#product .prd_view .detail .detail_cts_4 .data .data_info a span{display:inline-block; color:#fff; font-size:15px; font-family:'FrutigerLTStd', sans-serif; font-weight:700; line-height:40px; padding-left:22px; background:url('../images/icon/icon_link.png') no-repeat 0 50%; background-size:13px 18px}

/* 서비스 */
.service{letter-spacing:-0.5px;}
.service .title{text-align:center; padding-bottom:50px;}
.service .title strong{display:inline-block; position:relative; padding:0 5px; z-index:1}
.service .title strong span{display:inline-block; color:#222; font-size:26px}
.service .title strong:before{content:''; width:100%; height:16px; background:#a3dcf0; position:absolute; bottom:0; left:0; z-index:-1}
.service .title em{display:block; color:#666; font-size:24px; font-style:normal;}

.service .title2{text-align:center; padding-bottom:50px;}
.service .title2 strong{display:inline-block;}
.service .title2 strong span{display:inline-block; color:#222; font-size:26px; position:relative; padding:0 5px; z-index:1}
.service .title2 strong span:before{content:''; width:100%; height:16px; background:#a3dcf0; position:absolute; bottom:0; left:0; z-index:-1}
.service .titl2e em{display:block; color:#666; font-size:24px; font-style:normal;}
.service .section_1 .info{overflow:hidden;}
.service .section_1 .info > div{float:right; box-sizing:border-box; border:1px solid #ddd; width:calc(50% - 20px); padding:53px 20px 0; min-height:575px;}
.service .section_1 .info > div:first-child{float:left;}
.service .section_1 .info > div > strong{display:block; text-align:center; color:#035183; font-size:20px; line-height:20px;}
.service .section_1 .info > .box_1 > strong{font-weight:700;}
.service .section_1 .info > .box_1 > div{padding:60px 10px 50px; box-sizing:border-box; text-align:center;}
.service .section_1 .info > .box_1 > div ul{font-size:0;}
.service .section_1 .info > .box_1 > div ul li{display:inline-block; vertical-align:top; width:33.333%; position:relative; padding-top:145px;}
.service .section_1 .info > .box_1 > div ul li:before{content:''; width:130px; height:130px; box-sizing:border-box; border-radius:100%; background-size:60px 46px !important; border:8px solid #007da9; position:absolute; top:0; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.service .section_1 .info > .box_1 > div ul li:after{color:#6c6c6c; font-size:20px; font-weight:700; position:absolute; top:52px; right:-5px;}
.service .section_1 .info > .box_1 > div ul li:nth-of-type(1):before{background:url('../images/sub/infoIcon_1.png') no-repeat 50% 50%}
.service .section_1 .info > .box_1 > div ul li:nth-of-type(1):after{content:'+'}
.service .section_1 .info > .box_1 > div ul li:nth-of-type(2):before{background:url('../images/sub/infoIcon_2.png') no-repeat 50% 50%}
.service .section_1 .info > .box_1 > div ul li:nth-of-type(2):after{content:'='}
.service .section_1 .info > .box_1 > div ul li:nth-of-type(3):before{background:url('../images/sub/infoIcon_3.png') no-repeat 50% 50%}
.service .section_1 .info > .box_1 > div ul li p{display:table; width:100%}
.service .section_1 .info > .box_1 > div ul li p span{display:table-cell; height:44px; text-align:center; vertical-align:middle; color:#8e8e8e; font-size:16px; line-height:22px; font-family:'FrutigerLTStd', sans-serif; font-weight:700;}
.service .section_1 .info > .box_1 > ul{box-sizing:border-box; padding:0 30px;}
.service .section_1 .info > .box_1 > ul li{color:#444; font-size:16px; line-height:22px; position:relative; padding-left:20px; margin-top:10px; word-break:keep-all;}
.service .section_1 .info > .box_1 > ul li span{display:block; color:#aeaeae; font-size:14px; font-weight:300;}
.service .section_1 .info > .box_1 > ul li:before{content:''; width:3px; height:3px; background:#666; position:absolute; top:13px; left:0;}
.service .section_1 .info > .box_1 > ul li:first-child{margin-top:0;}
.service .section_1 .info > .box_2 > strong{font-weight:700}
/* .service .section_1 .info > .box_2 > strong span{display:block; font-size:16px; line-height:16px; font-family:'FrutigerLTStd', sans-serif; font-weight:900; padding-top:10px;} */
.service .section_1 .info > .box_2 > div{text-align:center; box-sizing:border-box; padding:27px 50px 20px}
.service .section_1 .info > .box_2 > div img{max-width:100%;}
.service .section_1 .info > .box_2 > p{text-align:right; font-size:14px; font-weight:300; box-sizing:border-box}
.service .section_1 .info > .box_2 > p span{color:#333}

.service .section_2{padding:100px 0;}
.service .section_2 .info{overflow:hidden; padding-bottom:40px;}
.service .section_2 .info .title2{float:left; width:565px; text-align:left;}
.service .section_2 .info > ul{float:left; width:calc(100% - 565px); padding-top:10px;}
.service .section_2 .info > ul li{color:#444; font-size:16px; line-height:22px; position:relative; padding-left:20px; margin-top:5px; font-weight:300; word-break:keep-all;}
.service .section_2 .info > ul li:before{content:''; width:3px; height:3px; background:#666; position:absolute; top:10px; left:0;}
.service .section_2 .info > ul li:first-child{margin-top:0;}
.service .section_2 .process .title_s{text-align:center; position:relative; padding:100px 0 50px}
.service .section_2 .process .title_s:before{content:''; width:1px; height:60px; background:#0f85ae; position:absolute; left:50%; top:0; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.service .section_2 .process .title_s strong{display:block; color:#222; font-size:20px; line-height:20px;}
.service .section_2 .process .title_s span{display:block; color:#666; font-size:15px; line-height:15px; padding-top:15px; font-weight:300;}
.service .section_2 .process p{box-sizing:border-box;}

.service .section_3{padding:100px 0; background:#f3f3f3}
.service .section_3 .info{overflow:hidden; max-width:1220px; margin:0 auto; box-sizing:border-box;}
.service .section_3 .info li{float:left; width:25%;}
.service .section_3 .info li p{width:94%; margin:0 auto; background:#fff; position:relative; box-sizing:border-box; padding-top:185px; min-height:280px; position:relative; text-align:center; color:#444; font-size:16px; line-height:26px; word-break:keep-all;}
.service .section_3 .info li p:before{content:''; width:118px; height:118px; border-radius:100%; background-size:62px 53px !important; position:absolute; left:50%; top:40px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.service .section_3 .info li:nth-of-type(1) p:before{background:url('../images/sub/infraIcon_1.jpg') no-repeat 50% 50% #f3f3f3;}
.service .section_3 .info li:nth-of-type(2) p:before{background:url('../images/sub/infraIcon_2.jpg') no-repeat 50% 50% #f3f3f3;}
.service .section_3 .info li:nth-of-type(3) p:before{background:url('../images/sub/infraIcon_3.jpg') no-repeat 50% 50% #f3f3f3;}
.service .section_3 .info li:nth-of-type(4) p:before{background:url('../images/sub/infraIcon_4.jpg') no-repeat 50% 50% #f3f3f3;}

.service .section_4{padding:100px 0 0;}
.service .section_4 .site dl{margin-top:50px;}
.service .section_4 .site dl:first-child{margin-top:0;}
.service .section_4 .site dl dt{color:#222; font-size:20px; line-height:20px; font-weight:700; padding-bottom:10px;}
.service .section_4 .site dl dd ul{overflow:hidden;}
.service .section_4 .site dl dd ul li{float:left; width:16.666%; overflow:hidden; margin-top:15px;}
.service .section_4 .site dl dd ul li span{display:block; width:90%; position:relative;}
.service .section_4 .site dl dd ul li span:before{content:''; width:100%; height:100%; box-sizing:border-box; border:1px solid #ddd; position:absolute; top:0; left:0;}
.service .section_4 .site dl dd ul li span img{width:100%;}

/* PC */
@media all and (min-width:1025px){
	#snb > ul{display:block !important;}

	.company .section_1 .vision div:nth-of-type(1) dl{float:left;}
	.company .section_1 .vision div:nth-of-type(3) dl{float:right;}

	#product .prd_list .box .info a:hover{border-color:#007da9}
	#product .prd_list .box .info a:hover span{color:#fff; background-image:url('../images/icon/icon_arr.png')}
	#product .prd_list .box .info a:hover span:before{transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}

	#product .prd_view .info .txt ul li a:hover:before{transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
	#product .prd_view .detail .detail_cts_3 .model_list .box .info > .description dl:nth-of-type(2){margin-top:0;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div a:hover:before{transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
	#product .prd_view .detail .detail_cts_4 .data .data_info a:hover:before{transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}

	.service .section_4 .site dl dd ul li:nth-of-type(6n+1){clear:both;}
	.service .section_4 .site dl dd ul li:nth-of-type(6n+1) span{float:left;}
	.service .section_4 .site dl dd ul li:nth-of-type(6n+2) span{float:left; margin-left:2%}
	.service .section_4 .site dl dd ul li:nth-of-type(6n+3) span{float:left; margin-left:4%}
	.service .section_4 .site dl dd ul li:nth-of-type(6n+4) span{float:right; margin-right:4%}
	.service .section_4 .site dl dd ul li:nth-of-type(6n+5) span{float:right; margin-right:2%}
	.service .section_4 .site dl dd ul li:nth-of-type(6n+6) span{float:right;}
}

@media all and (max-width:1230px){
	#contents .layout{padding:0 15px;}
	#contents .layout2{padding:0 15px;}

	.careers .section_1 .info .box:nth-of-type(1) > div dl{padding-top:25%;}
	.careers .section_1 .info .box:nth-of-type(2) > div dl{padding-top:25%;}
	.careers .section_1 .info .box:nth-of-type(3) > div dl{padding-top:15%;}

	.service .section_1 .info > .box_1 > div ul li{padding-top:125px}
	.service .section_1 .info > .box_1 > div ul li:before{width:110px; height:110px; border-width:4px; background-size:50px 38px !important;}
	.service .section_1 .info > .box_1 > div ul li:after{top:42px;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	#s_visual:before,#s_visual:after{height:25px;}
	#s_visual:after{bottom:-25px}
	#s_visual .slogan{padding:60px 0 45px;}
	/*
	#s_visual .slogan span{font-size:11px; line-height:11px; padding-bottom:5px;}
	#s_visual .slogan strong{font-size:29px; line-height:29px;}
	*/
	#s_visual .slogan span{font-size:11px; line-height:11px; padding-bottom:8px;}
	#s_visual .slogan strong{font-size:29px; line-height:29px;}

	#snb:after{display:none;}
	#snb > a{display:block; box-sizing:border-box; padding:0 40px 0 15px; background:#006588; position:relative;}
	#snb > a:after{content:''; width:8px; height:5px; background:url('../images/icon/snb_arr.png') no-repeat 0 0; background-size:8px 5px; position:absolute; top:50%; right:15px; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	#snb > a span{display:inline-block; vertical-align:middle; font-size:13px; color:#fff; line-height:40px; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	#snb > ul{display:none; position:absolute; top:40px; left:0; width:100%; background:#006588; border-top:1px solid #31758d; box-sizing:border-box; padding:20px 15px; text-align:left;}
	#snb > ul li{display:block; margin:0 0 15px;}
	#snb > ul li:last-child{margin-bottom:0;}
	#snb > ul li a{color:#fff; font-size:13px; line-height:15px}
	#snb > ul li.on a{color:#fff; font-weight:400}
	#snb > ul li.on a:after{display:none;}
	/* #snb.snb_s04 > ul li:first-child{display:block;} */

	#contents{padding:65px 0;}
	#contents .layout2{padding:0;}

	#contents .h3_txt{font-size:21px; line-height:21px; padding-bottom:25px;}
	#contents .h3_txt span{font-size:18px; line-height:24px; padding-top:20px;}

	#contents .s_title{padding:40px 0 50px; margin-bottom:50px;}
	#contents .s_title:after{height:50px; bottom:-25px;}
	#contents .s_title h2{font-size:25px; line-height:25px}
	#contents .s_title span{font-size:13px; line-height:13px;}

	#contents .s_title2{padding:0 0 40px;}
	#contents .s_title2 h2{font-size:25px; line-height:25px;}
	#contents .s_title2 span{font-size:13px; line-height:13px;}

	#contents .s_title3{padding:0 0 40px;}
	#contents .s_title3 h2{font-size:26px; line-height:26px;}
	#contents .s_title3 span{font-size:13px; line-height:13px;}

	/* 비전 & CI */
	.company .section_1{padding-bottom:60px;}
	.company .section_1 .vision div{width:100%; margin-top:25px;}
	.company .section_1 .vision div:first-child{margin-top:0;}
	.company .section_1 .vision div dl{width:100%;}
	.company .section_1 .vision div dl:before{top:125px;}
	.company .section_1 .vision div dl:after{top:130px;}
	.company .section_1 .vision div dl dt{width:110px;}
	.company .section_1 .vision div dl dt span{height:110px; font-size:14px;}
	.company .section_1 .vision div dl dd{padding:35px 20px;font-size:13px; line-height:20px; min-height:auto; margin-top:25px;}
	.company .section_1 .vision div dl dd:before{height:27px; top:-27px;}

	.company .section_2 .ci .logo{padding-bottom:35px;}
	.company .section_2 .ci .logo div:before,.company .section_2 .ci .logo div:after{width:7px; height:7px;}
	.company .section_2 .ci .logo div span{padding:65px 55px;}
	.company .section_2 .ci .logo div span:before,.company .section_2 .ci .logo div span:after{width:7px; height:7px;}
	.company .section_2 .ci .logo p{padding:25px 15px; font-size:13px; line-height:20px;}
	.company .section_2 .ci .ci_color{padding-bottom:25px;}
	.company .section_2 .ci .ci_color .box{width:100%}
	.company .section_2 .ci .ci_color .box:first-child{padding-bottom:25px;}
	.company .section_2 .ci .ci_color .box h4{font-size:15px; line-height:15px; padding-bottom:15px;}
	.company .section_2 .ci .ci_color .box div p{width:calc(50% - 5px); padding-top:52px;}
	.company .section_2 .ci .ci_color .box div p:before{height:43px;}
	.company .section_2 .ci .ci_color .box div p span{font-size:13px; padding-right:10px;}
	.company .section_2 .ci .ci_color .box div p span strong{padding-right:3px;}
	.company .section_2 .ci .info{padding:25px 15px; font-size:13px; line-height:20px;}

	/* CEO 인사말 */
	/* .greetings .greetings_txt{padding-bottom:80px;} */
	.greetings .greetings_txt > span{width:100%; padding:0; margin-bottom:20px;}
	.greetings .greetings_txt > div{width:100%}
	.greetings .greetings_txt > div strong{font-size:20px; line-height:25px;}
	.greetings .greetings_txt > div p{font-size:13px; line-height:20px; padding:15px 0;}
	.greetings .greetings_txt > div dl dt{font-size:16px;}
	.greetings .greetings_txt > div dl dd{font-size:17px; padding-left:3px;}

	/* 사업영역 */
	.business .info{display:block; box-sizing:border-box; border:1px solid #ddd; border-top:none;}
	.business .info div{display:block; width:100%; height:auto; border:none; border-top:1px solid #ddd; padding:30px 15px}
	.business .info div dl{padding-top:100px;}
	.business .info div dl:before{width:80px; height:80px; background-size:44px !important;}
	.business .info div dl dt{font-size:14px; line-height:14px; padding-bottom:15px;}
	.business .info div dl dd{font-size:13px; line-height:18px;}

	/* 회사연혁 */
	.history .his_title{text-align:left;}
	.history .his_title strong{font-size:20px; border-width:3px;}
	.history .his_list{padding-top:35px;}
	.history .his_list:before{left:15px; transform:translateX(0%); -ms-transform:translateX(0%); -webkit-transform:translateX(0%); -moz-transform:translateX(0%)}
	.history .his_list .box{margin-bottom:35px;}
	.history .his_list .box dl{width:100%; box-sizing:border-box; padding-left:15px;}
	.history .his_list .box dl dt{font-size:15px; margin-bottom:5px;}
	.history .his_list .box dl dt:before{width:15px; top:8px;}
	.history .his_list .box dl dt:after{width:2px; height:10px; top:3px;}
	.history .his_list .box dl dd ul li{font-size:13px; line-height:18px; margin-top:5px;}
	.history .his_list .box dl dd ul li em{top:2px;}
	.history .his_list .box:nth-of-type(odd) dl{float:left;}
	.history .his_list .box:nth-of-type(odd) dl dt{padding-left:22px}
	.history .his_list .box:nth-of-type(odd) dl dt:before{left:0;}
	.history .his_list .box:nth-of-type(odd) dl dt:after{left:15px;}
	.history .his_list .box:nth-of-type(odd) dl dd{padding-left:22px}
	.history .his_list .box:nth-of-type(odd) dl dd ul li{padding-left:26px;}
	.history .his_list .box:nth-of-type(odd) dl dd ul li em{left:0;}
	.history .his_list .box:nth-of-type(even) dl{float:left; text-align:left;}
	.history .his_list .box:nth-of-type(even) dl dt{padding:0 0 0 22px}
	.history .his_list .box:nth-of-type(even) dl dt:before{right:auto; left:0;}
	.history .his_list .box:nth-of-type(even) dl dt:after{right:auto; left:15px;}
	.history .his_list .box:nth-of-type(even) dl dd{padding:0 0 0 22px}
	.history .his_list .box:nth-of-type(even) dl dd ul li{padding:0 0 0 26px}
	.history .his_list .box:nth-of-type(even) dl dd ul li em{right:auto; left:0;}

	/* 인재채용 */
	.careers .section_1{margin-bottom:45px;}
	.careers .section_1 .info .box{padding:0; margin-top:30px}
	.careers .section_1 .info .box:first-child{margin-top:0;}
	.careers .section_1 .info .box > span{width:100%; position:static; padding:0;}
	.careers .section_1 .info .box > span img{display:block; width:100%;}
	.careers .section_1 .info .box > span:before{display:none;}
	.careers .section_1 .info .box > div{width:100%; min-height:auto; padding:20px 15px 25px !important;}
	.careers .section_1 .info .box > div dl{padding:0 !important;}
	.careers .section_1 .info .box > div dl dt{padding-bottom:10px;}
	.careers .section_1 .info .box > div dl dt strong{font-size:17px;}
	.careers .section_1 .info .box > div dl dt span{font-size:15px; padding-left:15px; top:0;}
	.careers .section_1 .info .box > div dl dd{font-size:13px; line-height:19px;}

	.careers .section_2 h4{font-size:17px; line-height:17px; padding:35px 0 25px;}
	.careers .section_2 h4:before{height:25px;}
	.careers .section_2 .procedure div dl dt{font-size:13px; padding:105px 0 5px}
	.careers .section_2 .procedure div dl dt:before{width:90px; height:90px; background-size:40px 32px !important;}
	.careers .section_2 .procedure div dl dt:after{top:36px}
	.careers .section_2 .procedure div dl dd{font-size:14px;}

	/* 오시는길 */
	.directions .section_1{padding-top:0; margin-bottom:30px;}
	.directions .section_1 .info{position:static;}
	.directions .section_1 .info .layout{padding:0 !important;}
	.directions .section_1 .info .box{padding:30px 15px;}
	.directions .section_1 .info .box ul{width:100%; padding-bottom:15px;}
	.directions .section_1 .info .box ul li{width:100%; margin:10px 0 0; font-size:15px; line-height:18px; background-size:14px !important; padding-left:25px;}
	.directions .section_1 .info .box ul li:first-child{margin-top:0;}
	.directions .section_1 .info .box a{padding:0; text-align:center; width:100%}
	.directions .section_1 .info .box a span{font-size:14px; line-height:34px; padding-right:15px; background-size:6px 9px;}
	.directions .section_1 #map{height:300px;}
	.directions .section_1 #map #daumRoughmapContainer1608709482736{ width:100%; height:300px; }
	.directions .section_1 #map .root_daum_roughmap .wrap_map{ height:300px;}

	.directions .section_2 .howto dl{width:100%; line-height:18px;}
	.directions .section_2 .howto dl dt{width:100% !important; font-size:14px; padding-bottom:10px;}
	.directions .section_2 .howto dl dd{width:100% !important; }
	.directions .section_2 .howto dl:nth-of-type(1){margin-bottom:30px;}
	.directions .section_2 .howto dl dd ul li{margin-top:5px; font-size:14px;}
	.directions .section_2 .howto dl dd ul li em{margin-right:10px;}
	.directions .section_2 .howto dl dd .subway em{top:-1px; width:17px; line-height:17px; font-size:11px;}
	.directions .section_2 .howto dl dd .bus li:first-child{margin-bottom:8px;}
	.directions .section_2 .howto dl dd .bus em{width:35px; border-radius:15px; font-size:12px;}

	/* 제품소개 */
	#product .prd_title{padding:45px 0 40px; font-size:26px; line-height:26px;}
	#product .prd_title:before{height:50px; top:-25px;}

	#product .prd_list .box{margin-top:24px; padding:25px 15px;}
	#product .prd_list .box .thumb{width:100%; text-align:center; padding-bottom:25px;}
	#product .prd_list .box .thumb img{width:150px;}
	#product .prd_list .box .info{width:100%}
	#product .prd_list .box .info dl{padding-bottom:25px;}
	#product .prd_list .box .info dl dt{font-size:16px; line-height:20px; padding-bottom:15px;}
	#product .prd_list .box .info dl dd{font-size:13px; line-height:20px; min-height:auto; padding-top:15px;}
	#product .prd_list .box .info a{display:block; padding:0 15px;}
	#product .prd_list .box .info a span{display:block; line-height:39px; font-size:13px; padding:0;}
	#product .prd_list .box .info a span:before{display:none;}
	#product .prd_list .no-list{padding:50px 0;}
	#product .prd_list .no-list p{font-size:13px;}

	#product .prd_index .box{width:calc(50% - 5px); margin-top:10px;}
	#product .prd_index .box:nth-of-type(1),#product .prd_index .box:nth-of-type(2){margin-top:0;}
	/*
	#product .prd_index .box:nth-of-type(odd){clear:both;}
	#product .prd_index .box:nth-of-type(even){float:right;}
	#product .prd_index .box a{width:100%;}
	*/
	#product .prd_index .box a p{padding:12px 10px; width:calc(100% - 20px);}
	#product .prd_index .box a p strong{font-size:14px; line-height:18px;}
	#product .prd_index .box.on a{box-shadow:2px 2px 3px rgba(58,58,58,0.35)}
	#product .prd_index .no-list{padding:50px 0}
	#product .prd_index .no-list p{font-size:13px;}

	#product .section_1{padding-bottom:65px;}
	#product .section_2:before{height:250px;}

	#product .prd_view .info .thumb{width:100%; padding:0 12px 35px;}
	#product .prd_view .info .thumb .thumb_s{width:100%}
	#product .prd_view .info .thumb .thumb_s .slick-slide span{width:95%; margin:0 auto; padding:3px;}
	#product .prd_view .info .thumb .thumb_s .slick-slide span img{box-shadow:0 0 3px rgba(107,107,107,0.18)}
	#product .prd_view .info .thumb .thumb_b{width:100%; top:0; margin-bottom:5px;}
	#product .prd_view .info .thumb .thumb_b .slick-slide span{padding:5px;}
	#product .prd_view .info .thumb .thumb_b .slick-slide span img{box-shadow:0 0 5px rgba(107,107,107,0.18)}
	#product .prd_view .info .txt{width:100%; padding:0 15px;}
	#product .prd_view .info .txt dl{padding-bottom:30px;}
	#product .prd_view .info .txt dl dt{font-size:24px; line-height:28px; padding-bottom:15px;}
	#product .prd_view .info .txt dl dd{font-size:14px; line-height:20px; min-height:auto;}
	#product .prd_view .info .txt ul li{width:50%}
	#product .prd_view .info .txt ul li a:before{display:none;}
	#product .prd_view .info .txt ul li a span{line-height:40px;font-size:13px;}
	#product .prd_view .info .txt ul li .btn_list span{background:url('../images/icon/icon_list.png') no-repeat 0 52%; background-size:13px 11px; padding-left:23px;}
	#product .prd_view .info .txt ul li .btn_online span{background:url('../images/icon/icon_online.png') no-repeat 0 52%; background-size:13px 12px; padding-left:22px;}

	#product .prd_view .detail{width:calc(100% - 30px); margin:35px auto 0; padding:35px 0 0; border-top:1px solid #e3e3e3}
	#product .prd_view .detail .prd_tab{padding-bottom:25px;}
	#product .prd_view .detail .prd_tab li{width:50%; border:none; border:1px solid #d7d7d7; margin-top:-1px}
	#product .prd_view .detail .prd_tab li a{padding:10px 0; font-size:13px;}
	#product .prd_view .detail .prd_tab li.on{border:1px solid #007da9;}
	#product .prd_view .detail .prd_tab li.on a{background:#fff; color:#007da9; font-weight:700}

	#product .prd_view .detail .detail_cts img{max-width:100%;}

	#product .prd_view .detail .detail_cts_3 .model_list .box{margin-top:50px;}
	#product .prd_view .detail .detail_cts_3 .model_list .box .thumb{width:100%; text-align:center; padding-bottom:20px;}
	#product .prd_view .detail .detail_cts_3 .model_list .box .thumb img{width:150px;}
	#product .prd_view .detail .detail_cts_3 .model_list .box .info{width:100%;}
	#product .prd_view .detail .detail_cts_3 .model_list .box .info > strong{font-size:16px; padding-bottom:15px; margin-bottom:20px;}
	#product .prd_view .detail .detail_cts_3 .model_list .box .info > .description dl{width:100%; margin-top:20px; line-height:18px;}
	#product .prd_view .detail .detail_cts_3 .model_list .box .info > .description dl dt{font-size:13px; padding-bottom:5px}
	#product .prd_view .detail .detail_cts_3 .model_list .box .info > .description dl dd{font-size:12px;}
	#product .prd_view .detail .detail_cts_3 .model_list .no-list{padding:50px 0;}
	#product .prd_view .detail .detail_cts_3 .model_list .no-list p{font-size:13px;}

	#product .prd_view .detail .detail_cts_4 .data .data_sch{padding-bottom:20px;}
	#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox select{line-height:40px; height:40px; font-size:12px; padding-left:15px}
	#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox input[type=text]{line-height:40px; height:40px; font-size:12px;}
	#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox > select{width:100%; margin-bottom:10px;}
	#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox > div{width:100%}
	#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox > div select{width:108px;}
	#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox > div p{width:calc(100% - 117px); margin:0;}
	#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox > div p input[type=text]{padding:0 30px 0 15px;}
	#product .prd_view .detail .detail_cts_4 .data .data_sch .schbox > div p .btn_sch{width:12px; height:13px; background-size:12px 13px; margin-top:-7px; right:10px;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .name{width:calc(100% - 45px);}
	#product .prd_view .detail .detail_cts_4 .data .data_list .category{display:none !important}
	#product .prd_view .detail .detail_cts_4 .data .data_list .update{display:none !important}
	#product .prd_view .detail .detail_cts_4 .data .data_list .download{width:45px}
	#product .prd_view .detail .detail_cts_4 .data .data_list .data_head{display:none;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box{margin-top:20px; box-sizing:border-box; border:1px solid #e1e1e1}
	#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box:first-of-type{margin-top:0;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div{padding:17px 0;  font-size:12px;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div:first-child{padding-left:15px;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div strong{line-height:18px; padding-left:20px;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div strong:before{width:8px; height:5px; background-size:8px 5px; top:7px;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div a{padding:0; text-indent:-99999px; width:15px; height:12px; background:url('../images/icon/icon_down_m.png') no-repeat 0 0; background-size:15px 12px;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div a:before{display:none;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_1 > div a span{display:none;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_2{padding:15px 35px; font-size:12px; line-height:19px;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .data_body .box .boxType_2:before{width:calc(100% - 20px); left:10px;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .no-list{padding:50px 0;}
	#product .prd_view .detail .detail_cts_4 .data .data_list .no-list p{font-size:13px}
	#product .prd_view .detail .detail_cts_4 .data .data_info{padding-top:25px;}
	#product .prd_view .detail .detail_cts_4 .data .data_info p{font-size:12px; padding-bottom:19px;}
	#product .prd_view .detail .detail_cts_4 .data .data_info a{padding:0 40px;}
	#product .prd_view .detail .detail_cts_4 .data .data_info a:before{display:none;}
	#product .prd_view .detail .detail_cts_4 .data .data_info a span{font-size:12px; line-height:30px; padding-left:13px; background-size:8px 11px}

	/* 서비스 */
	.service .title{padding-bottom:30px;}
	.service .title strong{padding:0;}
	.service .title strong:before{display:none;}
	.service .title strong span{font-size:18px; padding:0 5px; position:relative; z-index:1}
	.service .title strong span:before{content:''; width:100%; height:8px; background:#a3dcf0; position:absolute; bottom:0; left:0; z-index:-1}
	.service .title em{font-size:17px;}

	.service .title2{padding-bottom:30px;}
	.service .title2 strong{padding:0;}
	.service .title2 strong span{font-size:18px;}
	.service .title2 strong span:before{height:8px;}
	.service .title2 em{font-size:17px;}

	.service .section_1 .info > div{width:100%; padding:35px 0; min-height:auto;}
	.service .section_1 .info > div:first-child{margin-bottom:25px}
	.service .section_1 .info > div > strong{font-size:15px; line-height:15px;}
	.service .section_1 .info > .box_1 > div{padding:30px 0;}
	.service .section_1 .info > .box_1 > div ul li{padding-top:90px; width:95px;}
	.service .section_1 .info > .box_1 > div ul li:before{width:75px; height:75px; background-size:35px 27px !important;}
	.service .section_1 .info > .box_1 > div ul li:after{font-size:12px; top:27px; right:-3px;}
	.service .section_1 .info > .box_1 > div ul li p span{height:30px; font-size:13px; line-height:15px;}
	.service .section_1 .info > .box_1 > ul{padding:0 15px;}
	.service .section_1 .info > .box_1 > ul li{font-size:13px; line-height:18px; padding-left:12px; margin-top:10px;}
	.service .section_1 .info > .box_1 > ul li span{font-size:12px;}
	.service .section_1 .info > .box_1 > ul li:before{width:2px; height:2px; top:8px;}
	.service .section_1 .info > .box_2 > strong span{font-size:12px; line-height:12px; padding-top:5px;}
	.service .section_1 .info > .box_2 > div{padding:30px 20px 15px}
	.service .section_1 .info > .box_2 > p{font-size:12px; padding:0 15px;}

	.service .section_2{padding:60px 0;}
	.service .section_2 .info{padding-bottom:30px;}
	.service .section_2 .info .title2{width:100%;}
	.service .section_2 .info > ul{width:100%; padding-top:0;}
	.service .section_2 .info > ul li{font-size:13px; line-height:18px; padding-left:12px; margin-top:10px;}
	.service .section_2 .info > ul li:before{width:2px; height:2px; top:10px;}
	.service .section_2 .process .title_s{padding:65px 0 25px}
	.service .section_2 .process .title_s:before{height:40px;}
	.service .section_2 .process .title_s strong{font-size:15px; line-height:15px;}
	.service .section_2 .process .title_s span{font-size:12px; line-height:12px; padding-top:15px;}
	.service .section_2 .process p{padding:0 17px;}

	.service .section_3{padding:60px 0;}
	.service .section_3 .info{padding:0 15px;}
	.service .section_3 .info li{width:calc(50% - 7px); margin-top:15px;}
	.service .section_3 .info li:nth-of-type(1),.service .section_3 .info li:nth-of-type(2){margin-top:0;}
	.service .section_3 .info li:nth-of-type(odd){clear:both;}
	.service .section_3 .info li:nth-of-type(even){float:right;}
	.service .section_3 .info li p{width:100%; padding:120px 0 30px; /*min-height:210px;*/min-height:auto; font-size:13px; line-height:18px;}
	.service .section_3 .info li p:before{width:75px; height:75px; background-size:40px 34px !important; top:30px;}

	.service .section_4{padding:60px 0 0;}
	.service .section_4 .site dl{margin-top:30px;}
	.service .section_4 .site dl dt{font-size:15px; line-height:15px; padding-bottom:5px;}
	.service .section_4 .site dl dd ul li{width:33.333%; overflow:hidden; margin-top:10px;}
	.service .section_4 .site dl dd ul li span{width:calc(100% - 8px); margin:0 auto;}
	.service .section_4 .site dl dd ul li:nth-of-type(3n+1) span{float:left;}
	.service .section_4 .site dl dd ul li:nth-of-type(3n+3) span{float:right;}
}

/* 모바일 */
@media all and (max-width:768px){
	.careers .section_2 h4{padding-bottom:0;}
	.careers .section_2 .procedure div{width:100%; text-align:left; padding-bottom:40px; position:relative;}
	.careers .section_2 .procedure div:after{content:''; width:9px; height:19px; background:url('../images/sub/procedure_arr_m.png') no-repeat 0 0; background-size:9px 19px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
	.careers .section_2 .procedure div:last-child{padding-bottom:0;}
	.careers .section_2 .procedure div:last-child:after{display:none;}
	.careers .section_2 .procedure div dl{width:150px; margin:25px auto 0; padding:21px 0 21px 95px; box-sizing:border-box; position:relative;}
	.careers .section_2 .procedure div dl:before{content:''; width:80px; height:80px; border-radius:100%; background-size:40px 32px !important; position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.careers .section_2 .procedure div dl dt{padding:0 0 5px;}
	.careers .section_2 .procedure div dl dt:before{display:none;}
	.careers .section_2 .procedure div dl dt:after{display:none;}
	.careers .section_2 .procedure div:nth-of-type(1) dl:before{background:url('../images/sub/procedureIcon_1.png') no-repeat 50% 50% #ededed}
	.careers .section_2 .procedure div:nth-of-type(2) dl:before{background:url('../images/sub/procedureIcon_2.png') no-repeat 50% 50% #ededed}
	.careers .section_2 .procedure div:nth-of-type(3) dl:before{background:url('../images/sub/procedureIcon_3.png') no-repeat 50% 50% #ededed}
	.careers .section_2 .procedure div:nth-of-type(4) dl:before{background:url('../images/sub/procedureIcon_4.png') no-repeat 50% 50% #ededed}
	.careers .section_2 .procedure div:nth-of-type(5) dl:before{background:url('../images/sub/procedureIcon_5.png') no-repeat 50% 50% #ededed}

	.service .section_4 .site dl dd ul li{width:calc(50% - 5px);}
	.service .section_4 .site dl dd ul li:nth-of-type(odd){clear:both;}
	.service .section_4 .site dl dd ul li:nth-of-type(even){float:right;}
	.service .section_4 .site dl dd ul li span{width:100%;}
}