@charset "utf-8";

/*** Sub Common ***/
/* Sub Visual Sec */
.sub_wrap{width: 100%;max-width:1920px;overflow: hidden;padding-top: 166px}
.sv_sec { position: relative;display: table;width: 100%;height: 395px; box-sizing: border-box;}

.subVisual,
.subVisual10{background: url(../../images/sub/subVisual__img1.jpg) no-repeat center top;}
.subVisual1{background: url(../../images/sub/subVisual__img1.jpg) no-repeat center top;}
.subVisual2{background: url(../../images/sub/subVisual__img2.jpg) no-repeat center top;}
.subVisual3{background: url(../../images/sub/subVisual__img3.jpg) no-repeat center top;}
.subVisual4{background: url(../../images/sub/subVisual__img4.jpg) no-repeat center top;}
.subVisual5{background: url(../../images/sub/subVisual__img5.jpg) no-repeat center top;}
.subVisual6{background: url(../../images/sub/subVisual__img6.jpg) no-repeat center top;}
.subVisual7{background: url(../../images/sub/subVisual__img7.jpg) no-repeat center top;}
.subVisual8{background: url(../../images/sub/subVisual__img8.jpg) no-repeat center top;}


/* sub title effect */
.tit_box{display: table;text-align: center;}
.sv_sec .sv_tit_sec {position:relative;width:100%;height: 335px;box-sizing:border-box;  display: table-cell; vertical-align: middle;}
.sv_sec .sv_tit_sec .sv_title {position: relative; z-index: 100;height: 53px;overflow: hidden;margin-top: -24px;margin: 5px 0 23px;} 
.sv_sec .sv_tit_sec .sv_text{position: relative; z-index: 100;height: 20px;overflow: hidden;}
.sv_sec .sv_tit_sec .sv_title span{display: block;width: 100%;position: absolute;z-index:99;top:-80px;opacity:0;font-size: 2.813rem;line-height: 1;color: #fff; font-weight: 700;text-shadow:3px 3px 5px rgba(70, 142, 189, 0.2);transition: all 1s cubic-bezier(0.47, 0, 0.31, 1.04);}
.sv_sec .sv_tit_sec .sv_text span{display: block;width: 100%;position: absolute;z-index:99;top:-80px;opacity:0;font-size: 1.125rem;line-height: 1;color: #fff;font-weight: 400;text-shadow:3px 3px 5px rgba(70, 142, 189, 0.2);;transition: all 1s cubic-bezier(0.47, 0, 0.31, 1.04);}

.sv_sec.active .sv_tit_sec .sv_title span,
.sv_sec.active .sv_tit_sec .sv_text span{ top: 0; opacity: 1;}




/* lnb */
.lnbWrap{height: 60px;background: #fff;z-index: 900;box-sizing: border-box;}
.lnbWrap.scroll_on{position: fixed;top:165px;left: 50%;transform: translateX(-50%);border-top: 1px solid #ddd;}
.lnbWrap ul{display: table;table-layout: fixed;width: 100%;height: 100%}
.lnbWrap ul:after{display: none;}
.lnbWrap ul li{display: table-cell;vertical-align: middle;text-align: center;background-color: #fff;border: 1px solid #ddd;box-sizing:border-box;}
.lnbWrap ul li{border-right: 0;}
.lnbWrap ul li:last-child{border-right: 1px solid #ddd;}
.lnbWrap ul li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;line-height: 1.2;font-size:1.125rem;color: #666666;font-weight: 400;}
.lnbWrap ul li.current{background-color: #6da0cd;border: 1px solid #6da0cd;}
.lnbWrap ul li.current a{color: #fff;}


/* slnb */
.slnbWrap{margin-top:30px;}
.slnbWrap ul li{position: relative;float: left;width:32.75%;height: 60px;margin-right: 0.875%;margin-bottom: 10px;text-align: center;background-color: #fff;	border:1px solid #ddd;box-sizing:border-box;transition:0.3s;}
.slnbWrap3_1 ul li{margin-bottom: 0;}
.sub__container3_2 .slnbWrap ul li{width:19.3%}
.sub__container3_2 .slnbWrap ul li:nth-child(n+21){margin-bottom: 0;}
.sub__container4 .slnbWrap ul li{width:100%}
.sub__container4_1 .slnbWrap ul li{width:49%}

/* .slnbWrap ul li:last-child{margin-right: 0;} */
.sub__container3_1 .slnbWrap ul li:last-child{margin-right: 0;}
.sub__container3_2 .slnbWrap ul li:nth-of-type(5n){margin-right: 0;}

.slnbWrap ul li a{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;width:100%;/* height: 100%; */font-size:1rem;color: #666666;}
.slnbWrap ul li:hover,
.slnbWrap ul li.current{background-color: #6da0cd;border:1px solid #6da0cd;}
.slnbWrap ul li:hover a,
.slnbWrap ul li.current a{color: #fff;}


/* sslnb */
.sslnbWrap{margin-top:24px;}
.sslnbWrap ul{height:70px;display: table;table-layout:fixed;border-bottom:1px solid #ddd;}
.sslnbWrap ul li{position: relative;display: table-cell;vertical-align: middle;height: 100%;}
.sslnbWrap ul li:before{content: '';position: absolute;top:50%;right:0;transform: translateY(-50%);width:1px;height: 19px;background-color: #dddddd;}
.sslnbWrap ul li:last-child:before{display: none;}
.sslnbWrap ul li:after{content: '';position: absolute;bottom:-1px;left:50%;width:0;height: 3px;background-color: #6da0cd;transition:0.3s;}
.sslnbWrap ul li.current:after,
.sslnbWrap ul li:hover:after{left: 0;width: 100%;}
.sslnbWrap ul li a{position: relative;width:100%;height: 100%;;display: flex;justify-content: center;align-items:center;font-size:1rem;line-height: 1.3;color: #999999;text-align: center;transition:0.3s;}
.sslnbWrap ul li:hover a,
.sslnbWrap ul li.current a{color: #6da0cd;} 

.sslnbWrap.sslnbWrap3_1 ul li:nth-child(5){width: 250px;}
.sslnbWrap.sslnbWrap3_1 ul li:nth-child(5) a{font-size:0.938em;}

/* table margin-top */
.bd_sec {margin-top:57px;}



/* 서브공통 */
.sub__container{padding: 100px 0 150px;}
.sub__container1_1,
.sub__container1_2,
.sub__container1_5,
.sub__container1_9,
.sub__container1_10,
.sub__container2,
/* .sub__container4_1_1_1, */
.sub__container5_3{padding: 100px 0 0;}

.sub__titleWrap{text-align: center;}
.sub__titleWrap h3{position: relative;padding-bottom: 32px;font-size:2.625rem;line-height: 1.3;font-weight: 700;}
.sub__titleWrap h3 span.font-weight--400{font-size: 2.1rem;}
.sub__titleWrap h3:after{content: '';position: absolute;bottom:0;left:50%;transform:translateX(-50%);width: 32px;height: 5px;background-color: #6da0cc;}
.sub__titleWrap p{margin-top:24px;font-size:1.125rem;line-height: 1.666;color: #666;}
.sub__titleWrap p a{display: inline;color: #666;}


.sub__topImg{width: 100%;overflow: hidden;height:390px;margin-top: 65px;}
.sub__s1_4_contentsWrap .sub__topImg{background: url(../../images/sub/philosophy__topBg.jpg) no-repeat center;background-size:cover;}
.sub__s1_5_contentsWrap .sub__topImg{background: url(../../images/sub/s1_5_topBg.jpg) no-repeat center;background-size:cover;}
.sub__s1_9_contentsWrap .sub__topImg{height: 500px;background: url(../../images/sub/s1_8_topBg.jpg) no-repeat center;background-size:cover;}
.sub__s2_1_contentsWrap .sub__topImg{background: url(../../images/sub/s2_1_topBg.jpg) no-repeat center;background-size:cover;}
.sub__s2_2_contentsWrap .sub__topImg{background: url(../../images/sub/s2_2_topBg.jpg) no-repeat center;background-size:cover;}
.sub__s2_3_contentsWrap .sub__topImg{background: url(../../images/sub/s2_3_topBg.jpg) no-repeat center;background-size:cover;}
.sub__s2_4_contentsWrap .sub__topImg{background: url(../../images/sub/s2_4_topBg.jpg) no-repeat center;background-size:cover;}
.sub__s5_2_contentsWrap .sub__topImg{background: url(../../images/sub/s5_2_topBg.jpg) no-repeat center;background-size:cover;}


.sub__topImg figure{display: none;}

.sub__contents{margin-top: 63px;}
.sub__contents.s1_3_contents{margin-top: 95px}
.sub__contents.s1_5_contents{margin-top: 0;}
.sub__contents.s1_9_contents{margin-top:105px;}
.sub__row{margin-bottom:60px}
.sub__row.sub__row--figure{margin-bottom: 65px;}
.sub__row.certification__row{margin-bottom:53px;}
.sub__row.sub__row2{margin-bottom:68px;}
.sub__row:last-child,
.sub__row:last-of-type,
.career__content2_1 .sub__row.sub__row2,
.s5_2_diagram-row{margin-bottom:0}

.subheading{position: relative;margin-bottom: 30px;padding-left: 25px;box-sizing:border-box;font-size:1.875rem;line-height: 1.3;font-weight: 500;color: #333;background: url(../../images/sub/subheadingBg.png) no-repeat left center;}
.subheading.subheading2{margin-bottom: 25px;}
.subheading.subheading3{margin-bottom: 35px;}
.subheading.color-blue {color: #336699;}
.sub__row .boxList{padding: 35px 40px;box-sizing:border-box;}
.sub__row.sub__row2 .boxList{margin-top::;px;}

.sub__row .boxList ul li{position: relative;padding-left: 14px;box-sizing:border-box;font-size:1.125rem;line-height: 1.666;color: #666666;}
.sub__row .boxList ul li:before{content: '';position: absolute;top:13px;left:0;width:3px;height: 3px;background-color: #666666;border-radius:50%;}
.sub__row .boxList ul li strong{font-weight: 500;}
.sub__row .boxList--border{border:1px solid #ddd;background-color: #fff;}
.sub__row .boxList--border em{margin-bottom: 2px;font-size: 1.125em;color: #333;font-weight: 500;}
.sub__row .boxList--gray{padding: 36px 40px 40px 40px;background-color: #f7f7f7;}
/* .sub__container2 .sub__row .boxList--gray{height: 190px;} */
.marginTop30{margin-top: 30px;}

.caption{font-size:1.125rem;line-height: 1.666;color: #6da0cd;font-weight: 500;}

.sub__subTitleWrap{text-align: center;}
.sub__subTitle{font-size:2.25rem;line-height: 1;font-weight: 500;text-align: center;}
.sub__subText{margin-top: 28px;font-size:1.125rem;line-height: 1.66;color: #666666;}

.subheading__text{position: relative;margin: 0 0 40px 25px;padding-left: 14px;box-sizing:border-box;font-size:1.125rem;line-height: 1;color: #666666;}
.subheading__text:after{content: '';position: absolute;top:50%;left:0;width:3px;height: 3px;border-radius:50px;background-color: #666;}


.color--4780b1{color: #4780b1;}
.color--6da0cd{color: #6da0cd;}
.letter-spacing--m1{letter-spacing: -0.1em;}
.blank {width: 69px;display: inline-block;height: 10px;}

/* figure common */
.figure--border{border:1px solid #ddd;box-sizing:border-box;}
.figure--border img{width: 100%;}

.figure--border.figure--nara,
.figure--border.figure--nara img{display: inline-block;width: auto;}
.figure--border.figure--nara figcaption{width: 100%;padding-right: 20px;box-sizing:border-box;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; line-height: 55px; color: #fff;font-weight: 500;text-align: center; background: #6da0cd url(../../images/sub/s2-2__icon--home.jpg) no-repeat 70% 50%;}

.font-weight--400{font-weight: 400;}


/* 인사말 */
.greeting__content{min-height:725px;box-sizing:border-box;background-size:cover !important;}
.greeting__content1{padding-top:204px;padding-right: 46px;background: url(../../images/sub/greeting__bg1.jpg) no-repeat center;}
.greeting__content2{padding-top:242px;background: url(../../images/sub/greeting__bg2.jpg) no-repeat center;}
.greeting__content3{padding-top:213px;background: url(../../images/sub/greeting__bg3.jpg) no-repeat center;}
.greeting__content4{padding-top:195px;background: url(../../images/sub/greeting__bg4.jpg) no-repeat center;}

.greeting__content:nth-child(odd) .greeting__textWrap{/* float: right */;color: #fff; position: relative;z-index: 1;}
.greeting__content:nth-child(even) .greeting__textWrap,
.greeting__content:nth-child(1) .greeting__textWrap{float: left;color: #333;}

.greeting__content .greeting__textWrap em{display: block;font-size:2.5rem;line-height: 1.375;font-weight: 500;}
.greeting__content .greeting__textWrap p:nth-of-type(1){margin-top:26px;font-size:1.125rem;line-height: 1.666;}
.greeting__content4 .greeting__textWrap p:nth-of-type(1){color: #666666;}
.greeting__content .greeting__textWrap p.name{font-size:1.125rem;margin-top:20px;font-weight: 500;}

.greeting__content3{position: relative;}
.greeting__content3:after{content: '';position: absolute;top:0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.2);}

/* 기업정보 */
.infoWrap .info__topWrap{height: 550px;background: url(../../images/sub/info__topBg.jpg) no-repeat center;background-size:cover;}
.infoWrap .info__topWrap .info__topInner{display: table;height: 100%;}
.infoWrap .info__topWrap .info__topInner .info__top__text{display: table-cell;vertical-align: middle;height: 100%;text-align: center;}

.info__top__text em{display: block;margin-bottom: 45px;font-size:2.25rem;line-height: 1;font-weight: 700;}
.info__top__text p{margin-bottom:20px;font-size: 1.125rem;font-weight: 500;color: #666;line-height: 1.666;}
.info__top__text p:last-child{margin-bottom:0;}


.info__midWrap{padding: 110px 0}
/* .info__midWrap ul li{float: left;width: 47.91%;margin-right:4.18%;} */
.info__midWrap ul li{/* float: left; */ max-width: 575px; width: 100%;margin-right:0; margin: 0 auto;}
/* .info__midWrap ul li:last-child{margin-right:0;} */
.info__midWrap ul li figure img{width: 100%;}
.info__midWrap ul li div{padding: 24px 0 35px;text-align: center;border-bottom:1px solid #ddd;} 
.info__midWrap ul li div em{display: block;font-size:1.875rem;font-weight: 500;}
.info__midWrap ul li div p{margin-top:13px;font-size:1.125rem;color: #666666;}
.info__midWrap ul li div p strong{display: inline-block;margin-right:10px;color: #6da0cc;font-weight: 500;}


.info__btmWrap{padding:96px 0 150px;background: url(../../images/sub/info__btmBg.jpg) no-repeat center;background-size:cover; }
.info__btmWrap ul{margin-top: 50px;}
.info__btmWrap ul li{float: left;width: 23.33%;height: 260px;margin-right: 2.226%;margin-bottom: 30px;padding-top: 51px;box-sizing:border-box;background-color: #fff;box-shadow:3px 3px 10px rgba(0,0,0,0.1);text-align: center;}
.info__btmWrap ul li:nth-child(1){background-color: #6da0cd;}
.info__btmWrap ul li:nth-child(n+5){width: 31.916%;margin-right:2.126%;margin-bottom: 0;}
.info__btmWrap ul li:nth-child(4),
.info__btmWrap ul li:nth-child(7){margin-right:0}

.info__btmWrap ul li em{display: block;margin:29px 0 19px;font-size:1.5rem;line-height: 1;font-weight: 500;/* font-weight: 700; */color: #6da0cd;}
.info__btmWrap ul li p{font-size:1.125rem;color: #666;}
.info__btmWrap ul li:nth-child(1) em,
.info__btmWrap ul li:nth-child(1) p{color: #fff;}


/* 사업분야 */
.field__content .field__leftWrap{float: left;width: 50%;}
.field__content .field__rightWrap{float: left;width: 50%;}

.field__textWrap{display: table;height: 630px;padding-left: 58px;box-sizing: border-box;}
.field__content .field__rightWrap .field__textWrap{margin: 8px 0 0 42px;}
.field__textWrap .field__textInner{display: table-cell;vertical-align: middle;height: 100%;}
.field__content1 .field__textWrap .field__textInner{position: relative;top:-100px;}
.field__textWrap .field__textTitle{position: relative;}
.field__content1 .field__textWrap .field__textTitle{margin-top: 19px;}
.field__content2 .field__textWrap .field__textTitle{margin-top: 20px;}
.field__content3 .field__textWrap .field__textTitle{margin-top: 8px;}
.field__content4 .field__textWrap .field__textTitle{margin-top: 30px;}

.field__textWrap .field__textTitle em{display: block;margin-top: 2px;font-size:2.25rem;line-height: 1;font-weight: 500;}
.field__textWrap .field__textTitle .num{position: absolute;top:-70px;left:-58px;z-index: -1;font-size:6.875rem;line-height: 1;color: #f5f5f5;font-weight: 600;}
.field__textWrap .field__textContents{margin-top:35px;}
.field__textWrap .field__textContents p{font-size:1.125rem;line-height: 1.66;color: #666666;}
.field__textWrap .field__textContents p:nth-child(2){margin-top: 35px;}

.field__content .field__rightWrap .field__imgWrap{text-align: right;}
.field__content .field__imgWrap figure{position: relative;display: inline-block;width: 460px;height: 630px;}
.field__content2 .field__imgWrap figure{width: 510px;height: 650px;}
.field__content4 .field__imgWrap figure{width: 510px;height: 700px;}

.field__content .field__rightWrap .field__imgWrap figure{width: 460px;height: 630px;}

.field__content .field__imgWrap figure:after{content: '';position: absolute;top:15px;right:-16px;z-index: -1;;border:1px solid #ebebeb;width: 100%;height: calc(100% - 3px);}

.field__content .field__rightWrap .field__imgWrap figure:after{border:1px solid #a7c6e0;}




/* 경영철학 */
.iconListWrap{margin-top:70px;}
.iconListWrap > ul > li{width: 100%;padding: 50px 0;;border-bottom: 1px solid #dddddd;}
.iconListWrap > ul > li:first-child{padding-top: 0;}
.iconListWrap > ul > li:after{content: '';display: block;clear: both;}
.iconListWrap > ul > li figure {float: left;width:151px;height: 100%;}
.iconListWrap > ul > li div{float: left;width:calc(100% - 151px);height: 100%;padding-left: 62px;box-sizing:border-box;}
.iconListWrap > ul > li div span{display: block;margin-top: 8px;color: #6da0cc;text-transform: capitalize;font-weight: 600;}
.iconListWrap > ul > li div em{display: block;margin:0 0 16px;font-size:1.875rem;font-weight: 500;}
.s4_1_2_1_contents .iconListWrap > ul > li div em{margin: 20px 0 25px 0;color: #333;font-weight: 500;}
.s4_1_2_1_contents .iconListWrap > ul > li:nth-child(1) div em{margin-top: 35px;}
.iconListWrap > ul > li div p{font-size:1.125rem;line-height: 1.6666;color: #666666;}
.iconListWrap > ul > li div ul li{position: relative;padding-left: 14px;font-size:1.125rem;line-height: 1.6666;color: #666666;}
.iconListWrap > ul > li div ul li:before{content: '';position: absolute;top:13px;left: 4px;width:3px;height: 3px;border-radius:50%;background-color: #666666;}


/* 회사연혁 */
.historyWrap{padding:100px 0 150px;background-color: #f1f8fe;}
.historyBox{height: auto;margin-bottom: 30px;padding:60px 60px 55px;box-sizing:border-box;background-color: #fff;box-shadow:7px 7px 10px rgba(0,0,0,0.08);}
.historyBox:last-child{margin-bottom: 0;}
.historyBox .history__year{float: left;width:155px;font-size:2.5rem;line-height: 1;color: #6da0cc;font-weight: 600;}
.historyBox .history__contents{float: left;width:calc(100% - 155px);padding-left:80px;box-sizing:border-box;font-size:1.125rem;border-left:1px solid #6da0cc;}
.historyBox .history__contents dl{margin-bottom: 20px;}
.historyBox .history__contents dl:last-child{margin-bottom: 0;}
.historyBox .history__contents .history__month{float: left;width:74px;line-height: 1;font-weight: 500;}
.historyBox .history__contents .history__text{float: left;width:calc(100% - 74px);font-size:1.125rem;line-height: 1;color: #666666;}



/* 사회공헌 */
.csrWrap ul li{width: 100%;height: 390px;margin-bottom: 70px; background-size: contain !important;}
.csrWrap ul li:last-child{margin-bottom: 0;}
.csrWrap ul li:nth-child(1){background: url(../../images/sub/csr__img1.jpg) no-repeat right center;}
.csrWrap ul li:nth-child(2){background: url(../../images/sub/csr__img2.jpg) no-repeat left center;}
.csrWrap ul li:nth-child(3){background: url(../../images/sub/csr__img3.jpg) no-repeat right center;}

.csrWrap ul li .csr__text{width: 50%;display: table;height: 100%;padding-left: 90px;box-sizing:border-box;}
.csrWrap ul li:nth-child(odd) .csr__text{float: left;background: #f1f1f1 url(../../images/sub/csr__textBg1.jpg) no-repeat left top;}
.csrWrap ul li:nth-child(even) .csr__text{float: right;background: #f1f1f1  url(../../images/sub/csr__textBg2.jpg) no-repeat right top;}

.csrWrap ul li .csr__text .csr__textInner{display: table-cell;vertical-align: middle;height: 100%;} 
.csrWrap ul li .csr__text .csr__textInner em{display: block;font-size:2.125rem;line-height: 1.2857;font-weight: 500;}
.csrWrap ul li .csr__text .csr__textInner p{margin-top:30px;font-size:1.125rem;color: #666;}



/* 연구개발 */
.rnd__content1{padding-bottom: 114px;}

.rnd__content1 .list--diamond {margin-top: 49px;}
.list--diamond li{position: relative;float: left;border-right:1px solid #d1d1d1;box-sizing:border-box;text-align: center;}
.rnd__content1 .list--diamond li{width: 33.333%;height:520px;padding-top: 38px;}

.list--diamond li:after{content: '';position: absolute;top:50%;right:-5.5px;width:11px;height: 10px;background: url(../../images/sub/rnd1__dia.jpg) no-repeat center;}
.list--diamond li:last-child{border-right:0;}
.list--diamond li:last-child:after{display: none;}
.list--diamond li .num{display: block;margin-top:24px;font-size:0.875rem;color: #6da0cc;font-weight: 600;}
.list--diamond li em{margin:8px 0 16px;font-size:1.75rem;color: #303030;font-weight: 500;}
.list--diamond li p{font-size:1rem;color: #666666;}

.rnd__content2{padding:107px 0 150px;background-color: #f8f8f8;}
.rnd__content2 .rnd__boxWrap{margin-top: 50px;}
.rnd__content2 .rnd__boxWrap ul li{position: relative;float: left;display: table;width: 25%;height: 300px;text-align: center;}
.rnd__content2 .rnd__boxWrap ul li a{display: table-cell;vertical-align: middle;width:100%;height: 100%;background-color: #fff;}
.rnd__content2 .rnd__boxWrap ul li:nth-child(2) a,
.rnd__content2 .rnd__boxWrap ul li:nth-child(4) a{background-color: #6da0cd;}
.rnd__content2 .rnd__boxWrap ul li a em{margin:14px 0 27px;font-size:1.5rem;font-weight: 500;}
.rnd__content2 .rnd__boxWrap ul li:nth-child(2) a em,
.rnd__content2 .rnd__boxWrap ul li:nth-child(4) a em{color: #fff;}




/* 인재채용 */
.figureListBoxWrap .figureListBox{float: left;width: 31.91%;margin-right: 2.135%;text-align: center;}
.figureListBoxWrap .figureListBox:nth-child(3n){margin-right: 0;}

.figureListBoxWrap2 .figureListBox,
.figureListBoxWrap2 .figureListBox:nth-child(3n){width: 23.5%;margin-right: 2%;}
.figureListBoxWrap2 .figureListBox:nth-child(4n){margin-right: 0;}

.s4211Wrap .sub__row3 .figureListBoxWrap .figureListBox{margin-bottom: 30px;}
.s4211Wrap .sub__row3 .figureListBoxWrap .figureListBox:nth-last-child(-n+2){margin-bottom: 0;}
.figureListBoxWrap .figureListBox figure img{width: 100%;}

.figureListBoxWrap .figureListBox .cfigureListBox__text{padding:32px 0 46px;border:1px solid #ddd;box-sizing:border-box;}
.figureListBoxWrap .figureListBox .cfigureListBox__text span{font-size:1.125rem;color: #6da0cd;font-weight: 700	;}
.figureListBoxWrap .figureListBox .cfigureListBox__text em{margin:8px 0 22px;font-size:1.75rem;line-height: 1.2;font-weight: 500;}
.figureListBoxWrap .figureListBox .cfigureListBox__text p{font-size:1.125rem;color: #666666;}

.career__content2{padding-top:108px;}
.career__content2_1{padding-bottom: 110px;}
.career__content2_1 .sub__subTitleWrap{margin-bottom: 53px;}
.career__content2_1 .sub__row:first-child{margin-bottom: 58px;} 
.career__content2_1 .sub__row .boxList--gray{height: auto;margin-top: 26px;}
.career__content2_1 .sub__row .rankList ul li{padding: 0;}
.career__content2_1 .sub__row .rankList{padding: 60px;}
.rankList ul li{position: relative;float: left;margin-right:63px;text-align: center;}
.rankList ul li:last-child{margin-right: 0;}
.rankList ul li:before,
.rankList ul li:last-child:after{display: none;}
.rankList ul li:after{content: '';position: absolute;top: 28%;right: -37px; width: 8px;height: 11px;background: url(../../images/sub/s5_3_step__arrow.jpg) no-repeat center;}
.rankList ul li .rank__text{margin-top:20px;}
.rankList ul li .rank__text span{font-size: 1rem;font-weight: 600;color: #6da0cc;text-transform: uppercase;}
.rankList ul li .rank__text em{font-size:1.375rem;line-height: 1;font-weight: 500;}

.career__content2_2{padding: 83px 0 150px;background-color: #e8edf4;}
.career__content2_2 .welfareListWrap{margin-top: 45px;}
.career__content2_2 .welfareListWrap ul li{float: left;width: 23.33%;height: 340px;margin-right: 2.083%;margin-bottom: 30px;padding-top: 60px;box-sizing:border-box;background-color: #fff;box-shadow:3px 3px 10px rgba(0,0,0,0.1);text-align: center;}
.career__content2_2 .welfareListWrap ul li:nth-child(4n){margin-right: 0;}
.career__content2_2 .welfareListWrap ul li:nth-child(n+9){margin-bottom: 0;padding-top: 52px;}
.career__content2_2 .welfareListWrap ul li em{margin:37px 0 20px;font-size:1.5rem;line-height: 1;font-weight: 500;}
.career__content2_2 .welfareListWrap ul li p{line-height: 1.75;color: #666666;}



.career__content3{display: table;width:100%;height: 400px;background:url(../../images/sub/s1_10_btmBg.jpg) no-repeat center;background-size:cover;text-align: center;}
.career__content3 .career__content3Inner{height: 100%;display: table-cell;vertical-align: middle;color: #fff;}
.career__content3 .career__content3Inner .sub__subTitle{font-size:2.625rem;line-height: 1;font-weight: 700;opacity:0.8s}
.career__content3 .career__content3Inner p{margin-top: 27px;font-size:1.375rem;line-height: 1;font-weight: 500;}


/* 오시는 길 */
.sub__s1_11_contentsWrap{margin-top: 65px;}
.loactionWrap .location__map{height: 520px;;}
.loactionWrap .location__map iframe{width: 100%  !important;height: 100%  !important;}

.location__info{margin-top: 45px;}
.location__infoLeft{float: left;}
.location__infoRight{float: right;}
.location__info .location__text em{float: left;width: 220px;padding-left: 30px;box-sizing:border-box;font-size:1.875rem;color: #303030;font-weight: 500;text-transform: uppercase;}
.location__info .location__text ul {float: left;margin-top: 3px;}
.location__info .location__text ul li{font-size: 1.125rem;line-height: 2.25;color: #666;}
.location__info .location__text ul li span{float: left;position: relative;display: inline-block;margin-right: 20px;}
.location__info .location__text ul li span:nth-child(1):before{content: '';position: absolute;top:50%;transform:translateY(-50%);right:-10px;width: 1px;height: 12px;background-color: #ddd;}

.location__buttons{margin-top:15px;}
.location__buttons li{float: left;width: 60px;height: 60px;border:1px solid #dbdbdb;}
.location__buttons li a{display: block;width: 100%;height: 100%;}
.location__buttons li.button--map-search{border-right: 0;}
.location__buttons li.button--map-search a{background: url(../../images/sub/icon--map-search.jpg) no-repeat center;	}
.location__buttons li.button--print a{background: url(../../images/sub/icon--print.jpg) no-repeat center;	}

.transportation{margin-top:50px;padding-top: 60px;border-top:1px solid #ddd;}
.transportation > ul > li{float: left;width: 48.75%;height: 305px;margin-right: 2.5%;padding: 52px 0 0 67px;border:1px solid #ddd;box-sizing:border-box;}
.transportation > ul > li:last-child{margin-right: 0;}

.transportation > ul > li figure{float: left;margin-right: 65px;}
.transportation > ul > li.bus figure{margin:10px 60px 0 0;}
.transportation > ul > li figure figcaption{margin-top: 35px;text-align: center;font-size:1.625rem;font-weight: 500;}
.transportation > ul > li div{float: left;}
.transportation > ul > li.subway div{margin-top: 15px;}
.transportation > ul > li div .transportation__title{float: left;margin-right: 10px;line-height: 30px;color: #fff;font-weight: 500;text-align: center;border-radius:30px;}
.transportation > ul > li.subway div .transportation__title{width: 60px;background-color: #1b619d;}
.transportation > ul > li.bus div .transportation__title{width: 50px;}
.transportation > ul > li.bus div ul li{margin-bottom: 8px;}
.transportation > ul > li.bus div ul li:last-child{margin-bottom: 0;}
.transportation > ul > li.bus div ul li:nth-child(1) .transportation__title{background-color: #6da0cc;}
.transportation > ul > li.bus div ul li:nth-child(2) .transportation__title{background-color: #828cce;}
.transportation > ul > li.bus div ul li:nth-child(3) .transportation__title{background-color: #61c1bf;}
.transportation > ul > li.bus div ul li:nth-child(4) .transportation__title{background-color: #8bc673;}
.transportation > ul > li.bus div ul li:nth-child(5) .transportation__title{background-color: #f39281;}

.transportation > ul > li.subway p{margin-top: 13px;font-size:1.125rem;color: #666666;}
.transportation > ul > li div .transportation__text{float: left;font-size:1.125rem;color: #666666;}
.transportation > ul > li.subway div .transportation__text{color: #1b619d;}

/*조달계약정보 > 우수제품*/
.referencesWrap{margin-top: 115px;padding: 86px 0 85px;background-color: #e8edf4;}
.referencesWrap .subheading{margin-bottom: 35px;}
.slide--dowonloadWrap{/* margin-top: 30px; */padding-left: 30px;}
.slide--dowonloadWrap .slick-track{margin: 0;}
.slide--dowonloadWrap .slide--dowonload{position: relative;height: 363px;overflow: hidden;margin-right:50px;box-shadow:10px 10px 15px rgba(0,0,0,0.1);background-color:#fff}
.slide--dowonloadWrap .slide--dowonload figure img{width: 100%;}
.fileName{position: absolute;bottom:0;left:0;z-index: 1;display: block;width: 100%;padding: 0 55px 0 23px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;line-height: 55px;color: #fff;font-weight: 500;background-color: #6da0cd;transition:0.3s;}
.fileName:after{content: '';position: absolute;top:0;right:0;width: 55px;height: 55px;background: #6294c1 url(../../images/sub/icon--download.png) no-repeat center;transition:0.3s;}

.slide--dowonloadWrap .slick-arrow{width: 31px;height: 57px;margin-top:-35px;}
.slide--dowonloadWrap .slick-prev,
.slide--dowonloadWrap .slick-prev:hover{left: -70px;background: url(../../images/sub/downSlide__prev.png) no-repeat center;} 
.slide--dowonloadWrap .slick-next,
.slide--dowonloadWrap .slick-next:hover{right:-85px;background: url(../../images/sub/downSlide__next.png) no-repeat center;}

.slide--dowonloadWrap .slick-prev:before,
.slide--dowonloadWrap .slick-next:before{display: none;}


/* 조달계약정보 > 직접생산확인제도 */
.box--gray{margin-bottom: 50px;padding: 36px 38px;box-sizing:border-box;background-color: #f7f7f7;font-size:1.125rem}
.box--gray em{font-weight: 500;}
.box--gray p{color: #666;line-height: 1.66;}

.table--s23 tbody td{padding: 15px 30px;text-align: left;box-sizing:border-box;}
.table--s23 tbody td:first-child,
.t-align--center{text-align: center !important}
.table--s23 tbody td ul.list--circle-num li{display: inline-block;margin-right: 20px;}
.table--s23 tbody td ul.list--bar li{position: relative;padding-left: 9px;box-sizing:border-box;}
.table--s23 tbody td ul.list--bar li:before{content: '';position: absolute;top:13px;left:0;width:5px;height: 1px;background-color: #666;}

.table--s23 tbody td,
.table--s24 tbody td{border-right:1px solid #ddd;}
.table--s23 tbody td:last-child,
.table--s24 tbody td:last-child{border-right:0}

.margin-top20{margin-top: 20px;}
.border-right--dotY{background: url(../../images/sub/border-right--dotY.jpg) repeat-y right center;}
.border-bottom--dotX{background: url(../../images/sub/border-right--dotX.jpg) repeat-x bottom center}
.border-none{border:0 !important;}	
.border-right--ddd{border-right:1px solid #ddd !important;} 

.s22__contents{margin-bottom: 105px;}
.s22__contents:last-child{margin-bottom: 0;}
.s22__contents .sub__subTitle{margin-bottom: 37px}




/* 한국 서비스품질 우수기업 */
.s5_2_certificationWrap{padding:65px 0 60px;margin-top:18px;background: url(../../images/sub/s5_2_certificationBg.jpg) no-repeat center;}
.s5_2_certificationWrap ul{text-align: center;}
.s5_2_certificationWrap ul li{display: inline-block;margin-right:47px;}
.s5_2_certificationWrap ul li:last-child{margin-right:0;}
.s5_2_certificationWrap ul li figure{max-height:365px;}

.s5_2_diagram{/* max-height:478px; */margin-top: 25px;}
.s5_2_diagram img{width: 100%;}


/* 서비스센터 */
.service__content1{padding:88px 0 90px;background-color: #e8edf4;}
.service__content1 .serviceListWrap{margin-top: 50px;padding:13px 74px;border-top: 2px solid #6da0cc;background-color: #fff;}
.service__content .serviceList__Box{height:213px;padding:60px 0 60px 35px;box-sizing:border-box;background: url(../../images/sub/s5_3_list1__dotBg.jpg) repeat-x left bottom;}
.service__content .serviceList__Box:last-child{background: none;}
.service__content1 .serviceList__Box figure{float: left;}
.service__content1 .serviceList__Box .serviceListBox__text{float: left;padding-left:65px;box-sizing:border-box;}
.service__content .serviceList__Box .serviceListBox__text em{display: block;font-size:1.25rem;line-height: 1;font-weight: 500;}
.service__content .serviceList__Box .serviceListBox__text p{margin-top:18px;font-size:1.15rem;line-height: 1.666;color: #666;}

.service__content2{padding:107px 0 90px}
.service__content2 .serviceListWrap{margin-top: 30px;}
.service__content2 .serviceList__Box{display: table;width: 100%;/* padding: 0 74px; */padding: 0 110px;}
.service__content2 .serviceList__Box1{height: 240px;}
.service__content2 .serviceList__Box2{height: 190px;}
.service__content2 .serviceList__Box figure{display: table-cell;vertical-align: middle;height:100%;/* padding-left: 35px; */box-sizing:border-box;text-align: left;	}
.service__content2 .serviceList__Box .serviceListBox__text{display: table-cell;vertical-align: middle;height:100%;padding-left:75px;box-sizing:border-box;}
.service__content2 .serviceList__Box .serviceListBox__text em{padding-top:6px;}

.serviceStepWrap{margin-top: 40px;padding:60px 110px 55px;box-sizing:border-box;text-align: center;background-color: #f7f7f7;}
.serviceStepWrap ul li{position: relative;display: inline-block;width:146px;margin-right:82px;}
.serviceStepWrap ul li:before{content: '';position: absolute;top:32.5%;right:-48px;width:8px;height: 11px;background: url(../../images/sub/s5_3_step__arrow.jpg) no-repeat center;}
.serviceStepWrap ul li:last-child{margin-right:0;}
.serviceStepWrap ul li:last-child:before{display: none;}

.serviceStepWrap ul li .serviceStep__text{margin-top:27px;}
.serviceStepWrap ul li .serviceStep__text span{display: block;line-height: 1;color: #6da0cc;font-size: 1rem;font-weight: 600;text-transform: uppercase;}
.serviceStepWrap ul li .serviceStep__text em{display: block;margin-top:12px;font-size:1.125rem;line-height: 1;font-weight: 500;}
.serviceStepWrap .serviceStep__info{display: table;width:100%;height : 45px;margin-top:35px;border-radius:50px;background: #6da0cd}
.serviceStepWrap .serviceStep__info p{display: table-cell;vertical-align: middle;height: 100%;line-height: 1.2;color: #fff;font-weight: 500;text-align: center;}

.service__content3{display: table;width:100%;height: 400px;background:url(../../images/sub/s5_3_telBg.jpg) no-repeat center;background-size:cover;text-align: center;}
.service__content3 .service__telWrap{height: 100%;display: table-cell;vertical-align: middle;color: #fff;}
.service__content3 .service__telWrap .tel{margin-top:30px;font-size:3.438rem;line-height: 1;font-weight: 600;}




/* 마이페이지 */
#mypageForm,
#re_mypageForm{max-width: 800px; margin: 57px auto 0; padding: 30px 20px; background: #fff; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden;}
#mypageForm .tbl_frm01,
#re_mypageForm .tbl_frm01{margin-bottom: 20px;}
#re_mypageForm .mbskin .tbl_frm01 table {background: #fff; margin: 10px 0;}
/* #re_mypageForm .tbl_frm01 th{ display: none;} */
#mypageForm .tbl_frm01 th,
#re_mypageForm .tbl_frm01 th{width:110px;box-sizing:border-box;border:0;height: 40px; line-height: 40px;padding: 5px 0;}
#mypageForm .tbl_frm01 td,
#re_mypageForm .tbl_frm01 td{display: block;border: 0;padding: 5px 0;}
#re_mypageForm .tbl_frm01 .frm_input{ width: 100%;height: 40px; line-height: 40px;border: 1px solid #e6e6e6;padding: 0 10px; background: #fff;}

.mypageForm__name{font-size:1.2rem;color: #333;font-weight: 500;margin-bottom: 10px;}

#mypageForm .tbl_frm01 th{border:0}
#mypageForm .tbl_frm01 td{border:0;text-align: left;padding-left: 10px;box-sizing:border-box;}
#mypageForm .tbl_frm01 td input{padding: 0 15px;box-sizing:border-box;}
#mypageForm .tbl_frm01 .frm_input{ width: 100%;height: 40px; line-height: 40px;border: 1px solid #e6e6e6;padding: 0 10px; background: #fff;}
#mypageForm .btn_confirm,
#re_mypageForm .btn_confirm{margin:30px auto 0;}


.quitWrap{max-width: 800px;margin: 57px auto 0;; padding: 30px 20px; background: #fff; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden;text-align: center;}
.quitWrap em{display: block;font-size:1.45rem;color: #333;font-weight: 500;}
.quitWrap p{margin: 8px auto 20px;font-size:1.125rem;color: #333;font-weight: 500;}
.quitWrap .inputWrap label{margin-right: 10px;}
.quitWrap .inputWrap input[type=password]{width: 100%;max-width:300px;height: 40px; line-height: 40px;border: 1px solid #e6e6e6;padding: 0 10px; background: #fff;outline:none;}
.button--quit{margin: 50px auto 0;}
.button--quit a:hover{background-color: #fff;}

.quitFinishWrap figure{margin-bottom: 10px;}
.quitFinishWrap figure img{width: 95px;}


/* 게시판 */
.sub__container3_1_1_1 .bo_wrap_1{position: relative;margin-top: 63px;}
.bo_wrap_1.bo_viewWrap{margin-top: 70px;}

#gall_ul .empty_list{width: 100%;max-width:100%}


/* 일반게시판 > 3자단가계약 제품 & 총액계약 제품 */
.bd_sec {position: relative;}
.bd_sec .gallery__text{position: absolute;right:10px;top:30px;/* transform:translateY(-50%); */font-size:1rem;color: #666666;font-weight: 500;}
.sub__container4_4 .bd_sec .gallery__text,
.sub__container4_5 .bd_sec .gallery__text,
.sub__container4_6 .bd_sec .gallery__text,
.sub__container4_7 .bd_sec .gallery__text,
.sub__container4_8 .bd_sec .gallery__text{position: static;}

.bd_sec .respon_l{margin-top:20px;}

/* 캘린더 */
.cal_wrap{margin:57px auto 0;}


/* 회원가입 */
.mbskin{margin: 20px auto 0;}

/* s3112 */
.s3111Wrap .sub__row2 figure{margin:50px 0 10px}

/* s3112 */
.s3112Wrap .slide__row{margin-bottom: 70px;}
.s3112Wrap .slide__row:last-child{margin-bottom: 0;}

.s3112Wrap .s3112__slide{float: left;width: 570px;overflow: hidden;margin-bottom: 0;/* background: #f9f9f9; */}
.s3112Wrap .s3112__slide figure {text-align: center;}
.s3112Wrap .s3112__slide img {max-width: 570px; width: 100%;}
.s3112Wrap .s3112__slide .slick-dots{bottom: 20px;}
.s3112Wrap .s3112__slide .slick-dots li{width: 10px;height: 10px;margin: 0 7.5px;}
.s3112Wrap .s3112__slide .slick-dots li button{width: 10px;height: 10px;background-color: #c1c1c1;border-radius:50%;}
.s3112Wrap .s3112__slide .slick-dots li.slick-active button{background-color: #6da0cd;}
.s3112Wrap .s3112__slide .slick-dots li button:before{display: none;}

.s3112Wrap .slide__info{float: left;width: calc(100% - 570px);padding-left: 5%;box-sizing:border-box;}
.s3112Wrap .slide__info span{font-size:1.125rem;color: #6da0cd;font-weight: 500;text-transform: uppercase;}
.s3112Wrap .slide__info em{margin: 3px 0 13px;font-size:2.125rem;font-weight: 500;}

.s3112Wrap .slide__info ul li{position: relative;padding-left: 15px;box-sizing:border-box;font-size:1.125rem;line-height: 1.66;color: #666666;}
.s3112Wrap .slide__info ul li:before{content: '';position: absolute;top:12px;left: 0;width: 3px;height: 3px;background-color: #666666;border-radius:50%}

.s3112Wrap .slide__info table{margin-top: 25px;border-top: 1px solid #000;}
.s3112Wrap .slide__info table tr{border-bottom: 1px solid #ddd;}
.s3112Wrap .slide__info table tr th{font-size: 14px;font-weight: 500;height: 54px;padding-left: 8px;text-align: left;/* text-transform: uppercase; */}
.s3112Wrap .slide__info table tr td{font-size: 14px;color: #666;height: 54px;line-height: 1.2;text-align: left;padding-left:10px;}
.font-size15{font-size:13px !important;}
.text-upper{text-transform: uppercase !important;;}


/* .s3112Wrap .slide__row1 .s3112__slide{height: 363px;}
.s3112Wrap .slide__row2 .s3112__slide{height: 473px;}
.s3112Wrap .slide__row3 .s3112__slide{height: 572px;}
.s3112Wrap .slide__row4 .s3112__slide{height: 418px;}
.s3112Wrap .slide__row5 .s3112__slide{height: 389px;}
.s3112Wrap .slide__row6 .s3112__slide{height: 418px;}
.s3112Wrap .slide__row7 .s3112__slide{height: 444px;}
.s3112Wrap .slide__row8 .s3112__slide{height: 389px;}
.s3112Wrap .slide__row9 .s3112__slide{height: 389px;}
.s3112Wrap .slide__row10 .s3112__slide{height: 360px;} */



/* s3113 */
.program__content{margin-bottom: 90px;}
.program__content:last-child{margin-bottom: 0;}
.program__content1{margin-top:45px;}
.program__content1 .program__row:nth-of-type(1){margin-top: 53px;}
.program__row{margin-bottom: 90px;}
.program__figure{margin-top: 50px;}

.program__table th,
.program__table td{text-align: left;padding-left: 30px;box-sizing:border-box;;}
.program__row1 .program__table th,
.program__row1 .program__table td{text-align: center; padding-left: 0;}
.program__row3 .program__table th,
.program__row3 .program__table td{text-align: center; padding-left: 0;}
.program__row4 .program__table th,
.program__row4 .program__table td{text-align: center; padding-left: 0;}
.program__row5 .program__table th,
.program__row5 .program__table td{text-align: center; padding-left: 0;}

.program__remoteList .summary{padding-left: 22px;box-sizing:border-box;font-size:1.125rem;color: #666;}

.program__intro-box{height: 335px;margin-bottom: 65px;}
.program__intro-box figure{float: left;width: 50%; border:1px solid #ddd;box-sizing:border-box;}
.program__intro-box .intro-box__text{display: flex;align-items:center;float: left;width: 50%;height: 100%;padding-left: 80px;box-sizing:border-box;background-color: #f1f1f1;}
.program__intro-box .intro-box__text .intro-title{margin-bottom: 15px;margin-top: -30px;font-size:2rem;color: #6da0cd;font-weight: 700;text-transform: uppercase;}
.program__intro-box .intro-box__text .intro-description{font-size:1.125rem;color: #666;}
.program__intro-box .intro-box__text ul li{position: relative;padding-left: 10px;box-sizing:border-box;font-size:1.125rem;color: #666;}
.program__intro-box .intro-box__text ul li:before{content: '';position: absolute;top:15px;left: 0;width: 2px;height: 2px;background-color: #666;}

.table--border{border-top:1px solid #000}
.table--border table th{height: 55px; font-size:1.125rem;line-height: 1.5;color: #333;font-weight: 400;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd}	
.program__row2 .table--border table th {font-weight: 500;}
.table--border table td{height: 55px; font-size:1.125rem;line-height: 1.5;color: #666;border-bottom: 1px solid #ddd;}	
.table--border-half table td:nth-child(1){border-right:1px solid #ddd;}

.s3113Wrap .list--diamond li{width: 16.66666%;height: 270px;padding-top: 20px;box-sizing:border-box;}
.list--diamondWrap{margin-top:50px;}


.program__row3 .program__figure {margin-top:50px; margin-bottom: 30px;}
.program__row3 .program__figure ul li{float: left;width: 49%;margin-right: 2%;}	
.program__row3 .program__figure ul li:last-child{margin-right: 0;}	
.program__row3 .program__figure figcaption {font-size: 16px; line-height: 1.3em; color: #666; text-align: center; margin: 16px 0;}
.program__row3 .program__figure figcaption span {color: #6da0cd;}

.program__content2 .program__remoteList{margin-top: 60px;}
.program__content2 .program__remoteList li{float: left;width: 48.33%;margin-right:3.34%;margin-bottom: 60px;}
.program__content2 .program__remoteList li:nth-child(2n){margin-right:0;}
.program__content2 .program__remoteList li:nth-child(n+3){margin-bottom:0;}

.program__content2 .program__remoteList li .subheading{margin-bottom: 10px;}
.program__content2 .program__remoteList li figure{margin-top: 33px;}


.program__content3{padding:85px 0 150px;background-color: #f1f8fe;}
.program__content3 .program__figure{margin-top:40px;}

.program__figure--border figure{border:1px solid #ddd; overflow: hidden;}
.program__figure--shadow figure{box-shadow:5px 5px 8px rgba(0,0,0,0.1);}

.program__row3 .program__intro-box,
.program__row.program__row3 .intro-box__text {height: 323px;}

.program__row4 .program__intro-box,
.program__row.program__row4 .intro-box__text{height: 430px;}

.program__row5 .program__intro-box,
.program__row.program__row5 .intro-box__text{height: 360px;}

/* s3111 */
.s3111__topwrap{display: flex;width: 100%;justify-content: space-between;}
.s3111Wrap .sub__subTitle {line-height: 1.5em; margin-bottom: 85px;}
.s3111Wrap .sub__row1{position: relative;}
.s3111__topwrap .img-box {margin-top: -80px; margin-left: 80px;}
.s3111__topwrap .img-box p {font-size: 1.25rem; font-weight: 500; line-height: 1.2em; color: #333; text-align: right; margin-bottom: 10px;}
.s3111__topwrap .img-box p > img {margin-right: 4px; vertical-align: middle;}
.s3111__topwrap .img-box p span {color: #ff9933;}
.s3111__topwrap figure {border:1px solid #ddd;}
.s3111__topwrap figure figcaption {height: 54px; align-content: center; font-size: 1.25rem; line-height: 1.2em;  color: #ffffff; text-align: center; background-color: #aaaaaa;}

.s3111Wrap .sub__row1 .list-box {margin-top: 120px;}
.s3111Wrap .sub__row1 .list-box ol {display: flex; margin: 0 -22px;}
.s3111Wrap .sub__row1 .list-box ol li {position: relative; display: flex; flex-direction: column; width: 25%; padding: 0 22px;}
.s3111Wrap .sub__row1 .list-box ol li:after {position: absolute; bottom: -5px; left: 50%; margin-left: -5px; content: ''; width: 11px; height: 11px; background: #6da0cd; border-radius: 50%;}
.s3111Wrap .sub__row1 .list-box ol li .inner {position: relative; flex: 1; border: 1px dashed #6da0cd; border-radius: 30px; padding: 55px 25px 22px; text-align: center;}
.s3111Wrap .sub__row1 .list-box ol li .num {position: absolute; top: -51px; left: 50%; transform: translateX(-50%); width: 142px; height: 50px; background: url('../../images/sub/s3111-1__row1__num__bg.png') no-repeat center center; font-family: 'montserrat'; font-size: 28px; font-weight: 600; line-height: 50px; color: #fff; text-align: center;}
.s3111Wrap .sub__row1 .list-box ol li .icon {width: 94px; height: 77px; background-repeat: no-repeat; background-position: center center; margin: 0 auto 28px;}
.s3111Wrap .sub__row1 .list-box ol li:nth-child(1) .icon {background-image: url('../../images/sub/s3111-1__row1__icon1.png');}
.s3111Wrap .sub__row1 .list-box ol li:nth-child(2) .icon {background-image: url('../../images/sub/s3111-1__row1__icon2.png');}
.s3111Wrap .sub__row1 .list-box ol li:nth-child(3) .icon {background-image: url('../../images/sub/s3111-1__row1__icon3.png');}
.s3111Wrap .sub__row1 .list-box ol li:nth-child(4) .icon {background-image: url('../../images/sub/s3111-1__row1__icon4.png');}
.s3111Wrap .sub__row1 .list-box ol li b {position: relative; display: block; font-size: 1.25rem; font-weight: 500; line-height: 1em; color: #6da0cd; padding-top: 10px; margin-bottom: 17px;}
.s3111Wrap .sub__row1 .list-box ol li b span {font-size: 0.9rem;}
.s3111Wrap .sub__row1 .list-box ol li b:before {position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ''; width: 16px; height: 2px; background: #6da0cd;}
.s3111Wrap .sub__row1 .list-box ol li p {font-size: 1rem; line-height: 1.37em; color: #666;}
.s3111Wrap .sub__row1 .list-box ol li p:not(:last-child) {margin-bottom: 8px;}

.s3111Wrap .sub__row2 .text-box-wrap {display: flex;}
.s3111Wrap .sub__row2 .text-box {width: 50%; padding: 0 24px;}
.s3111Wrap .sub__row2 .text-box p {position: relative; font-size: 1.1rem; line-height: 1.77em; color: #333; padding-left: 20px;}
.s3111Wrap .sub__row2 .text-box p span {color: #666;}
.s3111Wrap .sub__row2 .text-box p.circle-dot {margin-bottom: 32px;}
.s3111Wrap .sub__row2 .text-box p.circle-dot:before {position: absolute; top: 11px; left: 0; content: ''; width: 9px; height: 9px; background: #6da0cd; border-radius: 50%;}
.s3111Wrap .sub__row2 .text-box p.triagle-dot:before {position: absolute; top: 10px; left: 0; content: ''; width: 0; height: 0; border-style: solid; border-width: 5.5px 0px 5.5px 9px; border-color: transparent transparent transparent #6da0cd;}

.s3111Wrap .sub__row4 .list--certification02 ul {display: flex; flex-wrap: wrap;}
.s3111Wrap .sub__row4 .list--certification02 ul li {width: 30%; margin-right: 5%; margin-bottom: 5%;}
.s3111Wrap .sub__row4 .list--certification02 ul li:nth-child(3n) {margin-right: 0;}
.s3111Wrap .sub__row4 .list--certification02 ul li .img-box {position: relative; border: 1px solid #ddd; overflow: hidden;}
.s3111Wrap .sub__row4 .list--certification02 ul li .img-box img {width: 100%;}
.s3111Wrap .sub__row4 .list--certification02 ul li .img-box:after {opacity: 0; position: absolute; top: 0; left: 0;content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.6); transition: all 0.4s;}
.s3111Wrap .sub__row4 .list--certification02 ul li .hide-text {opacity: 0; transform: translateY(40px); position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: calc(100% - 30px); height: calc(100% - 30px); text-align: center; padding: 15px; transition: all 0.8s; z-index: 10;}
.s3111Wrap .sub__row4 .list--certification02 ul li .hide-text p {position: relative; font-size: 1.1rem; font-weight: 500; line-height: 1.66em; color: #fff; padding-top: 13px;}
.s3111Wrap .sub__row4 .list--certification02 ul li .hide-text p:before {position: absolute; top: 0; left: 50%; margin-left: -8px; content: ''; width: 16px; height: 2px; background: #6da0cd;}
.s3111Wrap .sub__row4 .list--certification02 ul li .text-box {height: 62px; align-content: center; font-size: 1.4rem; font-weight: 500; line-height: 1.2em; color: #fff; background: #aaa; text-align: center;}
.s3111Wrap .sub__row4 .list--certification02 ul li .inner:hover .img-box:after {opacity: 1;}
.s3111Wrap .sub__row4 .list--certification02 ul li .inner:hover .hide-text {opacity: 1; transform: translateY(0);}

.s3111Wrap .sub__row7 ol {display: flex; margin: 0 -22px;}
.s3111Wrap .sub__row7 ol > li {position: relative; display: flex; flex-direction: column; width: 33.3333%; padding: 0 22px;}
.s3111Wrap .sub__row7 ol > li:before {position: absolute; top: -11px; left: 50%; transform: translateX(-50%); content: ''; width: 22px; height: 22px; background: #6da0cd; border-radius: 50%;}
.s3111Wrap .sub__row7 ol > li:after {position: absolute; top: 50%; right: -18px; transform: translateY(-50%); content: ''; width: 37px; height: 37px; background: url('../../images/sub/s3111-1__row7__arrow.png') no-repeat center center;	}
.s3111Wrap .sub__row7 ol > li:last-child:after {display: none;}
.s3111Wrap .sub__row7 ol > li .inner {flex: 1; padding: 32px 37px 30px; border-radius: 20px; border: 3px solid #6da0cd;}
.s3111Wrap .sub__row7 ol > li .title {display: flex; align-items: flex-end;}
.s3111Wrap .sub__row7 ol > li .title .num {font-family: 'montserrat'; font-size: 3.125rem; font-weight: 600; line-height: 1em; color: #6da0cd; margin-right: 20px;}
.s3111Wrap .sub__row7 ol > li .title .text {font-size: 1.5rem; font-weight: 500; line-height: 1em; color: #333; padding-bottom: 8px;}
.s3111Wrap .sub__row7 ol > li .img {text-align: center; margin: 30px 0 12px;}
.s3111Wrap .sub__row7 ol > li .img img {max-width: 216px; width: 100%;}
.s3111Wrap .sub__row7 ul > li {position: relative; font-size: 1.125rem; line-height: 1.77em; color: #666; padding-left: 20px;}
.s3111Wrap .sub__row7 ul > li:before {position: absolute; top: 12px; left: 0; content: ''; width: 9px; height: 9px; background: #6da0cd; border-radius: 50%;}
 
/* 시스템 구성도 > s3114, s3115, s3116 */
.table--blue tr{border-bottom: 1px solid #dddddd;}
.table--blue thead tr th{height: 50px;font-size:1.125em;color: #ffffff;font-weight: 700;text-transform: uppercase;background-color: #a7c6e1;}
.table--blue tbody tr th,
.table--blue tbody tr td{height: 54px;font-size:1.125em;line-height: 1.666;color: #666666;}

.table--blue.table--s22 {margin:27px auto 15px}
.table--blue.table--s22 tbody tr td{padding: 13px 10px;}
.table--blue tbody tr th{background-color: #f9f9f9;}
.table--blue tr th.model{text-align: left;padding-left: 2%;box-sizing:border-box;}
.table--blue thead tr th.model{padding-left: 3%;}
.table--blue tbody tr td{text-transform: uppercase;}

.table--blue.table--s22 thead tr th:nth-child(1),
.table--blue.table--s22 tbody tr td:nth-child(1),
.table--blue.table--system thead tr th:nth-child(2),
.table--blue.table--system tbody tr td:nth-child(2){border-right:1px solid #ddd}
.s3115Wrap .table--system thead tr th:nth-child(2),
.s3115Wrap .table--system tbody tr td:nth-child(2){border-right: 0;}

.s3114Wrap .table--blue,
.s3115Wrap .table--blue,
.s3116Wrap .table--blue{margin-top: 50px;}



   .bo_v__text table {margin-top:10px;}
   .bo_v__text table th,
   .bo_v__text table td{width: 50% !important;padding: 7px!important;box-sizing: border-box;}



/* s4111  통합방송시스템 > 과부하 방치 HD 디지털 방송시스템 > 제품정보   */
.sub__s4_1_contentsWrap p,
.sub__s4_1_contentsWrap ul li{font-size:1.125rem;line-height: 32px;color: #666666;}

.s4111Wrap figure img{width: 100%;}


/* .s4111__content1 .sub__row{margin-bottom: 68px;} */
.s4111__content1 .sub__row3 figure{margin-top: 25px;}
.s4111__content1 .boxList--gray{height: auto;}

.s4111__content1 .sub__row2 ul{margin-top:25px;}
.list--certification li{float: left;width: 21.66%;margin-right:4.453%;/* margin-bottom: 50px; */border:1px solid #dddddd;box-sizing:border-box;}
.list--certification li:nth-child(4){margin-right: 0;}
.s4111__content1 .list--certification li,
.list--certification li:nth-child(n+5){margin-bottom: 0;}
.list--certification li figure img{width: 100%;}
.list--certification li figcaption{color: #ffffff;line-height: 45px;text-align: center;background-color: #aaaaaa;}



/* .s4111__content2{margin: 110px 0 90px;} */
.s4111__content2{margin-bottom:90px;}
.product-box{padding:50px 0 90px;border-top: 2px solid #6ea0cd;}
.s4121Wrap .product-box{padding:50px 0 60px;}
.product-box:last-child{padding-bottom: 0;}
.product-box .product-box__top .product-name{float: left;width: 35.416%;font-size:2.25rem;line-height: 1.4;font-weight: 500;}
.product-box .product-box__top .product-name .product-caption{display: block;margin-bottom: 10px;font-size:1.125rem;font-weight: 700;color: #6da0cd;text-transform: uppercase;}

.product-box .product-box__top .product-summary,
.product-box .product-box__top .product-description{float: left;width: 64.584%;}
.product-box .product-box__top .product-summary li{position: relative;padding-left: 15px;box-sizing:border-box;font-size:1.125rem;color: #666666;}
.product-box .product-box__top .product-summary li:before{content: '';position: absolute;top:50%;left:2px;transform:translateY(-50%);width:3px;height: 3px;background-color: #666666;}

.product-box .product-box__top .product-summary.product-summary--half li{float: left;width: 43.5%;}

.margin-top55{margin-top:55px;}

.s4111__content2 .product-box3 .list--number{padding:50px 0 0;}
.list--number > ul > li{margin-bottom: 8px;}
.s3111Wrap .list--number > ul > li{margin-bottom: 32px;}
.s3111Wrap .list--number > ul > li:last-child{margin-bottom: 20px;}

.list--number > ul > li:last-child{margin-bottom: 0;}
.list--number > ul > li .num{float: left;display: inline-block;width: 32px;height: 32px;border-radius:50%;font-size:0.938rem;line-height: 32px;color: #fff;font-weight: 600;text-align: center;background-color: #6da0cd;}
.list--number > ul > li .text{float: left;display: inline-block;width: calc(100% - 32px);padding-left: 13px;box-sizing:border-box;;font-size:1.125rem;line-height: 32px;color: #666666;}
.list--number > ul > li .text em{font-weight: 500;color: #333;}
.list--number > ul > li .text ul li{position: relative;padding-left: 9px;box-sizing:border-box;}
.list--number > ul > li .text ul li:before{content: '';position: absolute;top:15px;left:0;width: 2px;height: 2px;background-color: #666;border-radius:50%;}

.s4111__content2 .product-box__figureList{height: 310px;margin-top: 55px;}
.s4111__content2 .product-box__row{margin-bottom: 60px;}
.s4111__content2 .product-box__rowWrap{margin-top:40px;}
.s4111__content2 .product-box__row:last-child{margin-bottom: 0;}
.s4111__content2 .product-box__row .product-box__figureList{height: 354px;margin-top: 26px;}
.s4111__content2 .product-box__figureList figure{float: left;width: 49.16%;height: 100%;margin-right:1.68%;}
.s4111__content2 .product-box__figureList div{float: left;display: flex;align-items:center;width: 49.16%;height: 100%;padding-left: 50px;border:1px solid #dddddd;box-sizing:border-box;}
.s4111__content2 .product-box__figureList div ul li{position: relative;padding-left: 10px;box-sizing:border-box;}
.s4111__content2 .product-box__figureList div ul li:before{content: '';position: absolute;top:15px;left:2px;width:3px;height: 3px;background-color: #666666;}

.s4111__content3{padding: 85px 0 150px;background-color: #f1f8fe;}
.s4111__content3 .s4111__content3__list {margin-top:40px;}
.s4111__content3 .s4111__content3__list ul li{margin-bottom: 65px;}
.s4111__content3 .s4111__content3__list ul li:last-child{margin-bottom: 0;}
.s4111__content3 .s4111__content3__list ul li figure{margin-top: 30px;box-shadow: 3px 3px 10px rgb(0,0,0,0.1);box-sizing:border-box;} 


.s4121Wrap .product-box{margin-top:110px;}
.s4121Wrap .product-box figure{border:1px solid #ddd;}

/* s4211 */
.s4211Wrap .sub__subTitle{margin-bottom: 55px;}

.s4211Wrap .sub__row .boxList--gray{height: auto;}

.s4211Wrap .figureListBoxWrap{margin-top:25px;}
.s4211Wrap .figureListBoxWrap .figureListBox .cfigureListBox__text em{font-size:1.5rem;margin:13px 0 0;}

.s4211Wrap .row--sound-curtain{margin-top: 108px;}
.s4211Wrap .row--sound-curtain .sub__row--is figure{margin-top:50px;} 

.s4211Wrap .row--sound-curtain .sub__row--program ul{margin-top:30px;}
.s4211Wrap .row--sound-curtain .sub__row--program ul li{float: left;width: 47.916%;margin-right: 4.168%;}
.s4211Wrap .row--sound-curtain .sub__row--program ul li:last-child{margin-right: 0;}
.s4211Wrap .row--sound-curtain .sub__row--program ul li figcaption{line-height: 60px;font-size:1.125rem;color: #fff;font-weight: 700;text-align: center;background-color: #6da0cd;}
.s4211Wrap .row--sound-curtain .sub__row--system figure{margin-top:25px;border:1px solid #ddd;box-sizing:border-box;}


/* .col--subCategory{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} */

#bo_v {margin-bottom: 0;padding-bottom: 0;}


/* s4311 */
.s4311Wrap .sub__subTitle {margin-bottom: 60px;}
.s4_3_1_1_contents .product-box__figureList{height: 310px;}
.s4_3_1_1_contents .product-box__row{margin-bottom: 60px;}
.s4_3_1_1_contents .product-box__rowWrap{margin-top:40px;}
.s4_3_1_1_contents .product-box__row:last-child{margin-bottom: 0;}
.s4_3_1_1_contents .product-box__row .product-box__figureList{height: 354px;margin-top: 26px;}
.s4_3_1_1_contents .product-box__figureList figure{position: relative;overflow: hidden;float: left;width: 49.16%;height: 100%;margin-right:1.68%;}
.s4_3_1_1_contents .product-box__figureList figure img {position: absolute; top: 0; left: 0;  right: 0; bottom: 0; max-width: 100%; max-height: 100%; width: auto; height: 100%;}
.s4_3_1_1_contents .product-box__figureList div{float: left;display: flex;align-items:center;width: 49.16%;height: 100%;padding-left: 68px;border:1px solid #dddddd;box-sizing:border-box;}
.s4_3_1_1_contents .product-box__figureList div ul li{position: relative;padding-left: 13px;box-sizing:border-box;font-size: 1.125em;color: #666;}
.s4_3_1_1_contents .product-box__figureList div ul li:before{content: '';position: absolute;top:13px;left:2px;width:3px;height: 3px;border-radius: 50%;background-color: #666666;}

.s4_3_1_1_contents .quarter-boxs > ul > li {width: 23.25%;}
.s4_3_1_1_contents .quarter-boxs > ul > li {width: 23.25%;}
.s4_3_1_1_contents .quarter-boxs > ul > li > em {height: 60px;font-size:1.125rem;font-weight: 700;color: #fff; background-color: #6da0cd;text-align: center;}
.s4_3_1_1_contents .quarter-boxs > ul > li > div {display: flex;align-items: center;justify-content:center;height: 100px;padding: 0 10px;border: 1px solid #ddd;box-sizing:border-box;}
.s4_3_1_1_contents .quarter-boxs > ul > li > div > ul {}
.s4_3_1_1_contents .quarter-boxs > ul > li > div > ul li {position: relative;padding-left: 10px;font-size: 1.125rem; line-height: 1.77;color: #666666;}
.s4_3_1_1_contents .quarter-boxs > ul > li > div > ul li:before {content: '';position: absolute;top:15px;left: 0;width: 4px;height: 1px;background-color: #666666;}

.s4_3_1_1_contents .sub__row3 .boxList--gray, 
.s4_3_1_1_contents .sub__row3 .figureListBoxWrap .figureListBox {margin-bottom: 35px;}
.s4_3_1_1_contents .sub__row3 .figureListBoxWrap .figureListBox:nth-last-child(-n+2) {margin-bottom: 0;}

.s4_3_1_1_contents .sub__row3 .figureListBoxWrap .figureListBox .cfigureListBox__text {padding: 30px 0 45px;}
.s4_3_1_1_contents .sub__row3 .figureListBoxWrap .figureListBox .cfigureListBox__text em {margin: 14px 0 0 ;font-size: 1.5rem;}

.s4311__table-wrap table thead tr th{height: 50px;font-size: 1.125rem; color: #ffffff; font-weight: 700; text-transform: uppercase; background-color: #a7c6e1;}
.s4311__table-wrap table tbody tr:nth-child(1) {border-top: 1px solid #ddd;}
.s4311__table-wrap table tbody tr {border-bottom: 1px solid #ddd;font-size: 1.125rem;color: #666;font-weight: 500;}
.s4311__table-wrap table tbody tr th{height: 54px;background-color: #f9f9f9; font-weight: 400;font-size: 0.95em;}
.s4311__table-wrap table tbody tr td{height: 54px;padding: 10px 10px 10px 20px;box-sizing:border-box;text-transform: uppercase; font-weight: 400;text-align: left;box-sizing:border-box;font-size: 0.95em;}
.s4311__table-wrap table thead tr th:nth-child(2),
.s4311__table-wrap table tbody tr td:nth-child(2){border-right: 1px solid #ddd;}

.s4311__table-wrap .col--model {width: 19.166%;}
.s4311__table-wrap .col--item {width: 30.834%;}

.s4311__table-wrap2 table thead tr {height: 60px;background-color: #6da0cd;}
.s4311__table-wrap2 table thead tr th {font-size: 1.125rem;color: #fff;padding-left: 40px;text-align: left;box-sizing:border-box;}
.s4311__table-wrap2 table tbody tr td {font-size: 1.125rem;color: #666;text-align: left;vertical-align: top;padding: 35px 20px 35px 57px;background-color: #f9f9f9;box-sizing:border-box;}
.s4311__table-wrap2 table tbody tr:nth-child(1) td {padding-bottom: 10px;}
.s4311__table-wrap2 table tbody tr:nth-child(2) td {padding-top: 0;}

.s4311__table-wrap2 .num-title {position: relative;}
.s4311__table-wrap2 .num-title .num {position: absolute;top:0;left: -20px;}

.s4311__table-wrap2 .c-dot-list {margin: 0 0 40px;}
.s4311__table-wrap2 .c-dot-list li {position: relative;padding-left: 10px;}
.s4311__table-wrap2 .c-dot-list li:before {content: '';position: absolute;top:12px;left: 0;width: 5px;height: 5px;border-radius: 50%;background-color: #333;}

.contact-info {margin-top:40px;}
.contact-info ul {display: flex;align-items: center;}
.contact-info ul li {display: flex;align-items: center;margin-right: 50px;}
.contact-info ul li:last-child {margin-right: 0;}
.contact-info ul li figure {margin-right: 18px;;}
.contact-info ul li dl{display: flex;align-items: center;font-size: 1.125rem;}
.contact-info ul li dl dt {position: relative;margin-right: 20px;color: #333333;font-weight: 500;}
.contact-info ul li dl dt::after {content: '';position: absolute;top:50%;right:-10px;transform:translateY(-50%);width: 1px;height: 15px;background-color: #dddddd;}
.contact-info ul li dl dd {color: #666666;}

.flex{display: flex;;}
.flex--ac ,
.contact-info ul .info2{display: flex;align-items: center;}
.contact-info ul .info2 dl:nth-of-type(1) {margin-right: 24px;}
.color--333 {color: #333;font-weight: 500;}
.color--d62121 {color: #d62121;font-weight: 500;}










.flex {display: flex;}
.flex--ac-jsb {display: flex;align-items: center; justify-content:center;flex-wrap: wrap;}
.flex--jsb {display: flex;justify-content:space-between;flex-wrap: wrap;}



/* hover효과 해제 */
@media (min-width:800px){





/* 연구개발 > hover시 링크영역 라인효과 */
.rnd__content2 .rnd__boxWrap ul li .line{position: absolute;transition:0.3s;background-color: #a1c2e1;}

.rnd__content2 .rnd__boxWrap ul li .line--top{top:0;left:0;width:0;height: 5px;}
.rnd__content2 .rnd__boxWrap ul li:hover .line--top{width:100%;}

.rnd__content2 .rnd__boxWrap ul li .line--right{top:0;right:0;width:5px;height: 0;}
.rnd__content2 .rnd__boxWrap ul li:hover .line--right{height:100%;}

.rnd__content2 .rnd__boxWrap ul li .line--bottom{bottom:0;right:0;width:0;height: 5px}
.rnd__content2 .rnd__boxWrap ul li:hover .line--bottom{width:100%;}

.rnd__content2 .rnd__boxWrap ul li .line--left{top:0;left:0;width:5px;height: 0;}
.rnd__content2 .rnd__boxWrap ul li:hover .line--left{height:100%;}
}