@charset "utf-8";
@import url('initialize.css');

html,body{min-width:190px;}

body{padding:0 !important;letter-spacing:-.5px}
body.fixed-nav{padding-top:5em !important}

/* header */
#header{position:relative;z-index:1030;width:100%;height:5.000em;line-height:5.000em;background:#fff;box-shadow: 1px 1px 5px rgba(0,0,0,.1)}
#header .con-wid #m-menu{display:none;float:right;width:2em;height:1.5em}
#header .con-wid #m-menu{margin-top:23px;position:relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer}
#header #m-menu span{display: block; position: absolute; height: 3px; width: 2em; background: #000;opacity: 1; left: 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out;transition: .25s ease-in-out}
#header #m-menu span:nth-child(1){top:0px}
#header #m-menu span:nth-child(2){top:10px}
#header #m-menu span:nth-child(3){top:20px}
#header #m-menu.open span:nth-child(1){top:10px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg)}
#header #m-menu.open span:nth-child(2){opacity:0;left:-60px}
#header #m-menu.open span:nth-child(3){top:10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg)}

#header .con-wid #gnb{float:right;background:#fff}
#header.pc-ver .con-wid #gnb{display:block !important}
#header .con-wid #gnb > li{float:left}
#header .con-wid #gnb > li > a{display:block;padding:0 1em;font-size:1.063em;font-weight:700;}
#header .con-wid #gnb > li > a:active,
#header .con-wid #gnb > li > a:visited,
#header .con-wid #gnb > li > a:focus,
#header .con-wid #gnb > li > a:link{text-decoration:none}
#header .con-wid #gnb > li:last-child a{padding-right:0}
#header .con-wid #gnb > li a .ico-awDown{width:7px;height:5px;margin-left:.5em;background:url('../images/icon/ico-arrowDown-sm.png') no-repeat 0 0;vertical-align:middle}
#header.m-ver .ico-awDown{display:block}
#header.pc-ver #releaseCenter .ico-awDown{display:none}

#header.m-ver{position:fixed !important;z-index:1050;top:0}

.fixed{position:fixed !important;z-index:9000}
#header.fixed{top:0}
.search-box.fixed{animation-name:slowFixed;animation-duration:.1s;animation-fill-mode:forwards;z-index:1030;box-shadow: 1px 1px 5px rgba(0,0,0,.1)}

#header.fixed + #main-contents{padding-top:5.5em}
#header.m-ver #gnb{display:block;float:none;position:absolute;z-index:10;left:0;right:0;width:100%;background:#fff}

.logo-ssos{display:inline-block;width:19.875em}
.top-util{margin-bottom:2em}

#header #releaseCenter{display:none;position:absolute;left:0;right:0;background:#fff;border-top:1px solid #d6d6d6;box-shadow:0px 6px 11px rgba(0,0,0,.1)}
#header #releaseCenter ul li{line-height:1}
#header #releaseCenter > ul{display:table;width:100%;margin:2em auto 1.5em}
#header #releaseCenter > ul > li{position:relative;display:table-cell;width:20%;padding:0 2em;border-left:1px solid #e7e7e7}
#header #releaseCenter > ul > li:first-child{border-left:none}
#header #releaseCenter > ul > li .ico-gnb{position:absolute;right:2em;bottom:1.5em;display:inline-block;width:2.938em;height:2.938em;background-image:url('../images/icon/ico-gnb.png');background-repeat:no-repeat;background-size:17.1875em}
#header #releaseCenter > ul > li:nth-child(1) .ico-gnb{background-position-x:0}
#header #releaseCenter > ul > li:nth-child(2) .ico-gnb{background-position-x:-3.563em}
#header #releaseCenter > ul > li:nth-child(3) .ico-gnb{background-position-x:-7.125em}
#header #releaseCenter > ul > li:nth-child(4) .ico-gnb{background-position-x:-10.938em}
#header #releaseCenter > ul > li:nth-child(5) .ico-gnb{background-position-x:-14.500em}
#header #releaseCenter > ul > li .pointMenu{display:inline-block;padding-bottom:.8em;font-size:1.125em;font-weight:700;color:#182ca2}
#header #releaseCenter > ul > li .depth a{position:relative;font-weight:400;color:#000}
#header #releaseCenter .gnb-nav > li{line-height:2}
#header #releaseCenter .gnb-nav > li > a{font-size:1.188em;font-weight:700;color:#000}
#header #releaseCenter .gnb-nav .depth{margin:0 0 .5em;padding-left:.8em}
#header #releaseCenter .gnb-nav .depth li{padding:.4em 0;line-height:1.3}
#header #releaseCenter .gnb-nav .depth .depth{margin:.5em 0}
#header #releaseCenter .gnb-nav .depth a:before,
#header #releaseCenter .gnb-nav .depth .depth a:before{content:'';position:absolute;top:10px;left:-10px;display:block;width:6px;height:7px;border-top:2px solid #989898;font-size:12px}
#header #releaseCenter .gnb-nav .depth .depth a:before{top:6px;border-top:none;border-left:1px solid #989898;border-bottom:1px solid #989898;}
#header.pc-ver #releaseCenter .gnb-nav{display:block !important}


#header.m-ver #releaseCenter{position:relative;box-shadow:none}
#header.m-ver .con-wid #gnb{display:none;overflow-y:auto;height:100vh;padding:0 1em 5em}
#header.m-ver .con-wid #gnb > li{float:none;display:block;border-bottom:1px solid #dddddd}
#header.m-ver .con-wid #gnb > li:last-child,
#header.m-ver #releaseCenter > ul > li:last-child{border-bottom:none}
#header.m-ver .con-wid #gnb > li,
#header.m-ver #releaseCenter > ul > li{width:100% !important}
#header.m-ver #releaseCenter > ul > li{display:block;border-left:none;border-bottom:1px solid #dddddd;line-height:3.9em}

#header.m-ver #releaseCenter > ul{display:block;margin:0;padding:0}
#header.m-ver #releaseCenter > ul > li .pointMenu{padding:0 0 0 1em;font-weight:500;color:#000}
#header.m-ver #releaseCenter > ul > li .pointMenu.on{font-weight:700}

#header.m-ver .con-wid #gnb > li a{display:block;font-size:1.3em}
#header.m-ver .con-wid #gnb > li > a{text-align:left}
#header.m-ver #releaseCenter{opacity:1 !important}
#header.m-ver #releaseCenter > ul > li .ico-gnb{display:none}
#header.m-ver #releaseCenter > ul > li{padding:0}
#header.m-ver #releaseCenter .gnb-nav{display:none}
#header.m-ver #releaseCenter .gnb-nav,
#header.m-ver #releaseCenter .gnb-nav > li,
#header.m-ver #releaseCenter .gnb-nav .depth,
#header.m-ver #releaseCenter .gnb-nav .depth li{border-top:1px solid #dddddd}
#header.m-ver #releaseCenter .gnb-nav > li:first-child,
#header.m-ver #releaseCenter .gnb-nav .depth li:first-child{border-top:none}

#header.m-ver #releaseCenter .gnb-nav > li{line-height:4em}
#header.m-ver .con-wid #gnb > li a .ico-awDown{display:none}

#header.m-ver #releaseCenter .gnb-nav .depth{display:none;margin:0;padding-left:0}
#header.m-ver #releaseCenter .gnb-nav .depth li{padding:0}
#header.m-ver #releaseCenter .gnb-nav > li > a{padding-left:2em;font-weight:700;color:#666}
#header.m-ver #releaseCenter > ul > li .depth a{padding:.907em 0 0.907em 3em;color:#666}
#header.m-ver #releaseCenter .gnb-nav .depth a:before{top:28px;left:3em}
#header.m-ver #releaseCenter .gnb-nav .depth .depth a:before{top:23px;left:3em}
#header.m-ver #gnb .sub-depth > a.on{color:#1743e4}
#header.m-ver #gnb .sub-depth .have-depth{position:relative}
#header.m-ver #gnb .sub-depth .have-depth .ico-awDown{position:absolute;top:50%;right:.5em;display:block;width:2em;height:2em;margin-top:-1.1em;background-image:url('../images/icon/ico-gnbArrow2.png');background-size:3em;background-position:.45em .75em;background-repeat:no-repeat;transition:all .2s;-webkit-transition:all .2s}
#header.m-ver #gnb .sub-depth .have-depth.on .ico-awDown{background-position-x:-1.5em;transform:rotate(180deg);transition:all .2s;-webkit-transition:all .2s}
#header.m-ver #gnb .sub-depth > .have-depth .ico-awDown{background-position:.45em .75em}
#header.m-ver #gnb .sub-depth .have-depth.pointMenu.on .ico-awDown{background-position-x:.55em}
#header.m-ver #releaseCenter .gnb-nav .have-depth .ico-awDown{background-position:.5em -.8em}
#header.m-ver #releaseCenter .gnb-nav .have-depth.on .ico-awDown{background-position:.5em -.85em}

