@charset "utf-8";

@import url('layout.css');
@import url('common.css');

/* content */

/* company */

.company01 .tit_coment{margin-bottom: 24px;}
.company01 .tit_coment+p{font-size:18px;line-height:27px;}
/* .company01 h3{margin:80px 0 32px;} */
.company01 .our_area>ul{display:flex;justify-content:space-between;}
.company01 .our_area>ul li{flex:1;height:216px;margin-left:32px;padding:30px 18px 30px 24px;background:#29A2F2;font-size:24px;line-height:32px;font-weight:500;color:#FFF}
.company01 .our_area>ul li:first-child{margin-left:0}
.company01 .our_area>ul li:nth-child(n+4){background:#EEF1F5;color:#177FE2;font-weight:700;}
.company01 .partner_area>ul{position:relative;min-height:540px;padding:97px 150px 123px 94px;border:1px solid #D2D2D2;}
.company01 .partner_area>ul>li>a{position:absolute;top:97px;left:94px;font-size:26px;line-height:39px;color:#888;font-weight:700;}
.company01 .partner_area>ul>li>a.active,
.company01 .partner_area>ul>li>a:hover
{color:#177FE2;text-decoration:underline}
.company01 .partner_area>ul>li>a.active+.partner_cont>div,
.company01 .partner_area>ul>li>a:hover+.partner_cont>div
{display:block;}
.company01 .partner_area>ul>li .partner_cont{overflow:hidden;position:absolute;top:97px;left:385px;min-height:320px;}
.company01 .partner_area>ul>li:first-child .partner_cont{border-left:1px solid #D2D2D2;}
.company01 .partner_area>ul>li:first-child>a.active+.partner_cont>div{left:0;}
.company01 .partner_area>ul>li .partner_cont>div{display:none;margin-left:63px;position:relative;left:-2000px;transition: all 0.5s;}
.company01 .partner_area>ul>li .partner_cont>div dl{width:600px;padding-top:152px;}
.company01 .partner_area>ul>li .partner_cont>div dl dt{margin-bottom:14px;font-size:24px;line-height:36px;font-weight:700;}
.company01 .partner_area>ul>li .partner_cont>div dl dd{font-size:18px;line-height:27px;color:#666;}

.company01 .partner_area>ul>li:nth-child(1)>a{top:106px;}
.company01 .partner_area>ul>li:nth-child(2)>a{top:174px;}
.company01 .partner_area>ul>li:nth-child(3)>a{top:242px;}
.company01 .partner_area>ul>li:nth-child(4)>a{top:310px;}
.company01 .partner_area>ul>li:nth-child(5)>a{top:378px;}

.company01 .partner_area>ul>li:nth-child(1) .partner_cont>div dl{background:url(../../images/contents/partner_log01.png) no-repeat 0 19px/204px;}
/* .company01 .partner_area>ul>li:nth-child(2) .partner_cont>div dl{background:url(../../images/contents/partner_log02.png) no-repeat -14px 12px/276px;} */
.company01 .partner_area>ul>li:nth-child(2) .partner_cont>div dl{background:url(../../images/contents/partner_log03.png) no-repeat 0 25px/263px;}
.company01 .partner_area>ul>li:nth-child(3) .partner_cont>div dl{background:url(../../images/contents/partner_log04.png) no-repeat 0 31px/525px;}
/* .company01 .partner_area>ul>li:nth-child(5) .partner_cont>div dl{background:url(../../images/contents/partner_log05.png) no-repeat 0 0/136px;} */

.company02 .list_wrap li{display:flex;align-items:center;}
.company02 .list_wrap strong{width:312px;font-size:32px;line-height:54px;color:#177FE2;letter-spacing:-0.02em;}
.company02 .list_wrap strong + div{font-size:20px;line-height:30px;color:#666;}

#map{width:100%;height:800px;/*margin-top:64px;*/border: 1px solid #D2D2D2;}
.address_info{display:flex;margin:32px 0 40px;}
.address_info p{flex:1;font-size:22px;color:#666;line-height:36px;}
.address_info p>span{font-size:22px;color:#666;line-height:36px;}
.address_info p>strong:last-child{margin-left:10px;}

/* 제품, 솔루션 공통 */

#contents .tit_btn + .product_ui,
#contents h2 + .product_ui{margin-top:24px;}
.product_ui{overflow:hidden;padding:56px 0;border-bottom:1px solid #E0E0E0;}
.product_ui .item{position:relative;min-height:345px;padding-right:576px;}
.product_ui.min_content{padding:56px 0 24px;}
.product_ui.min_content .item{min-height:400px;}
#contents .product_ui .item h3{margin-top:0;margin-bottom:16px;}
/* .product_ui .item h3{font-size:32px;letter-spacing:-0.02em;font-weight:700;color:#111;line-height:48px} */
.product_ui .item p{margin-top:16px;font-size:18px;line-height:27px;}
.product_ui .item p strong{color:#000}

.product_ui .bg_product::before{display:block;content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:url(../../images/contents/product_0101_01.png) no-repeat 100% 0/516px;}

.item ul{margin-top:16px;}
ul.bul_circle li{position:relative;padding-left:24px;font-size:16px;color:#333;line-height:24px;}
ul.bul_circle li::before{display:block;content:'';position:absolute;left:10px;top:10px; width:4px;height:4px;background:#333;border-radius:2px;}
/* .item ul li{padding-left:8px;letter-spacing:-.5px;text-indent:-8px;font-size:13px ! important;} */
.product_ui .item .list_block{overflow:hidden;}
.product_ui .btn_area{margin-top:40px;}
.product_ui + .btn_bottom,
.product_ui + .video_list + .btn_bottom{margin-top:64px;text-align:center;}
.product_ui + .btn_bottom .btn_back,
.product_ui + .video_list + .btn_bottom .btn_back{margin:0;}

.btn_back{display:inline-block;min-width:228px;height:48px;padding:0 30px;margin-left:12px;background:#177FE2;line-height:49px;color:#fff !important;font-size:16px;font-weight:500;letter-spacing:-0.02em;}
.btn_back:hover{background:#005DB6;}

/* product */
.section02.product_box_type .sub_coment{margin-top:32px;font-size:18px;line-height:27px;}
.section02.product_box_type .tit_coment+.sub_coment{margin-top:40px;}
.section02.product_box_type .box_type_list{display:flex;flex-wrap:wrap;margin:0 -16px;padding-top:24px;}
.section02.product_box_type .box_type_list>div{width:50%;padding:0 16px;}
.section02.product_box_type #contents .box_type_list h3{margin:56px 0 0;}
.section02.product_box_type .box_type_list .bg_product{height:400px;margin-top:24px;background-color:#EEF1F5;background-repeat:no-repeat;background-position:50%;background-size:100%;}
.section02.product_box_type .box_type_list .btn_area{margin-top:24px;text-align:center;}
.section02.product_box_type .box_type_list+.btn_bottom{margin-top:64px;text-align:center;}

/* 서브메인 배경 이미지 */
.section02 .list_group:nth-child(1)>ul>li:nth-child(2)>a{background-image:url(../../images/contents/product_0102_01.png);}
.section02 .list_group:nth-child(1)>ul>li:nth-child(3)>a{background-image:url(../../images/contents/product_0103_01.png);background-position:20px 80px;    background-size:130%;}
.section02 .list_group:nth-child(1)>ul>li:nth-child(4)>a{background-image:url(../../images/contents/product_0104_03.png);}
.section02 .list_group:nth-child(1)>ul>li:nth-child(5)>a{background-image:url(../../images/contents/product_0105_03.png);background-position:40px 90px;    background-size:110%;}
.section02 .list_group:nth-child(1)>ul>li:nth-child(6)>a{background-image:url(../../images/contents/product_0106_01.png);}
.section02 .list_group:nth-child(1)>ul>li:nth-child(7)>a{background-image:url(../../images/contents/product_0107_01.png);background-position:30px 40px;    background-size:150%;}
.section02 .list_group:nth-child(1)>ul>li:nth-child(8)>a{background-image:url(../../images/contents/product_0108_01.png);}
.section02 .list_group:nth-child(1)>ul>li:nth-child(9)>a{background-image:url(../../images/contents/product_0109_01.png);}
.section02 .list_group:nth-child(1)>ul>li:nth-child(10)>a{background-image:url(../../images/contents/product_0110_01.png);}
.section02 .list_group:nth-child(1)>ul>li:nth-child(11)>a{background-image:url(../../images/contents/product_0111_04.png);background-position:50% 95%;background-size:83%;}
.section02 .list_group:nth-child(2)>ul>li:nth-child(1)>a{background-image:url(../../images/contents/solution_04_01.png);background-position:50px 85%;background-size:90%;}
.section02 .list_group:nth-child(2)>ul>li:nth-child(2)>a{background-image:url(../../images/contents/product_0202_02.png);background-position:40px 100px;background-size:90%;}
.section02 .list_group:nth-child(2)>ul>li:nth-child(3)>a{background-image:url(../../images/contents/product_0203_02.png);background-position:80px;background-size:90%;}

/* 상세 배경 이미지 */
.product_ui.product_0101_01 .bg_product::before{background-image:url(../../images/contents/product_0101_01.png);}
.product_ui.product_0101_02 .bg_product::before{background-image:url(../../images/contents/product_0101_02.png);}
.product_ui.product_0101_03 .bg_product::before{background-image:url(../../images/contents/product_0101_03.png);}
.product_ui.product_0101_04 .bg_product::before{background-image:url(../../images/contents/product_0101_04.png);}
.product_ui.product_0101_05 .bg_product::before{background-image:url(../../images/contents/product_0101_05.png);}
.product_ui.product_0101_06 .bg_product::before{background-image:url(../../images/contents/product_0101_06.png);}
.product_ui.product_0101_07 .bg_product::before{background-image:url(../../images/contents/product_0101_07.png);}
.product_ui.product_0101_08 .bg_product::before{background-image:url(../../images/contents/product_0101_08.png);}
.product_ui.product_0101_09 .bg_product::before{background-image:url(../../images/contents/product_0101_09.png);}

.product_ui.product_0102_01 .bg_product::before{background-image:url(../../images/contents/product_0102_01.png);}
.product_ui.product_0102_02 .bg_product::before{background-image:url(../../images/contents/product_0102_02.png);}
.product_ui.product_0102_03 .bg_product::before{background-image:url(../../images/contents/product_0102_03.png);}

.product_ui.product_0103_01 .bg_product::before{background-image:url(../../images/contents/product_0103_01.png);}
.product_ui.product_0103_02 .bg_product::before{background-image:url(../../images/contents/product_0103_02.png);}
.product_ui.product_0103_03 .bg_product::before{background-image:url(../../images/contents/product_0103_03.png);}

.product_ui.product_0104_01 .bg_product::before{background-image:url(../../images/contents/product_0104_01.png);}
.product_ui.product_0104_02 .bg_product::before{background-image:url(../../images/contents/product_0104_02.png);}
.product_ui.product_0104_03 .bg_product::before{background-image:url(../../images/contents/product_0104_03.png);}
.product_ui.product_0104_04 .bg_product::before{background-image:url(../../images/contents/product_0104_04.png);}
.product_ui.product_0104_05 .bg_product::before{background-image:url(../../images/contents/product_0104_05.png);}

.product_ui.product_0105_01 .bg_product::before{background-image:url(../../images/contents/product_0105_01.png);}
.product_ui.product_0105_02 .bg_product::before{background-image:url(../../images/contents/product_0105_02.png);}
.product_ui.product_0105_03 .bg_product::before{background-image:url(../../images/contents/product_0105_03.png);}
.product_ui.product_0105_04 .bg_product::before{background-image:url(../../images/contents/product_0105_04.png);}
.product_ui.product_0105_05 .bg_product::before{background-image:url(../../images/contents/product_0105_05.png);}
.product_ui.product_0105_06 .bg_product::before{background-image:url(../../images/contents/product_0105_06.png);}

.product_ui.product_0106_01 .bg_product::before{background-image:url(../../images/contents/product_0106_01.png);}
.product_ui.product_0106_02 .bg_product::before{background-image:url(../../images/contents/product_0106_02.png);}
.product_ui.product_0106_03 .bg_product::before{background-image:url(../../images/contents/product_0106_03.png);}
.product_ui.product_0106_04 .bg_product::before{background-image:url(../../images/contents/product_0106_04.png);}
.product_ui.product_0106_05 .bg_product::before{background-image:url(../../images/contents/product_0106_05.png);}
.product_ui.product_0106_06 .bg_product::before{background-image:url(../../images/contents/product_0106_06.png);}
.product_ui.product_0106_07 .bg_product::before{background-image:url(../../images/contents/product_0106_07.png);}

.product_ui.product_0107_01 .bg_product::before{background-image:url(../../images/contents/product_0107_01.png);}

.product_ui.product_0108_01 .bg_product::before{background-image:url(../../images/contents/product_0108_01.png);}
.product_ui.product_0108_02 .bg_product::before{background-image:url(../../images/contents/product_0108_02.png);}
.product_ui.product_0108_03 .bg_product::before{background-image:url(../../images/contents/product_0108_03.png);}
.product_ui.product_0108_04 .bg_product::before{background-image:url(../../images/contents/product_0108_04.png);}

.product_ui.product_0109_01 .bg_product::before{background-image:url(../../images/contents/product_0109_01.png);}
.product_ui.product_0109_02 .bg_product::before{background-image:url(../../images/contents/product_0109_02.png);}

.section02.product_box_type .product_0110_01 .bg_product{background-image:url(../../images/contents/product_0110_01.png);background-size:450px;}
.section02.product_box_type .product_0110_02 .bg_product{background-image:url(../../images/contents/product_0110_02.png);}
.section02.product_box_type .product_0110_03 .bg_product{background-image:url(../../images/contents/product_0110_03.png);}
.section02.product_box_type .product_0110_04 .bg_product{background-image:url(../../images/contents/product_0110_04.png);}
.section02.product_box_type .product_0110_05 .bg_product{background-image:url(../../images/contents/product_0110_05.png);}
.section02.product_box_type .product_0110_06 .bg_product{background-image:url(../../images/contents/product_0110_06.png);}
.section02.product_box_type .product_0110_07 .bg_product{background-image:url(../../images/contents/product_0110_07.png);}

.product_ui.product_0111_01 .bg_product::before{background-image:url(../../images/contents/product_0111_01.png);}
.product_ui.product_0111_02 .bg_product::before{background-image:url(../../images/contents/product_0111_02.png);}
.product_ui.product_0111_03 .bg_product::before{background-image:url(../../images/contents/product_0111_03.png);}
.product_ui.product_0111_04 .bg_product::before{background-image:url(../../images/contents/product_0111_04.png);}

.product_ui.product_0201_01 .bg_product::before{background-image:url(../../images/contents/product_0201_01.png);}

.section02.product_box_type .product_0202_01 .bg_product,
.section02.product_box_type .product_0202_02 .bg_product{background-image:url(../../images/contents/product_0202_01.png);}
.section02.product_box_type .product_0202_03 .bg_product{background-image:url(../../images/contents/product_0202_03.png);}
.section02.product_box_type .product_0202_04 .bg_product{background-image:url(../../images/contents/product_0202_04.png);}
.section02.product_box_type .product_0202_05 .bg_product,
.section02.product_box_type .product_0202_06 .bg_product{background-image:url(../../images/contents/product_0202_02.png);background-size:450px;}

.product_ui.product_0203_01 .bg_product::before{background-image:url(../../images/contents/product_0203_01.png);}
.product_ui.product_0203_02 .bg_product::before{background-image:url(../../images/contents/product_0203_02.png);}

.item .list_block ul{float:left;width:170px;line-height:18px;}
.item .list_block ul:first-child{margin-right:20px;}
.btn_floor{display:inline-block;width:auto;height:32px;padding-left:32px;line-height:30px;border:1px solid #DDDDDD;color:#2526d8 ! important;background:url(../../images/contents/btn_menual.png) no-repeat 12px 8px/24px;}
.btn_floor{width:84px;background-image:url(../../images/contents/btn_floor.gif)}

.btn_menual,
.btn_all{display:inline-block;height:48px;padding:0 24px;line-height:48px;border:1px solid #DDDDDD;color:#333 ! important;font-size:16px;font-weight:500;letter-spacing:-0.02em;}
.btn_menual::before,
.btn_all::before{display:inline-block;content:'';position:relative;top:5px;width:24px;height:24px;margin-right:8px;background:url(../../images/contents/btn_menual.png) no-repeat 0 0/100%;}
.btn_menual:hover,
.btn_all:hover{background:#E0E0E0;}
.btn_mail::before{top:2px;height:17px;background:url(../../images/contents/btn_mail.png) no-repeat 0 0/100%;}

.btn_menual2{display:inline-block;width:180px;height:32px;padding-left:36px;line-height:30px;border:1px solid #DDDDDD;color:#333 ! important;background:url(../../images/contents/btn_menual.png) no-repeat 12px 8px/24px}
.btn_menual3{display:inline-block;width:115px;height:32px;padding-left:36px;line-height:30px;border:1px solid #DDDDDD;color:#333 ! important;background:url(../../images/contents/btn_menual.png) no-repeat 12px 8px/24px}

/* solution */
/* .section03 #contents .tit_btn{position:static;margin-top:48px;text-align:right;}
.section03 .tit_btn + .product_ui{padding-top:48px;}
.section03 .product_ui{padding-top:80px;} */

/* 서브메인 배경 이미지 */
.section03 .list_group:nth-child(1)>ul>li:nth-child(1)>a{background-image:url(../../images/contents/solution_thum_01_01.png);}
.section03 .list_group:nth-child(1)>ul>li:nth-child(2)>a{background-image:url(../../images/contents/solution_02_01.png);background-size:97%;background-position:35px calc(100% + 10px);}
.section03 .list_group:nth-child(1)>ul>li:nth-child(3)>a{background-image:url(../../images/contents/solution_thum_03_01.png);background-position:50px calc(100% + 30px);}
.section03 .list_group:nth-child(1)>ul>li:nth-child(4)>a{background-image:url(../../images/contents/solution_04_01.png);background-position:70px 90%;background-size:85%;}

/* 상세 배경 이미지 */
.product_ui.solution_01_01 .bg_product::before{background-image:url(../../images/contents/solution_01_01.png);}
.product_ui.solution_02_01 .bg_product::before{background-image:url(../../images/contents/solution_02_01.png);}
.product_ui.solution_03_01 .item{min-height:370px;}
.product_ui.solution_03_01 .bg_product::before{background-image:url(../../images/contents/solution_03_01.png);background-size:430px;background-position:98% 0;}
.product_ui.solution_04_01 .bg_product::before{background-image:url(../../images/contents/solution_04_01.png);}
.product_ui.solution_04_01 .bul_circle{margin-top:24px;margin-left:19px;}

.section03 .video_list{display:flex;flex-wrap:wrap;margin:-16px;padding-top:32px;}
.section03 .video_list .item{min-width:50%;max-width:50%;padding:16px;}
.section03 .video_list .item p{margin:32px 0 24px;font-size:24px;color:#333;font-weight:700;line-height:36px;}
.section03 .video_list .item iframe{width:100% !important;}

/* customer */
.contact_wrap{display:flex;justify-content:space-between;/*margin-top:80px;*/padding:70px 48px 84px 70px;background:#F4F6F9;border-top:2px solid #222;border-bottom:1px solid #D2D2D2;}
#contents .contact_wrap h3{font-size:50px;font-weight:500;line-height:75px;color:#666;letter-spacing:-0.02em;}
.contact_wrap .form_elements{width:592px;}
.contact_wrap .form_elements input,
.contact_wrap .form_elements textarea{width:100%;height:56px;margin-bottom:24px;padding:13px 20px;border:1px solid #D2D2D2;font-size:18px;line-height:29px;}
.contact_wrap .form_elements input::placeholder,
.contact_wrap .form_elements textarea::placeholder{color:#a1a1a1;}
.contact_wrap .form_elements textarea{height:280px;margin-bottom:0;}
.contact_wrap .form_elements .btn_submit{width:162px;height:56px;margin-top:64px;background:#177FE2;border:none;font-size:18px;color:#fff;text-align:center;letter-spacing:-0.02em;cursor:pointer;}

/* reference */
.section05 .list_wrap li{display:flex;align-items:center;}
.section05 .list_wrap strong{width:672px;padding-right:48px;font-size:22px;line-height:33px;font-weight:500;letter-spacing:-0.02em;word-break: break-all;}
.section05 .list_wrap strong + span{display:inline-block;width:312px;padding-right:48px;font-size:16px;line-height:24px;color:#888;letter-spacing:-0.02em;}
.section05 .list_wrap .btn_menual{width:194px;text-align:center;}