@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");

.c_blue {color:#3952a2 !important;}

/* 게시판 목록 */
.board_list {border-top:#ddd 1px solid;}
.board_list th,
.board_list td {height:65px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {font-size:18px; color:#222; font-weight:600;}
.board_list td {color:#525252; font-weight:500;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .w1 {width:90px;}
.board_list .w2 {width:120px;}
.board_list .w3 {width:170px;}
.board_list .notice span {display:block; font-size:15px; color:#fff; font-weight:400; line-height:32px; height:32px; width:56px; background:#3952a2; text-align:center; margin:0 auto;}

.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:150px; height:40px; line-height:40px; background:#0e5ba2; font-size:15px; color:#fff; text-align:center; border:0; vertical-align:top;}
.board_bottom .btns .btn_l {color:#0e5ba2; line-height:38px; border:#0e5ba2 1px solid; background:#fff;}
.board_bottom .paging {display:flex; justify-content:center; gap:10px; margin-top:60px;}
.board_bottom .paging a {width:40px; height:40px; line-height:38px; text-align:center; border:#fff 1px solid;}
.board_bottom .paging a.on {color:#7a7a7a; border-color:#888;}
.board_bottom .paging .arrow {font-size:0;}
.board_bottom .paging .prev {margin-right:10px;}
.board_bottom .paging .next {margin-left:10px;}
.board_bottom .search_wrap {text-align:center; font-size:0; margin-top:20px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top; height:40px; font-size:15px;}
.board_bottom .search_wrap .text {line-height:38px;}
.board_bottom .search_wrap select.text {width:100px;}
.board_bottom .search_wrap input.text {width:300px; margin:0 10px;}
.board_bottom .search_wrap .btn {width:120px; line-height:40px; border:0; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center;}

/* 게시판 상세 */
.board_view {border-top:#3952a2 2px solid;}
.board_view .head {position:relative; padding:40px 160px 40px 0; font-size:30px; font-weight:700; line-height:1.2; border-bottom:#ddd 1px solid;}
.board_view .head.intype {padding-left:200px;}
.board_view .head .type,
.board_view .head .date {position:absolute; top:40px;}
.board_view .head .type {left:0; color:#3952a2;}
.board_view .head .tit {color:#022;}
.board_view .head .date {right:0; font-size:16px; color:#999; font-weight:400; line-height:36px;}
.board_view .body {padding:65px 0; border-bottom:#ddd 1px solid;}
.board_view .file {display:flex; font-weight:500; line-height:25px; padding:20px 0; border-bottom:#ddd 1px solid;}
.board_view .file dt {width:90px; color:#333;}
.board_view .file dd {width:calc(100% - 90px);}
.board_view .file dd a {display:block; font-size:16px; color:#666;}
.btn_list {display:block; font-size:17px; color:#666; line-height:54px; height:56px; width:150px; text-align:center; border:#ccc 1px solid; margin:60px auto 0;}

/* 게시판 쓰기 */
.board_write {border-top:#3952a2 1px solid;}
.board_write dl {border-bottom:#ddd 1px solid; display:flex; padding:10px 0;}
.board_write dt {width:190px; font-size:20px; color:#333; font-weight:700; line-height:50px; padding-left:30px;}
.board_write dd {width:calc(100% - 190px); display:flex; font-size:19px; color:#333;}
.board_write dd .text {max-width:100%;}
.board_write dd input.text,
.board_write dd select.text {height:50px; padding:0 20px;}
.board_write dd textarea.text {height:320px; padding:20px;}
.board_write dd .w1 {width:550px;}
.board_write dd .w2 {width:250px;}
.board_write dd span {width:36px; text-align:center; line-height:50px;}
.board_write dd .ml {width:276px; margin-left:10px;}
.board_write .filebutton {position:relative; width:100px; height:50px; overflow:hidden;}
.board_write .filebutton span {display:inline-block; width:100%; height:50px; line-height:48px; color:#222; border:#ddd 1px solid; text-align:center;}
.board_write .filebutton input {z-index:999; position:absolute; top:-2px; left:-700px; margin:0; padding:0; font-size:50px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
.board_write .filebox {width:auto; max-width:calc(100% - 100px); height:50px; line-height:50px; padding:0 20px; overflow:hidden; color:#666; white-space:nowrap;}
.board_write .tit {font-size:24px; color:#333; font-weight:700; line-height:24px; margin:80px 0 30px;}
.board_write .terms_area {width:100%; height:175px; overflow:auto; padding:30px; font-size:16px; color:#333; line-height:1.1; background:#f8f8f8; margin-bottom:40px;}
.board_write .tac .check {position:relative; display:inline-block; vertical-align:top; font-size:18px; color:#333; font-weight:500; line-height:24px; padding-left:26px;}
.board_write .tac .check input {display:none;}
.board_write .tac .check i {position:absolute; top:2px; left:0; width:20px; height:20px; border:#333 2px solid; border-radius:50%;}
.board_write .tac .check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; transform:translate(-50%,-50%); border-radius:50%; background:#3952a2; transition:.2s linear;}
.board_write .tac .check input:checked + i {border-color:#3952a2;}
.board_write .tac .check input:checked + i:before {width:12px; height:12px;}
.btn_submit {display:block; font-size:22px; color:#fff; line-height:64px; height:64px; width:180px; text-align:center; background:#3952a2; margin:30px auto 0;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; margin-top:-10px;}
.gall_list li {float:left; width:calc((100% - 20px)/3); margin:10px 0 0 10px;}
.gall_list li:nth-child(3n-2) {margin-left:0; clear:both;}
.gall_list li a {display:block;}
.gall_list li i {display:block; width:100%; height:240px; overflow:hidden;}
.gall_list li p {display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; transition:.2s linear;}
.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .bg {position:absolute; top:0; left:0; width:100%; height:0; background:rgba(0,0,0,.86); transition:.2s linear;}
.header .inner {position:relative; height:80px;}
.header .logo {position:absolute; top:0; left:20px; line-height:80px;}
.header h1 {display:none;}
.header .gnb {position:absolute; top:0; right:20px;}
.header .gnb ul {display:flex; gap:80px;}
.header .gnb li {position:relative;}
.header .gnb li > a {display:block; font-size:22px; color:#fff; font-weight:700; line-height:80px;}
.header .snb {position:absolute; top:100%; left:50%; width:calc(100% + 80px); height:0; transform:translateX(-50%); overflow:hidden; transition:.2s linear;}
.header .snb a {display:block; font-size:16px; color:#fff; line-height:40px; text-align:center;}

.header.fixed .bg {height:80px;}

/* footer */
.footer {position:relative; background:#303030; padding:70px 0;}
.footer .point {position:absolute; top:-100vh;}
.footer .inner {display:flex; justify-content:space-between;}
.footer .info .logo {display:block; width:211px; height:36px; background:url('/images/logo.png') no-repeat 50% 50% / contain; opacity:.67; margin-bottom:30px;}
.footer .info dl {display:flex; font-size:15px; line-height:28px;}
.footer .info dt {color:#dadada; width:130px;}
.footer .info dd {color:#a2a2a2; width:calc(100% - 130px);}
.footer .info .copy {font-size:15px; color:#c6c6c6; margin-top:25px;}
.footer .menus {display:flex; gap:80px;}
.footer .menus li > a {display:block; font-size:20px; color:#fff; font-weight:600; line-height:24px; margin-bottom:15px;}
.footer .menus .snb a {display:block; font-size:15px; color:#d6d6d6; line-height:32px;}

.quick {position:fixed; bottom:30px; right:30px; width:200px; z-index:20;}
.quick a {width:100%; height:190px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:15px; font-size:26px; color:#fff; font-weight:700; text-align:center;}
.quick a:before {content:""; display:block; width:100%; height:72px; background:no-repeat 50% 50% / contain;}
.quick a.i1 {background:#39a294;}
.quick a.i1:before {background-image:url('/images/mquick01.png');}
.quick a.i2 {background:#3952a2; margin-top:20px;}
.quick a.i2:before {background-image:url('/images/mquick02.png');}
.unfixed .quick {position:absolute; bottom:calc(100% + 30px);}

/* main */
.slick-slide > div {font-size:0;}
.mvisual_wrap {position:relative;}
.mvisual_wrap .slick-slide .imgfit {height:100vh;}
.mvisual_wrap .mv_txt {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.mvisual_wrap .mv_txt p {font-size:22px; color:#fff; line-height:1; opacity:.65;}
.mvisual_wrap .mv_txt strong {display:block; font-size:60px; color:#fff; font-weight:700; line-height:76px; text-align:center; margin-top:5px;}
.link_btns {overflow:hidden;}
.link_btns a{display:inline-block; margin:5px 5px; width:270px; height:64px; line-height:62px; padding:0 25px; border:#fff 1px solid; border-radius:32px; font-size:18px; color:#fff; font-weight:500; margin-top:70px; background:url('/images/arrow_more.png') no-repeat right 25px center;}
.link_btns a:hover{ background-color:#3952a2; border:#3952a2 1px solid; }
.mvisual_wrap .mv_navi {position:absolute; bottom:50px; left:50%; width:700px; display:flex; justify-content:flex-end; align-items:center; padding-right:60px;}
.mvisual_wrap .mv_navi .arrow {width:40px; height:40px; background:url('/images/arrow_slide.png') no-repeat 50% 50%;}
.mvisual_wrap .mv_navi .next {transform:rotate(180deg);}
.mvisual_wrap .mv_navi .slick-dots {display:flex; font-family:'Montserrat'; padding:0 20px;}
.mvisual_wrap .mv_navi .slick-dots li {position:relative; display:none; gap:12px; font-size:17px; color:#fff; font-weight:300; line-height:40px;}
.mvisual_wrap .mv_navi .slick-dots li.slick-active {display:flex;}
.mvisual_wrap .mv_navi .slick-dots li strong {color:#3952a2;}
.mvisual_wrap .mv_navi .slick-dots li:before,
.mvisual_wrap .mv_navi .slick-dots li:after {content:""; position:absolute; top:50%; left:-230px; height:2px; margin-top:-1px;}
.mvisual_wrap .mv_navi .slick-dots li:before {width:160px; background:#fff;}
.mvisual_wrap .mv_navi .slick-dots li:after {background:#3952a2; width:0;}
.mvisual_wrap .mv_navi .slick-dots li.slick-active:after {animation:mv_dots 5s forwards;}
@keyframes mv_dots {
	0% {width:0;}
	100% {width:160px;}
}

.mcon {font-size:18px; color:#222; line-height:28px;}
.mcon .mtp {color:#3952a2; font-weight:700; line-height:1; text-align:center;}
.mcon .mtit {font-size:55px; font-weight:700; line-height:1; margin:10px 0 25px; text-align:center;}
.btit {position:relative; font-size:25px; font-weight:700; line-height:30px; padding-left:20px; margin:100px 0 30px;}
.btit:before {content:""; position:absolute; top:0; left:0; width:7px; height:100%; background:#3952a2;}
.mcon .more {display:block; font-size:16px; color:#3952a2; line-height:54px; height:56px; width:156px; border:#3952a2 1px solid; border-radius:28px; text-align:center; margin-top:85px;}
.mcon .more:hover {color:#fff; background-color:#3952a2;  border:#3952a2 1px solid; }

.mc01 {padding:145px 0 215px; background:url('/images/bg_mc01.png') no-repeat right 100px bottom 130px;}
.mc01 .inner {display:flex; justify-content:center; align-items:center; gap:80px;}
.mc01 .imgfit,
.mc01 .txt {width:calc(50% - 40px);}
.mc01 .imgfit {padding-left:75px;}
.mc01 .mtp,
.mc01 .mtit {text-align:left;}

.mc02 {background:url('/images/bg_mc02.jpg') no-repeat 50% 50% / cover; padding:80px 0 60px;}
.mc02 .flex {margin-top:40px; display:flex; justify-content:flex-end; align-items:center; gap:90px; padding-left:40px;}
.mc02 .imgfit {width:420px;}
.mc02 .txt {width:calc(100% - 550px);}
.mc02 .txt li {position:relative; font-size:21px; color:#fff; font-weight:700; line-height:24px; height:84px; background:#3952a2; border-radius:8px; margin-bottom:18px; display:flex; align-items:center; align-content: center; gap:0 3px; flex-wrap:wrap; padding-left:44px;}
.mc02 .txt li:last-child {margin-bottom:0;}
.mc02 .txt li:before {content:""; position:absolute; top:50%; left:20px; width:10px; height:10px; background:#a7b5e2; border-radius:50%; transform:translateY(-50%);}
.mc02 .txt li strong {color:#fff600;}

.mc03 {padding:170px 0;}

.tbl.mt {margin-top:60px;}
.tbl table {border-top:#3952a2 2px solid;}
.tbl th,
.tbl td {border:#d7d7d7 1px solid; height:70px; padding:20px; text-align:center;}
.tbl tr th:first-child,
.tbl tr td:first-child {border-left:0;}
.tbl tr th:last-child,
.tbl tr td:last-child {border-right:0;}
.tbl thead th {background:#f5f5f5;}
.tbl td {font-size:17px;}
.tbl col.w12 {width:12%;}
.tbl col.w10 {width:10%;}

.iot_step {display:flex; padding-top:26px;}
.iot_step .step {position:relative; width:220px; border:#e1e1e1 1px solid; border-radius:10px; padding:55px 20px;}
.iot_step .step span {position:absolute; top:-26px; left:50%; width:52px; height:52px; line-height:52px; text-align:center; font-size:21px; color:#fff; font-weight:700; transform:translateX(-50%); border-radius:50%;}
.iot_step .step .tit {font-size:21px; font-weight:700; line-height:26px; height:52px; text-align:center; margin-bottom:25px;}
.iot_step .step .dots_list p {font-size:16px; color:#777; line-height:26px; padding-left:10px; text-indent:-10px;}
.iot_step .arrow {width:calc((100% - 880px)/3); padding-top:84px; text-align:center;}
.iot_step .arrow i {display:block; width:70px; height:26px; background:url('/images/arrow_step.png') no-repeat 50% 50% / contain; margin:0 auto 10px;}
.iot_step .arrow .ico {line-height:48px; font-size:0; text-align:center; margin-bottom:10px;}
.iot_step .arrow .ico img {max-height:100%;}
.iot_step .arrow p {font-size:19px; font-weight:700; line-height:1;}
.iot_step .c1 span {background:#3952a2;}
.iot_step .c2 span {background:#6258ae;}
.iot_step .c3 span {background:#885cb7;}
.iot_step .c4 {background:linear-gradient(#3952a2,#885cb7); color:#fff; display:flex; justify-content:center; align-items:center;}
.iot_step .c4 span {background:#fff; color:#885cb7; line-height:50px; border:#885cb7 1px solid;}
.iot_step .c4 .tit {color:#fff; margin:0 !important; height:auto !important;}

.half_slide {margin:0 -30px;}
.half_slide .slick-slide {padding:0 30px;}
.half_slide .tt {font-size:20px; color:#fff; font-weight:700; line-height:1; padding:20px 25px; background:#3952a2; border-radius:10px 10px 0 0;}
.half_slide .cn {padding:30px 20px; display:flex; justify-content:center; align-items:center; border:#e1e1e1 1px solid; border-radius:0 0 10px 10px; height:390px;}
.mcon .slick-arrow {position:absolute; top:50%; width:64px; height:64px; background:#fff; box-shadow:rgba(0,0,0,.33) 2px -2px 21px; border-radius:50%; margin-top:-32px; font-size:0; z-index:1;}
.mcon .slick-arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/arrow_slide2.png') no-repeat 50% 50%;}
.mcon .slick-prev {left:0;}
.mcon .slick-next {right:0;}
.mcon .slick-next:before {transform:rotate(180deg);}

.mc03 p.pl {font-weight:700; line-height:30px; padding-left:78px; text-indent:-78px;}
p.mt {margin-top:15px;}

.mc04 {padding:145px 0; background:url('/images/bg_mc04.jpg') no-repeat 50% 50% / cover; color:#fff; text-align:center;}
.mc04 .mtit {font-size:50px; margin:0 0 20px;}
.mc04 p {font-weight:500; line-height:26px;}
.mc04 .more {color:#fff; border-color:#fff; margin:35px auto 0;}

.mc05 {padding-top:160px;}
.mc05 .mtit {margin-bottom:50px;}
.supplier {display:flex; flex-wrap:wrap; gap:32px 44px;}
.supplier li {width:calc((100% - 132px)/4); height:107px; border:#d7d7d7 1px solid; overflow:hidden; display:flex; justify-content:center; align-items:center;}

.mc06 {padding:160px 0;}
.mc06 .mtit {margin-bottom:50px;}
.performance_slide {margin:0 -18px;}
.performance_slide .slick-slide {padding:0 18px;}
.performance_slide .imgfit {border-radius:10px 10px 0 0; height:350px;}
.performance_slide .txt {display:flex; gap:24px; border:#e1e1e1 1px solid; border-radius:0 0 10px 10px; padding:20px; font-size:18px;}
.performance_slide .txt dt {color:#3952a2; font-weight:700;}
.performance_slide .txt dd {font-weight:600;}
.mc06 .slick-prev {left:-14px;}
.mc06 .slick-next {right:-14px;}
.mc06 .more {margin:35px auto 0;}

.mc07 {padding:120px 0 160px; background:#f6f6f6;}
.mnotice {display:flex; gap:38px;}
.mnotice a {position:relative; width:calc((100% - 76px)/3); height:290px; padding:60px 40px 30px; background:#fff; border-radius:10px; box-shadow:rgba(151,151,151,.09) 2px -2px 21px;}
.mnotice span {display:block;}
.mnotice .type {color:#3952a2; font-weight:700; line-height:1; margin-bottom:30px;}
.mnotice .tit {font-size:22px; font-weight:700; line-height:31px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mnotice .date {position:absolute; bottom:25px; left:40px; font-size:16px; color:#777; line-height:21px; padding-left:35px; background:url('/images/icon_date.png') no-repeat 0 50%;}

/* sub */
.svisual {position:relative; height:600px; background:no-repeat 50% 50% / cover; z-index:30;}
.svisual.g01 {background-image:url('/images/svisual01.jpg');}
.svisual.g02 {background-image:url('/images/svisual02.jpg');}
.svisual.g03 {background-image:url('/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/images/svisual04.jpg');}
.svisual .txt {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); line-height:1; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.svisual .txt span {font-size:22px; color:#a1acd2;}
.svisual .txt strong {font-size:60px; color:#fff; margin-top:10px;}
.svisual .location {position:absolute; bottom:110px; left:50%; width:100%; max-width:1440px; padding:0 20px; display:flex; justify-content:flex-end; transform:translateX(-50%); line-height:18px;}
.svisual .location i {width:18px; height:18px; background:url('/images/icon_home.png') no-repeat 50% 50% / contain; margin-right:28px;}
.svisual .location span {font-size:17px; color:#fff; opacity:.5;}
.svisual .location em {width:8px; height:18px; background:url('/images/arrow_location.png') no-repeat 50% 50% / contain; margin:0 30px;}
.aside {position:absolute; bottom:0; left:0; width:100%; border-top:rgba(255,255,255,.3) 1px solid;}
.aside dl.g,
.aside dl.s dt {display:none;}
.aside dd {display:flex; justify-content:center; gap:50px;}
.aside a {position:relative; font-size:20px; color:#d4d4d4; line-height:80px; padding:0 8px;}
.aside a:before {content:""; position:absolute; top:-1px; left:50%; width:0; height:6px; background:#3952a2; transition:.2s linear;}
.aside a.on {color:#fff; font-weight:700;}
.aside a.on:before {left:0; width:100%;}
.container {padding:100px 20px 200px; font-size:17px; color:#777; line-height:28px;}
.container .title {font-size:46px; color:#222; font-weight:700; line-height:1; margin-bottom:100px; text-align:center;}

/* 인사말 */
.greeting {position:relative; padding-right:50%;}
.greeting .tit {font-size:40px; color:#222; line-height:51px;}
.greeting .tt {font-size:22px; font-weight:600; line-height:33px; margin:30px 0;}
.greeting .name {font-size:22px; color:#222; font-weight:700; line-height:1; margin-top:40px;}
.greeting .bg {position:absolute; top:0; right:0; width:650px; height:600px;}
.greeting .bg:before,
.greeting .bg:after {content:""; position:absolute; background:no-repeat 50% 50% / cover;}
.greeting .bg:before {top:0; right:20px; width:418px; height:516px; background-image:url('/images/img_s0101_02.jpg');}
.greeting .bg:after {top:115px; right:210px; width:462px; height:486px; background-image:url('/images/img_s0101_01.jpg'); box-shadow:rgba(118,118,118,.5) 0 5px 16px;}

/* 시험장비소개 */
.item_list {display:flex; flex-wrap:wrap; gap:36px 40px;}
.item_list .box {border:#e5e5e5 1px solid; width:calc((100% - 80px)/3); }
.item_list span {display:block;}
.item_list a .imgfit {height:456px;}
.item_list .txt {padding:25px; border-top:#e5e5e5 1px solid; background:#f3f3f3;}
.item_list .txt strong {display:block; font-size:22px; color:#222; line-height:1; margin-bottom:10px;}
.item_list .txt p {font-size:16px;}
.item_view {display:flex; gap:35px; margin-bottom:95px;}
.item_view .imgfit {width:440px; height:458px; border:#e5e5e5 1px solid;}
.item_view .txt {width:calc(100% - 475px);}
.item_view .tit {font-size:28px; color:#222; font-weight:700; line-height:38px; padding:20px 0; border-top:#3952a2 1px solid; border-bottom:#cbcbcb 1px solid;}
.item_view .con {padding:40px 0;}
.item_view .con .tt {font-size:20px; font-weight:700; line-height:1; margin-bottom:15px;}
.container .dots_list p {position:relative; font-size:16px; line-height:36px; padding-left:16px;}
.container .dots_list p:before {content:""; position:absolute; top:14px; left:0; width:8px; height:8px; background:#e1e1e1; border-radius:50%;}
.item_detail .tit {font-size:24px; color:#fff; font-weight:700; line-height:68px; height:68px; background:#3952a2; padding:0 25px; margin-bottom:40px;}
.item_detail .tit ~ .tit {margin-top:70px;}
.item_detail .con {position:relative;}
.item_detail .con.img_in {padding-right:480px;}
.item_detail .con .tt {font-size:22px; color:#222; font-weight:700; line-height:1; margin:70px 0 10px;}
.item_detail .con .imgfit {position:absolute; top:0; right:0px; }
.item_detail .con .imgarea {margin-top:90px; text-align:center; font-size:0;}
.item_detail .con.item_list .imgfit {position:relative; right:0; width:100%; height:458px;}
.item_detail .con.item_list .txt {font-size:22px; color:#222; font-weight:700;}

/* 연혁 */
.history_top {position:relative; height:406px; background:url('/images/bg_history.jpg') no-repeat 50% 50% / cover; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; line-height:1; text-align:center;}
.history_top strong {display:block; font-size:49px;}
.history_top p {font-size:20px; margin-top:20px;}
.history {position:relative; padding-top:80px;}
.history:before {content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background:#e1e1e1;}
.history dl {padding-left:calc(50% + 30px); margin-bottom:100px;}
.history dl:last-child {margin-bottom:0;}
.history dt {position:relative; font-size:25px; color:#222; font-weight:700; line-height:29px;}
.history dt i {position:absolute; top:0; left:-44px; width:29px; height:29px; border:#d5daea 1px solid; border-radius:50%; background:#fff;}
.history dt i:before {content:""; position:absolute; top:50%; left:50%; width:13px; height:13px; background:#3952a2; border-radius:50%;margin:-7px 0 0 -7px;}
.history dd {padding-top:20px;}
.history dd p {position:relative; padding-left:130px;}
.history dd strong {position:absolute; top:0; left:0; font-size:18px; color:#242424; font-weight:600;}
.history dl:nth-child(2n) {padding:0 calc(50% + 30px) 0 0; text-align:right;}
.history dl:nth-child(2n) dt i {left:auto; right:-45px;}
.history dl:nth-child(2n) dd p {padding:0 130px 0 0;}
.history dl:nth-child(2n) dd p strong {left:auto; right:0;}

/* 오시는 길 */
.map_wrap {position:relative;}
.root_daum_roughmap {max-width:100%;}
.map_wrap .btns {position:absolute; top:30px; right:30px; display:flex; gap:14px; z-index:20;}
.map_wrap .btns a {display:block; width:52px; height:53px; background:no-repeat 50% 50% / cover; font-size:0;}
.map_wrap .btns .naver {background-image:url('/images/icon_naver.jpg');}
.map_wrap .btns .kakao {background-image:url('/images/icon_kakao.jpg');}
.map_txt {padding-top:50px;}
.map_txt .tit {font-size:25px; color:#222; font-weight:700; line-height:1; margin-bottom:35px;}
.map_txt .add {font-size:19px; color:#222; font-weight:500; line-height:1; margin-bottom:15px;}
.map_txt ul {display:flex; gap:40px;}
.map_txt li {display:flex; gap:15px; font-size:19px; color:#666;}
.map_txt li strong {color:#222; font-weight:500;}

/* 설치시공 사례 */
.container .performance_slide {display:flex; flex-wrap:wrap; gap:36px; margin:0;}
.container .performance_slide .box {width:calc((100% - 72px)/3);}
.container .performance_slide .imgfit {height:370px;}

/* 제품문의·견적요청 */
.contact {background:#3952a2; padding:50px 45px; color:#fff; display:flex; align-items:center; margin-bottom:30px;}
.contact .tit {width:290px; font-size:30px;}
.contact .con {width:calc(100% - 290px); display:flex; gap:120px;}
.contact .con dl {display:flex; align-items:center; gap:80px; font-size:20px;}
.contact .con dt {font-weight:700; padding-left:28px; background:no-repeat 0 50%;}
.contact .con .i1 {background-image:url('/images/icon_tel.png');}
.contact .con .i2 {background-image:url('/images/icon_email.png');}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}