@charset "utf-8";
/*
font-family: 'Inter', sans-serif;
font-family: 'Noto Sans KR', sans-serif; 
*/

* { padding: 0; margin: 0; box-sizing: border-box; list-style: none; font-family: 'Noto Sans KR', sans-serif; }
body { color: #333; }
html { font-size: 16px; }

a { color: inherit; text-decoration: none }
.en { font-family: 'Inter', sans-serif; text-transform: uppercase; }
.cd::after { clear: both; display: block; content:""; }
.inner { max-width: 1200px; margin: auto; }
.mb { display: none; }
.left { float: left; }
.right { float: right; }
.color { color: #005dab; font-weight: 600; }

header { width: 100%; height: 80px; border-bottom: 1px solid #ddd; padding: 0 2%; position: fixed; z-index: 999; background-color: #fff; top: 0; left: 0; }
header img { vertical-align: middle; width: 100%; }
header .logo { float: left; line-height: 70px; }
header .gnb { font-size: 0; float: right; }
header .gnb li { line-height: 80px; display: inline-block; margin: 0 25px; font-size: 20px; font-weight: 500; color: #999; font-size: 20px; }
header .gnb li.on { color: #333; }
header .gnb li:hover { color: #333; }
header .gnb_bt { float: right; margin-top: 20px; }


footer { background-color: #333; color: #fff; padding: 50px 0; }
footer .logo { border-right: 1px solid #aaa; padding-right: 50px; margin-right: 50px; float: left; }
footer .logo img { width: 100%; }
footer .fnb { color: #ccc; vertical-align: top; font-size: 0.875rem; line-height: 2; float: left; }
footer .fnb li span { color: #fff; display: inline-block; width: 100px; }
footer dl { float: right; font-size: 0.875rem; position: relative; }
footer dt { color: #79b3e3; position: absolute; left: -100px; font-weight: 500; }
footer dd { margin-bottom: 10px; }



.sub { padding-top: 0px; }

/* 서브1 company */
.sub1 section { border-bottom: 1px solid #ddd; padding: 10% 0; }
.sub1 .tit { font-size: 42px; font-weight: 500; text-align: center; margin-bottom: 8%; }

/* 서브1 섹션1 */
.sub1 .sec1 { font-size: 18px; }
.sub1 .sec1 .img { width: 36%; }
.sub1 .sec1 .img img { width: 100%; }
.sub1 .sec1 .text { max-width: 58%; padding-top: 6%; }
.sub1 .sec1 .text p { line-height: 1.8; margin-bottom: 3%; }
.sub1 .sec1 .text h6 { text-align: right; font-size: 18px; }
.sub1 .sec1 .text img { vertical-align: middle; }

/* 서브1 섹션2 */
.sub1 .sec2 { text-align: center; }
.sub1 .sec2 h4 { font-size: 16px; font-weight: 500; }
.sub1 .sec2 p { font-size: 14px; }

.sub1 .sec2 .box { padding: 15px 0; background-color: #005dab; border: 2px solid #005dab; text-align: center; display: inline-block; margin-bottom: 40px; position: relative; z-index: 99; }
.sub1 .sec2 .box h4 { color: #fff; font-weight: 500; }
.sub1 .sec2 .box p { color: #78bdf7; }

.sub1 .sec2 .one .box { min-width: 280px;}
.sub1 .sec2 .company { margin-top: 40px; }
.sub1 .sec2 .company .en { text-transform: capitalize; }
.sub1 .sec2 .company li { width: 25%; }
.sub1 .sec2 .company li .box { width: 100%; max-width: 280px; }
.sub1 .sec2 .group { margin-bottom: 40px; background-color: #fff; border: 2px solid #005dab; padding: 25px 0; }
.sub1 .sec2 .group li { width: 16.6666%; }

.sub1 .sec2 ul { font-size: 0; position: relative; width: 100%; max-width: 1180px; margin: auto; }
.sub1 .sec2 li { display: inline-block; vertical-align: top; position: relative; z-index: 10; }

.sub1 .sec2 .group_tit { width: 100%; max-width: 1180px; margin-bottom: 0; }
.sub1 .sec2 .line1 {  position: relative; z-index: 99; }
.sub1 .sec2 .line1::after { width: 2px; height: 155px; content: ""; display: block; position: absolute; background-color: #ddd; top: 100%; left: 50%; z-index: 5; margin-top: 2px;}
.sub1 .sec2 .company::before { width: 75%; height: 2px; content: ""; display: block; position: absolute; background-color: #ddd; top: -40px; left: 50%; z-index: 5; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); }

.sub1 .sec2 .company li::before { width: 2px; height: 40px; content: ""; display: block; position: absolute; background-color: #ddd; top: -40px; left: 50%; z-index: 5; }



/* 서브1 섹션3 */
.sub1 .sec3 .cont { width: 100%; height: 270px; background: url(../img/sub1_ico.png) no-repeat right center; position: relative; }
.sub1 .sec3 .cont::before { content: ""; display: block; width: 100%; height: 4px; background-color: #ddd; position: absolute; top: 50%; margin-top: -1px; margin-left: -2px; }
.sub1 .sec3 .cont .scroll { width: 100%; padding-bottom: 10px; }
.sub1 .sec3 ul { width: 1200px; height: 270px; position: relative; }
.sub1 .sec3 li { height: 135px; float: left; position: relative; border-left: 1px solid #000; padding-left: 15px; }
.sub1 .sec3 li h3 { font-size: 2rem; font-weight: 700; color: #005dab; position: absolute;}
.sub1 .sec3 li h4 { font-size: 1rem; font-weight: 400; }
.sub1 .sec3 li .round { width: 24px; height: 24px; position: absolute; left: -12px; border: 4px solid #999; border-radius: 100px; background-color: #fff; }

.sub1 .sec3 li:nth-child(odd) h3 { bottom: 0; }
.sub1 .sec3 li:nth-child(odd) h4 { margin-top: 0; }
.sub1 .sec3 li:nth-child(odd) .round { bottom: -12px; }

.sub1 .sec3 li:nth-child(even) { margin-top: 135px; }
.sub1 .sec3 li:nth-child(even) h3 { top: 0; }
.sub1 .sec3 li:nth-child(even) h4 { margin-top: 85px; }
.sub1 .sec3 li:nth-child(even) .round { top: -12px; }

.sub1 .sec3 .mb { font-size: 0.875rem; color: #005dab; text-align: center; margin-bottom: 10px; }


/* 서브2 */
.sub2 .content { padding: 15% 0; }
.sub2 .content li .imgbox { background-color: #000; }
.sub2 .content li:hover .imgbox img { opacity: 0.5; }
/* business */
.business { padding: 0.5%; text-align: center; }
.business .color { font-weight: 500; }
.business li { float: left; width: 24%; margin: 0.5%; }
.business li .imgbox { overflow: hidden; }
.business li .imgbox img { width: 100%; }
.business h4 { font-size: 24px; margin-top: 6%; margin-bottom: 2%; font-weight: 500; }
.business p { font-size: 16px; color: #666; }

.sub2 .bt { width: 98%; margin: 0 2%; line-height: 60px; background-color: #666; color: #fff; font-size: 16px; text-align: center; border-radius: 100px; cursor: pointer; border: 1px solid #666; outline: none;}
.sub2 .bt:hover { background-color: #fff; color: #666; }

/* 서브2 팝업 */
.sub2 .popup_on { margin-top: 3%; }
.sub2 .popup_off { margin-top: 1.5%; }

.popup_wrap { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(51,51,51,0.5); display: none; z-index: 9999; }
.popup_wrap .popup { max-width: 620px; height: 560px; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding: 20px; }
.popup_wrap .close_bt { font-size: 30px; position: absolute; right: 0; top: 0; margin: 0 10px; cursor: pointer; font-weight: 500;}
/* 문의하기 폼 */
.inquiry li { width: 50%; float: left; padding: 1% 1.5%; }
.inquiry li:last-child { width: 100%; }
.inquiry h3 { font-size: 16px; font-weight: 500; }
.inquiry .ftext { font-size: 14px; color: #666; border: 1px solid #ddd; padding: 10px; background-color: #eee; width: 100%; outline: none; height: 40px; margin-top: 10px; }
.inquiry textarea.ftext { resize: none; height: 190px; }
.inquiry .bt { width: 96%; margin: 2%; line-height: 60px; background-color: #666; color: #fff; font-size: 16px; text-align: center; border-radius: 100px; cursor: pointer; border: 1px solid #666; outline: none;}
.inquiry .bt:hover { background-color: #fff; color: #666; }



/* 서브5 */
.sub5 .content { padding: 10% 0; }
.sub5 .content .top { margin-bottom: 60px; }
.sub5 .content .top h3 { font-size: 0.875rem; font-weight: 400; }
.sub5 .content .top h3 > span { font-size: 1.25rem; font-weight: 500; }
.sub5 .content .top ul { font-size: 0; margin-top: 40px; }
.sub5 .content .top li { width: 25%; display: inline-block; font-size: 1rem;; vertical-align: top; border-right: 1px solid #ddd; padding-left: 55px; color: #666;}
.sub5 .content .top li .en { font-size: 1.125rem; color: #333; text-transform: capitalize; font-weight: 600; }

.sub5 .content .top li:nth-child(1) { background: url(../img/sub5_ico1.png) no-repeat 20px 3px; } 
.sub5 .content .top li:nth-child(2) { background: url(../img/sub5_ico2.png) no-repeat 20px 3px; } 
.sub5 .content .top li:nth-child(3) { background: url(../img/sub5_ico3.png) no-repeat 20px 3px; } 
.sub5 .content .top li:nth-child(4) { background: url(../img/sub5_ico4.png) no-repeat 20px 3px; border-right: 0; } 

.sub5 .content > .cd > div { width: 50%; }
.sub5 .content .right { text-align: right; }
.sub5 .content .map { width: 100%; max-width: 580px; height: 480px; margin-top: 1.5%; background-color: #ddd; display: inline-block; }




/* 서브3 */

.sub3 .content { padding: 2.8% 1%;}
.sub3 .content .tab { width: 100%; height: 40px; font-size: 0;  text-align: center; padding: 10px 0; position: fixed;background-color: #fff;z-index:9;}
.sub3 .content .tab li { display: inline-block; font-size: 1rem; color: #999; padding: 0 10px; border-right: 1px solid #999; line-height: 1; margin-top: 5px;}
.sub3 .content .tab li:last-child { border-right: 0; }
.sub3 .content .tab li a { padding: 0 10px;}
.sub3 .content .tab li.on { color: #111; z-index: 999;}

.sub3 .content .list_01 { font-size: 0; padding: 20px 0;}
.sub3 .content .list_01 li { width: 24%; display: inline-block; margin: 0.5%; vertical-align: top; background: #ddd url(../img/ico_logo.png) no-repeat center; background-size: 35%;}
.sub3 .content .list_01 li div { width: 100%; padding-top: 100%;  color: #fff; font-size: 1rem; background-color: rgba(0,0,0,0.5); position: relative; opacity: 0; transition: 0.3s; }
.sub3 .content .list_01 li div h3 { position: absolute; bottom: 0; left: 0; margin: 5% 7%; font-size: 24px; font-weight: 500; }
.sub3 .content .list_01 li:hover div { opacity: 1;}

.sub3 .content .bt { width: 100%; line-height: 60px; max-width: 580px; background-color: #fff; border: 1px solid #666; color: #666; margin: auto; display: block; font-weight: 500; border-radius: 100px; font-size: 16px; cursor: pointer; }
.sub3 .content .bt:hover { background-color: #666; color: #fff;}



/* 서브4 */
.sub4 .content { padding: 10% 0; }
.sub4 .content .list_02 { border-top: 2px solid #005dab; }
.sub4 .content .list_02 li { padding: 20px; border-bottom: 1px solid #ddd; }
.sub4 .content .list_02 .imgbox { max-width: 215px; width: 20%; height: 135px; background: #f9f9f9 url(../img/default.png) no-repeat center; background-size: cover; float: left; }
.sub4 .content .list_02 .textbox { float: right; max-width: 885px; width: 80%; padding-left: 10px; }
.sub4 .content .list_02 .textbox h3 { font-size: 1.25rem; font-weight: 700; line-height: 1; }
.sub4 .content .list_02 .textbox p { width: 100%; height: 75px; font-size: 1rem; font-weight: 300; color: #666; margin: 10px 0; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.sub4 .content .list_02 .textbox h6 { font-size: 0.875rem; font-weight: 400; color: #999; }




/* 페이징 */
.page_box { width: 100%; text-align: center; margin-top: 25px; }
.page { width: 40px; line-height: 40px; border: 1px solid #ddd; border-radius: 100px; vertical-align: top; cursor: pointer; font-size: 0.9375rem; color: #666; }
.page:hover { background-color: #f3f3f3; }
.page_bt { border: 0; display: inline-block; }
.page_bt img { vertical-align: middle; margin-top: -5px; }
.page_num { display: inline-block; }
.page_num li { display: inline-block; margin: 0 5px; }
.page_num .page.on { background-color: #005dab; color: #fff; border: 0; }






/* 메인 */
.idx .title { font-size: 2.5rem; font-weight: 500; font-family: 'Inter', sans-serif; text-align: center; margin-bottom: 80px; letter-spacing: -1px;  }
.idx .inner { padding: 100px 0; }

.idx .visual { width: 100%; height: 95vh; padding: 0; position: relative; overflow: hidden; }
.idx .visual .slide { position: absolute; left: 0; top: 0; width: 500%; height: 100vh; }
.idx .visual .slide li { width: 20%; height: 95vh; float: left; color: #fff; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }

.idx .visual .slide li:nth-child(1) { background-image:  url(../img/idx_visual1.jpg); }
.idx .visual .slide li:nth-child(2) { background-image:  url(../img/idx_visual2.jpg); }
.idx .visual .slide li:nth-child(3) { background-image:  url(../img/idx_visual3.jpg); }
.idx .visual .slide li:nth-child(4) { background-image:  url(../img/idx_visual4.jpg); }
.idx .visual .slide li:nth-child(5) { background-image:  url(../img/idx_visual1.jpg); }

.idx .visual .slide .tit { width: 100%; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%,0);}
.idx .visual .slide .tit h2 { font-size: 3.125rem; font-weight: 500; margin-bottom: 45px; }
.idx .visual .slide .tit h3 { font-size: 2rem; font-weight: 500; }


.idx .visual .slide .text { position: absolute; bottom: 40px; right: 60px; text-align: right; }
.idx .visual .slide .text h5 { font-weight: 500; font-size: 0.875rem;}
.idx .visual .slide .text h6 { font-weight: 300; font-size: 0.875rem; }

.idx .visual .bt { position: absolute; top: 50%; cursor: pointer; }
.idx .visual .left { left: 60px; }
.idx .visual .right { right: 60px; }

.idx .visual .line { display: block; width: 100%; height: 1px; background-color: rgba(255,255,255,0.5); position: absolute; top: 50%; left: 0; border: 0; margin-top: 100px; }
.idx .visual .line::after { width: 600px; height: 3px; background-color: #fff; content: ""; display: block; margin: auto; margin-top: -1px;}


.idx .visual .paging { width: 100%; position: absolute; bottom: 90px; text-align: center; }
.idx .visual .paging img { cursor: pointer; }
.idx .visual .paging ul { font-size: 0; display: inline-block; vertical-align: middle; margin: 0 20px;}
.idx .visual .paging ul li { cursor: pointer; display: inline-block; margin: 0 6px; vertical-align: middle; cursor: pointer; width: 16px; height: 16px; border: 6px solid transparent; }
.idx .visual .paging ul li div { width: 4px; height: 4px; background-color: #fff; }
.idx .visual .paging ul li.on { border: 6px solid #fff; }
.idx .visual .paging ul li.on div { background-color: transparent; }



.idx .tit { font-size: 40px; text-align: center; font-weight: 600; margin-bottom: 7%; }

.idx .sec1 .business h4 { font-size: 20px; }
.idx .sec1 .cont .imgbox { background-color: #000; }
.idx .sec1 .cont .imgbox img { width: 100%; vertical-align: top; }
.idx .sec1 .cont .bt { width: 68px; height: 25px; text-transform: uppercase; border: 1px solid #666; color: #666; border-radius: 50px; margin: auto; margin-top: 5%; font-size: 14px; }
.idx .sec1 .cont li:hover .bt { background-color: #666; color: #fff; cursor: pointer; }
.idx .sec1 .cont li:hover .imgbox img { opacity: 0.5; }

.idx .sec2 .tit { color: #fff; }
.idx .sec2 { background-color: #333; text-align: center;}
.idx .sec2 .one { width: 187px; border-radius: 500px; border: 5px solid #ccc; background: #fff url(../img/ico_logo.png) no-repeat center; background-size: 60%; margin: auto; position: relative;}
.idx .sec2 .one div { padding-top: 100%; }
.idx .sec2 .group {font-size: 0; margin-top: 80px; position: relative; border: 5px solid #ccc; padding: 20px 0; background-color: #fff; }
.idx .sec2 .group li { width: 16.6666%; display: inline-block; font-size: 16px; position: relative; border-right: 2px solid #ccc;  }
.idx .sec2 .group li::before { content: ""; width: 2px; height: 40px; background-color: #ccc; display: block; position: absolute; top: -60px; left: 50%;}
.idx .sec2 .group h4 { font-weight: 400; }
.idx .sec2 .group p { font-weight: 300; color: #666; margin-top: 5%; }
.idx .sec2 .group li:last-child { border-right: 0; }
.idx .sec2 .group li:first-child h4 { font-weight: 500; color: #005dab;}
.idx .sec2 .group li:first-child p { color: #999; font-weight: 500; }
.idx .sec2 .group::before { content: ""; display: block; width: 83.2%; height: 2px; background-color: #ccc; position: absolute; top: -40px; left: 8.5%;}
.idx .sec2 .one::after { content: ""; display: block; width: 2px; height: 85px; background-color: #ccc; position: absolute; top: 100%; left: 50%; margin-left: -1.5px;}
/* .idx .sec2 .group .box { width: 150px; padding: 15px 0; border: 2px solid #ccc; background-color: #fff; border-radius: 10px; display: inline-block; vertical-align: middle; position: relative; z-index: 10; } */

/* .idx .sec2 .group li:nth-child(3) { width: 28%; }
.idx .sec2 .group li:nth-child(3) h4 { font-size: 22px; font-weight: 500; }
.idx .sec2 .group li:nth-child(3) .box { width: 100%; padding: 10px 0; border: 4px solid #777;} */

/* .idx .sec2 .group::before { content: ""; display: block; width: 82%; height: 2px; background-color: #ccc; position: absolute; top: -40px; left: 50%; margin-left: -41%; }
.idx .sec2 .group li::before { content: ""; display: block; width: 2px; height: 45px; background-color: #ddd; position: absolute; top: -42px; left: 50%; }

.idx .sec2 .group li:nth-child(3)::before { height: 100px; top: -81px; } */



.idx .sec3 .cont .cd { width: 100%; max-width: 1000px; margin: auto; text-align: center; background: url(../img/idx_cont3_bg.png) no-repeat -120px; }
.idx .sec3 .cont .cd li { padding: 30px 0; }
.idx .sec3 .cont .float1 { float: left; width: 25%; }
.idx .sec3 .cont .float2 { float: right; width: 25%; }
.idx .sec3 .cont .float2:nth-child(5) { margin-right: 12.5%; }

.idx .sec3 .cont .imgbox { width: 96px; height: 96px; border-radius: 100px; border: 1px solid #ddd; margin: auto; background-color: #fff; text-align: center; background-position: center; background-repeat: no-repeat; margin-bottom: 20px; }
.idx .sec3 .cont .imgbox div { padding-top: 100%; } 

.idx .sec3 .cont li:nth-child(1) .imgbox { background-image: url(../img/idx_cont3_1.png); }
.idx .sec3 .cont li:nth-child(2) .imgbox { background-image: url(../img/idx_cont3_2.png); }
.idx .sec3 .cont li:nth-child(3) .imgbox { background-image: url(../img/idx_cont3_3.png); }
.idx .sec3 .cont li:nth-child(4) .imgbox { background-image: url(../img/idx_cont3_4.png); }
.idx .sec3 .cont li:nth-child(5) .imgbox { background-image: url(../img/idx_cont3_5.png); }
.idx .sec3 .cont li:nth-child(6) .imgbox { background-image: url(../img/idx_cont3_6.png); }
.idx .sec3 .cont li:nth-child(7) .imgbox { background-image: url(../img/idx_cont3_7.png); }








/* 서브3 view창 */
.admin { float: right; line-height: 40px; padding: 0 10px; margin-top: 2px;}
.admin ul { margin: 0; }
.sub3 .viewbox { padding: 120px 10px;}
.sub4 .viewbox { padding: 120px 10px;}
.sub3 .writebox { padding: 120px 10px;}
.sub3 .writebox .frm_input.full_input { width: 100% ; }
.sub3 .writebox .frm_input { width: 49.825%; margin-bottom: 10px; }
.btn_confirm a { font-weight: 400;  font-size: 0.9em; }
.btn_confirm button { font-weight: 400;  font-size: 0.9em; }
#ca_name { width: 100%; margin-bottom: 10px; border: 1px solid #ddd; height: 40px;}
#wr_content { margin-bottom: 10px; resize: none; }
.sub4 .writebox { padding: 120px 10px;}


.sub3 .imgwrap { width: 580px; }
.sub3 .imgwrap .gallery-top { max-width: 580px; height: 580px; }
.sub3 .imgwrap .gallery-top .swiper-slide:nth-child(1) { background: url(../img/sample.png) no-repeat center; background-size: contain; }
.sub3 .imgwrap .gallery-top .swiper-slide:nth-child(2) { background: #ddd url(../img/logo_ico.png) no-repeat center; background-size: 30%; }
.sub3 .imgwrap .gallery-top .swiper-slide:nth-child(3) { background: #ddd url(../img/logo_ico.png) no-repeat center; background-size: 30%; }
.sub3 .imgwrap .gallery-top .swiper-slide:nth-child(4) { background: #ddd url(../img/logo_ico.png) no-repeat center; background-size: 30%; }

.sub3 .imgwrap .gallery-thumbs { max-width: 580px; height: 130px; margin-top: 20px; }
.sub3 .imgwrap .gallery-thumbs .swiper-slide { cursor: pointer; background: #ddd url(../img/logo_ico.png) no-repeat center; background-size: 30%; }
.sub3 .imgwrap .gallery-thumbs .swiper-slide:nth-child(1) { background: url(../img/sample.png) no-repeat center; background-size: contain; }
.sub3 .imgwrap .gallery-thumbs .swiper-slide-thumb-active { border: 1px solid #333; }


.textwrap { width: 580px; position: relative; padding-bottom: 150px; }
.viewbox .textwrap h2 { height: 55px; font-size: 1.25rem; color: #111; padding: 0 15px; border-bottom: 1px solid #ddd; padding-top: 15px; }
.viewbox .textwrap table { width: 100%; height: 150px; table-layout: fixed;}
.viewbox .textwrap td { height: 35px; padding-left: 10px; }
.viewbox .textwrap td:nth-child(1) { color: #999; font-weight: 500; }
.viewbox .textwrap .view_cont { width: 100%; height: 325px; padding: 10px; font-size: 1.125rem; overflow-y: auto; border-bottom: 1px solid #ddd; margin-top: 10px; }


.prev_bt { width: 60px; line-height: 30px; text-align: center; background-color: #005dab; color: #fff; position: absolute; right: 0; bottom: 0; }




.sub4 .topbox { width: 100%; min-height: 55px; padding: 15px; border-bottom: 1px solid #ddd; }
.sub4 .topbox h2 { width: 90%; font-size: 1.5rem; color: #111; }
.sub4 .topbox h6 { font-size: 0.875rem; color: #666; margin-top: 5px; }
.sub4 .view_cont { min-height: 420px; padding: 20px; line-height: 2.5; border-bottom: 1px solid #ddd; }



/* 이전글 다음글 */
.view_nav { margin: 10px 0; }
.view_nav li { line-height: 40px; font-size: 1rem;; color: #999;  }
.view_nav li > a > span { width: 10%; display: inline-block; text-align: center; }
.view_nav li span img { vertical-align: middle; margin-right: 5px; }
.view_nav li .cd { width: 89%; display: inline-block; vertical-align: top; }
.view_nav li .cd h3 { float: left; padding: 0 10px; color: #111; width: 85%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; }
.view_nav li .cd h6 { font-size: 0.875rem; float: right; width: 10%; text-align: center; font-weight: 400; }