/* footer */
#footer{padding:2.2em 0;background-color:#dfdfdf;font-weight:300;}
#footer .logo-ssos{display:inline-block;width:7em}
#footer .con-wid{position:relative}
#footer .site-link{float:right;margin-top:.9em}
#footer .site-link > ul{overflow:hidden;display:inline-block;vertical-align:middle}
#footer .site-link > ul > li{float:left;padding:0 1em;border-left:1px solid #666;line-height:1em}
#footer .site-link > ul > li:first-child{padding-left:0;border-left:none}
#footer .site-link a{color:#1a1a1a;font-size:1em;letter-spacing:-1px}
#footer .site-link .site-view{position:relative;display:inline-block;width:16em;border:1px solid #666}
#footer .site-link .site-view .site-viewTit{position:relative;display:block;padding:0 0.875em;color:#000;box-sizing:border-box;line-height:2.500em;cursor:pointer}
#footer .site-link .site-view .site-viewTit:before{position:absolute;top:.69em;right:1.250em;content:"";display:block;width:1px;height:17px;background:#000}
#footer .site-link .site-view .site-viewTit:after{position:absolute;top:.69em;right:1.250em;content:"";display:block;width:1px;height:17px;background:#000;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}
#footer .site-link .site-view.on .site-viewTit{background:#f4f4f4}
#footer .site-link .site-view ul{display:none;position:absolute;bottom:100%;z-index:10;width:100%;margin-bottom:1px;padding:.5em 1em;background:#f4f4f4;box-sizing:border-box}
#footer .site-link .site-view ul a{display:block;font-size:.95em;font-weight:500;line-height:2;}
#footer .copy{margin-top:.5em;color:#7c7c7c;font-size:.85em;font-weight:400;}
#footer #btn-top{position:absolute;top:-1em;right:0;display:block;width:44px;height:15px;background:url('../images/icon/btn-top.png') no-repeat 0 0}



