/*# sourceURL=/common/css/contents.css?var=2023.10.16-11:47:7 */
/*@ sourceURL=/common/css/contents.css?var=2023.10.16-11:47:7 */
#mVisual .slick-dots>li button,
#mVisual .slick-arrow,
.btn-show-hide:before,
.depth-three>.depth-three_in,
.depth-three>.depth-three_in>a,
.overview-top:before,
.overview-top .img,
.overview-top .overview-in,
.s-tab>a,
.s-tab>a:before,
.store-cate>a{transition: all .3s ease-out; transform-origin: 50% 50%;}

#mVisual .vTxt .ii{transition: all .5s ease-out; transform-origin: 50% 50%;}

.m-tab>a:before,
#mVisual .visualRoll .slider .photoBox p{transition: all 1s ease-out; transform-origin: 50% 50%;}

/*[s] All Style */
*::-webkit-scrollbar{width: 0.5rem; height:100%;}/* 스크롤바의 너비 */
*::-webkit-scrollbar-thumb{height: 10%; background-color:var(--point); border-radius: 1rem;}  /* 스크롤바의 길이 & 색상 */
*::-webkit-scrollbar-track{background-color: rgba(0,0,0,0.1);}/*스크롤바 뒷 배경 색상*/

.f0{font-size:0; line-height:0;}
/*
    .h-text{font-weight: bold; font-size:3.8rem; line-height:4.8rem; color: #1b1b1b; text-align: center;}
    .h2-text{margin-top:3rem; font-weight: 500; font-size:2rem; line-height:1.5; color: #666; text-align: center;}

    hr[line]{width:100%; height:1px; margin:10.5rem 0; background-color: #d1d1d1; font-size:0; line-height:0; opacity: 0.3; position: relative;}

    .depth-three{margin:-6rem 0 6rem; padding:0 3.5rem; background-color: #f4f4f4; position: relative; overflow:hidden; overflow-x:auto;}
    .depth-three>.depth-three_in{width:100%; max-width:128rem; margin:0 auto; display: flex; justify-content: space-between;}
    .depth-three>.depth-three_in>a{flex:1; height:5rem; font-weight: 500; font-size:1.6rem; line-height:1; color: #8d8d8d; text-align: center; display: flex; align-items: center; justify-content: center; white-space: nowrap;}

    .depth-three>.depth-three_in>a:hover,
    .depth-three>.depth-three_in>a.active{font-weight: bold; color: var(--bg);}

    #snb{left:-5rem; opacity: 0; visibility: hidden; transition: all 1s ease;}
    #snb.open{left:0; visibility: visible; opacity: 1;}
    #mVisual .visualRoll,
    .about-people .thumbRoll{opacity: 0; visibility: hidden; transition: opacity 1s ease;}

    #mVisual .visualRoll.slick-initialized,
    .about-people .thumbRoll.slick-initialized{visibility: visible; opacity: 1;}

    .logo-big img{height:11.3rem !important;}

    .bul_star{margin-top:2rem;}
    .bul_star>li{margin-top:0.5rem; padding-left:1.5rem; font-size:1.6rem; line-height:1.3; color: #666; position: relative;}
    .bul_star>li:before{content: "※"; position:absolute; left: 0; top:0px;}
*/
	.wideFrame{height: 0; padding-bottom: 56.25%;  position: relative;}
    .wideFrame>video,
    .wideFrame>iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

    .wideKakao{width: 100vw; margin-left:-50vw; position: relative; left:50%;}
    .wideKakao>.root_daum_roughmap{width: 100%; height:50rem;}
    .wideKakao>.root_daum_roughmap .wrap_map{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .wideKakao .hide {display: none;}
/*[e] All Style */

/*[s] Main Popup Style */
#hd_pop {z-index:101;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops{width:auto !important; max-width:100%; height:auto !important; background-color:#fff; border:1px solid #333; position:absolute; display:block; overflow:hidden; box-sizing:border-box;}
.hd_pops img{width:100%}
.hd_pops_con{}
.hd_pops_footer{padding:0; background-color:#333; font-size:1.4rem; color:#fff; text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button{padding:1rem; border:0; color:#fff}
.hd_pops_footer .hd_pops_reject{text-align:left}
.hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0}

#popLayer{width:100%; height:100%; font-size:0; line-height:0; position:fixed; left:0; top:0; z-index:99; overflow:hidden; overflow-y:auto;}
#popLayer.disNone{display:none !important;}
#popLayer #moPopArea{width:100vw; height:100vh; padding:10rem 3rem; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: flex-start; -ms-flex-align:center;}
#popLayer #moPopArea .moPop{width:100%; max-width:50rem; margin:0; position: relative;}
#popLayer #moPopArea #moPopRoll{background-color: #fff; border-radius:2rem; overflow:hidden; box-shadow:0 2rem 4rem rgba(0,0,0,0.3);}
#popLayer .slider{width:100%; border-radius:2rem 2rem 0 0; box-sizing:border-box; overflow:hidden;}
#popLayer .slider img{width:100%; vertical-align: top;}
#popLayer .slider .HKeditorContent{padding:20px; font-size:20px; line-height:1.5; color: #666;}
#popLayer .slider .HKeditorContent img{width:auto;}
#popLayer #moPopRoll.roll .slider{}

#popLayer .layerPopClose{width:3rem; height:3rem; margin:0; padding:0; font-size:0; line-height:0; position: absolute; right:1.5rem; top:1.5rem; z-index:6; transform:rotate(45deg);}
#popLayer .layerPopClose:before,
#popLayer .layerPopClose:after{content: ""; background-color: #222; display: block; position:absolute; left: 50%; top:50%;}
#popLayer .layerPopClose:before{width: 100%; height: 2px; margin:-1px 0 0 -1.5rem;}
#popLayer .layerPopClose:after{width: 2px; height: 100%; margin:-1.5rem 0 0 -1px;}

#popLayer .moPopClose{width:100%; border-radius:0 0 2rem 2rem; display: flex; justify-content: space-between; overflow:hidden;}
#popLayer .moPopClose>*{flex:1 1 50%; height:6rem; font-size:1.6rem; line-height:1; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
#popLayer .moPopClose button{background-color: #878896; border:none; color: #dcdeea; position: relative;}
/*#popLayer .moPopClose button:before{content: "X"; width: 1.8rem; height: 1.8rem; background-color: rgba(255,255,255,0.3); border:1px solid #000; font-family: dotum; font-weight: bold; font-size:1.6rem; line-height:1.6rem; color: #000;display: inline-block; position:absolute; top:0; box-sizing: border-box;}
#popLayer .moPopClose button.toDay_close{padding-left:2.5rem;}
#popLayer .moPopClose button.toDay_close:before{left:0;}*/
#popLayer .moPopClose button.close{padding-right:2.5rem}
#popLayer .moPopClose button.close:before{right:0;}
#popLayer .moPopClose a{background-color: #3617cd; color:#fff}

#popLayer .slick-dots{width:100%; padding:0; text-align: center; position: absolute; left:0; bottom:7rem; z-index:7;}
#popLayer .slick-dots>li{margin:0 0.7rem; display:inline-block; vertical-align: top;}
#popLayer .slick-dots>li+li{}
#popLayer .slick-dots>li button{width:1.4rem; height:1.4rem; padding:0; background-color:#d4d7d9; border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:999px; overflow:hidden; transition: all .3s ease-out;}
#popLayer .slick-dots>li.slick-active button{width:30px; background-color: #333;}

#popLayer #moPopArea #moPopRoll{opacity: 0; visibility: hidden; transition: opacity 1s ease;}
#popLayer #moPopArea #moPopRoll.open,
#popLayer #moPopArea #moPopRoll.slick-initialized{visibility: visible; opacity: 1;}
/*[e] Main Popup Style */

/*[s] Main Style */
.mScrolls{width:100%; font-size:0; line-height:0; text-align: center; position: fixed; left:0; bottom:40px; z-index:8; display:none;
    animation-duration: .7s; animation-iteration-count:infinite; animation-name: scrollDown; animation-timing-function:ease-in-out; animation-direction:alternate;
}
@keyframes scrollDown {
    from {bottom:50px; opacity:1;}
    to {bottom:30px; opacity:0.5}
}

.scroll-text{height:100%; text-align: center; position: absolute; z-index:3; display: flex; align-items: flex-end; justify-content: center;}
.scroll-text:before{content: ""; width: 0.0521vw; position:absolute; left: 50%; bottom:0;}
.scroll-text>span{font-weight: bold; font-size:1.1458vw; line-height:0.7; color: #fff; writing-mode:tb-rl; transform:rotate(-180deg); display:inline-block;}

.main-cont .text-area{color: #111;}
.main-cont .text-area .title{font-weight: bold; font-size:8.3333vw; line-height:1; color: #39b4e7;}
.main-cont .text-area .tit{font-weight: bold; font-size:2.0833vw; line-height:1;}
.main-cont .text-area .txt{font-weight: 500; font-size:1.5625vw; line-height:1.8750vw;}
.main-cont .text-area *+.tit{margin-top:3.9063vw;}
.main-cont .text-area *+.txt{margin-top:1.3021vw;}

.main-cont .count-area{font-weight: bold; line-height:1; position: absolute;}

#main-cont01{width:100%; height:50vw; background:url("http://ibnetworks.iceserver.co.kr/images/main/img_main-cont01.jpg") no-repeat center center/cover; position: relative; display: flex; align-items: center; justify-content: center;}
    #main-cont01 .slogan-in{position: relative;}
    #main-cont01 .slogan-in>dl{text-align: center;}
    #main-cont01 .slogan-in>dl>dt{}
    #main-cont01 .slogan-in>dl>dt img{width:36.9271vw;}
    #main-cont01 .slogan-in>dl>dd{margin-top:1.3021vw; font-weight: 500; font-size:1.4063vw; line-height:1.3; color: #fff; text-shadow:0 0 0.1563vw rgba(1,1,1,0.5);}
    #main-cont01 .slogan-in .ii{font-weight: bold; line-height:1; color: #0072b4; position: absolute; left:50%; top:50%;}
    #main-cont01 .slogan-in .ii.i01{margin:-14.8438vw 0 0 -18.7500vw; font-size:5.7292vw;}
    #main-cont01 .slogan-in .ii.i02{width:18.8542vw; margin:-15.1042vw 0 0 11.4583vw;}
    #main-cont01 .slogan-in .ii.i03{margin:1.0417vw 0 0 25.5208vw; font-size:6.7708vw;}
    #main-cont01 .slogan-in .ii.i04{margin:12.2396vw 0 0 12.5000vw; font-size:4.6875vw;}
    #main-cont01 .slogan-in .ii.i05{margin:8.0729vw 0 0 -21.6146vw; font-size:7.2917vw;}
    #main-cont01 .slogan-in .ii.i06{margin:-5.2083vw 0 0 -38.0208vw; font-size:4.6875vw;}

    #main-cont01 .scroll-text{width:10.6771vw; left:0; top:0;}
    #main-cont01 .scroll-text:before{height: 21.875vw; background-color: #fff;}
    #main-cont01 .scroll-text>span{padding-top:22.875vw;}

#main-cont02{width:100%; height:36.4583vw; position: relative; z-index:4;}
    #main-cont02 .text-area{width:54.1667vw; height:28.6458vw; background-color: #f0f0f0; display: flex; align-items: center; justify-content: center; position: absolute; left:0; top:-5.7292vw;}
    #main-cont02 .text-area>dl{ text-align: center;}

    #main-cont02 .count-area{font-size:11.4583vw; color: #f2f2f2; right:11.0938vw; bottom:8.8542vw;}

    #main-cont02 .scroll-text{width:5.2604vw; left:auto; right:0; top:0;}
    #main-cont02 .scroll-text:before{height: 12.5vw; background-color: #0072b4; bottom:3.9063vw;}
    #main-cont02 .scroll-text>span{padding-top:17.3438vw; color: #0072b4;}

#main-cont03{width:100%; height:55.8854vw; background:url("http://ibnetworks.iceserver.co.kr/images/main/img_main-cont03.jpg") no-repeat center center/50%; position: relative; transition: background-size 1s cubic-bezier(.25,.46,.45,.94) ;}/* cubic-bezier(.25,.46,.45,.94) */
    #main-cont03 .text-area{width:49.7396vw; padding-top:5.7292vw; text-align: center;}

    #main-cont03 .count-area{font-size:10.4167vw; color: #a6a6a6; right:6.2500vw; bottom:-4.9479vw;}

    #main-cont03 .scroll-text{width:10.7813vw; background-color:rgba(0,114,180,0.9); left:0; top:0;}
    #main-cont03 .scroll-text:before{height: 18.3854vw; background-color: #fff; bottom:4.1667vw;}
    #main-cont03 .scroll-text>span{padding-top:23.4375vw;}

    #main-cont03.add{background-size:100%;}

#main-cont04{width:100%; height:44.7917vw; margin-top:18.4896vw; background-color: #f0f0f0; position: relative; display: flex; align-items: center; justify-content: center;}
    #main-cont04 .text-area{text-align: center;}

    #main-cont04 .count-area{font-size:10.4167vw; color: #d9d9d9; right:10.6771vw; bottom:-4.1667vw;}

    #main-cont04 .scroll-text{width:10.7813vw; left:auto; right:0; top:0;}
    #main-cont04 .scroll-text:before{height: 23.4375vw; background-color: #0072b4; bottom:5.6771vw;}
    #main-cont04 .scroll-text>span{padding-top:30.2083vw; color: #0072b4;}

#main-cont05{width:100%; height:50.7813vw; margin-top:17.1875vw; position: relative; display: flex; align-items: center; justify-content: flex-end;}
    #main-cont05 .img-area{width:57.0833vw; position: absolute; left:0; top:0;}
    #main-cont05 .text-area{width:44.3750vw; text-align: center; position: relative; z-index:2;}
    #main-cont05 .text-area:before{content: ""; width: 48.7500vw; height: 0.0521vw; background-color: #0072b4; position:absolute; left: -37.5521vw; top:5.9896vw;}

    #main-cont05 .count-area{font-size:10.4167vw; line-height:1; color: #0072b4; position: relative;}

    #main-cont05 .scroll-text{width:10.7813vw; left:0; top:0;}
    #main-cont05 .scroll-text:before{height: 21.0104vw; background-color: #0072b4; bottom:6.3542vw;}
    #main-cont05 .scroll-text>span{padding-top:34.5000vw; color: #0072b4;}

#main-cont06{width:100%; height:61.9792vw; position: relative; display: flex; align-items: flex-end; justify-content: flex-end;}
    #main-cont06 .img-area{width:71.8750vw; height:42.7083vw; background:url("http://ibnetworks.iceserver.co.kr/images/main/img_main-cont06.jpg") no-repeat center center/100%; position: absolute; left:0; top:0;}
    #main-cont06 .text-area{width:54.1667vw; height:31.2500vw; background-color: #f0f0f0; color: #0072b4; text-align: center; position: relative; z-index:2; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
    #main-cont06 .text-area>*{width:100%;}
    #main-cont06 .text-area .img{width: 16.3021vw;}
    #main-cont06 .text-area .tit{margin-top:3.1250vw;}

#main-cont07{width:100%; height:61.9792vw; margin-top:13.5417vw; position: relative; display: flex; align-items: flex-end; justify-content: flex-end;}
    #main-cont07 .img-area{width:71.8750vw; height:42.7083vw; background:url("http://ibnetworks.iceserver.co.kr/images/main/img_main-cont07.jpg") no-repeat center center/100%; position: absolute; left:0; top:0;}
    #main-cont07 .text-area{width:54.1667vw; height:31.2500vw; background-color:rgba(0,114,180,0.9); color: #fff; text-align: center; position: relative; z-index:2; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
    #main-cont07 .text-area>*{width:100%;}

    #main-cont07 .count-area{font-size:15.6250vw; color: #7f7f7f; right:17.0313vw; bottom:-8.3333vw; z-index:3;}

#main-cont08{width:100%; margin:21.8750vw 0 7.8125vw; position: relative; display: flex; align-items: flex-end; justify-content: flex-end;}
    #main-cont08 .img-area{width:45.8333vw; text-align: center;}
    #main-cont08 .img-area img{width:10.4688vw; margin-left:-2.6042vw;}

    #main-cont08 .img-area .scroll-text{width:10.7813vw; left:0; top:0;}
    #main-cont08 .img-area .scroll-text:before{height: 26.0417vw; background-color: #0072b4; bottom:11.4583vw;}
    #main-cont08 .img-area .scroll-text>span{padding-top:38.0208vw; color: #0072b4;}

    #main-cont08 .text-area{width:54.1667vw; height:50.0000vw; padding:6.25vw 7.2917vw 6.25vw 4.1667vw; background-color: #999;}
    #main-cont08 .title-box{margin-bottom:1.8229vw;}
    #main-cont08 .title-box>dt{font-weight: 900; font-size:4.6875vw; line-height:1; color: #0072b4;}
    #main-cont08 .title-box>dd{margin-top:0.7813vw; font-weight: 500; font-size:1.3021vw; line-height:1; color: #fff;}
    #main-cont08 .now-list{width:100%; border-top:0.0521vw solid #fff;}
    #main-cont08 .now-list>li{width:100%; border-bottom:0.0521vw solid #fff;}
    #main-cont08 .now-list>li>a{width:100%; padding:1.0417vw 0; font-weight: 500; font-size:1.1458vw; line-height:1.8750vw; color: #fff; display: flex; align-items: flex-start; justify-content: flex-start;}
    #main-cont08 .now-list .num{width:5.2083vw;}
    #main-cont08 .now-list dl{}
    #main-cont08 .now-list dl>dt{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
    #main-cont08 .now-list dl>dd{margin-top:0.1042vw; font-weight: 400; font-size:0.9375vw; line-height:1.3542vw; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

    #main-cont08 .text-area .scroll-text{width:5.5729vw; left:auto; right:0; top:0;}
    #main-cont08 .text-area .scroll-text:before{height: 29.1667vw; background-color: #fff; bottom:13.5417vw;}
    #main-cont08 .text-area .scroll-text>span{padding-top:7.2917vw; color: #fff;}

/*
#main-cont03,
.main-cont .img-over{transition: background-size .5s ease-out;}

#main-cont03:hover,
.main-cont .img-over:hover{background-size:105% !important;}
*/

/* visual */
    #mVisual{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden;}
    #mVisual:before{content: ""; width: 212vw; height: 100%; background-color: #fafafa; display: inline-block; position:absolute; left: 50%; top:calc(100vh - 6.2vh); border-radius:100%; z-index:5; transform: translateX(-50%);}
    #mVisual .visualRoll{white-space: nowrap;}
    #mVisual .visualRoll .slider{width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}
    #mVisual .visualRoll .slider img{width:100%; max-width:none; height:100vh; object-fit: cover;}

    #mVisual .slick-arrow{width:auto; height:auto; margin:0; padding:0; border:none; font-weight: 100; font-size:6rem; line-height:1; color: #fff; position: absolute; top:50%; z-index:7; transform: translateY(-50%); cursor: pointer;}
    #mVisual .slick-prev{left:3rem}
    #mVisual .slick-next{right:3rem}
    #mVisual .slick-arrow:hover{color: var(--point); opacity:1;}

    #mVisual .vTxtArea{width:100%; height:100%; max-width:1780px; padding:0 3rem; text-align: left; position: absolute; left:50%; top:0; transform: translateX(-50%); z-index:6; display: flex; align-items: center; justify-content: center;}
    #mVisual .vTxtArea .vTxt_in{width:100%; max-width:116rem; padding:4rem 0 0; position: relative;}
    #mVisual .vTxt{width:100%; position: absolute; left:0; top:-999px;}
    #mVisual .vTxt .ii{color: #fff; top:50px; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word;}
    #mVisual .vTxt .i01{-webkit-transition-delay: .4s; transition-delay: .4s;}
    #mVisual .vTxt .i02{-webkit-transition-delay: .45s; transition-delay: .45s;}
    #mVisual .vTxt .i03{-webkit-transition-delay: .5s; transition-delay: .5s;}
    #mVisual .vTxt .i04{-webkit-transition-delay: .55s; transition-delay: .55s;}
    #mVisual .vTxt .i05{-webkit-transition-delay: .6s; transition-delay: .6s;}
    #mVisual .vTxt .i06{-webkit-transition-delay: .65s; transition-delay: .65s;}
    #mVisual .vTxt .i07{-webkit-transition-delay: .7s; transition-delay: .7s;}

    #mVisual .vTxt .ii.title{font-weight: bold; font-size:9.3rem; line-height:1;}
    #mVisual .vTxt .ii.txt{margin-top:2.5rem; font-weight: 500; font-size:3rem; line-height:1;}
    #mVisual .vTxt .ii.btn{margin-top:6rem;}
    #mVisual .vTxt .ii.btn>a{width:16rem; height:5.2rem; padding:0 2.9rem; border:1px solid #fff; font-weight: 500; font-size:1.8rem; line-height:1; color: #fff; text-align: center; display: flex; align-items: center; justify-content: space-between; border-radius:99px;}
    #mVisual .vTxt .ii.btn>a:after{content: "+"; font-weight: 300; font-size:2.4rem;}

    #mVisual .vTxt .ii.controll{margin-top:5rem;}

    #mVisual .slick-dots{width:100%; text-align: center; position: absolute; left:0; bottom:2.3vh; z-index:8;}
    #mVisual .slick-dots>li{display:inline-block; vertical-align: top;}
    #mVisual .slick-dots>li+li{margin-left:1rem;}
    #mVisual .slick-dots>li button{width:1.1rem !important; height:1.1rem; margin:0; padding:0; background-color:#e6e6e6; border:none; font-size:0; line-height:0; cursor: pointer; border-radius:99px;}
    #mVisual .slick-dots>li.slick-active button{width:4.1rem !important; background-color:var(--point);}

    #mVisual .vTxt.active{position: static; top:0px;}
    #mVisual .vTxt.active .ii{top:0px; opacity:1;}
/*[e] Main Style */

/*[s] Sub Style */
.s-tab{width:100%; margin:-1rem 0 3.5rem; display: flex; flex-wrap: wrap; justify-content: center; position: relative;}
.s-tab>a{margin:1rem 1.3rem; font-weight: 500; font-size:2.3rem; line-height:1.4; color: #666; text-align: center; display: flex; align-items: center; justify-content: center; white-space: nowrap; position: relative;}
.s-tab>a:before{content: ""; width: 0; height: 2px; background-color: var(--point); display: inline-block; position:absolute; left: 50%; bottom:0px;}

.s-tab>a:hover,
.s-tab>a.active{color: var(--point);}

.s-tab>a:hover:before,
.s-tab>a.active:before{width:100%; left:0;}

/* COMPANY */
    body[data-pgCode="0101"] #container{background:url("http://ibnetworks.iceserver.co.kr/images/sub/bg_overview.jpg") repeat-y center top;}
    .overview-area{width:100%; margin-top:12rem; padding-bottom:24rem; background:url("http://ibnetworks.iceserver.co.kr/images/sub/bg_overview.png") no-repeat left bottom; position: relative;}
        .overview-top{width:100%; position: relative; z-index:2;}
        .overview-top:before{content: ""; height:100%; background-color: var(--point); position:absolute; left: 8.59375%; right:0; top:0px; border-radius:0 0 0 7rem;}
        .overview-top:after{content: ""; width:50%; height:100%; background-color: var(--point); position:absolute; right: -50%; top:0px;}
        .overview-top .img{width:66rem; position: absolute; left:-25%; top:-7rem; border-radius:0 7rem 0 7rem;}
        .overview-top .overview-in{padding:9rem 0 9rem 32.8125%; position: relative; z-index:2;}
        .overview-top .overview-in .title{font-weight: bold; font-size:3.2rem; line-height:4.6rem; color: #fff;}
        .overview-top .overview-in .text{margin-top:4.5rem; font-weight: 500; font-size:2.2rem; line-height:1.3; color: rgba(255,255,255,0.9);}
        .overview-top .overview-in .txt{margin-top:2rem; padding-left:1.5rem; font-weight: 300; font-size:2rem; line-height:1.3; color: rgba(255,255,255,0.8); position: relative;}
        .overview-top .overview-in .txt:before{content: "※"; position:absolute; left: 0; top:0px;}
        .overview-top .overview-in .txt>strong{font-weight: 500;}

        .overview-top .overview-in .graphics{width:100%; margin-top:3rem; padding:3rem; border:1px dashed rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center;}
        .overview-top .overview-in .graphics>dl{line-height:1; color: rgba(255,255,255,0.9); text-align: center;}
        .overview-top .overview-in .graphics>dl>dt{font-weight: bold; font-size:2.8rem;}
        .overview-top .overview-in .graphics>dl>dd{margin-top:1rem; font-weight: 300; font-size:1.7rem;}
        .overview-top .overview-in .graphics>p{width:100%; max-width:17.5rem; position: relative;}
        .overview-top .overview-in .graphics>p:before,
        .overview-top .overview-in .graphics>p:after{content: "";  background-color: #fff; position:absolute; left: 50%; top:50%;}
        .overview-top .overview-in .graphics>p:before{width: 1px; height: 3rem; margin:-1.5rem 0 0 -0.5px;}
        .overview-top .overview-in .graphics>p:after{width: 3rem; height: 1px; margin:-0.5px 0 0 -1.5rem;}

        .overview-btm{width:100%; max-width:90rem; margin-top:11.5rem;}
        .overview-btm .title{}
        .overview-btm .title>strong{font-weight: bold; font-size:3.4rem; line-height:1; color: #1b1b1b;}
        .overview-btm .title>span{padding-left:1.5rem; font-weight: 600; font-size:2.7rem; line-height:1; color: var(--point);}

        .overview-btm .tit{margin-top:4.5rem; font-weight: 600; font-size:2.3rem; line-height:3.6rem; color: #333;}
        .overview-btm .text{margin-top:2rem; font-weight: 400; font-size:1.8rem; line-height:2.8rem; color: #666; text-shadow:-1px -1px 0 rgba(250,250,250,0.8), 1px -1px 0 rgba(250,250,250,0.8), -1px 1px 0 rgba(250,250,250,0.8), 1px 1px 0 rgba(250,250,250,0.8);}

    .ideology-area{width:100%; margin-top:6rem; padding-bottom:16rem; position: relative;}
        .ideology-visual{width:100%; height:50rem; background:url("http://ibnetworks.iceserver.co.kr/images/sub/bg_ideology.jpg") no-repeat center top; position: relative;}
        .ideology-visual .visual-box{width:50rem; height:30rem; padding:5.5rem 7rem; background-color: var(--point); font-weight: bold; font-size:3.5rem; line-height:4.8rem; color: #fff; position: relative; top:-7rem; border-radius:0 7rem 0 7rem}

        .ideology-middle{width:100%; padding:8.5rem 0 9rem; text-align: center;}
        .ideology-middle>dt{font-weight: bold; font-size:3.6rem; line-height:4.8rem; color: #000;}
        .ideology-middle>dt>span{font-size:2.4rem;}
        .ideology-middle>dd{margin-top:4rem; font-size:2rem; line-height:3.2rem; color: #555;}

        .ideology-btm{width:100%; padding:9.5rem 13rem; background-color: #fafafa; text-align: center;}
        .ideology-btm .title{margin-top:3.5rem; font-weight: 600; font-size:3.6rem; line-height:1.3; color: #000;}
        .ideology-btm .tit{margin-top:4.5rem; font-weight: 500; font-size:2rem; line-height:3rem; color: #666;}
        .ideology-btm .text{margin-top:1.5rem; font-size:1.8rem; line-height:2.8rem; color: #999;}

        .ideology-btm .graphics{width:100%; margin-top:3.5rem; display: flex; align-items: center; justify-content: space-between;}
        .ideology-btm .graphics>dl{width:calc(50% - 1rem); padding:2.9rem 2.9rem 2.9rem 12.9rem; border:1px dashed #ccc; text-align: left; position: relative;}
        .ideology-btm .graphics>dl:before{content: ""; width:8rem; height:10rem; margin-top:-5rem; background-color: #050013; position:absolute; left: 2.9rem; top:50%; border-radius:0 2.3rem 0 2.3rem}
        .ideology-btm .graphics>dl>dt{font-weight: bold; font-size:2rem; line-height:2.8rem; color: #1b1b1b;}
        .ideology-btm .graphics>dl>dd{font-weight: 400; font-size:1.8rem; line-height:3rem; color: #666;}
        .ideology-btm .graphics>dl>dd>p{font-weight: 300; font-size:1.6rem; line-height:3.4rem; color: #999;}

        .ideology-btm .graphics>dl.red:before{background-color: var(--point);}

    .system-area{width:100%; margin-top:7rem; position: relative;}
        .system-top{width:100%; display: flex; align-items: center; justify-content: space-between;}
        .system-top .thumb{width:39.0625%;}
        .system-top .thumb img{width:100%; height:100%; max-width:none; border-radius:0 7rem 0 7rem; object-fit:cover; object-position: center bottom;}
        .system-top .text{width:calc(100% - 45.3125%);}
        .system-top .text>dl{line-height:3rem; }
        .system-top .text>dl>dt{font-weight: 600; font-size:2.1rem; color: #1b1b1b;}
        .system-top .text>dl>dd{font-size:1.8rem; color: #666;}
        .system-top .text>dl+dl{margin-top:2.5rem;}

        .system-btm{width:100%; margin-top:12rem; padding:11.5rem 0 16rem; background-color: #fafafa;}
        .system-step{width:100%; max-width:108rem; margin:3.5rem auto 0; display: flex; flex-wrap: wrap; counter-reset:item;}
        .system-step>li{width:calc(33.3333% - 6rem); max-width:30rem; height:35rem; margin:3rem; padding:4.5rem 3rem; background-color: #fff; text-align: center; position: relative;}
        .system-step>li:before{content: "→"; width:6rem; height:100%; font-weight: bold; font-size:2.2rem; line-height:1; color: #cbcbcb; position:absolute; left: -6rem; top:0px; display: flex; align-items: center; justify-content: center;}
        .system-step>li .num{font-weight: 600; font-size:2rem; line-height:1; color: #000; position: relative;}
        .system-step>li .num:before{content: ""; width: 7rem; height: 0.5rem; margin-left:-3.5rem; background-color: #ffe88a; display: inline-block; position:absolute; left: 50%; bottom:0px;}
        .system-step>li .num>span{position: relative; z-index:2;}
        .system-step>li .num>span:after{counter-increment: item; content: counter(item);}
        .system-step>li .thumb{width:100%; height:17rem; display: flex; align-items: center; justify-content: center;}
        .system-step>li dl{}
        .system-step>li dl>dt{font-weight: bold; font-size:2rem; line-height:1; color: #000;}
        .system-step>li dl>dd{margin-top:0.7rem; font-size:1.8rem; line-height:2.5rem; color: #666;}

        .system-step>li:nth-child(1) .thumb img{width:19.6rem;}
        .system-step>li:nth-child(2) .thumb img{width:11.5rem;}
        .system-step>li:nth-child(3) .thumb img{width:10.5rem;}
        .system-step>li:nth-child(4) .thumb img{width:10.9rem;}
        .system-step>li:nth-child(5) .thumb img{width:6.1rem;}
        .system-step>li:nth-child(6) .thumb img{width:9.7rem;}

        .system-step>li:nth-child(3n+1):before{display:none;}

    .history-area{width:100%; position: relative;}
        .history-area:before{content: ""; width: 1px; margin-left:-0.5px; background-color: #dadada; display: inline-block; position:absolute; left: 50%; top:1rem; bottom:7rem;}
        .history-area>li{width:100%; padding-right:50%; text-align: right; display: flex; flex-wrap: wrap;}
        .history-area>li dl{width:100%; padding:0 6.1rem; position: relative;}
        .history-area>li dl:before{content: ""; width: 2.2rem; height: 2.2rem; background-color: #fff; border:0.5rem solid var(--point); display: inline-block; position:absolute; right: -1.1rem; top:1rem; border-radius:99px; box-sizing: border-box;}
        .history-area>li dl>dt{font-weight: 600; font-size:4.2rem; line-height:1; color: #1b1b1b;}
        .history-area>li dl>dd{margin-top:2.5rem; font-size:2rem; line-height:3.2rem; color: #555;}

        .history-area>li:nth-child(even){padding:0 0 0 50%; text-align: left;}
        .history-area>li:nth-child(even) dl:before{right:auto; left: -1.1rem;}

        .history-area>li+li{margin-top:6.5rem;}

    .location-area{width:100%; position: relative;}
        .location-info{width:100%; height:25rem; margin-top:-7rem; padding:0 3.9rem; background-color: var(--point); position: relative; z-index:3; border-radius:0 7rem 0 7rem; display: flex; align-items: center; justify-content: center;}
        .location-info>dl{width:100%; display: flex; align-items: center; justify-content: center;}
        .location-info>dl>dt{width:31.796875%; max-width:40.7rem; font-weight: 600; font-size:3.8rem; line-height:1; color: #fff; text-align: center; white-space: nowrap;}
        .location-info>dl>dd{width:calc(100% - 31.796875%); padding-left:6.71875%; position: relative;}
        .location-info>dl>dd:before{content: ""; width: 1px; height: 10rem; margin-top:-5rem; background-color: #e58291; display: inline-block; position:absolute; left: 0; top:50%;}
        .location-info>dl>dd p{padding-left:3.3rem; background-repeat: no-repeat; background-position: left center; font-size:2rem; line-height:1.4; color: #fff;}
        .location-info>dl>dd p+p{margin-top:1.8rem;}
        .location-info>dl>dd p.juso{background-image: url("http://ibnetworks.iceserver.co.kr/images/sub/icon_location01_01.png");}
        .location-info>dl>dd p.tel{background-image: url("http://ibnetworks.iceserver.co.kr/images/sub/icon_location01_02.png");}
        .location-info>dl>dd p.mail{background-image: url("http://ibnetworks.iceserver.co.kr/images/sub/icon_location01_03.png");}

        .location-transportation{width:100%; max-width:106rem; margin:8rem auto 0; display: flex; align-items: center; justify-content: space-between;}
        .location-transportation>dl{width:calc(50% - 1rem); height:40rem; padding:4rem 3rem 6rem; border:1px dashed #ccc; text-align: center; position: relative;}
        .location-transportation>dl>*{max-width:34rem; margin:0 auto;}
        .location-transportation>dl>dt{padding-bottom:3.1rem; border-bottom:1px solid #e5e5e5; font-weight: 500; font-size:3.2rem; line-height:1; color: #000; position: relative; }
        .location-transportation>dl>dt:before{content: ""; width:5.4rem; height:5.4rem; margin:0 auto 1.5rem; background: url("http://ibnetworks.iceserver.co.kr/images/sub/icon_location02_01.png") no-repeat center center / 2.2rem; border:1px solid #d0d0d0; border-radius:99px; display:block;}
        .location-transportation>dl>dd{padding-top:1.9rem; display: flex; justify-content: center;}
        .location-transportation>dl>dd ul{}
        .location-transportation>dl>dd ul>li{margin-top:2rem; font-size:1.8rem; line-height:2.6rem; color: #666; display: flex;}

        .location-transportation>dl.subway>dd ul>li>strong{margin-right:2rem; font-weight: 500; font-size:2rem; line-height:2.6rem; position: relative; display: flex; align-items: center;}
        .location-transportation>dl.subway>dd ul>li>strong:before{content: attr(data-line); width:2.6rem; height:2.6rem; margin-right:1rem; font-size:1.7rem; color: #fff; border-radius:99px; display:inline-block;}

        .location-transportation>dl.subway>dd ul>li>strong[data-line="9"]{color: #bc9a2f;}
        .location-transportation>dl.subway>dd ul>li>strong[data-line="9"]:before{background-color: #bc9a2f;}
        .location-transportation>dl.subway>dd ul>li>strong[data-line="8"]{color: #df4581;}
        .location-transportation>dl.subway>dd ul>li>strong[data-line="8"]:before{background-color: #df4581;}
        .location-transportation>dl.subway>dd ul>li>strong[data-line="2"]{color: #59b353;}
        .location-transportation>dl.subway>dd ul>li>strong[data-line="2"]:before{background-color: #59b353;}

        .location-transportation>dl.bus>dt:before{background-image: url("http://ibnetworks.iceserver.co.kr/images/sub/icon_location02_02.png");}
        .location-transportation>dl.bus>dd ul>li>strong{width:6rem; height:3rem; margin-right:2rem; font-weight: 500; font-size:1.8rem; line-height:3rem; color: #fff; text-align: center; position: relative; display: flex; align-items: center; justify-content:center; border-radius:99px;}
        .location-transportation>dl.bus>dd ul>li>strong:before{content: attr(data-line);}

        .location-transportation>dl.bus>dd ul>li>strong[data-line="간선"]{background-color: #376ec8;}
        .location-transportation>dl.bus>dd ul>li>strong[data-line="지선"]{background-color: #62b01f;}

/* PRODUCT */
    .menu-area{}
        .menu-icon{width:5rem; height:2.2rem; margin-right:1.5rem; background-color:var(--point); font-weight: bold; font-size:1.5rem; line-height:1; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;}

        .menu-list{width:100%;}
        .menu-list .list{margin:-6rem 0 0 -2rem;}
        .menu-list .list>li{width:25%; padding:6rem 0 0 2rem; display:inline-block; vertical-align: top;}

        .menu-list .list-conts{display:block; position: relative;}
        .menu-list .list-conts .menu-icon{position: absolute; left:0; top:0; z-index:2;}
        .menu-list .list-conts .thumb{width:100%; height:0; padding-bottom:100%; overflow: hidden; position: relative;}
        .menu-list .list-conts .thumb img{width:100%; max-width:none; height:100%; border:1px solid #eee; position: absolute; left:0; top:0; object-fit:cover; object-position: center center; border-radius:0 3rem 0 3rem;}

        .menu-list .list-conts .menu-text{width:100%; height:12.6rem; padding:1.5rem; font-size:1.8rem; line-height:3.2rem; color: #666; text-align: center; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
        .menu-list .list-conts .cate{width:100%;}
        .menu-list .list-conts .title{width:100%; font-weight: 600; font-size:2rem; color: #1b1b1b;}
        .menu-list .list-conts .tag{padding-top:1.5rem; font-weight: 300; font-size:1.6rem; line-height:1.4; color: #999;}

        .menu-list .more{margin-top:10rem; text-align: center;}
        .menu-list .more>button{width:28rem; height:5.5rem; margin:0; padding:0; border:1px solid #000; font-size:1.8rem; line-height:1; color: #000; text-align: center;}

/* EDUCATION */
    .education-area{}
        .education-top{width:100%; height:52rem; padding-top:7rem; background-color: #fafafa;}
        .education-top .inConts{display: flex; justify-content: space-between;}
        .education-top .thumb{width:39.0625%;}
        .education-top .thumb img{width:100%; height:100%; max-width:none; border-radius:0 7rem 0 7rem; object-fit:cover; object-position: center bottom;}
        .education-top .text{width:calc(100% - 45.3125%); padding-top:10rem;}
        .education-top .text>dl{line-height:3rem;}
        .education-top .text>dl>dt{font-weight:bold; font-size:3.6rem; line-height:1; color: #000;}
        .education-top .text>dl>dd{margin-top:4rem; font-size:1.8rem; color: #999;}
        .education-top .text>dl>dd>p{margin-bottom:1.5rem; font-weight: 500; font-size:2rem; color: #666;}

        .education-top + .h-text{margin-top:20rem;}

        .education-point{width:100%; max-width:1040px; margin:4rem auto 0; display: flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
        .education-point>li{width:calc(50% - 2rem); height:14rem; margin:1rem; padding:2rem; border:1px dashed #ccc; display: flex; align-items: center; justify-content: center;}
        .education-point>li>dl{text-align: center;}
        .education-point>li>dl>dt{font-size:2rem; line-height:1.2; color: #666;}
        .education-point>li>dl>dd{margin-top:1.5rem; font-size:1.8rem; line-height:1.3; color: #999;}

        .education-top.h700{height:70rem; margin-top:8.5rem;}



/* SHOP */
    .store-cate{width:100%; margin-bottom:4.5rem; padding:4.5rem 4rem; background-color: #fff9f9; display: flex; flex-wrap: wrap;}
        .store-cate>a{width:11rem; height:5rem; margin:0.5rem; background-color: #fff; font-weight: 300; font-size:1.8rem; line-height:1.2; color: #666; display: flex; align-items: center; justify-content: center; border-radius:99px;}
        .store-cate>a:hover,
        .store-cate>a.active{background-color: var(--point); color: #fff;}

	/* PARTNERSHIP */
		.partnership-area{margin-bottom:-5rem; counter-reset:item;}
		.partnership-area>li{}
		.partnership-area>li>.title{height:15rem; padding-left:10.5rem; background-color: #003b7f; font-weight: bold; font-size:4rem; line-height:1; color: #fff; display: flex; align-items: center; position: relative;}
		.partnership-area>li>.title::before {counter-increment: item; content: counter(item); position: absolute; left:5rem; top:50%; transform: translateY(-50%);}
		.partnership-area>li:nth-child(-n+9)>.title::before{content: "0"counter(item);}

		.partnership-area>li dl{width:100%; display: flex;}
		.partnership-area>li dl>*{display: flex; align-items: center;}/* min-height:25rem;  */
		.partnership-area>li dl>dt{width:22rem; padding-left:5rem; font-size:3.5rem; line-height:1; color: #111;}
		.partnership-area>li dl>dt+dd{padding-top:5rem;}
		.partnership-area>li dl>dt.p0+dd{padding-top:5rem;}
		.partnership-area>li dl>dd{width:calc(100% - 22rem); padding-bottom:5rem; display: flex; flex-flow: row wrap; gap:2rem 0; text-align: center;}
		.partnership-area>li dl>dd p{width:20%; padding:0 2rem;}
		.partnership-area>li dl>dd img{}

		.partnership-area>li dl+dl>dd{border-top:1px solid #ddd;}

/* etc */
    .etc_clause{width:90%; margin:0 auto;  font-size:0; line-height:0; text-align: center; box-sizing:border-box; position: relative; overflow: visible;}
    .etc_clause:before,
    .etc_clause:after{content:"";position:absolute;top:2%;bottom:0;left:10px;right:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-border-radius:100px / 10px; border-radius:100px / 10px;}
    .etc_clause:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}

    .etc_clause .etc_clause_in{padding:60px 80px 80px; background-color: #fdfdfd; border:1px solid #cecece; border-radius:10px; position: relative; z-index:2;}
    .etc_clause .logo{margin:0;}
    .etc_clause .logo img{}
    .etc_clause .txt{padding:15px 0 55px; font-weight: 300; font-size:18px; line-height:1; color: #636363;}
    .etc_clause .txt>span{font-weight: 400; color: #1b1b1b;}

    .etc_clause .scroll{font-weight:300; font-size:16px; line-height:1.8; color: #626262; text-align: left;}

    .etc_select{width:90%; margin:0 auto 2rem; text-align: right;}
    .etc_select select.base{width:auto;}
/*[e] Sub Style */

/*[s] Plugin Style */
.layer-base.fancybox__content>.carousel__button.is-close{width:3.3rem; height:3.3rem; top:2.2rem !important; right:3rem; display:none !important;}
.layer-base.fancybox__content>.carousel__button.is-close svg{width:100%; height:100%; stroke-width:1.5; filter:none; color: #666;}

.layer-base{padding:0 !important; background-color: transparent !important; font-size:0; line-height:0; display:none;}
.layer-base .layer-in{padding:10rem; background-color: #fff; position: relative;}
.layer-base .close_lays{margin:0; padding:0; position: absolute; right:4.5rem; bottom:4.5rem; z-index:3;}
.layer-base .close_lays img{height:5.5rem; vertical-align: top;}

.fancybox__slide{padding: 64px 3rem !important;}
.fancybox__backdrop{background-color:rgba(0,59,127,0.8) !important;}

.layer-base.test {display: block;}

#layer-member{width:100%; max-width:120rem;}
#layer-member .layer-member-area{display: flex; align-items: center;}
#layer-member .layer-member-area .thumb{width:50%; max-width:44rem; overflow: hidden;}
#layer-member .layer-member-area .thumb img{}
#layer-member .layer-member-area .text-in{width:42rem; padding-left:6rem;}
#layer-member .layer-member-area .text-in .title{padding-bottom:2.5rem; border-bottom:1px solid #003b7f; font-weight: bold; font-size:3.2rem; line-height:1.3; color: #003b7f;}
#layer-member .layer-member-area .text-in .info{margin-top:2.5rem; font-size:2.2rem; line-height:3.6rem; color: #111;}


#layer-password{width:44rem; border:1px solid #cdcdcd;}
#layer-password .layer-base-conts{padding:4.5rem 7rem; background-color: #fff;}

#layer-password .pass-title{line-height:1; color: #8c8c8c; text-align: center;}
#layer-password .pass-title>dt{font-weight: 600; font-size:1.6rem;}
#layer-password .pass-title>dd{margin-top:1.5rem; font-size:1.4rem;}

#layer-password .pass-form{width:100%; margin-top:3rem;}
#layer-password .pass-form input[type=text],
#layer-password .pass-form input[type=password]{width:100%; height:3.8rem; padding:0; background-color: #fff; border:1px solid #cdcdcd; font-size:1.6rem; line-height:3.6rem; color: #8c8c8c; text-align: center; display:block; border-radius:0;}

#layer-password .pass-btn{margin-top:3rem; display: flex; justify-content: space-between;}
#layer-password .pass-btn>a{width:48%; height:3.8rem; background-color: #fff; border:1px solid #cdcdcd; font-weight: 500; font-size:1.4rem; line-height:1; color: #8c8c8c; text-align: center; display: flex; align-items: center; justify-content: center;}
#layer-password .pass-btn>a[ok]{background-color: var(--point); border-color:var(--point); color: #fff;}






#layer-time{width:100%; max-width:150rem;}
#layer-time .layer-time-area{display: flex; align-items: flex-start; justify-content: space-between; gap: 8rem; padding-bottom: 2rem;}
#layer-time .layer-time-area .thumb{width:auto; max-width:58rem;  overflow: hidden;}
#layer-time .layer-time-area .thumb2{width:auto; max-width: 27rem; }
#layer-time .layer-time-area .thumb2 img{ width: 100%; }
#layer-time .layer-time-area .text-in{ flex: 1; }
#layer-time .layer-time-area .text-in .title{padding-bottom:2.5rem; border-bottom:1px solid #003b7f; font-weight: bold; font-size:3rem; line-height:1.3; color: #003b7f;}
#layer-time .layer-time-area .text-in .info{margin-top:2.5rem; font-size:2.2rem; line-height:3.6rem; color: #111;}



#layer-time .swiper { width: 100%; height: 100%; }
#layer-time .thumb2 .swiper-wrapper { flex-direction: column; gap: 2rem; }
#layer-time .thumb2 .swiper-slide img { cursor: pointer; max-width: 27rem; width: 27rem;}
#layer-time .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
#layer-time .swiper-slide img { display: block; width: 100%; aspect-ratio: 58/38; object-fit: cover; }
#layer-time .swiper { width: 100%; margin-left: auto; margin-right: auto; }
#layer-time .swiper-slide {background-size: cover;background-position: center;}
#layer-time .mySwiper {box-sizing: border-box; padding: 10px 0;}
#layer-time .mySwiper .swiper-slide { width: 100% !important; height: 100%; opacity: 1; }
#layer-time .mySwiper .swiper-slide-thumb-active { opacity: 1; }
#layer-time .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }



/* Layer Style */
    /*.layerArea .layerIn .layerBgIn{width:0px; height:0px; background-color: rgba(255,255,255,0.7); position:absolute; left:50%; top:50%; z-index:100; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}*/

    .layerCell{display:none;}

    .layerArea{width:0px; height:0px; background-color: rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; z-index:99; overflow:hidden; overflow-y:auto; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}
    .layerArea.one,
    .layerArea.two{width:100%; height:100%; left:0%; top:0%;}
    .layerArea.two .layerBgIn{width:100%; height:100%; left:0%; top:0%;}
    .layerArea .closeLy{width:1.7rem; height:1.7rem; display:inline-block; position: absolute; right:0; top:0;}
    .layerArea .closeLy:before,
    .layerArea .closeLy:after{content: ""; background-color: #080808; position: absolute; left:50%; top:50%;}
    .layerArea .closeLy:before{width: 100%; height: 2px; transform:translate(-50%, -50%) rotate(45deg);}
    .layerArea .closeLy:after{width: 2px; height: 100%; transform:translate(-50%, -50%) rotate(45deg);}
    .layerArea .closeLy.type02{width:2.3rem; height:2.3rem; right:3rem; top:3rem;}
    .layerArea .closeLy.type02:before,
    .layerArea .closeLy.type02:after{background-color: #676767;}

    .layerArea .layerIn{width:100%; height:100%; display: table; position:relative;}
    .layerArea .layerIn .layerCell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;}
    .layerArea .layerIn .layerBox{margin:0 auto; background-color: #fff; font-size:0; line-height:0; display:none; position: relative; box-sizing: border-box; z-index:99; border-radius:1rem;}
    /*
    .layerArea .layerIn .layerBox>.tit_lay{padding:25px 25px 15px;}
    .layerArea .layerIn .layerBox>.tit_lay>strong{font-size:16px; line-height:1; color:#00a9cc;}
    */
    .layerArea .layerIn .layerBox .contLy{position: relative;}

    .downlay{width:100%; padding:10rem 0; border-radius:0 !important;}
    .downlay .closeLy{top:-5rem;}
    .downlay>.contLy{width:64.5rem; margin:0 auto; text-align: center;}
    .downlay .title{padding-bottom:5rem; font-weight: bold; font-size:3rem; line-height:1; color: #000;}
    .downlay .title>strong{color: #23abaf;}
    .downlay .utllBox{width:47.6rem; margin:0 auto; display:table; table-layout: fixed;}
    .downlay .utllBox>*{width:50%; display:table-cell; vertical-align: top; box-sizing: border-box;}
    .downlay .utllBox .tit{font-size:1.5rem; line-height:1; color: #666;}
    .downlay .utllBox .txt{margin-top:2.5rem; font-size:1.2rem; line-height:1; color: #888;}
    .downlay .utllBox .icon{height:15rem; margin-top:3rem; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center;}
    .downlay .utllBox .icon>p+p{margin-top:2rem;}
    .downlay .utllBox>.qr{border-left:1px solid #dadada;}
    .downlay .utllBox>.store img{width:16.8rem;}
    .downlay .utllBox>.qr img{width:15rem;}

    .formLay{width:62rem; padding:7rem 5rem 6rem; border-radius:1rem;}
    .formLay input[type=text]{width:100%; height:5.4rem; padding:0; background-color:#fff; border-bottom:2px solid #e8e8e8; font-size:1.8rem; line-height:5.2rem; color:#666; box-sizing: border-box; vertical-align:middle; display:inline-block;}
    .formLay .title{padding-bottom:3.5rem; border-bottom:1px solid #333; font-weight: 500; font-size:2.6rem; line-height:1; color: #1b1b1b;}
    .formLay .textBox{width:62rem; margin:-1px 0 0 -5rem; padding:4rem 0; background-color: #f6f7fa; border-top:1px solid #ececec; border-bottom:1px solid #ececec; font-size:1.9rem; line-height:1; color: #1b1b1b; letter-spacing: -0.08em; text-align: center; position: relative; z-index:2;}
    .formLay .textBox>span{color: #149699;}
    .formLay .launchingForm{margin-top:1rem;}
    .formLay .launchingForm>li{padding-top:4rem;}
    .formLay .launchingForm>li>dl{}
    .formLay .launchingForm>li>dl>dt{font-weight: 500; font-size:1.9rem; line-height:1; color: #1b1b1b;}
    .formLay .launchingForm>li>dl>dd{height:6.4rem; padding-top:1rem; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; box-sizing: border-box;}
    .formLay .launchingForm>li>dl>dd.two{flex-wrap: nowrap; justify-content: space-between; white-space: nowrap;}
    .formLay .launchingForm>li>dl .checkIn{}

    .formLay .launchingForm>li.two{display: flex; justify-content: space-between;}
    .formLay .launchingForm>li.two>dl{width:48%;}
    .formLay .launchingForm>li .clauseView{font-size:1.7rem; line-height:1; color: #989898;display:inline-block;}
    .formLay .launchingForm>li .clauseView>span{border-bottom:1px solid #999; padding:0.2rem 0 0.3rem; display:inline-block;}
    .formLay .btnArea{margin-top:6rem;}

    .privacylay{width:62rem; padding:7rem 5rem;}
    .privacylay .title{padding-bottom:3.5rem; font-weight: 500; font-size:2.8rem; line-height:1; color: #000; text-align: center;}
    .privacylay .clauseArea .scroll{padding:3.5rem 3.9rem; background-color: #f8f9fb; border:1px solid #eee; font-weight: 300; font-size:1.7rem; line-height:2.6rem; color: #666;}

/* Img Over Bg Style */
    #photo{width:960px;margin:0 auto; position:relative; overflow:hidden;}
    #photo>li{width:150px; height:150px; margin:5px; float:left; display:inline; overflow:hidden; }
    #photo>li>a{width:100%; height:100%; position: relative; display:block; overflow:hidden;}
    #photo>li>a>img{width:100%; height:100%; display:block; border-radius:5px;}
    #photo>li>a>.bg_l{width:100%; height:100%; background-color:red; position: absolute; left:0; top:0; display:none; opacity:0.3; border-radius:5px;}

/* Notice One Line Style */
    .mNoticeList{width:100%; height:60px; margin-top:25px; overflow:hidden; position: relative;}
    .mNoticeList>ul{width:100%; position: absolute; left:0; top:-60px;}
    .mNoticeList>ul>li{height:60px; position: relative;}
    .mNoticeList>ul>li>a{padding-left:73px; display:block; position: relative;}
    .mNoticeList .day{width:41px; padding-right:15px; border-right:1px solid #d5d1cc; font-weight: 600; font-size:12px; line-height:1; color: #b99764; text-align: center; position: absolute; left:0; top:0;}
    .mNoticeList .day>strong{font-weight: 700; font-size:32px; line-height:1; display:block;}
    .mNoticeList dl.list{font-size:16px; line-height:20px; color: #876e49; word-break:keep-all; word-wrap:break-word;}
    .mNoticeList dl.list>dt{padding-bottom:6px; font-weight: 600; font-size:12px; line-height:1; color: #b99764;}
/*[e] Plugin Style */

.subWrap {line-height: normal; padding-bottom: 15rem;}

.view-full {width: 100vw; margin-left: -50vw; position: relative; left: 50%;}
.vision__sec1 { background-color: #003b7f; padding: 10rem 0;}
.vision__sec1 .txt > b {font-size: 3.6rem; font-weight: 500; color: #fff; margin-bottom: 6rem; display: block;}
.vision__sec1 .txt > p {font-size: 3rem; font-weight: 400; color: #fff;}
.vision__sec1 .txt > p + p {margin-top: 2.5rem;}

.sub_ContWrap {display: flex; justify-content: flex-end;}
.sub_ContWrap .sub_Cont__Bg {width: 50%; padding: 12rem 10rem;}
.grayBg {background-color: #f0f0f0;}
.blueBg {background-color: #336299;}
.sub_ContWrap.vision__sec2 .sub_Cont__Bg {position: relative; top: 11rem;}
.sub_ContWrap .scroll-text { width: 20vw;left: auto;right: 0;top: auto; bottom: 5rem;}
.sub_ContWrap .scroll-text >span { font-weight: 500; font-size: 2.5rem; line-height: 0.7; color: #fff; writing-mode: tb-rl; transform: rotate(-180deg); display: inline-block;}
.sub_ContWrap .scroll-text:before {background-color: #fff;bottom: 5rem;}

.vision__sec2 {z-index: 2; height: auto; background: url("http://ibnetworks.iceserver.co.kr/images/sub/vision__bg01.jpg") no-repeat center; background-size: cover;}
.areas__sec2 {z-index: 2; height: auto; background: url("http://ibnetworks.iceserver.co.kr/images/sub/areas__bg01.jpg") no-repeat center; background-size: cover;}
.areas__sec4 {z-index: 2; height: auto; background: url("http://ibnetworks.iceserver.co.kr/images/sub/areas__sec4.jpg") no-repeat center; background-size: cover;}
.brand__sec2 {z-index: 2; height: auto; background: url("http://ibnetworks.iceserver.co.kr/images/sub/brand__sec2.jpg") no-repeat center; background-size: cover;}
.strat__sec4 {z-index: 2; height: auto; background: url("http://ibnetworks.iceserver.co.kr/images/sub/strat__sec4.jpg") no-repeat center; background-size: cover;}
.goals__sec2 {z-index: 2; height: auto;  background: url("http://ibnetworks.iceserver.co.kr/images/sub/goals__sec2.jpg") no-repeat center; background-size: cover; animation: goalsBg 9s ease infinite 3s; transition: background 9s ease;}
.benefit__sec3 {z-index: 2; height: auto; background: url("http://ibnetworks.iceserver.co.kr/images/sub/benefit__sec3.jpg") no-repeat center; background-size: cover; animation: benefitBg 9s ease infinite 3s; transition: background 9s ease; }


@keyframes goalsBg {
    0% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/goals__sec2.jpg") no-repeat center; background-size: cover;}
    17% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/goals__sec2__bg02.jpg") no-repeat center; background-size: cover;}
    33% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/goals__sec2__bg02.jpg") no-repeat center; background-size: cover;}
    47% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/goals__sec2__bg03.jpg") no-repeat center; background-size: cover;}
    66% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/goals__sec2__bg03.jpg") no-repeat center; background-size: cover;}
    87% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/goals__sec2.jpg") no-repeat center; background-size: cover;}
    100% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/goals__sec2.jpg") no-repeat center; background-size: cover;}
}

@keyframes benefitBg {
    0% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/benefit__sec3.jpg") no-repeat center; background-size: cover;}
    17% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/benefit__sec3__bg02.jpg") no-repeat center; background-size: cover;}
    33% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/benefit__sec3__bg02.jpg") no-repeat center; background-size: cover;}
    47% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/benefit__sec3__bg03.jpg") no-repeat center; background-size: cover;}
    66% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/benefit__sec3__bg03.jpg") no-repeat center; background-size: cover;}
    87% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/benefit__sec3.jpg") no-repeat center; background-size: cover;}
    100% {background: url("http://ibnetworks.iceserver.co.kr/images/sub/benefit__sec3.jpg") no-repeat center; background-size: cover;}
}





.sub_ContWrap.vision__sec2 .scroll-text >span {padding-top: 93rem; color: #003b7f;; }
.sub_ContWrap.vision__sec2 .scroll-text:before {height: 84.5rem; background-color: #003b7f ;}
.vision__sec2 strong {display: block; padding-bottom: 7rem; font-size: 3.4rem; font-weight: 500; color: #006db6;}
.vision__sec2 ul li + li {margin-top: 5rem}
.vision__sec2 ul li b {font-size: 3rem; font-weight: 500; color: #003b7f;}
.vision__sec2 ul li p {font-size: 2.4rem; font-weight: 400; color: #222;}


.vision__sec3 {z-index: 1; padding: 27rem 0 51rem; align-items: center; gap: 14rem; }
.vision__sec3 strong {display: block; padding-bottom: 7rem; font-size: 3.4rem; font-weight: 500; color: #003b7f;}
.vision__sec3 p {font-size: 2.4rem; font-weight: 400; color: #003b7f;}
.vision__sec3 p + p {margin-top: 5rem;}


.vision__sec4 {z-index: 2; }
.vision__sec4 .img {position: relative; z-index: 2; top: -35rem; left: 13.5rem;}
.vision__sec4 strong {display: block; padding-bottom: 7rem; font-size: 3.4rem; font-weight: 500; color: #fff;}
.vision__sec4 p {font-size: 2.4rem; font-weight: 400; color: #fff;}
.sub_ContWrap.vision__sec4 .scroll-text >span {padding-top: 34rem; }
.sub_ContWrap.vision__sec4 .scroll-text:before {height: 26.2rem; }


.vision__sec5 {padding: 34rem 0 15rem;}
.vision__sec5 .img {position: relative; z-index: 2; top: -18rem; left: 21rem;}
.vision__sec5 strong {display: flex; height: 100%; align-items: center; font-size: 3.4rem; font-weight: 500; color: #fff;}

.vision__sec6 {text-align: center;}

.ceo .subWrap{padding-bottom:0;}
.sub_ContWrap.ceo__sec2 {padding-top:4.5rem; background:url("/images/sub/ceo__sec2_bg.jpg") no-repeat center; background-size:cover;}
.sub_ContWrap.ceo__sec2 .sub_ContBox {padding-bottom:15.4rem;}
.ceo__sec2 .inConts {display: flex; align-items: flex-end; justify-content:space-between;}
.ceo__sec2 .inConts h6 {font-size:6rem; font-weight:700; color:#00367f; font-family:var(--play)!important; position:absolute; top:6rem; left:50%;}
.ceo__sec2 .inConts h6 span{transform:translateX(-50%); display:block;}
.ceo__sec2 .inConts p {font-size: 2.4rem; line-height:3.4rem; font-weight: 400; color: #222;}
.ceo__sec2 .inConts p span{font-size:3.2rem; line-height:4.2rem; font-weight:700; color:#00367f;}
.ceo__sec2 .inConts p + p {margin-top: 3rem;;}
.ceo__sec2 .inConts b {font-size: 3rem; font-weight: 700; color: #222; display: block; margin-top: 10rem;}
.ceo__sec2 .inConts .img img{vertical-align:top; max-height:98rem;}

.sub_ContWrap .his__list {width: 50%;}
.sub_ContWrap .his__list li {padding: 10rem 10rem 0;}
.sub_ContWrap .his__list li.bg {padding: 15rem 10rem 10rem; background-color: #f0f0f0; margin-top: -44rem;}
.sub_ContWrap .his__list li strong {font-size: 15rem; font-weight: 700; color: #fff; display: block;}
.sub_ContWrap .his__list li strong.color__01 {color: #0072ae;}
.sub_ContWrap .his__list li strong.color__02 {color: #50bbf3;}
.sub_ContWrap .his__list li strong.color__03 {color: #d3eeff;}
.sub_ContWrap .his__list li p {display: flex; gap: 0.5rem; font-size: 2.8rem; font-weight: 400; color: #222;}

/* .sub_ContWrap.his__sec3 .his__list li.bg {margin-top: -44rem;} */
.sub_ContWrap.his__sec3 .his__list li:last-of-type p {color: #fff;}
.his__sec2 {padding-top: 15rem;}
.his__sec3 {position: relative; z-index: 2;}
.his__sec4 {margin-top: -32rem;}
.his__sec6 {padding-top: 15rem;}
.sub_ContWrap.his__sec7 .his__list li.bg {background-color: rgba(0,59,127,0.8);}
.sub_ContWrap.his__sec7 .his__list li.bg p {color: #fff;}
.his__sec8 {padding-top: 15rem;}

.member__list {display: flex; align-items: flex-start; gap: 9rem; flex-wrap: wrap;}
.member__list + .member__list {margin-top: 9rem;}
.member__list > li {width: calc((100% - 18rem)/3);}
.member__list p {margin-top: 2rem; font-size: 2.4rem; font-weight: 400; color: #222; text-align: center;}



.location .mapWrap iframe {width: 100% ; height: 70rem;}
.map__flex {display: flex; gap: 8rem;}
.map__flex strong {position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; text-align: center; width: 45rem; height: 37rem; background-color: #003b7f; margin-top: -18rem; font-size: 5.5rem; font-weight: 700; color: #fff; line-height: 1.2; }
.map__list {display: flex; flex-wrap: wrap; align-items: center; flex: 1; padding-top: 5rem;}
.map__list .tit {display: flex; align-items: center; gap: 1rem;}
.map__list li {flex:1 50%;  }
.map__list li.top {flex: 1 100%;}
.map__list li.btm {padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #ddd;}
.map__list li b { font-size: 3.5rem; font-weight: 700; color: #00418f; margin-bottom: 0.5rem;}
.map__list li p { font-size: 2.6rem; font-weight: 400; color: #111111; padding-top: 1rem;}

.map__list .loca__list {display: flex; align-items: center; gap: 4rem;}

.memObj > div {position: relative; display: inline-block;}
.memObj > div::before {content: ""; transition: .3s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,59,127,0.9);  box-sizing: border-box; opacity: 0; }
.memObj > div::after {content: ""; transition: .3s ease; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20.6rem; height: 5rem;  background: url("http://ibnetworks.iceserver.co.kr/images/mem__btn.png") no-repeat center; background-size: contain; opacity: 0; }
.memObj:hover > div::before {opacity: 1;}
.memObj:hover > div::after {opacity: 1;}


.loca__sec2 {margin-top: 15rem;}

.board__list li {position: relative; font-size: 1.8rem;}
.board__list > li:hover .list__cont {opacity: 1;}
.board__list > li + li {margin-top: 15rem;}
.board__list li .list__img {width: 100%; height: 78rem;  background-color: #ddd;}
.board__list li .list__img img {object-fit: cover; height: 100%; width: 100%;}
.board__list li .list__cont {transition: .3s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 9rem 15rem; background-color: rgba(0,59,127,0.9); opacity: 0;}
.board__list li .list__cont .tit { font-size: 4rem; font-weight: 700; color: #ffffff; margin-bottom: 5rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board__list li .txt__list {margin-bottom: 8rem;}
.board__list li .txt__list li {display: flex; align-items: center; font-size: 2.4rem; font-weight: 400; color: #fff;  }
.board__list li .txt__list li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board__list li .txt__list li + li {margin-top: 1rem;}
.board__list li .txt__list li span {padding-right: 2rem; margin-right: 2rem; position: relative;}
.board__list li .txt__list li span::before {content: ""; position: absolute; background-color: #fff; right: 0; top: 51%; transform: translateY(-50%); width: 1px; height: 2rem;}
.board__list .view__btn a {display: flex; align-items: center; gap: 2rem;}
.board__list .view__btn a img {width: 5rem;}
.board__list .view__btn a p {font-size: 2.8rem; font-weight: 400; color: #fff; letter-spacing: 0.5px !important;}

.board__list.end li .list__cont {display: flex; flex-direction: column; justify-content: flex-end;}

/* .subWrap .more__btn {margin-top: 15rem;} */
.subWrap .more__btn a {display: flex; align-items: center; justify-content: center; gap: 2rem; margin-top: 15rem;}
.subWrap .more__btn a p {font-size: 2.8rem; font-weight: 400; color: #003b7f; letter-spacing: 0.5px !important;}
.subWrap .more__btn img {width: 6rem;}


.areas__sec3 {padding: 25rem 0 14rem;}
.areas__sec3 .areas__contWrap .text {margin-bottom: 15rem; text-align: right; font-size: 2.8rem; font-weight: 400; color: #003b7f;}
.areas__sec3 .areas__contWrap .text::before {  content: ""; left: 3rem; transform: translateY(-50%); top: 50%; width: 78%; position: absolute;  height: 0.1rem; background-color: #003b7f;}
.areas__sec3 .areas__contWrap {width: 100%; padding: 15rem 0; background-color: #f7f7f7;}
.areas__sec3 .areas__contWrap .areas__flex {display: flex; align-items: flex-start; gap: 6rem;}
.areas__sec3 .areas__contWrap .areas__flex >div {flex: 1; background-color: #fff; padding: 9rem;}
.areas__cont b {display: block; margin-bottom: 7rem; font-size: 3.4rem; font-weight: 500; color: #003b7f;}
.areas__cont ul li strong {display: block; margin-bottom: 1rem; font-size: 3rem; font-weight: 500; color: #56d6e2;}
.areas__cont ul li p {font-size: 2.4rem; font-weight: 400; color: #56d6e2;}
.areas__cont ul li + li {margin-top: 5rem;}

.areas__sec4 .sub_Cont__Bg {min-height: 120rem;}
.sub_ContWrap.areas__sec4 .scroll-text >span {    padding-top: 76rem;}
.sub_ContWrap.areas__sec4 .scroll-text:before {height: 66rem;}



.sub_ContWrap.goals__sec2 .sub_Cont__Bg {padding: 12rem 10rem 25rem;}
.sub_ContWrap.goals__sec2 .scroll-text >span {    padding-top: 138rem}
.sub_ContWrap.goals__sec2 .scroll-text:before {height: 128rem;}
.sub_ContWrap.goals__sec2 ul li b {display: block; margin-bottom: 5rem;}
.sub_ContWrap.goals__sec2 ul li + li {margin-top: 10rem;}


.sub_ContWrap.brand__sec2 .sub_Cont__Bg {padding: 12rem 10rem 25rem;}
.sub_ContWrap.brand__sec2 .scroll-text >span {    padding-top: 94rem;}
.sub_ContWrap.brand__sec2 .scroll-text:before {height: 84.5rem;}
.sub_ContWrap.brand__sec2 ul li b {display: block; margin-bottom: 2rem;}
.sub_ContWrap.brand__sec2 ul li + li {margin-top: 8rem;}


.sub_ContWrap.strat__sec2 {justify-content: flex-start; padding-bottom: 17rem;}
.sub_ContWrap.strat__sec2 .sub_Cont__Bg {width: 80%; padding-left: 50rem; max-width: 122rem;}
.sub_ContWrap.strat__sec2 .scroll-text {width: 12vw;}
.sub_ContWrap.strat__sec2 .scroll-text >span {padding-top: 81rem;}
.sub_ContWrap.strat__sec2 .scroll-text:before {height: 71.5rem;}
.sub_ContWrap.strat__sec2 ul li b {display: block; margin-bottom: 2rem;}
.sub_ContWrap.strat__sec2 ul li b span {display: block; font-size: 2.4rem; font-weight: 400; color: #56d6e2;}
.strat__sec2 {z-index: 2; height: auto; background: url("http://ibnetworks.iceserver.co.kr/images/sub/strat__sec2.png") no-repeat right 22rem bottom; background-size: 53.1rem;}
.sub_ContWrap.strat__sec2 .sub_Cont__Bg {top: 0;}

.strat__sec3 {padding: 15rem 3rem;}

.strat__sec4 ul li b {display: block;}
.strat__sec4 ul li b span {display: block; font-size: 2.6rem; font-weight: 400; margin: 1rem 0 5rem;}
.sub_ContWrap.strat__sec4 ul li + li {margin-top: 15rem;}
.sub_ContWrap.strat__sec4 ul li p span {font-weight: 500; display: block;}
.sub_ContWrap.strat__sec4 ul li p + p {margin-top: 3rem;}



.benefit__sec2 {padding: 15rem 0; background-color: #f0f0f0;}
.benefit__sec2 strong {display: block; margin-bottom: 8rem; font-size: 4.5rem; font-weight: 700; color: #003b7f; text-align: center;}
.benefit__flex { display: flex; align-items: flex-start; gap: 6rem;}
.benefit__flex .benefit__cont {position: relative; margin-top: 10rem;}
.benefit__flex .benefit__cont::before {content: "02"; position: absolute; top: -12rem; left: 50%; transform: translateX(-50%); z-index: 0; font-size: 18rem; line-height: 1; font-weight: 700; color: #1f60ab;}
.benefit__flex .benefit__cont:first-child:before {content: "01"; color: #236abc;}
.benefit__flex .benefit__cont:last-child:before {content: "03"; color: #003b7f;}
.benefit__flex .benefit__cont::after {content: ""; position: absolute; top: 0rem; left: 0; z-index: 1; background-color: #fff; width: 100%; height: 100%; }
.benefit__flex >div {flex: 1; background-color: #fff; padding: 9rem 10rem;}
.benefit__flex >div b {display: block; margin-bottom: 3rem; font-size: 3rem; font-weight: 700; color: #003b7f; text-align: center; position: relative ; z-index: 2;}
.benefit__flex >div ul li {position: relative; padding-left: 1.5rem; font-size: 2.6rem; font-weight: 400; color: #56d6e2; position: relative ; z-index: 2;}
.benefit__flex >div ul li::before {content: "·"; position: absolute; left: 0; top: 0;  font-size: 2.6rem; font-weight: 400; color: #56d6e2;}
.benefit__flex >div ul li + li {margin-top: 1rem;}


.benefit__sec3 {margin-top: 15rem;}
.sub_ContWrap.benefit__sec3 ul li b {display: block; }
.sub_ContWrap.benefit__sec3 ul li span {display: block; }
.sub_ContWrap.benefit__sec3 .scroll-text >span {padding-top: 62rem;}
.sub_ContWrap.benefit__sec3 .scroll-text:before {height: 52.5rem;}



.recruit__sec3 {background-color: #003b7f; padding: 15rem 0; margin-top: 15rem;}
.recruit__sec3 h5 {font-size: 4.5rem; font-weight: 500; color: #fff;}
.recruit__sec3 ul {margin-top: 3rem; border-bottom: 1px solid #fff;}
.recruit__sec3 ul li {padding: 3rem 0; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #fff;}
.recruit__sec3 ul li .left {flex: 1; display: flex; gap: 5rem; align-items: flex-start;}
.recruit__sec3 ul li .left b {display: block; font-size: 2.8rem; font-weight: 500; color: #fff;}
.recruit__sec3 ul li .left a {flex: 1; ;  }
.recruit__sec3 ul li .left a p { font-size: 2.8rem; font-weight: 500; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  padding-right: 3rem;}
.recruit__sec3 ul li .left a span {display: block; font-size: 2.2rem; font-weight: 400; color: #fff;}
.recruit__sec3 ul li .right p {display: block; font-size: 2.8rem; font-weight: 500; color: #fff;}


.contactWrap {background-color: #003b7f; padding: 10rem; margin-top: 15rem; position: relative;}
.contactWrap h5 {font-size: 5rem; font-weight: 500; color: #fff; margin-bottom: 5rem;}
.contact .text input {max-width: 100rem;     width: 100%; height: 7rem; padding: 0 3rem; background-color: #fff; font-weight: 500; font-size: 2.6rem; line-height: 4.4rem; color: #666666; vertical-align: middle; display: inline-block; }
.contact > p + p {margin-top: 2.5rem;}
.checkIn__Wrap {margin: 4rem 0;}
.checkIn__Wrap p {display: block;}
.checkIn__Wrap .checkIn input[type=checkbox]+label {font-size: 2.4rem; font-weight: 500; color: #fff ; line-height: 1;}
.checkIn__Wrap p + p {margin-top: 3rem;}

.checkIn__Wrap .checkIn input[type=checkbox]+label:before,
.checkIn__Wrap .checkIn input[type=checkbox]+label:after,
.checkIn__Wrap .checkIn input[type=radio]+label:before,
.checkIn__Wrap .checkIn input[type=radio]+label:after {width: 2.5rem; height: 2.5rem;}
.checkIn__Wrap .checkIn input[type=checkbox]+label, .checkIn input[type=radio]+label {padding-left: 4.5rem;}
.contact button {transition: .3s ease; border: 1px solid transparent; text-align: left; max-width: 100rem; width: 100%; height: 7rem; padding: 0 3rem; background-color: #fff; font-weight: 500; font-size: 2.6rem; line-height: 4.4rem; color: #003b7f;  }
.contact button:hover {background-color: #0072b4; color: #fff;  border-color: #0072b4; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2);}

.contactWrap .scroll-text { width: 15vw;left: auto;right: 0;top: auto; bottom: 5rem;}
.contactWrap .scroll-text >span { padding-top: 34rem; font-weight: 500; font-size: 1.5vw; line-height: 0.7; color: #fff; writing-mode: tb-rl; transform: rotate(-180deg); display: inline-block;}
.contactWrap .scroll-text:before {background-color: #fff;bottom: 5rem;  height: 24.5rem;}



.areas__sec4,
.goals__sec2,
.brand__sec2,
.benefit__sec3 {margin-bottom: 10rem;}


.bonyx__bgwrap {position: relative; width: 100%; }
.bonyx__bg {position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; height: 103rem; transition: 1.5s ease;}
.bonyx__bg.on {opacity: 1;}
.bonyx__bg1 {background: url("http://bonyx.cafe24.com/images/main/bonyx__bg01.jpg") no-repeat center; background-size: cover;}
.bonyx__bg2 {background: url("http://bonyx.cafe24.com/images/main/bonyx__bg02.jpg") no-repeat center; background-size: cover;}

.subsidiary__logo {background-color: #fff; display: inline-block; position: relative; z-index: 4; padding: 3rem;}
.subsi__list {position: relative; padding-top: 16rem; padding-left: 13rem; margin-top: -24rem;}
.subsi__list li {position: relative; border-left: 1px solid #ddd; padding-left: 65rem; padding-bottom: 10rem;}
.subsi__list li:last-of-type {border-left: none; padding-bottom: 0;}
.subsi__list li::before { content: ""; position: absolute; width: 46rem; height: 1px; border-top: 1px solid #ddd; top: 0; left: 0; z-index: 2; }
.subsi__list li::after { content: ""; position: absolute; width: 1rem; height: 1rem; border: 0.5rem solid #0072b4; background-color: #fff; border-radius: 99%; top: -1rem; left: 46rem; z-index: 2; }
.subsi__list li .contWrap { transform: translateY(-16rem);}
.subsi__list li .img img {width: 460px; aspect-ratio: 460/307;}
.subsi__list li .txt {min-height: 24rem; background-color: #f5f5f5; padding: 4rem; max-width: 460px; position: relative; z-index: 2; margin-top: -15rem;}
.subsi__list li .txt b {display: block; font-size: 3rem; font-weight: 500; color: #0072b4; padding-bottom: 2rem;}
.subsi__list li .txt > div { display: flex; gap: 0.5rem; font-size: 2rem; font-weight: 400; color: #333333; }
.subsi__list li .txt > div + div {margin-top: 0.5rem;}
.subsi__list li:nth-child(4n - 3) .txt,
.subsi__list li:nth-child(4n - 2) .txt  { margin-left: 26rem;}
.subsi__list li:nth-child(4n - 1) .img,
.subsi__list li:nth-child(4n) .img  { margin-left: 26rem;}







.mb {display: none;}
















@media only screen and (max-width : 1770px){

}


@media only screen and (max-width : 1600px){

.sub_ContWrap .sub_Cont__Bg {width: 60%;}
.sub_ContWrap .his__list {width: 60%;}

.areas__sec3 .areas__contWrap .areas__flex {gap: 3rem;}
.areas__sec3 .areas__contWrap .areas__flex >div {padding: 9rem 3rem;}


.strat__sec2 {background: url(http://ibnetworks.iceserver.co.kr/images/sub/strat__sec2.png) no-repeat right 3rem bottom; background-size: 53.1rem;}
.sub_ContWrap.strat__sec2 .sub_Cont__Bg {padding-left: 12rem; width: 65%;}

.benefit__flex {gap: 3rem;}
.benefit__flex .benefit__cont {padding: 9rem 3rem;}

.subsi__list li {padding-left: 36rem;}
.subsi__list li::before {width: 26rem;}
.subsi__list li::after {left: 26rem;}



}
@media only screen and (max-width : 1440px){
.sub_ContWrap .scroll-text {width: auto; right: 3rem;}
.vision__sec3 {gap: 5rem;}
.vision__sec3 .img {padding-left: 3rem;}
/* .vision__sec4 p br {display: none;} */
.vision__sec4 .img {position: absolute; left: 3rem;}
.vision__sec5 .img { left: 3rem;}


#layer-time .layer-time-area .thumb2 {width: 15rem; max-width: 15rem;}
#layer-time .thumb2 .swiper-slide img {max-width: 15rem;}
#layer-time .layer-time-area {gap: 5rem;}


}
@media only screen and (max-width : 1280px){
.scroll_info{display:block;}
.scrollTb{width:100%; padding-bottom:2rem; display:block; overflow:hidden; overflow-x:scroll;}
.scrollTb>*{width:1200px !important;}

.sub_ContWrap.ceo__sec2 {}
.ceo__sec2 .inConts h6{position:static; margin-bottom:10rem;}
.ceo__sec2 .inConts h6 span{transform:none;}
.ceo__sec2 .inConts .img{width:30%;}

.sub_ContWrap .his__list {width: 80%;}
.areas__sec3 .areas__contWrap .text span {width: 25rem; display: inline;}
.areas__sec3 .areas__contWrap .text::before {width: calc(100% - 25rem);}

.contactWrap .scroll-text {width: auto; right: 3rem;}

.subsi__list li {padding-left: 26rem;}
.subsi__list li::before {width: 17rem;}
.subsi__list li::after {left: 17rem;}
.subsidiary__logo {width: 20rem; padding: 2rem;}
.subsi__list  {padding-left: 7rem;}
.subsi__list li:nth-child(4n - 3) .txt,
.subsi__list li:nth-child(4n - 2) .txt  { margin-left: 17rem;}
.subsi__list li:nth-child(4n - 1) .img,
.subsi__list li:nth-child(4n) .img  {margin-left: 17rem;}


}
@media only screen and (max-width : 1024px){

.pc {display: none;}
.mb {display: block; text-align: center; margin: 0 auto;}

/* .subWrap {padding-bottom: 20rem;} */

/* .board__list > li .list__cont {opacity: 1;} */

.sub_ContWrap .sub_Cont__Bg {width: 90%;}
.sub_ContWrap .scroll-text {bottom: 0;}

.vision__sec3 {display: block; padding: 22rem 0 10rem;}
.vision__sec3 .img {padding: 0 3rem 5rem; text-align: center;}
.vision__sec3 .img img {width: 38.4rem;}
.sub_ContWrap.vision__sec3 .sub_Cont__Bg {width: 100%;}
.vision__sec4 .img {position: relative; top: auto; left: auto ; text-align: center; padding: 0 3rem 5rem;}
.vision__sec4  {display: block;}
.sub_ContWrap.vision__sec4 .sub_Cont__Bg {width: 100%;}
.vision__sec4 p {padding-right: 4rem;}

.vision__sec5 {padding: 10rem 0;}
.vision__sec5 .img {position: relative; top: auto; left: auto ; text-align: center; padding: 0 3rem 5rem;}
.vision__sec5  {display: block;}
.sub_ContWrap.vision__sec5 .sub_Cont__Bg {width: 100%;}
.vision__sec6 img {width: 15rem;}

.ceo__sec2 .inConts {flex-direction: column; gap: 5rem; align-items:flex-start;}
.ceo__sec2 .inConts .img {width:100%; text-align:right;}
.sub_ContWrap.ceo__sec2{padding-top:15rem;}
.sub_ContWrap.ceo__sec2 .sub_ContBox{padding-bottom:4rem;}

.sub_ContWrap .his__list {width: 90%;}

.member__list {justify-content: center; text-align: center;}
.member__list {gap: 5rem}
.member__list > li { width: calc((100% - 5rem)/2); }

.location .mapWrap iframe {height: 40rem;}
.map__flex strong {margin-top: -10rem; font-size: 3.5rem; width: 30rem; height: 25rem; }
.map__flex {gap: 5rem;}
.loca__sec2 {margin-top: 10rem;}

.board__list > li + li {margin-top: 10rem;}
.board__list li .list__cont {padding: 8rem 3rem;}

.areas__sec3 {padding: 20rem 0 10rem;}
.areas__sec3 .areas__contWrap {padding: 10rem 0;}
.areas__sec3 .areas__contWrap .text {margin-bottom: 8rem;}
.areas__sec3 .areas__contWrap .areas__flex >div {padding: 8rem 3rem;}
.areas__sec3 .areas__contWrap .areas__flex {display: block;}
.areas__sec3 .areas__contWrap .areas__flex .areas__cont + .areas__cont {margin-top: 5rem;}

.strat__sec3 {padding: 10rem 0;}

.strat__sec4 .sub_Cont__list {padding-right: 0}
.sub_ContWrap.strat__sec4 ul li + li {margin-top: 10rem;}

.benefit__sec2 {padding: 10rem 0;}
.benefit__flex {flex-direction: column;}
.benefit__flex > div {width: 100%;}
/* .benefit__flex >div b br {display: none;} */
.benefit__flex .benefit__cont {padding: 6rem 3rem;}
.benefit__flex .benefit__cont::before{font-size: 16rem;}
.benefit__flex >div b {margin-bottom: 4rem;}
.benefit__flex >div ul li br {display: none;}

.benefit__sec3 {margin-top: 10rem;}

.recruit__sec3 {padding: 10rem 0; margin-top: 10rem;}

.contactWrap {padding: 10rem 8rem 10rem 4rem;}

.contactWrap {margin-top: 12rem;}


#layer-time .layer-time-area {flex-wrap: wrap; gap: 8rem; padding-bottom: 5rem;}
#layer-time .layer-time-area .text-in {width: 100%; flex: none; order: 2;}
#layer-time .layer-time-area .thumb {margin: 0 auto; }
#layer-time .layer-time-area .thumb2 {order: 1; width: 100%; max-width: none;}

#layer-time .thumb2 .swiper-wrapper {flex-direction: row; gap: 0; }
#layer-time .mySwiper .swiper-slide {width: auto !important;}
#layer-time .thumb2 .swiper-slide {width: calc((100% - 30px)/3) !important;}
#layer-time .thumb2 .swiper-slide img {max-width: none; width: 100%;}


.subsidiary__logo {width: auto; padding: 0 0 6rem; margin: 0; text-align: center; display: block;}
.subsidiary__logo img {width: 26.1rem;}
.subsi__list {margin-top: 0; }
.subsi__list li {padding-left: 5rem;}
.subsi__list li::before {display: none;}
.subsi__list li::after {left: -1rem;}
.subsi__list  {padding-left: 7rem;}
.subsi__list li:nth-child(4n - 3) .txt,
.subsi__list li:nth-child(4n - 2) .txt  { margin-left: 20rem; }
.subsi__list li:nth-child(4n - 1) .img,
.subsi__list li:nth-child(4n) .img  {margin-left: 20rem;}




/*[s] All Style */
    .wideKakao>.root_daum_roughmap{height:auto; padding-bottom: 56.25%;}
/*[e] All Style */

/*[s] Main Popup Style */
    .hd_pops{position: absolute; left:2rem !important; top:2rem !important;}
    .hd_pops_con{width:auto !important;}
/*[e] Main Popup Style */

/*[s] Main Style */
    .scroll-text{}
    .scroll-text:before{width: 0.1563vw;}
    .scroll-text>span{font-size:3.4375vw;}

    .main-cont .text-area{}
    .main-cont .text-area .title{font-size:18.7500vw;}
    .main-cont .text-area .tit{font-size:5.0000vw;}
    .main-cont .text-area .txt{font-size:4.0625vw; line-height:5.0000vw;}
    .main-cont .text-area *+.tit{margin-top:12.5000vw;}
    .main-cont .text-area *+.txt{margin-top:4.6875vw;}

    #main-cont01{width:100%; height:142.1875vw;}
        #main-cont01 .slogan-in{}
        #main-cont01 .slogan-in>dl{}
        #main-cont01 .slogan-in>dl>dt{}
        #main-cont01 .slogan-in>dl>dt img{width:40.4688vw;}
        #main-cont01 .slogan-in>dl>dd{margin-top:5.4688vw; font-size:4.2188vw; text-shadow:0 0 0.4688vw rgba(1,1,1,0.5);}
        #main-cont01 .slogan-in .ii.i01{margin:-40.6250vw 0 0 -37.5000vw; font-size:10.9375vw;}
        #main-cont01 .slogan-in .ii.i02{width:36.7188vw; margin:-43.7500vw 0 0 8.5938vw;}
        #main-cont01 .slogan-in .ii.i03{margin:-3.1250vw 0 0 30.7813vw; font-size:14.0625vw;}
        #main-cont01 .slogan-in .ii.i04{margin:37.5000vw 0 0 22.0313vw; font-size:7.8125vw;}
        #main-cont01 .slogan-in .ii.i05{margin:30.0000vw 0 0 -33.7500vw; font-size:15.6250vw;}
        #main-cont01 .slogan-in .ii.i06{margin:-10.9375vw 0 0 -47.1875vw; font-size:7.8125vw;}

        #main-cont01 .scroll-text{width:9.7813vw; left:0; top:0;}
        #main-cont01 .scroll-text:before{height: 40.6250vw;}
        #main-cont01 .scroll-text>span{padding-top:42.8125vw;}

    #main-cont02{height:90.6250vw;}
        #main-cont02 .text-area{width:89.0625vw; height:59.3750vw; top:-7.8125vw;}

        #main-cont02 .count-area{font-size:15.6250vw; right:3.1250vw; bottom:15.6250vw;}

        #main-cont02 .scroll-text{width:9.7813vw;}
        #main-cont02 .scroll-text:before{height: 25.0000vw; bottom:10.1563vw;}
        #main-cont02 .scroll-text>span{padding-top:37.5000vw;}

    #main-cont03{height:143.7500vw; background-image:url("http://ibnetworks.iceserver.co.kr/images/main/img_main-cont03_m.jpg");}
        #main-cont03 .text-area{width:100%; padding:53.9063vw 0 0 17.1875vw;}

        #main-cont03 .count-area{font-size:15.6250vw; right:3.1250vw; bottom:-7.8125vw;}

        #main-cont03 .scroll-text{width:9.7813vw;}
        #main-cont03 .scroll-text:before{height: 40.6250vw; bottom:12.5000vw;}
        #main-cont03 .scroll-text>span{padding-top:55.4688vw;}

    #main-cont04{height:103.1250vw; margin-top:21.8750vw;}

        #main-cont04 .count-area{font-size:15.6250vw; right:14.8438vw; bottom:-7.8125vw;}

        #main-cont04 .scroll-text{width:9.7813vw;}
        #main-cont04 .scroll-text:before{height: 46.4063vw; bottom:14.0625vw;}
        #main-cont04 .scroll-text>span{padding-top:62.8125vw;}

    #main-cont05{height:auto; margin-top:21.8750vw; padding-bottom:15.0000vw; display: block;}
        #main-cont05 .img-area{width:108.7500vw; margin-left:-6.7188vw; position: relative;}
        #main-cont05 .text-area{width:100%; margin-top:8.5938vw; padding:0 3.1250vw; text-align:right;}
        #main-cont05 .text-area:before{width: 0.1563vw; height: 34.3750vw; left: auto; right:20.1563vw; top:-35.9375vw;}

        #main-cont05 .count-area{font-size:15.6250vw;}

        #main-cont05 .scroll-text{width:9.7813vw;}
        #main-cont05 .scroll-text:before{height: 51.5625vw; bottom:15.6250vw;}
        #main-cont05 .scroll-text>span{padding-top:69.2188vw;}

    #main-cont06{height:147.3438vw;}
        #main-cont06 .img-area{width:100vw; height:100vw; background-image:url("http://ibnetworks.iceserver.co.kr/images/main/img_main-cont06_m.jpg");}
        #main-cont06 .text-area{width:87.5000vw; height:67.1875vw;}
        #main-cont06 .text-area .img{width: 43.7500vw;}
        #main-cont06 .text-area .tit{margin-top:6.2500vw;}

    #main-cont07{height:147.6563vw; margin-top:18.7500vw;}
        #main-cont07 .img-area{width:100vw; height:100vw; background-image:url("http://ibnetworks.iceserver.co.kr/images/main/img_main-cont07_m.jpg");}
        #main-cont07 .text-area{width:87.5000vw; height:67.1875vw; color: #fff;}

        #main-cont07 .count-area{font-size:20.3125vw; right:32.8125vw; bottom:-10.1563vw;}

    #main-cont08{margin:15.6250vw 0 18.7500vw; display:block;}
        #main-cont08 .img-area{width:100%; height:121.8750vw; display: flex; align-items: flex-end; justify-content: center; position: relative;}
        #main-cont08 .img-area img{width:25.4688vw; margin-left:0;}

        #main-cont08 .img-area .scroll-text{width:9.7813vw;}
        #main-cont08 .img-area .scroll-text:before{height: 53.1250vw; bottom:50.7813vw;}
        #main-cont08 .img-area .scroll-text>span{padding-top:105.3125vw;}

        #main-cont08 .text-area{width:100vw; height:217.9688vw; margin-top:18.75vw; padding:17.9688vw 9.3750vw;}
        #main-cont08 .title-box{margin-bottom:4.6875vw;}
        #main-cont08 .title-box>dt{font-size:12.5000vw;}
        #main-cont08 .title-box>dd{margin-top:3.1250vw; font-size:4.6875vw;}

        #main-cont08 .now-list{border-top-width:0.1563vw;}
        #main-cont08 .now-list>li{border-bottom-width:0.1563vw;}
        #main-cont08 .now-list>li>a{padding:3.9063vw 0; font-size:4.0625vw; line-height:5.6250vw; display:block;}
        #main-cont08 .now-list .num{width:100%;}
        #main-cont08 .now-list dl{margin-top:1.5625vw;}
        #main-cont08 .now-list dl>dt{}
        #main-cont08 .now-list dl>dd{margin-top:0.5625vw; font-size:3.4375vw; line-height:4.6875vw; white-space: normal; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

        #main-cont08 .text-area .scroll-text{width:9.5313vw;}
        #main-cont08 .text-area .scroll-text:before{height: 149.0625vw; bottom:48.2813vw;}
        #main-cont08 .text-area .scroll-text>span{padding-top:30.4688vw;}
/*[e] Main Style */

/*[s] Sub Style */
	/* PARTNERSHIP */
		.partnership-area>li dl{width:100%; padding-top:5rem;display: block;}
		.partnership-area>li dl>dt{width:100%; min-height:auto; padding-left:0;}
		.partnership-area>li dl>dd{width:100%; min-height:auto; }
		.partnership-area>li dl>dd p{flex:0 1 33%;}

		.partnership-area>li dl>dt+dd{padding-top:3rem;}
		.partnership-area>li dl>dt.p0+dd{padding-top:0;}

		.partnership-area>li dl+dl{border-top:1px solid #ddd;}
		.partnership-area>li dl+dl>dd{border-top:none;}
/*[e] Sub Style */

/*[s] Plugin Style */
/*[e] Plugin Style */
}
@media only screen and (max-width : 840px){

#layer-time.layer-base .layer-in {padding: 6rem 3rem;}
#layer-time .layer-time-area {gap: 5rem; }

.memObj > div::after {width: 18rem;}


.sub_ContWrap .sub_Cont__Bg {padding: 8rem 4rem;}

.sub_ContWrap .his__list li strong {font-size: 10rem;}
.sub_ContWrap .his__list li.bg {padding: 10rem 3rem 8rem;}
.sub_ContWrap .his__list li {padding: 8rem 3rem;}
.his__sec6 {padding-top: 10rem;}
.his__sec8 {padding-top: 10rem;}
.sub_ContWrap .his__list li.bg {margin-top: -35rem;}
.his__sec4 {margin-top: -38rem;}
.his__sec4 img {height: 41rem; object-fit: cover;}

.member__list img {width: 40rem;}
.member__list {gap: 5rem 2rem ; padding: 0 1rem;}
.member__list > li { width: calc((100% - 2rem)/2); }

.map__flex strong {margin-top: -8rem; font-size: 3rem; width: 20rem; height: 20rem; }
.map__flex {gap: 0; flex-direction: column;}
.map__list {padding: 5rem 1rem 0;}

.board__list li .list__cont .tit {font-size: 3.5rem;}

.board__list li .list__img {height: 74rem;}
.subWrap .more__btn a {margin-top: 10rem;}
.sub_Cont__list {padding-right: 3rem;}

.sub_ContWrap.goals__sec2 .sub_Cont__Bg {padding: 10rem 4rem 18rem;}
.sub_ContWrap.strat__sec2 .sub_Cont__Bg {padding-left: 4rem; }
.sub_ContWrap.strat__sec2 .sub_Cont__Bg {width: 90%;}
.sub_ContWrap.strat__sec2  {padding-bottom: 37rem;}
.strat__sec4 ul li b span br {display: none;}
.sub_ContWrap.brand__sec2 .sub_Cont__Bg {padding: 10rem 4rem 18rem;}

.recruit__sec3 ul li {display: block;}
.recruit__sec3 ul li .left a {margin-top: 1rem; display: block;}
.recruit__sec3 ul li .right {margin-top: 1rem; text-align: right;}
.recruit__sec3 ul li .left {display: block;}

.contactWrap h5 {font-size: 3.6rem;}
.checkIn__Wrap .checkIn input[type=checkbox]+label {line-height: 1.2;}
.contact .text input {font-size: 2.4rem;}
.board__list > li + li {margin-top: 6rem;}


.sub_ContWrap.areas__sec2 .scroll-text >span {padding-top: 73rem; color: #003b7f;; }
.sub_ContWrap.areas__sec2 .scroll-text:before {height: 64.5rem; background-color: #003b7f ;}


.subsi__list {padding: 16rem 1rem 0;}
.subsi__list li {padding-left: 3rem;}
.subsi__list li::before {display: none;}
.subsi__list li::after {left: -1rem;}
.subsi__list li:nth-child(4n - 3) .txt,
.subsi__list li:nth-child(4n - 2) .txt  { margin-left: 0; }
.subsi__list li:nth-child(4n - 1) .img,
.subsi__list li:nth-child(4n) .img  {margin-left: 0;}
.subsi__list li .txt {margin-top: 0;}

/*[s] All Style */
/*[e] All Style */

/*[s] Main Popup Style */
    .hd_pops{left:2rem !important; right:2rem !important;}
    .hd_pops_con{}

    #popLayer{}
    #popLayer #moPopArea{}
    #popLayer #moPopArea .moPop{max-width:90%;}
    #popLayer #moPopArea #moPopRoll{}
    #popLayer .slider{}
    #popLayer .slider img{}
    /*
    #popLayer .slider#HKeditorContent{padding:20px; font-size:20px; line-height:1.5; color: #666;}
    #popLayer .slider#HKeditorContent img{width:auto;}

    #popLayer #moPopRoll.roll .slider{}
    */

    #popLayer .layerPopClose{width:4rem; height:4rem; right:2rem; top:2rem;}
    #popLayer .layerPopClose:before{margin:-1px 0 0 -2rem;}
    #popLayer .layerPopClose:after{margin:-2rem 0 0 -1px;}

    #popLayer .moPopClose{}
    #popLayer .moPopClose>*{height:8rem; font-size:2rem;}
    /*
    #popLayer .moPopClose button{font-size:1.8rem; line-height:2.4rem;}
    #popLayer .moPopClose button:before{width: 2.4rem; height: 2.4rem; font-size:1.8rem; line-height:2.6rem;}
    #popLayer .moPopClose button.toDay_close{padding-left:3.2rem;}
    #popLayer .moPopClose button.close{padding-right:3.2rem}
    */

    #popLayer .slick-dots{bottom:10rem;}
    #popLayer .slick-dots>li{}
    #popLayer .slick-dots>li+li{}
    #popLayer .slick-dots>li button{width:1.8rem; height:1.8rem;}
    #popLayer .slick-dots>li.slick-active button{}
/*[e] Main Popup Style */

/*[s] Main Style */
    /* visual */
        #mVisual{}
        #mVisual .visualRoll{}
        #mVisual .visualRoll .slider{}
        #mVisual .visualRoll .slider img{}

        #mVisual .slick-arrow{display:none !important;}

        #mVisual .vTxtArea{height:100%;}
        #mVisual .vTxtArea .vTxt_in{}

        #mVisual .vTxt .ii.title{font-size:7.2rem;}
        #mVisual .vTxt .ii.txt{font-size:2.6rem;}
        #mVisual .vTxt .ii.btn{}
        #mVisual .vTxt .ii.btn>a{font-size:2rem;}
        #mVisual .vTxt .ii.btn>a:after{font-size:2.6rem;}

        #mVisual .slick-dots{}
        #mVisual .slick-dots>li{}
        #mVisual .slick-dots>li+li{margin-left:1.5rem;}
        #mVisual .slick-dots>li button{width:1.8rem !important; height:1.8rem;}
        #mVisual .slick-dots>li.slick-active button{width:5.1rem !important;}
/*[e] Main Style */

/*[s] Sub Style */
    /* etc */
        .etc_clause{width:100%; margin:0 auto;}
        .etc_clause .etc_clause_in{padding:5rem 3rem; border-radius:1rem;}
        .etc_clause .logo{margin:0;}
        .etc_clause .txt{padding:2rem 0 6rem; font-size:2.2rem;}

        .etc_clause .scroll{font-size:2rem;}

        .etc_select{width:100%;}
        .etc_select select.base{width:22rem;}
/*[e] Sub Style */

/*[s] Plugin Style */
	#layer-member{}
	#layer-member .layer-in{padding:6rem 3rem;}
	#layer-member .layer-member-area .text-in{padding-left:3rem;}

    #layer-password{width:90%;}
    #layer-password .layer-base-conts{}

    #layer-password .pass-title{}
    #layer-password .pass-title>dt{font-size:2.4rem;}
    #layer-password .pass-title>dd{font-size:2.2rem;}

    #layer-password .pass-form{}
    #layer-password .pass-form input[type=text],
    #layer-password .pass-form input[type=password]{height:5.8rem; font-size:2.2rem; line-height:5.6rem;}

    #layer-password .pass-btn{}
    #layer-password .pass-btn>a{height:5.8rem; font-size:2rem;}
/*[e] Plugin Style */
}
@media only screen and (max-width : 480px){

.vision__sec4 p br {display: none;}
.brand__sec2 ul li p br {display: none;}
.memObj > div::after {width: 14rem;}
}

/*
transform: scale(1.1) 부분을
transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요


display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; -ms-flex-align:center;
display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center;
display: flex; align-items: center; justify-content: center;

맨 앞에 정렬
justify-content: flex-start;
​
맨 끝에 정렬
justify-content: flex-end;

가운데 정렬
justify-content: center;

서로 같은 간격으로 박스들이 조정됨.
justify-content: space-between;​

컨텐츠 뿐만 아니라 그 주변도 같은 간격으로 조정됨.
justify-content: space-around;

​

* 수직으로 적용
align-items

컨테이너의 꼭대기로 정렬
justify-content: flex-start
​
컨테이너의 바닥으로 정렬
flex-end​

가운데로 정렬
center

컨테이너의 시작 위치에 정렬
baseline​

컨테이너에 맞도록 늘린다.
stretch


.list_ol_01 {counter-reset:item; margin-bottom:10px;}
.list_ol_01 > li {position: relative; font-size: 16px; line-height: 1.75; margin-bottom:4px; color: #636363; padding-left:26px;}
.list_ol_01 > li:last-child {margin-bottom: 0;}
.list_ol_01 > li:before {counter-increment: item; content: counter(item); width: 18px; height: 18px; display: inline-block; background: #fff; border:1px solid #636363; color: #636363; border-radius: 50%; text-align: center; line-height:18px; font-size: 10px; position: absolute; top: 5px; left: 0; font-weight:400;}

-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:scale(100%);
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/