/**************** main **************/
/* popupzone */
.popupzone {position:relative; font-size:2rem; color:#000;}
.popupzone .popup-bg{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.3); top: 0; left: 0; display: none;}
.popupzone .pop-wrap {padding:4em 0; width:100%;box-sizing:border-box;overflow: hidden;background: url('../images/layout/bg_curtain.png') no-repeat; background-size:cover; }
.popupzone .pop-wrap-bg{position: absolute;top:0;right:0;width: 36%;height: 90%;background: url('../images/layout/bg_curtain_item.png') top right no-repeat; background-size: contain;}
.popupzone .title {font-family:'SamsungSharpSans';font-weight:600;font-size:1.8em; color:#000; line-height:3.4rem;}
.popupzone .content {position: relative;z-index:10;margin:0 auto;max-width:1330px;}
.popupzone .content>p{font-size:1em;font-weight:500;line-height:2.9rem;}
.popupzone .content .date{display: block;}
.popupzone.open {margin-top:0;}
.popupzone .check {max-width: 1330px; width: 100%; margin: 1em auto 0; font-size:.9em; text-align: right;}
.popupzone .check .close {margin-left:15px;}
.popupzone .check input[type="checkbox"] {width:16px; height:16px; vertical-align:middle; outline:0; margin:-2px 5px 0 0; border-radius: 0; border: 1px solid #000; background: #fff; appearance: none; -webkit-appearance: none; position: relative;}
.popupzone .check input[type="checkbox"]:checked:after {display: block; content: ''; width: 8px; height: 8px; background: #000; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%);}

.popupzone .ico{display:inline-block;width:16px;height:16px;vertical-align:middle;background: url('../images/icon/ico-group.png') no-repeat; filter: invert(100%);}
.popupzone .ico_close{background-position:0 0}
.popupzone .ico_close:hover{background-position:-20px 0}

.popupzone .fw_bold{display:block;color:#000;font-weight: 700;font-size: 1.1em;padding-bottom: 1em;}
.popupzone .content p:last-of-type .fw_bold{border-bottom: 1px solid #7f7a6e;}


/* main-visualArea */
@keyframes moveObj {
    0%{transform: translate(50%, -20%);}
    20%{transform: translate(-74%, 31%);}
    22%{transform: translate(-92%, 50%);}
    26%{transform: translate(-100%, 54%);}
    28%{transform: translate(-114%, 79%);}
    32%{transform: translate(-126%, 82%);}
    34%{transform: translate(-140%, 110%);}
    40%{transform: translate(-180%, 140%);}
    100%{transform: translate(-520%, 400%);}
}
@keyframes jump {
    0%{transform: translate3d(0, 0, 0);}
    19%{transform: translate3d(0, 0, 0);}
    22%{transform: translate3d(0, -13%, 0);}
    26%{transform: translate3d(0, 0, 0);}
    28%{transform: translate3d(0, -11%, 0);}
    32%{transform: translate3d(0, 0, 0);}
    34%{transform: translate3d(0, -9%, 0);}
}
#main-visualArea{position:relative;}
.bg-area{background-color: var(--bg-color); position:relative; overflow:hidden;}
.bg-area:before{content:''; position:absolute; top:0;left:0;right:0;height:0;background-color: var(--main-color);}
.bg-area .main-layer{position: relative; width: 1745px; top: 0; float: right; text-align: right;}
.bg-area .main-layer .stairs{position: absolute; right: 17.2%; bottom: 10.8%; width:23.66762%;}
.bg-area .main-layer .stairs img{position: absolute; right: 0; bottom: 0;}
.bg-area .main-layer .stairs img:nth-of-type(2){position: absolute; right: 0; bottom: 0; z-index: 12;}
.bg-area .main-layer .above-layer{position:absolute; right:0; bottom:0; width:17.2638%; overflow: hidden; z-index: 15;}
.bg-area .main-layer .above-layer .blend-layer{bottom: 0; top: auto;}
.bg-area .main-obj{position: absolute; right: 9%; bottom: 40%; transform:translate(50%,-10%); animation: moveObj 12s 0s linear infinite; z-index: 10;}
.bg-area .obj1{width: 214px; height: 213px;}
.bg-area .obj2{width: 213px; height: 216px; animation-delay: 4s;}
.bg-area .obj3{width: 218px; height: 219px; animation-delay: 8s;}
.bg-area .main-obj .jump{width: 100%; height: 100%; transform-origin: 50% 50%; animation: jump 12s 0s cubic-bezier(0, 1.1, 0.8, 2) infinite;}
.bg-area .obj2 .jump{animation-delay: 4s;}
.bg-area .obj3 .jump{animation-delay: 8s;}
.bg-area .main-obj .figure{width: 100%; height: 100%;}
.bg-area .obj1 .figure{background: url('../images/layout/main-obj1.png') center no-repeat; background-size: auto 100%;}
.bg-area .obj2 .figure{background: url('../images/layout/main-obj2.png') center no-repeat; background-size: auto 100%; animation-delay: 3s;}
.bg-area .obj3 .figure{background: url('../images/layout/main-obj3.png') center no-repeat; background-size: auto 100%; animation-delay: 6s;}

.bg-area .blend-layer{position: absolute; width: 100%; height: 100%; left: 0; top: 0; float: right; text-align: right;}
.bg-area .blend-layer img{width: 100%; height: 100%;}

#main-visualArea .con-wid{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#main-visualArea h2{margin-top:1.5em;font-size:1.750em;font-weight:400;word-break:keep-all;font-family:'SamsungOneKorean'}
#main-visualArea h2 .br{display: inline;}
.search-radius{position:relative;width:22.2em;padding:.67em 1.2em;border-radius:34px;background:#fff;box-sizing:border-box;border:1px solid #000;}
.search-radius .btn-search.white{position:absolute;top:0;right:0;width:4.1em;height:100%;border-radius:50%;background-color:#000;background-size: 45% 45%;}
.search-radius input[type='text']{width:calc(100% - 2.4em);height:44px;border:none;font-size:1.025em;font-family:"SamsungOneKorean";}
.search-radius input::-webkit-input-placeholder{font-size:1.025em;color:#4c4c4c}
.search-radius input:-ms-input-placeholder{font-size:1.025em;color:#4c4c4c}
.search-radius input::-ms-input-placeholder{font-size:1.025em;color:#4c4c4c}
.search-radius input::placeholder{font-size:1.025em;color:#4c4c4c}
#main-visualArea .search-radius{margin-top: 2.8em;}


/* main-contents */
/* key-value */
@keyframes floating{
    0%{ transform: translate3d(-50%, -47%, 0); }
    50%{ transform: translate3d(-50%, -55% , 0); }
    100%{ transform: translate3d(-50%, -47%, 0); }
}
.key-value{ display: flex; }
.key-sub{ width: 50%; box-sizing: border-box;}
.key-sub .slick-list, .key-sub .slick-track{width: 100%; height: 100%;}
.key-sub.icons .key-sub-list{width: 100%; height: 100%; display: flex; justify-content:center; align-items:center;}
.key-sub.icons .open{background: url('../images/layout/key-open_bg.jpg') no-repeat center center; background-size: cover;}
.key-sub.icons .inno{background: url('../images/layout/key-inno_bg.jpg') no-repeat center center; background-size: cover;}
.key-sub.icons .collab{background: url('../images/layout/key-collab_bg.jpg') no-repeat center center; background-size: cover;}
.key-sub.icons .key-area{ width: 35em; height: 45em; position: relative; overflow: hidden; z-index:100;}
.key-sub.icons .key-area .bd{position: absolute; left: 0; top: 0; border: 1px solid #000;}
.key-sub.icons .key-area .round-part{width: 100%; height: 80%; border-radius: 50% 50% 0 0; border-bottom: 0; overflow: hidden;}
.key-sub.icons .key-area .round-part img{transform: scale(1.15)}
.key-sub.icons .key-area .square-part{top: 40%; width: 100%; height: 60%; border-top: 0; overflow: hidden;}
.key-sub.icons .key-area .square-part img{position: absolute; left: 0; bottom: 10%; transform: scale(1.15)}
.key-sub.icons .key-objs{position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100%; height: 70%; z-index: 100;}
.key-sub.icons .key-area .key-objs .key-obj-list{position: absolute;}
.key-sub.icons .key-area .key-objs .k1{width: 6em; height: 8em; left: 10%; bottom: 25%; background: url('../images/layout/key-obj1.png') no-repeat center center; background-size: contain;}
.key-sub.icons .key-area .key-objs .k2{width: 3.8em; height: 4.6em; left: 28%; top: 23%; background: url('../images/layout/key-obj2.png') no-repeat center center; background-size: contain;}
.key-sub.icons .key-area .key-objs .k3{width: 7em; height: 9em; right: 23%; top: 18%; background: url('../images/layout/key-obj3.png') no-repeat center center; background-size: contain;}
.key-sub.icons .key-area .key-objs .k4{width: 5em; height: 5em; right: 10%; bottom: 22%; background: url('../images/layout/key-obj4.png') no-repeat center center; background-size: contain;}
.key-sub.icons .key-area .key-obj{position: absolute; left: 50%; top: 47%; transform: translate(-50%, -50%); width: 11em; height: 11em; animation: floating 4s ease-in-out alternate infinite;}
.key-sub.icons .open .key-area .key-obj{ background: url('../images/layout/key-open_obj.png') no-repeat center center; background-size: cover;}
.key-sub.icons .inno .key-area .key-obj{ background: url('../images/layout/key-inno_obj.png') no-repeat center center; background-size: cover;}
.key-sub.icons .collab .key-area .key-obj{ background: url('../images/layout/key-collab_obj.png') no-repeat center center; background-size: cover;}

.key-sub.contents{margin: 11em 0;}
.key-sub.contents .wrapper{max-width: 500px; margin-left: 7em;}
.key-sub.contents .content-top p{font-size: 1.25em; margin-top: 1em;}
.key-sub.contents .content-bot{margin-top: 5em;}

.key-indicator{margin-top: 5em;}
.key-indicator .btn-all{border-radius: 50%; width: 1em; height: 1em; padding: 2em; background: #fff url('../images/icon/ico-arrowRight.png') no-repeat center center;}
.key-indicator .prev-btn{background-image: url('../images/icon/ico-arrowLeft.png'); margin-right: 2em;}
.key-indicator .btn-all:hover{background-color: #000;}
.key-indicator .prev-btn:hover{background-image: url('../images/icon/ico-arrowLeft_white.png');}
.key-indicator .next-btn:hover{background-image: url('../images/icon/ico-arrowRight_white.png');}


/* innovation */
.innovation{padding:10em 0; background: #fffcf5;}
.innovation .br{display: inline;}
.inno-list{display: flex; gap: 3em; margin-top: 6em; padding: 0 3em; box-sizing: border-box}
.inno-list li{flex: 1 1 0; padding: 5.5em 0; position: relative;}
.inno-list .bd{position: absolute; left: 0; top: 0; border: 1px solid #000;}
.inno-list .round-part{width: 100%; height: 80%; border-radius: 50% 50% 0 0; border-bottom: 0; background: #fff;}
.inno-list .square-part{top: 40%; width: 100%; height: 60%; border-top: 0; background: #fff;}
.inno-list .inno-content{position: relative; z-index: 10;}
.inno-list li i{display:inline-block;width: 10em;height:10em;background-size:contain;background-repeat:no-repeat;background-position:center center;margin-bottom:2.5em;/* transition:background-image .2s;-webkit-transition:background-image .2s;-ms-transition:background-image .2s;transition-delay:1.5s;-webkit-transition-delay:1.5s;-ms-transition-delay:1.5s;transition-delay:1.5s; */}
.inno-list li:nth-child(1) i{background-image:url('../images/icon/inno-obj1.png');}
.inno-list li:nth-child(2) i{background-image:url('../images/icon/inno-obj2.png');}
.inno-list li:nth-child(3) i{background-image:url('../images/icon/inno-obj3.png');}


/* leaders */
.leaders{position: relative; background: url('../images/layout/leaders_bg.jpg') no-repeat right center; background-size: 100% 100%; padding: 10em 0 7em; font-family: "SamsungOneKorean";}
.leaders-bg{position: absolute; right: 0; top: 0; width: 40vw; height: 25vw; background: url('../images/layout/leaders_bg_part.png') no-repeat right top / 100% 100%;}
.leaders-list-wrap{position: relative; margin: 3em auto 0;}
.leaders-list{margin: 0 auto;}
.leaders-list .li{padding: 0 1.3em;}
.leaders-list .li:last-child{margin-right: 0;}
.leaders-list .li .leaders-box{background-color: #fff; border-radius: 20px; border: 1px solid #000; /* height: 23em;  */padding: 2em;}
.leaders-list .li .profile_wrap{display: flex; gap: 1.2em; align-items: center; height: 5em; margin-bottom: 1em;}
.leaders-list .li .profile_wrap i{width: 5em; height: 5em; border-radius: 50%; border: 1px solid #000; overflow: hidden;}
.leaders-list .li .profile_wrap i img{width: 100%; height: 100%;}
.leaders-list .li .profile_wrap .info_wrap{width: calc(100% - 6.2em);}
.leaders-list .li .profile_wrap .info_wrap h3{font-weight: 700; font-size: 1.2em; margin-bottom: 0.3em;}
.leaders-list .li .profile_wrap .info_wrap span{display: block; font-size: 0.85em;}
.leaders-list .li p{font-size: 1em; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; word-spacing: 0.3px; letter-spacing: 0.1px;}
.leaders-list .slick-dots{text-align: center; margin-top: 3.5em;}
.leaders-list .slick-dots li{display: inline-block; margin-left: 1.1em;}
.leaders-list .slick-dots li:first-child{margin-left: 0;}
.leaders-list .slick-dots li button{text-indent: -9999px; width: 0.65em; height: 0.65em; border-radius: 50%; border: 1px solid #000;}
.leaders-list .slick-dots .slick-active button{background-color: #000;}

.leaders-indicator .btn-all{position: absolute; top: 40%; transform: translateY(-50%); border-radius: 50%; width: 1em; height: 1em; padding: 1.8em; background: #fff url('../images/icon/ico-arrowRight.png') no-repeat center center;}
.leaders-indicator .prev-btn{left: -7%; background-image: url('../images/icon/ico-arrowLeft.png');}
.leaders-indicator .next-btn{right: -7%;}
.leaders-indicator .btn-all:hover{background-color: #000;}
.leaders-indicator .prev-btn:hover{background-image: url('../images/icon/ico-arrowLeft_white.png');}
.leaders-indicator .next-btn:hover{background-image: url('../images/icon/ico-arrowRight_white.png');}

/* more-contents */
.more-contents{display: flex;}
.more-sub{width: 50%; background-repeat: no-repeat; background-position: 70% 70%;background-size: cover;}
.more-sub.conference{background-image:url('../images/layout/d_c-bg.png');}
.more-sub.center{background-image:url('../images/layout/r_c-bg.png');}
.more-sub .wrapper{width: 35em; margin: 6.5em auto;}
.more-sub i{display:inline-block;width: 24em;height: 24em;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.more-sub.conference i{background-image:url('../images/icon/d_c-obj.png');}
.more-sub.center i{background-image:url('../images/icon/r_c-obj.png');}
.more-sub.conference .more-btn{margin-top: 3em;}
.more-sub.center .search-area{margin-top: 5em;}
.more-sub.center .search-input{width: 60%;}
.more-sub.center .search-btn:hover{background-color: #000; background-image: url('../images/icon/ico-search_white.png');}


/* project-info */
.project-info{padding: 10em 0; background-color: var(--bg-gray);}
.project-info .con-wid{display: flex; gap: 6%;}
.project-info .content-left, .project-info .project-list{flex: 1 1 0;}
.project-info .content-left .more-btn{margin-top: 3em;}
.project-info .project-list{display: flex; flex-wrap: wrap;}
.project-info .project-list li{width: 11.4em; height: 11.4em; background-color: #fff; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 1.5em; border-radius: 1.2em; margin-bottom: 2em; margin-right: 6%; overflow: hidden;}
.project-info .project-list li:nth-child(3n){margin-right: 0;}
.project-info .project-list li img{max-height: 100%;}

/**************** sub **************/
/* common */
#main-contents{position: relative;}
#main-contents.con-wid{overflow:hidden;min-height:calc(100vh - 22.9em);margin:65px auto 120px}
#main-contents.con-ptb h1.tit{margin-bottom: 0;}
.con-wid-sub{max-width: 1575px; width: 95%; margin: 0 auto;}
.con-area{margin: 2.5em auto;}

.txt-intro{font-family:"SamsungOneKorean"; font-weight: 400; line-height: 1.5em; margin-top: 1.3em; font-size: 1.25em;}

.txt-group{font-family:'SamsungOneKorean';}
.txt-group h3.sub-tit{font-weight: 800; font-size: 1.625em;}
.txt-group p{letter-spacing: 0.15px; line-height: 1.3em; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.txt-group h3.sub-tit ~ p{margin-top: 0; margin-bottom: 0.6em;}
.txt-group h3.sub-tit + p{margin-top: 0.8em;}


/* about */
.map-area{position: relative; width: 46%; max-height: 636px; overflow: hidden; background-color: var(--bg-color); border: 1px solid #000; border-radius: 20px; float:left; margin-right: 4%;}
.map-area .img-wrap{position: relative; width: 100%; height: 100%;}
.map-area .img-wrap>div{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.map-area .img-wrap .map-layer>img{position: absolute; left: 9%; top: 2%; transform: scale(1.3);}
.map-layer[data-aos=fade-up]{transform: translate3d(0, 50px, 0);}
.map-area .img-wrap .blend-layer>img{width: 100%; height: 100%;}
.map-area .img-wrap .flag-layer>img{position: absolute; left: 9%; top: 2%; transform: scale(1.3);}
.flag-layer[data-aos=fade-up]{transform: translate3d(0, 70px, 0);}
.map-area .descr-wrap{width: 85%; position: absolute; bottom: 8%; left: 50%; transform: translateX(-50%);}
.descr-wrap[data-aos=fade-up]{transform: translate3d(-50%, 100px, 0)}
.descr-wrap[data-aos^=fade][data-aos^=fade].aos-animate{transform:translate3d(-50%, 0, 0)}

/* community */
.tab-area{width: 100%; padding: 1.5em 0; background-color: var(--bg-gray);}
.tab-area>ul{display: flex;}
.tab-area>ul>.tab-item{width: 11em; padding: 0.7em 0 0.6em; border: 1px solid #000; border-radius: 30px; margin-right: 1em; text-align: center; background: #fff; font-family: 'SamsungSharpSans';}
.tab-area>ul>.tab-item>a{display: block;font-family: 'SamsungSharpSans'; font-weight: 600; font-size: 1.325em; margin-top: 0.1em;}
.tab-area>ul>.tab-item.active, .tab-area>ul>.tab-item:hover{background: #000; cursor: pointer;}
.tab-area>ul>.tab-item.active>a, .tab-area>ul>.tab-item:hover>a{color: #fff;}

#community-wrap h3{font-weight: 800; font-size: 1.45em; margin-bottom: 0.6em;}
#community-wrap h3 + p{font-size: 1.2em; word-spacing: 2px; line-height: 1.5em; word-break: keep-all;}

.programs-list{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2.2em;}
.programs-list>li{width: 32%; border: 1px solid #000; border-radius: 10px;}
/* 2023 - SOS Mine 있는 버전
.programs-list>li{width: 23%; border: 1px solid #000; border-radius: 10px;} */
.programs-list>li .icon-wrap{height: 20em; background-color: #f7f7f7; border-radius: 10px 10px 0 0; position: relative; transition: background-color .2s; border-bottom: 1px solid #000;}
.programs-list>.pr1:hover .icon-wrap{background-color: #ff903e;}
.programs-list>.pr2:hover .icon-wrap{background-color: #20cbdd;}
.programs-list>.pr3:hover .icon-wrap{background-color: var(--main-color);}
.programs-list>.pr4:hover .icon-wrap{background-color: #4da1f7;}
.programs-list>li .icon-wrap>.ico-circle{width: 15em; height: 15em; padding: 2em; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.program-content{background: #fff; border-radius: 0 0 10px 10px; width: 90%; margin: 1.7em auto 2em; font-family: "SamsungOneKorean";}
.programs-list>li:hover .program-content>h3{text-decoration: underline; text-underline-position: under; text-decoration-thickness: 1px;}

.partnership-list>li, .affiliations-list>li{border: 1px solid #000; border-radius: 20px;margin-top: 2.2em;}
.partnership-list>li>a, .affiliations-list>li>a{ width: 100%; height: 100%; display: flex; gap: 2em; padding: 1.8em; }
.partnership-list>li .ico-square, .affiliations-list>li .ico-square{width: 11em; height: 11em; background-color: #f7f7f7; border-radius: 20px; position: relative; transition: background-color .2s;}
.partnership-list>li:hover .ico-square, .affiliations-list>li:hover .ico-square{background-color: var(--main-color);}
.partnership-list>li .ico-square .ico-partnership, .affiliations-list>li .ico-square .ico-affiliations{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.4);}
.partnership-content, .affiliations-content{width: calc(100% - 13em); font-family: "SamsungOneKorean"; margin-top: 1em;}
#community-wrap .partnership-content h3, #community-wrap .affiliations-content h3{margin-bottom: 1em;}


/* community - SOSCON */
#soscon-wrap{display: flex; gap: 3%;}
#soscon-wrap>div{width: 48.5%;}
#soscon-wrap .img-wrap img{width: 100%; height: auto;}
#soscon-wrap h3{font-family:"SamsungSharpSans"; font-weight: 700; font-size: 1.8em; margin-bottom: 0.5em;}
#soscon-wrap h4, #soscon-wrap strong{font-family:"SamsungSharpSans"; font-weight: 700; display: block;}
#soscon-wrap .inner{width: 100%; border: 1px solid #000; border-radius: 10px;}

.soscon-con1{display: flex; flex-direction: column; justify-content: space-between;}
.soscon-con1 .main-banner{position: relative; width: 100%;}
.soscon-con1 .main-banner h2{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-family:"SamsungSharpSans"; font-weight: 700; font-size: 2em;}
.soscon-con1 .icon-wrap ul{width: 750px; margin: 0 auto; display: flex; justify-content: center; gap: 10%;}
.soscon-con1 .icon-wrap li{width: 20%;}
.soscon-con1 .icon-wrap li i{width: 100%; height: 10em;}
.soscon-con1 .icon-wrap li:nth-child(1)>i{background:url('../images/icon/ico-soscon1.png') no-repeat center; background-size: contain;}
.soscon-con1 .icon-wrap li:nth-child(2)>i{background:url('../images/icon/ico-soscon2.png') no-repeat center; background-size: contain;}
.soscon-con1 .icon-wrap li:nth-child(3)>i{background:url('../images/icon/ico-soscon3.png') no-repeat center; background-size: contain;}
.soscon-con1 .icon-wrap li strong{text-align: center; font-size:1.5em; margin-top: 0.4em;}
.soscon-con1 .txt-group p{font-size: 1.1em; word-break: keep-all; line-height: 1.4em; letter-spacing: 0.25px;}
.soscon-con1 .soscon-global-wrap .inner{background-color: var(--bg-gray); display: flex; justify-content: center; gap:3%; padding: 4% 0;}
.soscon-con1 .soscon-global-wrap .inner .img-wrap{position: relative; width: 30%;}
.soscon-con1 .soscon-global-wrap .inner h4{width: 100%; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 1.4em; padding: 0 0.5rem; box-sizing: border-box;}

.soscon-con2 .inner{background-color: #f0f5ff; padding-top: 3.2em; padding-bottom: 3.2em;}
.soscon-con2 .inner .timeline{position: relative;}
.soscon-con2 .inner .timeline-item{position: relative;}
.soscon-con2 .inner .timeline-item:not(:first-child){margin-top: -5%;}
.soscon-con2 .inner .timeline-card{position: relative; width: 30%;}
#soscon-wrap .soscon-con2 .inner .timeline-card strong{display: inline-block; margin-top: .5em; font-size: 1.3em; height: 1.1em;}
.soscon-con2 .inner .timeline-card strong .ico-link{width: 0.6em; height: 0.6em; background: url('../images/icon/ico-file.png') no-repeat; background-size: contain; margin-left:0.3em; display: inline-block;}
.soscon-con2 .inner .timeline-card a{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.soscon-con2 .inner .timeline-card .img-wrap{overflow: hidden; border-radius: 1rem;}
.soscon-con2 .inner .timeline-item:nth-child(odd) .timeline-card{left: 15%;}
.soscon-con2 .inner .timeline-item:nth-child(odd) .timeline-card .text-wrap{text-align: right;}
.soscon-con2 .inner .timeline-item:nth-child(even) .timeline-card{left: 56%;}
.soscon-con2 .inner .timeline-dot:before{display: block; content:""; width: 11px; height: 11px; border-radius: 50%; border: 1px solid #000; background-color: #1f41ae; position: absolute; left: 50%; bottom: 8%; transform: translateX(-50%); z-index: 10;}
.soscon-con2 .inner .timeline-dot:after{display: block; content:""; width: 0; height: 0; border-radius: 50%; border: 0px solid #000; background-color: #f0f5ff; position: absolute; left: 50%; bottom: 5%; transform: translateX(-50%); z-index: 5; transition-property: width, height; transition-duration: 0.1s, 0.1s;}
/* .soscon-con2 .inner .timeline-item:nth-child(1) .timeline-dot:after, .soscon-con2 .inner .timeline-item:nth-child(4) .timeline-dot:after, .soscon-con2 .inner .timeline-item:nth-child(7) .timeline-dot:after{bottom: 4.5%;} */
.soscon-con2 .inner .timeline-card:hover .text-wrap strong{border-bottom: 1px solid #000;}
.soscon-con2 .inner .timeline-card:hover~.timeline-dot:after{width: 20px; height: 20px; border-width: 1px;}
.soscon-con2 .inner .timeline-line{width: 0.1px; height: 98%; background-color: #000; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}


/* blog */
#main-contents.blog>.title-wrap{display: flex; justify-content: space-between;}
#main-contents.blog>.title-wrap>h1.tit{margin-bottom: 0;}
#main-contents.blog>.title-wrap .search-area{width: 220px; position: relative;}
#main-contents.blog>.title-wrap .search-area .search-input{width: 100%; position: absolute; left: 0; bottom: 0;}
#main-contents.blog>.title-wrap .search-area .btn-all{border: 0 none; background-color: transparent; width: 2em; height: 2em; padding: 0;}
#main-contents.blog>.title-wrap .search-area .search-btn{position: absolute; right: 5%; bottom: 0; margin-bottom: 5px; background-size: 75% 75%;}
#blog-wrap h3{font-weight: 800; font-size: 1.25em; line-height: 1.4em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
#blog-wrap h3 + span{font-size: 0.95em; position: absolute; left: 0; bottom: 0;}
.blog-list-wrap>.txt-wrap{display: flex; justify-content: space-between; align-items:last baseline;}
.blog-list-wrap .txt-intro span.br{display: inline;}
.blog-list-wrap .txt-result{position: relative; top: 0; left: 0;}
.blog-list{position: relative; display: flex; flex-wrap: wrap; gap: 2.6666666%; margin-top: 2.2em;}
.blog-list>li{width: 23%; height: 26.15em; margin-bottom: 3em; border: 1px solid #000; border-radius: 10px;}
.blog-list>li>a{display: block; width: 100%; height: 100%;}
.blog-list>li .img-wrap{width: 100%; height: 60%; border-radius: 10px 10px 0 0; position: relative; border-bottom: 1px solid #000; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.blog-list>li .img-wrap>img{display: block; width: 100%; height: 100%; object-fit: cover;}

.blog-content{background-color: #fff; border-radius: 0 0 10px 10px; padding: 1.5em 1.8em 1.85em; font-family: "SamsungOneKorean"; transition: background-color .2s; height: 40%;}
.blog-list>li:hover .blog-content{background-color: var(--main-color);}
.blog-content>.wrap{height: 100%; position: relative;}
.blog-content .blog-info{font-size: 0.9em; position: absolute; left: 0; bottom: 0;}
.blog-content .blog-writer{display: inline-block;}
.blog-content .blog-writer .main-name{margin-left: 0.3em;}
.blog-content .blog-writer .main-name:before{display: inline-block; content: ''; width: 1px; height: 0.9em; background: #000; position: relative; top: 0.1em; margin-right: 0.3em;}

.pagination{display: flex; justify-content: center; align-items: center; margin: 20px 0 50px;}
.pagination a{display: block; margin-right: 1em; font-family: "SamsungOneKorean"; font-size: 1.125em;}
.pagination a.active{font-weight: 800; text-decoration: underline; text-underline-position: under;}
.pagination .btn-all{border-radius: 50%; padding: 1.2em; background: #fff url('../images/icon/ico-arrowLeft_pagination.png') no-repeat center center;}
.pagination .next-btn{background-image: url('../images/icon/ico-arrowRight_pagination.png');}
.pagination .btn-all:hover{background-color: #000;}
.pagination .prev-btn:hover{background-image: url('../images/icon/ico-arrowLeft_pagination_white.png');}
.pagination .next-btn:hover{background-image: url('../images/icon/ico-arrowRight_pagination_white.png');}

.blog-detail-content{font-family:'SamsungOneKorean'; border: 1px solid #000; border-radius: 14px; overflow: hidden;}
.blog-detail-content .title-group{border-bottom: 1px solid #000; padding: 1.5em 4.2%; background: var(--bg-gray);}
h2.tit-blog + span:after{content: "|"; margin: 0 0.8em;}

.blog-detail-content .txt-group{font-size: 1.125em; padding: 3em 4.2% 5em;}
.blog-detail-content .txt-group p{word-break: keep-all; letter-spacing: -0.7px; line-height: 1.6em; font-size: 1em;}
.blog-detail-content .txt-group pre{word-break: keep-all; letter-spacing: -0.7px; line-height: 1.6em; font-size: 1em; white-space: normal; padding: 1em 3.2%; font-family: inherit; background: #f5f5f5; border-radius: 10px;}
.blog-detail-content .txt-group a{-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; word-break: break-all; color: #0757f2;}
.blog-detail-content .txt-group u{text-underline-position: under;}
.blog-detail-content .txt-group strong{font-weight: 700; letter-spacing: -0.15px;}
.blog-detail-content .txt-group ul{list-style: disc outside; padding-inline-start: 2.5em; margin-bottom: 1em;}
.blog-detail-content .txt-group ul>li{line-height: 1.5em; margin-bottom: 0.5em;}
.blog-detail-content .txt-group ul>li:last-child{margin-bottom: 0;}
.blog-detail-content .txt-group ol{list-style: decimal outside; padding-inline-start: 2.5em; margin-bottom: 1em;}
.blog-detail-content .txt-group ol>li{line-height: 1.5em; margin-bottom: 0.5em;}
.blog-detail-content .txt-group ol>li:last-child{margin-bottom: 0;}
.blog-detail-content .txt-group h2{font-weight: 700; font-size: 1.875em; margin-bottom: 0.5em;}
.blog-detail-content .txt-group h3{font-weight: 700; font-size: 1.875em; padding-bottom: 0.5em; border-bottom: 1px solid #000; padding-top: 2em; position: relative; letter-spacing: -0.15px; margin-bottom: 0.5em;}
.blog-detail-content .txt-group h3:before{content: ''; display: inline-block; border-radius: 50%; width: 0.25em; height: 0.25em; margin-right: 0.3em; position: relative; top: -5px; background-color: #0077c8;}
.blog-detail-content .txt-group h4{font-weight: 700; font-size: 1.125em; letter-spacing: -0.15px;}
.blog-detail-content .txt-group h5{display: inline-block; padding: 0.3em 0.8em; background-color: #0077c8; border-radius: 1em; color: #fff; font-weight: 700; letter-spacing: 0.15px;}
.blog-detail-content .txt-group>table{border: 1px solid #000; width: auto; margin-left: auto; margin-right: auto;}
.blog-detail-content .txt-group>table tr{border-bottom: 1px solid #000;}
.blog-detail-content .txt-group>table th, .blog-detail-content .txt-group>table td{border-right: 1px solid #000;}
.blog-detail-content .txt-group>table:nth-child(1),
.blog-detail-content .txt-group>table:nth-last-of-type(2),
.blog-detail-content .txt-group>table:nth-last-of-type(1),
.blog-detail-content .txt-group>table:nth-child(1) tr,
.blog-detail-content .txt-group>table:nth-last-of-type(2) tr,
.blog-detail-content .txt-group>table:nth-last-of-type(1) tr,
.blog-detail-content .txt-group>table:nth-child(1) td,
.blog-detail-content .txt-group>table:nth-last-of-type(2) td,
.blog-detail-content .txt-group>table:nth-last-of-type(1) td {border: 0 none;}
.blog-detail-content .txt-group>div{overflow-x: auto;}
.blog-detail-content .txt-group>div>table{width: auto; margin: 0 auto; border: 1px solid #000; max-width: 1000px;}
.blog-detail-content .txt-group>div>table tr{border-bottom: 1px solid #000;}
.blog-detail-content .txt-group>div>table th, .blog-detail-content .txt-group>div>table td{border-right: 1px solid #000; padding: 0 1.6rem;}
.blog-detail-content .txt-group>table:nth-child(1),
.blog-detail-content .txt-group>table:nth-last-of-type(2),
.blog-detail-content .txt-group>table:nth-last-of-type(1){width: 100%; margin-left: 0; margin-right: 0;}
.blog-detail-content .txt-group>table:nth-child(1) td>div:nth-of-type(1){border-radius: 20px 20px 0 0; padding: 1.7em 3.2%; background-color: #0077c8;}
.blog-detail-content .txt-group>table:nth-child(1) td>div:nth-of-type(1)>p{font-size: 1.2em; color: #fff;}
.blog-detail-content .txt-group>table:nth-child(1) td>div:nth-of-type(2){border-radius: 0 0 20px 20px; padding: 1.7em 3.2%; background-color: #ebf3f8;}
.blog-detail-content .txt-group>table:nth-child(1) h3:first-of-type{padding-top: 0.5em;}
.blog-detail-content .txt-group>table:nth-last-of-type(2) h4{margin-bottom: 0.5em;}
.blog-detail-content .txt-group>table:nth-last-of-type(2) tr:nth-of-type(1) div{background-color: #f6f6f6; padding: 2em 2.5em 0.5em;}
.blog-detail-content .txt-group>table:nth-last-of-type(2) tr:nth-of-type(2) div{background-color: #f6f6f6; padding: 0 2.5em 2em;}
.blog-detail-content .txt-group>table:nth-last-of-type(1)>tbody>tr>td>div{background-color: #f6f6f6; padding: 0.5em 2.5em 2em;}
.blog-detail-content .txt-group>table:nth-last-of-type(1) table td{display: flex; flex-wrap: wrap; gap: 2em;}
.blog-detail-content .txt-group>table:nth-last-of-type(1) table td>div>div{width: 13em; height: 13em; margin-top: 1em; background-color: #fff; border-radius: 20px;}
.blog-detail-content .txt-group>table:nth-last-of-type(1) table td>div>div>div{padding: 1em 0;}
.blog-detail-content .txt-group>table:nth-last-of-type(1) table td>div>div>div>figure{padding: 0; width: 7em !important; height: 7em !important; margin: 0 auto; border-radius: 50%; border: 1px solid #e4e4e4; overflow: hidden;}
.blog-detail-content .txt-group>table:nth-last-of-type(1) table td>div>div>div>figure>img{width: 100% !important; height: auto !important;}
.blog-detail-content .txt-group>table:nth-last-of-type(1) table td>div>div>h4{text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.blog-detail-content .txt-group>table:nth-last-of-type(1) table td>div>div>p{text-align: center; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; overflow: hidden; margin-top: 0.2em; padding: 0.2em 0.5em 1em; line-height: 1.1em; font-size: 0.875em; height: 2.4em;}
.blog-detail-content figure>img{display: block; margin: 0 auto;}
.blog-detail-content .txt-group figure{padding: 2em 0; width: 100%; position: relative;}
.blog-detail-content .txt-group figure iframe{position: absolute; left: 0; top: 0;}
.blog-detail-content .txt-group figure>img{height: auto !important;}

#blog-detail-wrap .button-group{margin-top: 2em; display: flex; justify-content: space-between;}
#blog-detail-wrap .button-group>a{display: block; padding: 0.8em 3.5em; border: 1px solid #000; border-radius: 2em; font-family: "SamsungOneKorean"; font-weight: 800; font-size: 1.3em; background-color: #fff; transition: background-color 0.2s;}
#blog-detail-wrap .button-group>a:hover{background-color: #000; color: #fff;}


/* privacy policy */
.top-util .date-select{max-width:20em;width: 50%;margin-right:1em;display: inline-block;vertical-align:middle;font-family:'SamsungOneKorean';padding: 0.62em 0.588em;border-radius:4px;color:#666;font-size:1.1em;background-position:right 0.4em center;letter-spacing:-0.15px;}
.top-util .lang-select{vertical-align:middle;}
.top-util .lang-select.blueTab > li a{padding: 0.7em 2em;}

.tab-contents{word-break: keep-all;}
.tab-contents h2.tit{font-size: 2.8em;margin-bottom: 1em;margin-top: 0;}
.tab-contents h3.tit-list{font-size: 1.9em;font-weight: 700;}
.tab-contents h3.tit-list div{display: inline-block;}
.tab-contents h3.tit-list i{display: inline-block;width: 1.2em;height: 1.2em;margin-left: 0.3em;vertical-align:middle;background-repeat:no-repeat;background-size:100% 100%;background-position:center center;}
.tab-contents h3.tit-list:nth-of-type(1) i:nth-of-type(1){background-image:url('../images/icon/ico-tit_privacy1.png');}
.tab-contents h3.tit-list:nth-of-type(1) i:nth-of-type(2){background-image:url('../images/icon/ico-tit_privacy2.png');}
.tab-contents h3.tit-list:nth-of-type(2) i:nth-of-type(1){background-image:url('../images/icon/ico-tit_privacy3.png');}
.tab-contents h3.tit-list:nth-of-type(4) i:nth-of-type(1){background-image:url('../images/icon/ico-tit_privacy4.png');}
.tab-contents h3.tit-list:nth-of-type(4) i:nth-of-type(2){background-image:url('../images/icon/ico-tit_privacy5.png');}
.tab-contents h3.tit-list:nth-of-type(5) i:nth-of-type(1){background-image:url('../images/icon/ico-tit_privacy6.png');}
.tab-contents h3.tit-list:nth-of-type(5) i:nth-of-type(2){background-image:url('../images/icon/ico-tit_privacy7.png');}
.tab-contents h3.tit-list:nth-of-type(6) i:nth-of-type(1){background-image:url('../images/icon/ico-tit_privacy8.png');}
.tab-contents h3.tit-list:nth-of-type(6) i:nth-of-type(2){background-image:url('../images/icon/ico-tit_privacy9.png');}
.tab-contents h3.tit-list:nth-of-type(6) i:nth-of-type(3){background-image:url('../images/icon/ico-tit_privacy10_14.png');}
.tab-contents h3.tit-list:nth-of-type(7) i:nth-of-type(1){background-image:url('../images/icon/ico-tit_privacy11.png');}
.tab-contents h3.tit-list:nth-of-type(7) i:nth-of-type(2){background-image:url('../images/icon/ico-tit_privacy12.png');}
.tab-contents h3.tit-list:nth-of-type(7) i:nth-of-type(3){background-image:url('../images/icon/ico-tit_privacy13.png');}
.tab-contents h3.tit-list:nth-of-type(7) i:nth-of-type(4){background-image:url('../images/icon/ico-tit_privacy10_14.png');}
.tab-contents h3.tit-list:nth-of-type(8) i:nth-of-type(1){background-image:url('../images/icon/ico-tit_privacy15.png');}
.tab-contents h3.tit-list:nth-of-type(9) i:nth-of-type(1){background-image:url('../images/icon/ico-tit_privacy16.png');}
.tab-contents h3.tit-list:nth-of-type(10) i:nth-of-type(1){background-image:url('../images/icon/ico-tit_privacy17.png');}
.tab-contents h3.tit-list:nth-of-type(11) i:nth-of-type(1){background-image:url('../images/icon/ico-tit_privacy18.png');}
.tab-contents h4.tit-list{font-size: 1.25em;font-weight: 700;}
.tab-contents .btn-eu{padding-right: 1.2em;color:#666;font-size:1.125em;margin-left: 1em;}
.tab-contents .btn-eu .ico-global{width: 1.3em;height: 1.3em;vertical-align:-0.3em;}
.tab-contents.txt-group .txt-kor p{line-height: 1.5em;letter-spacing:-0.15px;}
.tab-contents .list-disc{padding-inline-start: 1em;}
.tab-contents .list-disc > li{position:relative;padding-left:1em;font-size:1.1em;line-height:1.7em}
.tab-contents .list-disc > li:before{content:"";position:absolute;left:0;top:0.6em;display:block;width:4px;height:4px;border-radius:50%;background:#000}
.tab-contents strong{font-weight: 700;}
.tbl-privacy{width:80%;margin:1.5em auto;font-size:1.1em;}
.tbl-privacy th{padding: 1em; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;}
.tbl-privacy td{color: #8d8d8d; padding: 0.8em 0.5em; vertical-align: top; font-size: 0.95em; border-bottom: 1px solid #e6e6e6; line-height: 1.5em;}
.tbl-privacy .withMarker{padding-left:1.75em;position: relative;}
.tbl-privacy .withMarker:before{position: absolute;left: 0.5em;top: 0.6em;content: '-';font-size:1.3em;line-height:1;}
.tbl-privacy p.withMarker{padding-left:1em;}
.tbl-privacy p.withMarker:before{left: 0;top: 0;}
.tbl-privacy td p{font-size: 1em;}
.tbl-grid{display: grid; grid-column-gap: 0px; grid-row-gap: 0px;}
.tbl-grid .th{background: #f2f2f2; padding: 1em; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; text-align: center; font-weight: 700;}
.tbl-grid .td{color: #8d8d8d; padding: 0.8em 0.5em; vertical-align: top; font-size: 0.95em; border-bottom: 1px solid #e6e6e6; line-height: 1.3em;}
.tbl-grid1{grid-template-columns: repeat(3, 1fr);}
.tbl-grid1 img{max-width: 100px; width: 90%; margin: 0.6em auto;}
.tbl-grid1 .th{grid-area: 1 / 1 / 2 / 4;}
.tbl-grid1 .td{text-align: center;border-right: 1px solid #e6e6e6;}
.tbl-grid1 .td:nth-child(3n+1){border-right: 0;}
.tbl-grid1 .td p{font-size: 1em;}
.tbl-grid1 .td1{grid-area: 2 / 1 / 3 / 2;}
.tbl-grid1 .td2{grid-area: 2 / 2 / 3 / 3;}
.tbl-grid1 .td3{grid-area: 2 / 3 / 3 / 4;}
.tbl-grid1 .td4{grid-area: 3 / 1 / 4 / 2;}
.tbl-grid1 .td5{grid-area: 3 / 2 / 4 / 3;}
.tbl-grid1 .td6{grid-area: 3 / 3 / 4 / 4;}
.tbl-grid2{grid-template-columns: 1fr 1fr 1.2fr 1.3fr 1.5fr;}
.tbl-privacy.tbl-grid .withMarker{padding-left:1.75em;}
.tab-contents.txt-group .txt-kor .tbl-privacy .tbl-withIco p{line-height: 1.3em;}
.tbl-notice{width: 80%;margin: 0 auto;padding-left:1.5em;position: relative;}
.tbl-notice:before{position: absolute;left: 0.5em;top: -1px;content: '※';}


/* inquiry - terms and conditions */
#main-contents.inquiry{overflow: visible;}
.box-ppAgree.kor{font-family: 'SamsungOneKorean';}
.box-ppAgree .tbl-grid.tbl-kor{grid-template-columns: repeat(3, 1fr);}
.box-ppAgree .tbl-grid.tbl-kor div{text-align: center;}
.box-ppAgree .tbl-grid.tbl-kor .th{font-weight: 500;}
.box-ppAgree .tbl-grid.tbl-kor .td{display: flex;justify-content: center;align-items:center;font-size:1em;}
.box-ppAgree .tbl-grid.tbl-kor .td3{font-size: 2.125rem;font-weight: 700;color: #000;}
.box-ppAgree .tbl-grid.tbl-kor .td3>span{color: #1743e4;}


/**************** 2023 리뉴얼 이전 **************/
/* #main-contents{overflow:hidden;min-height:calc(100vh - 22.9em);margin:65px auto 120px} */
#main-contents.mb0{margin-bottom:0;}
#main-contents.mb0>.con-wid{margin-bottom: 0 !important;}
#main-contents>.con-wid{overflow:hidden;min-height:calc(100vh - 22.9em);margin:65px auto 120px;}
#main-contents.bg-gray{margin:0;padding:3em 0}
#main-contents.bg-gray .con-wid{border-radius:15px;padding:4.063em 9.063em;background:#fff;box-sizing:border-box}

.bg-gray{background:#f7f7f7}

#sub-visualArea{overflow:hidden;position:relative}

.list-value{margin:2em auto}
.list-value:after{content:"";display:block;clear:both}
.list-value li{float:left;width:33.3%;text-align:center}
.list-value li:first-child{margin-left:0}


.list-value .box-value{display:block;max-width:24.375em;padding:1.5em 2.5em 3em;box-sizing:border-box}
.list-value .box-value i{display:inline-block;width:6.250em;height:6.250em;background-size:contain;background-repeat:no-repeat;margin-bottom:.5em;transition:background-image .2s;-webkit-transition:background-image .2s;-ms-transition:background-image .2s;transition-delay:1.5s;-webkit-transition-delay:1.5s;
-ms-transition-delay:1.5s;transition-delay:1.5s;}
.list-value li .box-value:hover i{transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s;}

.list-value li:nth-child(1) .box-value i{background-image:url('../images/icon/main_ic_network_n.gif')}
.list-value li:nth-child(2) .box-value i{background-image:url('../images/icon/main_ic_share_n.gif')}
.list-value li:nth-child(3) .box-value i{background-image:url('../images/icon/main_ic_use_n.gif')}
/*
.list-value li:nth-child(1) .box-value:hover i{background-image:url('../images/icon/main_ic_network.gif');}
.list-value li:nth-child(2) .box-value:hover i{background-image:url('../images/icon/main_ic_share.gif');}
.list-value li:nth-child(3) .box-value:hover i{background-image:url('../images/icon/main_ic_use.gif');}
*/

.list-value .box-value h3{font-size:1.375em;font-weight:700;color:#000}
.list-value .box-value:hover{box-shadow:1px 1px 10px 0px rgba(0,0,0,.1)}
.list-value .box-value span{display:inline-block;margin-top:.5em;font-size:1.125em;font-weight:500;line-height:1.4}

.box-colorValue{position:relative;margin-top:3em}
.box-colorValue .ico-valCir{display:block;position:absolute;top:50%;left:50%;z-index:10;width:20em;margin:-10em 0 0 -10em}
.box-colorValue:after{content:"";display:block;clear:both}
.box-colorValue > div{float:left;width:50%;box-sizing:border-box}
.box-colorValue > div:nth-child(odd){padding-right:1em;text-align:left}
.box-colorValue > div:nth-child(even){padding-left:1em;text-align:right}
.box-colorValue > div:nth-child(3),.box-colorValue > div:nth-child(4){padding-top:2em}
.box-colorValue > div:nth-child(odd) .box-color{padding-right:9em}
.box-colorValue > div:nth-child(even) .box-color{padding-left:9em}
.box-colorValue > div .box-color{padding:2em;border-radius:5px;background:#f4f5f7;box-sizing:border-box}
.box-colorValue > div .box-color strong{display:block;font-size:1.375em;color:#000;line-height:1}
.box-colorValue > div .box-color .txt-value{display:inline-block;min-height:4.5em;margin-top:.6em;font-size:1.375em;font-weight:400;color:#000;line-height:1.3}
.box-colorValue > div .box-color a{display:block;margin-top:1em;font-size:1.125em;font-weight:600;text-decoration:underline}
.box-colorValue > div .box-color:hover{background:#e1eafb}
.box-colorValue > div .box-color:hover a{color:#1743e4}

.leader-interview .con-wid{position:relative}
.leader-slider{position:relative}
.leader-slider .slick-slide{padding:0 15px}
.leader-slider .slick-list{padding:0 -15px;box-sizing:border-box}
.leader-slider .slick-arrow{position:absolute;top:50%;z-index:10;display:inline-block;width:27px;height:49px;margin-top:-1.531em;background-image:url("../images/icon/ico-arrow.png");background-repeat:none;background-position-y:-3.4em;text-indent:-9999em}
.leader-slider .slick-arrow.slick-prev{left:-3em;background-position-x:0}
.leader-slider .slick-arrow.slick-next{right:-3em;background-position-x:-2.1em}
.leader-slider .slick-arrow:hover{background-position-y:-7.625em}
.leader-slider .slick-dots{margin-top:3em;text-align:center}
.leader-slider .slick-dots li{display:inline-block;margin-left:.5em}
.leader-slider .slick-dots li:first-chlid{margin-left:0}
.leader-slider .slick-dots li button{width:0.938em;height:0.938em;border-radius:25px;background:#a4a4a4;text-indent:-9999em;transition:padding 1s;-webkit-transition:padding 1s}
.leader-slider .slick-dots .slick-active button{padding:0 .7em;background:#1743e4;transition:padding 1s;-webkit-transition:padding 1s}
.leader-interview{margin-top:5em;padding:6.5em 0;background:#f7f7f7}
.box-itv{background:#fff;border-radius:10px;padding:3em 2em;box-sizing:border-box}
.box-itv .info-ldWrap{display:table;width:100%}
.box-itv .info-ldWrap .ld-thumbPhoto,
.box-itv .info-ldWrap .ld-info{display:table-cell;vertical-align:middle}
.box-itv .info-ldWrap .ld-info{padding:0 1em}
.box-itv .info-ldWrap .ld-info .ld-name{display:block;font-size:1.375em;font-weight:bold;color:#000;word-break:keep-all}
.box-itv .info-ldWrap .ld-info .ld-group{display:inline-block;margin-top:.3em;font-size:1.063em;font-weight:400;color:#000;line-height:1.2;word-break:keep-all}
.box-itv .ld-thumbPhoto{width:10%}
.box-itv .ld-thumbPhoto .thumbPhoto{overflow:hidden;width:5em;height:5em;border-radius:50%}
.box-itv .ld-thumbPhoto img{width:100%}
.box-itv .ld-qt{overflow:hidden;position:relative;height:12.3em;margin-top:1.4em;padding-right:.7em;color:#000;font-family:'SamsungOneKorean';font-size:1.375em;line-height:1.4;word-break:keep-all}
.box-itv .ld-qt.ellipsis:after{height:15em}

.slide-count-wrap{display:none;position:absolute;top:1em;right:3.5em;z-index:10;font-size:1.1em;font-weight:500}
.slide-count-wrap .current,
.slide-count-wrap .total{display:inline-block;padding:0 .1em}

.project-info{padding:7em 0 5em}
.btn-projectGroup{position:relative;margin-top:5em}
.btn-projectGroup:after{content:"";display:block;clear:both}
/*.btn-projectGroup .slick-list{margin-left:.3em}*/
.btn-projectGroup .btn-project{/*float:left;width:14.285%;padding:0 4px;*/box-sizing:border-box;text-align:center}
.btn-projectGroup .btn-project:first-child{padding-left:0}
.btn-projectGroup .btn-project:last-child{padding-right:0}
.btn-projectGroup .btn-project a{display:block;height:180px;margin:0 4px;border:5px solid #f3f3f3;padding:2em .5em;box-sizing:border-box}
.btn-projectGroup .btn-project a:hover span{color:#1743e4}
.btn-projectGroup .btn-project img{display:block;height:3.438em;margin:0 auto}
.btn-projectGroup .btn-project span{display:inline-block;margin-top:1em;font-size:1.375em;font-weight:700;color:#000}
.btn-projectGroup .btn-project .line-pre{padding-bottom:1.45em}
.btn-projectGroup .btn-project .line-pre span{margin:1em 0 0;font-size:1.24em;line-height:1}
.btn-projectGroup .slick-arrow{position:absolute;top:50%;display:block;width:1.125em;height:2.125em;margin-top:-1.063em;background-size:cover;text-indent:-9999em}

.btn-projectGroup .slick-arrow.slick-prev{left:-2em;background-image:url('../images/icon/ico-arrowGray-L.png')}
.btn-projectGroup .slick-arrow.slick-next{right:-2em;background-image:url('../images/icon/ico-arrowGray-R.png')}

@keyframes slowFixed{0%{top:4.5em}100%{top:5em}}