@charset "utf-8";

/***** Commom *****/
/* 202304-01 웹접근 추가 : 키보드 접근 outline */
a:focus-visible,
button:focus-visible{ outline: 2px solid #2189ff !important; z-index: 1; }
a:not(:focus-visible),
button:not(:focus-visible),
a:active,
button:active { outline: none !important; }
/* //202304-01 웹접근 추가 : 키보드 접근 outline */

.mo-only { display: none; }
@media all and (max-width:1024px){
    html {height:-webkit-fill-available;}
    body {min-height:100vh; min-height:-webkit-fill-available;}
    html.ios {height:100%;}
    html.ios body {position:fixed;top:0px;overflow:hidden;min-height:auto;}
}

/***** M00_A | GNB *****/
.M00_A {position:absolute;width:100%;max-width:1920px;top:0;opacity:1;z-index:7000;transition:top 0.2s;background:transparent !important;}
.M00_A > .inner {position:relative;max-width:none;padding:0;border-bottom:1px solid #ddd;background-color:#fff;}

.tail_chk .M00_A {padding-top:70px;top:-70px;}

/* hidden */
/* 20221202 gnb기능 분기 */
/* 20230518 gnb 호버시 스크롤바 너비 계산 */
.hid_s { width: 100%; height: 100%; padding-right: 0px; box-sizing: border-box; }
/* 20221202 gnb기능 분기 */
.mainTestGnb { overflow:visible !important; }

/* scroll Lock */
/*.hid_s .M00_A > .inner {padding-right:17px;}*/

@media all and (max-width:1024px){    
    .tail_chk .M00_A {padding-top:0px;}
    .hid_s.hid_sm { padding-right: 0px; } /* only mobile device */
    .hid_s.hid_sm #container {padding-right:0px;}
    .M00_A.offering > .inner {border-bottom:1px solid #ddd;}
}
@media all and (max-width:768px){
    .hid_s { overflow: hidden ;}
}

/*** Breadcrumb ***/
.brandcolor {position:absolute;width:100%;height:60px;padding:0 40px;box-sizing:border-box;overflow:hidden;background:#0a78ea;z-index:6000;}

/* 20230420 서브페이지 클라우드 였을때 bg 이미지 */
.brandcolor.brandBG_01 { background-image: url('https://image.samsungsds.com/module_src/images/data/brandBG_01.png?queryString=20241210125943'); }
.brandcolor.normal.brandBG_01 { background: none; }
.brandcolor.brandBG_01 .inner::before { display: none; }

.brandcolor .inner {position:relative;max-width:100%;height:60px;padding:0;}
.brandcolor .inner:before {position:absolute;right:-50px;top:0;width:380px;height:100%;background:linear-gradient(to right,rgba(28,255,237,1),rgba(28,255,237,0.2));transform:skew(-58deg);opacity:0.2;content:"";}
.brandcolor .title {position:absolute;float:left;color:#fff;font-size:19px;font-weight:bold;line-height:60px;}
.brandcolor .breadcrumb {position:relative;float:right;margin-top:23px;font-size:12px;z-index:0;color:#fff;}
.brandcolor .breadcrumb a:hover {color:#fff;}
.brandcolor .breadcrumb.white,
.brandcolor .breadcrumb.white > a:hover {color:#fff;}
.brandcolor .breadcrumb.gray,
.brandcolor .breadcrumb.gray > a:hover {color:#888888;}
.brandcolor .breadcrumb > a,
.brandcolor .breadcrumb > span {display:inline-block;}
.brandcolor .breadcrumb > a:hover span {text-decoration:underline !important;}
.brandcolor .breadcrumb > a + a:before,
.brandcolor .breadcrumb > a + span:before,
.brandcolor .breadcrumb > span + a:before,
.brandcolor .breadcrumb > span + span:before {content:' > ';display:inline-block;width:10px;height:20px;padding:0px 15px 0px 10px;vertical-align:top;}

/* bg없는 투명한 브레드커럼 */
.brandcolor.normal { position: absolute; background-color: transparent; width: auto; right: 0; }
.brandcolor.normal .inner:before {background:none;}

@media all and (max-width:1024px){
    .brandcolor {display:none;}
}

/*** GNB ***/
#wrap { background: #fff; max-width: 1920px; }
#wrap #header {position:relative;height:61px;}
#wrap.main #header {height:auto;}
.gnb { display: block; width: 100%; height: 60px; margin: 0 auto; padding: 0 40px; box-sizing: border-box; max-width: 1920px; }

/** Gnb Left **/
.gnb .hd-cnt { float:left;width:calc(100% - 148px);height:60px; } /* 2022.07.11 복구 */

/* Logo */
.gnb .logo {float:left;width:130px;height:60px;margin-right:30px;background:url('https://image.samsungsds.com/module_src/images/default/logo_black.svg?queryString=20241210125943') center 50%/130px 21px no-repeat;}
.gnb .logo a {display:block;width:100%;height:100%;overflow:hidden;}

/* menu */
.gnb .menu > li {float:left;}
.gnb .menu > li > .title {position:relative;display:inline-block; }
.gnb .menu > li > .title a { position: relative; display: block; margin: 0px 19px; font-size: 14px; font-weight: normal; line-height: 59px; transition: color 0.4s;}
.gnb .menu > li > .title a:after {display:block;position:absolute;left:50%; bottom: -2px; width:0;height:2px;background-color:#2189ff;content:'';}
.gnb .menu > li > .title a:hover,
.gnb .menu > li > .title a:focus,
.gnb .menu > li.on > .title a { color: #2189ff; font-weight: bold; }

.gnb .menu.menu-group1 > li > .title a#tab_smart:hover,
.gnb .menu.menu-group1 > li > .title a#tab_smart:focus,
.gnb .menu.menu-group1 > li.on > .title a#tab_smart { color: #009982; font-weight: bold; }
.gnb .menu.menu-group1 > li > .title a#tab_smart:after { background: #009982; }

.gnb .menu > li > .title a:hover:after,
.gnb .menu > li > .title a:focus:after,
.gnb .menu > li.on > .title a:after {left:0;width:100%;}
.gnb .menu > li.on .childpanel {display:block;}

/* menu-group2 */
.gnb .hd-cnt .menu-group2 > li:first-child > .title {padding-left:42px;}
.gnb .hd-cnt .menu-group2 > li:first-child > .title:before {position:absolute;left:22px;top:24px;width:1px;height:13px;background:#888;content:"";}

/* menu-group3 */
.gnb .hd-cnt .menu-group3 { float:right; }
.gnb .hd-cnt .menu-group3 > li:last-child > .title { padding-right: 42px; }
.gnb .hd-cnt .menu-group3 > li:last-child > .title:before { position: absolute; right: 22px; top: 24px; width: 1px; height: 13px; background: #888; content: ""; }
.main.scroll_chk .gnb .menu-group3 li:last-child .title:before { background-color: #fff; }
.main.scroll_chk .mc_chk .gnb .menu-group3 > li:last-child > .title:before { background-color: #000; }


/** Gnb Right **/
.gnb .hd-etc {float:right;right:40px;top:0;}

/* gnb .util */
.gnb .util { display: inline-block; position: relative; margin-right: -9px; vertical-align: top; z-index: 200; display: flex; align-items: center; } 
.gnb .util > li { float:left; margin: 0px 0 0 23px; } 
.gnb .util > li:first-child {margin-left:0;}
.gnb .util > li > a { display:block; width:36px; height:36px; padding: 30px 0; overflow:hidden; } 
.gnb .util > li.mo_menu { display: none; }

/* 20220512 언어선택 추가 */
.gnb .util .btn-language { position:relative; background:url('https://image.samsungsds.com/module_src/images/icon/icon_language_22.png?queryString=20241210125943') center no-repeat; overflow:visible; } 
.gnb .util .btn-language:focus,
.gnb .util .btn-language:hover,
.gnb .util .btn-language.on { background:url('https://image.samsungsds.com/module_src/images/icon/ic_language_blue.png?queryString=20241210125943') center no-repeat; }

/* GNB 검색 */
.gnb .util .btn-search {position:relative; background:url('https://image.samsungsds.com/module_src/images/icon/icon_search.svg?queryString=20241210125943') center no-repeat; overflow:visible;} 
.gnb .util .btn-search:focus,
.gnb .util .btn-search:hover,
.gnb .util .btn-search.on {background:url('https://image.samsungsds.com/module_src/images/icon/ic_search_blue.svg?queryString=20241210125943') center no-repeat;}

.gnb .util .btn-history {position:relative;margin-top:2px;background:url('https://image.samsungsds.com/module_src/images/icon/icon_myvisit_22.svg?queryString=20241210125943') center no-repeat;overflow:visible;}
.gnb .util .btn-history:focus,
.gnb .util .btn-history:hover,
.gnb .util .btn-history.on {background:url('https://image.samsungsds.com/module_src/images/icon/ic_myvisit_blue.svg?queryString=20241210125943') center no-repeat;}

/* RNB 햄버거 메뉴 */
.gnb .util .btn_hamburger { position:relative; text-align:center; padding: 0; } 
.gnb .util .btn-search:hover:after,
.gnb .util .btn-history:hover:after {position:absolute;left:5px;top:38px;padding:7px 10px 8px 10px;background:rgba(0,0,0,0.8);border:1px solid #7d7d7d;border-radius:2px;box-sizing:border-box;color:#fff;font-size:12px;font-weight:normal;text-align:center;overflow:hidden;z-index:10;}
.gnb .util .btn-history:hover:after {width:86px;content:"Visit History";}

.hid_sm .gnb .util .btn-search:hover:after,
.hid_sm .gnb .util .btn-history:hover:after {display:none}

/* S: 2022.07.05 Add login/mypage */
.gnb .util .btn-login { position: relative; overflow: visible; background: url('https://image.samsungsds.com/module_src/images/icon/ic_gnb_login_20.svg?queryString=20241210125943') center no-repeat; background-size: 20px 20px; } 
.gnb .util .btn-login:focus,
.gnb .util .btn-login:hover,
.gnb .util .btn-login.on { background:url('https://image.samsungsds.com/module_src/images/icon/ic_gnb_login_20_blue.svg?queryString=20241210125943') center no-repeat;background-size:20px 20px; }

.gnb .util .btn-mypage { position: relative; overflow: visible; background: url('https://image.samsungsds.com/module_src/images/icon/ic_gnb_my_20_black.svg?queryString=20241210125943') center no-repeat; background-size: 20px 20px; } 
/* .gnb .util .btn-mypage:focus, */
.gnb .util .btn-mypage:hover,
.gnb .util .btn-mypage.on { background:url('https://image.samsungsds.com/module_src/images/icon/ic_gnb_my_20_blue.svg?queryString=20241210125943') center no-repeat;background-size:20px 20px; }

.gnb .util .btn-login:hover:after,
.gnb .util .btn-mypage:hover:after { position:absolute;left:5px;top:38px;padding:7px 10px 8px 10px;background:rgba(0,0,0,0.8);border:1px solid #7d7d7d;border-radius:2px;box-sizing:border-box;color:#fff;font-size:12px;font-weight:normal;text-align:center;overflow:hidden;z-index:10; }

.gnb .util > li.li-login-before.on .pop_dropbox,
.gnb .util > li.li-login-after.on .pop_dropbox { display: block; }
.pop_dropbox { display:none; position:absolute; top:50px; right: 0px; z-index:2; width:257px; background-color:#FFF; border:1px solid #CCC; text-align:left; } 
.gnb .util .btn-login + .pop_dropbox { width:92px; }
.pop_dropbox .info { padding:20px; }
.pop_dropbox .name { font-weight:bold;font-size:16px;line-height:24px; }
.pop_dropbox .email { margin-top:8px;font-size:14px;line-height:20px;color:#666; }
.dropbox_list { padding:10px 0;border-top:1px solid #DDD; }
.dropbox_list .dropbox_item { padding:5px 10px; }
.dropbox_list .dropbox_item.logout { margin-top:10px;padding-top:15px;border-top:1px solid #DDD; } 
.dropbox_list .dropbox_item > a { display:inline-block;height:30px;padding:0 10px;font-size:14px;line-height:30px; }

/* btn_hamburger */
.btn_hamburger .line { display: inline-block; width: 20px; height: 2px; margin-top: 40%; background: #000; transition: all ease-out 0.15s; } 
.btn_hamburger .line:before,
.btn_hamburger .line:after {position:absolute;display:block;width:20px;height:2px;background:#000;content:'';transition:all ease-out 0.15s;}
.btn_hamburger .line:before {left:8px;top:10px;}
.btn_hamburger .line:after {left:8px;bottom:8px;}
.btn_hamburger.active .line {background:transparent !important;}
.btn_hamburger.active .line:before {transform:translateY(8px) rotate(45deg);}
.btn_hamburger.active .line:after {transform:translateY(-8px) rotate(-45deg);}

/* Active */
.gnb .util .btn_hamburger:hover .line,
.gnb .btn_hamburger:hover .line:before,
.gnb .btn_hamburger:hover .line:after {background-color:#1C7EEE;}
.gnb .util .btn_hamburger:focus .line,
.gnb .btn_hamburger:focus .line:before,
.gnb .btn_hamburger:focus .line:after {background-color:#1C7EEE;}
.gnb .util .btn_hamburger.active .line,
.gnb .btn_hamburger.active .line:before,
.gnb .btn_hamburger.active .line:after {background-color:#1C7EEE;}

@media all and (max-width:1300px){
    .gnb .menu > li > .title a {margin:0px 8px;}
    .gnb .menu-group2 > li:first-child > .title,
    .gnb .hd-cnt .menu-group2 > li:first-child > .title {padding-left:21px;}
    .gnb .menu-group2 > li:first-child > .title:before,
    .gnb .hd-cnt .menu-group2 > li:first-child > .title:before {left:12px;}

    /* 20220512 언어선택 추가 */
    .gnb .hd-cnt { width: calc(100% - 147px); }
    .gnb .menu > li:last-child > .title a { margin-right: 0; }
    .gnb .hd-cnt .menu-group3 > li:last-child > .title { padding-right: 30px; }
    .gnb .hd-cnt .menu-group3 > li:last-child > .title:before { right: 10px; }
    
}

@media all and (max-width:1024px){    
    .gnb {padding:0 18px;}    
    .hid_s .gnb {padding:0px 35px 0px 18px;}
    .hid_s .scroll_chk .gnb {padding:0 35px 0px 18px;}
    .hid_s.hid_sm .gnb {padding:0 18px;}
    
    .gnb .hd-cnt { width: calc(100% - 120px) !important; }
    .gnb .hd-cnt > .menu {display:none;}
    .gnb .hd-etc {right:18px}
    .gnb .util {margin-right:-7px;}

    .gnb .util > li { float: left; margin: 0px 0 0 3px; } 
    .gnb .util > li > a {display: block; width: 36px; height: 36px; color: transparent; overflow: hidden;}

    .btn_hamburger .line {margin-top:50%;}
    .gnb .util .btn-search:hover:after,
    .gnb .util .btn-history:hover:after {display:none}

    .gnb .util::before { display: none; }
    .gnb .util > li.mo_menu { display: block; }
}


/** 2Depth Menu **/
/* TEST MODE
.gnb .childpanel .inner {position:relative;background-color:beige;}
.gnb .childpanel .inner:before {content:"";position:absolute;top:0;bottom:0;left:40px;right:40px;height:100%;border:1px solid orange;}
.gnb .childpanel .inner:after {content:"";position:absolute;top:0;bottom:0;left:40px;right:40px;height:10px;background:silver;} */
/* childpanel */
.gnb .childpanel {display:none;position:absolute;left:0;top:61px;width:100%;background:#fff;border-bottom:1px solid #ddd;  z-index:100;}
.gnb .childpanel .inner { position: relative; width: 100%; max-width: 1398px; padding: 40px; margin: 0 auto; }

.gnb .childpanel a { display:inline-block;padding:2px 0; font-size: 15px; line-height: 19px; transition:all 0.4s;vertical-align:top; }
.gnb .childpanel a:hover, .gnb .childpanel a:focus {color:#1C7EEE;}
.gnb .childpanel a:hover .pipeline,
.gnb .childpanel a:focus .pipeline {background-color: #1c7eee;}
.gnb .childpanel .pipeline {display: inline-block;position: relative;top: -0.1rem;width: 0.1rem;height: 1.4rem;margin: 0 0.2rem;font-size: 0.1rem;color: transparent;line-height: 0;background-color: #000;vertical-align: middle;-webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;-o-transition: background-color 0.4s;transition: background-color 0.4s;}
.gnb .childpanel .txt_l_offering {display: inline-block;vertical-align: top;}
.gnb .childpanel.smart a:hover,
.gnb .childpanel.smart a:focus { color: #009982; }

/* 20221201 gnb close button추가 */
.gnb .childpanel .gnb_closeBtn { position: absolute; top: 40px; right: 35px; }
.gnb .childpanel .gnb_closeBtn button { width: 20px; height: 20px; background-image: url('https://image.samsungsds.com/module_src/images/icon/gnbNavi_close.png?queryString=20241210125943'); background-repeat: no-repeat; background-position: center; }

/* .business, .library, .newsroom, .about */
.gnb .childpanel.business .inner,
.gnb .childpanel.library .inner,
.gnb .childpanel.newsroom .inner,
.gnb .childpanel.about .inner {display:flex;justify-content:space-between;}
.gnb .childpanel.business .inner > .feature,
.gnb .childpanel.library .inner > .feature,
.gnb .childpanel.newsroom .inner > .feature,
.gnb .childpanel.about .inner > .feature {flex-shrink:0;transition:margin-left 0.1s, margin-right 0.1s;} /* M00_A.js gnbChildpanelStyle() */
.gnb .childpanel.business .inner > .items,
.gnb .childpanel.library .inner > .items,
.gnb .childpanel.newsroom .inner > .items,
.gnb .childpanel.about .inner > .items {transition:width 0.1s;} /* M00_A.js gnbChildpanelStyle() */

/* .library, .newsroom, .about */
.gnb .childpanel.library .inner,
.gnb .childpanel.newsroom .inner,
.gnb .childpanel.about .inner {flex-direction:row-reverse;max-width:1568px;} /* M00_A.js gnbChildpanelStyle() */

/* offering */
.gnb .childpanel.offering {overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;} /* M00_A js - gnbItemScrollStyle sdsMaxHeight.offering 수정필요 */
.gnb .childpanel.offering::-webkit-scrollbar {display:none;}
.gnb .childpanel.offering .inner > ul.items {display:flex;float:left;width:100%;height:860px;margin:-28px 0 5px 0;padding:0px;flex-direction:column;flex-wrap:wrap;overflow:auto;}
.gnb .childpanel.offering .inner > ul.items > li {float:left;width:20%;margin-top:41px;padding:0 20px 0 0;box-sizing:border-box;}
.gnb .childpanel.offering .inner > ul.items > li > .title,
.gnb .childpanel.offering .inner > ul.items > li > .title a {font-size:16px;font-weight:bold;}
.gnb .childpanel.offering .inner > ul.items > li > .title a {display:inline-block;}
.gnb .childpanel.offering .inner > ul.items > li > .title a {position:relative;padding-right:20px;}
.gnb .childpanel.offering .inner > ul.items > li > .title a:after {display:block;position:absolute;right:0;top:2px;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943') no-repeat;content:'';transition:all 0.4s;}
.gnb .childpanel.offering .inner > ul.items > li > .title a:hover:after,
.gnb .childpanel.offering .inner > ul.items > li > .title a:focus:after {background:url('https://image.samsungsds.com/module_src/images/icon/ic_arrow_right_blue.svg?queryString=20241210125943') no-repeat;content:'';right:-4px;}
.gnb .childpanel.offering .inner .items > li {margin-top:10px;}

/* offering main | kr, en html예외 */
.gnb .childpanel.offering .offering_gnb {display:flex;width:100%;height:100%;padding:40px 0 30px;flex-direction:row;flex-wrap:nowrap;}
.gnb .childpanel.offering .inner .col_items {float:left;width:20%;padding:0px 30px;box-sizing:border-box;border-left:1px solid #dedede;flex-grow:1;}
.gnb .childpanel.offering .inner .col_items:after{content:"";display:block;clear:both;}
.gnb .childpanel.offering .inner .col_items:first-child{border-left:0;}
.gnb .childpanel.offering .inner .col_items > .title,
.gnb .childpanel.offering .inner .col_items > .title a{font-size:18px;font-weight:bold;color:#1C7EEE;}
.gnb .childpanel.offering .inner .col_items .items.dep2 > li {margin-top:30px;box-sizing:border-box;}

.gnb .childpanel.offering .inner .col_items .items.dep2 > li > .title,
.gnb .childpanel.offering .inner .col_items .items.dep2 > li > .title a,
.gnb .childpanel.real2024 .inner .offering_gnb section.real_list_cont .items li .title a { font-size: 17px; font-weight: bold; }

.gnb .childpanel.offering .inner .col_items .items.dep2 > li > .title a,
.gnb .childpanel.real2024 .inner .offering_gnb section.real_list_cont .items li a { position: relative; padding-right: 15px; line-height: 22px; }

.gnb .childpanel.offering .inner .col_items .items.dep3 {margin-top:15px;}
.gnb .childpanel.offering .inner .col_items .col_inner:after {content:"";display:block;clear:both;}
.gnb .childpanel.offering .inner .col_items:nth-child(3){width:32%;padding-right:0;}
.gnb .childpanel.offering .inner .col_items:nth-child(3) .col_inner .items.dep2 {float:left;width:50%;}
.gnb .childpanel.offering .inner .col_items:nth-child(3) .col_inner .items.dep2 > li{padding:0 30px 0 0;}
.gnb .childpanel.offering .inner .col_items .items.dep3 .items{padding-left:15px;}
.gnb .childpanel.offering .inner .col_items .acc_item .items {display:none;}
.gnb .childpanel.offering .inner .col_items .items.dep2 > li.acc_item > .title a:after {right:-4px;transform:rotate(90deg);}
.gnb .childpanel.offering .inner .col_items .items.dep2 > li.acc_item > .title a.active:after {transform:rotate(-90deg);}
.gnb .childpanel.offering .inner .col_items .items.dep3 li.acc_item > .title a{position:relative;padding-right:20px;}
.gnb .childpanel.offering .inner .col_items .items.dep3 li.acc_item > .title a:after {position:absolute;right:3px;top:11px;width:8px;height:8px;margin-top:-4px;border:solid rgb(44, 42, 42);border-width:1.2px 1.2px 0 0;box-sizing:border-box;transform:rotate(135deg);content:"";transition:all 0.4s;}
.gnb .childpanel.offering .inner .col_items .items.dep3 li.acc_item > .title a:hover:after,
.gnb .childpanel.offering .inner .col_items .items.dep3 li.acc_item > .title a:focus:after {border-color:#1C7EEE;}
.gnb .childpanel.offering .inner .col_items .items.dep3 li.acc_item > .title a.active:after {top:16px;transform:rotate(-45deg);}

/* 20231121 gnb : offering > banner */
.gnb .childpanel.offering .offering_feature {margin-top:25px;}
.gnb .childpanel.offering .offering_feature ul{overflow:hidden;}
.gnb .childpanel.offering .offering_feature ul li{width:100%;max-width:218px;padding:15px 20px 15px;margin-top:10px;background:#f6f6f6;box-sizing:border-box;}
.gnb .childpanel.offering .offering_feature ul li:first-child {margin-top:0;}
.gnb .childpanel.offering .offering_feature ul li .icon {margin-bottom:5px;}
.gnb .childpanel.offering .offering_feature ul li .md_link {position:relative;display:inline-block;padding-right:17px;font-size:16px;line-height:20px;font-weight:bold;margin-bottom:5px;}
.gnb .childpanel.offering .offering_feature ul li .md_link:after {position:absolute;right:0;top:5px;width:16px;height:16px;border:solid #000;border-width:3px 3px 0 0;box-sizing:border-box;transform:rotate(45deg) scale(0.5);content:"";transition:all 0.4s;}
.gnb .childpanel.offering .offering_feature ul li .md_link:hover:after {border-color:#1C7EEE;right:-3px;}
.gnb .childpanel.offering .offering_feature ul li .md_txt {line-height:22px;}

/* 20231121 gnb : offering > banner v1 */
.gnb .childpanel.offering .offering_feature_v1 { margin-top: 30px; }
.gnb .childpanel.offering .offering_feature_v1 ul li { max-width: none !important; display: flex; align-items: center; background-color: #fff; padding: 0; }
.gnb .childpanel.offering .offering_feature_v1 li + li { margin-top: 1.2rem !important; }
.gnb .childpanel.offering .offering_feature_v1 li .md_link { padding-right: 2.6rem !important; }
.gnb .childpanel.offering .offering_feature_v1 li a { position: relative; font-size: 16px; width: 100%; height: 60px; padding: 0 10px !important; border: 2px solid #888; color: #fff; background-color: #888; display: flex; align-items: center; }
.gnb .childpanel.offering .offering_feature_v1 li a::after { position: absolute; right: 20px; top: 50%; width: 8px; height: 8px; border: solid #fff; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; margin: -3px 0 0 -5px; transform: rotate(45deg); }
.gnb .childpanel.offering .offering_feature_v1 li a:hover { color: #888; background-color: #f5f5f5; border: 2px solid #888; }
.gnb .childpanel.offering .offering_feature_v1 li a:hover::after { border: solid #000; border-width: 1px 1px 0 0; }

.gnb .childpanel.offering .offering_feature_v1 li:first-child a,
.gnb .childpanel.offering .offering_feature_v1 li:nth-child(2) a { color: #fff; background-color: #1C7EEE; border: 2px solid #1C7EEE; }

.gnb .childpanel.offering .offering_feature_v1 li:first-child a::after,
.gnb .childpanel.offering .offering_feature_v1 li:nth-child(2) a::after { border: solid #fff; border-width: 1px 1px 0 0; }

.gnb .childpanel.offering .offering_feature_v1 li:first-child a:hover,
.gnb .childpanel.offering .offering_feature_v1 li:nth-child(2) a:hover { background-color: #ebf4fe; color: #1C7EEE; }

.gnb .childpanel.offering .offering_feature_v1 li:first-child a:hover::after,
.gnb .childpanel.offering .offering_feature_v1 li:nth-child(2) a:hover::after { border: solid #1C7EEE; border-width: 1px 1px 0 0; }

/* smart Logistics */
.gnb .childpanel.smart { max-height:765px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;} /* M00_A js - gnbItemScrollStyle sdsMaxHeight.smart 수정필요 */
.gnb .childpanel.smart::-webkit-scrollbar {display:none;}
.gnb .childpanel.smart > ul.items {display:flex;float:left;width:100%;height:860px;margin:-28px 0 5px 0;padding:0px;flex-direction:column;flex-wrap:wrap;overflow:auto;}
.gnb .childpanel.smart > ul.items > li {float:left;width:20%;margin-top:41px;padding:0 20px 0 0;box-sizing:border-box;}
.gnb .childpanel.smart > ul.items > li > .title,
.gnb .childpanel.smart > ul.items > li > .title a {font-size:16px;font-weight:bold;}
.gnb .childpanel.smart > ul.items > li > .title a {display:inline-block;}
.gnb .childpanel.smart > ul.items > li > .title a {position:relative;padding-right:20px;}
.gnb .childpanel.smart > ul.items > li > .title a:after {display:block;position:absolute;right:0;top:2px;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943') no-repeat;content:'';transition:all 0.4s;}
.gnb .childpanel.smart > ul.items > li > .title a:hover:after,
.gnb .childpanel.smart > ul.items > li > .title a:focus:after {background:url('https://image.samsungsds.com/module_src/images/icon/ic_arrow_right_blue.svg?queryString=20241210125943') no-repeat;content:'';right:-4px;}
.gnb .childpanel.smart .items > li {margin-top:10px;}

.gnb .childpanel.smart .offering_gnb {display:flex;width:100%;height:100%;margin:0px 0 5px 0;padding:0px;flex-direction:row;flex-wrap:nowrap;}
.gnb .childpanel.smart .inner .col_items {float:left;width:20%;padding:0 20px;box-sizing:border-box;flex-grow:1;}
.gnb .childpanel.smart .inner .col_items:first-child{ border-left: 0; max-width: 445px; border-right: 1px solid #ddd; }
.gnb .childpanel.smart .inner .col_items > .title,
.gnb .childpanel.smart .inner .col_items > .title a{font-size:22px;font-weight:bold;}
.gnb .childpanel.smart .inner .col_items > ul.items > li {margin-top:30px;padding:0 20px 0 0;box-sizing:border-box;}
.gnb .childpanel.smart .inner .col_items > ul.items > li:first-child {margin-top:0;}

.gnb .childpanel.smart .inner .col_items > ul.items > li > .title,
.gnb .childpanel.smart .inner .col_items > ul.items > li > .title a { font-size: 16px; }

.gnb .childpanel.smart .inner .col_items > ul.items > li > .title a:hover:after,
.gnb .childpanel.smart .inner .col_items > ul.items > li > .title a:focus:after { filter: invert(45%) sepia(86%) saturate(3031%) hue-rotate(144deg) brightness(93%) contrast(101%); }

.gnb .childpanel.smart .inner .col_items .items > li {margin-top:10px;}
.gnb .childpanel.smart .inner .col_items:nth-child(2) {width:40%;}
.gnb .childpanel.smart .inner .col_items:nth-child(2) > ul.items {float:left; width:62%;}

/* 20220502 스마트 물류 GNB 수정 */
.gnb .childpanel.smart .inner .col_video { margin-left: 17px; font-size: 14px; font-weight: 600; border-right: 1px solid #ddd; margin-right: 20px; padding-right: 40px; }

.gnb .childpanel.smart .inner .col_video .video_wrap { position:relative; }
.gnb .col_video_bottomBtn { position: relative; margin-top: 20px; }
.gnb .col_video_bottomBtn ul { display: flex; justify-content: space-between; }
.gnb .col_video_bottomBtn ul li { position: relative; width: 100%; max-width: 132px; height: 105px; text-align: center; border: 1px solid #ddd; display: flex; align-items: center; }
.gnb .col_video_bottomBtn ul li a { display: block; width: 100%; }
.gnb .col_video_bottomBtn ul li a::before { content: ''; display: block; width: 100%; height: 50px; background-repeat: no-repeat; background-position: center; margin-bottom: 8px; }
.gnb .col_video_bottomBtn ul li.btn1 a::before { background-image: url('https://image.samsungsds.com/module_src/images/icon/icon_videoBottom_01.png?queryString=20241210125943'); }
.gnb .col_video_bottomBtn ul li.btn2 a::before { background-image: url('https://image.samsungsds.com/module_src/images/icon/icon_videoBottom_02.png?queryString=20241210125943'); }
.gnb .col_video_bottomBtn ul li.btn3 a::before { background-image: url('https://image.samsungsds.com/module_src/images/icon/icon_videoBottom_03.png?queryString=20241210125943'); }
/* //20220502 스마트 물류 GNB 수정 */

.gnb .childpanel.smart .inner .col_video .video_wrap a {position:absolute;top:0;left:0;width:100%;height:100%;padding:0;}
.gnb .childpanel.smart .inner .col_video .video_wrap a img {width:100%;}
.gnb .childpanel.smart .inner .col_video .tit {margin-top:17px;text-align:center;font-weight:normal;}

/* 20231121 gnb : smart > banner */
.gnb .childpanel.smart .offering_feature {float:right;margin-right:30px;}
.gnb .childpanel.smart .offering_feature ul{overflow:hidden;}
.gnb .childpanel.smart .offering_feature ul li{float: none;max-width:218px;margin-top:15px;padding:15px 20px 15px;background:#f6f6f6;box-sizing:border-box;clear: both;}
.gnb .childpanel.smart .offering_feature ul li:first-child {margin-top:0;}
.gnb .childpanel.smart .offering_feature ul li .icon {margin-bottom:5px;}
.gnb .childpanel.smart .offering_feature ul li .md_link {position:relative;display:inline-block;padding-right:17px;font-size:16px;line-height:20px;font-weight:bold;margin-bottom:5px;}
.gnb .childpanel.smart .offering_feature ul li .md_link:after {position:absolute;right:0;top:50%;width:16px;height:16px;margin-top:-7px;border:solid #000;border-width:3px 3px 0 0;box-sizing:border-box;transform:rotate(45deg) scale(0.5);content:"";transition:all 0.4s;}
.gnb .childpanel.smart .offering_feature ul li .md_link:hover:after {border-color:#1C7EEE;right:-3px;}
.gnb .childpanel.smart .offering_feature ul li .md_txt {line-height:22px;}

/* 20231121 gnb : smart > banner v1 */
.childpanel.smart .offering_feature_v1 { position: relative; float: right; width: 100%; max-width: 218px; }
.childpanel.smart .offering_feature_v1 ul li { margin-bottom: 10px; }
.childpanel.smart .offering_feature_v1 ul li a { position: relative; display: flex; width: 100%; height: 60px; align-items: center; padding: 0 0 0 20px; font-size: 16px; background-color: #888; border: 2px solid #888; color: #fff; }
.childpanel.smart .offering_feature_v1 ul li a::after { position: absolute; right: 30px; top: 50%; width: 8px; height: 8px; border: solid #fff; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; margin: -3px 0 0 -5px; transform: rotate(45deg); }
.childpanel.smart .offering_feature_v1 ul li a:hover { background-color: #f5f5f5; border: 2px solid #888; color: #888; }
.childpanel.smart .offering_feature_v1 ul li a:hover::after { border: solid #000; border-width: 1px 1px 0 0; }

.childpanel.smart .offering_feature_v1 ul li:first-child a { background-color: #009982; border: 2px solid #009982; color: #fff; }
.childpanel.smart .offering_feature_v1 ul li:first-child a::after { border: solid #fff; border-width: 1px 1px 0 0; }
.childpanel.smart .offering_feature_v1 ul li:first-child a:hover { background-color: #e5f9f6; border: 2px solid #009982; color: #009982; }
.childpanel.smart .offering_feature_v1 ul li:first-child a:hover::after { border: solid #009982; border-width: 1px 1px 0 0; }


/* 240612 gnb solution 부분 추가 */
.gnb .childpanel.solution {overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}
.gnb .childpanel.solution::-webkit-scrollbar {display:none;}
.gnb .childpanel.solution .inner > ul.items {display:flex;float:left;width:100%;height:860px;margin:-28px 0 5px 0;padding:0px;flex-direction:column;flex-wrap:wrap;overflow:auto;}
.gnb .childpanel.solution .inner > ul.items > li {float:left;width:20%;margin-top:41px;padding:0 20px 0 0;box-sizing:border-box;}
.gnb .childpanel.solution .inner > ul.items > li > .title,
.gnb .childpanel.solution .inner > ul.items > li > .title a {font-size:16px;font-weight:bold;}
.gnb .childpanel.solution .inner > ul.items > li > .title a {display:inline-block;}
.gnb .childpanel.solution .inner > ul.items > li > .title a {position:relative;padding-right:20px;}
.gnb .childpanel.solution .inner > ul.items > li > .title a:after {display:block;position:absolute;right:0;top:2px;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg') no-repeat;content:'';transition:all 0.4s;}
.gnb .childpanel.solution .inner > ul.items > li > .title a:hover:after,
.gnb .childpanel.solution .inner > ul.items > li > .title a:focus:after {background:url('https://image.samsungsds.com/module_src/images/icon/ic_arrow_right_blue.svg?queryString=20241210125943') no-repeat;content:'';right:-4px;}

/* offering main | kr, en html예외 */
.gnb .childpanel.solution .offering_gnb {display:flex;width:100%;height:100%;padding:0px 0 20px;flex-direction:row;flex-wrap:nowrap;}
.gnb .childpanel.solution .inner .col_items {float:left;width:20%;padding:0px 30px;box-sizing:border-box;border-left:1px solid #dedede;flex-grow:1;}
.gnb .childpanel.solution .inner .col_items:after{content:"";display:block;clear:both;}
.gnb .childpanel.solution .inner .col_items:first-child{border-left:0;}
.gnb .childpanel.solution .inner .col_items > .title,
.gnb .childpanel.solution .inner .col_items > .title a{font-size:18px;font-weight:bold;color:#1C7EEE;}
.gnb .childpanel.solution .inner .col_items .items.dep2 > li {margin-top:24px;box-sizing:border-box;}

.gnb .childpanel.solution .inner .col_items .col_inner:after {content:"";display:block;clear:both;}
.gnb .childpanel.solution .inner .col_items:nth-child(3){width:32%;padding-right:0;}
.gnb .childpanel.solution .inner .col_items:nth-child(3) .col_inner .items.dep2 {float:left;width:50%;}
.gnb .childpanel.solution .inner .col_items:nth-child(3) .col_inner .items.dep2 > li{padding:0 30px 0 0;}
/* 20231121 gnb : offering > banner */
.gnb .childpanel.solution .offering_feature {margin-top:25px;}
.gnb .childpanel.solution .offering_feature ul{overflow:hidden;}
.gnb .childpanel.solution .offering_feature ul li{width:100%;max-width:218px;padding:15px 20px 15px;margin-top:10px;background:#f6f6f6;box-sizing:border-box;}
.gnb .childpanel.solution .offering_feature ul li:first-child {margin-top:0;}
.gnb .childpanel.solution .offering_feature ul li .icon {margin-bottom:5px;}
.gnb .childpanel.solution .offering_feature ul li .md_link {position:relative;display:inline-block;padding-right:17px;font-size:16px;line-height:20px;font-weight:bold;margin-bottom:5px;}
.gnb .childpanel.solution .offering_feature ul li .md_link:after {position:absolute;right:0;top:5px;width:16px;height:16px;border:solid #000;border-width:3px 3px 0 0;box-sizing:border-box;transform:rotate(45deg) scale(0.5);content:"";transition:all 0.4s;}
.gnb .childpanel.solution .offering_feature ul li .md_link:hover:after {border-color:#1C7EEE;right:-3px;}
.gnb .childpanel.solution .offering_feature ul li .md_txt {line-height:22px;}

/* 20231121 gnb : offering > banner v1 */
.gnb .childpanel.solution .offering_feature_v1 { }
.gnb .childpanel.solution .offering_feature_v1 ul { }
.gnb .childpanel.solution .offering_feature_v1 ul li { max-width: none !important; display: flex; align-items: center; background-color: #fff; padding: 0; }
.gnb .childpanel.solution .offering_feature_v1 li + li { margin-top: 1.2rem !important; }
.gnb .childpanel.solution .offering_feature_v1 li .md_link { padding-right: 2.6rem !important; }

/* 20231127 gnb - padding: 수정 */
.gnb .childpanel.solution .offering_feature_v1 li a { position: relative; font-size: 16px; width: 100%; height: 60px; padding: 0 10px !important; border: 2px solid #888; color: #fff; background-color: #888; display: flex; align-items: center; }
.gnb .childpanel.solution .offering_feature_v1 li a::after { position: absolute; right: 20px; top: 50%; width: 8px; height: 8px; border: solid #fff; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; margin: -3px 0 0 -5px; transform: rotate(45deg); }


/* 20240813 gnb_ai (genAi)  추가 */
.gnb .childpanel.genAi {overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}
.gnb .childpanel.genAi::-webkit-scrollbar {display:none;}

.gnb .childpanel.genAi .offering_gnb { display:flex;width:100%;height:100%;margin:0px 0 5px 0;padding:0px;flex-direction:row;flex-wrap:nowrap; padding: 0 0 20px;}

.gnb .childpanel.genAi .inner .col_items .items > li {margin-top:10px;}
.gnb .childpanel.genAi .inner .col_items:nth-child(2) {width:40%;}
.gnb .childpanel.genAi .inner .col_items:nth-child(2) > ul.items {float:left; width:62%;}

.gnb .childpanel.genAi .inner .col_video {font-size: 14px; font-weight: 600; border-right: 1px solid #ddd; padding: 0 48px; margin: 0; max-width: 500px; flex:500; min-height: 280px;}
.gnb .childpanel.genAi .inner .col_video .video_wrap { position:relative; width: 100%; aspect-ratio: 437/246; border-radius: 10px; overflow: hidden;}
.gnb .childpanel.genAi .inner .col_video .video_wrap a {position:absolute;top:0;left:0;width:100%;height:100%;padding:0;}
.gnb .childpanel.genAi .inner .col_video .video_wrap a img {width:100%;}
.gnb .childpanel.genAi .inner .col_video .tit {margin-top:17px;text-align:center;font-weight:normal;}

.childpanel.genAi .offering_feature_v1 { position: relative; width: 100%; }
.childpanel.genAi .offering_feature_v1 ul li a {font-size: 16px; }

.gnb.gnb_ver2024 .childpanel.genAi .inner .col_items > ul.items > li{padding: 0; margin-top: 16px;}
.gnb.gnb_ver2024 .childpanel.genAi .inner .col_items > ul.items > li:first-child{margin-top: 0 !important;}

.gnb.gnb_ver2024 .childpanel.genAi .inner .col_video iframe{width: 100%; height: 100%; }

.gnb.gnb_ver2024 .childpanel.genAi .offering_feature_v1 {float: initial;}
.gnb.gnb_ver2024 .childpanel.genAi .offering_feature_v1 ul li { max-width: none !important; display: flex; align-items: center; background-color: #fff; padding: 0; margin-bottom: 0;}
.gnb.gnb_ver2024 .childpanel.genAi .offering_feature_v1 li a { position: relative; width: 100%; display: flex;}
.gnb.gnb_ver2024 .childpanel.genAi .offering_feature_v1 li a::after { position: absolute; right: 20px; top: 50%; width: 8px; height: 8px; box-sizing: border-box; content: ""; transition: all 0.4s; margin: -3px 0 0 -5px; transform: rotate(45deg); }


/* 20240614 인도(IN), 유럽(EU) GNB 적용 수정  */

.gnb.gnb_ver2024 .childpanel.offering .offering_gnb{ padding: 40px 0 60px; }
html[lang="pt"] .gnb.gnb_ver2024 .childpanel.offering .offering_gnb { padding: 0px 0 20px }

.gnb.gnb_ver2024 .childpanel.smart .offering_gnb { padding: 0 0 20px; }
.gnb.gnb_ver2024 .childpanel.smart .inner .col_items > ul.items > li{padding: 0; margin-top: 16px;}
.gnb.gnb_ver2024 .childpanel.smart .inner .col_items > ul.items > li:nth-child(-n+4){margin-top: 24px;}
.gnb.gnb_ver2024 .childpanel.smart .inner .col_items > ul.items > li:last-child{margin-top: 24px;}
.gnb.gnb_ver2024 .childpanel.smart .inner .col_items > ul.items > li:first-child{margin-top: 0 !important;}

.gnb.gnb_ver2024 .childpanel.smart .inner .col_items > ul.items > li > .title{padding-right: 0;}
.gnb.gnb_ver2024 .childpanel.smart .inner .col_video{ padding: 0 48px; margin: 0; max-width: 500px; flex:500;}
.gnb.gnb_ver2024 .childpanel.smart .inner .col_video .video_wrap{ width: 100%; aspect-ratio: 437/246;}
.gnb.gnb_ver2024 .childpanel.smart .inner .col_video iframe{width: 100%; height: 100%; }


.gnb.gnb_ver2024 .childpanel.smart .offering_feature {margin-top:25px;}
.gnb.gnb_ver2024 .childpanel.smart .offering_feature ul li{width:100%;max-width:218px;padding:15px 20px 15px;margin-top:10px;background:#f6f6f6;box-sizing:border-box;}
.gnb.gnb_ver2024 .childpanel.smart .offering_feature ul li .md_link:after {position:absolute;right:0;top:5px;width:16px;height:16px;border:solid #000;border-width:3px 3px 0 0;box-sizing:border-box;transform:rotate(45deg) scale(0.5);content:"";transition:all 0.4s;}

.gnb.gnb_ver2024 .childpanel.smart .offering_feature_v1 {float: initial;}
.gnb.gnb_ver2024 .childpanel.smart .offering_feature_v1 ul li { max-width: none !important; display: flex; align-items: center; background-color: #fff; padding: 0; margin-bottom: 0;}
.gnb.gnb_ver2024 .childpanel.smart .offering_feature_v1 li .md_link { padding-right: 2.6rem !important; }

.gnb.gnb_ver2024 .childpanel.smart .offering_feature_v1 li a { position: relative; width: 100%; height: 60px; padding: 0 10px !important; display: flex; align-items: center; }
.gnb.gnb_ver2024 .childpanel.smart .offering_feature_v1 li a::after { position: absolute; right: 20px; top: 50%; width: 8px; height: 8px; box-sizing: border-box; content: ""; transition: all 0.4s; margin: -3px 0 0 -5px; transform: rotate(45deg); }

.gnb.gnb_ver2024 .childpanel{overflow: hidden; max-height: 100vh;}
.gnb.gnb_ver2024 .childpanel a{font-size: 17px; line-height: 24px; padding: 0;}
.gnb.gnb_ver2024 .childpanel .inner .col_scroll_wrap {max-height: calc(100vh - 160px);  display: flex; flex: 950; overflow-y: auto; flex-wrap: wrap; overscroll-behavior: contain;}
.gnb.gnb_ver2024 .childpanel .inner .col_scroll_wrap::-webkit-scrollbar {width: 5px;}
.gnb.gnb_ver2024 .childpanel .inner .col_scroll_wrap::-webkit-scrollbar-track {background-color: #EEEEEE; border-radius: 50px;}
.gnb.gnb_ver2024 .childpanel .inner .col_scroll_wrap::-webkit-scrollbar-thumb {background-color: #AAAAAA; border-radius: 5px;}
.gnb.gnb_ver2024 .childpanel .inner .col_scroll_wrap::-webkit-scrollbar-button {display: none;}
.gnb.gnb_ver2024 .childpanel .inner .col_scroll_wrap .col_items { max-width: 500px !important; padding: 0 48px; flex: 500; border-right: 1px solid #dedede !important; align-self: stretch;}
.gnb.gnb_ver2024 .childpanel .inner .col_scroll_wrap .col_items:first-child{padding: 0 48px 0 0; max-width: 450px !important; flex: 450;}
.gnb.gnb_ver2024 .childpanel .inner .col_items { padding: 0 0 0 48px; max-width: 368px !important; flex: 368; border-left: none !important;}
.gnb.gnb_ver2024 .childpanel .inner .col_items .items.dep2 > li {margin-top: 32px;}
.gnb.gnb_ver2024 .childpanel .inner .col_items .items.dep2 > li:first-child{margin-top: 0;}

.gnb.gnb_ver2024 .childpanel .inner .col_items > .title,
.gnb.gnb_ver2024 .childpanel .inner .col_items > .title a{font-size: 17px;}
.gnb.gnb_ver2024 .childpanel .inner .col_items > .title.hasMargin{margin-top: 56px;}
.gnb.gnb_ver2024 .childpanel .inner .col_items > .title.hasMargin2{margin-top: 99px;}
.gnb.gnb_ver2024 .childpanel .inner .col_items .items > li{margin-top: 16px;}

.gnb.gnb_ver2024 .childpanel .offering_feature_v1 { width: 100%; max-width: 320px; margin-top: 0;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li + li{margin-top: 0.8rem !important;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li a{background-color: #eee; border: 2px solid #eee; color: #000; overflow: hidden;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li a .bg_ico{display: block; position: absolute; right: -1px; top: -2px; opacity: 1; transition: opacity 0.4s;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li a .bg_ico.hover{opacity: 0;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li a:hover {background-color: #fff; border: 2px solid #eee; color: #000; }
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li a:hover .bg_ico{opacity: 0;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li a:hover .bg_ico.hover{opacity: 1;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(-n+3) a{height: 107px; color: #fff; align-items: flex-start; padding: 20px 30px 20px 20px !important;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li a::after {border: solid #000; border-width: 2px 2px 0 0; }
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(-n+3) a:hover{background-color: #fff;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(-n+3) a::after{border: solid #fff; border-width: 2px 2px 0 0; margin: 0; top: 26px;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(4) {margin-top: 2.4rem !important;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(1) a{background-color: #1C7EEE; border: 2px solid #1C7EEE;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(1) a:hover{color: #1C7EEE; border: 2px solid #1C7EEE;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(1) a:hover::after{border: solid #1C7EEE; border-width: 2px 2px 0 0; }
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(2) a{background-color: #0F205D; border: 2px solid #0F205D;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(2) a:hover{color: #0F205D;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(2) a:hover::after{border: solid #0F205D; border-width: 2px 2px 0 0; }
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(3) a{background-color: #009982; border: 2px solid #009982;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(3) a:hover{color: #009982;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(3) a:hover::after{border: solid #009982; border-width: 2px 2px 0 0; }

/* 미주(us) gnb 배너 색상 분기 240903 */
html[data-country="us"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(1) a{background-color: #1C7EEE; border: 2px solid #1C7EEE;}
html[data-country="us"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(1) a:hover{color: #1C7EEE; border: 2px solid #1C7EEE;}
html[data-country="us"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(1) a:hover::after{border: solid #1C7EEE; border-width: 2px 2px 0 0; }
html[data-country="us"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(2) a{background-color: #FF8AFF; border: 2px solid #FF8AFF;}
html[data-country="us"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(2) a:hover{color: #FF8AFF;}
html[data-country="us"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(2) a:hover::after{border: solid #FF8AFF; border-width: 2px 2px 0 0; }
html[data-country="us"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(3) a{background-color: #0F205D; border: 2px solid #0F205D;}
html[data-country="us"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(3) a:hover{color: #0F205D;}
html[data-country="us"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(3) a:hover::after{border: solid #0F205D; border-width: 2px 2px 0 0; }
html[data-country="us"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(-n+3) a:hover{background-color: #fff;}
html[data-country="us"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:nth-child(-n+3) a::after{border: solid #fff; border-width: 2px 2px 0 0; margin: 0; top: 26px;}

/* 국문 (kr) gnb 배너 색상 분기 241104 */

/* 공통 */
html[data-country="kr"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:not(.bg) a{background-color: #eee; border: 2px solid #eee; color: #000;}
html[data-country="kr"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:not(.bg) a::after {border: solid #000; border-width: 2px 2px 0 0; }
html[data-country="kr"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:not(.bg) a:hover{background-color: #fff;}
html[data-country="en"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:not(.bg) a{background-color: #eee; border: 2px solid #eee; color: #000;}
html[data-country="en"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:not(.bg) a::after {border: solid #000; border-width: 2px 2px 0 0; }
html[data-country="en"] .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li:not(.bg) a:hover{background-color: #fff;}

.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li.gra a{}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li.gra a::after{width: 16px; height: 16px; background: url(https://image.samsungsds.com//module_src/images/icon/feature_icon.svg?queryString=20241210125943
    ) center center / cover no-repeat; border: none; transform: rotate(0) translate(0,-50%); margin: 0;}
.gnb.gnb_ver2024 .childpanel .offering_feature_v1 li.gra a:hover::after{border: none !important;}


/* generative Ai */
.gnb.gnb_ver2024 .childpanel.genAi .offering_feature_v1 li.bg a{background-color: #2C3B71; border: 2px solid #2C3B71;}
.gnb.gnb_ver2024 .childpanel.genAi .offering_feature_v1 li.bg a:hover{background-color: unset; color: #2C3B71; border: 2px solid #2C3B71;}
.gnb.gnb_ver2024 .childpanel.genAi .offering_feature_v1 li.bg a:hover::after{border: solid #2C3B71; border-width: 2px 2px 0 0;}
.gnb.gnb_ver2024 .childpanel.genAi .offering_feature_v1 li.gra a{background: linear-gradient(to right, #C4EEF8 0%, #9ECBFF 100%); border: 2px solid transparent; color: #000; background-origin: border-box; background-clip: border-box;}
.gnb.gnb_ver2024 .childpanel.genAi .offering_feature_v1 li.gra a:hover{background: #fff; color: #5790BB; border: 2px solid #80B3D9;}
.gnb.gnb_ver2024 .childpanel.genAi .offering_feature_v1 li.gra a:hover::after{filter: brightness(0) saturate(100%) invert(55%) sepia(15%) saturate(1384%) hue-rotate(163deg) brightness(95%) contrast(81%);}
/* cloud */
.gnb.gnb_ver2024 .childpanel.offering .offering_feature_v1 li.bg a{background-color: #1C7EEE; border: 2px solid #1C7EEE;}
.gnb.gnb_ver2024 .childpanel.offering .offering_feature_v1 li.bg a:hover{background-color: unset; color: #1C7EEE; border: 2px solid #1C7EEE;}
.gnb.gnb_ver2024 .childpanel.offering .offering_feature_v1 li.bg a:hover::after{border: solid #1C7EEE; border-width: 2px 2px 0 0;}
.gnb.gnb_ver2024 .childpanel.offering .offering_feature_v1 li.gra a{background: linear-gradient(to right, #C5F5FF 0%, #87D6D6 100%); border: 2px solid transparent; color: #000; background-origin: border-box; background-clip: border-box; font-size: 15px;}
.gnb.gnb_ver2024 .childpanel.offering .offering_feature_v1 li.gra a:hover{background: #fff; color: #3C888D; border: 2px solid #8AC0C4;}
.gnb.gnb_ver2024 .childpanel.offering .offering_feature_v1 li.gra a:hover::after{filter: brightness(0) saturate(100%) invert(46%) sepia(10%) saturate(2011%) hue-rotate(135deg) brightness(100%) contrast(87%);}
/* solution */
.gnb.gnb_ver2024 .childpanel.solution .offering_feature_v1 li.bg a{background-color: #7B66D4; border: 2px solid #7B66D4;}
.gnb.gnb_ver2024 .childpanel.solution .offering_feature_v1 li.bg a:hover{background-color: unset; color: #7B66D4; border: 2px solid #7B66D4;}
.gnb.gnb_ver2024 .childpanel.solution .offering_feature_v1 li.bg a:hover::after{border: solid #7B66D4; border-width: 2px 2px 0 0;}
.gnb.gnb_ver2024 .childpanel.solution .offering_feature_v1 li.gra a{background: linear-gradient(to right, #EFC9EE 0%, #D2C8FF 100%); border: 2px solid transparent; color: #000; background-origin: border-box; background-clip: border-box;}
.gnb.gnb_ver2024 .childpanel.solution .offering_feature_v1 li.gra a:hover{background: #fff; color: #8B6CAE; border: 2px solid #AA8FC8;}
.gnb.gnb_ver2024 .childpanel.solution .offering_feature_v1 li.gra a:hover::after{filter: brightness(0) saturate(100%) invert(52%) sepia(16%) saturate(1194%) hue-rotate(226deg) brightness(86%) contrast(87%);}
/* logistics */
.gnb.gnb_ver2024 .childpanel.smart .offering_feature_v1 li.bg a{background-color: #009982; border: 2px solid #009982;}
.gnb.gnb_ver2024 .childpanel.smart .offering_feature_v1 li.bg a:hover{background-color: unset; color: #009982; border: 2px solid #009982;}
.gnb.gnb_ver2024 .childpanel.smart .offering_feature_v1 li.bg a:hover::after{border: solid #009982; border-width: 2px 2px 0 0;}
.gnb.gnb_ver2024 .childpanel.smart .offering_feature_v1 li.gra a{background: linear-gradient(to right, #CBE996 0%, #B6E1DA 100%); border: 2px solid transparent; color: #000; background-origin: border-box; background-clip: border-box;}
.gnb.gnb_ver2024 .childpanel.smart .offering_feature_v1 li.gra a:hover{background: #fff; color: #679A62; border: 2px solid #7EB179;}
.gnb.gnb_ver2024 .childpanel.smart .offering_feature_v1 li.gra a:hover::after{filter: brightness(0) saturate(100%) invert(58%) sepia(30%) saturate(494%) hue-rotate(67deg) brightness(89%) contrast(91%);}
/* 국문 (kr) gnb 배너 색상 분기 끝 241104 */

/* 20240829 depth_acc 추가 */
.gnb.gnb_ver2024 .item_acc{padding: 8px 0;}
.gnb.gnb_ver2024 .item_acc li + li{margin-top: 8px;}
.gnb.gnb_ver2024 .item_acc li .title a{padding-left: 8px; position: relative; color: #888; font-size: 15px; transition: all 0.4s;}
.gnb.gnb_ver2024 .item_acc li .title a:hover,
.gnb.gnb_ver2024 .item_acc li .title a:focus{color: #1c7eee;}


/* 20240709 베트남 상단 메뉴 덜컥거림 수정 */
html[data-country="vn"] .gnb .menu.menu-group1 > li > .title a:hover,
html[data-country="vn"] .gnb .menu.menu-group1 > li > .title a:focus,
html[data-country="vn"] .gnb .menu.menu-group1 > li.on > .title a{letter-spacing: 0.2px !important;}


/* 국문 gnb 리뉴얼 240813*/
html[data-country="kr"] .gnb.gnb_ver2024 .menu > li > .title #tab_genAi{min-width: 87.5px;}
html[data-country="kr"] .gnb.gnb_ver2024 .childpanel.solution{max-width: unset; margin: unset; padding: unset; font-size: unset;}
html[data-country="kr"] .gnb.gnb_ver2024 .childpanel.smart .inner .col_video .video_wrap{border-radius: 10px; overflow: hidden;}
html[data-country="kr"] .gnb.gnb_ver2024 .childpanel.real2024 .inner .offering_gnb section.real_thumb_cont article {border-radius: 10px; overflow: hidden;}

.gnb.gnb_ver2024.ver2024_2 .menu > li > .title #tab_genAi{min-width: 87.5px;}
.gnb.gnb_ver2024.ver2024_2 .childpanel.solution{max-width: unset; margin: unset; padding: unset; font-size: unset;}
.gnb.gnb_ver2024.ver2024_2 .childpanel.smart .inner .col_video .video_wrap{border-radius: 10px; overflow: hidden;}
.gnb.gnb_ver2024.ver2024_2 .childpanel.real2024 .inner .offering_gnb section.real_thumb_cont article {border-radius: 10px; overflow: hidden;}

.gnb.gnb_ver2024.ver2024_2 .childpanel{ border-radius: 0 0 20px 20px; box-shadow: 0 8px 24px rgba(112, 144, 176,0.15);}

.gnb.gnb_ver2024.ver2024_2 .childpanel .inner .col_items .bar{display: inline-block; width: 2px; height: 15px; background: #000; margin: 0 10px; transition: background 0.3s;}
.gnb.gnb_ver2024.ver2024_2 .childpanel .inner .col_items a:hover .bar,
.gnb.gnb_ver2024.ver2024_2 .childpanel .inner .col_items a:focus .bar{background: #1C7EEE;}
.gnb.gnb_ver2024.ver2024_2 .childpanel.smart .inner .col_items a:hover .bar,
.gnb.gnb_ver2024.ver2024_2 .childpanel.smart .inner .col_items a:focus .bar{background: #009982;}

.gnb.gnb_ver2024.ver2024_2 .childpanel .offering_feature_v1 li a{padding: 15px 24px !important; height: auto; border-radius: 100px;}
.gnb.gnb_ver2024.ver2024_2 .childpanel .offering_feature_v1 li + li{margin-top: 0.8rem !important;}
.gnb.gnb_ver2024.ver2024_2 .childpanel .offering_feature_v1 li:nth-child(-n+3) a::after{top: 50%; margin: -3px 0 0 -5px;}

.gnb.gnb_ver2024.ver2024_2 .childpanel .video_wrap .play_btn{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 112px; height: 80px; z-index: 10; cursor: pointer;}
.gnb.gnb_ver2024.ver2024_2 .childpanel .video_wrap .play_btn .play_btn_pattern{position: absolute; top: 50%; transform: translateY(-50%);}
.gnb.gnb_ver2024.ver2024_2 .childpanel .video_wrap .play_btn .play_btn_img{transition: background-color 0.25s; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; background-color: rgba(232, 241, 255, 0.6); width: 80px; height: 80px; border-radius: 30px; backdrop-filter: blur(2px); }
.gnb.gnb_ver2024.ver2024_2 .childpanel .video_wrap .play_btn .play_btn_img img{width: 32px; height: 32px;}
.gnb.gnb_ver2024.ver2024_2 .childpanel .video_wrap:hover .play_btn .play_btn_img,
.gnb.gnb_ver2024.ver2024_2 .childpanel .video_wrap:focus-within .play_btn .play_btn_img{background-color: rgba(0, 105, 255, 0.8);}
.gnb.gnb_ver2024.ver2024_2 .childpanel .video_wrap .thumb_link img{transition: transform 0.25s;}
.gnb.gnb_ver2024.ver2024_2 .childpanel .video_wrap:hover .thumb_link img{transform: scale(1.1);}


/* 20240717 real summit 2024 gnb */
.gnb .childpanel.real2024 .inner .offering_gnb { display: flex; justify-content: space-between; }
.gnb .childpanel.real2024 .inner .offering_gnb section { }
.gnb .childpanel.real2024 .inner .offering_gnb section.real_thumb_cont { display: flex; width: 100%; max-width: 865px; }
.gnb .childpanel.real2024 .inner .offering_gnb section.real_thumb_cont article { width: 100%; max-width: 450px; }
.gnb .childpanel.real2024 .inner .offering_gnb section.real_thumb_cont article img { width: 100%; }
.gnb .childpanel.real2024 .inner .offering_gnb section.real_thumb_cont aside { display: flex; flex-direction: column; margin-left: 50px; max-width: calc(100% - 510px); justify-content: center; }
.gnb .childpanel.real2024 .inner .offering_gnb section.real_thumb_cont aside .title { width: 100%; margin-bottom: 15px; }
.gnb .childpanel.real2024 .inner .offering_gnb section.real_thumb_cont aside .title b { display: block; font-size: 20px; margin-bottom: 2px; }
.gnb .childpanel.real2024 .inner .offering_gnb section.real_thumb_cont aside .title span { display: block; font-size: 17px; line-height: 32px; }
.gnb .childpanel.real2024 .inner .offering_gnb section.real_thumb_cont aside p { width: 100%; font-size: 14px; line-height: 21px; color: #666; }
.gnb .childpanel.real2024 .inner .offering_gnb section.real_thumb_cont aside a { width: 100%; margin-top: 16px; max-width: fit-content; min-width: 120px; line-height: 40px; }
.gnb .childpanel.real2024 .inner .offering_gnb section.real_thumb_cont aside a:hover { color: #fff; }
.gnb .childpanel.real2024 .inner .offering_gnb section.real_thumb_cont aside a span{padding: 0 15px;}
.gnb .childpanel.real2024 .inner .offering_gnb section.real_list_cont { flex: 1; max-width: 260px; border-left: 1px solid #ddd; padding-left: 40px; min-width: 170px;}
.gnb .childpanel.real2024 .inner .offering_gnb section.real_list_cont .items li { margin-bottom: 32px; }
.gnb .childpanel.real2024 .inner .offering_gnb section.real_list_cont .items li:last-child { margin-bottom: 0; }
/* //20240717 real summit 2024 gnb */


/* gnb rolling,flag | offering, smart common */
.gnb .gnb_rolling_wrap {background:#F3F3F3;}
.gnb .gnb_rolling_wrap .in {max-width:1318px;margin:0 auto;}
.gnb .gnb_rolling_wrap .in .category_tab {margin-top:0;padding:30px 30px; }
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li {display:flex;align-items:center;height:50px;margin:0;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li .tab_btn {display:flex;position:relative;width:100%;height:100%;padding:0 30px;font-weight:bold;align-items:center;flex-direction:row;justify-content:center;font-size:16px;color:#fff;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li:first-child .tab_btn {padding-left:0;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li:last-child .tab_btn {padding-right:0;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li .tab_btn .md_tit {display:block;color:#000;font-size:14px;font-weight:normal;transition:color 0.3s;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li .tab_btn:hover .md_tit {color:#1C7EEE;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li:last-child .tab_btn:after {display:none;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li .tab_btn .bi_logo {display:block;max-width:40px;height:40px;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li .tab_btn .bi_logo img{max-width:100%;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li .tab_btn .txt_img {position:relative;margin-top:5px;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li .tab_btn .txt_img span {display:block;transition:all 0.3s;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li .tab_btn .txt {margin-left:20px;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li .tab_btn .txt .on{position:absolute;top:0;left:0;visibility:hidden;height:0;opacity:0;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li .tab_btn:hover .txt .on{position:relative;visibility:visible;height:auto;opacity:1;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_list li .tab_btn:hover .txt .off{visibility:hidden;height:0;opacity:0;}

.gnb .gnb_rolling_wrap .in .category_tab .tab_control {display:none;} /* 임시 */
.gnb .gnb_rolling_wrap .in .category_tab .tab_control.act {display:block;}
.gnb .gnb_rolling_wrap .in .category_tab .tab_control:before, 
.gnb .gnb_rolling_wrap .in .category_tab .tab_control:after {height:100%;top:50%;width:30px;transform:translateY(-50%);}
.gnb .gnb_rolling_wrap .in .category_tab .tab_control:before {background:linear-gradient(to right,rgba(243,243,243,1) 72%,rgba(243,243,243,0) 90%);} 
.gnb .gnb_rolling_wrap .in .category_tab .tab_control:after {background:linear-gradient(to right,rgba(243,243,243,0) 10%,rgba(243,243,243,1) 28%);}
.gnb .gnb_rolling_wrap .in .category_tab .tab_control .btn_prev, 
.gnb .gnb_rolling_wrap .in .category_tab .tab_control .btn_next {top:50%;transform:translateY(-50%);}
.gnb .gnb_rolling_wrap .in .category_tab .tab_control .btn_prev:after, 
.gnb .gnb_rolling_wrap .in .category_tab .tab_control .btn_next:after {width:14px;height:14px;top:8px;}

.gnb .childpanel .offering_gnb .col_items .flag{position:relative;top:2px;max-width:50px;padding:1px 4px;margin-left:4px;font-size:10px;color:#fff;font-weight:normal;letter-spacing:0.05em;vertical-align:top;}
.gnb .childpanel .offering_gnb .col_items .flag.update{background-color:#1C7EEE;}
.gnb .childpanel .offering_gnb .col_items .flag.new{background:#E27306;}


/* gnb배너 1450px & 해상도 150% 이상으로 봤을때.. */
@media all and (max-width:1450px){
    .gnb.gnb_ver2024 .childpanel.offering .inner,
    .gnb.gnb_ver2024 .childpanel.solution .inner,
    .gnb.gnb_ver2024 .childpanel.smart .inner,
    .gnb.gnb_ver2024 .childpanel.genAi .inner {padding: 40px 60px;}
    .gnb.gnb_ver2024 .childpanel .inner .col_scroll_wrap .col_items{padding: 0 30px; flex: 450;}
    .gnb.gnb_ver2024 .childpanel .inner .col_scroll_wrap .col_items:first-child{padding: 0 30px 0 0; flex:400;}
    .gnb.gnb_ver2024 .childpanel .inner .col_items{padding: 0 0 0 30px;}
    .gnb.gnb_ver2024 .childpanel.smart .inner .col_video{padding: 0 30px; flex: 450;}
    .gnb.gnb_ver2024 .childpanel.genAi .inner .col_video{padding: 0 30px; flex: 450;}
}

@media all and (max-width:1340px){
    .gnb .childpanel .gnb_rolling_wrap .in .category_tab .tab_control {display:block;} /* 임시 */
}

@media all and (max-width:1300px){
    /* 20220502 스마트 물류 GNB 수정 */
    .gnb .childpanel.smart .inner .col_video{ margin-right: 20px; }

    .gnb .childpanel.smart .inner .col_items:first-child{max-width: 400px;}

    .gnb .childpanel.smart .inner .col_video iframe{ width:310px; height:174px; }

    /* 20220502 스마트 물류 GNB 수정 */
    .gnb .col_video_bottomBtn ul li { max-width: 100px; height: 100px; }
    .gnb .col_video_bottomBtn ul li a::before { width: 50%; margin: 0 auto; margin-bottom: 5px; background-size: 100%; }
    .gnb .col_video_bottomBtn ul li.btn1 a::before { width: 70%; }
}

/* about */
.gnb .childpanel.about {height:450px;overflow:hidden;}
.gnb .childpanel.about > .inner {height:100%;}
.gnb .childpanel.about .inner > ul.items {display:flex;float:left;height:100%;margin:-10px 0 0 0;padding:0px;flex-direction:column;flex-wrap:wrap;}
.gnb .childpanel.about .inner > ul.items > li {float:left;width:30%;max-width:270px;margin-bottom:28px;padding:0 20px 0 0;box-sizing:border-box;}
.gnb .childpanel.about .inner > ul.items > li > .title,
.gnb .childpanel.about .inner > ul.items > li > .title a {font-size:16px;font-weight:bold;}
.gnb .childpanel.about .inner > ul.items > li > .title a {display:inline-block;}
.gnb .childpanel.about .inner > ul.items > li > .title a {position:relative;padding-right:20px;}
.gnb .childpanel.about .inner > ul.items > li > .title a:after {display:block;position:absolute;right:0;top:2px;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943') no-repeat;content:'';transition:all 0.4s;}
.gnb .childpanel.about .inner > ul.items > li > .title a:hover:after,
.gnb .childpanel.about .inner > ul.items > li > .title a:focus:after {background:url('https://image.samsungsds.com/module_src/images/icon/ic_arrow_right_blue.svg?queryString=20241210125943') no-repeat;content:'';right:-4px;}
.gnb .childpanel.about .inner .items > li {margin-top:12px;}
.gnb .childpanel.about .inner > ul.items > li.no-child {margin-bottom:0;}
.gnb .childpanel.about .feature {margin-right:120px;}

/* .business, .library, .newsroom */
.gnb .childpanel.business .inner .items > li + li,
.gnb .childpanel.library .inner .items > li + li,
.gnb .childpanel.newsroom .inner .items > li + li {margin-top:12px;}

/* feature */
.gnb .feature:after {content:"";display:block;clear:both;}
.gnb .feature li {float:left;width:310px;margin:0;}
.gnb .feature li {margin-left:26px;}
.gnb .feature li:first-child {margin-left:0;}
.gnb .feature .image {width:310px;height:174px;padding:0;background:#f5f5f5;overflow:hidden;}
.gnb .feature .image img {margin-left:50%;transform:translateX(-50%);width:310px;height:174px;}
.gnb .feature .desc {width:100%;margin-top:15px;}
.gnb .feature .desc > div {font-size:14px;line-height:24px;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:48px;}
.gnb .feature .btn_arrow {display:inline-block;margin:12px 15px 0 0;font-size:14px;line-height:26px;}

@media all and (max-width:1200px){
    .gnb .childpanel a {font-size:13px;line-height:17px;}
    .gnb .childpanel.offering .inner > ul.items > li > .title,
    .gnb .childpanel.offering .inner > ul.items > li > .title a {font-size:15px;}
    .gnb .childpanel.offering .inner > ul.items > li > .title a:after {top:0px;}
    .mo-only { display: block; }
    .navName-line { display: none; }
    .gnb .childpanel.smart .inner .col_items:nth-child(2) > ul.items { width: 50%; }

    /* 20231121 gnb : offering > banner v1 */
    .gnb .childpanel.offering .offering_feature_v1 li a { font-size: 12px; }
    
    /* 20240613 solution 부분 추가 */
    .gnb .childpanel.solution .inner > ul.items > li > .title,
    .gnb .childpanel.solution .inner > ul.items > li > .title a {font-size:15px;}
    .gnb .childpanel.solution .inner > ul.items > li > .title a:after {top:0px;}
    .gnb .childpanel.solution .offering_feature_v1 li a { font-size: 12px; }
        
    .gnb.gnb_ver2024 .childpanel.offering .inner .col_items .items.dep3{margin-top: 0;}

    .gnb.gnb_ver2024 .childpanel.smart .inner .col_video { padding: 0 30px;}
    .gnb.gnb_ver2024 .childpanel.smart .inner .col_items:nth-child(3){ padding: 0 0 0 30px;}
    
    .gnb.gnb_ver2024 .childpanel.genAi .inner .col_video { padding: 0 30px;}

    .gnb.gnb_ver2024 .childpanel a{font-size: 13px;}
    .gnb.gnb_ver2024 .childpanel .inner .col_items,
    .renewal_offering .offering_feature, .renewal_offering .offering_feature_v1 { padding: 0 30px; }
    .gnb.gnb_ver2024 .childpanel .inner .col_items:first-child{padding: 0 30px 0 0;}
    .gnb.gnb_ver2024 .childpanel .inner .col_items .items > li{margin-top: 12px;}

    .gnb.gnb_ver2024 .childpanel .offering_feature_v1 li a { font-size: 14px !important; }
    
    .gnb.gnb_ver2024.ver2024_2 .childpanel .inner .col_items .bar{height: 12px; margin: 0 7px;}
    .gnb.gnb_ver2024 .item_acc li .title a{font-size: 12px;}

    .gnb.gnb_ver2024 .childpanel.offering .offering_feature_v1 li.gra a{font-size: 14px; padding: 15px 40px 15px 24px !important;}
}

/* 1920 이상 */
@media all and (min-width:1921px){
    .hid_s {padding-right:0;}

    /* .library, .newsroom */
    .gnb .childpanel.library .inner .items,
    .gnb .childpanel.newsroom .inner .items {white-space:nowrap;}
}
            
/*** Main ***/
.gnb.home,
.gnb.home .logo {background:transparent;}

/* gnb .util  : scroll_chk 클래스는 메인화면에서 최상단으로 스크롤시 반투명 적용 */
.main.scroll_chk .gnb .util .btn-language { background:url(https://image.samsungsds.com/module_src/images/icon/ic_language_white.png?queryString=20241210125943) center no-repeat; }
.main.scroll_chk .gnb .util .btn-language:hover,
.main.scroll_chk .gnb .util .btn-language:focus,
.main.scroll_chk .gnb .util .btn-language.on { background:url(https://image.samsungsds.com/module_src/images/icon/ic_language_blue.png?queryString=20241210125943) center no-repeat; }

.main.scroll_chk .gnb .util .btn-history {background:url(https://image.samsungsds.com/module_src/images/icon/ic_myvisit_white.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .gnb .util .btn-history:hover,
.main.scroll_chk .gnb .util .btn-history:focus,
.main.scroll_chk .gnb .util .btn-history.on {background:url(https://image.samsungsds.com/module_src/images/icon/ic_myvisit_blue.svg?queryString=20241210125943) center no-repeat;}

.main.scroll_chk .gnb .util .btn-search {background:url(https://image.samsungsds.com/module_src/images/icon/ic_search_white.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .gnb .util .btn-search:hover,
.main.scroll_chk .gnb .util .btn-search:focus,
.main.scroll_chk .gnb .util .btn-search.on {background:url(https://image.samsungsds.com/module_src/images/icon/ic_search_blue.svg?queryString=20241210125943) center no-repeat;}

.main.scroll_chk .gnb .util .btn-login {background:url(https://image.samsungsds.com/module_src/images/icon/ic_gnb_login_white.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .gnb .util .btn-login:hover,
.main.scroll_chk .gnb .util .btn-login:focus,
.main.scroll_chk .gnb .util .btn-login.on {background:url(https://image.samsungsds.com/module_src/images/icon/ic_gnb_login_blue.svg?queryString=20241210125943) center no-repeat;}

.main.scroll_chk .gnb .util .btn-mypage {background:url(https://image.samsungsds.com/module_src/images/icon/ic_gnb_my_20_white.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .gnb .util .btn-mypage:hover,
.main.scroll_chk .gnb .util .btn-mypage:focus,
.main.scroll_chk .gnb .util .btn-mypage.on {background:url(https://image.samsungsds.com/module_src/images/icon/ic_gnb_my_20_blue.svg?queryString=20241210125943) center no-repeat;}

.main.scroll_chk .gnb .util .btn_hamburger .line {background-color:#fff;}
.main.scroll_chk .gnb .btn_hamburger .line:before {background-color:#fff;}
.main.scroll_chk .gnb .btn_hamburger .line:after {background-color:#fff;}
.main.scroll_chk .gnb .util .btn_hamburger:hover .line,
.main.scroll_chk .gnb .btn_hamburger:hover .line:before,
.main.scroll_chk .gnb .btn_hamburger:hover .line:after {background-color:#1C7EEE;}
.main.scroll_chk .gnb .util .btn_hamburger:focus .line,
.main.scroll_chk .gnb .btn_hamburger:focus .line:before,
.main.scroll_chk .gnb .btn_hamburger:focus .line:after {background-color:#1C7EEE;}

/*.scroll_chk .gnb {background:transparent;}*/
.main.scroll_chk .gnb .hd-cnt > .logo {background-image:url(https://image.samsungsds.com/module_src/images/default/logo_white.svg?queryString=20241210125943);}
.main.scroll_chk .gnb .menu > li > .title {color:#fff;}
.main.scroll_chk .gnb .menu-group2 li:first-child .title:before {background-color:#fff;}
.main.scroll_chk .M00_A > .inner {border-bottom:1px solid rgba(211,211,211,0.3);background-color:#000;}

/* 마우스오버나 포커스 이벤트  발생시 강제로 GNB 반투명 해제하는 클래스  */
.main.scroll_chk .mc_chk .gnb .hd-cnt > .logo {background-image:url(https://image.samsungsds.com/module_src/images/default/logo_black.svg?queryString=20241210125943);}
.main.scroll_chk .mc_chk .gnb .menu > li > .title {color:#000;}
.main.scroll_chk .mc_chk .gnb .menu-group2 > li:first-child > .title:before {background-color:#000;}
.main.scroll_chk .mc_chk.M00_A > .inner {border-bottom:1px solid #ddd;background-color:#fff;}

.main.scroll_chk .mc_chk .gnb .util .btn-language {background:url(https://image.samsungsds.com/module_src/images/icon/icon_language_22.png?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .mc_chk .gnb .util .btn-language:hover,
.main.scroll_chk .mc_chk .gnb .util .btn-language:focus,
.main.scroll_chk .mc_chk .gnb .util .btn-language.on {background:url(https://image.samsungsds.com/module_src/images/icon/ic_language_blue.png?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .mc_chk .gnb .util .btn-language.active { background:url(https://image.samsungsds.com/module_src/images/icon/ic_language_blue.png?queryString=20241210125943) center no-repeat; }

.main.scroll_chk .mc_chk .gnb .util .btn-history {background:url(https://image.samsungsds.com/module_src/images/icon/icon_myvisit_22.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .mc_chk .gnb .util .btn-history:hover,
.main.scroll_chk .mc_chk .gnb .util .btn-history:focus,
.main.scroll_chk .mc_chk .gnb .util .btn-history.on {background:url(https://image.samsungsds.com/module_src/images/icon/ic_myvisit_blue.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .mc_chk .gnb .util .btn-search {background:url(https://image.samsungsds.com/module_src/images/icon/icon_search.svg?queryString=20241210125943) center no-repeat;}

.main.scroll_chk .mc_chk .gnb .util .btn-login {background:url(https://image.samsungsds.com/module_src/images/icon/ic_gnb_login_20.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .mc_chk .gnb .util .btn-login:hover,
.main.scroll_chk .mc_chk .gnb .util .btn-login:focus,
.main.scroll_chk .mc_chk .gnb .util .btn-login.on {background:url(https://image.samsungsds.com/module_src/images/icon/ic_gnb_login_blue.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .mc_chk .gnb .util .btn-login.active { background:url(https://image.samsungsds.com/module_src/images/icon/ic_gnb_login_blue.svg?queryString=20241210125943) center no-repeat; }

.main.scroll_chk .mc_chk .gnb .util .btn-mypage {background:url(https://image.samsungsds.com/module_src/images/icon/ic_gnb_my_20_black.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .mc_chk .gnb .util .btn-mypage:hover,
.main.scroll_chk .mc_chk .gnb .util .btn-mypage:focus,
.main.scroll_chk .mc_chk .gnb .util .btn-mypage.on {background:url(https://image.samsungsds.com/module_src/images/icon/ic_gnb_my_20_blue.svg?queryString=20241210125943) center no-repeat;}

.main.scroll_chk .mc_chk .gnb .util .btn-search:hover,
.main.scroll_chk .mc_chk .gnb .util .btn-search:focus,
.main.scroll_chk .mc_chk .gnb .util .btn-search.on {background:url(https://image.samsungsds.com/module_src/images/icon/ic_search_blue.svg?queryString=20241210125943) center no-repeat;}

.main.scroll_chk .mc_chk .gnb .util .btn_hamburger .line,
.main.scroll_chk .mc_chk .gnb .btn_hamburger .line:before,
.main.scroll_chk .mc_chk .gnb .btn_hamburger .line:after {background-color:#000;}
.main.scroll_chk .mc_chk .gnb .util .btn_hamburger:hover .line,
.main.scroll_chk .mc_chk .gnb .btn_hamburger:hover .line:before,
.main.scroll_chk .mc_chk .gnb .btn_hamburger:hover .line:after {background-color:#2189FF;}
.main.scroll_chk .mc_chk .gnb .util .btn_hamburger:focus .line,
.main.scroll_chk .mc_chk .gnb .btn_hamburger:focus .line:before,
.main.scroll_chk .mc_chk .gnb .btn_hamburger:focus .line:after {background-color:#2189FF;}
.main.scroll_chk .mc_chk .gnb .util .btn_hamburger.active .line,
.main.scroll_chk .mc_chk .gnb .btn_hamburger.active .line:before,
.main.scroll_chk .mc_chk .gnb .btn_hamburger.active .line:after {background-color:#2189FF;}

/* Main Active */
.main.scroll_chk .mc_chk2 .gnb .hd-cnt > .logo {background:url(https://image.samsungsds.com/module_src/images/default/logo_black.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .mc_chk2 .gnb .menu > li > .title {color:#000;}
.main.scroll_chk .mc_chk2 .gnb .menu-group2 li:first-child .title:before {background-color:#000;}
.main.scroll_chk .mc_chk2.M00_A > .inner {border-bottom:1px solid #ddd;background:#fff;}
.main.scroll_chk .mc_chk2 .gnb .util .btn-history {background:url(https://image.samsungsds.com/module_src/images/icon/icon_myvisit_22.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .mc_chk2 .gnb .util .btn-history.on {background:url(https://image.samsungsds.com/module_src/images/icon/ic_myvisit_blue.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .mc_chk2 .gnb .util .btn-search {background:url(https://image.samsungsds.com/module_src/images/icon/icon_search.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .mc_chk2 .gnb .util .btn-search.on {background:url(https://image.samsungsds.com/module_src/images/icon/ic_search_blue.svg?queryString=20241210125943) center no-repeat;}
.main.scroll_chk .mc_chk2 .gnb .util .btn_hamburger .line,
.main.scroll_chk .mc_chk2 .gnb .btn_hamburger .line:before,
.main.scroll_chk .mc_chk2 .gnb .btn_hamburger .line:after {background-color:#000;}

.gnb .childpanel.offering .category .categoryName {position:relative;padding-bottom:10px;font-family:'SharpSansNo1' !important;font-size:14px;letter-spacing:normal;}
.gnb .childpanel.offering .category .categoryName:after {content:'';position:absolute;bottom:0;left:0;display:block;width:10px;height:1px;background:#000;}
.gnb .childpanel.offering .other:before {content:'';display:block;width:100%;height:1px;background:#ddd;position:absolute;left:0;bottom:259px;}
.gnb .childpanel.offering .other {width:100%;padding:30px 40px 50px;height:260px;max-width:1398px;margin:0 auto;}
.gnb .childpanel.offering .other > li {float:left;width:20%;padding:5px;}


/*** RNB ***/
.gnb .util .rnb { display: none; position: fixed; right: 0; top: 60px; width: 100%; max-width: 488px; height: calc(100vh - 61px); min-height: 550px; overflow: hidden; z-index: 13; } 
.gnb .util .rnb { min-height: calc(100vh - 6.1rem); } 
.gnb .util .rnb .container { height: 100%; position: relative; right: 0; top: 0; background: #fff; border: solid #ddd; border-width: 0 0 1px 1px; top: 1px; } 
.gnb .util .rnb .container .head {display:none;}
.gnb .util .rnb .container .head .btn-close {transition:all 0.4s;}
.gnb .util .rnb .container .head .btn-close:focus {transform:rotate(180deg);}
.gnb .util .rnb .container .head .btn-close:hover {transform:rotate(180deg);}

/* 210514 | 접근성 | rnb 구조변경 */
/* .depth-main */
.gnb .util .rnb .depth-main {position:relative;box-sizing:border-box; height:100%; padding:40px 40px 40px 0px;}
.gnb .util .rnb .depth-main .scroll-wrapper {height:100%;}
.gnb .util .rnb .depth-main .scroll-wrapper > .scroll-content{-ms-overflow-style:none;scrollbar-width:none;}
.gnb .util .rnb .depth-main .scroll-wrapper > .scroll-content::-webkit-scrollbar {display:none;}
/* 2023-10-05 rnb 수정 시작 */
.gnb .util .rnb .depth-main .scroll-wrapper > .scroll-content { position: static !important; }
.gnb .util .rnb .depth-main .scroll-wrapper > .scroll-content.renewal_offering_rnb { position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; height: auto !important; max-height: none !important; }
.gnb .rnb .depth-main ul.depth1_ul { width: 17.8rem; }
/* // 2023-10-05 rnb 수정 끝 */
.gnb .rnb .depth-main ul.depth1_ul > li {float:none;margin:10px 0 0 0;font-size:16px;}
.gnb .rnb .depth-main ul.depth1_ul > li:first-child {margin-top:0;}
.gnb .rnb .depth-main ul.depth1_ul > li > .title {width:117px;margin-left:30px;box-sizing:border-box;}
.gnb .rnb .depth-main ul.depth1_ul > li > .title a,
.gnb .rnb .depth-main ul.depth1_ul > li > .title button {display:block;padding:4px 0;transition:color 0.4s;font-size:16px;line-height:19px;}
.gnb .rnb .depth-main ul.depth1_ul > li.on > .title a,
.gnb .rnb .depth-main ul.depth1_ul > li > .title a:focus,
.gnb .rnb .depth-main ul.depth1_ul > li > .title a:hover,
.gnb .rnb .depth-main ul.depth1_ul > li.on > .title button,
.gnb .rnb .depth-main ul.depth1_ul > li > .title button:focus,
.gnb .rnb .depth-main ul.depth1_ul > li > .title button:hover {color:#2189FF;font-weight:bold;}

/* 210402 add_rnb */
/* .menu-group1 */
.gnb .rnb .menu-group1 > li .offering_rnb .md_tit {color: #000;border-top: 1px solid #ccc;margin: 13px 0;;padding-top: 16px;font-size: 16px;font-weight:bold;}
.gnb .rnb .menu-group1 > li .offering_rnb .md_tit:first-child {border-top:0;margin-top:0;padding-top:5px;}
.gnb .rnb .menu-group1 > li.no-child > .title a {position:relative;display:inline-block !important;padding-right:17px !important;}
.gnb .rnb .menu-group1 > li.no-child > .title a:after {display:block;position:absolute;right:-5px;top:4px;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943') no-repeat;content:'';transition:all 0.4s;}
.gnb .rnb .menu-group1 > li.no-child > .title a:hover:after,
.gnb .rnb .menu-group1 > li.no-child > .title a:focus:after {background:url('https://image.samsungsds.com/module_src/images/icon/ic_arrow_right_blue.svg?queryString=20241210125943') no-repeat;right:-4px;}
/* //210402 add_rnb */

/* .menu-group2 */
.gnb .rnb .menu-group2 > li:first-child > .title {position:relative;padding:40px 0 0 0;}
.gnb .rnb .menu-group2 > li:first-child > .title:before {position:absolute;left:1px;top:36px;width:20px;height:1px;background:#000;content:"";display:none;}
.gnb .rnb .menu-group2 > li.no-child > .title a {position:relative;display:inline-block !important;padding-right:17px !important;}
.gnb .rnb .menu-group2 > li.no-child > .title a:after {display:block;position:absolute;right:-5px;top:4px;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943') no-repeat;content:'';transition:all 0.4s;}
.gnb .rnb .menu-group2 > li.no-child > .title a:hover:after,
.gnb .rnb .menu-group2 > li.no-child > .title a:focus:after {background:url('https://image.samsungsds.com/module_src/images/icon/ic_arrow_right_blue.svg?queryString=20241210125943') no-repeat;right:-4px;}

/* menu-group3 */
.gnb .rnb .menu-group3 > li:first-child > .title {position:relative;padding:40px 0 0 0;}
.gnb .rnb .menu-group3 > li:first-child > .title:before {position:absolute;left:1px;top:36px;width:20px;height:1px;background:#000;content:"";display:none;}
.gnb .rnb .menu-group3 > li.no-child > .title a {position:relative;display:inline-block !important;padding-right:22px !important;}
.gnb .rnb .menu-group3 > li.no-child > .title a:after {display:block;position:absolute;right:0;top:4px;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943') no-repeat;content:'';transition:all 0.4s;}
.gnb .rnb .menu-group3 > li.no-child > .title a:hover:after,
.gnb .rnb .menu-group3 > li.no-child > .title a:focus:after {background:url('https://image.samsungsds.com/module_src/images/icon/ic_arrow_right_blue.svg?queryString=20241210125943') no-repeat;right:-4px;}

/* .menu-group5 */
.gnb .rnb .menu-group5 > li:first-child > .title {position:relative;padding:40px 0 0 0;}
.gnb .rnb .menu-group5 > li:first-child > .title:before {position:absolute;left:1px;top:36px;width:20px;height:1px;background:#000;content:"";display:none;}
.gnb .rnb .menu-group5 > li.no-child > .title a {position:relative;display:inline-block !important;padding-right:22px !important;}
.gnb .rnb .menu-group5 > li.no-child > .title a:after {display:block;position:absolute;right:0;top:4px;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943') no-repeat;content:'';transition:all 0.4s;}
.gnb .rnb .menu-group5 > li.no-child > .title a:hover:after,
.gnb .rnb .menu-group5 > li.no-child > .title a:focus:after {background:url('https://image.samsungsds.com/module_src/images/icon/ic_arrow_right_blue.svg?queryString=20241210125943') no-repeat;right:-4px;}

/* .menu-group6 */
.gnb .rnb .menu-group6 > li:first-child > .title {position: relative;padding: 40px 0 0 0;}
.gnb .rnb .menu-group6 > li.no-child > .title a {position:relative;display:inline-block !important;padding-right:22px !important;}
.gnb .rnb .menu-group6 > li.no-child > .title a:after {display:block;position:absolute;right:0;top:4px;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943') no-repeat;content:'';transition:all 0.4s;}
.gnb .rnb .menu-group6 > li.no-child > .title a:hover:after,
.gnb .rnb .menu-group6 > li.no-child > .title a:focus:after {background:url('https://image.samsungsds.com/module_src/images/icon/ic_arrow_right_blue.svg?queryString=20241210125943') no-repeat;right:-4px;}

.gnb .rnb .rnb_login {max-width:150px;padding:20px 15px;margin:30px 0 0 15px;border:1px solid #ddd;border-radius:12px;box-sizing:border-box;}
.gnb .rnb .rnb_login .info .name {display:block;margin-bottom:5px;}
.gnb .rnb .rnb_login .info .name:before {content:'';display:block;margin-bottom:5px;width:20px;height:20px;background: url(https://image.samsungsds.com/module_src/images/icon/ic_gnb_login_20.svg?queryString=20241210125943) center no-repeat;}
.gnb .rnb .rnb_login .info .email {font-size:12px;line-height:20px;color:#666;}
.gnb .rnb .rnb_login .link_list {margin-top:20px;padding-top:20px;border-top:1px solid #ddd;}
.gnb .rnb .rnb_login .link_list li {margin-top:20px;}
.gnb .rnb .rnb_login .link_list li:first-child {margin-top:0px;}
.gnb .rnb .rnb_login .link_list li.logout {padding-top:20px;border-top:1px solid #ddd;}

/* depth-sub */
.gnb .util .rnb .container:before {position:absolute;left:178px;top:41px;width:0;height:0;border-left:13px solid #ddd;border-top:12px solid transparent;border-bottom:12px solid transparent;content:"";z-index:2;}
.gnb .util .rnb .container:after {position:absolute;left:177px;top:42px;width:0;height:0;border-left:12px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;content:"";z-index:3;}
.rnb .depth-sub {display:none;position:absolute;right:0;top:0;z-index:2;width:229px;height:100%;margin-left:41px;font-size:14px;box-sizing:border-box;}
.rnb .depth-sub > div {position:absolute;transform:translate(300px, 0px);width:100%;height:100%;}
.rnb .depth-sub > div .scroll-wrapper {height:100%;}
.rnb .depth-sub .category > .categoryName {font-weight:bold;}
.rnb .depth-sub .category > .categoryName:after {content:'';display:block;width:20px;height:1px;margin:10px 0 5px;background-color:#888;}
.rnb .depth-sub .category > .categoryName:not(:first-child) {margin-top:40px;}
.rnb .depth-sub .category + .other {position:relative;padding-top:40px;}
.rnb .depth-sub .category + .other:before {content:'';display:block;width:calc(100% + 80px);height:1px;background:#ddd;position:absolute;top:20px;left:-40px;}

.rnb .depth-sub .items a { display:block; padding:5px 0; transition:color 0.4s; line-height: 20px; }
.rnb .depth-sub .items a:hover .pipeline,
.rnb .depth-sub .items a:focus .pipeline {background-color: #1c7eee;}
.rnb .depth-sub .items .pipeline {display: inline-block;position: relative;top: -0.1rem;width: 0.1rem;height: 1.4rem;margin: 0 0.2rem;font-size: 0.1rem;color: transparent;line-height: 0;background-color: #000;vertical-align: middle;-webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;-o-transition: background-color 0.4s;transition: background-color 0.4s;}
.rnb .depth-sub .items .txt_l_offering {display: inline-block;vertical-align: top;}

.rnb .depth-sub .items.depth2 > li {padding:7px 0;}
.rnb .depth-sub .items.depth2 > li:first-child {padding-top:0;}
.rnb .depth-sub .items.depth2 > li > a {padding:5px 0}
.rnb .depth-sub .items > li > a:hover,
.rnb .depth-sub .items > li > a:focus,
.rnb .depth-sub .items > li > .title a:hover,
.rnb .depth-sub .items > li > .title a:focus {color:#2189FF;}
.rnb .depth-sub .items.depth2 > li:not(.no-child) > .title a {position:relative;padding-right:16px;}
.rnb .depth-sub .items.depth2 > li:not(.no-child) > .title a:after {content:'';position:absolute;right:0;top:4px;display:block;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-down.svg?queryString=20241210125943') no-repeat;transition:transform 300ms;}
.rnb .depth-sub .items.depth2 > li:not(.no-child) > .title a.on:after {transform:rotate(180deg);}
.rnb .depth-sub .items.depth2 > li:not(.no-child) > .title a:hover:after,
.rnb .depth-sub .items.depth2 > li:not(.no-child) > .title a:focus:after { filter:invert(45%) sepia(69%) saturate(696%) hue-rotate(180deg) brightness(92%) contrast(94%); }
.rnb .depth-sub .items.depth2 > li > .title span {display:block;padding:5px 0;}
.rnb .depth-sub .items.depth2 > li > .items {display:none;margin:8px 0 -4px 0;padding-left:20px;}
.rnb .depth-sub .items.depth2 > li > .items > li {padding:6px 0;}

.rnb .depth-sub .items li a .flag{ position:relative; top:2px; max-width:50px; padding: 1px 4px !important; margin-left:4px; font-size:10px; color:#fff; font-weight:normal; letter-spacing:0.05em; vertical-align:top; text-align: center; display: inline-block !important; line-height: normal; }
.rnb .depth-sub .items li a .flag.update{background-color:#1C7EEE;}
.rnb .depth-sub .items li a .flag.new{background:#E27306;} 

.rnb .depth-sub-bg {position:absolute;right:0;top:0;z-index:1;width:309px;height:100%;border-left:1px solid #ddd;background:#f5f5f5;}
.rnb .depth-sub-bg {position:absolute;right:0;top:0;z-index:1;width:309px;height:100%;border-left:1px solid #ddd;background:#f5f5f5;}

/* GNB language */
.gnb .util .dropCont_language { display:none; position: absolute; width: 165px; top: 50px; right: 0px; background-color: rgba(0, 0, 0, 0.8); border: 1px solid #5B5B5B; border-radius: 2px; padding: 10px; }
.gnb .util li.language_on .dropCont_language { display: block; } 
.gnb .util .dropCont_language dl dd { color: #fff; font-size: 12px; margin-bottom: 14px; }
.gnb .util .dropCont_language dl dd:last-child { margin-bottom: 0; }
.gnb .util .dropCont_language dl dd a:hover { color: #2189ff; }
.gnb .util .dropCont_language dl dd.on { color: #2189ff; }

.gnb .util .dropCont_language .dropCont_mo_language_close { display: none; position: relative; }
.gnb .util .dropCont_language .dropCont_mo_language_close button { width: 100%; height: 20px; border-top: 1px solid #6e6e6e; margin-top: 15px; }
.gnb .util .dropCont_language .dropCont_mo_language_close button::before,
.gnb .util .dropCont_language .dropCont_mo_language_close button::after { position: absolute; top: 24px; left: 50%;
 content: ''; height: 13px; width: 1px; background-color: #fff; }
.gnb .util .dropCont_language .dropCont_mo_language_close button::before { transform: rotate(45deg); }
.gnb .util .dropCont_language .dropCont_mo_language_close button::after { transform: rotate(-45deg); }

/*** Visit History ***/
.gnb .util .history {display:none;position:fixed;right:0;width:100%;height:calc(100vh - 61px);min-height:550px;overflow:hidden;}
.gnb .util .history .container {position:relative;top:0;float:right;width:100%;height:100%;padding:40px 40px 0 40px;background:#fff;border-left:1px solid #ddd;max-width:520px;}

/* header */
.gnb .util .history .header {padding-bottom:28px;border-bottom:1px solid #000;}
.gnb .util .history .header p {font-size:22px;font-weight:bold;line-height:32px;}
.gnb .util .history .header span {display:inline-block;margin-top:10px;font-size:16px;line-height:24px;}
.gnb .util .history .header .btn-close {position:absolute;top:38px;right:32px;transition:all 0.4s;}
.gnb .util .history .header .btn-close:hover, .gnb .util .history .header .btn-close:focus {transform:rotate(180deg);}
.gnb .util .history .header .btn-clear {margin-left:10px;height:26px;width:84px;display:inline-block;border:1px solid #707070;font-size:12px;vertical-align:middle;margin-top:-3px;line-height:0;}
.gnb .util .history .header .btn-clear:before {content:'';background:url('https://image.samsungsds.com/module_src/images/icon/ico_clear_black02.png?queryString=20241210125943') left top/13px 14px no-repeat;padding-left:15px;position:relative;left:-2px;height:14px;vertical-align:middle;}

/* Page */
.gnb .util .history .pages {height:calc(100% - 108px);overflow-y:auto;}
.gnb .util .history .pages li {display:inline-block;width:100%;padding:15px 0;border-bottom:1px solid #ddd;}
.gnb .util .history .pages li:first-child {padding-top:20px;}
.gnb .util .history .pages li:last-child {border-bottom:none;}
.gnb .util .history .pages li .summary {float:left;width:280px;padding:0 2px;box-sizing:border-box;}
.gnb .util .history .pages li .summary .bread {display:block;width:100%;color:#000;font-size:14px;line-height:24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.gnb .util .history .pages li .summary .title {margin-top:6px;font-size:16px;font-weight:bold;line-height:26px;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;height:50px;}
.gnb .util .history .pages li .summary a {transition:color 0.4s;}
.gnb .util .history .pages li .summary a:hover,
.gnb .util .history .pages li .summary a:focus {color:#1C7EEE;}
.gnb .util .history .pages li .pic {float:right;width:140px;height:80px;background:#f5f5f5;overflow:hidden;padding:2px;}
.gnb .util .history .pages li .pic a {width:100%;height:100%;}
.gnb .util .history .pages li .pic a img {width:100%;height:100%;}
.gnb .util .history .pages .empty-text {margin-top:200px;text-align:center;font-size:14px;font-weight:bold;}

@media all and (max-width:1024px) { 
    .gnb .util .history {top:0px;width:100%;height:100vh;z-index:7000;height:-webkit-fill-available;}    
    .gnb .util .history .container {padding:40px 20px;max-width:100%;}

    /* header */
    .gnb .util .history .header {padding-bottom:18px;}
    .gnb .util .history .header p {font-size:18px;line-height:28px;}
    .gnb .util .history .header span {margin-top:8px;font-size:14px;line-height:24px;}
    .gnb .util .history .header .btn-close {right:10px;top:6px;}
    .gnb .util .history .header .btn-clear {display:block;margin-left:0px;width:90px;height:30px;margin-top:10px;font-weight:normal;}
    
    .gnb .util .dropCont_language { right: 15px; }
    /* 언어선택 닫기 버튼 (mobile에서만) */
    .gnb .util .dropCont_language .dropCont_mo_language_close { display: block; }

    /* Page */
    .gnb .util .history .pages {height:calc(100% - 80px);overflow-y:auto;}
    .gnb .util .history .pages li:first-child {padding-top:15px;}
    .gnb .util .history .pages li .summary  {width:calc(100% - 142px);}
    .gnb .util .history .pages li .summary .title {margin-top:2px;font-size:14px;line-height:22px;height:44px;}
    .gnb .util .history .pages li .pic  {width:122px;height:70px;}
}


/*** Sub navi : Gsnb ***/
.gsnb {background:#fff;border-top:1px solid #ddd;}
.gsnb.mobile {display:none;}
.gsnb .inner {display:block;width:100%;height:50px;max-width:100%;padding:0 20px;margin:0 auto;background:#fff;}
.gsnb .inner > ul {position:relative;display:inline-block; width: max-content; min-width: 100%;}
.gsnb .inner > ul > li {float:left;margin:0 10px;}
.gsnb .inner > ul > li > .title > a {position:relative;display:inline-block;height:50px;padding:18px 10px;font-size:14px;}
.gsnb .inner > ul > li.on > .title > a,
.gsnb .inner > ul > li.selected > .title > a {color:#000;font-weight:bold;}
.gsnb .inner > ul > li > .title > a:hover,
.gsnb .inner > ul > li > .title > a:focus {color:#000;font-weight:bold;}
.gsnb .inner > ul > li:first-child {margin-left:0px;}
.gsnb .inner > ul > li.offering-cate {position:relative;margin:0px;}
.gsnb .inner > ul > li.offering-cate > .title {height:50px;padding:0px 10px;}
.gsnb .inner > ul > li.offering-cate:after {content:'';position:absolute;right:0px;top:20px;display:block;width:1px;height:14px;background:#888888;}
.gsnb .inner > ul > li.offering-cate > .title > a {font-weight:bold;}
.gsnb .inner > ul > li.offering-list > .items {position:absolute;z-index:90;padding:40px 0px;background:#fff;border:1px solid #ddd;display:none;max-width:calc(100% - 120px);margin-left:-10px;padding-right:40px;}

@media all and (max-width:1200px) {
    .gsnb .inner > ul > li { margin: 0 5px; letter-spacing: -0.075rem; }
}

/* IE11 FIX */
.gsnb .inner > ul > li.offering-list.on > .items {display:block;}
.gsnb .inner > ul > li.offering-list > .items.large {max-height:580px;}
.gsnb .inner > ul > li.offering-list > .items > li {min-width:260px;width:260px;padding:5px;margin:0 0 19px 40px;overflow:hidden;}
.gsnb .inner > ul > li.offering-list > .items > li:last-child {margin-bottom:0px;}
.gsnb .inner > ul > li.offering-list > .items > li a {transition:color 0.4s;}
.gsnb .inner > ul > li.offering-list > .items > li a:hover,
.gsnb .inner > ul > li.offering-list > .items > li a:focus {color:#1C7EEE;}

.gsnb .inner > ul > li.offering-list > .items > li a:hover .pipeline,
.gsnb .inner > ul > li.offering-list > .items > li a:focus .pipeline {background-color: #1c7eee;}
.gsnb .inner > ul > li.offering-list > .items > li .pipeline {display: inline-block;position: relative;top: -0.1rem;width: 0.1rem;height: 1.4rem;margin: 0 0.2rem;font-size: 0.1rem;color: transparent;line-height: 0;background-color: #000;vertical-align: middle;-webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;-o-transition: background-color 0.4s;transition: background-color 0.4s;}
.gsnb .inner > ul > li.offering-list > .items > li .txt_l_offering {display: block;}
.gsnb .inner > ul > li.offering-list > .title > a {position:relative;padding-right:36px;z-index:99;}
.gsnb .inner > ul > li.offering-list > .title > a:after {content:'';position:absolute;right:10px;top:16px;display:block;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-down.svg?queryString=20241210125943') no-repeat;transition:transform 300ms;}
.gsnb .inner > ul > li.offering-list.on > .title > a:after {transform:rotate(180deg);}
.gsnb .inner > ul > li.offering-list.on > .title > a:before {width:calc(100% - 44px);}
.gsnb .inner > ul > li.offering-list.on > .title > a:hover:before,
.gsnb .inner > ul > li.offering-list.on > .title > a:focus:before {bottom:-1px;}
.gsnb .inner > ul > li.selected > .title > a:before,
.gsnb .inner > ul > li.on > .title > a:before,
.gsnb .inner > ul > li > .title > a:hover:before,
.gsnb .inner > ul > li > .title > a:focus:before {content:'';display:block;width:calc(100% - 20px);height:2px;background:#000;position:absolute;left:10px;bottom:-1px;}
.gsnb .inner > ul > li.offering-list > .title > a:hover:before,
.gsnb .inner > ul > li.offering-list > .title > a:focus:before {width:calc(100% - 44px);}
.gsnb .inner > ul > li.offering-list.selected > .title > a:before,
.gsnb .inner > ul > li.offering-list.on > .title > a:hover:before,
.gsnb .inner > ul > li.offering-list.on > .title > a:focus:before {width:calc(100% - 44px);}

/* 그림 보면서 조정 + title > A 태그시 화살표 추가*/
.gsnb .inner .offering-list-sub > .title > a {position:relative;display:inline-block;font-weight:bold;padding-right:20px;}
.gsnb .inner .offering-list-sub > .title > a:hover,
.gsnb .inner .offering-list-sub > .title > a:focus {color:#1C7EEE;}
.gsnb .inner .offering-list-sub > .title > a:after {content:'';position:absolute;display:block;top:0;right:0px;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943') no-repeat;margin-left:0px;transition:all 0.4s;}
.gsnb .inner .offering-list-sub > .title > a:hover:after,
.gsnb .inner .offering-list-sub > .title > a:focus:after {background:url(https://image.samsungsds.com/module_src/images/icon/ic_arrow_right_blue.svg?queryString=20241210125943) no-repeat;content:'';right:-4px;}
.gsnb .inner .offering-list-sub > .items > li {padding:0px;margin-top:16px;font-size:14px;padding-left:0px;}
.gsnb .inner .offering-list-sub > .items li a {transition:all 0.4s;}
.gsnb .inner .offering-list-sub > .items li a:hover,
.gsnb .inner .offering-list-sub > .items li a:focus {color:#1C7EEE;}

/* fake */
.gsnb .inner .offering-list-sub.fake > .title > a {font-weight:normal;}
.gsnb .inner .offering-list-sub.fake > .title > a:after {display:none;}

/* normal 일때 sub 목록처리 */
.gsnb.normal .inner > ul > li.offering-list.on > .items {display:block;padding:40px 40px 40px 0px;width:auto;}
.gsnb.normal .inner > ul > li.offering-list.on > .items li {width:180px;margin:20px 0 0 40px;}
.gsnb.normal .inner > ul > li.offering-list.on > .items li:nth-child(1) {margin-top:0px;}
/* .gsnb.normal .inner > ul > li.offering-list.on > .items li:nth-child(6n) {margin-top:0px;} */ /* 20221201 뎁스 알수없는 높이 고정값 삭제 */
.gsnb.normal .inner > ul > li.offering-list .items .title a {transition:all 0.4s;}
.gsnb.normal .inner > ul > li.offering-list .items .title a:hover,
.gsnb.normal .inner > ul > li.offering-list .items .title a:focus {color:#1C7EEE;}

/* url 이 없을때 */
.gsnb .inner > ul > li.no-link > .title > a {cursor:default;}
.gsnb .inner > ul > li.no-link > .title > a:before,
.gsnb .inner > ul > li.no-link > .title > a:hover:before,
.gsnb .inner > ul > li.no-link > .title > a:focus:before {display:none;}

@media all and (max-width:1024px) {
    .gsnb {display:none;}
    .gsnb.mobile {display:block;}

    /* 210514 | 접근성 | rnb 구조변경 */
    /* mobile gnb */
    .gnb .util .rnb {top:0;width:100%;height:100vh;max-width:100%;height:-webkit-fill-available;}
    .gnb .util .rnb .container { width: 100%; top: 0; } 
    .gnb .util .rnb .depth-main {padding:20px 22px 40px 18px;height:calc(100% - 60px);}
    .gnb .rnb .depth-main ul.depth1_ul > li > .title {width:35%;padding-right:18px;margin-left:0;}
    .gnb .rnb .menu-group2 li:first-child .title {padding:48px 0 0 0;}
    .gnb .rnb .menu-group2 li:first-child .title:before {top:26px;}
    .gnb .rnb .menu-group3 {left:18px;}
    .gnb .util .rnb .container:before {left:35%;top:82px;border-left:9px solid #ddd;border-top:9px solid transparent;border-bottom:9px solid transparent;content:"";z-index:2;}
    .gnb .util .rnb .container:after {left:calc(35% - 1px);top:83px;border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;content:"";z-index:3;}
    .gnb .util .rnb .depth-sub {width:65%;left:35%;padding:1px 0px 30px 19px;margin-left:0;}
    .gnb .util .rnb .depth-sub > div {transform:translate(660px, 0px);} 
    .gnb .util .rnb .container .head {display:block;height:61px;width:100%;padding:0 18px;border-bottom:1px solid #ddd;}
    .gnb .util .rnb .container .head .btn-close {position:absolute;display:inline-block;top:10px;right:13px;}
    .gnb .util > li > a.btn-mypage, .gnb .util > li > a.btn-login {display:none;}
    .gnb .util .rnb .depth-sub-bg {width:65%;top:61px;height:calc(100% - 60px);}
    /* //210514 | 접근성 | rnb 구조변경 */

    /* 220921 | Mytrial login */
    .gnb .rnb .depth-main ul.depth1_ul > li.dep_login {display:none;}

    /* mobile sub gnb */
    .gsnb.mobile .inner {padding:0 18px;}
    .gsnb.mobile .inner ul.items {display:none;}
    .gsnb.mobile .inner ul.items::-webkit-scrollbar {display:none;}
    .gsnb.mobile .inner > .title {font-size:18px;font-weight:bold;line-height:50px;}
    .gsnb.mobile .inner > .title > a {position:relative;padding-right:25px;font-size:18px;}
    .gsnb.mobile .inner > .title > a:after {top:4px;}    
    .gsnb.mobile .inner > .owl-carousel ul .menulist .title > a {position:relative;display:block;padding:0px;padding-right:20px;line-height:24px;height:auto;padding:10px 0;font-size:16px;}
    .gsnb.mobile .inner > .owl-carousel ul .menulist .title > a:hover {font-weight:normal;}
    .gsnb.mobile .inner > .owl-carousel ul .menulist .menulist-sub {padding-left:20px;}
    .gsnb.mobile .inner > .owl-carousel ul .menulist .menulist-sub > .title a:after {background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943') no-repeat;}
    .gsnb.mobile .inner > .owl-carousel ul .menulist .menulist-sub.no-child > .title a:after {background:none;}

    /* 3depth */
    .gsnb.mobile .inner > .owl-carousel ul.menulist-sub .title > a {position:relative;display:block;padding:0px;padding-right:20px;line-height:24px;height:auto;padding:10px 0;font-size:16px;}
    .gsnb.mobile .inner > .owl-carousel ul.menulist-sub .title > a:hover {font-weight:normal;}
    .gsnb.mobile .inner > .owl-carousel ul.menulist-sub .title .pipeline {position: relative;top: -0.2rem;}
    .gsnb.mobile .inner > .owl-carousel ul.menulist-sub .title .txt_l_offering {display: inline-block;vertical-align: top;}
    .gsnb.mobile .inner > .owl-carousel ul.menulist-sub li {padding-left:30px;}
    .gsnb.mobile .inner > .owl-carousel ul.menulist-sub li:first-child {padding-left:0px;}
    .gsnb.mobile .inner > .owl-carousel ul.menulist-sub li .title a:after {background:none;}
    .gsnb.mobile .inner > .owl-carousel ul.menulist-sub li:first-child .title a {font-weight:bold;padding-left:30px;}
    .gsnb.mobile .inner > .owl-carousel ul.menulist-sub li:first-child .title a:after {left:0px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943') no-repeat;transform:rotate(180deg);}

    /* mobile title */
    .gsnb.mobile .title a:after {content:'';position:absolute;right:0;top:13px;display:block;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-down.svg?queryString=20241210125943') no-repeat;transition:transform 300ms;}
    .gsnb.mobile .title a.on:after {transform:rotate(180deg);}
    .gsnb.mobile .menulist-sub .title a.on:after {transform:none;}
    .gsnb.mobile .no-child .title a:after {background:none;}

    /* mobile owl-carousel */
    .gsnb.mobile .owl-carousel {display:none;position:fixed;top:112px;left:0px;height:calc(100% - 112px);background-color:#fff;padding:10px 30px;border-bottom:1px solid #ddd;}
    .gsnb.mobile .owl-carousel .owl-stage-outer {width:100%;height:99%;}
    .gsnb.mobile .owl-carousel .owl-stage-outer .owl-stage {width:100%;height:99%;}
    .gsnb.mobile .owl-carousel .owl-stage-outer .owl-stage .owl-item {width:100%;height:99%;}
    .gsnb.mobile .owl-carousel .owl-stage-outer .owl-stage .owl-item > div {height:100%;}
    .gsnb.mobile .owl-carousel .owl-stage-outer .owl-stage .owl-item .scroll-wrapper {height:100%;}
    .gsnb.mobile .inner > .owl-carousel ul {display:none;}
    .gsnb.mobile .inner > .owl-carousel ul > li {float:none;margin:0px;}
    .gsnb.mobile .inner > .owl-carousel ul > li > .title > a:hover:before,
    .gsnb.mobile .inner > .owl-carousel ul > li > .title > a:focus:before {display:none;}
}

/*** Search box ***/
.M00_A .search_box {position:fixed;display:none;width:100%;height:370px;background:#fff;border-bottom:1px solid #ddd;left:0px;margin:0 auto;z-index:1;}
.M00_A .search_box .head {display:none;}
.M00_A .search_box .btn-close { position: absolute; top: 34px; right: 27px; transition: all 0.4s; }
.M00_A .search_box .btn-close:hover, .M00_A .search_box .btn-close:focus {transform:rotate(180deg);}

/* form */
.M00_A .search_box .form {margin-top:50px;max-width:650px;}
.M00_A .search_box .form .in {position:relative;}
.M00_A .search_box .form .input {border:0px;width:100%;height:63px;line-height:63px;border-bottom:1px solid #000;font-size:22px;color:#888888;padding:0 80px 0 10px;}
.M00_A .search_box .form .delete {position:absolute;width:30px;height:30px;background-position:center center;background-repeat:no-repeat;display:none;top:18px;right:50px;background-image:url("https://image.samsungsds.com/module_src/images/icon/ico_delete.svg?queryString=20241210125943");}
.M00_A .search_box .form .sch {position:absolute;right:10px;top:18px;width:30px;height:30px;background:url('https://image.samsungsds.com/module_src/images/icon/ic_search_black.svg?queryString=20241210125943') no-repeat;}

/* sch_quick */
.M00_A .sch_box.on {background:#fff;}
.M00_A .search_box .form .inner_sch_quick {left:0;right:0;margin:0 auto;}
.M00_A .search_box .form .sch_quick .tit{text-align:left;color:inherit;font-weight:normal;}
.M00_A .search_dim {display:block;position:fixed;width:100%;height:calc(100% - 60px);bottom:0;left:0;background-color:transparent;z-index:0;}

/* link_box */
.M00_A .search_box .link_box {width:650px;margin:30px auto 0px;}
.M00_A .search_box .link_box .txt {display:inline-block;vertical-align:top;}
.M00_A .search_box .link_box .txt p {font-size:14px; font-weight:bold;color:#000;line-height:32px;}
.M00_A .search_box .link_box .links {display:inline-block;margin-left:32px;width:478px;}
.M00_A .search_box .link_box .links a {display:inline-block;padding:0 10px;font-size:14px;color:#454545;line-height:32px;background-color:#eeeeee;margin:0 10px 10px 0;}


/* 통합검색 수정 : 서치 리뉴얼 추가 */
.M00_A .srcNew .search_box { position: fixed; display: none; width: 100%; height: 370px; background: #fff; border-bottom: 1px solid #ddd; left: 0px; margin: 0 auto; z-index: 1; }
.M00_A .srcNew .search_box .container { max-width: 1920px; position: relative; margin: 0 auto; }
.M00_A .srcNew .search_box .form { margin-top: 80px; max-width: 800px; }
.M00_A .srcNew .search_box .form .input { border: 0px; width: 100%; height: 63px; line-height: 63px; border: 1px solid #000; border-radius: 50px; font-size: 22px; color: #888; padding: 0 110px 0 30px; }
.M00_A .srcNew .search_box .form .input::placeholder { color: #888; } 
.M00_A .srcNew .search_box .form .input:focus { outline: #2189FF; border: 2px solid #2189FF; }
.M00_A .srcNew .search_box .form .delete { position: absolute; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; display: none; top: 18px; right: 70px; background-image: url("https://image.samsungsds.com/module_src/images/icon/ico_delete.svg?queryString=20241210125943"); }
.M00_A .srcNew .search_box .form .sch { position: absolute; right: 30px; top: 18px; width: 30px; height: 30px; background: url('https://image.samsungsds.com/module_src/images/icon/ic_search_black.svg?queryString=20241210125943') no-repeat; }
.M00_A .srcNew .search_box .form .inner_sch_quick { left: 0; right: 0; margin: 0 auto; max-width: 740px; }
.M00_A .srcNew .search_box .form .sch_quick .tit { text-align: left; color: #888; font-weight: normal; padding: 0; margin-bottom: 20px; line-height: 18px; font-size: 14px; }

/* 최근검색어, 인기검색어 drop,dwon 공통 */
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick { padding: 30px 30px 0 30px; }
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop { display: flex; border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop article { width: 50%; }
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop .sr_list { min-height: auto; padding-left: 10px; }
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop .sr_list li a { display: block; font-size: 14px; line-height: 36px; color: #000; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* //최근검색어, 인기검색어 drop,dwon 공통 */

/* 최근검색어 */
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList { border-right: 1px dashed #ddd; padding-left: 0px; margin-right: 30px; width: 50%; }
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li { position: relative; }
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li button { position: absolute; top: 9px; right: 30px; width: 18px; height: 18px; }
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li button::after, .M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li button::before { content: ''; position: absolute; left: 50%; top: 50%; display: block; width: 11px; height: 1px; margin-left: -5px; background-color: #ccc; }
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li button::after { transform: rotate(-45deg); }
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li button::before { transform: rotate(45deg); }

/* 검색 drop dwon closeBtn */
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_closeBtn { position: relative; width: 100%; padding: 18px 0px; overflow: hidden; }
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_closeBtn button { position: unset; font-weight: normal; }
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_closeBtn button#src_allDelete { color: #2189FF; text-decoration: underline; float: left; }
.M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_closeBtn button#service_close_title { float: right; }

.M00_A .srcNew .search_box .link_box { display: flex; align-items: flex-start; width: 680px; margin: 50px auto 0px; }
.M00_A .srcNew .search_box .link_box .txt { flex: 1; max-width: 70px; }
html[lang="en"] .M00_A .srcNew .search_box .link_box .txt { max-width: 90px; }
.M00_A .srcNew .search_box .link_box .links { flex: 1; display: inline-block; margin-left: 30px; width: 100%; }
.M00_A .srcNew .search_box .link_box .links a { display: inline-block; padding: 6px 16px; font-size: 14px; line-height: 20px; color: #2189FF; background-color: #EBF4FE; border-radius: 5px; margin: 0 10px 12px 0; }
/* //통합검색 수정 : 서치 리뉴얼 추가 */

@media all and (max-width:1024px) {
    /* Search box */
    .M00_A .search_box {height:100vh;padding-bottom:60px;top:0px;height:-webkit-fill-available;}
    .M00_A .search_box .head {display:block;height:61px;width:100%;padding:0 18px;border-bottom:1px solid #ddd;}
    .M00_A .search_box .btn-close {position:absolute;display:inline-block;top:10px;right:13px;}

    /* form */
    .M00_A .search_box .form {margin-top:0;max-width:inherit;}
    .M00_A .search_box .form .in {margin:35px auto 0;max-width:260px;}
    .M00_A .search_box .form .input {font-size:18px;height:50px;line-height:50px;padding-right:60px;}
    .M00_A .search_box .form .delete {width:20px;height:20px;top:15px;right:34px;}
    .M00_A .search_box .form .sch {top:15px;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/ic_search_black_m.svg?queryString=20241210125943') no-repeat;}

    /* sch_quick */
    .M00_A .search_box .form .sch_quick .tit {font-size: 1.2rem;line-height: 28px;}
    .M00_A .search_box .sch_box.on .inner_sch_quick {top:120px;}

    /* link_box */
    .M00_A .search_box .link_box {width:260px;}
    .M00_A .search_box .link_box .txt {display:block;}
    .M00_A .search_box .link_box .txt p {line-height:20px;}
    .M00_A .search_box .link_box .links {margin-left:0px;width:100%;}
    .M00_A .search_box .link_box .links a {margin:10px 10px 0 0;}

    /* 20221201 gnb close button추가 */
    .gnb .childpanel .gnb_closeBtn { display: none; }

    /* 통합검색 수정 : 서치 리뉴얼 추가 */
    .M00_A .srcNew .search_box { height: 100vh; padding-bottom: 60px; top: 0px; height: -webkit-fill-available; }
    .M00_A .srcNew .search_box .form { position: relative; margin-top: 0; max-width: inherit; padding: 0 20px; }
    .M00_A .srcNew .search_box .form .in { max-width: none; margin: 30px auto 0; z-index: 2; }
    .M00_A .srcNew .search_box .form .input { font-size: 16px; height: 50px; line-height: 50px; padding-right: 95px; padding-left: 20px; }
    .M00_A .srcNew .search_box .form .delete { top: 11px; right: 60px; }
    .M00_A .srcNew .search_box .form .sch { right: 20px; top: 11px; }
    .M00_A .srcNew .search_box .form .sch_quick .tit { font-size: 1.2rem; line-height: 28px; margin-bottom: 14px; }
    .M00_A .srcNew .search_box .sch_box.on .inner_sch_quick { z-index: 1; top: -36px; max-width: none; width: calc(100% - 40px); }
    .M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick { padding: 70px 0px 0 0px; border-top-left-radius: 25px; border-top-right-radius: 25px; border: 1px solid #ccc; position: relative; top: 36px; }
    .M00_A .srcNew .search_box .sch_box.on .inner_sch_quick .sch_quick::before { content: ''; display: none; }
    .M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop { padding: 0 12px 15px 12px; }
    .M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop .sr_list { min-height: auto; padding-bottom: 10px; }
    .M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop .sr_list li a { font-size: 13px; line-height: 32px; width: 73%; }
    .M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList { margin-right: 20px; }
    .M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li button { right: 20px; top: 7px; }
    .M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_closeBtn { padding: 18px 20px; }
    .M00_A .srcNew .search_box .link_box { flex-direction: column; width: calc(100% - 80px); margin-top: 30px; }
    .M00_A .srcNew .search_box .link_box .txt { display: block; margin-bottom: 12px; }
    .M00_A .srcNew .search_box .link_box .links { margin-left: 0px; }
    .M00_A .srcNew .search_box .form .inner_sch_quick .sch_quick .src_closeBtn button { margin: 0; }
    /* //통합검색 수정 : 서치 리뉴얼 추가 */
}




/*** Etc. ***/
/* initial display */
.gnb .childpanel {display:none;}
.gnb .util .history {display:none;}
.gnb .util .rnb {display:none;}

/* ios scroll bar hidden test */
@media all and (max-width:1024px) {
    .rnb .depth-main.scroll-wrapper .scroll-content::-webkit-scrollbar {display:none;}
    .rnb .depth-sub .scroll-wrapper .scroll-content::-webkit-scrollbar {display:none;}
}






/* ========== ========== ========== ========== ==========
////////// ////////// Renewal ////////// //////////
========== ========== ========== ========== ========== */
/* Generative Ai, 뮬류 */
.gnb.gnb_ver2024 .childpanel .inner .col_items .items > li > .title a.point_strong,
.gnb.gnb_ver2024 .childpanel.smart .inner .col_items > ul.items > li:nth-child(-n+4) > .title a,

/* 클라우드 */
.gnb.gnb_ver2024 .childpanel [class*='group_offering_depth'] .tit_offering_depth,

/* 솔루션 */
.gnb.gnb_ver2024 .childpanel .inner .col_items .items.dep2 > li > .title,
.gnb.gnb_ver2024 .childpanel .inner .col_items .items.dep2 > li > .title a { position: relative; align-items: center; font-size: 20px; font-weight: bold; line-height: 32px; padding-right: 15px; }



/* cstm_scrl
---------- ---------- ---------- ---------- ---------- */
.cstm_scrl { overflow: auto; }
.cstm_scrl::-webkit-scrollbar { width: 8px; height: 100%; position: absolute; top: 0; left: -30px; }
.cstm_scrl::-webkit-scrollbar-track { height: 100%; }
.cstm_scrl::-webkit-scrollbar-thumb { width: 16px; min-height: 30px; border-radius: 50px; background-color: #e4e9ee; position: absolute; top: 0; left: 10px; }

/* grp_dropdownMenu
---------- ---------- ---------- ---------- ---------- */
.grp_dropdownMenu + .gravity_dropdownMenu { padding-top: 0; }

/* gravity_dropdownMenu
 ---------- ---------- ---------- ---------- ---------- */
.gravity_dropdownMenu { margin-top: 3.8rem; }
.gravity_dropdownMenu:first-child { margin-top: 0; }
.gravity_dropdownMenu .inner_half { padding-left: 0; padding-right: 4.6rem; }
.gravity_dropdownMenu .inner_half:first-child { padding-left: 4.6rem; padding-right: 0; }

/* list_dropdownMenu
---------- ---------- ---------- ---------- ---------- */
.list_dropdownMenu { overflow-x: hidden; overflow-y: auto; padding-right: 4rem; font-size: 0; }
.list_dropdownMenu .item_dropdownMenu { margin-top: -0.1rem; padding: 2.8rem 0; border-top: 0.1rem solid #eee; border-bottom: 0.1rem solid #eee; }
.list_dropdownMenu .item_dropdownMenu:first-child { margin-top: 0; padding-top: 0; border-top: 0 none; }
.list_dropdownMenu .item_dropdownMenu.mobile { display: none !important; }
.list_dropdownMenu .link_dropdownMenu { display: inline-block; position: relative; z-index: 1; vertical-align: top; }
.list_dropdownMenu .link_dropdownMenu .tit_l { display: inline-block; font-weight: 700; font-size: 1.8rem; color: #2189ff; vertical-align: middle; text-transform: capitalize; }
.list_dropdownMenu .link_dropdownMenu .txt_l, .list_dropdownMenu .link_dropdownMenu + .txt_l { display: block; position: relative; z-index: 1; margin-top: 1rem; font-weight: 500; font-size: 1.4rem; letter-spacing: -0.05rem; }
.list_dropdownMenu .arw_comm { display: inline-block; position: relative; padding-right: 1.9rem; font-size: 0.1rem; line-height: 0; color: transparent; vertical-align: middle; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; outline: none; cursor: pointer; }

/* Legacy */
.list_dropdownMenu .arw_comm:after { position: absolute; top: 50%; right: 0; width: 0.8rem; height: 0.8rem; margin-top: -0.4rem; border: 0 solid #2189ff; border-width: 0.2rem 0.2rem 0 0; box-sizing: border-box; content: ''; -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); -moz-transform: rotate(45deg) scale(1); -o-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.list_dropdownMenu .link_dropdownMenu:hover .txt_l { color: #000; }
.list_dropdownMenu .link_dropdownMenu:hover .arw_comm:after, .list_dropdownMenu .link_dropdownMenu:focus .arw_comm:after { right: -0.3rem; border-color: #0098c2; }
.list_dropdownMenu .link_dropdownMenu ~ .grp_dropdownChildren { padding-top: 2.3rem; }

/* grp_dropdownChildren
---------- ---------- ---------- ---------- ---------- */
.grp_dropdownChildren { font-size: 0; }
.grp_dropdownChildren .link_comm { display: none; position: relative; padding: 0.5rem 0 0.5rem 3rem; }
.grp_dropdownChildren .link_comm .arw_comm { display: inline-block; position: relative; vertical-align: middle; }
.grp_dropdownChildren .link_comm .arw_comm:first-child { position: absolute; top: 0.7rem; left: 0; }

/* link_back */
.grp_dropdownChildren .link_back { position: absolute; top: 0.1rem; left: 0; padding-top: 0.6rem; padding-bottom: 0.6rem; z-index: 1; }
.grp_dropdownChildren .link_back:first-child { padding-left: 0; }
.grp_dropdownChildren .link_back .arw_comm, .grp_dropdownChildren .link_back:first-child .arw_comm { position: static; top: 0; }

/* Legacy */
.grp_dropdownChildren .link_comm .arw_comm:after { display: block; width: 2rem; height: 2rem; background: url('/module_src/images/icon/icon-arrow-right.svg') no-repeat; -webkit-transform: rotate(180deg) scale(1); -ms-transform: rotate(180deg) scale(1); -moz-transform: rotate(180deg) scale(1); -o-transform: rotate(180deg) scale(1); transform: rotate(180deg) scale(1); -webkit-transition: transform 300ms; -moz-transition: transform 300ms; -o-transition: transform 300ms; transition: transform 300ms; content: ''; }
.grp_dropdownChildren .link_comm .tit_l { display: inline-block; margin-bottom: 0; font-weight: 400; font-size: 1.6rem; line-height: 1.5; vertical-align: middle; }
.grp_dropdownChildren .link_comm .tit_l + .txt_l { margin-top: 0.8rem; }
.grp_dropdownChildren .link_comm .txt_l { display: block; font-size: 1.4rem; line-height: 1.5; color: #888; }

/* list_dropdownChildren
---------- ---------- ---------- ---------- ---------- */
.list_dropdownChildren { margin: -4.1rem 0 0 -5.9rem; font-size: 0; }
.list_dropdownChildren .item_dropdownChildren { display: inline-block; width: 28.6rem; padding: 4.1rem 0 0 5.9rem; box-sizing: border-box; vertical-align: top; }
.list_dropdownChildren .link_dropdownChildren { display: block; position: relative; }
.list_dropdownChildren .link_dropdownChildren .tit_l { display: inline-block; font-size: 1.5rem; color: #333; vertical-align: middle; letter-spacing: -0.065rem; }
.list_dropdownChildren [class^='txt_badge'] { display: inline-block; margin-left: 1.2rem; padding: 0.3rem 0.5rem; font-size: 1rem; line-height: 1.2; color: #fff; background-color: #1c7eee; vertical-align: middle; text-transform: capitalize; }
.list_dropdownChildren [class^='txt_badge']:first-child { margin-left: 0; }
.list_dropdownChildren .txt_badge2 { background-color: #e27306; }
.list_dropdownChildren .link_dropdownChildren .txt_l { display: block; margin-top: 1rem; font-size: 1.4rem; line-height: 1.5714; color: #888; letter-spacing: -0.05rem; }
.list_dropdownChildren .link_dropdownChildren .txt_l:first-child { margin-top: 0; }
.list_dropdownChildren .link_dropdownChildren .arw_comm { position: absolute; top: 1.1rem; right: 0; z-index: 1; }
.list_dropdownChildren .link_dropdownChildren .arw_comm:after { right: 0.4rem; border-color: #000; }

/* style-desktop-unchanged
---------- ---------- ---------- ---------- ---------- */
.style-desktop-unchanged .list_dropdownChildren .item_dropdownChildren { width: 25%; }
.style-desktop-unchanged .list_dropdownMenu { padding-right: 0; }
.style-desktop-unchanged .list_dropdownMenu .item_dropdownMenu:last-child { padding-bottom: 0; border-bottom: 0 none; }

/* ========== ========== ========== ========== ==========
////////// ////////// Override ////////// //////////
========== ========== ========== ========== ========== */
/* gsnb
---------- ---------- ---------- ---------- ---------- */
.gsnb .inner > ul > li.offering-list > .items.renewal { overflow: auto; position: absolute; top: 5rem; right: -2rem; left: -2rem; max-width: 192rem; max-height: 85.5rem; margin: 0 auto; padding: 0; }
.gsnb .grp_dropdownMenu { padding: 4rem 5.9rem; }
.gsnb .grp_dropdownMenu .list_dropdownMenu { height: 68.7rem; }

/* grp_dropdownMenu
 ---------- ---------- ---------- ---------- ---------- */
.grp_dropdownMenu .gravity_dropdownMenu [class^='btn_'] span.arrow:after { border-color: #fff; }

/* list_dropdownMenu
 ---------- ---------- ---------- ---------- ---------- */
.list_dropdownMenu .link_dropdownMenu .tit_l { margin-bottom: 0; margin-left: 0; line-height: 1.5; }

/* list_dropdownChildren
 ---------- ---------- ---------- ---------- ---------- */
.list_dropdownChildren .link_dropdownChildren .tit_l { margin-bottom: 0; margin-left: 0; line-height: 1.5; }

/* ========== ========== ========== ========== ==========
////////// ////////// Media ////////// //////////
========== ========== ========== ========== ========== */
@media only screen and (max-width: 1024px) {
    /* gsnb
    ---------- ---------- ---------- ---------- ---------- */
    .gsnb .grp_dropdownMenu { padding: 0; }
    .gsnb .list_dropdownMenu .link_dropdownMenu { display: block; }
    .gsnb .list_dropdownMenu .link_dropdownMenu:hover .arw_comm:after,
    .gsnb .list_dropdownMenu .link_dropdownMenu:focus .arw_comm:after { right: 0; }

    /* gravity_dropdownMenu */
    .gsnb .gravity_dropdownMenu { display: none; }

    /* grp_dropdownMenu
    ---------- ---------- ---------- ---------- ---------- */
    .grp_dropdownMenu .list_dropdownMenu { overflow: hidden; height: auto; margin-top: 0; padding-right: 0; }

    /* list_dropdownMenu
    ---------- ---------- ---------- ---------- ---------- */
    .list_dropdownMenu .item_dropdownMenu { margin-top: 2.6rem; padding: 0; border: 0 none; }
    .list_dropdownMenu .item_dropdownMenu:first-child { margin-top: 0; }
    .list_dropdownMenu .item_dropdownMenu.mobile { display: block !important; }
    .list_dropdownMenu .link_dropdownMenu { display: block; }
    .list_dropdownMenu .arw_comm { position: absolute; top: 0.4rem; right: -2rem; }
    .list_dropdownMenu .arw_comm:first-child { margin-right: 1.2rem; }
    .list_dropdownMenu .arw_comm:after { top: 0.2rem; width: 2rem; height: 2rem; border: 0 none; background: url('/module_src/images/icon/icon-arrow-right.svg') no-repeat; content: ''; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; -webkit-transition: transform 300ms; -moz-transition: transform 300ms; -o-transition: transform 300ms; transition: transform 300ms; }
    .list_dropdownMenu .item_dropdownMenu.no-child .link_dropdownMenu .arw_comm { display: none; }
    .list_dropdownMenu .link_dropdownMenu:hover .txt_l { color: #888; }
    .list_dropdownMenu .link_dropdownMenu ~ .grp_dropdownChildren { position: relative; padding-top: 0; }
    .list_dropdownMenu .link_dropdownMenu .tit_l { padding-right: 1.4rem; font-weight: 400; font-size: 1.6rem; color: #000; }
    .list_dropdownMenu .link_dropdownMenu .txt_l { margin-top: 0.9rem; font-weight: 400; font-size: 1.4rem; line-height: 1.5; color: #888; }
    .list_dropdownMenu .grp_dropdownChildren { display: none; }

    /* grp_dropdownChildren
    ---------- ---------- ---------- ---------- ---------- */
    .grp_dropdownChildren .link_comm { display: block; }
    .grp_dropdownChildren .list_dropdownChildren { margin: 1.4rem 0 3rem; }


    /* list_dropdownChildren
    ---------- ---------- ---------- ---------- ---------- */
    .list_dropdownChildren { margin: 0 0 2rem 0; padding: 2rem; background-color: #fafafa; }
    .list_dropdownChildren .item_dropdownChildren { width: 100%; margin-top: 2rem; padding: 2rem 0 0; border-top: 0.1rem solid #ececec; }
    .list_dropdownChildren .item_dropdownChildren:first-child { margin-top: 0; padding-top: 0; padding-bottom: 0; border-top: 0 none; }
    .list_dropdownChildren .link_dropdownChildren .tit_l { font-size: 1.6rem; }
    .list_dropdownChildren .link_dropdownChildren .txt_l { margin-top: 0.9rem; font-size: 1.4rem; }
    .list_dropdownChildren .link_dropdownChildren .arw_comm { top: 0.4rem; }

    /* style-desktop-unchanged */
    .style-desktop-unchanged .list_dropdownMenu .item_dropdownMenu { padding-top: 2.6rem; border-top: 0.1rem solid #eee; }
    .style-desktop-unchanged .list_dropdownMenu .item_dropdownMenu:first-child { padding-top: 0; border-top: 0 none; }
    .list_dropdownMenu .link_dropdownMenu { display: inline-block; vertical-align: top; }
    .style-desktop-unchanged .link_dropdownMenu .tit_l { padding-right: 2.1rem; font-weight: 700; color: #2189ff; }
    .style-desktop-unchanged .link_dropdownMenu .arw_comm { position: static; padding-right: 0; right: 0; }
    .style-desktop-unchanged .link_dropdownMenu > .arw_comm:after { position: absolute; top: 50%; right: 0.2rem; width: 0.8rem; height: 0.8rem; margin-top: -0.4rem; border: 0 solid #2189ff; border-width: 0.2rem 0.2rem 0 0; box-sizing: border-box; content: ''; -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); -moz-transform: rotate(45deg) scale(1); -o-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
    .style-desktop-unchanged .grp_dropdownChildren { display: block; }
    .style-desktop-unchanged .grp_dropdownChildren .link_comm { display: none; }
    .style-desktop-unchanged .list_dropdownChildren { margin: 3rem 0 0; padding: 0; background-color: transparent; }
    .style-desktop-unchanged .list_dropdownChildren .item_dropdownChildren { width: 100%; border-top-style: dotted; }
    .style-desktop-unchanged .list_dropdownChildren .link_dropdownChildren { position: relative; padding-right: 2rem; }
    .style-desktop-unchanged .list_dropdownChildren .link_dropdownChildren .tit_l { font-weight: 500; }
    .style-desktop-unchanged .list_dropdownMenu .link_dropdownChildren > .arw_comm:after { right: 0; }

    /* override
    ---------- ---------- ---------- ---------- ---------- */
    /* global */
    .gsnb .owl-carousel .active span { background-color: transparent; }

    /* gsnb */
    .gsnb .inner > .owl-carousel .list_dropdownChildren .item_dropdownChildren { margin-top: 1.6rem; }
    .gsnb .inner > .owl-carousel .list_dropdownChildren .item_dropdownChildren:first-child { margin-top: 0; }

    /* gsnb.mobile */
    .gsnb.mobile .owl-carousel { padding-bottom: 0; }
    .gsnb.mobile .owl-carousel .owl-stage-outer,
    .gsnb.mobile .owl-carousel .owl-stage-outer .owl-stage,
    .gsnb.mobile .owl-carousel .owl-stage-outer .owl-stage .owl-item { height: 100%; }
    .gsnb.mobile .inner > .owl-carousel .scroll-wrapper.items .scroll-content.items > .menulist:last-child { padding-bottom: 3rem !important; }
    .gsnb.mobile .inner > .owl-carousel .items.renewal { display: none; }
    .gsnb.mobile .inner > .owl-carousel .list_dropdownMenu { display: block; }
    .gsnb.mobile .inner > .owl-carousel .list_dropdownMenu > .item_dropdownMenu { margin-top: 2.2rem; }
    .gsnb.mobile .inner > .owl-carousel .list_dropdownMenu > .item_dropdownMenu:first-child { margin-top: 0; }
    .gsnb.mobile .inner > .owl-carousel .list_dropdownChildren { display: block; }

    /* grp_dropdownMenu */
    .gsnb .grp_dropdownMenu .list_dropdownMenu { height: auto; padding: 1rem 2rem; }

    /* list_dropdownChildren */
    .gsnb .owl-carousel .active .list_dropdownChildren [class^='txt_badge'] { background-color: #1c7eee; }
    .gsnb .owl-carousel .active .list_dropdownChildren .txt_badge2 { background-color: #e27306; }

    /* 2023-10-05 rnb 수정 시작 */
    .gnb .util .rnb .depth-sub { padding: 0.1rem 0 0.1rem 1.9rem; }
    .gnb .rnb .depth-main ul.depth1_ul { width: auto; }
    /* // 2023-10-05 rnb 수정 끝 */
}

.gnb .childpanel .renewal_offering .offering_feature ul { }
.gnb .childpanel .renewal_offering .offering_feature ul li { max-width: none !important; display: flex; align-items: center; background-color: #fff; padding: 0; }
.gnb .childpanel .renewal_offering .offering_feature li + li { margin-top: 1.2rem !important; }
.gnb .childpanel .renewal_offering .offering_feature li .md_link { padding-right: 2.6rem !important; }
.gnb .childpanel .renewal_offering .offering_feature li a { position: relative; font-size: 16px; width: 100%; height: 60px; padding: 0 20px; border: 2px solid #888; color: #888; background-color: #f5f5f5; display: flex; align-items: center; }
.gnb .childpanel .renewal_offering .offering_feature li a::after { position: absolute; right: 20px; top: 50%; width: 8px; height: 8px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; margin: -3px 0 0 -5px; transform: rotate(45deg); }
.gnb .childpanel .renewal_offering .offering_feature li a:hover { color: #fff; background-color: #888; border: 2px solid #888; }
.gnb .childpanel .renewal_offering .offering_feature li a:hover::after { border: solid #fff; border-width: 1px 1px 0 0; }

.childpanel.smart .renewal_offering .inner_renewal_offering:after { display: none; }
.childpanel.smart .renewal_offering .inner_renewal_offering .group_offering_depth2 { width: 602px; left: 250px; overflow: hidden; border-left: 2px solid #eee; }
.childpanel.smart .renewal_offering .inner_renewal_offering .group_offering_depth2 .inner_offering_depth2 .link_offering_depth2 { padding: 10px 30px; width: 100%; }
.childpanel.smart .renewal_offering .inner_renewal_offering .col_video { position: absolute; top: 0; left: 86.7rem; width: 43.7rem; padding: 0; border-right: 0 none; }

/* 물류gnb 배너 */
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner { position: absolute; width: 467px; height: 100%; left: 852px; padding-top: 40px; margin: 0; border-left: 2px solid #eee; display: flex; justify-content: flex-start; }
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner ul { padding-left: 30px; width: 265px }
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner ul li { margin-bottom: 10px; }
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner ul li a { position: relative; display: flex; width: 100%; height: 60px; align-items: center; padding: 0 0 0 20px; font-size: 16px; background-color: #009982; border: 2px solid #009982; color: #fff; }
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner ul li a::after { position: absolute; right: 30px; top: 50%; width: 8px; height: 8px; border: solid #fff; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; margin: -3px 0 0 -5px; transform: rotate(45deg); }
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner ul li:last-child a { background-color: #f5f5f5; border: 2px solid #888; color: #888; }
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner ul li:last-child a:hover { color: #aaa; }
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner ul li:last-child a::after { border: solid #888; border-width: 1px 1px 0 0; }
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner ul li a:hover { background-color: #e5f9f6; border: 2px solid #009982; color: #009982; }
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner ul li a:hover::after { border: solid #009982; border-width: 1px 1px 0 0; }
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner ul li.hover_lineGray a:hover { border: 2px solid #888; color: #888; }
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner ul li.hover_lineGray a:hover::after { border: solid #888; border-width: 1px 1px 0 0; }
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner ul li:last-child a:hover { background-color: #888; border: 2px solid #888; color: #fff; }
.childpanel.smart .renewal_offering .inner_renewal_offering .smart_banner ul li:last-child a:hover::after { border: solid #fff; border-width: 1px 1px 0 0; }

/* 물류gnb 영상 */
.childpanel.smart .inner_offering_depth2 .smart_videoCont { padding: 0 30px; }
.childpanel.smart .inner_offering_depth2 .smart_videoCont p { font-size: 15px; text-align: center; margin: 30px 0 15px 0; }
.childpanel.smart .inner_offering_depth2 .smart_videoCont .videoIframe { position: relative; text-align: center; }
.childpanel.smart .inner_offering_depth2 .smart_videoCont .videoIframe iframe { }
.childpanel.smart .inner_offering_depth2 .smart_videoCont .videoIframe a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; }
.childpanel.smart .inner_offering_depth2 .smart_videoCont .videoIframe a img { width: 100%; }

/* renewal_inner */
.renewal_inner {}
.renewal_inner + .gnb_rolling_wrap { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; }

.list_offering_depth1 + .list_offering_depth1 { border-top: 0.2rem solid #eee; }

/* list_offering_depth2 */
.childpanel.smart .inner_offering_depth2 .link_offering_depth2:hover { color: #009982; background-color: #e5f9f6; }

.smt_pointColor { color: #009982 !important; }

.list_offering_depth2 .link_offering_depth2[href='#']:hover::after, .list_offering_depth2 .link_offering_depth2[href='javascript:;']:hover::after, .list_offering_depth2 .link_offering_depth2[href='javascript:void(0);']:hover::after { border: solid #1C7EEE; border-width: 1px 1px 0 0; }
.list_offering_depth2 .link_offering_depth2:hover .arw_comm:after, .list_offering_depth2 .link_offering_depth2:focus .arw_comm:after { border-color: #1c7eee; }

/* renewal_offering_rnb */
.gnb .rnb .renewal_offering_rnb .md_tit { margin: 1.6rem 0 1.8rem !important; letter-spacing: -0.05rem; }
.gnb .rnb .renewal_offering_rnb .items .flag { margin-left: 0.1rem !important; padding: 0.1rem 0.3rem !important; }
.gnb .rnb .renewal_offering_rnb .items.depth2 > li > .items { margin-bottom: -0.9rem; }
.gnb .rnb .renewal_offering_rnb .items.depth2 > li:not(.no-child) > .title a:after { top: 0.5rem; right: 1.1rem; }



/**************************************************뎁스 정리***************************************************/
/* 공통 */
.gnb .renewal_menu_depth .childpanel { height: auto !important; }
.gnb .renewal_offering { overflow-x: auto; overflow-y: hidden; display: block !important; width: auto !important; height: auto !important; margin: 0 !important; }
.gnb .renewal_menu_depth .childpanel .inner .renewal_offering { padding-top: 35px; }
.gnb .renewal_offering .inner_renewal_offering { position: relative; height: 100%; display: flex; }
.gnb .renewal_offering .inner_renewal_offering > div { flex: 1; }
.list_offering_depth1, .renewal_offering .offering_feature_v1 { height: 100%; }
[class*='group_offering_depth'] .tit_offering_depth[href='#'], [class*='group_offering_depth'] .tit_offering_depth[href='#none'], [class*='group_offering_depth'] .tit_offering_depth[href='javascript:;'], [class*='group_offering_depth'] .tit_offering_depth[href='javascript:void(0);'] { cursor: default; }
[class*='group_offering_depth'] .flag { display: inline-block; position: relative; padding: 0 0.7rem; border-radius: 1.5rem; font-weight: 500; font-size: 1rem; color: #fff; font-weight: normal; letter-spacing: 0; vertical-align: middle; text-transform: capitalize; }

/* 2뎁스, 3뎁스 메뉴 공통*/
.gnb .childpanel.offering .group_offering_depth2 .inner_offering_depth2.cloudMenuSeleck, .gnb .childpanel.offering .group_offering_depth3 .outer_offering_depth3.cloudMenuSeleck { margin-top: 45px; }
[class*='outer_offering_depth'].active, [class*='inner_offering_depth'].active { display: block; }
.gnb .childpanel .cloudMenuSeleck .list_offering_depth2 .item_offering_depth2 { padding: 8px 30px; margin-top: 0; }
.gnb .childpanel .cloudMenuSeleck .list_offering_depth2 .item_offering_depth2:first-child {}
.gnb .childpanel .list_offering_depth2 .link_offering_depth2 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; }
.gnb .childpanel .list_offering_depth2 .link_offering_depth2 .txt_offering_depth2 { }
.gnb .childpanel [class*='group_offering_depth'] .tit_offering_depth { }
.gnb .childpanel .list_offering_depth2 .link_offering_depth2 .txt_offering_depth2 + .flag { margin-left: 0.9rem; }
.cloudMenuSeleck .list_offering_depth2 .item_offering_depth2.current, .inner_offering_depth3 .list_offering_depth2 .item_offering_depth2.current { background-color: #ebf4fe; }

/* //2뎁스, 3뎁스 메뉴 공통*/
.group_offering_depth2 .thumb_menu { padding: 0 30px 0 10px; }
.group_offering_depth2 .thumb_menu a { display: flex; flex-wrap: wrap; }
.group_offering_depth2 .thumb_menu a:hover, .group_offering_depth2 .thumb_menu a:focus { color: #000; }
.group_offering_depth2 .thumb_menu a img { width: 100%; }
.group_offering_depth2 .thumb_menu a span { margin-top: 15px; font-size: 14px; }
.group_offering_depth2 .thumb_menu a em { }

/* 화살icon 공통 */
.gnb .arw_comm { position: relative; height: 8px; width: 8px; }
.list_offering_depth2 .item_offering_depth2 .arw_comm { }




.list_offering_depth2 .link_offering_depth2[href='#']::after, 
.list_offering_depth2 .link_offering_depth2[href='javascript:void(0);']::after, 
.list_offering_depth2 .item_offering_depth2 .arw_comm::after,
[class*='group_offering_depth'] .tit_offering_depth::after,
.item_offering_depth1 .arw_comm::after,
/* 
    * 20241024 삭제 화살 : 물류 여기로 옴김 
    * nth-child(n~)되있는건 중국(cn)등 옛날 마크업에 관련된 선택사항
    * point_strong 클래스는 굵은 타이틀을 구분하기 위해 해당 클래스가 신규로 붙음
*/
.gnb .childpanel.smart .inner .col_items > ul.items > li:first-child > .title a::after,
.gnb .childpanel.smart .inner .col_items > ul.items > li:nth-child(2) > .title a::after,
.gnb .childpanel.smart .inner .col_items > ul.items > li:nth-child(3) > .title a::after,
.gnb .childpanel.smart .inner .col_items > ul.items > li:nth-child(4) > .title a::after,
.gnb .childpanel.smart .inner .col_items > ul.items > li > .title a.point_strong::after,

.gnb .childpanel .inner .col_items .items.dep2 > li > .title a::after,
.gnb .childpanel .inner .col_items > ul.items > li > .title a.point_strong::after { content: ""; position: absolute; top: 50%; right: 0px; width: 8px; height: 8px; border: solid #000; border-width: 1px 1px 0 0; transition: all 0.4s; transform: rotate(45deg) translate(-50%, 0%); }


[class*='group_offering_depth'] .tit_offering_depth::after { }

/* 호버 됐을때 화살 */
.gnb .list_offering_depth1 .item_offering_depth1 .link_offering_depth1:hover .arw_comm::after, .gnb .list_offering_depth1 .item_offering_depth1 .link_offering_depth1:focus .arw_comm::after, .gnb .childpanel [class*='group_offering_depth'] .tit_offering_depth:hover::after, .gnb .childpanel [class*='group_offering_depth'] .tit_offering_depth:focus::after, .gnb .childpanel.smart .inner .col_items > ul.items > li:first-child > .title a:hover::after, .gnb .childpanel.smart .inner .col_items > ul.items > li:nth-child(2) > .title a:hover::after, .gnb .childpanel.smart .inner .col_items > ul.items > li:nth-child(3) > .title a:hover::after, .gnb .childpanel.smart .inner .col_items > ul.items > li:nth-child(4) > .title a:hover::after, .gnb .childpanel.smart .inner .col_items > ul.items > li:nth-child(2) > .title a:focus::after, .gnb .childpanel.smart .inner .col_items > ul.items > li:nth-child(3) > .title a:focus::after, .gnb .childpanel.smart .inner .col_items > ul.items > li:nth-child(4) > .title a:focus::after, .gnb .childpanel.smart .inner .col_items > ul.items > li > .title a.point_strong:focus::after, .gnb .childpanel .inner .col_items .items.dep2 > li > .title a:hover::after, .gnb .childpanel .inner .col_items .items.dep2 > li > .title a:focus:after, .gnb .childpanel .inner .col_items > ul.items > li > .title a.point_strong:hover::after, .gnb .childpanel .inner .col_items > ul.items > li > .title a.point_strong:focus::after { border-color: #1c7eee; right: -4px; }
/* //화살icon 공통 */
/* //공통 */

/* 1뎁스 */
.gnb .group_offering_depth1 { width: 100%; max-width: 270px; }
.gnb .list_offering_depth1 { }
.gnb .list_offering_depth1 .item_offering_depth1 { display: inline-block; width: 100%; margin-top: 16px; }
.gnb .list_offering_depth1 .item_offering_depth1:first-child { margin-top: 5px; }
.gnb .list_offering_depth1 .item_offering_depth1.line { border-top: 0.2rem solid #eee; }
.gnb .list_offering_depth1 .item_offering_depth1.cloudMenuOpen { }
.gnb .list_offering_depth1 .item_offering_depth1.cloudMenuOpen a { font-size: 17px; line-height: 24px; font-weight: normal; }
.gnb .list_offering_depth1 .item_offering_depth1.cloudMenuOpen:nth-last-of-type(4) { margin-bottom: 5px; }
.gnb .list_offering_depth1 .item_offering_depth1.current { color: #1c7eee; }
.gnb .list_offering_depth1 .item_offering_depth1 .link_offering_depth1:hover { }
.gnb .list_offering_depth1 .item_offering_depth1.current .link_offering_depth1 { }
.gnb .list_offering_depth1 .item_offering_depth1.cloudMenuOpen:first-child .link_offering_depth1, .gnb .list_offering_depth1 .item_offering_depth1 .link_offering_depth1 { display: inline-flex; font-size: 20px; line-height: 32px; font-weight: bold; }
.gnb .list_offering_depth1 .item_offering_depth1 .txt_offering_depth1 { margin-right: 7px; }
.gnb .list_offering_depth1 .item_offering_depth1.current .link_offering_depth1 .arw_comm::after { border-color: #1c7eee; }
/* //1뎁스 */

/* 2뎁스 */
.gnb .childpanel.offering .group_offering_depth2 { position: relative; border-left: 1px solid #dedede; border-right: 1px solid #dedede; display: flex; flex-wrap: wrap; padding: 0 0px; }
.gnb .childpanel.offering .group_offering_depth2 > div { width: 50%; flex: 1; }
.gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu { padding: 0px 0px 0 30px; position: absolute; left: 0; width: calc(600px - 170px); display: flex; justify-content: space-between; align-items: center; background-color: #fff; }

html[data-country="en"] .gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu { width: calc(600px - 140px); }

.gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu a { }
.gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu a.btn_m { font-size: 14px; min-width: auto; height: 40px; display: flex; align-items: center; padding: 0 15px; }
.gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu a.btn_m::after { border: 1px solid #ddd; }
.gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu a.btn_m span { padding-left: 23px; }
.gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu a.btn_m span::before { content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -9px; width: 18px; height: 18px; background-image: url('https://image.samsungsds.com/module_src/images/icon/cloudProduct_navi_icon.png?queryString=20241210125943'); background-position: center; background-repeat: no-repeat; background-size: 100%; transition: all 0.4s; }
.gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu a.btn_m:hover, .gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu a.btn_m:focus { color: #fff; }
.gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu a.btn_m:hover::after, .gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu a.btn_m:focus::after { border: 1px solid #2189ff; }
.gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu a.btn_m:hover span::before, .gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu a.btn_m:focus span::before { filter: brightness(0) invert(1); }
.inner_offering_depth2 { display: none; }
.inner_offering_depth2 .list_offering_depth2 { }
.gnb .childpanel [class*='group_offering_depth'] .inner_offering_depth2 .tit_offering_depth { padding-left: 30px; margin-top: 5px; }
.gnb .childpanel [class*='group_offering_depth'] .inner_offering_depth2 .tit_offering_depth.dep2 { margin-top: 30px; }
.gnb .childpanel .list_offering_depth2 .item_offering_depth2 { position: relative; display: flex; align-items: center; padding: 0 0 0 30px; margin-top: 16px; }
.list_offering_depth2 .link_offering_depth2[href='#'], .list_offering_depth2 .link_offering_depth2[href='javascript:;'], .list_offering_depth2 .link_offering_depth2[href='javascript:void(0);'] { }
.list_offering_depth2 .item_offering_depth2.current > .link_offering_depth2 .txt_offering_depth2 { color: #1c7eee; }

/* //2뎁스 */

/* 3뎁스 */
.outer_offering_depth3 { display: none; vertical-align: top; }
.inner_offering_depth3 { display: none; }
.gnb .childpanel .inner_offering_depth3 .dep3_title { padding: 8px 30px; }
.inner_offering_depth3 .dep3_title span { }
.gnb .childpanel [class*='group_offering_depth'] .inner_offering_depth3 .tit_offering_depth { font-size: 17px; line-height: 24px; }
.inner_offering_depth3 .dep3_title:hover, .inner_offering_depth3 .dep3_title:focus { background-color: #ebf4fe; }
.gnb .childpanel.offering .group_offering_depth3 { overflow: hidden; border-left: 1px solid #dedede; border-right: 1px solid #dedede; margin-left: -1px; }
.list_offering_depth2 .link_offering_depth2 .txt_offering_depth2 ~ .txt_offering_depth3, .inner_offering_depth2 .txt_offering_depth3, .inner_offering_depth3 .dep3_title .txt_offering_depth3 { margin-top: 0.6rem; }
.list_offering_depth2 .link_offering_depth2 .txt_offering_depth3, .inner_offering_depth2 .txt_offering_depth3, .inner_offering_depth3 .dep3_title .txt_offering_depth3 { display: block; font-size: 1.3rem; color: #888; letter-spacing: -0.05rem; line-height: 17px; }
.inner_offering_depth3 .list_offering_depth2 { max-height: 403px; height: 100%; }

/* //3뎁스 */

/* 바로가기 버튼 */
.gnb .childpanel.offering .renewal_offering .offering_feature, .gnb .childpanel.offering .renewal_offering .offering_feature_v1 { flex: 369; padding-left: 30px; height: 100%; }

/* //바로가기 버튼 */
@media all and (max-width:1200px) {
    /* Generative Ai, 뮬류 */
    .gnb.gnb_ver2024 .childpanel .inner .col_items .items>li>.title a.point_strong,
    .gnb.gnb_ver2024 .childpanel.smart .inner .col_items>ul.items>li:nth-child(-n+4)>.title a,

    /* 클라우드 */
    .gnb .list_offering_depth1 .item_offering_depth1.cloudMenuOpen:first-child .link_offering_depth1,
    .gnb .list_offering_depth1 .item_offering_depth1 .link_offering_depth1,
    .gnb.gnb_ver2024 .childpanel [class*='group_offering_depth'] .tit_offering_depth,

    /* 솔루션 */
    .gnb.gnb_ver2024 .childpanel .inner .col_items .items.dep2>li>.title a { font-size: 16px; line-height: 24px; }

    .gnb .list_offering_depth1 .item_offering_depth1.cloudMenuOpen a, .gnb .childpanel [class*='group_offering_depth'] .tit_offering_depth { font-size: 13px; }

    /* 뎁스 정리 1200 */
    .gnb .childpanel.offering .group_offering_depth2 .inner_offering_depth2.cloudMenuSeleck, .gnb .childpanel.offering .group_offering_depth3 .outer_offering_depth3.cloudMenuSeleck { margin-top: 37px; }
    .gnb .group_offering_depth1 { max-width: 220px; }
    .gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu { width: calc(200% - 27%); padding: 0px 0px 0 20px; }

    html[data-country="en"] .gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu { width: calc(200% - 10%); }

    .gnb .childpanel.offering .group_offering_depth2 .dep2_floating_menu a.btn_m { height: 34px; }
    .gnb .childpanel [class*='group_offering_depth'] .tit_offering_depth { }
    .gnb .childpanel [class*='group_offering_depth'] .inner_offering_depth2 .tit_offering_depth.dep2 { margin-top: 20px; }
    .gnb .childpanel .cloudMenuSeleck .list_offering_depth2 .item_offering_depth2 { padding: 8px 20px; }
    .gnb .childpanel [class*='group_offering_depth'] .inner_offering_depth2 .tit_offering_depth { padding: 0 0 0 20px; }
    .gnb .childpanel .list_offering_depth2 .item_offering_depth2 { margin-top: 12px; padding: 0 0 0 20px; }
    .group_offering_depth2 .thumb_menu { padding: 0 20px 0 10px; }
    .gnb .childpanel .inner_offering_depth3 .dep3_title { padding: 8px 20px; }
    .gnb.gnb_ver2024 .childpanel .offering_feature_v1 { max-width: 270px; }
    /* //뎁스 정리 1200 */ 
}
@media all and (max-height:940px) {
    .inner_offering_depth2.active .tit_offering_depth.scrShadow, .inner_offering_depth3.active .dep3_title.scrShadow { position: relative; }
    .inner_offering_depth2.active .tit_offering_depth.scrShadow::before, .inner_offering_depth3.active .dep3_title.scrShadow::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #eee; }
}







/*** M01_A | Hero1 **/
.M01_A.cont { padding: 0; }
.M01_A.cont .inner { max-width: inherit; padding: 0; }
.M01_A.cont+.cont { padding-top: 100px; }
.M01_A.cont+.M01_E.cont { padding-top: 0px; }
.M01_A_cont { position: relative; }
.M01_A_cont { position: relative; min-height: 510px; background: #fff; }
.M01_A_cont .caroufredsel_wrapper { width: 100% !important; min-height: 510px; }
.M01_A .caroufredsel_wrapper, .M01_A .md_visual { max-height: 1400px; }

/** tail_bnr **/
.tail_bnr { text-align: center; background: #EEF6FC; }
.main .tail_bnr { position: absolute; left: 0; right: 0; top: 61px; z-index: 12; }
.tail_bnr .inner { position: relative; width: auto; max-width: 1504px; margin: 0 auto; padding: 0 93px; box-sizing: border-box; z-index: 2; }
.tail_bnr .txt { padding: 13px 0; }
.tail_bnr .txt span a { color: #2189ff; transition: all 0.4s; }
.tail_bnr .txt span a:hover, .tail_bnr .txt span a:focus { color: #1c7eee; }
.tail_bnr .txt span .br { display: none; }
.tail_bnr .btn_arrow.right { margin-left: 15px; }
.tail_bnr.none { display: none; }

/** md_visual **/
.M01_A_cont .md_visual { position: relative; }
.M01_A_cont .md_visual .li { position: relative; display: block; float: left; width: 100%; height: 100%; min-height: 510px; background: #000; box-sizing: border-box; overflow: hidden; cursor: default; }
.M01_A_cont .md_visual .li:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); content: ""; z-index: 10; }
.M01_A_cont .md_visual .li .img { position: relative; overflow: hidden; }
.M01_A_cont .md_visual .li .img p { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M01_A_cont .md_visual .li .img .img_m { display: none; }
.M01_A_cont .md_visual .li .img video { display: block; position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); }
.M01_A_cont .md_visual .li .txt { display: table; position: absolute; left: 50%; top: 27%; width: calc(100% - 93px); min-height: 510px; margin-left: -659px; color: #fff; z-index: 11; }
.M01_A_cont .md_visual .li .txt ul, .M01_A_cont .md_visual .li .txt .txt_inner { display: table-cell; position: relative; padding: 0 0 0 182px; box-sizing: border-box; vertical-align: top; }
.M01_A_cont .md_visual .li .txt .md_tit { position: relative; display: block; width: 90%; max-width: 856px; margin-bottom: 20px; color: #fff; overflow: hidden; }
.M01_A_cont .md_visual .li .txt .md_tit span { display: block; position: relative; vertical-align: top; overflow: hidden; }
.M01_A_cont .md_visual .li .txt .md_tit i { display: block; position: relative; }
.M01_A_cont .md_visual .li .txt .md_txt { width: 90%; max-width: 856px; margin-bottom: 35px; }
.M01_A_cont .md_visual .li .txt .md_txt .btn_arrow { display: inline-block; color: #fff; }
.M01_A_cont .md_visual .li .txt .md_txt .btn_arrow span:after { border-color: #fff; }
.M01_A_cont .md_visual .li .txt .md_txt .md_sub { margin-top: 20px; font-size: 12px; }
.M01_A_cont .md_visual .li .txt .md_btn a { margin-right: 20px; }
.M01_A_cont .md_visual .li .txt .md_btn a:last-child { margin-right: 0; }
.M01_A_cont .md_visual .li .txt.color_bk ul, .M01_A_cont .md_visual .li .txt.color_bk .md_tit { color: #000; }
.M01_A_cont .md_visual .li .txt.color_bk .md_btn a { color: #000; }
.M01_A_cont .md_visual .li .txt.color_bk .md_btn a:after { border-color: #000; }
.M01_A_cont .md_visual .li .txt.color_bk .md_btn a:hover { color: #fff; }
.M01_A_cont .md_visual .li .txt.color_bk .md_btn a:hover:after { border-color: #1C7EEE; }
.M01_A_cont .md_visual:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }

/* Active */
.M01_A_cont .md_visual .li.act .img { animation: scaleBg both ease-in-out 3.2s; z-index: 1; }
.M01_A_cont .md_visual .li.act .txt .md_tit span { position: relative; overflow: hidden; }
.M01_A_cont .md_visual .li.act .txt .md_tit i { animation: txtTop both 0.4s 0.75s; }
.M01_A_cont .md_visual .li.act .txt .md_tit span:nth-child(1) i { animation-delay: 0.2s; }
.M01_A_cont .md_visual .li.act .txt .md_tit span:nth-child(2) i { animation-delay: 0.4s; }
.M01_A_cont .md_visual .li.act .txt .md_tit span:nth-child(3) i { animation-delay: 0.6s; }
.M01_A_cont .md_visual .li.act .txt .md_txt { position: relative; animation: fade both 0.7s 0.7s; }
.M01_A_cont .md_visual .li.act .txt .md_btn { animation: fade both 0.7s 1s; }

/** Control **/
.M01_A_cont .md_visual_control { position: absolute; left: 50%; top: 29%; margin: 0 0 0 -659px; z-index: 23; }

/* md_pagn */
.M01_A_cont .md_pagn { position: relative; }
.M01_A_cont .md_pagn a { display: block; position: relative; float: left; margin-right: 10px; color: #fff; font-size: 14px; font-weight: bold; line-height: 14px; letter-spacing: 0; text-align: center; opacity: 0.4; outline: none; transition: all 0.4s; }
.M01_A_cont .md_pagn a:hover { opacity: 0.8; }
.M01_A_cont .md_pagn a:focus { opacity: 1; }
.M01_A_cont .md_pagn a:before { position: absolute; left: 50%; top: -12px; width: 4px; height: 4px; margin-left: -2px; background: #fff; border-radius: 50%; content: ""; opacity: 0; transition: all 0.4s; }
.M01_A_cont .md_pagn a.selected { opacity: 1; }
.M01_A_cont .md_pagn a.selected:before { opacity: 1; }
.M01_A_cont .md_pagn a:last-child { margin-right: 0; }
.M01_A_cont .md_pagn:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }
.M01_A_cont .md_pagn a:first-child:nth-last-child(2), .M01_A_cont .md_pagn a:first-child:nth-last-child(2)~a { margin-right: 88px; }
.M01_A_cont .md_pagn a:first-child:nth-last-child(2)~a:last-child { margin-right: 0; }
.M01_A_cont .md_pagn a:first-child:nth-last-child(3), .M01_A_cont .md_pagn a:first-child:nth-last-child(3)~a { margin-right: 36px; }
.M01_A_cont .md_pagn a:first-child:nth-last-child(3)~a:last-child { margin-right: 0; }
.M01_A_cont .md_pagn a:first-child:nth-last-child(4), .M01_A_cont .md_pagn a:first-child:nth-last-child(4)~a { margin-right: 19px; }
.M01_A_cont .md_pagn a:first-child:nth-last-child(4)~a:last-child { margin-right: 0; }

/* md_timer */
.M01_A_cont .md_timer { position: relative; width: 100%; height: 2px; margin-top: 11px; background: rgba(255, 255, 255, 0.4); overflow: hidden; }
.M01_A_cont .md_timer p { position: absolute; left: 0; top: 0; width: 0; height: 2px; background: #fff; }

/* md_play  */
.M01_A_cont .md_play { position: absolute; right: -27px; top: 15px; }
.M01_A_cont .md_play a { display: block; position: relative; width: 20px; height: 20px; overflow: hidden; outline: none; }
.M01_A_cont .md_play .md_btn_play:before { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #fff; content: ""; transform: translate(-50%, -50%); transition: all 0.4s; }
.M01_A_cont .md_play .md_btn_play:hover:before, .M01_A_cont .md_play .md_btn_play:focus:before { border-left-color: #1C7EEE; }
.M01_A_cont .md_play .md_btn_stop:before { position: absolute; left: 6px; top: 5px; width: 2px; height: 10px; background: #fff; content: ""; transition: all 0.4s; }
.M01_A_cont .md_play .md_btn_stop:after { position: absolute; left: 11px; top: 5px; width: 2px; height: 10px; background: #fff; content: ""; transition: all 0.4s; }
.M01_A_cont .md_play .md_btn_stop:hover:before, .M01_A_cont .md_play .md_btn_stop:focus:before, .M01_A_cont .md_play .md_btn_stop:hover:after, .M01_A_cont .md_play .md_btn_stop:focus:after { background-color: #1C7EEE; }
.M01_A_cont .md_play .md_btn_play { display: none; }
.M01_A_cont .md_play .md_btn_stop { display: block; }
.M01_A_cont .md_play.on .md_btn_play { display: block; }
.M01_A_cont .md_play.on .md_btn_stop { display: none; }

/* md_visual_ico */
.M01_A_cont .md_visual_ico { position: absolute; left: 50%; bottom: 28px; width: 30px; height: 45px; margin-left: -8px; border: 2px solid rgba(255, 255, 255, 0.6); border-radius: 75px; box-sizing: border-box; z-index: 25; }
.M01_A_cont .md_visual_ico i { position: absolute; left: 50%; top: 16px; width: 2px; height: 7px; margin-left: -1px; background: rgba(255, 255, 255, 0.6); content: ""; -webkit-animation: trackBallSlide 2.4s cubic-bezier(0.000, 0.000, 0.725, 1.000) infinite; animation: trackBallSlide 2.4s cubic-bezier(0.000, 0.000, 0.725, 1.000) infinite; }
.M01_A_cont .md_visual_ico:before { position: absolute; left: 50%; bottom: -30px; width: 2px; height: 20px; margin-left: -1px; background: rgba(255, 255, 255, 0.6); content: ""; }
.M01_A_cont .md_visual_ico:after { position: absolute; left: 50%; bottom: -50px; width: 2px; height: 20px; margin-left: -1px; background: #000; content: ""; }

@-webkit-keyframes trackBallSlide {
    0% { opacity: 1; -webkit-transform: scaleY(1) translateY(-5px); transform: scaleY(1) translateY(-5px) }
    45% { opacity: 0; -webkit-transform: scaleY(0.5) translateY(13px); transform: scaleY(0.5) translateY(13px) }
    46% { opacity: 0; -webkit-transform: scaleY(1) translateY(-10px); transform: scaleY(1) translateY(-10px) }
    65%, 100% { opacity: 1; -webkit-transform: scaleY(1) translateY(-10px); transform: scaleY(1) translateY(-10px) }
}
@keyframes trackBallSlide {
    0% { opacity: 1; -webkit-transform: scaleY(1) translateY(-10px); transform: scaleY(1) translateY(-10px) }
    45% { opacity: 0; -webkit-transform: scaleY(0.5) translateY(13px); transform: scaleY(0.5) translateY(13px) }
    46% { opacity: 0; -webkit-transform: scaleY(1) translateY(-10px); transform: scaleY(1) translateY(-10px) }
    65%, 100% { opacity: 1; -webkit-transform: scaleY(1) translateY(-10px); transform: scaleY(1) translateY(-10px) }
}
@media all and (max-width:1504px) {
    .M01_A_cont .md_visual .li .txt { left: 93px; margin-left: 0; }
    .M01_A_cont .md_visual_control { left: 93px; margin-left: 0; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M01_A.cont+.cont { padding-top: 50px; }

    /* tail_bnr */
    .tail_bnr .inner { max-width: 838px; padding: 0 30px; }
    .tail_bnr .btn_arrow.right { display: block; margin: 5px 0 0 0; }
    .tail_bnr .txt span .br { display: block; }

    /** md_visual **/
    .M01_A_cont .md_visual .li .txt { left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 140px 30px 0 30px; box-sizing: border-box; }
    .M01_A_cont .md_visual .li .txt ul, .M01_A_cont .md_visual .li .txt .txt_inner { padding: 0; vertical-align: top; }
    .M01_A_cont .md_visual .li .txt .md_tit { width: 100%; margin-bottom: 20px; color: #fff; }
    .M01_A_cont .md_visual .li .txt .md_txt { width: 100%; }
    .M01_A_cont .md_visual .li .txt .md_btn { position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; }
    .M01_A_cont .md_visual .li .txt .md_btn a { margin-right: 15px; }
    .M01_A_cont .md_pagn a:first-child:nth-last-child(2), .M01_A_cont .md_pagn a:first-child:nth-last-child(2)~a { margin-right: 65px; }
    .M01_A_cont .md_pagn a:first-child:nth-last-child(3), .M01_A_cont .md_pagn a:first-child:nth-last-child(3)~a { margin-right: 24px; }

    /** Control **/
    .M01_A_cont .md_visual_control { left: 30px; top: 90px; margin: 0; }

    /* md_pagn */
    .M01_A_cont .md_pagn a { margin-right: 11px; font-weight: normal; }
    .M01_A_cont .md_pagn a:before { display: none; }

    /* md_play  */
    .M01_A_cont .md_play { top: 16px; }

    /* md_visual_ico */
    .M01_A_cont .md_visual_ico { display: none; }
}

@media all and (max-width:600px) {
    .M01_A_cont .md_visual .li .img .img_m { display: block; }
    .M01_A_cont .md_visual .li .txt .md_btn a { display: block; margin: 10px 20% 0 20% !important; }
    .M01_A_cont .md_visual .li .txt .md_btn a:first-child { margin: 0 20% !important; }
}

@media all and (orientation:landscape) {
    .M01_A_cont .md_visual .li .img .img_m { display: none; }
}
        


        



/*** M01_B | Hero2 ***/
.M01_B.cont {padding:0 0 90px 0;}
.M01_B.cont .inner {max-width:inherit;padding:0;background:#fff;}
.M01_B + .cont.bg {margin-top:0;}
.M01_B + .page_indicator + .cont {padding-top:0;}
.M01_B + .page_indicator + .cont.bg {padding-top:100px;}
.M01_B + .M12_A {margin-top:0;}

/* Cont */
.M01_B .img {position:relative;height:450px;overflow:hidden;}
.M01_B .img p {position:absolute;left:0;top:0;width:100%;height:100%;}
.M01_B .img .img_m {display:none;}
.M01_B .txt {position:relative;width:auto;max-width:1504px;margin:0 auto;padding:0 93px;box-sizing:border-box;z-index:3;}
.M01_B .txt_inner {position:relative;width:83.1%;margin-top:-156px;padding:60px 60px 0 0;background:#fff;box-sizing:border-box;}
.M01_B .txt_inner:before {position:absolute;left:-69%;top:0;width:70%;height:100%;background:#fff;content:"";}
.M01_B .txt_inner:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M01_B .txt_inner_wrap {max-width:90%;}
.M01_B .txt.center {text-align:center;}
.M01_B .txt.center .txt_inner_wrap {margin:0 auto;}
.M01_B .txt.right {text-align:right;}
.M01_B .txt.right .txt_inner_wrap {float:right;}

/* txt */
.M01_B .tit_b {position:relative;margin-bottom:20px;font-size:55px;line-height:76px;overflow:hidden;}
.M01_B .md_tit {position:relative;margin-bottom:16px;overflow:hidden;}
.M01_B .md_txt {position:relative;}
.M01_B .md_tit span {display:block;position:relative;}
.M01_B .md_btn {margin:40px -5px 0 -5px; color:transparent; }
.M01_B .md_btn > li,
.M01_B .md_btn > span {display:inline-block;margin:0 5px;vertical-align:top;}
.M01_B .md_btn > li:first-child,
.M01_B .md_btn > span:first-child {margin-left:0;}

/* Active */
.M01_B .img p {animation:scaleBg both ease-in-out 3.2s;}
.M01_B .md_title span {display:inline-block;position:relative;vertical-align:top;overflow:hidden;}
.M01_B .md_title span:before,
.M01_B .md_title span:after {position:absolute;left:0;top:0;width:100%;height:100%;transform:translateX(0%);content:"";mix-blend-mode:multiply;z-index:1;}
.M01_B .md_title span:before {background:#55dae0;}
.M01_B .md_title span:after {background:#39c0e5;}
.M01_B .md_title i {display:inline-block;position:relative;font-style:normal;vertical-align:top;}
.M01_B .md_title i:before {position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:#fff;}
.M01_B .md_title,
.M01_B .md_tit,
.M01_B .md_txt,
.M01_B .md_btn {opacity:0;}
.M01_B .txt.act .md_tit span {animation:txtTop both 0.4s 1.0s;}
.M01_B .txt.act .md_txt {animation:fade both 0.7s 1.3s;}
.M01_B .txt.act .md_btn {animation:fade both 0.7s 1.6s;}
.M01_B .txt.act .md_title,
.M01_B .txt.act .md_tit {opacity:1;}
.M01_B .txt.act .md_title span:before {animation:titAni both 0.6s 0.95s;}
.M01_B .txt.act .md_title span:after {animation:titAni both 0.8s 0.7s;}
.M01_B .txt.act .md_title i:before {animation:titAni_txt both 0.6s 1.15s;}

@media all and (max-width:1400px){
    .tit_ani {font-size:30px;line-height:30px;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M01_B + .page_indicator + .cont.bg {padding-top:50px;}
    .M01_B.cont {padding:0 0 45px 0;}
    .M01_B .img {height:100vw;max-height:500px;}
    .M01_B .txt {max-width:838px;padding:0 30px;}
    .M01_B .txt_inner {width:100%;margin-top:-110px;padding:30px 0 0 30px;}
    .M01_B .txt_inner:before {left:99%;width:200px;}
    .M01_B .txt_inner_wrap {max-width:100%;min-height:80px;}
    .M01_B .tit_b {margin-bottom:8px;font-size:30px;line-height:44px;}
    .M01_B .md_tit {margin-bottom:8px;}
    .M01_B .md_txt {position:relative;min-height:28px;}
    .M01_B .md_btn {margin:20px 0 0 0;}
}

@media all and (max-width:768px){
    .M01_B .md_btn {margin-left:-30px;}
    .M01_B .md_btn > li,
    .M01_B .md_btn > span {display:block;margin:10px 0 0 0;}
    .M01_B .md_btn > li:first-child,
    .M01_B .md_btn > span:first-child {margin:0;}
    .M01_B .md_btn .btn_m {display:block;width:60%;min-width:240px;margin:0 auto;}
}

@media all and (max-width:600px){
    .M01_B .img .img_m {display:block;}
}

@media all and (orientation:landscape){
    .M01_B .img .img_m {display:none;}
}

    





/*** M01_C | Hero3 ***/
.M01_C.cont {padding:0 0 90px 0;overflow:hidden;z-index:1;}
.M01_C.cont .inner {max-width:inherit;padding:0;background:#fff;}
.M01_C + .cont.bg {margin-top:0;}
.M01_C + .page_indicator + .cont {padding-top:0;}
.M01_C + .page_indicator + .cont.bg {padding-top:100px;}
.M01_C + .M12_A {margin-top:0;}

/* 20231005 클라우드 상품군 : bg 네이비 색상 추가 */
.M01_C.bg_navy,
.M01_C.bg_navy .inner,
.M01_C.bg_navy .inner .txt_inner { background-color: #081337; }
.M01_C.bg_navy .tit_b,
.M01_C.bg_navy .md_txt,
.M01_C.bg_navy .btn_ty { color: #fff; }
.M01_C.bg_navy .btn_ty:after { border: 1px solid #fff; }

/* hero_bar : 확인용 */
.hero_bar {position:relative;width:100%;height:60px;padding:0 40px;background:#0a78eb;box-sizing:border-box;}
.hero_bar.bg_gr {background:#00572d;}
.hero_bar .tit_e {position:relative;color:#fff;line-height:60px;}
.hero_bar:before {position:absolute;right:-50px;top:0;width:380px;height:100%;background:linear-gradient(to right,rgba(28,255,237,1),rgba(28,255,237,0.2));transform:skew(-58deg);opacity:0.2;content:"";}

/* 20231005 클라우드 상품군 : hero_bar v1 */
.hero_bar_v1 { background-color: #eef6fc; width: 100%; margin: 0 auto; padding: 0 93px; text-align: center; }
.hero_bar_v1 .tit_e { padding: 10px 0; font-size: 16px; font-weight: normal; }

/* Cont */
.M01_C .txt { position: relative; width: auto; max-width: 1504px; margin: 0 auto; padding: 0 93px; box-sizing: border-box; z-index: 3; display: flex; justify-content: space-between; height: 100%; flex-direction: row-reverse; align-items: center; }
.M01_C .txt_inner { position: relative; max-width: 90%; padding: 80px 20px 0 0; background: #fff; box-sizing: border-box; margin-right: auto; }
.M01_C .txt.center {text-align:center;}
.M01_C .txt.center .txt_inner {margin:0 auto;}
.M01_C .txt.right {text-align:right;}
.M01_C .txt.right .txt_inner {max-width:100%;padding-left:10%;padding-right:0;}

/* img */
.M01_C .ico_img + .txt_inner {max-width:70%;}
.M01_C .ico_img { width: 100%; max-width: 500px; }
.M01_C .ico_img img { width: 100%; }

/* txt */
.M01_C .tit_b {position:relative;margin-bottom:20px;font-size:55px;line-height:76px;overflow:hidden;}
.M01_C .md_tit02 {position:relative;margin:-20px 0 20px 0;font-size:40px;font-weight:bold;line-height:62px;transition:font-size 0.4s;}
.M01_C .md_txt {position:relative;font-size:22px;line-height:34px;}
.M01_C .md_btn {margin:40px -5px 0 -5px; color:transparent; }
.M01_C .md_btn > li,
.M01_C .md_btn > span {display:inline-block;margin:0 5px;vertical-align:top;}
.M01_C .md_btn > li:first-child,
.M01_C .md_btn > span:first-child {margin-left:0;}
.M01_C .md_txt02 {margin-top:20px;}

/* Active */
.M01_C .txt .ico_img,
.M01_C .txt .md_tit,
.M01_C .txt .md_tit02,
.M01_C .txt .md_txt,
.M01_C .txt .md_btn {opacity:0;}
.M01_C .txt .md_tit span {display:block;position:relative;overflow:hidden;}
.M01_C .txt.act .md_tit {opacity:1;} 
.M01_C .txt.act .md_tit i {display:block;animation:txtTop both 0.4s 1.0s;}
.M01_C .txt.act .md_tit span:nth-child(1) i {animation-delay:0.6s;}
.M01_C .txt.act .md_tit span:nth-child(2) i {animation-delay:0.8s;}
.M01_C .txt.act .md_tit02 {animation:fade both 0.7s 0.9s;}
.M01_C .txt.act .md_tit02 + .md_txt {animation-delay:1.1s;}
.M01_C .txt.act .md_tit02 + .md_btn {animation-delay:1.3s;}
.M01_C .txt.act .md_txt {animation:fade both 0.7s 0.9s;}
.M01_C .txt.act .md_btn {animation:fade both 0.7s 1.1s;}
.M01_C .txt.act .ico_img {animation:icoHero both 0.6s 0.95s;}
.M01_C .txt.act .md_txt02 {animation:fade both 0.7s 1.3s;}

@keyframes icoHero{
    0% {transform:translateY(-3%);opacity:0;}
    100% {transform:translateY(0%);opacity:1;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M01_C + .page_indicator + .cont.bg {padding-top:50px;}
    .M01_C.cont {padding:0 0 45px 0;}

    /* hero_bar : 확인용 */
    .hero_bar {height:40px;padding:0 18px;display:none;}
    .hero_bar .tit_e {line-height:44px;}
    .hero_bar:before {width:135px;transform:skew(-51deg);}

    /* 20231005 클라우드 상품군 : hero_bar v1 */
    .hero_bar_v1 { padding: 0 30px; }
    .hero_bar_v1 .tit_e {line-height: 22px; }

    /* Cont */
    .M01_C .txt { max-width: 838px; padding: 30px 30px 0 30px; flex-direction: row; }
    .M01_C .txt_inner {max-width:100%;padding:0;}
    .M01_C .tit_b {margin-bottom:0;padding-bottom:8px;font-size:30px;line-height:44px;}
    .M01_C .md_tit02 {margin:-8px 0 8px 0;font-size:24px;line-height:36px;}
    .M01_C .md_txt {font-size:16px;line-height:26px;}
    .M01_C .md_btn {margin-top:30px;}
    .M01_C .txt.right .txt_inner {padding-left:0;}

    /* img */
    .M01_C .ico_img {display:none;}
    .M01_C .ico_img + .txt_inner {max-width:100%;}
}

@media all and (max-width:768px){
    .M01_C .md_btn > li,
    .M01_C .md_btn > span {display:block;margin:10px 0 0 0;}
    .M01_C .md_btn > li:first-child,
    .M01_C .md_btn > span:first-child {margin:0;}
    .M01_C .md_btn .btn_m {display:block;width:60%;margin:0 auto;}
    .M01_C .md_txt02 {margin-top:10px;text-align:center;}
}







/*** M01_D | Hero4 **/
.M01_D.cont {padding:0;}
.M01_D.cont .inner {max-width:inherit;padding:0;}
.M01_D.cont + .cont {padding-top:100px;}
.M01_D_cont {position:relative;min-height:510px;background:#000;overflow:hidden;}

/* M01_D_cont */
.M01_D_cont .img {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.M01_D_cont .img:before {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:10;display:none;}
.M01_D_cont .img p {position:absolute;left:0;top:0;width:100%;height:100%;}
.M01_D_cont .img .img_m {display:none;}
.M01_D_cont .txt {display:table;position:relative;width:100%;height:calc(100vh - 60px);color:#fff;z-index:11;}
.M01_D_cont .txt_inner {display:table-cell;padding:calc(27vh - 60px) 0;vertical-align:top;box-sizing:border-box;}
.M01_D_cont .txt_inner_wrap {max-width:1318px;margin:0 auto;padding:0 5.8%;box-sizing:border-box;}
.M01_D_cont .txt .md_title {width:90%;max-width:880px;margin-bottom:20px;color:#fff;font-size:44px;}
.M01_D_cont .txt .md_title span {display:block;position:relative;overflow:hidden;}
.M01_D_cont .md_title i {display:block;position:relative;}
.M01_D_cont .txt .md_tit {position:relative;width:90%;max-width:880px;margin-top:-10px;margin-bottom:20px;padding-bottom:43px;color:#fff;font-size:28px;line-height:38px;overflow:hidden;}
.M01_D_cont .txt .md_tit:after {position:absolute;left:0;bottom:0;width:54px;height:1px;background:#fff;content:"";}
.M01_D_cont .txt .md_txt {width:90%;max-width:880px;padding-left:2px;}
.M01_D_cont .txt .md_txt p {margin-top:25px;}
.M01_D_cont .txt .md_txt p:first-child {margin-top:0;}
.M01_D_cont .txt .md_txt + .md_btn {margin-top:35px;}
.M01_D_cont .txt .md_btn {margin:0 -5px; color:transparent; }
.M01_D_cont .txt .md_btn > li,
.M01_D_cont .txt .md_btn > span {display:inline-block;margin:0 5px;vertical-align:top;}

/* Active */
.M01_D_cont .md_title,
.M01_D_cont .md_tit,
.M01_D_cont .md_txt,
.M01_D_cont .md_btn {opacity:0;}
.M01_D_cont.act .img {animation:scaleBg both ease-in-out 3.2s;z-index:1;}
.M01_D_cont.act .md_title {opacity:1;}
.M01_D_cont.act .md_title i {animation:txtTop both 0.5s 0.95s;}
.M01_D_cont.act .md_title span:nth-child(1) i {animation-delay:0.4s;}
.M01_D_cont.act .md_title span:nth-child(2) i {animation-delay:0.6s;}
.M01_D_cont.act .md_title span:nth-child(3) i {animation-delay:0.8s;}
.M01_D_cont.act .md_tit {animation:fade both 0.4s 1s;}
.M01_D_cont.act .md_tit + .md_txt {animation:fade both 0.7s 1.2s;}
.M01_D_cont.act .md_tit + .md_txt + .md_btn {animation:fade both 0.7s 1.5s;}
.M01_D_cont.act .md_txt {animation:fade both 0.7s 0.9s;}
.M01_D_cont.act .md_btn {animation:fade both 0.7s 1.2s;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M01_D.cont + .cont {padding-top:50px;}
    .M01_D_cont .txt_inner {padding:60px 0;}
    .M01_D_cont .txt_inner_wrap {padding:0 30px;}
    .M01_D_cont .txt .md_title {width:100%;font-size:24px;}
    .M01_D_cont .txt .md_tit {width:100%;margin-bottom:20px;padding-bottom:20px;font-size:14px;line-height:24px;}
    .M01_D_cont .txt .md_txt {width:100%;}
    .M01_D_cont .txt .md_txt p {margin-top:20px;}
    .M01_D_cont .txt .md_txt br {display:none;}
    .M01_D_cont .txt .md_txt + .md_btn {margin-top:30px;}
}

@media all and (max-width:768px){
    .M01_D_cont .txt .md_btn > li,
    .M01_D_cont .txt .md_btn > span {display:block;margin:10px 0 0 0;}
    .M01_D_cont .txt .md_btn > li:first-child,
    .M01_D_cont .txt .md_btn > span:first-child {margin:0;}
    .M01_D_cont .txt .md_btn .btn_m {display:block;width:60%;margin:0 auto;}
}  

@media all and (max-width:600px){
    .M01_D .img .img_m {display:block;}
}

@media all and (orientation:landscape){
    .M01_D .img .img_m {display:none;}
}






/*** M01_E | full Video **/
.M01_E .M33_A{position:absolute;left:0;right:0;bottom:0;padding:30px 0;z-index:10;background: rgba( 0, 0, 0, 0.5 );}
.M01_E.cont {padding:0;}
.M01_E.cont .inner {max-width:inherit;padding:0;}
.M01_E.cont + .cont {padding-top:100px;}
.M01_E.cont + .M01_A.cont {padding-top:0;} 
.M01_E.cont + .M01_A.cont .md_visual_ico{display:none;}
.M01_E_cont {position:relative;}
.M01_E_cont {position:relative;min-height:510px;background:#fff;}
.M01_E_cont .caroufredsel_wrapper {width:100% !important;min-height:510px;}

/** M01_E | full Video Control Wrap **/
.M01_E_cont .video_control_wrap {position: absolute; right:185px; bottom: 40px;color:#fff;cursor:pointer;z-index: 13;}
.M01_E_cont .video_control_wrap p {display: inline-block;overflow: hidden;}
.M01_E_cont .video_control_wrap p button {position:relative; display: inline-block; padding: 0; outline:none; font-size:14px; color:#fff; border:1px solid #fff; transition: all 0.4s; }
.M01_E_cont .video_control_wrap p button:focus,.M01_E_cont .video_control_wrap p button:active {outline:0; padding: 0;}
.M01_E_cont .video_control_wrap p button span { position:relative; margin: 0 8px; vertical-align: middle;}
.M01_E_cont .video_control_wrap p button .blind { margin: 0;}
.M01_E_cont .video_control_wrap p button .sr_only {top:0;left:0;width: inherit;height: inherit;min-width: 40px;min-height: 40px;}
.M01_E_cont .video_control_wrap .btn_play button:before, .M01_E_cont .video_control_wrap .btn_sound button:before { content: ''; position:relative; display: inline-block; width: 40px; height: 40px; vertical-align: middle;  background-position: center center !important; transition: all 0.4s;}
.M01_E_cont .video_control_wrap .btn_play.pause button:before { background: url('https://image.samsungsds.com/module_src/images/icon/ico_kvideo_pause.png?queryString=20241210125943') no-repeat;}
.M01_E_cont .video_control_wrap .btn_play.play button:before { background: url('https://image.samsungsds.com/module_src/images/icon/ico_kvideo_play.png?queryString=20241210125943') no-repeat;}

.M01_E_cont .video_control_wrap .btn_play.play button:hover, .M01_E_cont .video_control_wrap .btn_play.play button:focus {border-color:#1C7EEE; }
.M01_E_cont .video_control_wrap .btn_play.play button:hover:before, .M01_E_cont .video_control_wrap .btn_play.play button:focus:before { background-color:#1C7EEE;  }
.M01_E_cont .video_control_wrap .btn_play.pause button:hover,.M01_E_cont .video_control_wrap .btn_play.pause button:focus {border-color:#1C7EEE; }
.M01_E_cont .video_control_wrap .btn_play.pause button:hover:before,.M01_E_cont .video_control_wrap .btn_play.pause button:focus:before { background-color:#1C7EEE; }

/** md_visual **/
.M01_E_cont .md_visual {position:relative;}
.M01_E_cont .md_visual .li {position:relative;display:block;float:left;width:100%;height:100%;min-height:510px;background:#000;box-sizing:border-box;overflow:hidden;cursor:default;}
.M01_E_cont .md_visual .li:before {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:10;}
.M01_E_cont .md_visual .li .img {position:relative;overflow:hidden;}
.M01_E_cont .md_visual .li .img p {position:absolute;left:0;top:0;width:100%;height:100%;}
.M01_E_cont .md_visual .li .img .img_m {display:none;}
.M01_E_cont .md_visual .li .img video {display:block;position:absolute;left:50%;top:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);}
.M01_E_cont .md_visual .li .txt {display:table;position:absolute;left:50%;top:0;width:calc(100% - 93px);min-height:510px;margin-left:-659px;color:#fff;z-index:11;}
.M01_E_cont .md_visual .li .txt ul,
.M01_E_cont .md_visual .li .txt .txt_inner {display:table-cell;position:relative; padding:141px 0 0 0px; box-sizing:border-box;vertical-align:top;}
.M01_E_cont .md_visual .li .txt .md_tit {position:relative;display:block;width:90%;max-width:856px;margin-bottom:29px;color:#fff;overflow:hidden;}
.M01_E_cont .md_visual .li .txt .md_tit span {display:block;position:relative;vertical-align:top;overflow:hidden;}
.M01_E_cont .md_visual .li .txt .md_tit i {display:block;position:relative;}
.M01_E_cont .md_visual .li .txt .md_txt {width:90%;max-width:856px;margin-bottom:35px;}
.M01_E_cont .md_visual .li .txt .md_btn a {margin-right:20px;}
.M01_E_cont .md_visual .li .txt .md_btn a:last-child {margin-right:0;} 
.M01_E_cont .md_visual .li .txt.color_bk ul,
.M01_E_cont .md_visual .li .txt.color_bk .md_tit {color:#000;}
.M01_E_cont .md_visual .li .txt.color_bk .md_btn a {color:#000;}
.M01_E_cont .md_visual .li .txt.color_bk .md_btn a:after {border-color:#000;}
.M01_E_cont .md_visual .li .txt.color_bk .md_btn a:hover {color:#fff;}
.M01_E_cont .md_visual .li .txt.color_bk .md_btn a:hover:after {border-color:#1C7EEE;}
.M01_E_cont .md_visual:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/* Active */
.M01_E_cont .md_visual .li.act .img {animation:scaleBg both ease-in-out 3.2s;z-index:1;}
.M01_E_cont .md_visual .li.act .txt .md_tit span {position:relative;overflow:hidden;}
.M01_E_cont .md_visual .li.act .txt .md_tit i {animation:txtTop both 0.4s 0.75s;}
.M01_E_cont .md_visual .li.act .txt .md_tit span:nth-child(1) i {animation-delay:0.2s;}
.M01_E_cont .md_visual .li.act .txt .md_tit span:nth-child(2) i {animation-delay:0.4s;}
.M01_E_cont .md_visual .li.act .txt .md_tit span:nth-child(3) i {animation-delay:0.6s;}
.M01_E_cont .md_visual .li.act .txt .md_txt {position:relative;animation:fade both 0.7s 0.7s;}
.M01_E_cont .md_visual .li.act .txt .md_btn {animation:fade both 0.7s 1s;}

/** Control **/
.M01_E_cont .md_visual_control {position:absolute;left:50%;top:calc(27vh + 11px);width:96px;margin:0 0 0 -659px;z-index:23;}

/* cube */
.M01_E_cont.cube .md_visual .li .img video { height: 100vh; padding-top: 60px;} 
.main .M01_E_cont.cube .md_visual .li .img video { height:auto; padding-top:0;}

/* md_visual_ico */
/* .M01_E .md_visual_ico { display: block; } */
.M01_E .md_visual_ico{display:none;}
.main .M01_E .md_visual_ico{display:block;}
.M01_E_cont .md_visual_ico {position:absolute;left:50%;bottom:28px;width:16px;height:24px;margin-left:-8px;border:2px solid rgba(255,255,255,0.6);border-radius:8px;box-sizing:border-box;z-index:25;}
.M01_E_cont .md_visual_ico i {position:absolute;left:50%;top:6px;width:2px;height:5px;margin-left:-1px;background:rgba(255,255,255,0.6);content:"";}
.M01_E_cont .md_visual_ico:before {position:absolute;left:50%;bottom:-30px;width:2px;height:20px;margin-left:-1px;background:rgba(255,255,255,0.6);content:"";}
.M01_E_cont .md_visual_ico:after {position:absolute;left:50%;bottom:-50px;width:2px;height:20px;margin-left:-1px;background:#000;content:"";}

@media all and (max-width:1504px){
    .M01_E_cont .md_visual .li .txt {left:93px;margin-left:0;}
    .M01_E_cont .md_visual_control {left:93px;margin-left:0;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M01_E .M33_A{position:relative;background:#000;}
    .M01_E.cont + .cont {padding-top:50px;}

    /** md_visual **/
    .M01_E_cont .md_visual .li .txt {left:0;top:0;width:100%;height:100%;margin:0;padding:140px 30px 0 30px;box-sizing:border-box;}
    .M01_E_cont .md_visual .li .txt ul,
    .M01_E_cont .md_visual .li .txt .txt_inner {padding:0;vertical-align:top;}
    .M01_E_cont .md_visual .li .txt .md_tit {width:100%;margin-bottom:20px;color:#fff;}
    .M01_E_cont .md_visual .li .txt .md_txt {width:100%;}
    .M01_E_cont .md_visual .li .txt .md_btn {position:relative; top:0; width:100%; text-align:left;}
    .M01_E_cont .md_visual .li .txt .md_btn a {margin-right:15px;}
    .M01_E_cont .video_control_wrap { right: 80px; }

    /* cube */
    .M01_E_cont.cube .md_visual .li .img video { height: 100%; padding-top: 0px;}
}

@media all and (max-width:768px){
    .main .M01_E_cont .md_visual .li .txt{padding:100px 30px 0 30px;}
    .M01_E_cont .md_visual .li .txt {padding:50px 30px 0 30px;}
    .M01_E_cont .md_visual .li .img .img_m {display:block;}
    .M01_E_cont .md_visual .li .txt .md_btn {position:absolute; top:inherit; bottom:100px; left:0; text-align:center;}
    .M01_E_cont .md_visual .li .txt .md_btn a {display:block;margin:10px 20% 0 20% !important;}
    .M01_E_cont .md_visual .li .txt .md_btn a:first-child {margin:0 20% !important;}
    .M01_E_cont.cube .md_visual .li .txt .md_btn a:first-child {margin:0 10% !important;}
    .M01_E_cont .video_control_wrap { right: 0; bottom:28px; display: inline-block; width: 100%; text-align: center; }
    .M01_E .md_visual_ico {display:none;}

    /* cube */
    .M01_E_cont.cube .md_visual .li .img_p {display:none;}
    .M01_E_cont.cube .md_visual .li .img_m {display:block; height:100%;}
    .M01_E_cont.cube .md_visual .li .img_m video  { height: 100vh; padding-top: 0px; top: 110px; }
    .M01_E_cont.cube .md_visual .li .txt .md_btn {bottom:85px;}
    .M01_E_cont.cube .video_control_wrap {bottom: 20px;}
}

@media all and (max-width:375px){
    .M01_E_cont .md_visual .li .txt .md_tit {font-size: 20px; line-height: 28px;}  
    .M01_E_cont .md_visual .li .txt .md_txt  { font-size:13px; line-height: 1.6;}
}







/*** real Summit  ***/
.c_yellow { color: #FFCA50; }
.c_mint { color: #00E7FF; font-weight: inherit; }
.c_green { color: #04A0B1 }
.c_blue { color: #2189FF; }

/* real Summi video kv(M01_E) */
.M01_E_cont.realSummit .md_visual { height: calc(100vh - var(--headerH)) !important; }
.M01_E_cont.realSummit .md_visual .txt { top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left: 0; min-height: 0; margin-top: -93px; width: 100%; max-width: 1300px; text-align: center; }
.M01_E_cont.realSummit .md_visual .txt .txt_inner { display: block; padding: 0; line-height: normal; }
.M01_E_cont.realSummit .md_visual .txt .txt_inner h1 { font-size: 70px; margin-bottom: 10px; }
.M01_E_cont.realSummit .md_visual .txt .txt_inner strong { font-size: 46px; display: block; margin-bottom: 50px; }
.M01_E_cont.realSummit .md_visual .txt .txt_inner p { font-size: 24px; }
.MP_realSummit { padding: 0 !important; }
.MP_realSummit .inner { max-width: 1300px; width: 100%; padding: 0; }
.MP_realSummit + .cont { padding-top: 0 !important; }
.M01_E_cont.realSummit .video_control_wrap { bottom: 150px; }

/* fixed_tab Tab */
.MP_realSummit .fixed_tab { position: absolute; left: 0; bottom: 0; width: 100%; height: 9.6rem; z-index: 11; }
.MP_realSummit .fixed_tab .tab_inner { width: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 11; }
.MP_realSummit .fixed_tab.fixed .tab_inner { position: fixed; left: 0; right: 0; transition: 0.2s;  }
.MP_realSummit .fixed_tab ul { max-width: 131.8rem; margin: 0 auto; display: flex; overflow: hidden; }
.MP_realSummit .fixed_tab ul li { display: inline-block; position: relative; width: 25%; min-height: 96px; text-align: center; }
.MP_realSummit .fixed_tab ul li a { display: flex; flex-direction: column; justify-content: center; height: 100%; color: #fff; font-size: 20px; font-weight: bold; line-height: normal; opacity: 0.6; transition: all ease 0.1s; }
.MP_realSummit .fixed_tab ul li a span { display: block; font-size: 15px; font-weight: normal; margin-bottom: 3px; }
.MP_realSummit .fixed_tab ul li.active a { background-color: #0B1F48; opacity: 1; }
html[lang="en"] .MP_realSummit .fixed_tab ul li:not(.active) .c_mint,
html[lang="pt"] .MP_realSummit .fixed_tab ul li:not(.active) .c_mint{color:#fff;}

/* realsummit Content */
.MP_realSummit .bg-navy { background: rgb(0, 9, 19); background: linear-gradient(90deg, rgba(0, 9, 19, 1) 0%, rgba(4, 24, 54, 1) 50%, rgba(0, 9, 19, 1) 100%); }
.MP_realSummit .bg-lightGray { background: rgb(246, 246, 246); background: linear-gradient(90deg, rgba(246, 246, 246, 1) 0%, rgba(250, 250, 250, 1) 50%, rgba(246, 246, 246, 1) 100%); }
.MP_realSummit .section0, .MP_realsummit_cont .inner { padding: 190px 0 200px 0; }
.MP_realsummit_cont .ban { display: flex; align-items: center; justify-content: space-between; flex-direction: column; }
.MP_realsummit_cont .ban .txt_wrap { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0 auto 80px auto; line-height: normal; overflow: hidden; }
.MP_realSummit .section0 .ban .txt_wrap { width: 100%; max-width: none; margin-bottom: 0; display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0 auto; line-height: normal; overflow: hidden; }
.MP_realSummit .section0 .ban .txt_wrap h2 { font-size: 46px; margin-bottom: 15px; text-align: center; }
html[lang="en"] .MP_realSummit .section0 .ban .txt_wrap h2 .br,
html[lang="pt"] .MP_realSummit .section0 .ban .txt_wrap h2 .br{display:none;}
.MP_realSummit .section0 .ban .txt_wrap .img_p { width: 100%; margin-bottom: 40px; animation: fade both 0.4s 0.1s ease-in; }
.MP_realSummit .section0 .ban.in-view .img_p .on { animation: fade both  0.4s 0.1s ease-in; }
.MP_realSummit .section0 .ban .txt_wrap .img_p .img_in { background-repeat: no-repeat; background-position: center; height: 650px; }
.MP_realSummit .section0 .ban .txt_wrap .img_p .img_in.mobile {display:none;}
.MP_realSummit .section0 .ban .txt_wrap p:nth-child(2) { font-size: 20px; line-height: 30px; margin-bottom: 10px; }
.MP_realSummit .section0 .ban .txt_wrap p:nth-child(4) { font-size: 26px; line-height: 40px; }
.MP_realSummit .section0 .ban.in-view .txt_wrap h2 { animation-delay: 0.1s; }
.MP_realSummit .section0 .ban.in-view .txt_wrap p:nth-child(2) { animation-delay: 0.3s; }
.MP_realSummit .section0 .ban.in-view .txt_wrap .img_p { animation-delay: 0.6s; }
.MP_realSummit .section0 .ban.in-view .txt_wrap p:nth-child(4) { animation-delay: 0.6s; }
.MP_realsummit_cont .ban .txt_wrap em { display: block; margin-bottom: 25px; font-size: 24px; text-align: center; font-weight: bold; }
.MP_realsummit_cont .ban .txt_wrap em span { width: auto; text-align: start; }
.MP_realsummit_cont .ban .txt_wrap span.s_txt { display: block; font-size: 20px; margin-bottom: 5px; color: #333; }
.MP_realSummit .bg-navy .ban .txt_wrap span.s_txt { color: #ccc; }
html[lang="en"] .MP_realsummit_cont .section4 .ban.in-view .txt_wrap article span,
html[lang="pt"] .MP_realsummit_cont .section4 .ban.in-view .txt_wrap article span{display:inline;}
.MP_realsummit_cont .ban .txt_wrap article { display: flex; align-items: center; margin-bottom: 15px; }
.MP_realsummit_cont .ban .txt_wrap article i { display: block; width: 100px; height: 100px; background-position: 0 0; background-repeat: no-repeat; }
.MP_realsummit_cont .ban .txt_wrap article h2 { font-size: 46px; text-align: center; margin-left: 25px; }
.MP_realsummit_cont .ban .txt_wrap h3 span, .MP_realsummit_cont .ban .txt_wrap p span { width: auto; }
.MP_realsummit_cont .ban .txt_wrap .md_btn { margin-top: 50px; }
.MP_realsummit_cont .ban .txt_wrap .md_btn a i { vertical-align: baseline; transition: all 0.4s; }
.MP_realsummit_cont .ban .txt_wrap .br { display: block; }
.MP_realsummit_cont .ban .txt_wrap .br_mo { display: none; }
.MP_realsummit_cont .ban .txt_wrap .md_btn.black a { color: #000; }
.MP_realsummit_cont .ban .txt_wrap .md_btn.black a { color: #000; }
.MP_realsummit_cont .ban .txt_wrap .md_btn.black a::after { border: 1px solid #000; }
.MP_realsummit_cont .ban .txt_wrap .md_btn.black a:hover::after { border: 1px solid #2189ff; }
.MP_realsummit_cont .ban .txt_wrap .md_btn.black a:hover .c_blue, .MP_realsummit_cont .ban .txt_wrap .md_btn a:hover i.c_blue { color: #fff; }
.MP_realSummit .bg-navy .ban .txt_wrap, .MP_realSummit .bg-navy .ban .txt_list_wrap ul { color: #fff; }
.MP_realsummit_cont .ban .txt_list_wrap { width: 100%; max-width: 650px; }
.MP_realsummit_cont .ban .txt_list_wrap ul li { background: rgba(255, 255, 255, 0.04); background: linear-gradient(90deg, rgb(255 255 255 / 4%) 0%, rgb(255 255 255 / 2%) 100%); padding: 30px 50px; border-radius: 8px; margin-bottom: 15px; }
.MP_realsummit_cont .ban .txt_list_wrap ul.gradation_invers li { background-color: rgba(0, 0, 0, 0.03); }
html[lang="en"] .MP_realsummit_cont .ban .txt_list_wrap ul li,
html[lang="pt"] .MP_realsummit_cont .ban .txt_list_wrap ul li{font-size:18px;}
html[lang="en"] .MP_realsummit_cont .ban .txt_list_wrap ul.gradation_invers li,
html[lang="pt"] .MP_realsummit_cont .ban .txt_list_wrap ul.gradation_invers li{font-size:18px; color:#B8BCC3;}
html[lang="en"] .MP_realsummit_cont .section1 .ban .txt_list_wrap ul.gradation_invers li,
html[lang="pt"] .MP_realsummit_cont .section1 .ban .txt_list_wrap ul.gradation_invers li{font-size:18px; color:#666;}
.MP_realsummit_cont .ban .txt_list_wrap ul li:last-child { margin-bottom: 0; }
.MP_realsummit_cont .ban.in-view .txt_list_wrap ul li:nth-child(1) { animation-delay: 0.1s; }
.MP_realsummit_cont .ban.in-view .txt_list_wrap ul li:nth-child(2) { animation-delay: 0.3s; }
.MP_realsummit_cont .ban.in-view .txt_list_wrap ul li:nth-child(3) { animation-delay: 0.5s; }
.MP_realsummit_cont .ban.in-view .txt_list_wrap ul li span { opacity: 0.7; display: block; }
html[lang="en"] .MP_realsummit_cont .ban.in-view .txt_list_wrap ul li span,
html[lang="pt"] .MP_realsummit_cont .ban.in-view .txt_list_wrap ul li span{display:inline;}
.MP_realsummit_cont .ban .txt_list_wrap ul li strong { font-size: 22px; display: block; }
.MP_realsummit_cont .ban .txt_list_wrap ul li strong em { font-weight: bold; }
.MP_realsummit_cont .ban .contents { width: 100%; display: flex; justify-content: space-between; }
.MP_realsummit_cont .ban .diagram_wrap { display: inline-block; text-align: center; width: auto; opacity: 1; transition: opacity 0.3s; }
.MP_realsummit_cont .ban .diagram_wrap .img { position: relative; display: inline-block; }
.MP_realsummit_cont .ban .diagram_wrap .img .img_p, .MP_realsummit_cont .ban .diagram_wrap .img .only_p { display: block; }
.MP_realsummit_cont .ban .diagram_wrap .img .img_m, .MP_realsummit_cont .ban .diagram_wrap .img .only_m { display: none; }
.MP_realsummit_cont .art .ban .txt_wrap .cont_md_btn { margin-top: 15px; }

.MP_realsummit_cont .ban .diagram_wrap .img .img_in { width: 650px; height: 400px; }
.MP_realsummit_cont .ban .diagram_wrap .img .img_in.on { opacity: 0; }
.MP_realsummit_cont .bg-navy .ban .diagram_wrap .img .img_in .imgBg_txt span { color: #fff; }
.MP_realsummit_cont .ban .diagram_wrap .img .btn_m { min-width: auto; font-size: 20px; color: #75C3FF; }
.MP_realsummit_cont .ban .diagram_wrap .img .h0 .btn_m { height: auto; padding: 8px 30px; line-height: 22px; font-size: 16px; border-radius: 40px; }
.MP_realsummit_cont .ban .diagram_wrap .img .h0 .btn_m.round:before, .MP_realsummit_cont .ban .diagram_wrap .img .h0 .btn_m.round:after { border-radius: 40px; }
.MP_realsummit_cont .ban .diagram_wrap .img .btn_m.round:after { border-color: #75C3FF; }
.MP_realsummit_cont .ban .diagram_wrap .img .btn_m:hover, .MP_realsummit_cont .ban .diagram_wrap .img .btn_m:focus { color: #fff; }
.MP_realsummit_cont .ban .hover_btn { color: #fff; width: 100%; display: flex; flex-wrap: wrap; }
.MP_realsummit_cont .ban .hover_btn li { position: relative; flex: 1; width: 33.33%; max-width: 413px; border-radius: 8px; overflow: hidden; margin: 0 15px; }
.MP_realsummit_cont .ban .hover_btn li .hover_btn_area { background-repeat: no-repeat; background-position: center; background-size: cover; height: 511px; padding-top: 40px; display: flex; flex-direction: column; align-items: center; }
.MP_realsummit_cont .ban .hover_btn li .hover_btn_area article { position: relative; text-align: center; }
.MP_realsummit_cont .ban .hover_btn li .hover_btn_area article p { font-size: 22px; font-weight: bold; }
.MP_realsummit_cont .ban .hover_btn li .hover_btn_area article .arrow_icon { position: absolute; bottom: -30px; left: 50%; margin-left: -16px; width: 32px; height: 2px; background-color: #fff; }
.MP_realsummit_cont .ban .hover_btn li .hover_btn_area article .arrow_icon::before { content: ''; position: absolute; right: 0; top: -4px; display: block; width: 10px; height: 10px; transform: rotate(45deg); border: solid #fff; border-width: 2px 2px 0 0; }

/* hover */
.MP_realsummit_cont .ban .hover_btn li .hover_btn_cont { display: none; opacity: 0; animation: fade both 0.2s 0.1s; }
.MP_realsummit_cont .ban .hover_btn li.hover .hover_btn_cont { display: flex; text-align: center; flex-direction: column; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; padding: 60px 30px; opacity: 1; }
.MP_realsummit_cont .ban .hover_btn li .hover_btn_cont h3 { font-size: 22px; margin-bottom: 15px; }
.MP_realsummit_cont .ban .hover_btn li .hover_btn_cont p { margin-bottom: 30px; }
.MP_realsummit_cont .section4 .inner:last-child { padding-top: 100px; padding-bottom: 100px; }
.MP_realsummit_cont .section4 .ban .txt_wrap article i { width: 126px; }
.MP_realsummit_cont .section6_cont { position: relative; width: 100%; }
.MP_realsummit_cont .section6_cont .logo_btn { display: flex; flex-wrap: wrap; margin: -8px; }
.MP_realsummit_cont .section6_cont .logo_btn li { position: relative; width: 50%; max-width: 642px; border-radius: 8px; margin: 8px; background: rgba(255, 255, 255, 0.04); background: linear-gradient(270deg, rgb(255 255 255 / 4%) 0%, rgb(255 255 255 / 2%) 100%); }
.MP_realsummit_cont .section6_cont .logo_btn li a { display: block; width: 100%; min-height: 380px; }
.MP_realsummit_cont .txt_section { width: 100%; min-height: 596px; display: flex; align-items: center; background-repeat: no-repeat; background-position: center; background-size: cover; }
.MP_realsummit_cont .txt_section .inner { padding-top: 120px; padding-bottom: 120px; }
.MP_realsummit_cont .txt_section .inner .ban { display: block; color: #fff; text-align: center; }
.MP_realsummit_cont .txt_section .inner .ban h2 { display: block; font-size: 70px; line-height: normal; margin-bottom: 30px; }
.MP_realsummit_cont .txt_section .inner .ban p { font-size: 46px; line-height: 60px; margin-bottom: 40px; }
.MP_realsummit_cont .txt_section .inner .ban p:last-child { margin-bottom: 0px; }

/* arrow icon */
.MP_realsummit_cont .ban .logo_btn li a .arrow_icon { position: absolute; bottom: 60px; left: 60px; display: inline-block; width: 32px; height: 2px; background-color: #fff; transition: all 0.3s; }
.MP_realsummit_cont .ban .logo_btn li a .arrow_icon::before { content: ''; position: absolute; right: 0; top: -4px; display: block; width: 10px; height: 10px; transform: rotate(45deg); border: solid #fff; border-width: 2px 2px 0 0; }
.MP_realsummit_cont .ban .logo_btn li a:hover .arrow_icon { left: 66px; }

/* btn */
.MP_realSummit .md_btn.on a { background: #0098c2; color: #fff; }
.MP_realSummit .md_btn.on .btn_ty:before, .MP_realSummit .md_btn.on.btn_ty:before, .MP_realSummit .btn_ty02:hover:before, .MP_realSummit .md_btn.on .btn_ty02:before, .MP_realSummit .md_btn.on .btn_ty03:before, .MP_realSummit .md_btn.on .btn_ty03:before { transform: translateX(0%); }
.MP_realSummit .md_btn.on .btn_ty02:after, .MP_realSummit .md_btn.on .btn_ty02:after { border-color: #0098c2; }

/* scroll animation */
.MP_realsummit_cont .ban,
.section0 .ban { opacity: 0; transition: all 500ms ease; }
.MP_realsummit_cont .ban.in-view,
.section0 .ban.in-view { opacity: 1; }

.MP_realsummit_cont .ban.in-view .img_p .on { animation: fade both 0.5s 0.1s ease-in; }
.MP_realsummit_cont .ban.in-view .txt_wrap > *, .MP_realsummit_cont .ban.in-view .txt_list_wrap ul li { animation: txtTop both 0.4s 0.75s; }
.MP_realsummit_cont .ban.in-view .txt_wrap > em { animation-delay: 0.1s; }
.MP_realsummit_cont .ban.in-view .txt_wrap article { animation-delay: 0.2s; }
.MP_realsummit_cont .ban.in-view .txt_wrap .s_txt { animation-delay: 0.4s; }
.MP_realSummit .footer_cont { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; }
.MP_realSummit .footer_cont .inner { height: 277px; display: flex; align-items: center; justify-content: center; }
.MP_realSummit .footer_cont .inner .footer_txt { color: #fff; text-align: center; }
.MP_realSummit .footer_cont .inner .footer_txt strong { display: block; font-size: 22px; margin-bottom: 30px; }

@media all and (max-width:1024px) {
    .M01_E_cont.realSummit .md_visual .txt { max-width: none; padding: 0 30px; height: auto; margin-top: -66px; }
    .MP_realSummit .fixed_tab { height: 70px; }
    .MP_realSummit .fixed_tab ul li { min-height: 70px; }
    .MP_realsummit_cont .ban .txt_wrap .br { display: inline-block; }
    .MP_realSummit .inner { width: 100%; max-width: none; padding: 0 30px; }
    .MP_realsummit_cont .inner { padding: 100px 30px; }
    .MP_realSummit .section0{ padding: 100px 0; }
    .MP_realSummit .section0 .inner { padding:0; }
    .MP_realsummit_cont .section4 .inner:last-child { padding-top: 80px; padding-bottom: 80px; }
    .MP_realSummit .ban { flex-wrap: wrap; }
    .MP_realSummit .ban .contents { flex-wrap: wrap; }
    .M01_E_cont.realSummit .md_visual .txt .txt_inner h1 { font-size: 22px; }
    .M01_E_cont.realSummit .md_visual .txt .txt_inner strong { font-size: 18px; display: block; margin-bottom: 20px; }
    .M01_E_cont.realSummit .md_visual .txt .txt_inner p { font-size: 16px; }
    .MP_realSummit .fixed_tab ul { flex-wrap: wrap; }
    .MP_realSummit .fixed_tab ul li a { font-size: 14px; }
    .MP_realSummit .fixed_tab ul li a span { font-size: 12px; margin-bottom: 5px; display: none;}
    html[lang="en"] .MP_realSummit .fixed_tab ul li a,
    html[lang="pt"] .MP_realSummit .fixed_tab ul li a{font-size:14px; line-height:18px;}
    html[lang="en"] .MP_realSummit .fixed_tab ul li a .c_mint,
    html[lang="pt"] .MP_realSummit .fixed_tab ul li a .c_mint{color:#fff;}
    html[lang="en"] .MP_realSummit .fixed_tab ul li a span,
    html[lang="pt"] .MP_realSummit .fixed_tab ul li a span{display:none;}
    html[lang="en"] .MP_realsummit_cont .ban .txt_list_wrap ul li,
    html[lang="en"] .MP_realsummit_cont .ban .txt_list_wrap ul.gradation_invers li,
    html[lang="en"] .MP_realsummit_cont .section1 .ban .txt_list_wrap ul.gradation_invers li,
    html[lang="pt"] .MP_realsummit_cont .ban .txt_list_wrap ul li,
    html[lang="pt"] .MP_realsummit_cont .ban .txt_list_wrap ul.gradation_invers li,
    html[lang="pt"] .MP_realsummit_cont .section1 .ban .txt_list_wrap ul.gradation_invers li{font-size:16px;}
    .MP_realSummit .section0 .ban .txt_wrap .img_p{margin-bottom:0;}
    .MP_realSummit .section0 .ban .txt_wrap .img_p .img_in {display:none; background-size:auto 100%; background-position:50% 50%; height:460px; max-width:360px; margin:0 auto;}
    .MP_realSummit .section0 .ban .txt_wrap .img_p .img_in.mobile{display:block;}
    .MP_realSummit .section0 .ban .txt_wrap { text-align: center; }
    .MP_realSummit .section0 .ban .txt_wrap h2 { font-size: 26px; padding:0 30px;}
    html[lang="en"] .MP_realSummit .section0 .ban .txt_wrap h2 .br,
    html[lang="pt"] .MP_realSummit .section0 .ban .txt_wrap h2 .br{display:block;}
    .MP_realSummit .section0 .ban .txt_wrap p { padding:0 30px;}
    html[lang="en"] .MP_realSummit .section0 .ban .txt_wrap p .br,
    html[lang="pt"] .MP_realSummit .section0 .ban .txt_wrap p .br{display:none;}
    .MP_realSummit .section0 .ban .txt_wrap p:nth-child(2) { font-size: 16px; line-height: 24px; }
    .MP_realSummit .section0 .ban .txt_wrap p:nth-child(4) { font-size: 16px; line-height: 24px; }
    .MP_realsummit_cont .ban .txt_wrap { min-width: 300px; width: 100%; max-width: none; margin: 0 auto 30px auto; }
    .MP_realsummit_cont .ban .txt_wrap em { display: block; margin-bottom: 15px; font-size: 18px; }
    .MP_realsummit_cont .section2 .ban .txt_wrap article h2 { font-size: 20px; }
    .MP_realsummit_cont .ban .txt_wrap article i { width: 40px; height: 40px; background-size: cover; }
    .MP_realsummit_cont .section4 .ban .txt_wrap article i { width: 56px; }
    .MP_realsummit_cont .ban .txt_wrap span.s_txt { font-size: 16px; }
    .MP_realsummit_cont .ban .diagram_wrap { width: 100%; }
    .MP_realsummit_cont .ban .diagram_wrap .img { width: 100%; margin-bottom: 20px; }
    .MP_realsummit_cont .ban .diagram_wrap .img .img_in { width: 100%; background-repeat: no-repeat; background-position: center; }
    .MP_realsummit_cont .ban .diagram_wrap .img .img_in .imgBg_txt.al_right { text-align: left; }
    .MP_realsummit_cont .ban .txt_list_wrap { max-width: none; }
    .MP_realsummit_cont .txt_section { min-height: auto; }
    .MP_realsummit_cont .txt_section .inner .ban h2 { font-size: 22px; margin-bottom: 15px; }
    .MP_realsummit_cont .txt_section .inner .ban p { font-size: 18px; line-height: normal; }
    .MP_realsummit_cont .ban .hover_btn li .hover_btn_area { display: none; }
    .MP_realsummit_cont .ban .hover_btn li .hover_btn_cont { display: flex; flex-direction: column; position: relative; padding: 30px; background-size: cover; background-position: center; }
    .MP_realSummit .footer_cont .inner .footer_txt strong { font-size: 20px; line-height: normal; }
}

@media all and (max-width:768px) {
    .MP_realsummit_cont .ban .txt_wrap .br_mo { display: block; }
    .cont.MP_realSummit { overflow: visible; }
    .MP_realSummit .fixed_tab ul li { align-items: stretch; }
    .MP_realSummit .fixed_tab ul li a { height: 100%; font-size: 13px; padding: 0px 5px; line-height: 1.2; }
    .MP_realSummit .MP_realsummit_cont .ban .diagram_wrap img { max-width: 300px; }
    .MP_realsummit_cont .ban .txt_wrap article h2 { font-size: 26px; text-align: left; margin-left: 5px; }

    /* cube section */
    .MP_realsummit_cont .ban .txt_wrap { max-width: 100%; min-width: 300px; width: 100%; word-break: inherit; text-align: left; }
    .MP_realsummit_cont .ban .txt_wrap .tit_b { margin-bottom: 15px; margin-top: 0; }
    .MP_realsummit_cont .ban .txt_wrap.tbtn { margin: 30px 0 0; }
    .MP_realsummit_cont .ban .txt_wrap .txt { margin-bottom: 5px; }
    .MP_realsummit_cont .ban .txt_wrap .md_btn { margin-top: 30px; }
    .MP_realSummit .diagram_wrap .diagram { display: block; width: 100%; }
    .MP_realsummit_cont .ban .hover_btn li { flex: none; width: 100%; max-width: none; margin: 0 0 10px 0; }
    .MP_realsummit_cont .ban .hover_btn li:last-child { margin-bottom: 0; }

    /* animation */
    @keyframes cubeScaleMo {
        0% { transform: scale(0.45); opacity: 1; }
        50% { transform: scale(0.6); opacity: 1; }
        100% { transform: scale(0.45); opacity: 1; }
    }
    @keyframes cubeScaleMo2 {
        0% { transform: scale(0.5); opacity: 1; }
        50% { transform: scale(0.6); opacity: 1; }
        100% { transform: scale(0.5); opacity: 1; }
    }
}

@media all and (max-width:650px) {
    .MP_realsummit_cont .ban .diagram_wrap .img .img_in { height: auto; max-height: 350px; background-repeat: no-repeat; background-position: center; background-size: contain; }
    .MP_realsummit_cont .ban .diagram_wrap .img .img_in::before { content: ''; display: block; width: 100%; padding-bottom: 60%; }
    .MP_realsummit_cont .ban .diagram_wrap .img .img_in .imgBg_txt { font-size: 16px; }
    .MP_realsummit_cont .ban .diagram_wrap .img .img_in .imgBg_txt span { font-size: 14px; margin-bottom: 0; }
    .MP_realsummit_cont .ban .txt_list_wrap ul li { padding: 20px; margin-bottom: 10px; }
    .MP_realsummit_cont .ban .txt_list_wrap ul li strong { font-size: 16px; }

    html[lang="en"] .MP_realsummit_cont .ban .txt_list_wrap ul li,
    html[lang="en"] .MP_realsummit_cont .ban .txt_list_wrap ul.gradation_invers li,
    html[lang="en"] .MP_realsummit_cont .section1 .ban .txt_list_wrap ul.gradation_invers li,
    html[lang="pt"] .MP_realsummit_cont .ban .txt_list_wrap ul li,
    html[lang="pt"] .MP_realsummit_cont .ban .txt_list_wrap ul.gradation_invers li,
    html[lang="pt"] .MP_realsummit_cont .section1 .ban .txt_list_wrap ul.gradation_invers li{font-size:14px;}
    html[lang="en"] .MP_realsummit_cont .ban .txt_wrap article,
    html[lang="pt"] .MP_realsummit_cont .ban .txt_wrap article{flex-direction:column;}
    html[lang="en"] .MP_realsummit_cont .ban .txt_wrap article h2,
    html[lang="pt"] .MP_realsummit_cont .ban .txt_wrap article h2{text-align:center;}
}







/*** M99_E4 | cloudBrand **/
.cloudWrap .txt_col { color: #3566D8 }
.cloudWrap .txt_col_red { color: #f00 }
.cloudWrap .img_m { display: none; }
.cloudWrap .only-mo { display: none; }

/* 2023-04 접근성 수정 시작 */
.cloudBrand_cont .slider_cont .slick-slide .btn_comm { display: block; }
.cloudBrand_cont .slider_cont .slick-slide .txt_comm { display: none; }
/* // 2023-04 접근성 수정 끝 */

/* 동영상 kv */
.cloudWrap .cont.M01_E { padding: 0 !important; }
.cloudWrap .M01_E_cont .md_visual { height: 100vh; max-height: 560px; }
.cloudWrap .M01_E_cont .md_visual .li { min-height: auto; }
.cloudWrap .M01_E_cont .md_visual .li.act .img { animation: none; height: 100%; }
.cloudWrap .M01_E_cont .md_visual .txt { width: 100%; top: 0; left: 0; margin: 0; height: 100%; min-height: auto; display: flex; align-items: center; }
.cloudWrap .M01_E_cont .md_visual .txt .txt_inner { max-width: 1504px; width: 100%; margin: 0 auto; padding: 0 93px; }
.cloudWrap .M01_E_cont .md_visual .txt .txt_inner .md_tit { width: auto; margin-bottom: 40px; max-width: none; font-size: 32px; line-height: 48px; animation: fade both 0.4s 0.75s; }
.cloudWrap .M01_E_cont .md_visual .txt .txt_inner .md_txt { margin-bottom: 40px; }
.cloudWrap .M01_E_cont .md_visual .txt .txt_inner .md_txt span { display: block; }
.cloudWrap .M01_E_cont .md_visual .txt .txt_inner .md_txt span.m_txt { font-size: 32px; margin-bottom: 5px; font-weight: 600; }
.cloudWrap .M01_E_cont .md_visual .txt .txt_inner .md_txt span.s_txt { font-size: 24px; line-height: 38px; }
.cloudWrap .M01_E_cont .md_visual .li.act .txt .md_btn a { margin-right: 15px; font-size: 18px; }
.cloudWrap .M01_E_cont .md_visual .li.act .txt .md_btn a:hover, .cloudWrap .M01_E_cont .md_visual .li.act .txt .md_btn a:focus { color: #000; }
.cloudWrap .M01_E_cont .md_visual .li.act .txt .md_btn a::before { background-color: #fff; }
.cloudWrap .M01_E_cont .md_visual .li.act .txt .md_btn a:hover:after, .cloudWrap .M01_E_cont .md_visual .li.act .txt .md_btn a:focus:after { border-color: #fff; }
.cloudWrap .M01_E_cont .video_control_wrap .btn_play.play button:hover, .cloudWrap .M01_E_cont .video_control_wrap .btn_play.play button:focus, .cloudWrap .M01_E_cont .video_control_wrap .btn_play.pause button:hover, .cloudWrap .M01_E_cont .video_control_wrap .btn_play.pause button:focus { border-color: #3566D8; }
.cloudWrap .M01_E_cont .video_control_wrap .btn_play.play button:hover:before, .cloudWrap .M01_E_cont .video_control_wrap .btn_play.play button:focus:before, .cloudWrap .M01_E_cont .video_control_wrap .btn_play.pause button:hover:before, .cloudWrap .M01_E_cont .video_control_wrap .btn_play.pause button:focus:before { background-color: #3566D8; }
/* //동영상 kv */

/* 고객 사례 보기 M06_E 하드코딩 */
.cloudWrap .M06_E .inner .txt { margin-bottom: 30px; }
.cloudWrap .M06_E .inner .txt h3 { margin-bottom: 20px; }
/* //고객 사례 보기 M06_E 하드코딩 */

/* banner슬라이드 고객 사례 보기 */
.banner_slide .inner { max-width: inherit; padding: 0px; padding-bottom: 20px; }
.banner_slide .inner .txt { position: relative; max-width: 1504px; margin: 0 auto 30px auto; padding: 0 93px; }
.banner_slide .inner .txt .tit_m { margin-bottom: 20px; }
.banner_slide .inner .txt a { font-size: 22px; }
.banner_slide .banner_slide_wrap .banner_slider_cont .item { display: flex; width: 238px; min-height: 122px; margin: 0 12px; }
.banner_slide .banner_slide_wrap .banner_slider_cont .item .link_box { position: relative; overflow: hidden; display: block; width: 100%; border: 1px solid #EAEAEA; color: #000; box-sizing: border-box; transition: all 0.3s; }
.bg .banner_slide_wrap .banner_slider_cont .item .link_box { background-color: #fff; }
.banner_slide .banner_slide_wrap .banner_navigation { position: absolute; right: 93px; left: 0; top: 70px; z-index: 2; width: 200px; max-width: 1504px; height: 30px; display: flex; align-items: center; justify-content: space-between; margin-left: auto; }
.banner_slide .banner_slide_wrap .banner_navigation .carousel-pagn { width: auto; display: flex; align-items: center; height: 30px; }
.banner_slide .banner_slide_wrap .banner_navigation .carousel-pagn-inner { width: 155px; font-size: 16px; line-height: normal; height: auto; padding: 0px 30px; }
.banner_slide .banner_slide_wrap .banner_navigation .carousel-pagn button { position: absolute; display: block; float: left; overflow: hidden; top: 0; width: 30px; height: 30px; background: transparent; border: 0; box-sizing: border-box; transition: all 0.4s; webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.banner_slide .banner_slide_wrap .banner_navigation .carousel-pagn button::after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.banner_slide .banner_slide_wrap .banner_navigation .carousel-pagn .carousel-prev { left: 0; }
.banner_slide .banner_slide_wrap .banner_navigation .carousel-pagn .carousel-next { right: 0; }
.banner_slide .banner_slide_wrap .banner_navigation .carousel-pagn .carousel-prev::after { margin: -3px 0 0 -2px; transform: rotate(-135deg); }
.banner_slide .banner_slide_wrap .banner_navigation .carousel-pagn .carousel-next::after { margin: -3px 0 0 -5px; transform: rotate(45deg); }
.banner_slide .banner_slide_wrap .banner_navigation .md_play { border: 1px solid #000; border-radius: 50%; transition: all 0.4s; }
.banner_slide .banner_slide_wrap .banner_navigation .md_play a { display: block; position: relative; width: 28px; height: 28px; overflow: hidden; outline: none; }
.banner_slide .banner_slide_wrap .banner_navigation .md_play.on .md_btn_stop, .banner_slide .banner_slide_wrap .banner_navigation .md_play .md_btn_play { display: none; }
.banner_slide .banner_slide_wrap .banner_navigation .md_play .md_btn_stop, .banner_slide .banner_slide_wrap .banner_navigation .md_play.on .md_btn_play { display: block; }
.banner_slide .banner_slide_wrap .banner_navigation .md_play .md_btn_play::before { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ""; transform: translate(-50%, -50%); transition: all 0.4s; }
.banner_slide .banner_slide_wrap .banner_navigation .md_play .md_btn_stop::after, .banner_slide .banner_slide_wrap .banner_navigation .md_play .md_btn_stop::before { position: absolute; background-color: #000; content: ""; transition: all 0.4s; width: 2px; height: 10px; top: 9px; }
.banner_slide .banner_slide_wrap .banner_navigation .md_play .md_btn_stop::before { left: 11px; }
.banner_slide .banner_slide_wrap .banner_navigation .md_play .md_btn_stop::after { left: 16px; }
/* //banner슬라이드 고객 사례 보기 */

/* 클라우드 브랜드 아티클 1 */
.cloudWrap .cloudBrand_article_cont1 section { margin-top: 40px; }
.cloudWrap .cloudBrand_article_cont1 section ul { display: flex; justify-content: space-between; margin: 0 -15px; }
.cloudWrap .cloudBrand_article_cont1 section ul li { text-align: center; background-color: #fff; width: 33%; margin: 0 15px; max-width: 420px; min-width: 239px; padding: 20px; border: 1px solid #ddd; }
.cloudWrap .cloudBrand_article_cont1 section ul li .item { display: flex; flex-direction: column; height: 100%; }
.cloudWrap .cloudBrand_article_cont1 section ul li .item article { height: 100%; border-bottom: 1px dotted #ddd; margin-bottom: 16px; padding-bottom: 16px; }
.cloudWrap .cloudBrand_article_cont1 section ul li .item article span { display: inline-flex; font-size: 16px; color: #3566D8; border: 1px solid #3566D8; border-radius: 50px; height: 35px; padding: 0 20px; align-items: center; margin-bottom: 13px; }
.cloudWrap .cloudBrand_article_cont1 section ul li .item article h3 { font-size: 22px; font-weight: normal; line-height: 34px; margin-bottom: 4px; }
.cloudWrap .cloudBrand_article_cont1 section ul li .item article strong { font-size: 30px; line-height: 34px; }
.cloudWrap .cloudBrand_article_cont1 section ul li .item p { height: 100%; display: flex; align-items: center; justify-content: center; }
.cloudWrap .cloudBrand_article_cont1 section ul li .item p .logo { margin-right: 16px; }
.cloudWrap .cloudBrand_article_cont1 section ul li .item p .ingoTxt { font-size: 14px; line-height: 22px; text-align: left; color: #666; }
/* //클라우드 브랜드 아티클 1 */

/* 클라우드 브랜드 아티클 3 */
.cloudWrap .cloudBrand_article_cont3 ul { display: flex; flex-wrap: wrap; margin: 40px -16px 0 -16px; }
.cloudWrap .cloudBrand_article_cont3 ul li { position: relative; min-height: 398px; outline: 1px solid #ddd; flex: 1; margin: 0 16px; background-position: center bottom; background-repeat: no-repeat; background-size: 100%; }
.cloudWrap .cloudBrand_article_cont3 ul li span { width: 100px; height: 100px; background-position: 0 0; background-repeat: no-repeat; top: -4px; left: -4px; clip: unset; clip-path: none; z-index: auto; }
.cloudWrap .cloudBrand_article_cont3 ul li:nth-child(1) span { background-image: url('https://image.samsungsds.com/kr/samsung-cloud-platform/num1.png?queryString=20241210125943'); }
.cloudWrap .cloudBrand_article_cont3 ul li:nth-child(2) span { background-image: url('https://image.samsungsds.com/kr/samsung-cloud-platform/num2.png?queryString=20241210125943'); }
.cloudWrap .cloudBrand_article_cont3 ul li:nth-child(3) span { background-image: url('https://image.samsungsds.com/kr/samsung-cloud-platform/num3.png?queryString=20241210125943'); }
.cloudWrap .cloudBrand_article_cont3 ul li p { padding: 50px 20px 0 20px; font-size: 20px; line-height: 30px; letter-spacing: -1px; text-align: center; }
/* //클라우드 브랜드 아티클 3 */

/* 비디오 컨텐츠 */
.cloudWrap .cloudBrand_video_cont .slick-slide:not(.slick-active) .video_cont:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; content: ''; }
.cloudWrap .cloudBrand_video_cont .slick-slide .video_cont .md_link .img, 
.cloudWrap .cloudBrand_video_cont .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .video_cont .md_link .img { opacity: 0.3; transition: opacity 0.3s ease-in-out; }
.cloudWrap .cloudBrand_video_cont .slick-center .video_cont .md_link .img, 
.cloudWrap .cloudBrand_video_cont .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .video_cont .md_link .img { opacity: 1; }
.cloudWrap .cloudBrand_video_cont .slick-slide .video_cont .md_link:before, 
.cloudWrap .cloudBrand_video_cont .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .video_cont .md_link:before { background: rgba(0, 0, 0, 0.6); transition: all 0.3s ease-in-out; }
.cloudWrap .cloudBrand_video_cont .slick-center .video_cont .md_link:before, 
.cloudWrap .cloudBrand_video_cont .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .video_cont .md_link:before { background: rgba(0, 0, 0, 0.46); }
.cloudWrap .cloudBrand_video_cont .video_cont { position: relative; overflow: hidden; max-height: 660px; margin-top: 40px; }
.cloudWrap .cloudBrand_video_cont .video_cont:before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 50%; }
.cloudWrap .cloudBrand_video_cont .video_cont iframe { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.cloudWrap .cloudBrand_video_cont .md_link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.cloudWrap .cloudBrand_video_cont .md_link .img_m { display: none; }
.cloudWrap .cloudBrand_video_cont .img img { width: 100%; }
.cloudWrap .cloudBrand_video_cont .video_cont .md_link { width: 100%; }
.cloudWrap .cloudBrand_video_cont .video_cont .md_link:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.46); transition: all 0.3s ease-in-out; content: ""; z-index: 1; }
.cloudWrap .cloudBrand_video_cont .video_cont .btn_movie { left: 50%; top: 50%; transform: translate(-51%, -52%); z-index: 2; }
.cloudWrap .cloudBrand_video_cont .md_link .img_p, 
.cloudWrap .cloudBrand_video_cont .md_link .img_m { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; transition: none; }
.cloudWrap .cloudBrand_video_cont .md_link:hover .img_p, 
.cloudWrap .cloudBrand_video_cont .md_link:hover .img_m,
.cloudWrap .cloudBrand_video_cont .md_link:focus .img_p, 
.cloudWrap .cloudBrand_video_cont .md_link:focus .img_m { transform: none; }
.cloudWrap .cloudBrand_video_cont .video_cont .md_link:hover .btn_movie:before, 
.cloudWrap .cloudBrand_video_cont .video_cont .md_link:focus .btn_movie:before { transform: translateX(0); }
.cloudWrap .cloudBrand_video_cont .video_cont .md_link:hover .btn_movie:after, 
.cloudWrap .cloudBrand_video_cont .video_cont .md_link:focus .btn_movie:after { border-left-color: #fff; }
/* //비디오 컨텐츠 */

/* 띠 배너 컨텐츠 */
.cloudWrap .cont.cloudBrand_ban { width: 100%; background-image: url('https://image.samsungsds.com/kr/samsung-cloud-platform/cloudBrand_bannerBG_01.png?queryString=20241210125943'); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 0; }
.cloudWrap .cloudBrand_ban .inner { height: 207px; display: flex; align-items: center; }
.cloudWrap .cloudBrand_ban .inner h3 { color: #fff; }
/* //띠 배너 컨텐츠 */

/* 띠 배너 컨텐츠 v1 */
.cloudWrap .cloudBrand_ban_type1 { position: absolute; bottom: -80px; right: 0; z-index: 1; width: 800px; height: 160px; display: flex; align-items: center; background-image: url('https://image.samsungsds.com/kr/samsung-cloud-platform/cloudBrand_bannerBG_01_pc.png?queryString=20241210125943'); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 0px 0px 0px 80px; }
.cloudWrap .cloudBrand_ban_type1 .inner { margin: 0; padding: 0; }
.cloudWrap .cloudBrand_ban_type1 .inner h3 { color: #fff; font-size: 24px; line-height: 40px; }
.cloudWrap .cloudBrand_ban_type1 .inner p em { margin-right: 10px; }
.cloudWrap .cloudBrand_ban_type1 .inner p a { color: #fff; }
.cloudWrap .cloudBrand_ban_type1 .inner p a.btn_arrow span:after { border-color: #fff; }
.cloudBrand_slide_cont.cont+.cont.bg { padding-top: 160px; }
/* //띠 배너 컨텐츠 v1 */

/* 슬라이드 컨텐츠 */
.cont.cloudBrand_slide_cont { overflow: visible; padding: 100px 0 120px 0; }
.cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont { position: relative; display: flex; justify-content: space-between; width: 100%; margin-top: 40px; }

/* slide nav */
.cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .title_slide { width: 50%; max-width: 528px; border-top: 2px solid #000; }
.cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .title_slide .slide { border-bottom: 1px solid #ddd; padding: 41px 10px; }
.cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .title_slide .slide a, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .title_slide .slide .txt_comm { font-size: 20px; line-height: 30px; letter-spacing: -1px; color: #000; }
.cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .title_slide .slide a:hover { font-weight: bold; }
.cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont.align-left { flex-direction: row-reverse; }
.cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont.align-left .images_slide { margin-right: auto; margin-left: 0; }
/* //slide nav */

/* slider view */
.cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .images_slide { width: 57%; max-width: 750px; margin-left: auto; }
.cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .images_slide .img img { width: 100%; }
/* //slide view */
.cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation { display: none; }
/* //슬라이드 컨텐츠 */

/* 클라우드 브랜드 아티클 2 */
.cloudWrap .cloudBrand_article_cont2 .article2_wrap { margin-top: 40px; display: flex; justify-content: space-between; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont { width: 33%; max-width: 430px; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont h4 { text-align: center; color: #fff; font-size: 22px; padding: 23px 0; margin-bottom: 32px; border-radius: 50px; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont:nth-child(1) h4 { background: linear-gradient(45deg, #2D86EB, #395FB7); }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont:nth-child(2) h4 { background: linear-gradient(45deg, #395FB7, #213665); }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont:nth-child(3) h4 { background: linear-gradient(45deg, #213665, #121D37); }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul { padding: 0 10px; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li { border-bottom: 1px dotted #ddd; margin-bottom: 24px; padding-bottom: 24px; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a { position: relative; display: flex; align-items: flex-start; transition: all 0.4s; color: #000; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a .title_txt { width: 130px; min-width: 130px; font-size: 20px; line-height: 26px; font-weight: bold; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a .text_txt { font-size: 18px; line-height: 28px; width: 60%; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a i { content: ''; position: absolute; top: 50%; right: 0; margin-top: -15px; overflow: hidden; width: 30px; height: 30px; border: 1px solid #aaa; border-radius: 50%; box-sizing: border-box; outline: none; transition: all 0.4s; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a i::after { content: ''; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #aaa; border-width: 1px 1px 0 0; box-sizing: border-box; margin: -3px 0 0 -5px; transform: rotate(45deg); transition: all 0.4s; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a i::before { content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-color: #2189FF; border-radius: 50%; transform: translateX(-100%); transition: all 0.4s; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a:hover .title_txt { color: #2189FF; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a:hover .text_txt { color: #000; font-weight: bold; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a:hover i { background-color: #2189FF; border-color: #2189FF }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a:hover i::after { border-color: #fff; }
.cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a:hover i::before { transform: translateX(0); }
/* //클라우드 브랜드 아티클 2 */

/* cloudBrand_message */
.cloudWrap .cloudBrand_message { width: 100%; background-image: url('https://image.samsungsds.com/kr/samsung-cloud-platform/cloudBrand_bg_01.jpg?queryString=20241210125943'); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 100px 0; color: #fff; }
.cloudWrap .cloudBrand_message .txt p { margin-bottom: 25px; font-size: 26px; line-height: 40px; }
.cloudWrap .cloudBrand_message .txt p span { font-size: 30px; }
.cloudWrap .cloudBrand_message a { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 768px; margin: 60px auto 0 auto; height: 100px; font-size: 28px; line-height: 48px; border-radius: 100px; }
.cloudWrap .cloudBrand_message a::after { border: 2px solid #fff; border-radius: 100px; }
.cloudWrap .cloudBrand_message a:hover::after { border: 2px solid #2189ff; }
.cloudWrap .cloudBrand_message a:before { border-radius: 100px; }
html[lang="en"] .cloudWrap .cloudBrand_message a { font-size: 22px; }
/* //cloudBrand_message */

/* bottom bannner */
.cloudWrap .md_inquiry .list .visual_img .img_p { background-size: cover; background-position: center center; background-repeat: no-repeat; }

@media all and (max-width:1450px) {
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .title_slide, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont.align-left .title_slide { width: 48%; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .images_slide, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont.align-left .images_slide { width: 48%; }
}

@media all and (max-width:1380px) {
    .cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a .title_txt { width: 100px; min-width: 100px; }
}

@media all and (max-width:1200px) {
    .cloudWrap .cloudBrand_message a { height: auto; padding: 15px; font-size: 20px; line-height: 32px; margin-top: 30px; }
    html[lang="en"] .cloudWrap .cloudBrand_message a { font-size: 18px; }
}

@media all and (max-width:1023px) {
    .cloudWrap .img_p { display: none; }
    .cloudWrap .img_m { display: block; }
    .cloudWrap .only-pc { display: none; }

    /* 2023-04 접근성 수정 시작 */
    .cloudBrand_cont .slider_cont .slick-slide .btn_comm, .cloudBrand_cont .slider_cont .slick-slide .txt_comm { display: none; }
    .cloudBrand_cont .slider_cont .slick-slide.active .btn_comm { display: none; }
    .cloudBrand_cont .slider_cont .slick-slide.active .txt_comm { display: block; }
    /* // 2023-04 접근성 수정 끝 */

    /* 동영상 kv */
    .cloudWrap .M01_E_cont .md_visual .li .img p { display: block !important; }
    .cloudWrap .M01_E_cont .md_visual .txt { padding-top: 140px; align-items: flex-start; }
    .cloudWrap .M01_E_cont .md_visual .txt .txt_inner { padding: 0; margin-top: 0; }
    .cloudWrap .M01_E_cont .md_visual .txt .txt_inner .md_tit { font-size: 24px; margin-bottom: 25px; line-height: 34px; }
    .cloudWrap .M01_E_cont .md_visual .txt .txt_inner .md_txt { margin-bottom: 0px; }
    .cloudWrap .M01_E_cont .md_visual .txt .txt_inner .md_txt span.m_txt { font-size: 24px; }
    .cloudWrap .M01_E_cont .md_visual .txt .txt_inner .md_txt span.s_txt { font-size: 14px; line-height: 24px; }
    .cloudWrap .M01_E_cont .md_visual .li.act .txt .md_btn a { margin: 0 auto 10px auto !important; width: 195px; }
    .cloudWrap .M01_E_cont .md_visual .li.act .txt .md_btn a:last-child { margin-bottom: 0 !important; }
    /* //동영상 kv */

    /* banner슬라이드 고객 사례 보기 */
    .banner_slide .inner { padding-bottom: 0; }
    .banner_slide .inner .txt { max-width: none; padding: 0 30px; }
    .banner_slide .inner .txt a { font-size: 14px; }
    .banner_slide .banner_slide_wrap { display: flex; flex-direction: column-reverse; }
    .banner_slide .banner_slide_wrap .banner_navigation { position: relative; margin-top: 30px; padding: 0 30px; width: 100%; top: auto; bottom: 0; }
    .banner_slide .banner_slide_wrap .banner_navigation .carousel-pagn { right: 0; left: 0; margin: 0 auto; width: 100%; }
    .banner_slide .banner_slide_wrap .banner_navigation .carousel-pagn-inner { width: 100%; font-size: 14px; line-height: 14px; }
    .banner_slide .banner_slide_wrap .banner_navigation .carousel-pagn-inner .carousel-pagn-bar { width: calc(100% - 110px); }
    .banner_slide .banner_slide_wrap .banner_navigation .md_play { display: none; }
    /* //banner슬라이드 고객 사례 보기 */

    /* 클라우드 브랜드 아티클 1 */
    .cloudWrap .cloudBrand_article_cont1 section { margin-top: 20px; }
    .cloudWrap .cloudBrand_article_cont1 section ul { flex-direction: column; margin: 0; }
    .cloudWrap .cloudBrand_article_cont1 section ul li { width: 100%; margin: 0 0 15px 0; max-width: none; min-width: auto; }
    .cloudWrap .cloudBrand_article_cont1 section ul li .item article span { font-size: 16px; height: 30px; margin-bottom: 12px; }
    .cloudWrap .cloudBrand_article_cont1 section ul li .item article h3 { font-size: 18px; margin-bottom: 0; }
    .cloudWrap .cloudBrand_article_cont1 section ul li .item article { margin-bottom: 12px; padding-bottom: 12px; }
    .cloudWrap .cloudBrand_article_cont1 section ul li .item article strong { font-size: 24px; }
    .cloudWrap .cloudBrand_article_cont1 section ul li .item p { flex-direction: column; }
    .cloudWrap .cloudBrand_article_cont1 section ul li .item p .logo { margin-right: 0px; }
    .cloudWrap .cloudBrand_article_cont1 section ul li .item p .ingoTxt { text-align: center; }
    /* //클라우드 브랜드 아티클 1 */

    /* 클라우드 브랜드 아티클 3 */
    .cloudWrap .cloudBrand_article_cont3 ul { flex-direction: column; margin: 20px 0 0 0; }
    .cloudWrap .cloudBrand_article_cont3 ul li { width: 100%; margin: 0 0 20px 0; background-size: 65%; }
    .cloudWrap .cloudBrand_article_cont3 ul li:last-child { margin-bottom: 0; }
    .cloudWrap .cloudBrand_article_cont3 ul li p { font-size: 16px; line-height: 26px; padding: 25px 40px 0 40px; }
    /* //클라우드 브랜드 아티클 3 */

    /* 비디오 컨텐츠 */
    .cloudWrap .cloudBrand_video_cont .video_cont { margin-top: 20px; }
    .cloudWrap .cloudBrand_video_cont .video_cont .img_p { display: block; }
    /* //비디오 컨텐츠 */

    /* 띠 배너 컨텐츠 */
    .cloudWrap .cloudBrand_ban .inner { height: 109px; }
    /* //띠 배너 컨텐츠 */

    /* 띠 배너 컨텐츠 v1 */
    .cloudWrap .cloudBrand_ban_type1 { background-image: url('https://image.samsungsds.com/kr/samsung-cloud-platform/cloudBrand_bannerBG_01_mo.png?queryString=20241210125943'); position: relative; bottom: 0; left: 0; margin-top: 40px; padding: 0; height: 214px; width: 100%; justify-content: center; }
    .cloudWrap .cloudBrand_ban_type1 .inner { text-align: center; }
    .cloudWrap .cloudBrand_ban_type1 .inner h3 { font-size: 22px; line-height: 34px; margin-bottom: 5px; }
    .cloudWrap .cloudBrand_ban_type1 .inner h3 span { display: block; }
    .cloudWrap .cloudBrand_ban_type1 .inner p { display: flex; flex-direction: column; }
    .cloudWrap .cloudBrand_ban_type1 .inner p em { margin-right: 0; margin-bottom: 15px; }
    /* //띠 배너 컨텐츠 v1 */

    /* 슬라이드 컨텐츠 */
    .cont.cloudBrand_slide_cont { padding: 50px 0 0px 0; }
    .cont.bg+.cloudBrand_slide_cont.cont { padding-bottom: 0; }
    .cloudBrand_slide_cont.cont+.cont.bg { padding-top: 40px; padding-bottom: 60px; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont { margin-top: 20px; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont.align-left { flex-direction: column-reverse; height: auto; display: flex; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .images_slide, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont.align-left .images_slide, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .title_slide, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont.align-left .title_slide { width: 100%; max-width: none; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .title_slide { order: 1; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .title_slide .slick-list { height: auto !important; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .images_slide { order: 2; margin-bottom: 20px; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation { order: 0; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .title_slide { border-top: 0; margin-bottom: 30px; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .title_slide .slide { border-bottom: 0; padding: 0px 10px; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .title_slide .slide a, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .title_slide .slide .txt_comm { font-size: 16px; line-height: 26px; font-weight: bold; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .images_slide .slick-list { overflow: inherit !important; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .images_slide .img .img_p { display: block !important; margin: 0 10px 0 10px; }

    /* slide controler */
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation { display: block; position: relative; padding: 0; width: 100%; top: auto; bottom: 0; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slick-counter { position: relative; width: calc(100% - 70px); margin: 0 auto; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slick-counter .progress { position: absolute; right: 0; top: 0; left: 0; width: 100%; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slick-counter .total { float: right; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slick-counter .total:before { display: none; padding: 0 2px; content: '/'; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slick-counter .progress { overflow: hidden; height: 2px; position: absolute; background-color: #CCC; background-image: linear-gradient(to right, black, black); background-repeat: no-repeat; transition: background-size .4s ease-in-out; border-radius: 10px; vertical-align: middle; top: 50%; left: 50%; transform: translate(-50%, -50%); float: inherit; width: calc(100% - 60px); margin: 0; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slick-counter .first, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slick-counter .current, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slick-counter .total { font-size: 14px; line-height: 30px; }

    /* slick arrow */
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con { width: 100%; position: absolute; right: auto; bottom: 0; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con button { display: block; position: relative; width: 30px; height: 30px; background: 0 0; box-sizing: border-box; overflow: hidden; outline: none; transition: all 0.4s; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con button.prev { float: left; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con button.next { float: right; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con button.prev:before, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con button.next:before { transform: translateX(-100%); transition: all 0.4s; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con button.prev:hover:before, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con button.next:hover:before { transform: translateX(0); }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con button.prev:after, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con button.next:after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con button.prev:after { margin: -3px 0 0 -2px; transform: rotate(-135deg); }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con button.next:after { margin: -3px 0 0 -5px; transform: rotate(45deg); }
    .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con button.prev:hover:after, .cloudBrand_slide_cont .inner .cloudBrand_cont .slider_cont .navigation .slickArrow_con button.next:hover:after { border-color: #2189FF; }
    /* //슬라이드 컨텐츠 */

    /* 클라우드 브랜드 아티클 2 */
    .cloudWrap .cloudBrand_article_cont2 .article2_wrap { margin-top: 20px; flex-direction: column; }
    .cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont { max-width: none; width: 100%; margin-bottom: 30px; }
    .cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont:last-child { margin-bottom: 0; }
    .cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont h3 { font-size: 20px; padding: 18px 0; margin-bottom: 20px; }
    .cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li { margin-bottom: 20px; padding-bottom: 20px; }
    .cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a { flex-direction: column; }
    .cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a .title_txt { width: auto; min-width: auto; font-size: 18px; }
    .cloudWrap .cloudBrand_article_cont2 .article2_wrap .article2Cont ul li a .text_txt { font-size: 16px; line-height: 26px; width: 85%; margin-top: 5px; }
    /* //클라우드 브랜드 아티클 2 */

    /* cloudBrand_message */
    .cloudWrap .cloudBrand_message { padding-top: 40px; padding-bottom: 80px; height: auto; }
    .cloudWrap .cloudBrand_message .txt p { margin-bottom: 10px; font-size: 16px; line-height: 26px; }
    .cloudWrap .cloudBrand_message .txt p span { font-size: 16px; }
    /* //cloudBrand_message */

    /* bottom bannner */
    .cloudWrap .md_inquiry .list .visual_img .img_p { display: block !important; }
}

@media all and (max-width:768px) {
    .cloudWrap .only-mo { display: block; }
    /* 동영상 kv */
    .cloudWrap .M01_E_cont .md_visual .txt .txt_inner { height: 100%; }
    .cloudWrap .M01_E_cont .md_visual .txt { padding-top: 50px; }
    .cloudWrap .M01_E_cont .md_visual .li .txt .md_btn { position: absolute; top: inherit; bottom: 100px; left: 0; text-align: center; }
}

@media all and (max-width:450px) {
    .cloudWrap .M01_E_cont .md_visual .li.act .txt .md_tit span { display: inline-block; }
    .cloudWrap .cloudBrand_message a { padding: 10px; font-size: 18px; line-height: 28px; }

    /* 클라우드 브랜드 아티클 3 */
    .cloudWrap .cloudBrand_article_cont3 ul li { min-height: 286px; background-size: 100%; }
    /* //클라우드 브랜드 아티클 3 */
}









/*** M01_F | Hero1 **/
/* 풀페이지 필수 overflow : hidden 걸리면 안됨*/
.M01_F.cont { padding: 0; }
.M01_F.cont .inner { max-width: inherit; padding: 0; }
.M01_F.cont + .cont { padding-top: 100px; }
.M01_F.cont + .M01_E.cont { padding-top: 0px; }
.M01_F_cont { position: relative; }
.M01_F_cont { position: relative; min-height: 550px; height: 100vh; background: #fff; overflow: hidden; }
.M01_F_cont .caroufredsel_wrapper { width: 100% !important; }
 
/** md_visual **/
.M01_F_cont .md_visual { position: relative; }
.M01_F_cont .md_visual .li { position: relative; display: block; float: left; width: 100%; height: 100%; background: #000; box-sizing: border-box; overflow: hidden; cursor: default; }
.M01_F_cont .md_visual .li:first-child { min-height: 100vh; }
.M01_F_cont .md_visual .li:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); content: ""; z-index: 10; }
.M01_F_cont .md_visual .li .img { position: relative; overflow: hidden; }
.M01_F_cont .md_visual .li .img p { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M01_F_cont .md_visual .li .img .img_m { display: none; }
.M01_F_cont .md_visual .li .img video { display: block; position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); }

/* 20220915 테트스 텍스트 정렬 가운데 */
.M01_F_cont .md_visual .li .txt { display: table; position: absolute; top: 50%; color: #fff; z-index: 11; transform: translate(0%, -50%); width: 1000px; left: 50%; margin-left: -500px; text-align: center; }
.M01_F_cont .md_visual .li .txt ul, .M01_F_cont .md_visual .li .txt .txt_inner {display: table-cell; position: relative; padding-left: 0; box-sizing: border-box; vertical-align: top;}

/* 20220915 테트스 텍스트 정렬 가운데 */
.M01_F_cont .md_visual .li .txt .md_tit { position: relative; display: block; width: 100%; margin-bottom: 20px; color: #fff; overflow: hidden; }
.M01_F_cont .md_visual .li .txt .md_tit span { display: block; position: relative; vertical-align: top; overflow: hidden; }
.M01_F_cont .md_visual .li .txt .md_tit i { display: block; position: relative; }

/* 20220915 테트스 텍스트 정렬 가운데 */
.M01_F_cont .md_visual .li .txt .md_txt { width: 100%; margin-bottom: 35px; color: #fff; }
.M01_F_cont .md_visual .li .txt .md_txt .btn_arrow { display: inline-block; color: #fff; }
.M01_F_cont .md_visual .li .txt .md_txt .btn_arrow span:after { border-color: #fff; }
.M01_F_cont .md_visual .li .txt .md_btn a { margin-right: 20px; }
.M01_F_cont .md_visual .li .txt .md_btn a:last-child { margin-right: 0; }
.M01_F_cont .md_visual .li .txt.color_bk ul, .M01_F_cont .md_visual .li .txt.color_bk .md_tit { color: #000; }
.M01_F_cont .md_visual .li .txt.color_bk .md_btn a { color: #000; }
.M01_F_cont .md_visual .li .txt.color_bk .md_btn a:after { border-color: #000; }
.M01_F_cont .md_visual .li .txt.color_bk .md_btn a:hover { color: #fff; }
.M01_F_cont .md_visual .li .txt.color_bk .md_btn a:hover:after { border-color: #0098c2; }
.M01_F_cont .md_visual:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }
 
/* Active */
.M01_F_cont .md_visual .li.act .img { animation: scaleBg both ease-in-out 3.2s; z-index: 1; }
.M01_F_cont .md_visual .li.act .txt .md_tit span { position: relative; overflow: hidden; }
.M01_F_cont .md_visual .li.act .txt .md_tit i { animation: txtTop both 0.4s 0.75s; }
.M01_F_cont .md_visual .li.act .txt .md_tit span:nth-child(1) i { animation-delay: 0.2s; }
.M01_F_cont .md_visual .li.act .txt .md_tit span:nth-child(2) i { animation-delay: 0.4s; }
.M01_F_cont .md_visual .li.act .txt .md_tit span:nth-child(3) i { animation-delay: 0.6s; }
.M01_F_cont .md_visual .li.act .txt .md_txt { position: relative; animation: fade both 0.7s 0.7s; }
.M01_F_cont .md_visual .li.act .txt .md_btn { animation: fade both 0.7s 1s; }
 
/** Control **/
.M01_F_cont .md_visual_control { position: absolute; right: 0; bottom: 0; width: 50%; display: flex; justify-content: center; align-items: flex-end; background-color: #fff; padding: 25px 50px; min-height: 104px; z-index: 23; }
.M01_F_cont .md_controlArea { position: relative; display: flex; justify-content: flex-start; width: auto; }
.M01_F_cont .num_prograss { width: 162px; display: flex; align-items: center; }
.M01_F_cont .md_num { font-size: 14px; font-weight: bold; }
.M01_F_cont .md_cont_bar_st { padding-right: 5px; }
.M01_F_cont .md_cont_bar_ed { padding-left: 5px; }
 
/* md_pagn */
.M01_F_cont .md_pagn { position: relative; width: auto; min-width: 330px; margin-bottom: 14px; }
.M01_F_cont .md_pagn a { display: block; position: relative; float: left; margin-right: 40px; color: #000; font-size: 20px; font-weight: bold; line-height: 20px; letter-spacing: 0; text-align: center; opacity: 0.4; outline: none; transition: all 0.4s; }
.M01_F_cont .md_pagn a:hover { opacity: 0.8; }
.M01_F_cont .md_pagn a:focus { opacity: 1; }
.M01_F_cont .md_pagn a:before { position: absolute; left: 50%; top: -14px; width: 5px; height: 5px; margin-left: -2px; background: rgb(0, 0, 0); border-radius: 50%; content: ""; opacity: 0; transition: all 0.4s; }
.M01_F_cont .md_pagn a.selected { opacity: 1; }
.M01_F_cont .md_pagn a.selected:before { opacity: 1; }
.M01_F_cont .md_pagn a:last-child { margin-right: 0; }
.M01_F_cont .md_pagn:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }
 
.M01_F_cont .md_pagn a:first-child:nth-last-child(2),
.M01_F_cont .md_pagn a:first-child:nth-last-child(2) ~ a { margin-right: 282px; }
.M01_F_cont .md_pagn a:first-child:nth-last-child(2) ~ a:last-child { margin-right: 0; }
 
.M01_F_cont .md_pagn a:first-child:nth-last-child(3),
.M01_F_cont .md_pagn a:first-child:nth-last-child(3) ~ a { margin-right: 129px; }
.M01_F_cont .md_pagn a:first-child:nth-last-child(3) ~ a:last-child { margin-right: 0; }
 
.M01_F_cont .md_pagn a:first-child:nth-last-child(4),
.M01_F_cont .md_pagn a:first-child:nth-last-child(4) ~ a { margin-right: 78px; }
.M01_F_cont .md_pagn a:first-child:nth-last-child(4) ~ a:last-child { margin-right: 0; }
 
.M01_F_cont .md_pagn a:first-child:nth-last-child(5),
.M01_F_cont .md_pagn a:first-child:nth-last-child(5) ~ a { margin-right: 53px; }
.M01_F_cont .md_pagn a:first-child:nth-last-child(5) ~ a:last-child { margin-right: 0; }

.M01_F_cont .md_pagn a:first-child:nth-last-child(8),
.M01_F_cont .md_pagn a:first-child:nth-last-child(8) ~ a,
.M01_F_cont .md_pagn a:first-child:nth-last-child(9),
.M01_F_cont .md_pagn a:first-child:nth-last-child(9) ~ a,
.M01_F_cont .md_pagn a:first-child:nth-last-child(10),
.M01_F_cont .md_pagn a:first-child:nth-last-child(10) ~ a { margin-right: 21px; }

.M01_F_cont .md_pagn a:first-child:nth-last-child(8) ~ a:last-child,
.M01_F_cont .md_pagn a:first-child:nth-last-child(9) ~ a:last-child,
.M01_F_cont .md_pagn a:first-child:nth-last-child(10) ~ a:last-child { margin-right: 0; }
 
.M01_F_cont .md_pageArrow { margin-left: 38px; }
.M01_F_cont .md_pageArrow .md_pagn_prev { margin-right: 16px; }
 
/* md_timer */
.M01_F_cont .md_timer { position: relative; width: 100%; height: 4px; margin-top: 0px; background: rgba(195, 195, 195, 0.4); overflow: hidden; }
.M01_F_cont .md_timer p { position: absolute; left: 0; top: 0; width: 0; height: 4px; background: #000; }

/* md_play  */
.M01_F_cont .md_play { display: flex; margin-left: 30px; }
.M01_F_cont .md_play a { display: block; position: relative; width: 30px; height: 30px; overflow: hidden; outline: none; }
.M01_F_cont .md_play .md_btn_play:before { content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; margin-top: -7px; margin-left: -3px; border-width: 8px 0 8px 11px; border-style: solid; border-color: transparent; border-left-color: #000; transition: all 0.4s; }
.M01_F_cont .md_play .md_btn_play:hover:before, .md_play .md_btn_play:focus:before { border-left-color: #0098c2; }
.M01_F_cont .md_play .md_btn_stop:before, .M01_F_cont .md_play .md_btn_stop:after { content: ""; position: absolute; top: 8px; width: 3px; height: 16px; background: #000; transition: all 0.4s; }
.M01_F_cont .md_play .md_btn_stop:before { left: 10px; }
.M01_F_cont .md_play .md_btn_stop:after { left: 18px; }
.M01_F_cont .md_play .md_btn_stop:hover:before, .M01_F_cont .md_play .md_btn_stop:focus:before, .M01_F_cont .md_play .md_btn_stop:hover:after, .M01_F_cont .md_play .md_btn_stop:focus:after { background: #0098c2; }

/* 20220721 네비게이터 수정 */
.M01_F_cont .md_play .md_btn_stop { display: block; }

/* 20220915 삭제 */
.M01_F_cont .md_play.on .md_btn_play { display: block; }
/* //20220915 삭제 */

/* 20220915 추가 */
.M01_F_cont .md_arrow { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1560px; transform: translate(-50%, -50%); z-index: 99; }
.M01_F_cont .md_arrow button { position: absolute; width: 51px; height: 80px; z-index: 1; }
.M01_F_cont .md_arrow .md_pagn_prev::after, .M01_F_cont .md_arrow .md_pagn_next::after { position: absolute; content: ''; width: 42px; height: 42px; border-top: 2px solid #000; border-right: 2px solid #000; transition: all 0.3s; }
.M01_F_cont .md_arrow .md_pagn_prev::after, .M01_F_cont .md_arrow .md_pagn_next::after { border-top: 2px solid #fff; border-right: 2px solid #fff; }
.M01_F_cont .md_arrow .md_pagn_prev { left: 0; }
.M01_F_cont .md_arrow .md_pagn_prev::after { left: 15px; top: 19px; transform: rotate(225deg); }
.M01_F_cont .md_arrow .md_pagn_next { right: 0; }
.M01_F_cont .md_arrow .md_pagn_next::after { left: -10px; top: 19px; transform: rotate(45deg); }
.M01_F_cont .md_arrow .md_pagn_prev:hover::after, .M01_F_cont .md_arrow .md_pagn_next:hover::after { border-top: 2px solid #2189FF; border-right: 2px solid #2189FF; }
.M01_F_cont .md_arrow .md_pagn_prev::before, .M01_F_cont .md_arrow .md_pagn_next::before { content: none; display: none; }
/* //20220915 추가 */

/* md_visual_ico */
.M01_F_cont .md_visual_ico { position: absolute; left: 50%; bottom: 28px; width: 30px; height: 45px; margin-left: -8px; border: 2px solid rgba(255, 255, 255, 0.6); border-radius: 75px; box-sizing: border-box; z-index: 25; }
.M01_F_cont .md_visual_ico i { position: absolute; left: 50%; top: 16px; width: 2px; height: 7px; margin-left: -1px; background: rgba(255, 255, 255, 0.6); content: ""; -webkit-animation: trackBallSlide 2.4s cubic-bezier(0.000, 0.000, 0.725, 1.000) infinite; animation: trackBallSlide 2.4s cubic-bezier(0.000, 0.000, 0.725, 1.000) infinite; }
.M01_F_cont .md_visual_ico:before { position: absolute; left: 50%; bottom: -30px; width: 2px; height: 20px; margin-left: -1px; background: rgba(255, 255, 255, 0.6); content: ""; }
.M01_F_cont .md_visual_ico:after { position: absolute; left: 50%; bottom: -50px; width: 2px; height: 20px; margin-left: -1px; background: #000; content: ""; }

@media all and (max-width:1199px) {
    .M01_F_cont .md_visual .li .txt { left: 0; width: 100%; margin: 0; padding: 0px 80px 0 80px; padding: 0px 11.1% 0 11.1%; box-sizing: border-box; }
    .M01_F_cont .md_visual .li .txt ul, .M01_F_cont .md_visual .li .txt .txt_inner { padding: 0px; }
    .M01_F_cont .md_visual_control { width: 82%; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M01_F.cont + .cont { padding-top: 50px; }
    .M01_F_cont .md_visual .li .txt ul, .M01_F_cont .md_visual .li .txt .txt_inner { padding: 0; vertical-align: top; }
    .M01_F_cont .md_visual .li .txt .md_tit { width: 100%; margin-bottom: 20px; color: #fff; }
    .M01_F_cont .md_visual .li .txt .md_txt { width: 100%; }
    .M01_F_cont .md_visual .li .txt .md_btn { position: absolute; left: 0; width: 100%; }
    .M01_F_cont .md_visual .li .txt .md_btn a { margin-right: 15px; }
 
    /* md_pagn */
    .M01_F_cont .md_pagn a:before { display: block; }
 
    /* md_play  */
    .M01_F_cont .md_play { top: 16px; }
 
    /* md_visual_ico */
    .M01_F_cont .md_visual_ico { display: none; }

    /* 20220915 추가 */
    .M01_F_cont .md_arrow { display: none; }
    /* //20220915 추가 */
}

@media all and (max-width:768px) {
    .M01_F_cont .md_pagn a:first-child:nth-last-child(8),
    .M01_F_cont .md_pagn a:first-child:nth-last-child(8) ~ a,
    .M01_F_cont .md_pagn a:first-child:nth-last-child(9),
    .M01_F_cont .md_pagn a:first-child:nth-last-child(9) ~ a,
    .M01_F_cont .md_pagn a:first-child:nth-last-child(10),
    .M01_F_cont .md_pagn a:first-child:nth-last-child(10) ~ a { margin-right: 22px; }
}

@media all and (max-width:719px) {
    .M01_F_cont .md_visual .li .txt { max-width: 300px; padding: 0; top: 50%; transform: translate(0%, -50%); margin-top: -50px; left: 50%; margin-left: -150px; min-height: auto; }
    .M01_F_cont .md_visual .li .txt .md_tit.tit_main_b { margin: 0 auto 10px auto; }
    .M01_F_cont .md_visual .li .txt .md_txt { width: 100%; margin-bottom: 40px; }
    .M01_F_cont .md_visual_control { width: 100%; padding: 18px 30px; min-height: 80px; display: flex; justify-content: center; }
    .M01_F_cont .md_pagn { margin-bottom: 10px; min-width: 180px; max-width: 180px; }
    .M01_F_cont .md_pagn a { font-size: 16px; }
    .M01_F_cont .md_pagn a:before { top: -11px; width: 4px; height: 4px; }
    .M01_F_cont .md_pagn a:first-child:nth-last-child(2),
    .M01_F_cont .md_pagn a:first-child:nth-last-child(2) ~ a { margin-right: 142px; }
    .M01_F_cont .md_pagn a:first-child:nth-last-child(3),
    .M01_F_cont .md_pagn a:first-child:nth-last-child(3) ~ a { margin-right: 60px; }
    .M01_F_cont .md_pagn a:first-child:nth-last-child(4),
    .M01_F_cont .md_pagn a:first-child:nth-last-child(4) ~ a { margin-right: 34px; }
    .M01_F_cont .md_pagn a:first-child:nth-last-child(5),
    .M01_F_cont .md_pagn a:first-child:nth-last-child(5) ~ a,
    .M01_F_cont .md_pagn a:first-child:nth-last-child(6),
    .M01_F_cont .md_pagn a:first-child:nth-last-child(6) ~ a  { margin-right: 21px; }
    .M01_F_cont .md_pagn a:first-child:nth-last-child(7),
    .M01_F_cont .md_pagn a:first-child:nth-last-child(7) ~ a,
    .M01_F_cont .md_pagn a:first-child:nth-last-child(8),
    .M01_F_cont .md_pagn a:first-child:nth-last-child(8) ~ a,
    .M01_F_cont .md_pagn a:first-child:nth-last-child(9),
    .M01_F_cont .md_pagn a:first-child:nth-last-child(9) ~ a,
    .M01_F_cont .md_pagn a:first-child:nth-last-child(10),
    .M01_F_cont .md_pagn a:first-child:nth-last-child(10) ~ a { margin-right: 17px; }
    .M01_F_cont .md_visual .li .txt .md_btn { display: flex; justify-content: center; }
    .M01_F_cont .md_visual .li .txt .md_btn a { display: block; width: 100%; max-width: 134px; min-width: auto; height: 40px; padding: 0; line-height: 39px; margin-right: 0; margin-bottom: 10px; }
    .M01_F_cont .md_visual .li .txt .md_btn a:first-child { margin-right: 15px; }
    .M01_F_cont .num_prograss { width: 122px; }
    .M01_F_cont .md_timer { height: 2px; }
    .M01_F_cont .md_timer p { height: 2px; }
    .M01_F_cont .md_play { display: flex; margin-left: 10px; }
}

@media all and (max-width:600px) {
    .M01_F_cont .md_visual .li .img .img_m { display: block; }
}

@media all and (orientation:landscape) {
    .M01_F_cont .md_visual .li .img .img_m { display: none; }
}





/*** M01_G | Hero1 **/
.M01_G.cont { padding: 0; height: calc(100vh - 60px); max-height: 1400px; min-height: 660px }
.M01_G.cont .inner { max-width: inherit; padding: 0; }
.M01_G.cont + .cont { padding-top: 100px; }
.M01_G.cont + .M01_E.cont { padding-top: 0px; }
.M01_G_cont { position: relative; background-color: #fff; overflow: hidden; }

.M01_G_cont .sliderContainer { position: relative; }

.M01_G_cont .md_visual { position: relative; margin-bottom: 0; }
.M01_G_cont .md_visual:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }
.M01_G_cont .md_visual .slick-track { height: 100%; }

.M01_G_cont .md_visual .li { position: relative; display: block; float: left; width: 100%; background: #000; box-sizing: border-box; overflow: hidden; cursor: default; height: calc(100vh - 60px); max-height: 1400px; min-height: 660px }
.M01_G_cont .md_visual .li:before { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.4); content: ""; z-index: 10; }

.M01_G_cont .md_visual .li .img { position: relative; overflow: hidden; }
.M01_G_cont .md_visual .li .img p { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M01_G_cont .md_visual .li .img .img_m { display: none; }
.M01_G_cont .md_visual .li .img video { display: block; position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); }

.M01_G_cont .md_visual .li .txt { position: absolute; left: 0%; right: 0; top: 50%; transform: translate(0%, -50%); width: 100%; max-width: 1504px;padding: 0 93px;margin: 0 auto; color: #fff; z-index: 11; }
.M01_G_cont .md_visual .li .txt ul,
.M01_G_cont .md_visual .li .txt .txt_inner { position: relative; max-width: 1000px; }
.M01_G_cont .md_visual .li .txt .md_tit { position: relative; display: block; margin-bottom: 20px; color: #fff; overflow: hidden; }
.M01_G_cont .md_visual .li .txt .md_tit span { position: relative; display: block; overflow: hidden; }
.M01_G_cont .md_visual .li .txt .md_tit i { position: relative; display: block; }
.M01_G_cont .md_visual .li .txt .md_txt { margin-bottom: 35px; color: #fff; }
.M01_G_cont .md_visual .li .txt .md_txt .md_sub { margin-top: 20px; font-size: 16px; }
.M01_G_cont .md_visual .li .txt .md_txt .btn_arrow { display: inline-block; color: #fff; }
.M01_G_cont .md_visual .li .txt .md_txt .btn_arrow span:after { border-color: #fff; }
.M01_G_cont .md_visual .li .txt .md_btn { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 20px; }
.M01_G_cont .md_visual .li .txt .md_btn .btn_m span { word-break: keep-all; }

.M01_G_cont .md_visual .li .txt.color_bk ul,
.M01_G_cont .md_visual .li .txt.color_bk .md_tit,
.M01_G_cont .md_visual .li .txt.color_bk .md_txt,
.M01_G_cont .md_visual .li .txt.color_bk .md_btn a { color: #000; }
.M01_G_cont .md_visual .li .txt.color_bk .md_btn a:after { border-color: #000; }
.M01_G_cont .md_visual .li .txt.color_bk .md_btn a:hover { color: #fff; }
.M01_G_cont .md_visual .li .txt.color_bk .md_btn a:hover:after { border-color: #0098c2; }
/* Active */
.M01_G_cont .md_visual .li.slick-active .img { animation: scaleBg both ease-in-out 3.2s; z-index: 1; }
.M01_G_cont .md_visual .li.slick-active .txt .md_tit span { position: relative; overflow: hidden; }
.M01_G_cont .md_visual .li.slick-active .txt .md_tit i { animation: txtTop both 0.4s 0.75s; }
.M01_G_cont .md_visual .li.slick-active .txt .md_tit span:nth-child(1) i { animation-delay: 0.2s; }
.M01_G_cont .md_visual .li.slick-active .txt .md_tit span:nth-child(2) i { animation-delay: 0.4s; }
.M01_G_cont .md_visual .li.slick-active .txt .md_tit span:nth-child(3) i { animation-delay: 0.6s; }
.M01_G_cont .md_visual .li.slick-active .txt .md_txt { position: relative; animation: fade both 0.7s 0.7s; }
.M01_G_cont .md_visual .li.slick-active .txt .md_btn { animation: fade both 0.7s 1s; }

.M01_G_cont .md_arrow { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0%, -50%); }
.M01_G_cont .md_arrow button { position: absolute; width:30px; height:50px; transform: translate3d(0, -50%, 0); z-index: 1; }
.M01_G_cont .md_arrow .slick_prev::after,
.M01_G_cont .md_arrow .slick_next::after { position: absolute; content: ''; width:26px; height: 26px; border-top: 2px solid #fff; border-right: 2px solid #fff; transition: all 0.3s; }
.M01_G_cont .md_arrow .slick_prev { left:5.2%; }
.M01_G_cont .md_arrow .slick_prev::after { left: 10px; top: 12px; transform: rotate(225deg); }
.M01_G_cont .md_arrow .slick_next { right:5.2%; }
.M01_G_cont .md_arrow .slick_next::after { left: -5px; top: 12px; transform: rotate(45deg); }
.M01_G_cont .md_arrow .slick_prev:hover::after,
.M01_G_cont .md_arrow .slick_prev:focus::after,
.M01_G_cont .md_arrow .slick_next:hover::after,
.M01_G_cont .md_arrow .slick_next:focus::after { border-top: 2px solid #2189FF; border-right: 2px solid #2189FF; }

.M01_G_cont .indi_area { position: absolute; bottom: 140px; width: auto; left: 50%; transform: translate(-50%, 0%); display: flex; align-items: center; }
.M01_G_cont .indi_area .slick-dots { position: relative; display: flex; bottom: 0px; }
.M01_G_cont .indi_area .slick-dots li { width: 80px; margin: 0 5px; display: flex; }
.M01_G_cont .indi_area .slick-dots li button { width: 100%; height: auto; margin: 0; padding: 0; }
.M01_G_cont .indi_area .slick-dots li button span { display: block; height: 4px; background: rgba(255,255,255, 0.4); }
.M01_G_cont .indi_area .slick-dots li button span.progressBar .inProgress { display: block; background-color: rgba(255, 255, 255, 1); width: 0%; height: 100%; }
.M01_G_cont .indi_area .slick-dots li.slick-active button { pointer-events: none; }

.M01_G_cont .indi_area .pausePlayBtn { margin-left: 10px; }
.M01_G_cont .indi_area .pausePlayBtn button { position: relative; display: block; width: 40px; height: 40px; overflow: hidden; }
.M01_G_cont .indi_area .pausePlayBtn .play_btn { display: none; }
.M01_G_cont .indi_area .pausePlayBtn button::before { position: absolute; left: 50%; top: 50%; content: ''; transform: translate3d(-50%, -50%, 0); transition: all 0.4s; }
.M01_G_cont .indi_area .pausePlayBtn .play_btn:before { width: 0; height: 0; border-width: 10px 0 10px 14px; border-style: solid; border-color: transparent; border-left-color: #fff; }
.M01_G_cont .indi_area .pausePlayBtn .stop_btn:before { width: 14px; height: 20px; border: 2px solid #fff; border-width: 0 2px; }
.M01_G_cont .indi_area .pausePlayBtn .play_btn:hover:before,
.M01_G_cont .indi_area .pausePlayBtn .play_btn:focus:before { border-left-color: #0098c2; }
.M01_G_cont .indi_area .pausePlayBtn .stop_btn:hover:before,
.M01_G_cont .indi_area .pausePlayBtn .stop_btn:focus:before { border-color: #0098c2; }
.M01_G_cont .indi_area.on .pausePlayBtn .play_btn { display: block; }
.M01_G_cont .indi_area.on .pausePlayBtn .stop_btn { display: none; }

.M01_G_cont .md_visual_ico { position: absolute; left: 50%; bottom: 28px; width: 30px; height: 45px; margin-left: -15px; border: 2px solid rgba(255, 255, 255, 0.6); border-radius: 75px; z-index: 25; }
.M01_G_cont .md_visual_ico i { position: absolute; left: 50%; top: 16px; width: 2px; height: 7px; margin-left: -1px; background: rgba(255, 255, 255, 0.6); content: ""; -webkit-animation: trackBallSlide 2.4s cubic-bezier(0.000, 0.000, 0.725, 1.000) infinite; animation: trackBallSlide 2.4s cubic-bezier(0.000, 0.000, 0.725, 1.000) infinite; }
.M01_G_cont .md_visual_ico:before { position: absolute; left: 50%; bottom: -30px; width: 2px; height: 20px; margin-left: -1px; background: rgba(255, 255, 255, 0.6); content: ""; }


@media all and (max-width:1600px) {
    .M01_G_cont .md_arrow .slick_prev { left: 30px; }
    .M01_G_cont .md_arrow .slick_next { right: 30px; }
}
@media all and (max-width:1199px) {
    .M01_G_cont .md_visual .li .txt { padding: 0px 11.1%; }
    .M01_G_cont .indi_area { bottom: 100px; }
}
@media all and (max-width:1023px) {
    .M01_G.cont + .cont { padding-top: 50px; }
    .M01_G_cont .md_visual .li .txt { padding: 0 30px; }
    .M01_G_cont .md_visual .li .txt ul,
    .M01_G_cont .md_visual .li .txt .txt_inner { max-width: 838px; }
    .M01_G_cont .md_visual .li .txt .md_tit { line-height: 36px; }
    .M01_G_cont .md_visual .li .txt .md_btn { gap: 10px 15px; }
    .M01_G_cont .indi_area { bottom: 60px; }
    .M01_G_cont .indi_area .slick-dots li { width: 40px; }
    .M01_G_cont .indi_area .slick-dots li button span { height: 2px; }
    .M01_G_cont .indi_area .pausePlayBtn button { width: 30px; height: 30px; }
    .M01_G_cont .indi_area .pausePlayBtn { margin-left: 5px; }
    .M01_G_cont .indi_area .pausePlayBtn .stop_btn:before { width: 10px; height: 15px; }
    .M01_G_cont .indi_area .pausePlayBtn .play_btn:before { border-width: 7px 0 7px 11px; }
    .M01_G_cont .md_arrow { display: none; }
    .M01_G_cont .md_visual_ico { display: none; }
}
@media all and (max-width:600px) {
    .M01_G_cont .md_visual .li .img .img_m { display: block; }
    .M01_G_cont .indi_area { bottom: 30px; }
    .M01_G_cont .md_visual .li.slick-active .txt .md_btn .btn_m { height: 40px; line-height: 38px; letter-spacing: -0.075rem; }
}
@media all and (orientation:landscape) {
    .M01_G_cont .md_visual .li .img .img_m { display: none; }
}
@media all and (max-height:760px) {
    .M01_G_cont .indi_area { bottom: 30px; }
    .M01_G_cont .md_visual_ico { display: none; }
}











/** M02_A | Overview */
.M02_A .tit_e {margin-bottom:20px;}
.M02_A .md_tit {max-width:90%;margin-top:-12px;margin-bottom:-30px;}
.M02_A .md_tit.tit_m {margin-top:0px;margin-bottom:0;}
.M02_A .md_tit + .md_txt {margin-top:50px;}
.M02_A .md_txt {max-width:90%;}
.M02_A .md_img .img_m {display:none;}
.M02_A .md_img {margin-top:60px;}
.M02_A .md_img img {max-width:100%;}
.M02_A .tit_b + .tit_m {margin-top:50px;} 
.M02_A .md_img + .md_btn {margin-top:40px;}
.M02_A .tit_e + .tit_b {margin-top:0;}
.M02_A .tit_e + .md_img {margin-top:60px;}
.M02_A .tit_m + .md_img {margin-top:40px;}
.M02_A_cont.center {text-align:center;}
.M02_A_cont.center .md_tit {max-width:90%;margin-right:auto;margin-left:auto;}
.M02_A_cont.center .md_txt {max-width:90%;margin-right:auto;margin-left:auto;}
.M02_A_cont.right {text-align:right;}
.M02_A_cont.right .md_tit {float:right;max-width:90%;}
.M02_A_cont.right .md_txt {float:right;max-width:90%;}
.M02_A_cont.right .md_img {clear:both;margin-top:0;padding-top:40px;}
.M02_A_cont.right .md_img + .md_btn {padding-top:40px;}
.M02_A_cont.right .md_btn {clear:both;margin-top:0;padding-top:16px;}
.M02_A [class*="img"] ~ .blind {display:none;}
.M02_A .img_p ~ .blind {display:block;}

/* 20240620: us caidentia 페이지 하드코딩 추가 */
.M02_A .cont_v1 {}
.M02_A .cont_v1 .video_cont { margin-top: 60px; }
.M02_A .cont_v1 .video_cont video { width: 100%; height: 100%; }
.M02_A .cont_v1 .md_img { margin-top: 50px; }
/* //20240620: us caidentia 페이지 하드코딩 추가 */

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M02_A .tit_e {margin-bottom:10px;}
    .M02_A .md_tit {max-width:100% !important;margin-top:-6px;margin-bottom:-20px;}
    .M02_A .md_txt {max-width:100% !important;}
    .M02_A .md_tit + .md_txt {margin-top:30px;}
    .M02_A .md_img + .md_btn {margin-top:20px;}
    .M02_A .tit_e + .md_img {margin-top:40px;}
    .M02_A_cont.right .md_img {clear:both;margin-top:0;padding-top:20px;}
    .M02_A_cont.right .md_img + .md_btn {padding-top:20px;}
    .M02_A_cont.right .md_btn {clear:both;margin-top:0;padding-top:8px;}
}

@media all and (max-width:600px){
    .M02_A .md_img {margin-top:30px;}
    .M02_A .md_img .img_p {display:none;}
    .M02_A .md_img .img_m {display:block;}
    .M02_A [class*="img"] ~ .blind {display:none;}
    .M02_A .img_m ~ .blind {display:block;}

    .M02_A .cont_v1 .video_cont { margin-top: 30px; }
    .M02_A .cont_v1 .md_img { margin-top: 30px; text-align: center; }
}

@media all and (orientation:landscape){
    .M02_A .md_img .img_p {display:block;}
    .M02_A .md_img .img_m {display:none;}
    .M02_A [class*="img"] ~ .blind {display:none;}
    .M02_A .img_p ~ .blind {display:block;}
}
    
    





/*** M03_A | SDS Board 1 ***/
.M03_A .tit_e {margin-bottom:20px;} 
.M03_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M03_A .tit_e + .tit_b {margin-top:0;}
.M03_A_cont {position:relative;}
.M03_A_cont:after {position:absolute;left:0;bottom:20px;width:2px;height:80px;background:#000;content:"";display:none;}
.M03_A_cont .btn_more a {margin-top:60px;}

/* Visual_ty */
.visual_ty {position:relative;margin-bottom:60px;}
.visual_ty .visual_img {position:relative;left:calc(0% - ((100vw - 1318px) / 2));width:calc(100% +  ((100vw - 1318px) / 2 ));height:37vw;max-height:380px;background:#f5f5f5;overflow:hidden;}
.visual_ty .visual_img .img_p,
.visual_ty .visual_img .img_m {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.visual_ty .visual_img .img_m {display:none;}
.visual_ty .visual_txt {position:relative;min-height:66px;margin:-116px 0 0 8.5%;padding:80px 0 0 8.5%;background:#fff;box-sizing:border-box;}
.visual_ty .visual_txt .tit_b {float:left;width:20.5%;min-width:215px;margin-top:-10px;margin-bottom:0;padding-right:26px;box-sizing:border-box;display:none;}
.visual_ty .visual_txt .module_ty {padding-right:8.5%;box-sizing:border-box;}
.visual_ty .visual_txt .module_ty .txt .md_txt {margin-top:16px;}
.visual_ty .visual_txt:after {display:block;clear:both;height:0;content:"";}
.bg .visual_ty .visual_txt {background:#f5f5f5;}

/* under_cont */
.under_cont {position:relative;min-height:20px;padding-left:17%;}
.under_cont .module_ty {position:relative;margin:0 -13px;}
.under_cont .module_ty .li {float:left;width:calc(50% - 26px);margin:58px 13px 0 13px;}
.under_cont .module_ty .li:first-child, .under_cont .module_ty .li:nth-child(2) {margin-top:0;}
.under_cont .module_ty .li:nth-child(odd) {clear:left;}
.under_cont .module_ty:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.under_cont .module_ty .md_tit02 {display:block;margin-bottom:5px;}

/* view_li */
.view_li .li {display:none;}
.view_li .li.on {display:block;animation:fade 0.6s;}

@media all and (max-width:1504px){
    .visual_ty .visual_img {position:relative;left:-93px;width:calc(100% + 93px);}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M03_A .tit_e {margin-bottom:10px;}
    .M03_A .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M03_A_cont:after {display:none;}
    .M03_A_cont .btn_more a {margin-top:40px;}

    /* Visual_ty */
    .visual_ty {margin-bottom:40px;}
    .visual_ty .visual_img {position:relative;left:calc(0% - ((100vw - 778px) / 2));width:calc(100% +  ((100vw - 778px) / 2 ));}
    .visual_ty .visual_txt {position:relative;min-height:66px;margin:-116px 0 0 0;padding:25px 0 0 30px;}
    .visual_ty .visual_txt .tit_b {float:none;width:100%;margin-top:0;margin-bottom:5px;padding-right:0;}
    .visual_ty .visual_txt .module_ty {float:none;width:100%;padding-right:0;}
    .visual_ty .visual_txt .module_ty .txt .md_txt {margin-top:7px;}
    .visual_ty .visual_txt .module_ty .txt .md_btn {margin-top:7px;}

    /* under_cont */
    .under_cont {padding-left:0;}  
    .under_cont .module_ty {margin:0 -8px;}
    .under_cont .module_ty .li {width:calc(50% - 16px);margin:38px 8px 0 8px;}
    .under_cont .module_ty .li:first-child .txt, .under_cont .module_ty .li:nth-child(2) .txt {margin-top:20px;}
}

@media all and (max-width:838px){
    .visual_ty .visual_img {position:relative;left:-30px;width:calc(100% + 30px);height:calc(100vw - 30px);max-height:500px;min-height:330px;}
}

@media all and (max-width:600px){
    .visual_ty .visual_img .img_m {display:block;}
    .under_cont .module_ty {position:relative;margin:0;}
    .under_cont .module_ty .li {float:none;width:100%;margin:37px 0 0 0;}
    .under_cont .module_ty .li:first-child, .under_cont .module_ty .li:nth-child(2) {margin-top:37px;}
    .under_cont .module_ty .li:first-child .txt, .under_cont .module_ty .li:nth-child(2) .txt {margin-top:0}
}

@media all and (orientation:landscape){
    .visual_ty .visual_img .img_m {display:none;}
}







/*** M03_B | SDS Board 2 ***/
.M03_B_cont {position:relative;min-height:20px;padding-left:17%;}
.M03_B_cont .tit_e {position:absolute;top:3px;left:0;width:17%;padding-right:26px;box-sizing:border-box;}
.M03_B_cont .tit_b {position:relative;top:-12px;margin-bottom:28px;font-size:32px;line-height:52px;}
.M03_B_cont .module_ty {position:relative;margin:0 -13px;}
.M03_B_cont .module_ty .li {float:left;width:calc(50% - 26px);margin:58px 13px 0 13px;}
.M03_B_cont .module_ty .li:first-child, .M03_B_cont .module_ty .li:nth-child(2) {margin-top:0;}
.M03_B_cont .module_ty .li:nth-child(odd) {clear:left;}
.M03_B_cont .module_ty:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M03_B_cont {padding-left:0;}
    .M03_B_cont .tit_e {position:static;width:100%;margin-bottom:10px;}
    .M03_B_cont .tit_b {top:0;margin-top:-6px;margin-bottom:20px;font-size:24px;line-height:36px;}  
    .M03_B_cont .tit_e + .tit_b {margin-top:0;}
    .M03_B_cont .module_ty {margin:0 -8px;}
    .M03_B_cont .module_ty .li {width:calc(50% - 16px);margin:38px 8px 0 8px;}
    .M03_B_cont .module_ty .li:first-child .txt, .M03_B_cont .module_ty .li:nth-child(2) .txt {margin-top:20px;}
}

@media all and (max-width:600px){
    .M03_B_cont .module_ty {position:relative;margin:0;}
    .M03_B_cont .module_ty .li {float:none;width:100%;margin:37px 0 0 0;}
    .M03_B_cont .module_ty .li:first-child {margin-top:0;}
    .M03_B_cont .module_ty .li:nth-child(2) {margin-top:37px;}
    .M03_B_cont .module_ty .li:first-child .txt, .M03_B_cont .module_ty .li:nth-child(2) .txt {margin-top:0;}
}
    

    




/*** M04_A | Related Offering 1 ***/
.M04_A .tit_e {margin-bottom:20px;} 
.M04_A .tit_b {margin-top:-12px;margin-bottom:20px;}
.M04_A .tit_e + .tit_b {margin-top:0;}
.M04_A .tit_dec {margin-bottom:40px;}
.M04_A .tit_b + .M04_A_cont {margin-top:40px;}

/* M04_A_cont */
.M04_A_cont {position:relative;border-top:1px solid #000;}
.M04_A_cont .li {position:relative;padding:40px 1px;border-bottom:1px solid #ddd;}
.M04_A_cont .li:last-child{padding-bottom:0;border-bottom:0;}
.M04_A_cont .li .tit {position:relative;float:left;width:175px;}
.M04_A_cont .li .tit a {font-size:22px;transition:all 0.4s;outline:none;}
.M04_A_cont .li .tit a:after {display:inline-block;position:relative;right:0;width:10px;height:10px;margin:12px 10px 0 3px;border:solid #000;border-width:2px 2px 0 0;box-sizing:border-box;transform:rotate(45deg);content:"";vertical-align:top;transition:all 0.4s;}
.M04_A_cont .li .tit a:hover, .M04_A_cont .li .tit a:focus {color:#1C7EEE;}
.M04_A_cont .li .tit a:hover:after, .M04_A_cont .li .tit a:focus:after {right:-3px;border-color:#1C7EEE;}
.M04_A_cont .li:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M04_A_cont .list {float:right;width:calc(100% - 185px);margin-top:-20px;padding-right:14px;box-sizing:border-box;overflow:hidden;}
.M04_A_cont .list li {float:left;width:20%;margin-top:20px;padding-left:3.5%;box-sizing:border-box;}
.M04_A_cont .list li:nth-child(5n + 1) {clear:left;}
.M04_A_cont .list li a {display:block;line-height:24px;transition:color 0.4s;outline:none;}
.M04_A_cont .list li a:hover, .M04_A_cont .list li a:focus {color:#1C7EEE;}
.M04_A_cont .list:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

@media all and (max-width:1300px){
    /* M04_A_cont */
    .M04_A_cont .list li {width:25%;padding-left:7%;}
    .M04_A_cont .list li:nth-child(4n + 1) {clear:left;}
    .M04_A_cont .list li:nth-child(5n + 1) {clear:none;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M04_A .tit_e {margin-bottom:10px;} 
    .M04_A .tit_b {margin-bottom:10px;}
    .M04_A .tit_dec {margin-bottom:20px;}
    .M04_A .tit_b + .M04_A_cont {margin-top:20px;}
    /* M04_A_cont */
    .M04_A_cont .li .tit {width:130px;}
    .M04_A_cont .li .tit a {font-size:16px;}
    .M04_A_cont .li .tit a:after {margin:9px 10px 0 6px;transform:rotate(45deg) scale(0.75);}
    .M04_A_cont .list {width:calc(100% - 140px);}
    .M04_A_cont .list li {width:33.3%;padding-left:7%;}
    .M04_A_cont .list li:nth-child(3n + 1) {clear:left;}
    .M04_A_cont .list li:nth-child(4n + 1) {clear:none;}
}

@media all and (max-width:600px){
    /* M04_A_cont */
    .M04_A_cont {border-top-width:2px;}
    .M04_A_cont .li {position:relative;padding:40px 1px 10px 1px;border-bottom:0;}
    .M04_A_cont .li:last-child{padding-bottom:0;border-bottom:0;}
    .M04_A_cont .li .tit {float:none;width:100%;padding-right:0;}
    .M04_A_cont .list {float:none;width:100%;margin-top:0;padding-right:0;}
    .M04_A_cont .list li {float:none;width:100%;margin-top:16px;padding-left:0;}
    .M04_A_cont .list li a {min-height:auto;font-size:14px;line-height:24px;}
}







/*** M04_B | Related Offering 2 ***/
.M04_B .tit_e {margin-bottom:20px;} 
.M04_B .tit_b {margin-top:-12px;margin-bottom:40px;}
.M04_B .tit_e + .tit_b {margin-top:0;}

/* Owl As-is 초기화 */
.M04_B_cont .owl-stage-outer, .M04_B_cont .owl-stage, .M04_B_cont .owl-item {height:auto !important;}
.M04_B_cont .owl-carousel .active span {background:none;}
.M04_B_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}
.M04_B_cont .owl-carousel,
.M04_B_cont .owl-carousel .owl-stage-outer {transition:height 0.4s;}

/* owl-carousel */
.M04_B_cont {position:relative;margin:-58px -13px 0 -13px;}
.M04_B_cont .owl-carousel {display:block !important;}
.M04_B_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M04_B_cont .owl-navm {top:90px;}

/* 기본 4단 */
.M04_B_cont .owl-carousel .item {display:block;float:left;width:25%;margin-top:58px;padding:0 13px;box-sizing:border-box;overflow:hidden;}
.M04_B_cont .owl-carousel .item:nth-child(4n + 1) {clear:left;}

/* 2단 */
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(2),
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(2) ~ .item {width:50%;}
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(2) .txt .md_btn,
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(2) ~ .txt .md_btn {margin-top:16px;}

/* 3, 5, 6, 9단 */
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(3),
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(3) ~ .item,
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(5),
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(5) ~ .item,
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(6),
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(6) ~ .item,
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(9),
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(9) ~ .item {width:33.3%;}
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(3) ~ .item:nth-child(4n + 1),
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(5) ~ .item:nth-child(4n + 1),
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(6) ~ .item:nth-child(4n + 1),
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(9) ~ .item:nth-child(4n + 1) {clear:none;}
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(3) ~ .item:nth-child(3n + 1),
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(5) ~ .item:nth-child(3n + 1),
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(6) ~ .item:nth-child(3n + 1),
.M04_B_cont .owl-carousel .item:first-child:nth-last-child(9) ~ .item:nth-child(3n + 1) {clear:left;width:33.4%;}

/* Navication */
.M04_B_cont .owl-pagn {display:none;}

/* 1단 */
@media all and (min-width:601px){
    .M04_B_cont .owl-carousel .item:only-child {display:flex;flex-wrap:wrap;position:relative;width:100%;max-width:100%;box-sizing:border-box;}
    .M04_B_cont .owl-carousel .item:only-child .img,
    .M04_B_cont .owl-carousel .item:only-child .txt {align-self:center;box-sizing:border-box;}
    .M04_B_cont .owl-carousel .item:only-child .img {width:calc(50% - 8px);margin-bottom:0;}
    .M04_B_cont .owl-carousel .item:only-child .txt {width:calc(50% + 8px);padding:0 0 0 28px;}
    .M04_B_cont .owl-carousel.cvs .item:only-child {direction:rtl;}
    .M04_B_cont .owl-carousel.cvs .item:only-child .txt {padding:0 28px 0 0;direction:ltr;}
}

@media all and (min-width:1024px){
    .M04_B_cont .owl-carousel .item:only-child .img {width:calc(50% - 13px);}
    .M04_B_cont .owl-carousel .item:only-child .txt {width:calc(50% + 13px);padding:0 6.9% 0 50px;}
    .M04_B_cont .owl-carousel.cvs .item:only-child .txt {padding:0 6.9% 0 0;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M04_B .tit_e {margin-bottom:10px;}
    .M04_B .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* Owl As-is 초기화 */
    .M04_B_cont {margin:0;}
    .M04_B_cont .owl-item.cloned:last-child {display:none;}

    /* owl-carousel */
    .M04_B_cont {margin:-30px -8px 0 -8px;}

    /* 기본 4단 */
    .M04_B_cont .owl-carousel .item {width:50%;margin-top:30px;padding:0 8px;}
    .M04_B_cont .owl-carousel .item:nth-child(2n + 1) {clear:left;}

    /* 3, 5, 6, 9단 */
    .M04_B_cont .owl-carousel .item:first-child:nth-last-child(3) ~ .item:nth-child(2n + 1),
    .M04_B_cont .owl-carousel .item:first-child:nth-last-child(5) ~ .item:nth-child(2n + 1),
    .M04_B_cont .owl-carousel .item:first-child:nth-last-child(6) ~ .item:nth-child(2n + 1),
    .M04_B_cont .owl-carousel .item:first-child:nth-last-child(9) ~ .item:nth-child(2n + 1) {clear:none;}
    .M04_B_cont .owl-carousel .item:first-child:nth-last-child(3) ~ .item:nth-child(3n + 1),
    .M04_B_cont .owl-carousel .item:first-child:nth-last-child(5) ~ .item:nth-child(3n + 1),
    .M04_B_cont .owl-carousel .item:first-child:nth-last-child(6) ~ .item:nth-child(3n + 1),
    .M04_B_cont .owl-carousel .item:first-child:nth-last-child(9) ~ .item:nth-child(3n + 1) {clear:both;}
}

@media all and (max-width:600px){
    /* owl-carousel */
    .M04_B_cont {margin:0;}
    .M04_B_cont .owl-carousel .item {width:100%;margin:0;padding:0;}
    .M04_B_cont .owl-carousel .item .img {width:100%;height:calc((100vw - 60px) * 0.56) !important;min-height:168px !important;max-height:304px !important;}

    /* Navication */
    .M04_B_cont .owl-pagn { display:block; width:100%; height: auto; max-width:1318px; margin-top:30px; }
    .M04_B_cont .owl-pagn-inner { height: 30px; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; }
    .M04_B_cont .owl-pagn-st { left: initial; }
    .M04_B_cont .owl-pagn-ed { right: initial; padding-left: 0; }
    .M04_B_cont .owl-pagn-ed:before { display: none; }
    .M04_B_cont .owl-pagn-bar { position: initial; }
    .M04_B_cont .owl-nav {position:absolute;right:calc(100% - 1318px);bottom:-97px;}
    .M04_B_cont .owl-navm { display: block; }
    .M04_B_cont .owl-navm .owl-prevm,
    .M04_B_cont .owl-navm .owl-nextm { top: initial; bottom: 0; transform: translateY(0); border-radius: 50%; background: transparent; }
    .M04_B_cont .owl-navm .owl-prevm:after,
    .M04_B_cont .owl-navm .owl-nextm:after { border-color: #000; }
    .M04_B_cont .owl-navm .owl-prevm:hover,
    .M04_B_cont .owl-navm .owl-nextm:hover,
    .M04_B_cont .owl-navm .owl-prevm:focus,
    .M04_B_cont .owl-navm .owl-nextm:focus { background: transparent; }

    /* 1단 */ /* Legacy code 삭제예정 */
    .M04_B_cont.m1 .owl-carousel .item {width:100% !important;}
    .M04_B_cont.m1 .owl-carousel .item .img {width:100%;}
    .M04_B_cont.m1 .owl-pagn {display:none;}
}







/*** M04_D | Related Offering 3 ***/
.M04_D .tit_e {margin-bottom:20px;} 
.M04_D .tit_b {margin-top:-12px;margin-bottom:40px;}
.M04_D .tit_e + .tit_b {margin-top:0;}

/* Owl As-is 초기화 */
.M04_D_cont .owl-stage-outer, .M04_D_cont .owl-stage, .M04_D_cont .owl-item {height:auto !important;}
.M04_D_cont .owl-carousel .active span {background:none;}
.M04_D_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}
.M04_D_cont .owl-carousel,
.M04_D_cont .owl-carousel .owl-stage-outer {transition:height 0.4s;}

/* owl-carousel */
.M04_D_cont {position:relative;margin:-58px -13px 0 -13px;}
.M04_D_cont .owl-carousel {display:block !important;}
.M04_D_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M04_D_cont .owl-carousel .item {display:block;float:left;clear:left;margin-top:58px;padding:0 13px;box-sizing:border-box;overflow:hidden;}
.M04_D_cont .owl-carousel .item + .item {margin-top:78px;}
.M04_D_cont .owl-navm {top:90px;}

/* Navication */
.M04_D_cont .owl-pagn {display:none;}

@media all and (min-width:601px){
    .M04_D_cont .owl-carousel .item {display:flex;flex-wrap:wrap;position:relative;width:100%;max-width:100%;box-sizing:border-box;}
    .M04_D_cont .owl-carousel .item .img,
    .M04_D_cont .owl-carousel .item .txt {align-self:center;box-sizing:border-box;}
    .M04_D_cont .owl-carousel .item .img {width:calc(50% - 8px);margin-bottom:0;}
    .M04_D_cont .owl-carousel .item .txt {width:calc(50% + 8px);padding:0 0 0 28px;}
    .M04_D_cont .owl-carousel .item.reverse {direction:rtl;}
    .M04_D_cont .owl-carousel .item.reverse .txt {padding:0 28px 0 0;direction:ltr;}
}

@media all and (min-width:1024px){
    .M04_D_cont .owl-carousel .item .img {width:calc(50% - 13px);}
    .M04_D_cont .owl-carousel .item .txt {width:calc(50% + 13px);padding:0 6.9% 0 50px;}
    .M04_D_cont .owl-carousel .item.reverse .txt {padding:0 6.9% 0 0;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M04_D .tit_e {margin-bottom:10px;}
    .M04_D .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* Owl As-is 초기화 */
    .M04_D_cont {margin:0;}
    .M04_D_cont .owl-item.cloned:last-child {display:none;}

    /* owl-carousel */
    .M04_D_cont {margin:-30px -8px 0 -8px;}
    .M04_D_cont .owl-carousel .item {margin-top:30px;padding:0 8px;}
    .M04_D_cont .owl-carousel .item + .item {margin-top:58px;}
}

@media all and (max-width:600px){
    /* owl-carousel */
    .M04_D_cont {margin:0;}
    .M04_D_cont .owl-carousel .item {margin:0;width:100%;padding:0;}
    .M04_D_cont .owl-carousel .item + .item {margin-top:38px;}
    .M04_D_cont .owl-carousel .item .img {width:100%;height:calc((100vw - 60px) * 0.56) !important;min-height:168px !important;max-height:304px !important;}

    /* Navication */
    .M04_D_cont .owl-pagn { display: block; width: 100%; height: auto; max-width: 1318px; margin-top: 30px; }
    .M04_D_cont .owl-pagn-inner { position: initial; height: 30px; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; }
    .M04_D_cont .owl-pagn-bar { position: initial; }
    .M04_D_cont .owl-pagn-st { float: initial; }
    .M04_D_cont .owl-pagn-ed { float: initial; padding-left: 0; }
    .M04_D_cont .owl-pagn-ed::before { display: none; }
    .M04_D_cont .owl-nav {position:absolute;right:calc(100% - 1318px);bottom:-97px;}
    .M04_D_cont .owl-navm { display: block; }
    .M04_D_cont .owl-navm .owl-prevm,
    .M04_D_cont .owl-navm .owl-nextm { top: initial; bottom: 0; border-radius: 50%; background: transparent; transform: translateY(0); }
    .M04_D_cont .owl-navm .owl-prevm::after,
    .M04_D_cont .owl-navm .owl-nextm::after { border-color: #000; }
    .M04_D_cont .owl-navm .owl-prevm:hover,
    .M04_D_cont .owl-navm .owl-nextm:hover,
    .M04_D_cont .owl-navm .owl-prevm:focus,
    .M04_D_cont .owl-navm .owl-nextm:focus { background: transparent; }

    /* 1단 */ /* Legacy code 삭제예정 */
    .M04_D_cont.m1 .owl-carousel .item {width:100% !important;}
    .M04_D_cont.m1 .owl-carousel .item .img {width:100%;}
    .M04_D_cont.m1 .owl-pagn {display:none;}
}







/*** M05_A | Industry ***/
.M05_A .tit_e {margin-bottom:20px;} 
.M05_A .tit_b {margin-top:-12px;margin-bottom:60px;}
.M05_A .tit_e + .tit_b {margin-top:0;}
.M05_A .tit_e + .M05_A_cont {margin-top:60px;}

/* tab_nav */
.tab_nav {border-top:2px solid #000;}
.tab_nav li {border-bottom:1px solid #ddd;font-size:22px;line-height:32px;}
.tab_nav li a {display:block;position:relative;padding:15px 35px 16px 2px;color:#888;transition:all 0.4s;}
.tab_nav li a:after {display:block;position:absolute;right:21px;top:50%;width:10px;height:10px;margin-top:-5px;border:solid #000;border-width:2px 2px 0 0;box-sizing:border-box;transform:rotate(45deg);content:"";opacity:0;transition:all 0.4s;}
.tab_nav li.on a {color:#000;font-weight:bold;}
.tab_nav li.on a:after {right:16px;opacity:1;}
.tab_nav li a:hover {color:#39c0e5;}
.tab_nav li a:hover:after {right:16px;border-color:#39c0e5;opacity:1;}

/* tab_cont */
.tab_cont {display:none;position:relative;}
.tab_cont.on {display:block;animation:fade both 0.5s 0.2s;}

/* M05_A_cont */
.M05_A_cont {position:relative;}
.M05_A_cont:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M05_A_cont .tab_nav {float:left;width:174px;}
.M05_A_cont .tab_cont {float:right;width:calc(100% - 224px);}

/* Owl As-is 초기화 */
.M05_A_cont .owl-stage-outer, .M05_A_cont .owl-stage, .M05_A_cont .owl-item {height:auto !important;overflow:hidden;}
.M05_A_cont .owl-stage {width:100%;overflow:hidden;}
.M05_A_cont .owl-carousel .active span {background:none;}

/* owl-carousel */
.M05_A_cont .M05_A_inner {position:relative;width:calc(300% +  ((100vw - 1318px) / 2 ));}
.M05_A_cont .owl-carousel .owl-stage {display:block !important;}
.M05_A_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M05_A_cont .owl-carousel .item {display:block;position:relative;float:left;width:310px;box-sizing:border-box;}
.M05_A_cont .owl-carousel .owl-item {margin-right:26px;}
.M05_A_cont .owl-carousel .btn_arrow span:after {display:inline-block;position:relative;left:inherit;top:2px;}
.M05_A_cont .owl-navm {width: calc(100% - 32px); top: 120px;}
.M05_A_cont .img {position:relative;width:100%;background:#f5f5f5;overflow:hidden;}
.M05_A_cont .img:before {content:"";display:block;width:100%;height:0;padding-bottom:100%;background-color:#ddd;}
.M05_A_cont .img .img_p,
.M05_A_cont .img .img_m {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.M05_A_cont .img img {width:100%;}
.M05_A_cont .md_tit {margin-top:18px;display:block;font-weight:bold;}
.M05_A_cont .md_tit a {display:inline-block;}
.M05_A_cont .md_txt {margin-top:5px;}

/* 3단이하 */
.M05_A_inner.m1 .owl-carousel,
.M05_A_inner.m2 .owl-carousel,
.M05_A_inner.m3 .owl-carousel {width:calc(100% + 26px);margin-left:-26px;}
.M05_A_inner.m1 .owl-carousel .item,
.M05_A_inner.m2 .owl-carousel .item,
.M05_A_inner.m3 .owl-carousel .item {width:310px;margin-left:26px;}
.M05_A_inner.m1 .owl-pagn,
.M05_A_inner.m2 .owl-pagn,
.M05_A_inner.m3 .owl-pagn {display:none;}

/* Navication */
.M05_A_cont .owl-pagn {position:relative;width:100%;max-width:1094px;margin-top:40px;padding-bottom:0;z-index:2;}
.M05_A_cont .owl-pagn-inner {position:absolute;right:0;top:0;}
.M05_A_cont .owl-nav {position:absolute;right:calc(100% - 1094px);bottom:-97px;}

/* Tab 없는 경우 : cont_all */
.M05_A_cont.cont_all .tab_cont {float:none;width:100%;}
.M05_A_cont.cont_all .owl-pagn {max-width:1308px;}
.M05_A_cont.cont_all .owl-nav {right:calc(100% - 1308px);}

/* -PC 확장형- */
@media all and (max-width:1504px){
    .M05_A_cont .M05_A_inner {width:calc(100% + 93px);}
    .M05_A_cont .owl-pagn {width:calc(100% - 93px);}
    .M05_A_cont .owl-nav {right:inherit;left:calc(100% - 190px);}
    .M05_A_cont .owl-item.cloned:last-child {display:none;}
}

@media all and (max-width:1400px){
    .M05_A_inner.m3 .owl-carousel {display:block;margin-left:0;}
    .M05_A_inner.m3 .owl-carousel .item {width:310px;margin-left:0;}
    .M05_A_inner.m3 .owl-pagn {display:block;}
    .M05_A_cont .M05_A_inner.m3 .owl-nav {right:inherit;left:calc(100% - 214px);}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M05_A .tit_e {margin-bottom:10px;}
    .M05_A .tit_b {margin-top:-6px;margin-bottom:40px;}
    .M05_A .tit_e + .M05_A_cont {margin-top:40px;}

    /* tab_nav */
    .tab_nav {margin-bottom:30px;border-top:0;}
    .tab_nav li {float:left;margin-left:15px;border-bottom:0;font-size:16px;line-height:28px;}
    .tab_nav li:first-child {margin-left:0;}
    .tab_nav li a {padding:5px 2px 5px 1px;color:#888;transition:all 0.4s;}
    .tab_nav li a:after {display:none;}
    .tab_nav li a:before {position:absolute;left:50%;bottom:0;width:0;height:2px;background:#000;content:"";transition:all 0.4s;}
    .tab_nav li a:hover:before {left:0;width:100%;background:#39c0e5;}
    .tab_nav li.on a:before {left:0;width:100%;}
    .tab_nav:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

    /* M05_A_cont */
    .M05_A_cont .tab_nav {float:none;width:100%;}
    .M05_A_cont .tab_cont {float:none;width:100%;}
    .M05_A_cont .md_tit {margin-top:10px;}
    .M05_A_cont .M05_A_inner {width:calc(100% + ((100vw - 779px) /2 ));}
    .M05_A_cont .owl-carousel .item {width:calc((100vw - 60px - 16px) / 2);max-width:310px;}
    .M05_A_cont .owl-carousel .owl-item {margin-right:16px;}
    .M05_A_cont .owl-carousel .btn_arrow span {padding-right:0;}
    .M05_A_cont .owl-carousel .btn_arrow span:after {top:3px;}

    /* owl-carousel */
    .M05_A_cont .owl-carousel .item {width:60vw;max-width:300px;min-width:220px;}
    .M05_A_inner.m1 .owl-carousel,
    .M05_A_inner.m2 .owl-carousel,
    .M05_A_inner.m3 .owl-carousel {width:100%;margin-left:0;}
    .M05_A_inner.m1 .owl-carousel .item,
    .M05_A_inner.m2 .owl-carousel .item,
    .M05_A_inner.m3 .owl-carousel .item {width:60vw !important;max-width:300px;min-width:220px;margin-left:0 !important;}
    .M05_A_inner.m2 .owl-pagn{display:block;}

    /* Navication */
    .M05_A_cont .owl-pagn {margin-top:30px;width:calc(100% - ((100vw - 779px) /2 ));padding-bottom:0;}
}

@media all and (max-width:838px){
    .M05_A_cont .M05_A_inner {width:calc(100% + 30px);}
    .M05_A_cont .owl-pagn {width:calc(100% - 32px);}
}

@media all and (max-width:600px){
    /* owl-carousel */
    .M05_A_inner.m1 {width:100%;}
    .M05_A_inner.m1 .owl-carousel {display:block;margin-left:0;}
    .M05_A_inner.m1 .owl-carousel .item {width:100% !important;max-width:540px;margin-left:0;}
}






/*** M06_A | Award ***/
.M06_A .tit_e {margin-bottom:20px;} 
.M06_A .tit_e + .tit_desc,
.M06_A .tit_e + .md_txt { margin-bottom: 20px; }
.M06_A .tit_b { margin-top: -12px; margin-bottom: 40px; }
.M06_A .tit_b .txt_l { display: block; margin: 0 0 -2rem; padding-top: 1rem; font-weight: 400; font-size: 1.8rem; line-height: 2.8rem; letter-spacing: -0.04rem; }
.M06_A .tit_b + .tit_desc,
.M06_A .tit_b + .md_txt { margin-top: -20px; }
.M06_A .tit_desc,
.M06_A .md_txt { margin-bottom: 40px; }

/* Owl As-is 초기화 */
.M06_A_cont .owl-stage-outer, .M06_A_cont .owl-stage, .M06_A_cont .owl-item {height:auto !important;}
.M06_A_cont .owl-carousel .active span {background:none;}
.M06_A_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}
.M06_A_cont .owl-carousel.act .owl-item.cloned {opacity:0;}

/* owl-carousel */
.M06_A_cont {position:relative;}
.M06_A_cont .owl-carousel {display:block !important;}
.M06_A_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M06_A_cont .owl-carousel .item {display:block;float:left;width:534px;margin-right:26px;box-sizing:border-box;overflow:hidden;}
.M06_A_cont .owl-navm{top:70px;}
.M06_A_cont .module_ty .md_tit {margin-bottom:8px;font-size:14px ;line-height:24px;}
.M06_A_cont .module_ty .md_btn {margin-top:10px;}
.M06_A_cont:after {position:absolute;left:-1000px;top:0;width:1000px;height:100%;background:rgba(255,255,255,0.8);content:"";z-index:10;transition:opacity 0.4s;}
.bg .M06_A_cont:after {background:linear-gradient(to right,rgba(245,245,245,0.8) 99%,rgba(245,245,245,0));}

/* Navication */
.M06_A_cont .owl-pagn {width:100%;max-width:1318px;margin-top:40px;padding-bottom:57px;}
.M06_A_cont .owl-pagn-inner {position:absolute;right:0;top:0;}
.M06_A_cont .owl-nav {position:absolute;right:calc(100% - 1318px);bottom:-97px;}

/* -PC 확장형- */
@media all and (max-width:1504px){
    .M06_A_cont .owl-nav {right:0}
}

/* 2단 */
@media all and (min-width:1024px){
    .M06_A_cont.m2 .owl-pagn {display:none;}
    .M06_A_cont.m2 .owl-carousel .item {width:calc(50% - 13px);margin-right:26px;}
    .M06_A_cont.m2 .owl-carousel .item:last-child {margin-right:0;}
}

/* 1단 */
@media all and (min-width:601px){
    .M06_A_cont.m1 .owl-pagn {display:none;}
    .M06_A_cont.m1 .owl-carousel .item {display:flex;flex-wrap:wrap;position:relative;margin-right:0;width:100%;max-width:100%;box-sizing:border-box;}
    .M06_A_cont.m1 .owl-carousel .item .img,
    .M06_A_cont.m1 .owl-carousel .item .txt {align-self:center;box-sizing:border-box;}
    .M06_A_cont.m1 .owl-carousel .item .img {width:calc(50% - 13px);margin-bottom:0;}
    .M06_A_cont.m1 .owl-carousel .item .txt {width:calc(50% + 13px);padding:0 0 0 28px;}
    .M06_A_cont.m1 .owl-carousel.cvs .item {direction:rtl;}
    .M06_A_cont.m1 .owl-carousel.cvs .item .txt {padding:0 28px 0 0;direction:ltr;}
}

@media all and (min-width:1024px){
    .M06_A_cont.m1 .owl-carousel .item .txt {padding:0 6.9% 0 50px;}
    .M06_A_cont.m1 .owl-carousel.cvs .item .txt {padding:0 6.9% 0 0;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M06_A .tit_e {margin-bottom:10px;}
    .M06_A .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M06_A .tit_b .txt_l { margin-top: -1rem; padding: 1rem 0 2rem; font-size: 1.4rem; line-height: 2.4rem; }
    .M06_A .tit_desc,
    .M06_A .md_txt {width:100%;margin-bottom:20px;}
    .M06_A .tit_b + .tit_desc,
    .M06_A .tit_b + .md_txt {margin-top:-10px;}

    /* Owl As-is 초기화 */
    .M06_A_cont .owl-item.cloned:last-child {display:none;}

    /* owl-carousel */
    .M06_A_cont .owl-carousel .item {width:calc((100vw - 60px) * 0.74);min-width:221px;max-width:442px;margin-right:16px;}
    .M06_A_cont .module_ty .md_tit {margin-bottom:6px;}
    .M06_A_cont .module_ty .md_btn {margin-top:8px;}

    /* 1단 */
    .M06_A_cont.m1 .owl-carousel .item {width:100%;max-width:100%;}
    .M06_A_cont.m1 .owl-pagn {display:none;}

    /* Navication */
    .M06_A_cont .owl-pagn {margin-top:30px;padding-bottom:0;}
}

@media all and (max-width:850px){
    .M06_A_cont:after {opacity:0;}
}






/*** M06_B | Testimonial ***/
.M06_B,
.M06_B.resp {padding-bottom:0 !important;}
.M06_B + .cont {padding-top:100px !important;}
.M06_B .tit_e {margin-bottom:10px;} 
.M06_B .tit {margin-bottom:40px;font-weight:normal;}

/* M06_B_tit */
.M06_B_tit {position:absolute;left:94px;top:80px;width:calc(100% - 186px);max-width:1318px;color:#fff;z-index:10;}
.M06_B_tit .tit_e {color:#fff;}

/* M06_B_cont */
.M06_B_cont {position:relative;left:calc(0% - ((100vw - 1318px) / 2));width:calc(100% + (100vw - 1318px) + 1px);}
.M06_B_cont .caroufredsel_wrapper {width:100% !important;max-height:740px !important;}
.M06_B_cont .md_cont_control {position:absolute;left:50%;bottom:80px;width:94px;margin-left:61px;z-index:10;}
.M06_B_cont .img_m {display:none;}

/** md_cont **/
.M06_B_cont .md_cont {position:relative;}
.M06_B_cont .md_cont .li {position:relative;display:block;float:left;width:100%;box-sizing:border-box;overflow:hidden;cursor:default;}
.M06_B_cont .md_cont .li .img {position:relative;width:calc(100% - 1px);height:740px;overflow:hidden;z-index:1;}
.M06_B_cont .md_cont .li .img:before {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:2;display:none;}
.M06_B_cont .md_cont .li .img img {width:100%;}
.M06_B_cont .md_cont .li .img .img_p,
.M06_B_cont .md_cont .li .img .img_m {position:absolute;left:0;top:0;width:100%;height:100%;}
.M06_B_cont .md_cont .li .txt {position:absolute;left:50%;bottom:40px;width:870px;margin-left:-659px;box-sizing:border-box;z-index:3;}
.M06_B_cont .md_cont .li .txt_inner {position:relative;padding:60px 0 105px 0;background:#fff;box-sizing:border-box;}
.M06_B_cont .md_cont .li .txt .scrollbar-inner {height:314px;}
.M06_B_cont .md_cont .li .txt ul,
.M06_B_cont .md_cont .li .txt .txt_area {padding:0 12.7%;}
.M06_B_cont .md_cont .li .txt .md_tit {position:relative;display:block;margin-bottom:20px;overflow:hidden;}
.M06_B_cont .md_cont .li .txt .md_tit em {display:block;font-weight:700;}
.M06_B_cont .md_cont .li .txt .md_tit span,
.M06_B_cont .md_cont .li .txt .md_tit i {display:block;position:relative;overflow:hidden;}
.M06_B_cont .md_cont .li .txt .t_txt {display:inline;margin-right:16px;}
.M06_B_cont .md_cont .li .txt .t_btn {display:inline-block;}
.M06_B_cont .md_cont .li .txt .md_btn {position:relative;margin-top:20px;}
.M06_B_cont .md_cont:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/* Text Align */
.M06_B_cont .md_cont .li .txt.center {text-align:center;}
.M06_B_cont .md_cont .li .txt.right {text-align:right;}

/* Active */
.M06_B_cont .md_cont .li.act .img p {animation:scaleBg02 both ease-in-out 1.8s;}
.M06_B_cont .md_cont .li.act .tit_e {animation:fade both 0.7s 0.2s;}
.M06_B_cont .md_cont .li.act .md_tit i {animation:txtTop both 0.4s 0.6s;}
.M06_B_cont .md_cont .li.act .md_tit span:nth-child(1) i {animation-delay:0.2s;}
.M06_B_cont .md_cont .li.act .md_tit span:nth-child(2) i {animation-delay:0.4s;}
.M06_B_cont .md_cont .li.act .md_txt {animation:fade both 0.7s 0.7s;}
.M06_B_cont .md_cont .li.act .md_btn {animation:fade both 0.7s 1s;}

/* Scroll */
.M06_B_cont .scroll-wrapper:before {position:absolute;left:0;top:0;width:100%;height:10px;background:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0));content:"";z-index:2;}
.M06_B_cont .scroll-wrapper:after {position:absolute;left:0;bottom:0;width:100%;height:10px;background:linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0));content:"";}

@media all and (max-width:1504px){
    .M06_B_cont {left:-93px;width:calc(100vw + 186px);}
    .M06_B_cont .md_cont_control {left:763px;margin-left:0;}
    .M06_B_cont .md_cont .li .txt {left:93px;width:820px;margin-left:0;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M06_B + .cont {padding-top:50px !important;}
    .M06_B .tit_e {margin-bottom:10px;}
    .M06_B .tit {margin-bottom:20px;}
    /* M06_B_tit */
    .M06_B_tit {left:30px;top:40px;width:calc(100% - 60px);}

    /* M06_B_cont */
    .M06_B_cont {left:calc(0% - ((100vw - 778px) / 2));width:calc(100% +  (100vw - 777px));}
    .M06_B_cont .md_cont_control {left:calc(0% + ((100vw - 778px) / 2));bottom:50px;width:calc(100% - 30px);max-width:748px;}
    .M06_B_cont .md_pagn_prev {position:absolute;right:30px;bottom:-9px;transform:scale(0);opacity:0;display:none !important;}
    .M06_B_cont .md_pagn_next {position:absolute;right:30px;bottom:-9px;transform:scale(0);opacity:0;display:none !important;}
    .M06_B_cont .md_pagn_prev:focus, .M06_B_cont .md_pagn_next:focus {transform:scale(1);opacity:1;}

    /** md_cont **/
    .M06_B_cont .md_cont .li .img {height:100vh;min-height:450px;max-height:580px;background:#f5f5f5;}
    .M06_B_cont .md_cont .li .txt {left:calc((100vw - 778px) / 2);bottom:20px;width:calc(100% - 30px);max-width:778px;}
    .M06_B_cont .md_cont .li .txt_inner {padding:30px 0 60px 0;}
    .M06_B_cont .md_cont .li .txt .scrollbar-inner {height:300px;}
    .M06_B_cont .md_cont .li .txt ul,
    .M06_B_cont .md_cont .li .txt .txt_area {padding:0 30px;}
    .M06_B_cont .md_cont .li .txt .md_tit {margin-bottom:10px;}
    .M06_B_cont .md_cont .li .txt .t_btn {display:block;margin:10px 0 0 0;}
    .M06_B_cont .md_cont .li .txt .md_btn {margin-top:20px;}
    .M06_B_cont .md_cont .li .txt .md_btn a {margin-top:5px;}
}

@media all and (max-width:838px){
    .M06_B_cont {left:-30px;width:calc(100% + 61px);}
    .M06_B_cont .md_cont_control {left:0;width:100%;margin:0 auto;padding:0 30px;}
    .M06_B_cont .md_cont .li .txt {left:30px;width:calc(100% - 30px);margin:0;}
}

@media all and (max-width:600px){
    .M06_B_cont .img_m {display:block;}
    .M06_B_cont .md_cont .li .txt .md_tit {font-size:16px;line-height:28px;}
}

@media all and (orientation:landscape){
    .M06_B_cont .img_m {display:none;}
}





/*** M06_C | AR Report ***/
.M06_C .tit { margin-top: 10px; font-weight: normal; }
.M06_C .tit + .M06_C_cont { margin-top: 40px; }
.M06_C .tit_e + .M06_C_cont { margin-top: 20px; }
.M06_C_cont { position: relative; background: #fff; }
.M06_C_cont .caroufredsel_wrapper { width: 100% !important; max-height: 740px !important; }
.M06_C_cont .md_cont_control { position: absolute; right: 20px; bottom: 80px; width: 94px; z-index: 10; }
.M06_C_cont .img_m { display: none; }

/** md_cont **/
.M06_C_cont .md_cont { position: relative; }
.M06_C_cont .md_cont .li { position: relative; display: block; float: left; width: 100%; box-sizing: border-box; overflow: hidden; cursor: default; }
.M06_C_cont .md_cont .li .img { position: relative; width: 100%; height: 740px; background: #f5f5f5; overflow: hidden; z-index: 1; }
.M06_C_cont .md_cont .li .img img { width: 100%; }
.M06_C_cont .md_cont .li .img .img_p, .M06_C_cont .md_cont .li .img .img_m { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M06_C_cont .md_cont .li .txt { position: absolute; right: 0; bottom: 40px; width: 83%; box-sizing: border-box; z-index: 3; }
.M06_C_cont .md_cont .li .txt_inner { position: relative; padding: 60px 0 120px 0; background: #fff; box-sizing: border-box; }
.M06_C_cont .md_cont .li .txt .scrollbar-inner { height: 200px; }
.M06_C_cont .md_cont .li .txt ul, .M06_C_cont .md_cont .li .txt .txt_area { padding: 0 10.2%; }
.M06_C_cont .md_cont .li .txt .md_tit { position: relative; display: block; margin-bottom: 20px; overflow: hidden; }
.M06_C_cont .md_cont .li .txt .md_tit em { display: block; font-weight: 700; }
.M06_C_cont .md_cont .li .txt .md_tit span, .M06_C_cont .md_cont .li .txt .md_tit i { display: block; position: relative; overflow: hidden; }
.M06_C_cont .md_cont .li .txt .t_txt { display: inline; margin-right: 16px; }
.M06_C_cont .md_cont .li .txt .t_btn { display: inline-block; }
.M06_C_cont .md_cont .li .txt .md_btn { position: relative; margin-top: 20px; }

/* 20230119 아이콘 스티커 삭제 */
.M06_C_cont .md_cont:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }

/* md_btn_box */
.md_btn_box a { margin-right: 15px; }
.md_btn_box a:last-child { margin-right: 0; }

/* Text Align */
.M06_C_cont .md_cont .li .txt.center { text-align: center; }
.M06_C_cont .md_cont .li .txt.right { text-align: right; }

/* Active */
.M06_C_cont .md_cont .li.act .tit_e { animation: fade both 0.7s 0.2s; }
.M06_C_cont .md_cont .li.act .md_tit i { animation: txtTop both 0.4s 0.6s; }
.M06_C_cont .md_cont .li.act .md_tit span:nth-child(1) i { animation-delay: 0.2s; }
.M06_C_cont .md_cont .li.act .md_tit span:nth-child(2) i { animation-delay: 0.4s; }
.M06_C_cont .md_cont .li.act .md_txt { animation: fade both 0.7s 0.7s; }
.M06_C_cont .md_cont .li.act .md_btn { animation: fade both 0.7s 1s; }
.M06_C_cont .md_cont .li.act .txt:after { animation: fade both ease-in-out 0.4s 0.3s; }

/* Scroll */
.M06_C_cont .scroll-wrapper:before { position: absolute; left: 0; top: 0; width: 100%; height: 10px; background: transparent; background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); content: ""; z-index: 2; }
.M06_C_cont .scroll-wrapper:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; background: transparent; background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); content: ""; }

/* Bg */
.bg .M06_C_cont .md_cont .li .txt_inner { background: #f5f5f5; }
.bg .M06_C_cont .scroll-wrapper:before, .bg .M06_C_cont .scroll-wrapper:after { display: none; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M06_C .tit_e + .M06_C_cont { margin-top: 10px; }
    .M06_C .tit + .M06_C_cont { margin-top: 20px; }
    .M06_C_cont .md_cont_control { right: 0; bottom: 50px; width: 100%; max-width: 838px; margin: 0 auto; padding: 0 30px; }
    .M06_C_cont .md_pagn_prev { position: absolute; right: 30px; bottom: -9px; transform: scale(0); opacity: 0; display: none !important; }
    .M06_C_cont .md_pagn_next { position: absolute; right: 30px; bottom: -9px; transform: scale(0); opacity: 0; display: none !important; }
    .M06_C_cont .md_pagn_prev:focus, .M06_C_cont .md_pagn_next:focus { transform: scale(1); opacity: 1; }

    /** md_cont **/
    .M06_C_cont .md_cont .li .img { height: 100vh; min-height: 450px; max-height: 580px; }
    .M06_C_cont .md_cont .li .txt { bottom: 20px; width: calc(100% - 30px); }
    .M06_C_cont .md_cont .li .txt_inner { padding: 30px 0 60px 0; }
    .M06_C_cont .md_cont .li .txt .scrollbar-inner { height: 300px; }
    .M06_C_cont .md_cont .li .txt ul, .M06_C_cont .md_cont .li .txt .txt_area { padding: 0 30px; }
    .M06_C_cont .md_cont .li .txt .md_tit { margin-bottom: 10px; }
    .M06_C_cont .md_cont .li .txt .t_btn { display: block; margin: 10px 0 0 0; }
    .M06_C_cont .md_cont .li .txt .md_btn { margin-top: 20px; }
    .M06_C_cont .md_cont .li .txt .md_btn a { margin-top: 5px; }
    .M06_C_cont .md_cont .li .txt:before, .M06_C_cont .md_cont .li .txt:after { left: 15px; top: -120px; width: 150px; height: 150px; }

    /* md_btn_box */
    .md_btn_box a { margin-right: 10px; }
}

@media all and (max-width:838px) {
    .M06_C { padding-bottom: 0; }
    .M06_C + .cont { padding-top: 50px; }
    .M06_C_cont { margin: 0 -31px 0 -30px; }
    * + .M06_C_cont { margin-top: 20px; }
}

@media all and (max-width:600px) {
    .M06_C_cont .img_m { display: block; }
}

@media all and (orientation:landscape) {
    .M06_C_cont .img_m { display: none; }
}








/*** M06_D | Relation Offering  ***/
.main .M06_D { padding: 100px 0 120px 0 !important; }
.M06_D .tit_main_e { position: relative; margin-bottom: 20px; }
.M06_D .tit_main_b { position: relative; margin-top: -12px; margin-bottom: 20px; }
.M06_D .tit_main_e + .tit_main_b { margin-top: 0; }
.M06_D .tit_main_b + .md_btn_box { margin-bottom: 40px; }
.M06_D .tit_main_b + .M06_D_cont { margin-top: 9rem; }
.M06_D .inner .btn_arrow { font-size: 22px; }

/* Owl As-is 초기화 */
.M06_D_cont .slider_cont .active span { background: none; }
.M06_D_cont .slider_cont .slick-list { overflow: inherit !important; overflow-y: hidden; }

/* slider_cont */
.M06_D_cont { position: relative; padding-top: 10px; }
.M06_D_cont .slider { padding-left: 200px; }
.M06_D_cont .slider_cont:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }

/*20230608 2개씩 보이게 넓이 수정*/
.M06_D_cont .slider_cont .item { display: flex; position: relative; float: left; width: 50%; max-width: 550px; min-height: 240px; margin: 0 8px; }
.M06_D_cont .slider_cont .item .md_cate { display: block; margin-bottom: 8px; color: #2189ff; }
.M06_D_cont .slider_cont .item .md_tit { font-size: 20px; line-height: 30px; }
.M06_D_cont .slider_cont .item .md_tit em { margin-bottom: 10px; display: block; }
.M06_D_cont .slider_cont .item .md_tit p { font-size: 14px; line-height: 22px; }
.M06_D_cont .slider_cont .item .link_box { position: relative; top: 0; display: block; width: 100%; padding: 30px; background-color: #FAFAFA; color: #000; box-sizing: border-box; transition: all 0.3s; }
.M06_D_cont .slider_cont .item .arrow_btn { display: block; position: absolute; left: 30px; right: 30px; bottom: 30px; }
.M06_D_cont .slider_cont .item .arrow_btn .md_txt { margin-bottom: 0; font-weight: normal; color: #888; }

.M06_D_cont .slider_cont .item .arrow_btn .arrow_icon { opacity: 0; position: absolute; right: 0; top: 50%; display: inline-block; width: 32px; height: 2px; background: #2189ff; transition: all 0.3s; }
.M06_D_cont .slider_cont .item .arrow_btn .arrow_icon:before { position: absolute; right: 0; top: -4px; display: block; width: 10px; height: 10px; transform: rotate(45deg); border: solid #2189ff; border-width: 2px 2px 0 0; content: ''; }
.M06_D_cont .slider_cont .md_tit { display: block; margin-bottom: 40px; }
.M06_D_cont .slider_cont .md_txt { margin-bottom: 20px; display: block; }
.M06_D_cont .slick-track { display: flex !important; }
.M06_D_cont .slick-slide { height: auto; }

/* 링크 없을경우 div태그로 들어감 a태그에만 hover */
.M06_D_cont .slider_cont .item a.link_box:hover, .M06_D_cont .slider_cont .item a.link_box:focus { top: -8px; background: rgba(33, 137, 255, 0.1); }
.M06_D_cont .slider_cont .item a.link_box:hover .arrow_btn .arrow_icon, .M06_D_cont .slider_cont .item a.link_box:focus .arrow_btn .arrow_icon { opacity: 1; }
.M06_D_cont:before { position: absolute; left: 0; top: 10px; width: 150px; height: 145px; z-index: 3; background: url('https://image.samsungsds.com/module_src/images/data/anr_left_bg.png?queryString=20241210125943') no-repeat 0 0; content: ''; }
.M06_D_cont:after { position: absolute; left: -810px; top: 0; width: 1000px; height: 100%; background: #fff; content: ""; z-index: 2; }

/* Background Gray */
.bg .M06_D_cont:after { background: #f5f5f5; }
.bg .M06_D_cont .slider_cont .item .link_box { background-color: #fff; }

/* 4단이하 */
.M06_D_cont.m1 .slider_cont, .M06_D_cont.m2 .slider_cont, .M06_D_cont.m3 .slider_cont, .M06_D_cont.m4 .slider_cont { display: flex; width: auto; margin-left: -26px; }
.M06_D_cont.m1 .slider_cont .item, .M06_D_cont.m2 .slider_cont .item, .M06_D_cont.m3 .slider_cont .item, .M06_D_cont.m4 .slider_cont .item { width: 310px; margin-left: 26px; }
.M06_D_cont.m1 .owl-pagn, .M06_D_cont.m2 .owl-pagn, .M06_D_cont.m3 .owl-pagn, .M06_D_cont.m4 .owl-pagn { display: none; }

/* Navication */
.M06_D_cont .navigation { position: absolute; right: 0; top: -70px; width: 240px; padding-bottom: 0; z-index: 2; height: 30px; }
.M06_D_cont .carousel-pagn { position: absolute; right: 70px; top: 8px; width: 94px; }
.M06_D_cont .carousel-pagn-inner { position: absolute; right: 0px; top: 0; }
.M06_D_cont .carousel-nav { position: absolute; right: 35px; bottom: 0; }
.M06_D_cont .carousel-nav:after { content: ""; display: block; clear: both; }
.M06_D_cont .carousel-nav .carousel-prev { float: left; }
.M06_D_cont .carousel-nav .carousel-next { float: right; }

/* md_play */
.M06_D_cont .md_play { position: absolute; right: 0px; top: 0px; }
.M06_D_cont .md_play a { position: relative; display: block; width: 30px; height: 30px; border: 1px solid #000; border-radius: 50%; overflow: hidden; transition: all .4s; }
.M06_D_cont .md_play a:before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #0098c2; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M06_D_cont .md_play a:after { position: absolute; content: ""; transition: all 0.4s; }
.M06_D_cont .md_play .md_btn_play:after {  left: 50%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; transform: translate(-50%, -50%); }
.M06_D_cont .md_play .md_btn_stop:after { left: 11px; top: 9px; width: 7px; height: 10px; border: 2px solid #000; border-width: 0 2px; }
.M06_D_cont .md_play a:hover,
.M06_D_cont .md_play a:focus { background-color: #0098c2; border-color: #0098c2; }
.M06_D_cont .md_play a:hover:before,
.M06_D_cont .md_play a:focus:before { transform: translateX(0); }
.M06_D_cont .md_play .md_btn_play:hover:after,
.M06_D_cont .md_play .md_btn_play:focus:after { border-left-color: #fff; }
.M06_D_cont .md_play .md_btn_stop:hover:after,
.M06_D_cont .md_play .md_btn_stop:focus:after { border-color: #fff; }
.M06_D_cont .md_play .md_btn_play { display: none; }
.M06_D_cont .md_play .md_btn_stop { display: block; }
.M06_D_cont .md_play.on .md_btn_play { display: block; }
.M06_D_cont .md_play.on .md_btn_stop { display: none; }

/*20230608 2개씩 보이게 넓이 수정*/
@media all and (max-width:1370px) {
    .M06_D_cont .slider_cont .item { max-width: 480px; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .main .M06_D { padding: 50px 0 60px 0 !important; }
    .M06_D .tit_main_e { margin-bottom: 10px; }
    .M06_D .tit_main_b { margin-bottom: 10px; }
    .M06_D .tit_main_b + .M06_D_cont { margin-top: 5.4rem; }
    .M06_D .tit_main_b + .md_btn_box { margin-bottom: 20px; }
    .M06_D .inner .btn_arrow { font-size: 14px; }

    /* slider_cont */
    .M06_D_cont { padding-top: 0; }
    .M06_D_cont:before { display: none; }
    .M06_D_cont:after { display: none; }
    .M06_D_cont .slider { padding-left: 0; }
    .M06_D_cont .slider_cont .item { width: 240px; max-width: none; min-height: 240px; }
    .M06_D_cont .slider_cont .item .md_tit { font-size: 16px; line-height: 26px; }
    .M06_D_cont .slider_cont .item .md_cate { margin-bottom: 10px; }
    .M06_D_cont .slider_cont .item .link_box { padding: 25px; }
    .M06_D_cont .slider_cont .item .arrow_btn { left: 25px; right: 25px; bottom: 25px; }
    .M06_D_cont .slider_cont .item:after { left: -16px; width: 16px }

    /* 4단이하 */
    .M06_D_cont.m1 .slider_cont .item:after { left: -26px; width: 26px }
    .M06_D_cont.m2 .slider_cont { display: block; margin-left: 0; }
    .M06_D_cont.m2 .slider_cont .item { width: 310px; margin-left: 0; }
    .M06_D_cont.m2 .owl-pagn, .M06_D_cont.m3 .owl-pagn, .M06_D_cont.m4 .owl-pagn { display: block; }

    /* Navication */
    .M06_D_cont .navigation { position: relative; margin-top: 30px; width: 100%; top: auto; bottom: 0; }
    .M06_D_cont .carousel-pagn { right: 0; left: 0; margin: 0 auto; width: calc(100% - 70px); }
    .M06_D_cont .carousel-nav { right: auto; }

    /* Navication */
    .M06_D_cont .md_play { display: none; }
}
@media all and (max-width:600px) {
    /* 1단 */
    .M06_D_cont.m1 .slider_cont { display: block; margin-left: 0; }
    .M06_D_cont.m1 .slider_cont .item { width: 100%; margin-left: 0; }
    .M06_D_cont .slider_cont .item .arrow_btn .arrow_icon { width: 20px; }
    .M06_D_cont .slider_cont .item .arrow_btn .arrow_icon:before { top: -4px; width: 10px; height: 10px; }
}








/*** M06_E | Relation Offering  ***/
.cont.M06_E { overflow: hidden; }
.cont.M06_E .fp-tableCell { overflow: hidden; }
.M06_E .tit_main_e {margin-bottom:20px;} 
.M06_E .tit_main_b {margin-top:-12px;margin-bottom:20px;}
.M06_E .tit_main_e + .tit_main_b {margin-top:0;}
.M06_E .tit_main_b + .md_btn_box {position:relative;z-index:3;max-width:200px;margin-bottom:40px;}
.M06_E .tit_main_b + .M06_E_cont {margin-top:60px;}
.M06_E .inner {max-width:inherit;padding:0px;padding-bottom:20px;}
.M06_E .inner .btn_arrow {font-size:22px;}
.M06_E .inner .txt {position:relative;max-width:1504px;margin:0 auto;padding:0 93px;}

/* Owl As-is 초기화 */
.M06_E_cont .slider_cont .active span {background:none;}
.M06_E_cont .slider_cont .slick-list {overflow:inherit !important;overflow-y:hidden;}

/* slider_cont */
.M06_E_cont {position:relative;}
.M06_E_cont .slider_cont:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M06_E_cont .slider_cont .flickity-viewport {overflow:inherit !important;overflow-y:hidden;cursor: unset;}
.M06_E_cont .slider_cont .item {display:flex;position:relative;float:left;width:320px;min-height:320px;margin:0 12px;}
.M06_E_cont .slider_cont .item .link_box {position:relative;top:0;display:block;width:100%;padding:40px;/*background:#f5f5f5;*/border:1px solid #EAEAEA;color:#000;box-sizing:border-box;transition:all 0.3s;}
.M06_E_cont .slider_cont .item .link_box > img { display: block; margin: 0 auto; max-width: 100%; }
.M06_E_cont .slider_cont .item .arrow_btn {display:block;position:absolute;left:40px;right:40px;bottom:40px;}
.M06_E_cont .slider_cont .item .arrow_btn p {margin-bottom:0;font-weight:normal;font-size:24px;line-height:36px;}
.M06_E_cont .slider_cont .item .arrow_btn .arrow_icon{position:absolute;right:0;top:50%;display:inline-block;width:32px;height:2px;background:#000;transition:all 0.3s;}
.M06_E_cont .slider_cont .item .arrow_btn .arrow_icon:before {position:absolute;right:0;top:-4px;display:block;width:10px;height:10px;transform:rotate(45deg);border:solid #000;border-width:2px 2px 0 0;content:'';}
.M06_E_cont .slider_cont .item .arrow_btn:hover .arrow_icon {right:-3px;}
.M06_E_cont .slider_cont .md_tit {display:block;margin-bottom:8px;font-size:24px;line-height:36px;}
.M06_E_cont .slider_cont .md_txt {display:block;margin-bottom:60px;}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor: unset;}

/* Background Gray */
.bg .M06_E_cont .slider_cont .item .link_box {background:#fff;}

/* 4단이하 */
.M06_E_cont.notloop{ width: auto; max-width: 1504px; margin: 0 auto; padding: 0 93px; }
.M06_E_cont.notloop .item:first-child {margin-left:0;}

/* Navication */
.M06_E_cont .navigation{position: absolute;right:93px;left:0;top:-70px;max-width:1504px;margin:0 auto;padding:0 93px;z-index:2;height:30px;}
.M06_E_cont .carousel-pagn {position:absolute;right:70px;top:8px;width:94px;}
.M06_E_cont .carousel-pagn-inner {position:absolute;right:0px;top:0;}
.M06_E_cont .carousel-nav {position:absolute;right:35px;bottom:0;}
.M06_E_cont .carousel-nav:after {content:"";display:block;clear:both;}
.M06_E_cont .carousel-nav > button { border-radius: 50%; }
.M06_E_cont .carousel-nav .carousel-prev {float:left;}
.M06_E_cont .carousel-nav .carousel-next {float:right;}

/* md_play */
.M06_E_cont .md_play { position: absolute; right: 0; top: 0; border: 1px solid #000; border-radius: 50%; transition: all 0.4s; }
.M06_E_cont .md_play a { position: relative; display: block; width: 28px; height: 28px; overflow: hidden; border-radius: 50%; transition: all .4s;}
.M06_E_cont .md_play a::after { position: absolute; left: 50%; top: 50%; content: ''; transform:translate(-50%,-50%); }
.M06_E_cont .md_play .md_btn_play:after { width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; }
.M06_E_cont .md_play .md_btn_stop:after { width: 6px; height: 10px; border: 2px solid #000; border-width: 0 2px; }
.M06_E_cont .md_play a:hover, 
.M06_E_cont .md_play a:focus { background: #2189ff; border-color: #2189ff; }
.M06_E_cont .md_play .md_btn_stop:hover:after,
.M06_E_cont .md_play .md_btn_stop:focus:after {border-color:#fff;}
.M06_E_cont .md_play .md_btn_play:hover:after,
.M06_E_cont .md_play .md_btn_play:focus:after {border-left-color:#fff;}

.M06_E_cont .md_play .md_btn_play {display:none;}
.M06_E_cont .md_play .md_btn_stop {display:block;}
.M06_E_cont .md_play.on .md_btn_play {display:block;}
.M06_E_cont .md_play.on .md_btn_stop {display:none;}

/* consulting banner */
.consulting_bnr { position:absolute;right:0;bottom:-60px;max-width:800px;width:100%;padding:45px 80px;z-index:2; height: 164px; } 
.consulting_bnr .img {position:absolute;left:0;top:0;width:100%;height:100%;}
.consulting_bnr .img .img_p,
.consulting_bnr .img .img_m {width:100%;height:100%;background-position:center;background-size:cover;}
.consulting_bnr .img .img_m {display:none;}
.consulting_bnr .md_tit {position:relative;font-size:24px;line-height:36px;color:#fff;}
.consulting_bnr .md_btn_box { position: absolute; }
.consulting_bnr .btn_arrow {color:#fff;}
.consulting_bnr .btn_arrow span:after {border-color:#fff;}

/* 20230801 하드코딩 style */
.M06_E_cont .slider_cont.custom_slide .item { width: 238px; min-height: 122px; }
.M06_E_cont .slider_cont.custom_slide .item .link_box { padding: 0; overflow: hidden; }
.inner .txt.mb100 { margin-bottom: 100px; }
.inner .txt.mb100 .tit_s { margin-bottom: 20px; }
/* //20230801 하드코딩 style */

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .cont.M06_E {padding-bottom:0;overflow:hidden;}
    .M06_E .tit_main_e {margin-bottom:10px;}
    .M06_E .tit_main_b {margin-top:-6px;margin-bottom:20px;}
    .M06_E .tit_main_b + .md_btn_box {margin-bottom:30px;}
    .cont.M06_E .inner {padding: 0 30px 45px;}
    .M06_E .inner .btn_arrow {font-size:14px;}
    .M06_E .inner .txt {max-width: 838px;padding: 0 0px;}
 
    /* slider_cont */
    .M06_E_cont .slider_cont .md_tit {font-size:20px;}
    .M06_E_cont .slider_cont .item {width:240px;min-height:240px;}
    .M06_E_cont .slider_cont .item .link_box {padding:24px;}
    .M06_E_cont .slider_cont .item .arrow_btn {left:24px;right:24px;bottom:24px;}
    .M06_E_cont .slider_cont .item .arrow_btn p {font-size:22px;}
    .M06_E_cont .slider_cont .item .arrow_btn .arrow_icon {width:24px;}
    .M06_E_cont .slider_cont .item .arrow_btn .arrow_icon:before {width:8px;height:8px;top:-3px;}
 
    /* 4단이하 */
    .M06_E_cont.notloop {max-width: 838px;padding: 0 0px;}
    .M06_E_cont.m2 .slider_cont {display:block;margin-left:0;}
    .M06_E_cont.m2 .slider_cont .item {width:310px;margin-left:0;}
    .M06_E_cont.m2 .carousel-pagn,
    .M06_E_cont.m3 .carousel-pagn,
    .M06_E_cont.m4 .carousel-pagn {display:block;}
 
    .M06_E_cont .md_play {display:none;}
 
    /* Navication */
    .M06_E_cont .navigation {position:relative;margin-top:30px;padding:0;width:100%;top:auto;bottom:0;}
    .M06_E_cont .carousel-pagn {right:0;left:0;margin:0 auto;width:calc(100% - 70px);}
    .M06_E_cont .carousel-nav {right:auto;}
 
    .consulting_bnr { position:relative;max-width:100%;bottom:0; height: 160px; }
 
    .inner .txt.mb100 { margin-bottom: 30px; }
    .inner .txt.mb100 .tit_s { margin-bottom: 10px; }
}

@media all and (max-width:600px){
    .consulting_bnr .img .img_p {display:none;}
    .consulting_bnr .img .img_m {display:block;}
 
    /* 1단 */
    .M06_E_cont.m1 .slider_cont {display:block;margin-left:0;}
    .M06_E_cont.m1 .slider_cont .item {width:100%;margin-left:0;}
    
    .consulting_bnr {padding:45px 30px;text-align:center;}
}







/*** M06_F ***/
.M06_F .tit_e { position: relative; margin-bottom: 20px; }
.M06_F .tit_b { position: relative; margin-top: -12px; margin-bottom: 20px; }
.M06_F .tit_e + .tit_b { margin-top: 0; }
.M06_F .tit_b + .md_btn_box { margin-bottom: 40px; }
.M06_F .tit_b + .M06_F_cont { margin-top: 55px; }
.M06_F .inner .btn_arrow { font-size: 22px; }

/* owl-carousel */
.M06_F_cont { position: relative; padding-top: 10px; }
.M06_F_cont .owl-carousel { display: flex; width: auto; padding-left: 200px; }
.M06_F_cont .owl-carousel .active span { background: none; }
.M06_F_cont .owl-carousel::after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }
.M06_F_cont .owl-carousel .item { display: flex; position: relative; float: left; width: 100%;  }
.M06_F_cont.m1 .owl-carousel .item { width: 100%; }
.M06_F_cont.m2 .owl-carousel .item { width: 50%; }
.M06_F_cont.m2 .owl-carousel .item:first-child { margin-right: 16px; }
.M06_F_cont .owl-carousel .item .md_cate { display: block; margin-bottom: 8px; color: #2189ff; height: 28px; }
.M06_F_cont .owl-carousel .item .md_tit .b_title { font-size: 20px; line-height: 32px; }
.M06_F_cont .owl-carousel .item .md_tit .b_title + .s_txt {margin-top: 1rem;}
.M06_F_cont .owl-carousel .item .link_box { position: relative; top: 0; display: block; width: 100%; padding: 30px; background-color: #FAFAFA; color: #000; box-sizing: border-box; transition: all 0.3s; }

/* md_btn_box */
.M06_F_cont .owl-carousel .item .md_btn { margin: 20px 0 0 0; }
.M06_F_cont .owl-carousel .item .md_btn_box a { margin-left: 0; margin-right: 15px; font-size: 16px; }
.M06_F_cont .owl-carousel .item .md_btn_box a:last-child { margin-right: 0; }
.M06_F_cont.m3 .owl-carousel .item .md_btn a { margin-right: 10px; }
.M06_F_cont.itemMax .owl-carousel .item .md_btn a { margin-right: 5px; }
.M06_F_cont .owl-carousel .item .arrow_btn { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
.M06_F_cont .owl-carousel .item .arrow_btn .md_txt { margin-bottom: 0; font-weight: normal; color: #888; }
.M06_F_cont .owl-carousel .item .arrow_btn .arrow_icon { opacity: 0; position: absolute; right: 0; top: 50%; display: inline-block; width: 32px; height: 2px; background: #2189ff; transition: all 0.3s; }
.M06_F_cont .owl-carousel .item .arrow_btn .arrow_icon:before { position: absolute; right: 0; top: -4px; display: block; width: 10px; height: 10px; transform: rotate(45deg); border: solid #2189ff; border-width: 2px 2px 0 0; content: ''; }

/* 20241111 item내 버튼 마크업 추가 */
.M06_F_cont .owl-carousel .item .arrow_btn a.btn_m { font-size: 14px; font-weight: normal; min-width: auto; padding: 0 20px; }
.M06_F_cont .owl-carousel .item .arrow_btn a.btn_m::after { border: 1px solid #ddd; }
.M06_F_cont .owl-carousel .item .arrow_btn a.btn_m span { display: flex; align-items: center; justify-content: center; }
.M06_F_cont .owl-carousel .item .arrow_btn a.btn_m span i { display: block; background-image: url('https://image.samsungsds.com/kr/ethics_compliance/ic_download_50.png?queryString=20241210125943'); background-repeat: no-repeat; background-size: 18px; background-position: right center; width: 18px; height: 18px; margin-left: 6px; transition: all 0.4s; }
.M06_F_cont .owl-carousel .item .arrow_btn a.btn_m:hover::after { border-color: #2189ff; }
.M06_F_cont .owl-carousel .item .arrow_btn a.btn_m:hover span i { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
/* //20241111 item내 버튼 마크업 추가 */

.M06_F_cont .owl-carousel .md_tit { display: block; line-height: normal; }
.M06_F_cont .owl-carousel .s_txt { font-size: 16px; line-height: 22px; -webkit-line-clamp: 6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.M06_F_cont .owl-carousel .md_txt { margin-bottom: 20px; display: block; }
.M06_F_cont .owl-carousel .item .md_btn .btn_arrow {font-size: 18px;}

/* 링크 없을경우 div태그로 들어감 */
.M06_F_cont:before { position: absolute; left: 0; top: 10px; width: 150px; height: 145px; z-index: 3; background: url('https://image.samsungsds.com/module_src/images/data/anr_left_bg.png') no-repeat 0 0; content: ''; }
.M06_F_cont:after { position: absolute; left: -810px; top: 0; width: 1000px; height: 100%; background: #fff; content: ""; z-index: 2; }
/* transition:opacity 0.4s; */

/* Background Gray */
.bg .M06_F_cont:after { background: #f5f5f5; }
.bg .M06_F_cont .owl-carousel .item .link_box { background-color: #fff; }
.M06_F_cont.m1 .owl-pagn, .M06_F_cont.m2 .owl-pagn { display: none; } /* 3개때 슬라이드 활성화 되던 수정내용 삭제 */

/* Navication */
.M06_F_cont .navigation { position: absolute; right: 0; top: -165px; width: 240px; padding-bottom: 0; z-index: 2; height: 30px; }

/* pc버전 item 3개 이하였을때 */
.M06_F_cont.m1 .navigation, .M06_F_cont.m2 .navigation { display: none; } /* 3개때 슬라이드 활성화 되던 수정내용 삭제 */
.M06_F_cont .owl-pagn { position: absolute; right: 70px; top: 8px; width: 94px; }
.M06_F_cont .owl-pagn-inner { position: absolute; right: 0; top: 0; }
.M06_F_cont .owl-pagn-inner .owl-pagn-bar { position: absolute; left: 50%; top: 50%; width: 48px; height: 2px; background: #ccc; transform: translate(-50%, -48%); overflow: hidden; }
.M06_F_cont .owl-nav.disabled { display: none !important; }
.M06_F_cont .owl-nav { width: 164px; position: absolute; right: 35px; bottom: 0; }
.M06_F_cont .owl-nav:after { content: ""; display: block; clear: both; }
.M06_F_cont .owl-nav .carousel-prev { float: left; }
.M06_F_cont .owl-nav .carousel-next { float: right; }
.cont .M06_F_cont .owl-nav .owl-prev, .cont .M06_F_cont .owl-nav .owl-next { border: 0 !important; }
.cont .M06_F_cont .owl-nav .owl-prev { float: left; }
.cont .M06_F_cont .owl-nav .owl-next { float: right; }
.cont .M06_F_cont .owl-nav .owl-prev:hover, .cont .M06_F_cont .owl-nav .owl-next:hover, .cont .M06_F_cont .owl-nav .owl-prev:focus, .cont .M06_F_cont .owl-nav .owl-next:focus { background: transparent !important; }
.cont .M06_F_cont .owl-nav .owl-prev:hover:after, .cont .M06_F_cont .owl-nav .owl-next:hover:after, .cont .M06_F_cont .owl-nav .owl-prev:focus:after, .cont .M06_F_cont .owl-nav .owl-next:focus:after { border-color: #2189ff; }
.M06_F_cont .owl-carousel .owl-nav button.owl-prev { float: left; }
.M06_F_cont .owl-carousel .owl-nav button.owl-next { float: right; }
.cont .M06_F_cont .owl-prev:before, .cont .M06_F_cont .owl-nav .owl-next:before { display: none; }
.M06_F_cont .owl-carousel .owl-nav button.owl-prev::after, .M06_F_cont .owl-carousel .owl-nav button.owl-next::after { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M06_F_cont .owl-carousel .owl-nav button.owl-prev::after { margin: -3px 0 0 -2px; transform: rotate(-135deg); }
.M06_F_cont .owl-carousel .owl-nav button.owl-next::after { margin: -3px 0 0 -5px; transform: rotate(45deg); }
.M06_F_cont .carousel-pagn { position: absolute; right: 70px; top: 8px; width: 94px; }
.M06_F_cont .carousel-pagn-inner { position: absolute; right: 0px; top: 0; }

/* md_play  */
.M06_F_cont .md_play { position: absolute; right: 0px; top: 0px; transition: all 0.4s; }
.M06_F_cont .md_play a { position: relative; display: block; width: 30px; height: 30px; border: 1px solid #000; border-radius: 50%; overflow: hidden; outline: none; transition: all .4s; }
.M06_F_cont .md_play a::after,
.M06_F_cont .md_play a::after { position: absolute; left: 0; top: 0; content:''; width: 30px; height: 30px; background: #0098c2; border-radius: 50%; transform: translateX(-100%); z-index: 1; transition: all 0.4s; }
.M06_F_cont .md_play a:hover,
.M06_F_cont .md_play a:focus { background: #0098c2; border-color: #0098c2; }
.M06_F_cont .md_play a:hover::after,
.M06_F_cont .md_play a:focus::after { transform: translateX(0); }
.M06_F_cont .md_play .md_btn_play::before,
.M06_F_cont .md_play .md_btn_stop::before { position: absolute; left: 50%; top: 50%; content:''; display: block; transform: translate(-50%, -50%); z-index: 2; transition: all 0.4s; }
.M06_F_cont .md_play .md_btn_play::before { width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; }
.M06_F_cont .md_play .md_btn_stop::before { width: 6px; height: 10px; border-width: 0 2px; border-style: solid; border-color: #000; transition: all 0.4s; }
.M06_F_cont .md_play .md_btn_play:hover::before,
.M06_F_cont .md_play .md_btn_play:focus::before { border-left-color: #fff; }
.M06_F_cont .md_play .md_btn_stop:hover::before,
.M06_F_cont .md_play .md_btn_stop:focus::before { border-color: #fff; }
.M06_F_cont .md_play .md_btn_play { display: none; }
.M06_F_cont .md_play .md_btn_stop { display: block; }
.M06_F_cont .md_play.on .md_btn_play { display: block; }
.M06_F_cont .md_play.on .md_btn_stop { display: none; }

/* 20241127 리스트 마크업 추가 */
.M06_F_cont .bullet_list li::before { top: 4px; }
/* //20241127 리스트 마크업 추가 */

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M06_F .tit_e { margin-bottom: 10px; }
    .M06_F .tit_b { margin-bottom: 10px; }
    .M06_F .inner .btn_arrow { font-size: 14px; }

    /* owl-carousel */
    .M06_F_cont { padding-top: 0; margin-top: 30px; }
    .M06_F_cont:before { display: none; }
    .M06_F_cont:after { display: none; }
    .M06_F_cont .slider { padding-left: 0; }
    .M06_F_cont .owl-carousel { padding-left: 0; margin-left: 0; }
    .M06_F_cont .owl-carousel .owl-stage-outer { overflow: inherit !important; }
    .M06_F_cont .owl-carousel .item { width: 240px !important; min-height: 340px; }
    .M06_F_cont.m2 .owl-carousel .item:first-child { margin-right: 0; }
    .M06_F_cont .owl-carousel .item .md_tit .b_title { font-size: 16px; line-height: 26px; }
    .M06_F_cont .owl-carousel .s_txt {-webkit-line-clamp: 4;font-size: 14px;}
    .M06_F_cont .owl-carousel .item .md_cate { margin-bottom: 10px; }
    .M06_F_cont .owl-carousel .item .link_box { padding: 25px; }

    .M06_F_cont .owl-carousel .item .arrow_btn { flex-wrap: wrap; position: relative; left: 0; right: 0; bottom: 0; margin-top: 10px; }
    .M06_F_cont .owl-carousel .item .arrow_btn .md_txt { width: 100%; }
    .M06_F_cont .owl-carousel .item .arrow_btn a.btn_m { margin-top: 20px; width: 100%; }

    .M06_F_cont .owl-carousel .item::after { left: -16px; width: 16px }
    .M06_F_cont .owl-carousel .item .md_btn { display: flex; flex-direction: row; flex-wrap: wrap; }
    .M06_F_cont .owl-carousel .item .md_btn_box a { font-size: 14px; margin: 0 10px 10px 0; }
    .M06_F_cont .owl-carousel .item .md_btn .btn_arrow {font-size: 14px;}

    /* mobile버전 item 3개 이하였을때 */
    .M06_F_cont.m2 .navigation, .M06_F_cont.m3 .navigation { display: block; }
    .M06_F_cont .owl-pagn { right: 0; left: 0; margin: 0 auto; width: calc(100% - 70px); }
    .M06_F_cont .owl-pagn-inner .owl-pagn-bar { width: calc(100% - 60px); height: 2px; background: #ccc; }
    .M06_F_cont .owl-pagn-inner .owl-pagn-ed { float: right; color: #888; }
    .M06_F_cont .owl-pagn-inner .owl-pagn-ed::before { content: none; display: none; }
    .M06_F_cont .owl-nav { right: auto; width: 100%; display: block !important; }

    /* Navication */
    .M06_F_cont .navigation { position: relative; margin-top: 30px; width: 100%; top: auto; bottom: 0; }
    .M06_F_cont .carousel-pagn { right: 0; left: 0; margin: 0 auto; width: calc(100% - 70px); }

    /* Navication */
    .M06_F_cont .md_play { display: none; }

    /* itme 1개 였을때 */
    .M06_F_cont.m1 .owl-carousel .item { width: 100% !important; }
    .M06_F_cont.m1 .navigation { display: none; }
    .M06_F_cont.m2 .owl-pagn, .M06_F_cont.m3 .owl-pagn, .M06_F_cont.m4 .owl-pagn, .M06_F_cont.m5 .owl-pagn, .M06_F_cont.m6 .owl-pagn, .M06_F_cont.m7 .owl-pagn, .M06_F_cont.m8 .owl-pagn { display: block; }

	/* 20241127 리스트 마크업 추가 */
    .M06_F_cont .bullet_list li[data-bullet] { padding-left: 17px; }
    .M06_F_cont .bullet_list li::before { top: 3px; }
    /* //20241127 리스트 마크업 추가 */
}
@media all and (max-width:600px) {
    /* 1단 */
    .M06_F_cont.m1 .owl-carousel { display: block; margin-left: 0; }
    .M06_F_cont.m1 .owl-carousel .item { width: 100%; margin-left: 0; }
    .M06_F_cont .owl-carousel .item .arrow_btn .arrow_icon { width: 20px; }
    .M06_F_cont .owl-carousel .item .arrow_btn .arrow_icon:before { top: -4px; width: 10px; height: 10px; }
}





/*** M06_H ***/
.M06_H .inner .tit_cont { position: absolute; top: 0; left: 0; z-index: 1; width: 37%; padding-left: 93px; }
.M06_H .inner .tit_cont h2 { margin-bottom: 20px; }
.M06_H .inner .tit_cont .tit_b { margin-left: 0; }
.M06_H .inner.no_slide .tit_cont { }
.M06_H_cont { position: relative; }
.M06_H_cont::after { content: ""; position: absolute; left: -301px; top: 0; width: 785px; height: 100%; background-color: #fff; }
.no_slide .M06_H_cont::after { left: 0; width: auto; }
.M06_H_cont .slider_cont { display: flex; width: 100%; left: 500px; }
.no_slide .M06_H_cont .slider_cont { padding-left: 500px; margin: 0 -12px; }
.M06_H_cont .slider_cont .slick-list { overflow: visible; }
.M06_H_cont .slider_cont .item { position: relative; width: 100%; max-width: 520px; margin: 0 12px; height: 560px; border-radius: 20px; overflow: hidden; }
.no_slide .M06_H_cont .slider_cont .item { max-width: none; margin: 0; margin-right: 24px; }
.no_slide .M06_H_cont .slider_cont .item:last-child { margin-right: 0; }

.M06_H_cont .slider_cont .item a { display: flex; position: relative; width: 100%; height: 100%; color: #000; box-sizing: border-box; transition: all 0.3s; }
.M06_H_cont .slider_cont .item a:hover .visual_cont, .M06_H_cont .slider_cont .item a:focus .visual_cont { transform: scale(1.05); }
.M06_H_cont .slider_cont .item a:hover .md_btn p::before, .M06_H_cont .slider_cont .item a:focus .md_btn p::before { background-color: #2189ff; transform: translateX(0%); }
.M06_H_cont .slider_cont .item a:hover .md_btn p::after, .M06_H_cont .slider_cont .item a:focus .md_btn p::after { border: 1px solid #2189ff; }
.M06_H_cont .slider_cont .item a .visual_cont { width: 100%; height: 100%; transition: transform 0.3s; }
.M06_H_cont .slider_cont .item a .visual_cont .img { height: 100%; }
.M06_H_cont .slider_cont .item a .visual_cont .img p { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }
.M06_H_cont .slider_cont .item a .md_tit { width: 100%; position: absolute; top: 0; left: 0; z-index: 1; padding: 40px; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; color: #fff; }
.M06_H_cont .slider_cont .item a .md_tit .s_tit { margin-bottom: 15px; }
.M06_H_cont .slider_cont .item a .md_tit .m_tit { font-size: 20px; line-height: 32px; }
.M06_H_cont .slider_cont .item a .md_tit .md_btn { margin-top: 40px; }
.M06_H_cont .slider_cont .item a .md_tit .md_btn p { min-width: 180px; padding: 0 10px; }

/* Background Gray */
.bg .M06_H_cont::after { background: #f5f5f5; }

/* Navication */
.M06_H_cont .navigation { position: absolute; left: 0; bottom: 230px; z-index: 1; display: flex; align-items: center; justify-content: space-between; width: 333px; padding-bottom: 0; }
.inner.no_slide .M06_H_cont .navigation { display: none; }
.M06_H_cont .carousel-pagn { width: auto; display: flex; align-items: center; }
.M06_H_cont .carousel-pagn-inner { width: 130px; font-size: 16px; line-height: normal; height: auto; }
.M06_H_cont .carousel-pagn-bar { width: 73px; }
.M06_H_cont .carousel-nav { width: auto; }
.M06_H_cont .carousel-nav::after { content: ""; display: block; clear: both; }
.M06_H_cont .carousel-nav button { display: block; float: left; position: relative; overflow: hidden; width: 50px; height: 50px; background: transparent; border: 1px solid #000 !important; border-radius: 50%; box-sizing: border-box; outline: none; transition: all 0.4s; webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); top: 0; right: 0; left: 0; }
.M06_H_cont .carousel-nav button::after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M06_H_cont .carousel-nav .slick-next { margin-left: 16px; }
.M06_H_cont .carousel-nav button:hover { background: #2189ff !important; border-color: #2189ff !important; }
.M06_H_cont .carousel-nav button::before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #2189ff; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M06_H_cont .carousel-nav button:hover::after { border-color: #fff; }
.M06_H_cont .carousel-nav button:hover::before { transform: translateX(0); }
.M06_H_cont .navigation .md_play { transition: all 0.4s; }
.M06_H_cont .navigation .md_play a { display: block; position: relative; width: 28px; height: 28px; overflow: hidden; outline: none; }
.M06_H_cont .navigation .md_play .md_btn_play::before { position: absolute; left: 54%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ""; transform: translate(-50%, -50%); transition: all 0.4s; }
.M06_H_cont .navigation .md_play .md_btn_stop { display: block; }
.M06_H_cont .navigation .md_play .md_btn_stop::before { position: absolute; left: 11px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M06_H_cont .navigation .md_play .md_btn_stop::after { position: absolute; left: 16px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M06_H_cont .navigation .md_play:hover::before { transform: translateX(0); }
.M06_H_cont .navigation .md_play .md_btn_play { display: none; }
.M06_H_cont .navigation .md_play.on .md_btn_play { display: block; }
.M06_H_cont .navigation .md_play.on .md_btn_stop { display: none; }

@media all and (max-width:1300px) {
    .M06_H_cont::after { left: -93px; width: 569px; }
    .no_slide .M06_H_cont .slider_cont { padding-left: 400px; margin: 0 -12px; }
}
/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M06_H .inner { padding: 0; max-width: none; }
    .M06_H .inner.no_slide { max-width: 838px; padding: 0 30px; }
    .M06_H .inner .tit_cont { position: relative; width: 100%; max-width: 838px; margin: 0 auto; padding: 0 30px; }
    .M06_H .inner .tit_cont h2 { margin-bottom: 10px; }
    .M06_H .inner.no_slide .tit_cont { padding: 0; }
    .M06_H_cont { padding-top: 0; margin-top: 30px; }
    .M06_H_cont::before { display: none; }
    .M06_H_cont::after { display: none; }
    .M06_H_cont .slider_cont { left: 0; }
    .no_slide .M06_H_cont .slider_cont { padding-left: 0; margin: 0; }
    .M06_H_cont .slider_cont .slick-list { overflow: hidden; padding: 0 !important; }
    .M06_H_cont .slider_cont .item { display: block; margin: 0 8px; }
    .M06_H_cont .slider_cont .item a .md_tit { padding: 24px; }
    .M06_H_cont .slider_cont .item a .md_tit .s_tit { margin-bottom: 12px; margin-bottom: 8px; }
    .M06_H_cont .slider_cont .item a .md_tit .m_tit { font-size: 16px; line-height: 24px; }
    .M06_H_cont .slider_cont .item a .md_tit .md_btn { margin-top: 24px; }
    .no_slide .M06_H_cont .slider_cont .item { width: 100%; margin: 0; }

    
    .M06_H_cont .carousel-nav { position: absolute; top: 0; width: calc(100% + -40px); margin: 0 -10px; }
    .M06_H_cont .navigation { display: block; position: relative; margin-top: 20px; padding: 0 30px; width: 100% !important; top: auto; bottom: 0; }
    .M06_H_cont .carousel-pagn { margin: 0 auto; width: calc(100% - 70px); height: 50px; }
    .M06_H_cont .navigation .md_play { display: none; }
    .M06_H_cont .carousel-pagn-inner { width: 100%; right: auto; font-size: 14px; }
    .M06_H_cont .carousel-pagn-bar { width: calc(100% - 60px); }
    .M06_H_cont .carousel-nav button { border: 0 !important; }
    .M06_H_cont .carousel-nav button.slick-next { float: right; }
    .M06_H_cont .carousel-nav button::after { width: 8.49px; height: 8.49px; }
    .M06_H_cont .carousel-nav button::before { display: none; }
    .M06_H_cont .carousel-nav button:hover { background: transparent !important; border-color: #2189FF !important; }
    .M06_H_cont .carousel-nav button:hover::after { border-color: #2189FF; }
}
@media all and (max-width:768px) {
    .M06_H_cont .slider_cont .item { width: 300px; height: auto; max-width: none; }
    .M06_H_cont .slider_cont .item a .visual_cont .img { }
    .no_slide .M06_H_cont .slider_cont .item a .visual_cont .img { max-height: 700px; }
    .M06_H_cont .slider_cont .item a .visual_cont .img::before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 128.67%; }
    .no_slide .M06_H_cont .slider_cont .item a .visual_cont .img::before { padding-bottom: 111.67%; }
    .M06_H_cont .slider_cont .item a .visual_cont .img .img_p { position: absolute; left: 0; top: 0; background-position: -24px 0; }
}







/*** M07_A | Video 1 ***/
.M07_A.cont .inner {max-width:inherit;padding:0;}
.M07_A_cont {position:relative;background:#fff;}
.M07_A_cont .caroufredsel_wrapper {width:100% !important;max-height:910px !important;}
.M07_A_cont .md_cont_control {position:absolute;right:50%;bottom:0;width:94px;margin-right:-659px;z-index:10;}
.M07_A_cont .img_m {display:none;}

/** md_cont **/
.M07_A_cont .md_cont {position:relative;}
.M07_A_cont .md_cont .li {position:relative;display:block;float:left;width:100%;box-sizing:border-box;overflow:hidden;cursor:default;}
.M07_A_cont .md_cont .li .img:before {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:2;}
.M07_A_cont .md_cont .li .img {position:relative;height:910px;overflow:hidden;z-index:1}
.M07_A_cont .md_cont .li .img p {position:absolute;left:0;top:0;width:100%;height:100%;}
.M07_A_cont .md_cont .li .img a {display:block;position:relative;z-index:10;}
.M07_A_cont .md_cont .li .btn_movie {left:50%;top:50%;transform:translate(-50%,-100%);}
.M07_A_cont .md_cont .li .txt {position:absolute;right:0;bottom:-1px;width:100%;box-sizing:border-box;z-index:3;}
.M07_A_cont .md_cont .li .txt:before {position:absolute;right:-10px;top:0;width:70%;height:100%;background:#fff;content:"";}
.M07_A_cont .md_cont .li .txt_inner {position:relative;max-width:1504px;margin:0 auto;padding:0 93px;}
.M07_A_cont .md_cont .li .txt ul,
.M07_A_cont .md_cont .li .txt .box {max-width:980px;min-height:343px;margin-left:17%;padding:60px 0 40px 8.5%;background:#fff;box-sizing:border-box;}
.M07_A_cont .md_cont .li .txt .tit_e {margin:-2px 0 20px 0;} 
.M07_A_cont .md_cont .li .txt .md_tit {position:relative;margin-top:-12px;margin-bottom:20px;overflow:hidden;}
.M07_A_cont .md_cont .li .txt .tit_e + .md_tit {margin-top:0;}
.M07_A_cont .md_cont .li .txt .md_tit span,
.M07_A_cont .md_cont .li .txt .md_tit i {display:block;position:relative;overflow:hidden;}
.M07_A_cont .md_cont .li .txt .md_txt {position:relative;}
.M07_A_cont .md_cont .li .txt .md_btn {position:relative;margin:15px 0 -5px 0;}
.M07_A_cont .md_cont:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/* Text Align */
.M07_A_cont .md_cont .li .txt.center {text-align:center;}
.M07_A_cont .md_cont .li .txt.right {text-align:right;}
.M07_A_cont .md_cont .li .txt.right .md_btn {padding-right:50%;}

/* Active */
.M07_A_cont .md_cont .li.act .img p {animation:scaleBg02 both ease-in-out 3.2s;}
.M07_A_cont .md_cont .li.act .tit_e {animation:fade both 0.7s 0.2s;}
.M07_A_cont .md_cont .li.act .md_tit i {animation:txtTop both 0.4s 0.6s;}
.M07_A_cont .md_cont .li.act .md_tit span:nth-child(1) i {animation-delay:0.2s;}
.M07_A_cont .md_cont .li.act .md_tit span:nth-child(2) i {animation-delay:0.4s;}
.M07_A_cont .md_cont .li.act .md_txt {animation:fade both 0.7s 0.7s;}
.M07_A_cont .md_cont .li.act .md_btn {animation:fade both 0.7s 1s;}



/** -Mobile UI- **/
@media all and (max-width:1504px){
    .M07_A_cont .md_cont_control {right:93px;margin-right:0;}
}

@media all and (max-width:1023px){
    .M07_A_cont .md_cont_control {position:relative;right:inherit;bottom:inherit;width:100%;max-width:838px;margin:0 auto;padding:0 30px;}
    .M07_A_cont .md_pagn_prev {position:absolute;right:30px;bottom:-9px;transform:scale(0);opacity:0;display:none !important;}
    .M07_A_cont .md_pagn_next {position:absolute;right:30px;bottom:-9px;transform:scale(0);opacity:0;display:none !important;}
    .M07_A_cont .md_pagn_prev:focus, .M07_A_cont .md_pagn_next:focus {transform:scale(1);opacity:1;}

    /** md_cont **/
    .M07_A_cont .md_cont .li .img {height:100vw;max-height:500px;}
    .M07_A_cont .md_cont .li .btn_movie {transform:translate(-50%,-50%);}
    .M07_A_cont .md_cont .li .txt {position:relative;right:inherit;bottom:inherit;}
    .M07_A_cont .md_cont .li .txt:before {position:absolute;right:-10px;top:0;width:70%;height:100%;background:#fff;content:"";}
    .M07_A_cont .md_cont .li .txt_inner {max-width:838px;margin:-110px auto 0 auto;padding:0 30px;}
    .M07_A_cont .md_cont .li .txt ul,
    .M07_A_cont .md_cont .li .txt .box {min-height:auto;margin-left:0;padding:30px 0 25px 30px;}
    .M07_A_cont .md_cont .li .txt .tit_e {margin:0 0 10px 0;} 
    .M07_A_cont .md_cont .li .txt .md_tit {margin-top:-6px;margin-bottom:10px;}
    .M07_A_cont .md_cont .li .txt .md_btn {margin:10px 0 -4px 0;}
    .M07_A_cont .md_cont .li .txt.right .md_btn {padding-right:0;}
}

@media all and (max-width:600px){
    .M07_A_cont .img_m {display:block;}
}

@media all and (orientation:landscape){
    .M07_A_cont .img_m {display:none;}
}







/*** M07_B | Video 2 ***/
.M07_B .tit_e {margin-bottom:20px;} 
.M07_B .tit_b {margin-top:-12px;margin-bottom:40px;}
.M07_B .tit_e + .tit_b {margin-top:0;}

/* owl-carousel */
.M07_B_cont {position:relative;margin:-58px -13px 0 -13px;}
.M07_B_cont .owl-carousel {display:block !important;}
.M07_B_cont .owl-carousel::after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M07_B_cont .txt sup, .M07_B_cont .txt sub {display:inline-block;}

/* 기본 2단 */
.M07_B_cont .owl-carousel .item {display:block;float:left;width:50%;margin-top:58px;padding:0 13px;box-sizing:border-box;overflow:hidden;}
.M07_B_cont .owl-carousel .item:nth-child(2n + 1) {clear:left;}
.M07_B_cont .module_ty .img .md_link:before {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:1;}

/* 해당 모듈에서 버튼 스타일 변경 - 디자인요청 */
.M07_B_cont .module_ty .img .btn_movie {left:50%;top:50%;width:80px;height:80px;transform:translate(-51%,-52%);z-index:2;}
.M07_B_cont .module_ty .img .md_link:hover .btn_movie:before, .M07_B_cont .module_ty .img .md_link:focus .btn_movie:before {transform:translateX(0);}
.M07_B_cont .module_ty .img .md_link:hover .btn_movie:after, .M07_B_cont .module_ty .img .md_link:focus .btn_movie:after {border-left-color:#fff;}

/* 3, 5, 6, 9단 */
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(3),
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(3) ~ .item,
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(5),
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(5) ~ .item,
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(6),
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(6) ~ .item,
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(9),
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(9) ~ .item {width:33.3%;}
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(3) ~ .item:nth-child(2n + 1),
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(5) ~ .item:nth-child(2n + 1),
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(6) ~ .item:nth-child(2n + 1),
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(9) ~ .item:nth-child(2n + 1) {clear:none;}
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(3) ~ .item:nth-child(3n + 1),
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(5) ~ .item:nth-child(3n + 1),
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(6) ~ .item:nth-child(3n + 1),
.M07_B_cont .owl-carousel .item:first-child:nth-last-child(9) ~ .item:nth-child(3n + 1) {clear:left;width:33.4%;}

/* new_type_video */
.M07_B .tit_ect {margin-bottom:15px;}
.M07_B .tit_sub {margin-bottom:40px;color:#888;}
.M07_B .tit_em {color:#000;font-weight:bold;}


/* 1단 */
@media all and (min-width:601px){
    .M07_B_cont .owl-carousel .item:only-child {display:flex;flex-wrap:wrap;position:relative;width:100%;max-width:100%;box-sizing:border-box;}
    .M07_B_cont .owl-carousel .item:only-child .img,
    .M07_B_cont .owl-carousel .item:only-child .txt {align-self:center;box-sizing:border-box;}
    .M07_B_cont .owl-carousel .item:only-child .img {width:calc(50% - 8px);margin-bottom:0;}
    .M07_B_cont .owl-carousel .item:only-child .txt {width:calc(50% + 8px);padding:0 0 0 28px;}
}
@media all and (min-width:1024px){
    .M07_B_cont .owl-carousel .item:only-child .img {width:calc(50% - 13px);}
    .M07_B_cont .owl-carousel .item:only-child .txt {width:calc(50% + 13px);padding:0 5.5% 0 50px;}
}



/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M07_B .tit_e {margin-bottom:10px;}
    .M07_B .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* Owl As-is 초기화 */
    .M07_B_cont {margin:0;}

    /* owl-carousel */
    .M07_B_cont {margin:-30px -8px 0 -8px;}

    /* 기본 4단 */
    .M07_B_cont .owl-carousel .item {width:50%;margin-top:40px;padding:0 8px;}
    .M07_B_cont .owl-carousel .item:nth-child(2n + 1) {clear:left;}

    /* 3, 5, 6, 9단 */
    .M07_B_cont .owl-carousel .item:first-child:nth-last-child(3) ~ .item:nth-child(2n + 1),
    .M07_B_cont .owl-carousel .item:first-child:nth-last-child(5) ~ .item:nth-child(2n + 1),
    .M07_B_cont .owl-carousel .item:first-child:nth-last-child(6) ~ .item:nth-child(2n + 1),
    .M07_B_cont .owl-carousel .item:first-child:nth-last-child(9) ~ .item:nth-child(2n + 1) {clear:none;}
    .M07_B_cont .module_ty .img .btn_movie {width:64px;height:64px;}
}

@media all and (max-width:600px){
    /* owl-carousel */
    .M07_B_cont {margin:0;}
    .M07_B_cont .owl-carousel .item {width:100% !important;min-width:300px;max-width:540px;padding:0;}
    .M07_B_cont .owl-carousel .item:first-child {margin-top:0;}

    /* 1단 */
    .M07_B_cont.m1 .owl-carousel .item {width:100%;}
    .M07_B_cont.m1 .owl-carousel .item .img {width:100%;}
    .M07_B_cont.m1 .owl-pagn {display:none;}
}







/*** M07_C | Video 3 ***/
.M07_C .tit_e {margin-bottom:20px;} 
.M07_C .tit_b {margin-top:-12px;margin-bottom:40px;}
.M07_C .tit_e + .tit_b {margin-top:0;}

/* M07_C_cont */
.M07_C_cont .img {position:relative;overflow:hidden;}
.M07_C_cont .img:before {display:block;width:100%;height:0;padding-bottom:320px;background:#ddd;content:"";}
.M07_C_cont .img .img_p,
.M07_C_cont .img .img_m {position:absolute;left:0;top:0;width:100%;height:100%;}
.M07_C_cont .img .img_m {display:none;}
.M07_C_cont .img .md_link:before {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:1;}
.M07_C_cont .img .btn_movie {left:50%;top:50%;width:80px;height:80px;transform:translate(-51%,-52%);z-index:2;}
.M07_C_cont .img .md_link:hover .btn_movie i,
.M07_C_cont .img .md_link:focus .btn_movie i {border-color:#1C7EEE;}
.M07_C_cont .img .md_link:hover .btn_movie:before,
.M07_C_cont .img .md_link:focus .btn_movie:before {transform:translateX(0);}
.M07_C_cont .img .md_link:hover .btn_movie:after,
.M07_C_cont .img .md_link:focus .btn_movie:after {border-left-color:#fff;}
.M07_C_cont .img + .txt {margin-top:40px;}
.M07_C_cont .txt {position:relative;margin-top:0;padding:0;}
.M07_C_cont .txt:after {display:block;clear:both;height:0;content:"";}
.M07_C_cont .txt .md_tit {float:left;width:calc(50% - 13px);margin-top:-8px;margin-bottom:0;}
.M07_C_cont .txt .md_t {float:right;width:calc(50% - 13px);}
.M07_C_cont .txt .md_txt {width:90%;margin-top:0;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M07_C .tit_e {margin-bottom:10px;}
    .M07_C .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* M07_C_cont */
    .M07_C_cont .img .btn_movie {width:64px;height:64px;}
    .M07_C_cont .img + .txt {margin-top:30px;}
    .M07_C_cont .txt .md_tit {width:calc(50% - 8px);margin-top:-3px;}
    .M07_C_cont .txt .md_t {width:calc(50% - 8px);}
}

@media all and (max-width:600px){
    /* M07_C_cont */
    .M07_C_cont .img:before {padding-bottom:56.346%;}
    .M07_C_cont .img .ing_p {display:none;}
    .M07_C_cont .img .ing_m {display:block;}
    .M07_C_cont .img + .txt {margin-top:10px;}
    .M07_C_cont .txt .md_tit {float:none;width:100%;margin-top:0;margin-bottom:8px;font-size:16px;line-height:26px;}
    .M07_C_cont .txt .md_t {float:none;width:100%;}
    .M07_C_cont .txt .md_txt {width:100%;}
}
    





/*** M07_D | Product ***/
.M07_D .tit_main_e { margin-bottom: 20px; }
.M07_D .visual_img .txt { background: #fff; }
.M07_D.bg .visual_img .txt { background: #f5f5f5; }
* + .M07_D_cont { margin-top: 10px; }
.M07_D .tit_main_e + .M07_D_cont { margin-top: 0; }

/* 바로가기 추가 */
.M07_D_cont .title_list .tit_main_b.active { margin-bottom: 20px; }
.M07_D_cont .title_list .md_btn_box .btn_arrow { font-size: 22px; }

/* slider-nav */
.M07_D_cont .slider-nav { margin-top: 0; margin-bottom: 30px; }
.M07_D .tit_main_e + .M07_D_cont .slider-nav, .M07_D .tit_main_b + .M07_D_cont .slider-nav { margin-top: 50px; margin-bottom: 0; }
.M07_D_cont .slider-nav .item { float: left; width: auto; }
.M07_D_cont .slider-nav .item { margin-right: 40px; }
.M07_D_cont .slider-nav .item:last-child { margin-right: 0; }
.M07_D_cont .slider-nav .item .tab_btn { position: relative; display: block; padding-top: 3px; font-size: 24px; color: #ccc; transition: color 0.3s; font-weight: bold; }
.M07_D_cont .slider-nav .item .tab_btn:hover, .M07_D_cont .slider-nav .item .tab_btn:focus { color: #00b3e3; }
.M07_D_cont .slider-nav .item.slick-current .tab_btn { color: #000; }
.M07_D_cont .title_list > h3 { display: none; }
.M07_D_cont .title_list > h3.active { display: block; }
.M07_D_cont .slider { margin-top: 50px; }

/* visual_img */
.M07_D_cont .slider_cont .slick-list { overflow: inherit !important; overflow-y: hidden; }
.M07_D_cont .slick-slide {transform: scale(0.9); transition: transform 0.3s ease-in-out; }

.M07_D_cont .slick-slide.slick-center{ transform: scale(1); }
.M07_D_cont .slick-slide:not(.slick-active):not(.slick-cloned) + .slick-cloned { transform: scale(1); }

.M07_D_cont .slick-slide:not(.slick-active) .video_cont:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; content: ''; }
.M07_D_cont .slick-slide .video_cont .md_link .img, .M07_D_cont .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .video_cont .md_link .img { opacity: 0.3; transition: opacity 0.3s ease-in-out; }
.M07_D_cont .slick-center .video_cont .md_link .img, .M07_D_cont .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .video_cont .md_link .img { opacity: 1; }
.M07_D_cont .slick-slide .video_cont .md_link:before, .M07_D_cont .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .video_cont .md_link:before { background: rgba(0, 0, 0, 0.6); transition: all 0.3s ease-in-out; }
.M07_D_cont .slick-center .video_cont .md_link:before, .M07_D_cont .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .video_cont .md_link:before { background: rgba(0, 0, 0, 0.46); }
.M07_D_cont .video_cont { position: relative; overflow: hidden; max-height: 660px; }
.M07_D_cont .video_cont:before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 50%; }
.M07_D_cont .video_cont iframe { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M07_D_cont .md_link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M07_D_cont .md_link .img_m { display: none; }
.M07_D_cont .img img { width: 100%; }
.M07_D_cont .video_cont .md_link { width: 100%; }
.M07_D_cont .video_cont .md_link:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.46); transition: all 0.3s ease-in-out; content: ""; z-index: 1; }
.M07_D_cont .video_cont .btn_movie { left: 50%; top: 50%; transform: translate(-51%, -52%); z-index: 2; }
.M07_D_cont .md_link .img_p, .M07_D_cont .md_link .img_m { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; transition: none; }
.M07_D_cont .md_link:hover .img_p, .M07_D_cont .md_link:hover .img_m, .M07_D_cont .md_link:focus .img_p, .M07_D_cont .md_link:focus .img_m { transform: none; }
.M07_D_cont .video_cont .md_link:hover .btn_movie:before, .M07_D_cont .video_cont .md_link:focus .btn_movie:before { transform: translateX(0); }
.M07_D_cont .video_cont .md_link:hover .btn_movie:after, .M07_D_cont .video_cont .md_link:focus .btn_movie:after { border-left-color: #fff; }

/* Navication */
.M07_D_cont .navigation { position: absolute; right: 0; top: 50%; width: 100%; padding-bottom: 0; z-index: 2; margin-top: 100px; }
.M07_D_cont .navigation .carousel-nav { width: 100%; }
.M07_D_cont .slick-arrow { top: 0%; width: 50px; height: 80px; z-index: 2; }
.M07_D_cont .slick-arrow:focus { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }

.M07_D_cont .slick-prev { left: -50px; }
.M07_D_cont .slick-next { right: -50px; }
.M07_D_cont .navigation .carousel-nav .slick-arrow::before { position: absolute; width: 42px; height: 42px; border-top: 2px solid #fff; border-left: 2px solid #fff; transition: border-color 0.3s; opacity: 1; content: ''; }
.M07_D_cont .navigation .carousel-nav .slick-arrow:hover::before { border-color: #2189ff; }
.M07_D_cont .navigation .carousel-nav .slick-prev::before { top: 19px; left: 16px; transform: rotate(-45deg); }
.M07_D_cont .navigation .carousel-nav .slick-next::before { top: 19px; right: 16px; transform: rotate(135deg); }
.M07_D_cont .carousel-pagn { position: absolute; left: 50%; width: 94px; margin-left: -47px; margin-top: 24.5%; }
.M07_D_cont .carousel-nav:after { content: ""; display: block; clear: both; }
.M07_D_cont .carousel-nav .carousel-prev { float: left; }
.M07_D_cont .carousel-nav .carousel-next { float: right; }

/* -PC 확장형- */
@media all and (max-width:1600px) {
    .M07_D_cont .slick-prev { left: 7%; }
    .M07_D_cont .slick-next { right: 7%; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M07_D .tit_main_e { margin-bottom: 10px; }
    .M07_D .tit_main_b { margin-top: -6px; }
    * + .M07_D_cont { margin-top: 0; }
    .M07_D_cont .title_list .md_btn_box .btn_arrow { font-size: 14px; }

    /* slider-nav */
    .M07_D_cont .navigation { display: block; position: relative; margin-top: 30px; width: 100%; top: auto; bottom: 0; }
    .M07_D_cont .carousel-pagn { display: block; right: 0; left: 0; top: 9px;bottom: 0; margin: 0 auto; width: calc(100% - 70px); }
    .M07_D_cont .navigation .carousel-nav .slick-arrow.slick-prev { left: 0; }
    .M07_D_cont .navigation .carousel-nav .slick-arrow.slick-next { right: 0; }
    .M07_D_cont .navigation .carousel-nav .slick-arrow.slick-prev, .M07_D_cont .navigation .carousel-nav .slick-arrow.slick-next { display: block; position: absolute; width: 30px; height: 30px; background: 0 0; box-sizing: border-box; overflow: hidden; outline: none; transition: all 0.4s; webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
    .M07_D_cont .navigation .carousel-nav .slick-arrow.slick-prev::before, .M07_D_cont .navigation .carousel-nav .slick-arrow.slick-next::before { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
    .M07_D_cont .navigation .carousel-nav .slick-arrow.slick-prev::before { margin: -3px 0 0 -5px; transform: rotate(-135deg); }
    .M07_D_cont .navigation .carousel-nav .slick-arrow.slick-next::before { margin: -3px 0 0 -2px; transform: rotate(45deg); }
}

@media all and (max-width:600px) {
    /* tab_panel */
    .M07_D_cont .slider_cont { margin-left: -30px; margin-right: -30px; margin-top: 30px; }
    .M07_D_cont .slick-slide, .M07_D_cont .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] { transform: scale(1) !important; margin: 0 7px; }
    .M07_D_cont .slider_cont .slick-list { padding: 0 23px !important; }
}





/*** M07_E | Product ***/
.M07_E {}
.M07_E_cont { position: relative; margin-top: 20px; }

.M07_E_cont .slider_cont { display: flex; }
.M07_E_cont .slider_cont::before { content: ''; position: absolute; left: -405px; top: 0; width: 400px; height: 100%; background-color: #fff; z-index: 10; opacity: 1; transition: 0.1s; }
.bg .M07_E_cont .slider_cont::before { background-color: #f5f5f5; }
.M07_E_cont .slider_cont.fade::before { opacity: 0; }
.M07_E_cont .slider_cont .slick-list { overflow: inherit !important; }
.M07_E_cont .slider_cont .item { margin-right: 26px; }
.M07_E_cont .slider_cont .item .img {}
.M07_E_cont .slider_cont .item .img a { display: block; max-width: 310px; overflow: hidden; }
.M07_E_cont .slider_cont .item .img a img { transition: all 0.3s linear; }
.M07_E_cont .slider_cont .item .img a:hover img,
.M07_E_cont .slider_cont .item .img a:focus img { transform: scale(1.1); }

/* slide Nav */
.M07_E_cont .navigation { position: absolute; top: -50px; right: 0; display: flex; align-items: center; justify-content: space-between; width: 270px; }
.M07_E_cont.no_slide .navigation { display: none; }
.M07_E_cont .carousel-pagn { width: auto; display: flex; align-items: center; }
.M07_E_cont .carousel-pagn-inner { width: 130px; font-size: 16px; line-height: normal; height: auto; }
.M07_E_cont .carousel-pagn-bar { width: 73px; }
.M07_E_cont .carousel-nav { width: auto; }
.M07_E_cont .carousel-nav::after { content: ""; display: block; clear: both; }
.M07_E_cont .carousel-nav button { display: block; float: left; position: relative; overflow: hidden; width: 30px; height: 30px; background: transparent; border: 1px solid #000 !important; border-radius: 50%; box-sizing: border-box; outline: none; transition: all 0.4s; webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); top: 0; right: 0; left: 0; }
.M07_E_cont .carousel-nav button::after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M07_E_cont .carousel-nav .slick-next { margin-left: 16px; }
.M07_E_cont .carousel-nav button:hover { background: #2189ff !important; border-color: #2189ff !important; }
.M07_E_cont .carousel-nav button::before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #2189ff; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M07_E_cont .carousel-nav button:hover::after{ border-color: #fff; }
.M07_E_cont .carousel-nav button:hover::before { transform: translateX(0); }

.M07_E_cont .navigation .md_play { display: none; transition: all 0.4s; }
.M07_E_cont .navigation .md_play a { display: block; position: relative; width: 28px; height: 28px; overflow: hidden; outline: none; }
.M07_E_cont .navigation .md_play .md_btn_play::before { position: absolute; left: 54%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ""; transform: translate(-50%, -50%); transition: all 0.4s; }
.M07_E_cont .navigation .md_play .md_btn_stop { display: block; }
.M07_E_cont .navigation .md_play .md_btn_stop::before { position: absolute; left: 11px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M07_E_cont .navigation .md_play .md_btn_stop::after { position: absolute; left: 16px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M07_E_cont .navigation .md_play:hover::before { transform: translateX(0); }
.M07_E_cont .navigation .md_play .md_btn_play { display: none; }
.M07_E_cont .navigation .md_play.on .md_btn_play { display: block; }
.M07_E_cont .navigation .md_play.on .md_btn_stop { display: none; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {}
@media all and (max-width:768px) {
    .M07_E_cont .slider_cont .item { margin-right: 16px; }
    .M07_E_cont .slider_cont .item .img a { max-width: 240px; }
    .M07_E_cont .slider_cont .item .img a img { width: 100%; }

    /* slide Nav */
    .M07_E_cont .carousel-nav { position: absolute; top: 0; width: calc(100% + 20px); margin: 0 -10px; }
    .M07_E_cont .navigation { display: block; position: relative; margin-top: 20px; width: 100% !important; top: auto; bottom: 0; }
    .M07_E_cont .carousel-pagn { margin: 0 auto; width: calc(100% - 60px); height: 30px; }
    .M07_E_cont .navigation .md_play { display: none; }
    .M07_E_cont .carousel-pagn-inner { width: 100%; right: auto; font-size: 14px; }
    .M07_E_cont .carousel-pagn-bar { width: calc(100% - 60px); }
    .M07_E_cont .carousel-nav button { border: 0 !important; }
    .M07_E_cont .carousel-nav button::after { width: 8.49px; height: 8.49px; }
    .M07_E_cont .carousel-nav button::before { display: none; }
    .M07_E_cont .carousel-nav button:hover{ background: transparent !important; border-color: #2189FF !important; }
    .M07_E_cont .carousel-nav button:hover::after { border-color: #2189FF; }
    .M07_E_cont .carousel-nav .slick-next { float: right; }
}

    


/*** M08_A | Link 1 ***/
.M08_A .tit_e {margin-bottom:20px;}
.M08_A .tit_b {margin-top:-12px;}
.M08_A .tit_e + .tit_b {margin-top:0;}

.M08_A_cont {position:relative;}
.M08_A_cont:before {position:absolute;left:0;bottom:20px;width:2px;height:80px;background:#000;content:"";display:none;}
.M08_A_cont:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M08_A_cont .md_left {float:left;width:40.5%;}
.M08_A_cont .md_right {float:right;width:calc(50% - 13px);}
.M08_A_cont .md_right .md_txt {height:auto !important;}
.M08_A_cont .md_right .btn_arrow span {background-color:transparent;}

/* navigation */
.M08_A_cont .navigation {display:none;margin-top:20px;margin-left:auto;width:94px;}
.M08_A_cont .navigation .owl-nav {margin-top:14px;}
.M08_A_cont .navigation .owl-nav:after {content:"";display:block;clear:both;}
.M08_A_cont .navigation .owl-nav .owl-prev {float:left;}
.M08_A_cont .navigation .owl-nav .owl-next {float:right;}

/* caroufredsel_wrapper */
.M08_A_cont .caroufredsel_wrapper .module_ty .li {position:relative;float:left;width:100%;cursor:default;}
.M08_A_cont .caroufredsel_wrapper .module_ty:after {content:"";display:block;clear:both;}
.M08_A_cont .caroufredsel_wrapper .module_ty .li .img {opacity:0;}
.M08_A_cont .caroufredsel_wrapper .module_ty .li .txt .tit_s {position:relative;display:block;height:auto !important;overflow:hidden;}
.M08_A_cont .caroufredsel_wrapper .module_ty .li.active .img {opacity:1;}
.M08_A_cont .caroufredsel_wrapper .module_ty .li.active .txt .tit_s a {animation:txtTop both 0.4s 0.3s;}
.M08_A_cont .caroufredsel_wrapper .module_ty .li.active .txt .md_txt {animation:fade both 0.7s 0.7s;}
.M08_A_cont .caroufredsel_wrapper .module_ty .li.active .txt .md_btn {animation:fade both 0.7s 1s;}
.M08_A_cont .caroufredsel_wrapper + .navigation {display:block;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M08_A .tit_e {margin-top:0;margin-bottom:10px;}
    .M08_A .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M08_A_cont:before {display:none;}
    .M08_A_cont .md_left {width:45%;}
    .M08_A_cont .navigation {width:100%;}
}

@media all and (max-width:600px){
    .M08_A_cont .md_left,
    .M08_A_cont .md_right {position:relative;float:none;width:100%;}
}







/*** M08_B | Link 2 ***/
.M08_B[data-open="false"] .li:nth-child(-n+3) {display:block;}
.M08_B .tit_e + .tit_desc {margin-top:10px;}
.M08_B .tit_e + .M08_B_cont {margin-top:20px;}
.M08_B .tit_desc + .M08_B_cont {margin-top:40px;}

/* list */
.M08_B_cont .M08_B_list {padding:40px 0;border-top:2px solid #000;border-bottom:1px solid #ddd;overflow:hidden;}
.M08_B_cont .M08_B_list:after {content:"";display:block;clear:both;}
.M08_B_cont .M08_B_list .li {float:left;width:calc(33.3% - 18px);padding-left:46px;}
.M08_B_cont .M08_B_list .li:nth-child(n+4) {margin-top:60px;}
.M08_B_cont .M08_B_list .li:nth-child(3n-1) {margin-left:26px;margin-right:26px;}
.M08_B_cont .M08_B_list .li:nth-child(3n+1) {clear:both;}
.M08_B_cont .M08_B_list .li .ico {float:left;width:40px;height:40px;background:none;}
.M08_B_cont .M08_B_list .li .ico img {width:100%;}
.M08_B_cont .M08_B_list .li .txt {float:left;width:calc(100% - 40px);padding:0 26px;}
.M08_B_cont .M08_B_list .li .txt .md_tit {display:block;}
.M08_B_cont .M08_B_list .li .txt .md_txt,
.M08_B_cont .M08_B_list .li .txt .md_btn {margin-top:10px;}

/* IE FIREFOX BUG - scrollHeight */
.M08_B_cont .M08_B_list.init {padding:0;}
.M08_B_cont .M08_B_list.init:before,
.M08_B_cont .M08_B_list.init:after {content:"";display:block;width:100%;height:40px;}

/* btn */
.M08_B_cont .M08_B_btn {display:none;margin-top:60px;text-align:center;}
.M08_B_cont .M08_B_btn .btn_toggle {position:relative;padding-right:19px;transition:all 0.4s;}
.M08_B_cont .M08_B_btn .btn_toggle:after {content:'';position:absolute;top:2px;right:-3px;display:block;width:20px;height:20px;background:url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-down.svg?queryString=20241210125943') no-repeat;transition:all 0.3s;}
.M08_B_cont .M08_B_btn .btn_toggle.on:after {top:3px;transform:rotate(180deg);}
.M08_B_cont .M08_B_btn .btn_toggle:hover:after {opacity:0.5;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M08_B[data-open="false"] .li:nth-child(-n+3) {display:block;}
    .M08_B .tit_e + .M08_B_cont {margin-top:10px;}
    .M08_B .tit_desc + .M08_B_cont {margin-top:20px;}

    /* list */
    .M08_B_cont .M08_B_list {padding:20px 0;}
    .M08_B_cont .M08_B_list .li {width:100%;padding-left:23px;}
    .M08_B_cont .M08_B_list .li:nth-child(3n-1) {margin-left:0;margin-right:0;}
    .M08_B_cont .M08_B_list .li:nth-child(n+2) {margin-top:40px;}
    .M08_B_cont .M08_B_list .li:nth-child(2n+1) {clear:none;}

    /* IE FIREFOX BUG - scrollHeight */
    .M08_B_cont .M08_B_list.init {padding:0;}
    .M08_B_cont .M08_B_list.init:before,
    .M08_B_cont .M08_B_list.init:after {height:20px;}
        
    /* btn */
    .M08_B_cont .M08_B_list .li .txt {width:calc(100% - 40px);padding:0 0 0 16px;}
    .M08_B_cont .M08_B_btn {margin-top:30px;text-align:center;}
    .M08_B_cont .M08_B_btn .btn_toggle:after {right:-4px;top:0;}
    .M08_B_cont .M08_B_btn .btn_toggle.on:after {top:2px;}
}







/*** M09_A | People 1  ***/
.M09_A .tit_e {margin-bottom:20px;} 
.M09_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M09_A .tit_e + .tit_b {margin-top:0;}

/* Owl As-is 초기화 */
.M09_A_cont .owl-stage-outer, .M09_A_cont .owl-stage, .M09_A_cont .owl-item {height:auto !important;}
.M09_A_cont .owl-stage {width:100%;}
.M09_A_cont .owl-carousel .active span {background:none;}
.M09_A_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}

/* owl-carousel */
.M09_A_cont {position:relative;}
.M09_A_cont .owl-carousel .owl-stage {display:block !important;}
.M09_A_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M09_A_cont .owl-carousel .item {display:block;position:relative;float:left;width:422px;box-sizing:border-box;}
.M09_A_cont .img {position:relative;width:100%;background:#f5f5f5;overflow:hidden;}
.M09_A_cont .img:before {content:"";display:block;width:100%;height:0;padding-bottom:100%;background-color:#ddd;}
.M09_A_cont .img .img_p,
.M09_A_cont .img .img_m {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.M09_A_cont .img img {width:100%;}
.M09_A_cont .box {width:85%;margin-top:30px;}
.M09_A_cont .md_tit {display:block;}
.M09_A_cont .md_txt {margin-top:10px;display:block;}
.M09_A_cont .md_txt02 {margin-top:10px;}
.M09_A_cont .md_btn {margin-top:10px;}
.M09_A_cont .owl-carousel.act .owl-item.cloned {opacity:0;}
.M09_A_cont:after {position:absolute;left:-1000px;top:0;width:1000px;height:100%;background:rgba(255,255,255,0.8);content:"";z-index:10;transition:opacity 0.4s;}
.bg .M09_A_cont:after {background:rgba(245,245,245,0.8);}


/* 3단이하 */
.M09_A_cont.m1 .owl-carousel,
.M09_A_cont.m2 .owl-carousel,
.M09_A_cont.m3 .owl-carousel {width:calc(100% + 26px);margin-left:-26px;}
.M09_A_cont.m1 .owl-carousel .item,
.M09_A_cont.m2 .owl-carousel .item,
.M09_A_cont.m3 .owl-carousel .item {width:calc(33.3% - 26px);max-width:422px;margin-left:26px;}
.M09_A_cont.m3 .owl-carousel .item:last-child {width:calc(33.4% - 26px);}
.M09_A_cont.m1 .owl-pagn,
.M09_A_cont.m2 .owl-pagn,
.M09_A_cont.m3 .owl-pagn {display:none;}

/* Navication */
.M09_A_cont .owl-pagn {position:relative;width:100%;max-width:1318px;margin-top:40px;padding-bottom:0;z-index:2;}
.M09_A_cont .owl-pagn-inner {position:absolute;right:0;top:0;}
.M09_A_cont .owl-nav {position:absolute;right:calc(100% - 1318px);bottom:-97px;}

/* -PC 확장형- */
@media all and (max-width:1504px){
    .M09_A_cont .owl-nav {right:0}
    .M09_A_cont .owl-carousel .item {width:calc((100vw - 186px - 52px - 17px) / 3);}
    .M09_A_cont .owl-item.cloned:last-child {display:none;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M09_A .tit_e {margin-bottom:10px;}
    .M09_A .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* owl-carousel */
    .M09_A_cont .owl-carousel .item {width:60vw;max-width:300px;min-width:220px;}
    .M09_A_cont.m1 .owl-carousel,
    .M09_A_cont.m2 .owl-carousel,
    .M09_A_cont.m3 .owl-carousel {width:100%;margin-left:0;}
    .M09_A_cont.m1 .owl-carousel .item,
    .M09_A_cont.m2 .owl-carousel .item,
    .M09_A_cont.m3 .owl-carousel .item {width:60vw !important;max-width:300px;min-width:220px;margin-left:0 !important;}
    .M09_A_cont .box {width:95%;margin-top:15px;}
    .M09_A_cont.m2 .owl-pagn,
    .M09_A_cont.m3 .owl-pagn {display:block;}

    /* Navication */
    .M09_A_cont .owl-pagn { height: auto; margin-top: 30px; padding-bottom:0; }
    .M09_A_cont .owl-pagn-inner { position: initial; right: initial; top: initial; height: 30px; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; }
    .M09_A_cont .owl-pagn .owl-pagn-st { float: initial; }
    .M09_A_cont .owl-pagn .owl-pagn-ed { float: initial; padding-left: 0; }
    .M09_A_cont .owl-pagn .owl-pagn-ed:before { display: none; }
    .M09_A_cont .owl-pagn-bar { position: initial; left: initial; top: initial; }
    
    .M09_A_cont .owl-navm { display: block; }
    .M09_A_cont .owl-navm .owl-prevm,
    .M09_A_cont .owl-navm .owl-nextm { top: initial; bottom: 0; transform: translateY(0); background-color: transparent; border-radius: 50%; }
    .M09_A_cont .owl-navm .owl-prevm::after,
    .M09_A_cont .owl-navm .owl-nextm::after { border-color: #000; }
    .M09_A_cont .owl-navm .owl-prevm:hover,
    .M09_A_cont .owl-navm .owl-nextm:hover,
    .M09_A_cont .owl-navm .owl-prevm:focus,
    .M09_A_cont .owl-navm .owl-nextm:focus { background: none; }
}

@media all and (max-width:900px){
    .M09_A_cont:after {opacity:0;}
}

@media all and (max-width:600px){
    /* owl-carousel */
    .M09_A_cont.m1 .owl-carousel {display:block;margin-left:0;}
    .M09_A_cont.m1 .owl-carousel .item {width:100% !important;max-width:540px;margin-left:0;}
}




/*** M09_B | People 2  ***/
.M09_B .tit_e {margin-bottom:20px;} 
.M09_B .tit_b {margin-top:-12px;margin-bottom:40px;}
.M09_B .tit_e + .tit_b {margin-top:0;}

/* Owl As-is 초기화 */
.M09_B_cont .owl-stage-outer, .M09_B_cont .owl-stage, .M09_B_cont .owl-item {height:auto !important;}
.M09_B_cont .owl-carousel .active span {background:none;}
.M09_B_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}

/* owl-carousel */
.M09_B_cont {position:relative;padding-top:10px;}
.M09_B_cont .owl-carousel {display:flex;}
.M09_B_cont .owl-carousel .owl-stage {display:flex !important;}
.M09_B_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M09_B_cont .owl-carousel .owl-item {display:flex;}
.M09_B_cont .owl-carousel .item {display:flex;position:relative;float:left;width:310px;min-height:300px;padding:120px 26px 40px 26px;box-sizing:border-box;background:#f5f5f5;}
.M09_B_cont .img {position:absolute;right:26px;top:0px;width:110px;height:110px;background:#e6e6e6;}
.M09_B_cont .img:before {content:"";display:block;width:100%;height:0;padding-bottom:100%;background-color:#ddd;}
.M09_B_cont .img .img_p,
.M09_B_cont .img .img_m {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.M09_B_cont .img img {width:100%;}
.M09_B_cont .box {width:100%;}
.M09_B_cont .md_tit {display:block;}
.M09_B_cont .md_txt {margin-top:10px;display:block;}
.M09_B_cont .md_txt02 {margin-top:10px;}
.M09_B_cont .md_btn {margin-top:10px;}
.M09_B_cont:after {position:absolute;left:-1000px;top:0;width:1000px;height:100%;background:rgba(255,255,255,0.8);content:"";z-index:10;transition:opacity 0.4s;}
.M09_B_cont .owl-carousel.act .owl-item.cloned {opacity:0;}

/* Background Gray */
.bg .M09_B_cont .owl-carousel .item {background:#fff;}
.bg .M09_B_cont:after {background:rgba(245,245,245,0.8);}

/* 4단이하 */
.M09_B_cont.m1 .owl-carousel,
.M09_B_cont.m2 .owl-carousel,
.M09_B_cont.m3 .owl-carousel,
.M09_B_cont.m4 .owl-carousel {display:flex;width:auto;margin-left:-26px;}
.M09_B_cont.m1 .owl-carousel .item,
.M09_B_cont.m2 .owl-carousel .item,
.M09_B_cont.m3 .owl-carousel .item,
.M09_B_cont.m4 .owl-carousel .item {width:310px;margin-left:26px;}
.M09_B_cont.m1 .owl-pagn,
.M09_B_cont.m2 .owl-pagn,
.M09_B_cont.m3 .owl-pagn,
.M09_B_cont.m4 .owl-pagn {display:none;}

/* Navication */
.M09_B_cont .owl-pagn {position:relative;width:100%;max-width:1318px;margin-top:40px;padding-bottom:0;z-index:2;}
.M09_B_cont .owl-pagn-inner {position:absolute;right:0;top:0;}
.M09_B_cont .owl-nav {position:absolute;right:calc(100% - 1318px);bottom:-97px;}

/* -PC 확장형- */
@media all and (max-width:1504px){
    .M09_B_cont .owl-nav {right:0}
    .M09_B_cont.m4 .owl-carousel {display:block;margin-left:0;}
    .M09_B_cont.m4 .owl-carousel .item {width:310px;margin-left:0;}
    .M09_B_cont.m4 .owl-pagn {display:block;}
}

@media all and (max-width:1168px){
    .M09_B_cont.m3 .owl-carousel {display:block;margin-left:0;}
    .M09_B_cont.m3 .owl-carousel .item {width:310px;margin-left:0;}
    .M09_B_cont.m3 .owl-pagn {display:block;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M09_B .tit_e {margin-bottom:10px;}
    .M09_B .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* owl-carousel */
    .M09_B_cont .owl-carousel .item {width:310px;padding:120px 20px 40px 20px;}
    .M09_B_cont .owl-carousel .item:after {left:-16px;width:16px}
    .M09_B_cont .img {left:16px;}

    /* 4단이하 */
    .M09_B_cont.m1 .owl-carousel .item:after {left:-26px;width:26px}
    .M09_B_cont.m2 .owl-carousel {display:block;margin-left:0;}
    .M09_B_cont.m2 .owl-carousel .item {width:310px;margin-left:0;}
    .M09_B_cont.m2 .owl-pagn,
    .M09_B_cont.m3 .owl-pagn,
    .M09_B_cont.m4 .owl-pagn {display:block;}

    /* Navication */
    .M09_B_cont .owl-pagn {margin-top:30px;padding-bottom:0;}
}

@media all and (max-width:900px){
    .M09_B_cont:after {opacity:0;}
}

@media all and (max-width:600px){
    .M09_B_cont .owl-carousel .item {width:100% !important;min-width:260px !important;}
    .M09_B_cont .owl-carousel .item:after {left:-16px;width:16px}
    .M09_B_cont .img {left:16px;}

    /* 1단 */
    .M09_B_cont.m1 .owl-carousel {display:block;margin-left:0;}
    .M09_B_cont.m1 .owl-carousel .item {width:100%;margin-left:0;}
}







/*** M10_A | Contact  ***/
.M10_A {padding:0 !important;}
.M10_A.bg {background:#fff;}
.M10_A.mt {background:#f5f5f5;}
.cont.bg + .M10_A {background:#f5f5f5;}

/* md_search */
.md_search {position:relative;padding:33px 0;background:#e6e6e6;}
.md_search .tit {float:left;width:310px;padding-top:11px;}
.md_search .search {position:relative;float:right;width:calc(100% - 336px);padding-right:156px;box-sizing:border-box;}
.md_search .search a, .md_search .search button {position:absolute;right:0;top:0;width:156px;font-size:14px;vertical-align:top;}
.md_search .search input {height:50px;padding:0 68px 0 20px;background:#fff;border:1px solid #fff;font-family:'Noto Sans';color:#000;font-size:16px;font-weight:normal;vertical-align:top;outline:none;transition:all 0.4s;}
.md_search .search input:focus {border-color:#e27307}
.md_search .search input.placeholder {color:#000;}
.md_search .search input:-ms-input-placeholder {color:#000;}
.md_search .search input::-webkit-input-placeholder {color:#000;}
.md_search .search input::-moz-placeholder {color:#000;}
.md_search::after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/* M10_A_cont */
.M10_A_cont {position:relative;padding:70px 0;background:#02091e url(https://image.samsungsds.com/module_src/images/default/bg_contact.jpg?queryString=20241210125943) center/cover no-repeat;color:#fff;}
.M10_A_cont .visual_img {position:absolute;left:0;top:0;width:100%;height:100%;}
.M10_A_cont .visual_img .img_p,
.M10_A_cont .visual_img .img_m {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.M10_A_cont .visual_img .img_m {display:none;}
.M10_A_cont .visual_img.white_ty + .inner .md_btn a:after,
.M10_A_cont .visual_img.white_ty + .inner .md_btn button:after {border-color:rgba(255,255,255,0.4);}
.M10_A_cont .md_tit {margin-top:-5px;display:block;font-size:30px;font-weight:bold;line-height:42px;}
.M10_A_cont .md_txt {margin-top:10px;}
.M10_A_cont .md_txt .mark {display:inline-block;padding:0 10px;font-size:12px;vertical-align:top;}
.M10_A_cont .md_btn {margin:25px -5px 0 -5px; color:transparent; }
.M10_A_cont .md_btn a, .M10_A_cont .md_btn button {display:inline-block;width:auto;min-width:200px;height:44px;margin:0 5px;padding:0 40px;font-size:16px;line-height:42px;vertical-align:top;}
.M10_A_cont .md_btn button span {line-height:40px;vertical-align:top;}
.M10_A_cont .md_btn a:after, .M10_A_cont .md_btn button:after {border-color:#888;}
.M10_A_cont .md_btn a:hover:after, .M10_A_cont .md_btn button:hover:after,
.M10_A_cont .md_btn a:focus:after, .M10_A_cont .md_btn button:focus:after {border-color:#1C7EEE;}
.M10_A_cont .txt.center {text-align:center;}
.M10_A_cont .txt.right {text-align:right;}

/* popup type02 */
.slidePopup.is_scroll {overflow-y:auto;}
.slidePopup.pop_ty02 {width:1318px;padding:60px 80px 70px;box-sizing:border-box;}
.slidePopup.pop_ty02 .swiper-slide:after {display:block;}
.slidePopup.pop_ty02 .swiper-closeBtn {top:60px;right:80px;width:70px;height:70px;}
.slidePopup.pop_ty02 .pop_md_tit + .swiper-container {margin:0;}
.slidePopup.pop_ty02 .pop_md_tit {margin-bottom:30px;padding:0 0 20px;border-width:2px;}
.slidePopup.pop_ty02 .view_cont .md_tit {margin-bottom:10px;}
.slidePopup.pop_ty02 .view_cont .md_txt {margin-bottom:20px;}
.slidePopup.pop_ty02 .view_cont .table_mb{max-height:530px;overflow-y:auto;}
.slidePopup.pop_ty02 .view_cont .info_pop_c {left:-85px;width:170px;}
.slidePopup.pop_ty02 .M17_A_cont {padding-top:0;border-top:0;}
.slidePopup.pop_ty02 .view_m {display:none;}


/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M10_A {padding:20px 0 0 0 !important;}

    /* md_search */
    .md_search {padding:30px 0;}
    .md_search .tit {float:none;width:100%;margin:0 0 20px 0;padding-top:0px;}
    .md_search .search {float:none;width:100%;padding-right:92px;}
    .md_search .search a, .md_search .search button {width:92px;height:40px;font-size:14px;line-height:38px;}
    .md_search .search input {height:40px;padding:0 20px 0 15px;font-size:14px;}

    /* M10_A_cont */
    .M10_A_cont {padding:70px 0 60px 0;}
    .M10_A_cont .md_tit {margin-top:-6px;font-size:24px;line-height:36px;}
    .M10_A_cont .md_txt {margin-top:5px;}
    .M10_A_cont .md_txt .mark {padding:0 8px;font-size:10px;}
    .M10_A_cont .md_btn {margin:20px 0 0 0;}
    .M10_A_cont .md_btn a, .M10_A_cont .md_btn button {min-width:152px;height:40px;font-size:14px;line-height:38px;}
    .M10_A_cont .md_btn a span, .M10_A_cont .md_btn button span {margin-top:-6px;line-height:1.2;vertical-align:middle;}

    /* popup type02 */
    .popupDim.pop_ty02 {background:rgba(0,0,0,0.3);}
    .slidePopup.pop_ty02 {width:calc(100% - 40px) !important;padding:30px 20px;left:50%;top:50%;transform:translate(-50%, -50%);}
    .slidePopup.pop_ty02.is_scroll {height:calc(100% - 40px);}
    .slidePopup.pop_ty02 .swiper-closeBtn {top:35px;right:25px;width:25px;height:25px;}
}

@media all and (max-width:768px){
    .M10_A_cont .md_btn a, .M10_A_cont .md_btn button {display:block;width:60%;margin:8px auto 0 auto;}
    .M10_A_cont .md_btn a:first-child, .M10_A_cont .md_btn button:first-child {display:block;width:60%;margin-top:0;}
    .M10_A_cont .md_btn a:only-child, .M10_A_cont .md_btn button:only-child {display:inline-block;width:auto;margin-top:0;}
    .M10_A_cont .visual_img .img_p {display:none;}
    .M10_A_cont .visual_img .img_m {display:block;}

    /* popup type02 */
    .slidePopup.pop_ty02 .view_p {display:none;}
    .slidePopup.pop_ty02 .view_m {display:block;}
    .slidePopup.pop_ty02 .view_m .list {counter-reset:listItem;}
    .slidePopup.pop_ty02 .view_m .list li {position:relative;padding-left:25px;}
    .slidePopup.pop_ty02 .view_m .list li:before {display:block;position:absolute;top:5px;left:0;width:20px;height:20px;line-height:20px;text-align:center;background:#1AB3E3;color:#fff;content:counter(listItem);counter-increment:listItem;}
    .slidePopup.pop_ty02 .view_m .list .md_tit {display:block;margin-bottom:5px;}
    .slidePopup.pop_ty02 .view_m .ico_dot {padding:10px 18px 10px 25px;background:#F5F5F5;}
}
    





/*** M10_B | DT Banner  ***/
/* M10_B_cont */
.M10_B_cont {position:relative;background:#f5f5f5;color:#fff;}
.M10_B .inner {max-width:100%;padding:0;}

/* md_cont */
.M10_B_cont .caroufredsel_wrapper .md_cont .li .txt {padding-top:80px;}
.M10_B_cont .md_cont {position:relative;}
.M10_B_cont .md_cont::after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M10_B_cont .md_cont .li {position:relative;display:block;float:left;width:100%;box-sizing:border-box;overflow:hidden;cursor:default;}
.M10_B_cont .md_cont .li .img {position:absolute;height:100%;width:100%;overflow:hidden;z-index:1;}
.M10_B_cont .md_cont .li .img:before {display:none;}
.M10_B_cont .md_cont .li .img p {position:absolute;left:0;top:0;width:100%;height:100%;}
.M10_B_cont .md_cont .li .img .img_p {display:block;}
.M10_B_cont .md_cont .li .img .img_m {display:none;}
.M10_B_cont .md_cont .li .txt {position:relative;max-width:1504px;margin:0 auto;padding:45px 93px;z-index:2;}
.M10_B_cont .md_cont .li .txt .md_tit em {display:block;font-weight:700;}
.M10_B_cont .md_cont .li .txt .md_tit span,
.M10_B_cont .md_cont .li .txt .md_tit i {display:block;position:relative;overflow:hidden;font-weight:normal;}
.M10_B_cont .md_cont .li .txt_inner {float:left;max-width:75%;padding-right:58px;}
.M10_B_cont .md_cont .li .md_txt {display:block;line-height:36px;color:#fff;font-size:19px;font-weight:normal;}
.M10_B_cont .md_cont .li .md_btn {margin:40px -5px 0 -5px; color:transparent; }
.M10_B_cont .md_cont .li .md_btn a, 
.M10_B_cont .md_cont .li .md_btn button {display:inline-block;width:auto;min-width:215px;height:44px;margin:0 5px;padding:0 30px;font-size:16px;line-height:42px;vertical-align:top;}
.M10_B_cont .md_cont .li .md_btn a span,
.M10_B_cont .md_cont .li .md_btn button span {line-height:40px;vertical-align:top;}

.M10_B_cont .md_cont .li .txt .txt_area {overflow:hidden;display:flex;align-items: center;}

.M10_B_cont .md_cont .li .ico_img {float:right;text-align:center;width:25%;margin-left: auto;order: 2;}
.M10_B_cont .md_cont .li .ico_img img {width:auto;max-width:149px;}
.M10_B_cont .md_cont .li .md_tit {font-size:20px;color:#fff;font-weight:normal;text-align:center;line-height:28px;margin-top:10px;}

/* Active */
.M10_B_cont .md_cont .li.act .ico_img .img_p,
.M10_B_cont .md_cont .li.act .md_tit {animation:fade both 0.3s 0.2s;}
.M10_B_cont .md_cont .li.act .md_tit i {animation:txtTop both 0.4s 0.6s;}
.M10_B_cont .md_cont .li.act .md_tit span:nth-child(1) i {animation-delay:0.2s;}
.M10_B_cont .md_cont .li.act .md_tit span:nth-child(2) i {animation-delay:0.4s;}
.M10_B_cont .md_cont .li.act .md_txt {animation:fade both 0.3s 0.3s;}
.M10_B_cont .md_cont .li.act .md_btn {animation:fade both 0.3s 1s;}
.M10_B_cont .md_cont .li.act .txt:after {animation:fade both ease-in-out 0.4s 0.3s;}

/* md_cont_control */
.M10_B_cont .md_cont_control {position:absolute;left:50%;top:45px;width:100%;max-width:300px;margin-left:-659px;z-index:10;}
.M10_B_cont .md_cont_control > div{float:left;}
.M10_B_cont .md_pagn {position:relative;width:146px;width:auto;text-align:right;margin-right:14px;line-height:20px;}
.M10_B_cont .md_pagn a {display:inline-block;position:relative;margin-right:10px;color:#fff;font-size:14px;font-weight:bold;line-height:14px;letter-spacing:0;text-align:center;opacity:0.4;transition:all 0.4s;} 
.M10_B_cont .md_pagn a:hover {opacity:0.8;}
.M10_B_cont .md_pagn a:focus {opacity:1;}
.M10_B_cont .md_pagn a.selected {opacity:1;}
.M10_B_cont .md_pagn a.selected:before {opacity:1;}
.M10_B_cont .md_pagn a:last-child {margin-right:0;}
.M10_B_cont .md_pagn:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M10_B_cont .md_cont_control .md_pagn a:first-child:nth-last-child(2), 
.M10_B_cont .md_cont_control .md_pagn a:first-child:nth-last-child(2) ~ a {margin-right:10px;}
.M10_B_cont .md_cont_control .md_pagn a:first-child:nth-last-child(2) ~ a:last-child {margin-right:0;}
.M10_B_cont .md_cont_control .md_pagn a:first-child:nth-last-child(3), 
.M10_B_cont .md_cont_control .md_pagn a:first-child:nth-last-child(3) ~ a {margin-right:10px;}
.M10_B_cont .md_cont_control .md_pagn a:first-child:nth-last-child(3) ~ a:last-child {margin-right:0;}

/* md_timer */
.M10_B_cont .md_timer {position:relative;width:100px;margin:9px 7px 0 0;height:2px;background:rgba(255,255,255,0.4);overflow:hidden;}
.M10_B_cont .md_timer p {position:absolute;left:0;top:0;width:0;height:2px;background:#fff;}

/* md_play  */
.M10_B_cont .md_play {position:relative;top:0;right:0;}
.M10_B_cont .md_play a {display:block;position:relative;width:20px;height:20px;overflow:hidden;}
.M10_B_cont .md_play .md_btn_play:before {position:absolute;left:50%;top:50%;width:0;height:0;border-width:5px 0 5px 8px;border-style:solid;border-color:transparent;border-left-color:#fff;content:"";transform:translate(-50%,-50%);transition:all 0.4s;}
.M10_B_cont .md_play .md_btn_play:hover:before, .M10_B_cont .md_play .md_btn_play:focus:before {border-left-color:#1C7EEE;}
.M10_B_cont .md_play .md_btn_stop:before {position:absolute;left:6px;top:5px;width:2px;height:10px;background:#fff;content:"";transition:all 0.4s;}
.M10_B_cont .md_play .md_btn_stop:after {position:absolute;left:11px;top:5px;width:2px;height:10px;background:#fff;content:"";transition:all 0.4s;}
.M10_B_cont .md_play .md_btn_stop:hover:before, .M10_B_cont .md_play .md_btn_stop:focus:before,
.M10_B_cont .md_play .md_btn_stop:hover:after, .M10_B_cont .md_play .md_btn_stop:focus:after {background-color:#1C7EEE;}
.M10_B_cont .md_play .md_btn_play {display:none;}
.M10_B_cont .md_play .md_btn_stop {display:block;}
.M10_B_cont .md_play.on .md_btn_play {display:block;}
.M10_B_cont .md_play.on .md_btn_stop {display:none;}

/* BG color */
.M10_B_cont .md_cont .li .img.bg_blue {background:linear-gradient(to right,rgba(9,68,86,1),rgba(17,135,172,1));}
.M10_B_cont .md_cont .li .img.bg_navy {background:#052346;}
.M10_B_cont .md_cont .li .img.bg_gray {background:#f5f5f5;}
.M10_B_cont .md_cont .li .bg_ty + .txt .md_tit,
.M10_B_cont .md_cont .li .bg_ty + .txt .md_txt,
.M10_B_cont .md_cont .li .bg_ty + .txt .btn_ty02{color:#000;}
.M10_B_cont .md_cont .li .bg_ty + .txt .btn_ty02:after{border-color:#000;}
.M10_B_cont .md_cont .li .bg_ty + .txt .btn_ty02:before {background-color:#1C7EEE;}
.M10_B_cont .md_cont .li .bg_ty + .txt .btn_ty02:hover, 
.M10_B_cont .md_cont .li .bg_ty + .txt .btn_ty:focus {background-color:#1C7EEE;color:#fff;}
.M10_B_cont .md_cont .li .bg_ty + .txt .btn_ty02:hover:after, 
.M10_B_cont .md_cont .li .bg_ty + .txt .btn_ty:focus:after {border-color:#1C7EEE;}

.M10_B_cont .md_cont_control.black .md_pagn a{color:#000;}
.M10_B_cont .md_cont_control.black .md_timer{background: rgba(0,0,0,0.2);}
.M10_B_cont .md_cont_control.black .md_timer p{background:#000;}
.M10_B_cont .md_cont_control.black .md_play .md_btn_play:before{border-left-color:#000;}
.M10_B_cont .md_cont_control.black .md_play .md_btn_stop:before,
.M10_B_cont .md_cont_control.black .md_play .md_btn_stop:after{background:#000;}

@media all and (max-width:1504px){
    .M10_B_cont .md_cont_control {left:93px;margin-left:0;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M10_B_cont .md_cont .li .ico_img .md_tit {font-size:22px;line-height:24px;margin:0 0 15px 0;}
    .M10_B_cont .md_cont .li .md_txt {font-size:16px;line-height:26px;}

    /* M10_B_cont */
    .M10_B_cont .caroufredsel_wrapper .md_cont .li .txt {padding-top:35px;padding-bottom:100px;display:flex;align-items: center;}
    .M10_B_cont .md_cont .li .txt .txt_area{display:block;width:100%;}
    .M10_B_cont .md_cont .li .txt {padding:35px 30px;}
    .M10_B_cont .md_cont .li .txt {text-align:center;}
    .M10_B_cont .md_cont .li .txt_inner {float:none;width:100%;max-width:inherit;padding-right:0;}

    .M10_B_cont .md_cont .li .ico_img {float:none;width:100%;order:inherit;}
    .M10_B_cont .md_cont .li .ico_img img {display:none;}

    .M10_B_cont .md_cont .li .md_btn {margin:20px 0 0 0;}
    .M10_B_cont .md_cont .li .md_btn a, 
    .M10_B_cont .md_cont .li .md_btn button {min-width:152px;height:40px;font-size:14px;line-height:38px;}
    .M10_B_cont .md_cont .li .md_btn a span,
    .M10_B_cont .md_cont .li .md_btn button span {margin-top:-6px;line-height:1.2;vertical-align:middle;}

    .M10_B_cont .md_cont_control {top:inherit;bottom:35px;max-width:140px;left:0;right:0;margin:0 auto;}
    .M10_B_cont .md_cont_control > div {float:none;}
    .M10_B_cont .md_cont_control .md_pagn {max-width:114px;margin-right:0;text-align:center;}
    .M10_B_cont .md_cont_control .md_timer{width:114px;margin-top:12px;}
    .M10_B_cont .md_cont_control .md_play{position:absolute;top:23px;right:-6px;}
}

@media all and (max-width:768px){
    .M10_B_cont .md_cont .li .ico_img .md_tit {font-size:22px;margin:inherit;margin-bottom:15px;}

    .M10_B_cont .md_cont .li .md_btn a, 
    .M10_B_cont .md_cont .li .md_btn button {display:block;width:80%;margin:8px auto 0 auto;}
    .M10_B_cont .md_cont .li .md_btn a:only-child, 
    .M10_B_cont .md_cont .li .md_btn button:only-child {display:inline-block;width:auto;margin-top:0;}


    .M10_B_cont .md_cont .li .img .img_p {display:none;}
    .M10_B_cont .md_cont .li .img .img_m {display:block;}
}
    



/*** M10_C | Contact  ***/
.M10_C { padding: 0 !important; }
.M10_C+.M10_C { margin-top: 100px; }
.M10_C_cont { display: flex; flex-wrap: wrap; }
.M10_C_cont .li { display: block; position: relative; width: 100%; height: 100%; background: #fafafa; overflow: hidden; text-align: center; }
.M10_C_cont .li:first-child:nth-last-child(2), .M10_C_cont .li:first-child:nth-last-child(2) ~ .li { width: 50%; }
.M10_C_cont .visual_img { overflow: hidden; background-color: #f5f5f5; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 30px 0; height: 100%; max-height: 310px; }
.M10_C_cont .visual_img::before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 40%; }
.M10_C_cont .li:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #122949; opacity: .7; }
.M10_C_cont .txt { width: 100%; text-align: center; padding: 0 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }
.M10_C_cont .txt .tit_s { color: #fff; }
.M10_C_cont .txt .md_btn { margin-top: 25px; }
.M10_C_cont .txt .md_btn .btn_ty02:after { opacity: .4; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M10_C_cont .li { width: 100% !important; }
    .M10_C_cont .txt .md_btn { margin-top: 20px; }
}
@media all and (max-width:450px) {
    .M10_C_cont .visual_img { max-height: 200px; }
    .M10_C_cont .visual_img::before { padding-bottom: 50%; }
}




/*** M11_A | Trends  ***/
.M11_A .tit_e {margin-bottom:20px;} 
.M11_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M11_A .tit_e + .tit_b {margin-top:0;}

/* M11_A_cont */
.M11_A_cont {position:relative;counter-reset:item;}
.M11_A_cont .li {position:relative;min-height:calc((100vw - 203px) * 0.38);margin-top:100px;overflow:hidden;}
.M11_A_cont .li:first-child {margin-top:0;}
.M11_A_cont .li:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/* img */
.M11_A_cont .img {position:relative;width:66.1%;max-width:870px;background:#f5f5f5;}
.M11_A_cont .img_p {position:absolute;left:0;top:0;width:100%;height:100%;}
.M11_A_cont .img img {width:100%;}
.M11_A_cont .img:before {display:block;position:absolute;color:rgba(0,0,0,0.05);font-family:'SharpSansNo1' !important;font-size:10vw;font-weight:bold;line-height:10vw;content:counter(item, decimal-leading-zero);counter-increment:item;}
.M11_A_cont .img:after {content:"";display:block;width:100%;height:0;padding-bottom:56.4%;background-color:#ddd;}
.M11_A_cont .li:nth-child(3n + 1) .img {float:left;margin-bottom:-17%;}
.M11_A_cont .li:nth-child(3n + 1) .img:before {right:-27%;bottom:37.2%;}
.M11_A_cont .li:nth-child(3n + 2) .img {margin:0 auto -11.2% auto;}
.M11_A_cont .li:nth-child(3n + 2) .img:before {left:-20%;top:-0.5%;}
.M11_A_cont .li:nth-child(3n) .img {float:right;margin-bottom:-21.5%;}
.M11_A_cont .li:nth-child(3n) .img:before {left:-40%;bottom:49.5%}
.bg .M11_A_cont .img {background:#e6e6e6;}

/* txt */
.M11_A_cont .txt {position:relative;float:right;width:66.1%;padding:60px 8.5% 0 8.5%;background:#fff;box-sizing:border-box;}
.M11_A_cont .txt .tit_e {margin-bottom:20px;display:block;}
.M11_A_cont .txt .md_tit {display:block;}
.M11_A_cont .txt .md_txt {margin-top:10px;}
.M11_A_cont .txt .md_btn {margin-top:15px;}
.M11_A_cont .li:nth-child(3n + 1) .txt {min-height:260px;}
.M11_A_cont .li:nth-child(3n + 2) .txt{min-height:260px;}
.M11_A_cont .li:nth-child(3n) .txt {float:left;width:42.5%;min-height:320px;}
.M11_A_cont .txt.center {text-align:center;}
.M11_A_cont .txt.right {text-align:right;}
.bg .M11_A_cont .txt {padding-bottom:60px;}

@media all and (min-width:1503px){
    .M11_A_cont .li {min-height:490px;}
    .M11_A_cont .img:before {font-size:160px;line-height:160px;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M11_A .tit_e {margin-bottom:10px;}
    .M11_A .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* M11_A_cont */
    .M11_A_cont .li {margin-top:70px;}
    .M11_A_cont .txt .tit_e {margin-bottom:10px;}
    .M11_A_cont .txt .md_txt {margin-top:10px;}
    .M11_A_cont .txt .md_btn {margin-top:10px;}
    .M11_A_cont .txt .md_btn a {display:block;}
    .M11_A_cont .txt {padding:40px 6.4%;}
    .M11_A_cont .li:nth-child(3n + 2) .img:before {left:-19%;}
    .M11_A_cont .li:nth-child(3n) .img:before {left:-43%;}
    .M11_A_cont .li:nth-child(3n + 1) .txt {min-height:130px;}
    .M11_A_cont .li:nth-child(3n + 2) .txt{min-height:130px;}
    .M11_A_cont .li:nth-child(3n) .txt {min-height:190px;}
}

@media all and (max-width:600px){
    .M11_A_cont .li {margin-top:0;overflow:visible;}
    .bg .M11_A_cont .li {margin-top:30px;}
    .bg .M11_A_cont .li:first-child {margin-top:0;}

    /* img */
    .M11_A_cont .img {width:calc(100% + 60px);}
    .M11_A_cont .img:before {display:none;}
    .M11_A_cont .li:nth-child(3n + 1) .img,
    .M11_A_cont .li:nth-child(3n + 2) .img,
    .M11_A_cont .li:nth-child(3n) .img {float:none;margin:0 -30px;}

    /* txt */
    .M11_A_cont .txt {float:none;padding:40px 30px;}
    .M11_A_cont .li:nth-child(3n + 1) .txt,
    .M11_A_cont .li:nth-child(3n + 2) .txt,
    .M11_A_cont .li:nth-child(3n) .txt {float:none;width:calc(100% + 30px);min-height:inherit;margin-top:-40px;}
    .M11_A_cont .li:last-child .txt {padding-bottom:0;}
    .bg .M11_A_cont .txt,
    .bg .M11_A_cont .li:last-child .txt {padding-bottom:40px;}
}





/*** M11_B | Trends 2  ***/
.M11_B .tit_e {margin-bottom:20px;} 
.M11_B .tit_b {margin-top:-12px;margin-bottom:40px;}
.M11_B .tit_e + .tit_b {margin-top:0;}

/* M11_B_cont */
.M11_B_cont {position:relative;counter-reset:item;}
.M11_B_cont .li {position:relative;display:flex;align-items:center;margin-top:120px;overflow:hidden;}
.M11_B_cont .li:first-child {margin-top:0;}
.M11_B_cont .li:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M11_B_cont .li:nth-child(even) {flex-direction:row-reverse;}

/* img */
.M11_B_cont .img {position:relative;align-self:flex-start;width:63%;max-width:830px;background:#f5f5f5;}
.M11_B_cont .img_p {position:absolute;left:0;top:0;width:100%;height:100%;}
.M11_B_cont .img img {width:100%;}
.M11_B_cont .img:before {content:"";display:block;width:100%;height:0;padding-bottom:56.3%;background-color:#ddd;}
.bg .M11_B_cont .img {background:#e6e6e6;}

/* txt */
.M11_B_cont .txt {position:relative;width:37%;box-sizing:border-box;}
.M11_B_cont .txt .txt_inner:before {display:block;position:absolute;top:0;color:rgba(0,0,0,0.05);font-family:'SharpSansNo1' !important;font-size:8vw;font-weight:bold;line-height:8vw;content:counter(item, decimal-leading-zero);counter-increment:item;}
.M11_B_cont .txt .txt_inner {position:relative;padding:39% 0 0 0px;}
.M11_B_cont .txt .tit_e {margin-bottom:20px;display:block;}
.M11_B_cont .txt .md_tit {display:block;font-size:18px;line-height:28px;}
.M11_B_cont .txt .md_txt {margin-top:15px;}
.M11_B_cont .txt .md_btn {margin-top:20px;}
.M11_B_cont .li:nth-child(odd) .txt {float:right;padding-left:6%;}
.M11_B_cont .li:nth-child(even) .txt {float:left;padding-right:6%;}
.M11_B_cont .txt.center {text-align:center;}
.M11_B_cont .txt.right {text-align:right;}

@media all and (min-width:1503px){
    .M11_B_cont .li {min-height:467px;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M11_B .tit_e {margin-bottom:10px;}
    .M11_B .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* M11_B_cont */
    .M11_B_cont .li {margin-top:70px;}
    .M11_B_cont .txt .tit_e {margin-bottom:10px;}
    .M11_B_cont .txt .txt_inner {padding-top:36%;}
    .M11_B_cont .txt .md_txt {margin-top:10px;}
    .M11_B_cont .txt .md_btn {margin-top:20px;}
    .M11_B_cont .txt .md_btn a {display:block;}
}

@media all and (max-width:838px){
    .M11_B_cont .li {display:block;min-height:auto;margin-top:40px;overflow:visible;}

    /* img */
    .M11_B_cont .img {float:none;width:calc(100% + 60px);margin:0 -30px;}

    /* txt */
    .M11_B_cont .txt {float:none;padding:0px;width:100%;min-height:inherit;}
    .M11_B_cont .txt .txt_inner {padding-top:20px;}
    .M11_B_cont .txt .txt_inner:before {display:none;}
    .M11_B_cont .li:nth-child(odd) .txt,
    .M11_B_cont .li:nth-child(even) .txt {padding:0;}
    .M11_B_cont .txt .md_tit {font-size:16px;line-height:26px;}
}





/*** M12_A | Benefits  ***/
/* 모듈 여백 */
.M12_A {padding-top:0 !important;margin-top:-30px;}
.cont.bg + .M12_A .inner:before {display:none;}
.cont.bg + .M12_A.bg .inner:before {display:block;}
.cont + .M12_A.bg .inner:before {display:none;}

.M12_A .tit_e {float:left;width:198px;margin-top:3px;}
.M12_A:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M12_A .inner {padding-top:80px;}
.M12_A .inner:before {position:absolute;left:93px;top:0;width:calc(100% - 186px);height:1px;background:#ddd;content:"";}
.M12_A_cont {float:right;width:calc(100% - 224px);}
.M12_A_cont .mb_title {margin-top:-12px;margin-bottom:40px;}
.M12_A_cont .module_ty .txt {width:90%;}

/* 기본 2단 */
.M12_A_cont .module_ty {position:relative;margin:0 -13px;}
.M12_A_cont .module_ty:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M12_A_cont .li {float:left;width:50%;margin-top:58px;padding:0 13px;box-sizing:border-box;}
.M12_A_cont .li:nth-child(2n + 1) {clear:left;}
.M12_A_cont .li:first-child, .M12_A_cont .li:nth-child(2) {margin-top:0;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
.M12_A {margin-top:-15px;}
.M12_A .tit_e {float:none;width:100%;margin:0 0 10px 0;}
.M12_A .inner {padding-top:45px;}
.M12_A .inner:before {left:30px;width:calc(100% - 60px);}
.M12_A_cont {float:none;width:100%;}
.M12_A_cont .mb_title {margin-top:-6px;margin-bottom:20px;}
.M12_A_cont .li {margin-top:30px;}
.M12_A .tit_e + .M12_A_cont .mb_title {margin-top:0;}
}

@media all and (max-width:600px){
/* 기본 2단 */
.M12_A_cont .module_ty {margin:0;}
.M12_A_cont .module_ty .txt {width:100%;}
.M12_A_cont .li {width:100%;padding:0;}
.M12_A_cont .li:nth-child(2n + 1) {clear:left;}
.M12_A_cont .li:first-child {margin-top:0 !important;}
.M12_A_cont .li:nth-child(2) {margin-top:25px;}
}
    




/*** M12_B | Benefits2  ***/
.M12_B .tit_e {margin-bottom:20px;} 
.M12_B .tit_b {margin-top:-12px;margin-bottom:40px;}
.M12_B .tit_e + .tit_b {margin-top:0;}

/* visual_img */
.M12_B_cont .visual_img {position:relative;}
.M12_B_cont .visual_img .img {position:relative;height:320px;background-color:#ddd;overflow:hidden;}
.M12_B_cont .visual_img .img .img_p,
.M12_B_cont .visual_img .img .img_m {position:absolute;left:0;top:0;width:100%;height:100%;}
.M12_B_cont .visual_img .img .img_m {display:none;}
.M12_B_cont .visual_img .visual_items + .img {position:absolute;top:50%;left:0;width:100%;height:100%;background:#f5f5f5;transform:translateY(-50%);}
.M12_B_cont .visual_img .visual_items + .img:before {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:2;}

/* owl-carousel */
.M12_B_cont * + .owl-carousel {margin-top:60px;}
.M12_B_cont .owl-carousel:after {content:"";display:block;clear:both;}
.M12_B_cont .owl-carousel .li {float:left;}
.M12_B_cont .owl-carousel .md_tit {display:block;width:90%;margin-bottom:10px;font-size:22px;font-weight:bold;line-height:32px;letter-spacing:-0.5px;}
.M12_B_cont .owl-carousel .md_txt {width:90%;}

/* 20220411 웹 접근성 수정 : 텍스트 버튼 높이 수정 */
.M12_B_cont .owl-carousel .md_txt a { margin-top: 20px; }
.M12_B_cont .owl-carousel .md_txt em { display: block; font-size: 14px; line-height: 24px; color: #444; margin-top: 10px; }
.M12_B_cont .ly_use_owl,
.M12_B_cont .owl-stage-outer,
.M12_B_cont .owl-stage,
.M12_B_cont .owl-item {height:auto;}
.M12_B_cont .owl-pagn {display:none;margin-top:30px;}

/* md_btn */
.M12_B_cont .md_btn {margin-top:60px;}

@media all and (min-width:1024px){
    .M12_B_cont .owl-carousel {padding-left:224px;}
    .M12_B_cont .owl-carousel .li {width:calc(50% - 13px);margin-top:60px;margin-left:26px;}
    .M12_B_cont .owl-carousel .li:nth-child(2n + 1) {clear:left;margin-left:0;}
    .M12_B_cont .owl-carousel .li:nth-child(1),
    .M12_B_cont .owl-carousel .li:nth-child(2) {margin-top:0;}

    /* md_btn */
    .M12_B_cont .md_btn {padding-left:224px;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M12_B .tit_e {margin-bottom:10px;}
    .M12_B .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* visual_img */
    .M12_B_cont .visual_img {width:100%;}
    .M12_B_cont .visual_img .img {height:420px;}
    .M12_B_cont .visual_img .img .img_p {display:none;}
    .M12_B_cont .visual_img .img .img_m {display:block;}

    /* owl-carousel */
    .M12_B_cont * + .owl-carousel {margin-top:40px;}
    .M12_B_cont .owl-carousel .li {width:calc(50% - 13px);margin-left:26px;margin-top:30px;}
    .M12_B_cont .owl-carousel .li:nth-child(2n+1) {margin-left:0;clear:both;}
    .M12_B_cont .owl-carousel .li:nth-child(1),
    .M12_B_cont .owl-carousel .li:nth-child(2) {margin-top:0;}
    .M12_B_cont .owl-carousel .md_tit {font-size:16px;line-height:26px;letter-spacing:-0.3px;}

    /* md_btn */
    .M12_B_cont .md_btn {margin-top:30px;}
}

@media all and (max-width:600px){
    .M12_B_cont * + .owl-carousel {margin-top:20px;}
    .M12_B_cont .owl-carousel .li {width:100%;margin-left:0;}
    .M12_B_cont .owl-carousel .li:first-child {margin-top:0;}
    .M12_B_cont .owl-carousel .li:nth-child(2n+1) {clear:none;}
    .M12_B_cont .owl-carousel .li:nth-child(2) {margin-top:30px;}
    .M12_B_cont .owl-carousel .md_tit {width:100%;}
    .M12_B_cont .owl-carousel .md_txt {width:100%;}
}



/*** M12_D | Imperva  ***/
.M12_D .visual_img { position: relative; margin-bottom: 60px; }
.M12_D .visual_items { position: relative; display: table; width: 100%; height: 320px; text-align: center; font-size: 0; z-index: 3; }
.M12_D .visual_items_inner { position: absolute; right: 42px; top: 50%; transform: translate(0, -50%); width: 63%; max-width: 760px; padding: 0; }
.M12_D .visual_items .item_s { display: inline-block; width: calc(33.3% - 20px); max-width: 380px; margin: 0; color: #fff; font-size: 20px; line-height: 30px; vertical-align: top; }
.M12_D .visual_items .item_s:first-child:nth-last-child(1), .visual_items .item_s:first-child:nth-last-child(1) ~ .item_s { max-width: 920px; }
.M12_D .visual_items .title { display: flex; width: 100%; height: 60px; flex-wrap: wrap; flex-direction: column; justify-content: flex-end; }
.M12_D .visual_items .copy em { display: inline-block; box-sizing: border-box; font-weight: bold; vertical-align: top; font-size: 22px; line-height: 36px; text-align: left; min-height: auto; padding: 0; }
.M12_D .visual_img .visual_items + .img { position: absolute; top: 50%; left: 0; width: 100%; height: 100%; background: #f5f5f5; transform: translateY(-50%); }
.M12_D .visual_img .img .img_p, .M12_D .visual_img .img .img_m { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M12_D .visual_img .img .img_m { display: none; }
.M12_D .tit_e { font-size: 20px; margin-bottom: 20px; }
.M12_D .tit_b { margin-top: -12px; margin-bottom: 40px; }
.M12_D .tit_e + .tit_b { margin-top: 0; }

/* M12_D_cont */
.M12_D_cont { position: relative; counter-reset: item; }
.M12_D_cont .li { position: relative; display: flex; justify-content: space-between; margin-top: 100px; overflow: hidden; flex-direction: row-reverse; min-height: 51.25%; }
.M12_D_cont .li:first-child { margin-top: 0; }
.M12_D_cont .li:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }
.M12_D_cont .li:nth-child(even) { flex-direction: row; }
.M12_D_cont .li:last-child .img::before { padding-bottom: 35%; }

/* img */
.M12_D_cont .img { position: relative; align-self: flex-start; width: 63%; max-width: 800px; background: #f5f5f5; }
.M12_D_cont .img_p { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M12_D_cont .img_m { display: none; }
.M12_D_cont .img img { width: 100%; }
.M12_D_cont .img:before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 51.25%; background-color: #ddd; }
.bg .M12_D_cont .img { background: #e6e6e6; }

/* txt */
.M12_D_cont .txt { position: relative; width: 40%; box-sizing: border-box; }
.M12_D_cont .txt .txt_inner:before { display: block; position: absolute; top: 0; color: rgba(0, 0, 0, 0.05); font-family: 'SharpSansNo1' !important; font-size: 160px; font-weight: bold; line-height: 230px; content: counter(item, decimal-leading-zero); counter-increment: item; }
.M12_D_cont .txt .txt_inner { position: relative; padding: 140px 11.5% 0 0; }
.M12_D_cont .txt .tit_e { margin-bottom: 20px; display: block; }
.M12_D_cont .txt .md_tit { display: block; font-size: 22px; line-height: 28px; }
.M12_D_cont .txt .md_txt { margin-top: 10px; }
.M12_D_cont .txt .md_txt dd { position: relative; padding-left: 10px; }
.M12_D_cont .txt .md_txt dd::before { position: absolute; top: 0; left: 0; content: '-'; }
.M12_D_cont .li:nth-child(odd) .txt { float: right; }
.M12_D_cont .li:nth-child(even) .txt { padding-left: 6%; }
.M12_D_cont .txt.center { text-align: center; }
.M12_D_cont .txt.right { text-align: right; }
.M12_D_cont .li:nth-child(even) .txt .txt_inner { padding-right: 0; }

@media all and (max-width:1503px) {
    .M12_D_cont .txt .txt_inner { padding-top: 9.31470392548237vw; }
    .M12_D_cont .txt .txt_inner:before { font-size: 10.645375914836992vw; line-height: 15.302727877578176vw; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M12_D .tit_e { font-size: 14px; margin-bottom: 10px; }
    .M12_D .tit_b { margin-top: -6px; margin-bottom: 20px; }

    /* M12_D_cont */
    .M12_D_cont .li { margin-top: 70px; }
    .M12_D_cont .txt .tit_e { margin-bottom: 10px; }
    .M12_D_cont .txt .txt_inner { padding-top: 36%; }
    .M12_D_cont .txt .md_txt { margin-top: 10px; }
    .M12_D_cont .txt .md_btn { margin-top: 20px; }
    .M12_D_cont .txt .md_btn a { display: block; }
}
@media all and (max-width:768px) {
    .M12_D .visual_img { width: 100%; margin-bottom: 30px; }
    .M12_D .visual_img .img { height: 420px; }
    .M12_D .visual_img .img .img_p { display: none; }
    .M12_D .visual_img .img .img_m { display: block; }
    .M12_D .visual_items_inner { right: 0; top: 40px; left: 50%; transform: translate(-50%, 0%); width: 100%; max-width: none; }
    .M12_D .visual_items .copy em { font-size: 16px; line-height: 26px; }
    .M12_D_cont .img_p { display: none; }
    .M12_D_cont .img_m { display: block; }
    .M12_D_cont .img { width: 100%; margin: 0; }
    .M12_D_cont .li { display: block; min-height: auto; margin-top: 40px; overflow: visible; display: flex; flex-direction: column-reverse !important; }
    .M12_D_cont .img:before { padding-bottom: 0; }
    .M12_D .visual_items { height: 420px; }

    /* txt */
    .M12_D_cont .txt { float: none; padding: 0px; width: 100%; min-height: inherit; }
    .M12_D_cont .txt .txt_inner { padding-top: 80px; padding-right: 0; margin-bottom: 20px; }
    .M12_D_cont .txt .txt_inner:before { font-size: 95px; line-height: 140px; }
    .M12_D_cont .li:last-child .img::before { padding-bottom: 0; }
    .M12_D_cont .li:nth-child(odd) .txt, .M12_D_cont .li:nth-child(even) .txt { padding: 0; }
    .M12_D_cont .txt .md_tit { font-size: 16px; line-height: 26px; }
}




/*** M12_E | 주요서비스 ***/
.M12_E .tit_e { display: block; margin-bottom: 20px; }
.M12_E_cont { position: relative; }

/* visual_img */
.M12_E_cont .visual_img { position: relative; margin-bottom: 40px; }
.M12_E_cont .visual_img .visual_items .item_s { max-width: none; width: 100%; margin: 0; padding: 0 60px; }
.M12_E_cont .visual_img .visual_items .item_s .copy em { padding: 0; min-height: auto; }
.M12_E_cont .visual_img .visual_items .item_s .copy .copy_b { font-size: 40px; line-height: 62px; }
.M12_E_cont .visual_img .visual_items .item_s .copy .copy_s { font-size: 32px; line-height: 52px; }
.M12_E_cont .visual_img .img { position: relative; height: 320px; background-color: #ddd; overflow: hidden; }
.M12_E_cont .visual_img .img .img_p, .M12_E_cont .visual_img .img .img_m { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M12_E_cont .visual_img .img .img_m { display: none; }
.M12_E_cont .visual_img .visual_items + .img { position: absolute; top: 50%; left: 0; width: 100%; height: 100%; background: #f5f5f5; transform: translateY(-50%); }
.M12_E_cont .visual_img .visual_items + .img:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); content: ""; z-index: 2; }
.M12_E_cont .slide_wrap { display: flex; flex-direction: column; }
.M12_E_cont .slide_wrap .slider_cont { display: flex; justify-content: space-between; margin: 0 -15px; }
.M12_E_cont .slide_wrap .item { flex: 1; background-color: #fff; border: 1px solid #ddd; margin: 0 15px; }
.M12_E_cont .slide_wrap .item .md_txt { display: flex; align-items: center; justify-content: space-between; padding: 45px 30px 45px 40px; }
.M12_E_cont .slide_wrap .item .md_txt em { display: flex; flex-direction: column; padding-right: 20px; }
.M12_E_cont .slide_wrap .item .md_txt s { font-size: 16px; margin-bottom: 10px; text-decoration: none; }
.M12_E_cont .slide_wrap .item .md_txt strong { font-size: 24px; line-height: 32px; }
.M12_E_cont .slide_wrap .item .md_txt strong span { color: #1778EA; }

/* 슬라이드 no_slide 클래스가 없는 경우 */
.no_slide .M12_E_cont .slide_wrap .slider_cont { display: flex; flex-wrap: wrap; justify-content: space-between; margin: -15px -15px 0 -15px; }
.no_slide .M12_E_cont .slide_wrap .item { flex: 1 1 40%; background-color: #fff; border: 1px solid #ddd; margin: 15px 15px; }
.no_slide .M12_E_cont .slide_wrap .navigation { display: none; }


/* slide Navication */
.M12_E_cont .slide_wrap .navigation { display: flex; align-items: center; justify-content: space-between; width: 270px; padding-bottom: 0; margin-left: auto; margin-bottom: 20px; }
.M12_E_cont .slide_wrap .carousel-pagn { width: auto; display: flex; align-items: center; }
.M12_E_cont .slide_wrap .carousel-pagn-inner { width: 130px; font-size: 16px; line-height: normal; height: auto; }
.M12_E_cont .slide_wrap .carousel-pagn-bar { width: 73px; }
.M12_E_cont .slide_wrap .carousel-nav { width: auto; }
.M12_E_cont .slide_wrap .slide_wrap .carousel-nav:after { content: ""; display: block; clear: both; }
.M12_E_cont .slide_wrap .carousel-nav .carousel-prev, .M12_E_cont .slide_wrap .carousel-nav .carousel-next { display: block; float: left; position: relative; overflow: hidden; width: 30px; height: 30px; background: transparent; border: 1px solid #000 !important; border-radius: 50%; box-sizing: border-box; outline: none; transition: all 0.4s; webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.M12_E_cont .slide_wrap .carousel-nav .carousel-prev:after, .M12_E_cont .slide_wrap .carousel-nav .carousel-next:after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M12_E_cont .slide_wrap .carousel-nav .carousel-next { margin-left: 16px; }
.M12_E_cont .slide_wrap .carousel-nav .carousel-prev:hover, .M12_E_cont .slide_wrap .carousel-nav .carousel-next:hover, .M12_E_cont .slide_wrap .carousel-nav .carousel-prev:focus, .M12_E_cont .slide_wrap .carousel-nav .carousel-next:focus { background: #2189ff !important; border-color: #2189ff !important; }
.M12_E_cont .slide_wrap .carousel-nav .carousel-prev:before, .M12_E_cont .slide_wrap .carousel-nav .carousel-next:before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #2189ff; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M12_E_cont .slide_wrap .carousel-nav .carousel-prev:hover:after, .M12_E_cont .slide_wrap .carousel-nav .carousel-next:hover:after, .M12_E_cont .slide_wrap .carousel-nav .carousel-prev:focus:after, .M12_E_cont .slide_wrap .carousel-nav .carousel-next:focus:after { border-color: #fff; }
.M12_E_cont .slide_wrap .navigation .md_play { overflow: hidden; transition: all 0.4s; }
.M12_E_cont .slide_wrap .navigation .md_play a { display: block; position: relative; width: 28px; height: 28px; overflow: hidden; outline: none; }
.M12_E_cont .slide_wrap .navigation .md_play .md_btn_play:before { position: absolute; left: 54%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ""; transform: translate(-50%, -50%); transition: all 0.4s; }
.M12_E_cont .slide_wrap .navigation .md_play .md_btn_stop { display: block; }
.M12_E_cont .slide_wrap .navigation .md_play .md_btn_stop:before { position: absolute; left: 11px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M12_E_cont .slide_wrap .navigation .md_play .md_btn_stop:after { position: absolute; left: 16px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M12_E_cont .slide_wrap .navigation .md_play:hover:before, .M12_E_cont .slide_wrap .navigation .md_play:focus:before { transform: translateX(0); }
.M12_E_cont .slide_wrap .navigation .md_play .md_btn_play { display: none; }
.M12_E_cont .slide_wrap .navigation .md_play.on .md_btn_play { display: block; }
.M12_E_cont .slide_wrap .navigation .md_play.on .md_btn_stop { display: none; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M12_E .tit_main_e { margin-bottom: 10px; }
    .M12_E_cont .title_list .md_tit { font-size: 20px; line-height: 32px; }

    /* visual_img */
    .M12_E_cont .visual_img { width: 100%; }
    .M12_E_cont .visual_img .img { height: 420px; }
    .M12_E_cont .visual_img .img .img_p { display: none; }
    .M12_E_cont .visual_img .img .img_m { display: block; }
    .M12_E_cont .visual_img .visual_items .item_s { padding: 0 40px; }
    .M12_E_cont .visual_img .visual_items .item_s .copy { text-align: center; }
    .M12_E_cont .visual_img .visual_items .item_s .copy .copy_s { font-size: 18px; line-height: 30px; margin-bottom: 20px; }
    .M12_E_cont .visual_img .visual_items .item_s .copy .copy_b { font-size: 24px; line-height: 36px; margin: 0; }
    .M12_E_cont .slide_wrap { flex-direction: column-reverse; }
    .M12_E_cont .slide_wrap .item .md_txt { flex-direction: column; padding: 30px 30px 10px 30px; }
    .M12_E_cont .slide_wrap .item .md_txt em { padding-right: 0px; margin-bottom: 10px; margin-right: auto; }
    .M12_E_cont .slide_wrap .item .md_txt i { margin-left: auto; }

    /* slide Navication */
    .M12_E_cont .slide_wrap .carousel-nav { position: absolute; top: 0; width: calc(100% + 20px); margin: 0 -10px; }
    .M12_E_cont .slide_wrap .navigation { display: block; position: relative; margin-top: 20px; width: 100%; top: auto; bottom: 0; }
    .M12_E_cont .slide_wrap .carousel-pagn { margin: 0 auto; width: calc(100% - 60px); height: 30px; }
    .M12_E_cont .slide_wrap .navigation .md_play { display: none; }
    .M12_E_cont .slide_wrap .carousel-pagn-inner { width: 100%; right: auto; font-size: 14px; }
    .M12_E_cont .slide_wrap .carousel-pagn-bar { width: calc(100% - 60px); }
    .M12_E_cont .slide_wrap .carousel-nav .carousel-prev, .M12_E_cont .slide_wrap .carousel-nav .carousel-next { border: 0 !important; }
    .M12_E_cont .slide_wrap .carousel-nav .carousel-next { float: right; }
    .M12_E_cont .slide_wrap .carousel-nav .carousel-prev:after, .M12_E_cont .slide_wrap .carousel-nav .carousel-next:after { width: 8.49px; height: 8.49px; }
    .M12_E_cont .slide_wrap .carousel-nav .carousel-prev:hover:after, .M12_E_cont .slide_wrap .carousel-nav .carousel-next:hover:after, .M12_E_cont .slide_wrap .carousel-nav .carousel-prev:focus:after, .M12_E_cont .slide_wrap .carousel-nav .carousel-next:focus:after { border-color: #2189FF; }
    .M12_E_cont .slide_wrap .carousel-nav .carousel-prev:hover, .M12_E_cont .slide_wrap .carousel-nav .carousel-next:hover, .M12_E_cont .slide_wrap .carousel-nav .carousel-prev:focus, .M12_E_cont .slide_wrap .carousel-nav .carousel-next:focus { background: transparent !important; border-color: #2189FF !important; }
    .M12_E_cont .slide_wrap .carousel-nav .carousel-prev:before, .M12_E_cont .slide_wrap .carousel-nav .carousel-next:before { display: none; }

    /* 슬라이드 no_slide 클래스가 없는 경우 */
    .no_slide .M12_E_cont .slide_wrap .item { flex: 1 1 100%; margin: 5px 15px; }
}




/*** M13_A | Use Case  ***/
.M13_A .tit_e {margin-bottom:20px;} 
.M13_A_cont {position:relative; font-size: 0;}
.M13_A_cont:after {content:"";display:block;clear:both;}

/* indicator */
.M13_A_cont .indicator {position:relative;height:373px;font-size:16px;overflow:hidden;}
.M13_A_cont .indicator:before {position:absolute;left:0;top:0;width:100%;height:2px;background:#000;content:"";z-index:1;}
.M13_A_cont .indicator ul {position:relative;}
.M13_A_cont .indicator li {position:relative;display:table;width:100%;}
.M13_A_cont .indicator .indicator_btn {position:relative;display:table-cell;vertical-align:middle;}
.M13_A_cont .indicator .indicator_btn span {color:#888;display:inline-block;display:-webkit-box;max-height:3.3em;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s;}
.M13_A_cont .indicator .indicator_btn:hover span,
.M13_A_cont .indicator .indicator_btn:focus span {color:#1C7EEE;}
.M13_A_cont .indicator .indicator_btn.active span {color:#000;}
.M13_A_cont .indicator .indicator_btn.active span {font-weight:bold;}

/* list */
.M13_A_cont .list {font-size:16px;}
.M13_A_cont .list .li {display:flex;flex-wrap:wrap;opacity:0;cursor:default;}
.M13_A_cont .list .li .img,
.M13_A_cont .list .li .txt {align-self:center;}
.M13_A_cont .list .li .img {position:relative;background:#ddd;overflow:hidden;}
.M13_A_cont .list .li .img:before {content:"";display:block;width:100%;height:0;padding-bottom:100%;background-color:#e6e6e6;}
.M13_A_cont .list .li .img .img_p {position:absolute;top:0;left:0;width:100%;height:100%;}
.M13_A_cont .list .li .txt {padding-left:4.7%;padding-right:13.3%;}
.M13_A_cont .list .li .txt .md_tit {position:relative;display:block;overflow:hidden;}
.M13_A_cont .list .li .txt .md_txt {margin-top:10px;margin-bottom:20px;}
.M13_A_cont .list .li .txt .md_btn a {margin-right: 15px;}
.M13_A_cont .list .li.active {opacity:1;}
.M13_A_cont .list .li.active .img {animation:fade both 0.6s;}
.M13_A_cont .list .li.active .txt .md_tit span {position:relative;display:block;animation:txtTop both 0.4s 0.4s;}
.M13_A_cont .list .li.active .txt .md_txt {animation:fade both 0.7s 0.7s;}
.M13_A_cont .list .li.active .txt .md_btn {animation:fade both 0.7s 1s;}


/* 1단 */
.M13_A_cont .list:first-child .li .img {width:38.7%;}
.M13_A_cont .list:first-child .li .txt {width:61.3%;}
.M13_A_cont .list:not(:first-child) .li .img {width:37.2%;}
.M13_A_cont .list:not(:first-child) .li .txt {width:62.8%;}

/* navigation */
.M13_A_cont .navigation .owl-pagn {margin-bottom:14px;}
.M13_A_cont .navigation .owl-nav:after {content:"";display:block;clear:both;}
.M13_A_cont .navigation .owl-nav .owl-prev {float:left;}
.M13_A_cont .navigation .owl-nav .owl-next {float:right;}

@media all and (min-width:1024px){
    .M13_A .tit_e,
    .M13_A .tit_b {position:relative;z-index:1;}
    .M13_A .M13_A_cont {position:relative;padding-bottom:27px;}
    .M13_A .M13_A_cont:first-child {margin-top:90px;}
    .M13_A .tit_e + .M13_A_cont {margin-top:72px;}
    .M13_A .tit_b + .M13_A_cont {margin-top:40px;}
    .M13_A .M13_A_cont:before {content:"";position:absolute;top:-90px;left:42.5%;width:57.5%;height:calc(100% + 90px);background:#f5f5f5;}
    .M13_A.bg .M13_A_cont:before {background:#fff;}

    /* indicator */
    .M13_A_cont .indicator {position:relative;display:inline-block;width:15%;vertical-align:top;}
    .M13_A_cont .indicator li {height:93px;border-top:1px solid #ddd;}
    .M13_A_cont .indicator li:last-child {border-bottom:1px solid #ddd;}
    .M13_A_cont .indicator .indicator_btn:before {top:-1px;left:0;width:100%;height:0;transition:height 0.1s;}
    .M13_A_cont .indicator .indicator_btn.active:before {width:100%;height:2px;}

    /* list */
    .M13_A_cont .list {position:relative;display:inline-block;vertical-align:middle;}
    .M13_A_cont .list:not(:first-child) {margin-left:3.8%;width:81.2%;}
    .M13_A_cont .list:first-child {margin-left:17%;width:83%;}

    /* navigation */
    .M13_A_cont .navigation {width:15%;}
    .M13_A_cont .navigation .owl-pagn,
    .M13_A_cont .navigation .owl-nav {margin-left:auto;width:94px;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M13_A .tit_e {margin-bottom:10px;}
    .M13_A .tit_b {margin-bottom:40px;}
    .M13_A .tit_e + .M13_A_cont {margin-top:15px;}
    .M13_A_cont {padding-bottom:0 !important;}

    /* indicator */
    .M13_A_cont .indicator {position:relative;height:46px;padding:0 0 0 1px;font-size:14px;}
    .M13_A_cont .indicator::-webkit-scrollbar { height: 0; }
    .M13_A_cont .indicator:before {display:none;}
    .M13_A_cont .indicator .caroufredsel_wrapper {width:100% !important;top:0 !important;}
    .M13_A_cont .indicator ul:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
    /* 2023-04 접근성 수정 시작 */
    .M13_A_cont .indicator {overflow-x: auto;overflow-y: hidden;}
    .M13_A_cont .indicator li {display: table-cell;min-width: 15.4rem;width: auto;max-width: 15.4rem;height: 4.6rem;border-left: 0.1rem solid #ddd;box-sizing: border-box;}
    .M13_A_cont .indicator .indicator_btn { display: block; height: 4.6rem; padding: 0 20px 0 9px; word-break: break-all; }
    /* // 2023-04 접근성 수정 끝 */
    .M13_A_cont .indicator .indicator_btn:before {position:absolute;top:0;left:-1px;width:0;height:100%;background:#000;content:"";transition:width 0.1s;}
    .M13_A_cont .indicator .indicator_btn.active:before {width:2px;height:100%;}

    /* list */
    .M13_A_cont .list {font-size:14px;}
    .M13_A_cont .list .li .txt .md_btn a {margin-top:5px; margin-right: 10px;}

    /* 1단 */
    .M13_A_cont .list:not(:first-child) {margin-top:30px;}

    /* navigation */
    .M13_A_cont .navigation {margin-top:30px;}
    .M13_A_cont .navigation .owl-pagn {margin-bottom:0;}
}

@media all and (max-width:600px){
    .M13_A .tit_e {margin-bottom:10px;}
    .M13_A_cont {margin-left:-30px;margin-right:-30px;}

    /* indicator */
    .M13_A_cont .indicator:before {left:30px;}
    .M13_A_cont .indicator {padding-left:30px;}

    /* list */
    .M13_A_cont .list .li {display:block;float:left;}
    .M13_A_cont .list .li .img,
    .M13_A_cont .list .li .txt {align-self:inherit;}
    .M13_A_cont .list .li .txt {margin-top:20px;padding-left:30px;padding-right:30px;}
    .M13_A_cont .list .li .txt .md_txt {margin-bottom:10px;}

    /* 1단 */
    .M13_A_cont .list:first-child .li .img,
    .M13_A_cont .list:first-child .li .txt,
    .M13_A_cont .list:not(:first-child) .li .img,
    .M13_A_cont .list:not(:first-child) .li .txt {width:100%;}

    /* navigation */
    .M13_A_cont .navigation {padding-left:30px;padding-right:30px;}
}





/*** M13_B | Use Case 2  ***/
.M13_B + .M13_B{padding-top:0;margin-top:-20px;}
.M13_B .tit_e {margin-bottom:20px;} 
.M13_B .tit_s {margin-bottom:14px;}
.M13_B_cont {position:relative; font-size: 0;}
.M13_B_cont:after {content:"";display:block;clear:both;}

/* indicator */
.M13_B_cont .indicator {position:relative;max-height:369px;font-size:16px;overflow:hidden;}
.M13_B_cont .indicator:before {position:absolute;left:0;top:0;width:100%;height:2px;background:#000;content:"";z-index:1;}
.M13_B_cont .indicator ul {position:relative;}
.M13_B_cont .indicator li {position:relative;display:table;width:100%;}
.M13_B_cont .indicator .indicator_btn {position:relative;display:table-cell;vertical-align:middle;}
.M13_B_cont .indicator .indicator_btn span {color:#888;text-overflow:ellipsis;display:inline-block;display:-webkit-box;max-height:3.3em;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s;}
.M13_B_cont .indicator .indicator_btn:hover span,
.M13_B_cont .indicator .indicator_btn:focus span {color:#1C7EEE;}
.M13_B_cont .indicator .indicator_btn.active span {color:#000;}
.M13_B_cont .indicator .indicator_btn.active span {font-weight:bold;}

/* list */
.M13_B_cont .list {font-size:16px;}
.M13_B_cont .list .li {display:flex;background:#F5F5F5;opacity:0;cursor:default;}
.M13_B_cont .list .li .li_box {display:flex;flex-wrap:wrap;width:100%;padding:30px;}
.M13_B_cont .list .li .img,
.M13_B_cont .list .li .txt {align-self:center;}
.M13_B_cont .list .li .img {position:relative;width:400px;background:#ddd;overflow:hidden;}
.M13_B_cont .list .li .img:before {content:"";display:block;width:100%;height:0;padding-bottom:100%;background-color:#e6e6e6;}
.M13_B_cont .list .li .img .img_p {position:absolute;top:0;left:0;width:100%;height:100%;}
.M13_B_cont .list .li .txt {width:calc(100% - 450px);padding-left:50px;}
.M13_B_cont .list .li .txt .md_tit {position:relative;display:block;margin-bottom:0;overflow:hidden;}
.M13_B_cont .list .li .txt .md_tit .btn_arrow {margin-left:10px;font-weight:normal;}
.M13_B_cont .list .li .txt .md_txt {margin-top:10px;margin-bottom:30px;}
.M13_B_cont .list .li .txt .md_btn{margin-top:-15px;}
.M13_B_cont .list .li .txt .md_btn a {margin-right: 15px;margin-top:15px;}
.M13_B_cont .list .li .txt .flag{display:inline-block;height:24px;line-height:24px;margin: -4px 0 0 5px;vertical-align:middle;padding:0px 6px;text-align:center;font-size:14px;background:#1C7EEE;color:#fff;}
.M13_B_cont .list .li.active {opacity:1;}
.M13_B_cont .list .li.active .img {animation:fade both 0.6s;}
.M13_B_cont .list .li.active .txt .md_tit > span {position:relative;display:block;animation:txtTop both 0.4s 0.4s;}
.M13_B_cont .list .li.active .txt .md_txt {animation:fade both 0.7s 0.7s;}
.M13_B_cont .list .li.active .txt .md_btn {animation:fade both 0.7s 1s;}

/* navigation */
.M13_B_cont .navigation .owl-pagn {margin-bottom:14px;}
.M13_B_cont .navigation .owl-nav:after {content:"";display:block;clear:both;}
.M13_B_cont .navigation .owl-nav .owl-prev {float:left;}
.M13_B_cont .navigation .owl-nav .owl-next {float:right;}

@media all and (min-width:1024px){
    .M13_B .tit_e,
    .M13_B .tit_b {position:relative;z-index:1;}
    .M13_B .M13_B_cont {position:relative;}
    .M13_B .tit_e + .M13_B_cont {margin-top:72px;}
    .M13_B .tit_b + .M13_B_cont {margin-top:40px;}
    .M13_B.bg .M13_B_cont:before {background:#fff;}

    /* indicator */
    .M13_B_cont .indicator {position:relative;float:left;width:15%;vertical-align:top;}
    .M13_B_cont .indicator li {height:92px;border-top:1px solid #ddd;}
    .M13_B_cont .indicator li:last-child {border-bottom:1px solid #ddd;}
    .M13_B_cont .indicator .indicator_btn:before {top:-1px;left:0;width:100%;height:0;transition:height 0.1s;}
    .M13_B_cont .indicator .indicator_btn.active:before {width:100%;height:2px;}

    /* list */
    .M13_B_cont .list {float:left;position:relative;margin-left:3.8%;width:81.2%;}

    /* navigation */
    .M13_B_cont .navigation {position:absolute;left:0;bottom:0;width:15%;}
    .M13_B_cont .navigation .owl-pagn,
    .M13_B_cont .navigation .owl-nav {margin-left:auto;width:94px;}
}


/** -PC SMALL UI- **/
@media all and (max-width:1300px){
    .M13_B_cont .list .li .img {width:40%;}
    .M13_B_cont .list .li .txt {width:60%;padding-left:30px;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M13_B .tit_e {margin-bottom:10px;}
    .M13_B .tit_b {margin-bottom:40px;}
    .M13_B .tit_e + .M13_B_cont {margin-top:15px;}

    /* indicator */
    .M13_B_cont .indicator {position:relative;height:46px;padding:0 0 0 1px;font-size:14px;}
    .M13_B_cont .indicator:before {display:none;}
    .M13_B_cont .indicator .caroufredsel_wrapper {width:100% !important;top:0 !important;}
    .M13_B_cont .indicator ul:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
    .M13_B_cont .indicator li {float:left;width:155px;height:46px;border-left:1px solid #ddd;box-sizing:border-box;}
    .M13_B_cont .indicator .indicator_btn {padding:0 20px 0 9px;}
    .M13_B_cont .indicator .indicator_btn:before {position:absolute;top:0;left:-1px;width:0;height:100%;background:#000;content:"";transition:width 0.1s;}
    .M13_B_cont .indicator .indicator_btn.active:before {width:2px;height:100%;}

    /* list */
    .M13_B_cont .list {margin-top:30px;font-size:14px;}
    .M13_B_cont .list .li .txt .md_txt {margin-bottom:20px;}
    .M13_B_cont .list .li .txt .md_btn {margin-top:-10px;}
    .M13_B_cont .list .li .txt .md_btn a {margin-top:10px; margin-right: 10px;}

    /* navigation */
    .M13_B_cont .navigation {margin-top:30px;}
    .M13_B_cont .navigation .owl-pagn {margin-bottom:0;}
}

@media all and (max-width:768px){
    .M13_B + .M13_B{margin-top:-30px;}
    .M13_B .tit_e {margin-bottom:10px;}
    .M13_B .tit_s {padding-left:30px;}
    .M13_B_cont {margin-left:-30px;margin-right:-30px;background:#F5F5F5;padding:30px 0;}

    /* indicator */
    .M13_B_cont .indicator:before {left:30px;}
    .M13_B_cont .indicator {padding-left:30px;}

    /* list */
    .M13_B_cont .list .li {display:block;float:left;}
    .M13_B_cont .list .li .li_box {padding:0 30px;}
    .M13_B_cont .list .li .img,
    .M13_B_cont .list .li .txt {width:100%;align-self:inherit;}
    .M13_B_cont .list .li .txt {margin-top:20px;padding-left:30px;padding-right:30px;}
    .M13_B_cont .list .li .txt .md_tit .btn_arrow {display:block;margin-left:0;}
    .M13_B_cont .list .li .tit_s {padding-left:0;}
    .M13_B_cont .list .li .txt .md_txt {margin-bottom:10px;}
    .M13_B_cont .list .li .txt .md_btn {margin-top:0;text-align:center;}
    .M13_B_cont .list .li .txt .flag {height:19px;line-height:19px;font-size:12px;}

    /* navigation */
    .M13_B_cont .navigation {padding-left:30px;padding-right:30px;}
}







/*** M14_A | Model ***/
/** pop_module **/
.slidePopup {width:1094px;}
.slidePopup {margin:0 !important;outline:none;z-index:100001;}
.popupDim {background:rgba(0,0,0,0.3);z-index:100000;}

/* pop_md_tit */
.pop_md_tit {position:relative;padding:24px 75px 24px 40px;border-bottom:1px solid #ddd;}
.pop_md_marker li {float:left;height:24px;margin-left:2px;padding:0 12px;background:#eee;font-size:12px;line-height:24px;}
.pop_md_marker li:first-child {margin-left:0;}
.pop_md_marker:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.pop_md_marker + .md_tit {margin:10px 0 -4px 0;}

/* pop_md_cont */
.pop_md_cont {position:relative;margin:40px;box-sizing:border-box;line-height:28px;}
.pop_md_cont .scrollbar-inner {position:relative;max-height:70vh;overflow:auto;}
.md_pop_txt {margin-bottom:40px;}
.md_pop_txt.center {text-align:center;}
.md_pop_txt.right {text-align:right;}

/** swiper-container : As-is Design 변경 **/
.slidePopup:focus {outline:1px solid #333}
.slidePopup .swiper-container {margin:80px 40px 40px 40px;border:0;overflow:hidden;}
.slidePopup .pop_md_tit + .swiper-container {margin-top:40px;}
.slidePopup .imageBox {height:auto;}
.slidePopup .imageBox_inner {padding:0 90px;}
.slidePopup .swiper-slide {font-size:16px;line-height:28px;}

/* Close Btn */
.swiper-closeBtn {position:absolute;right:23px;top:23px;width:34px;height:34px;background:none !important;outline:none;transform:rotate(45deg);transition:transform 0.4s;z-index:50;}
.swiper-closeBtn:before {position:absolute;left:50%;top:0;width:2px;height:100%;margin-left:-1px;background:#000;content:"";}
.swiper-closeBtn:after {position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background:#000;content:"";}
.swiper-closeBtn:hover, .swiper-closeBtn:focus {transform:rotate(225deg);}
.swiper-closeBtn:hover:before,
.swiper-closeBtn:hover:after,
.swiper-closeBtn:focus:before,
.swiper-closeBtn:focus:after {background-color:#0098c2;}

/* Vod Pop */
.slidePopup.is_vod .swiper-closeBtn {width:35px;height:35px;background:#000 !important;transform:rotate(0);transition:background-color 0.4s;}
.slidePopup.is_vod .swiper-closeBtn:before {left:16px;top:8px;width:2px;height:20px;margin-left:0;background:#fff;content:"";transform:rotate(45deg);}
.slidePopup.is_vod .swiper-closeBtn:after {left:7px;top:18px;width:20px;height:2px;margin-left:0;background:#fff;content:"";transform:rotate(45deg);}
.slidePopup.is_vod .swiper-closeBtn:hover,
.slidePopup.is_vod .swiper-closeBtn:focus {background-color:#0098c2 !important;}

/* Pagn */
.slidePopup .swiper-button-prev,
.slidePopup .swiper-button-next {display:block;position:relative;width:30px;height:30px;background:none;border:1px solid #000 !important;margin:0;border-radius:50%;box-sizing:border-box;overflow:hidden;outline:none;transition:all 0.4s;webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);}
.slidePopup .swiper-button-prev {position:absolute;left:inherit;top:inherit;right:60px !important;bottom:0 !important}
.slidePopup .swiper-button-next {float:right;margin-top:40px;}
.slidePopup .swiper-button-prev:hover,
.slidePopup .swiper-button-next:hover,
.slidePopup .swiper-button-prev:focus,
.slidePopup .swiper-button-next:focus {background-color:#0098c2 !important;border-color:#0098c2 !important;}
.slidePopup .swiper-button-prev:before,
.slidePopup .swiper-button-next:before {position:absolute;left:0;top:0;width:30px;height:30px;background-color:#0098c2;border-radius:50%;content:"";transform:translateX(-100%);transition:all 0.4s;}
.slidePopup .swiper-button-prev:hover:before,
.slidePopup .swiper-button-next:hover:before,
.slidePopup .swiper-button-prev:focus:before,
.slidePopup .swiper-button-next:focus:before {transform:translateX(0);}
.slidePopup .swiper-button-prev:after,
.slidePopup .swiper-button-next:after {position:absolute;left:50%;top:50%;width:7px;height:7px;border:solid #000;border-width:1px 1px 0 0;box-sizing:border-box;content:"";transition:all 0.4s;}
.slidePopup .swiper-button-prev:after {margin:-3px 0 0 -2px;transform:rotate(-135deg);}
.slidePopup .swiper-button-next:after {margin:-3px 0 0 -5px;transform:rotate(45deg);}
.slidePopup .swiper-button-prev:hover:after,
.slidePopup .swiper-button-next:hover:after,
.slidePopup .swiper-button-prev:focus:after,
.slidePopup .swiper-button-next:focus:after {border-color:#fff;}

.slidePopup .swiper-pagination-custom {position:absolute;left:initial;right:1px;bottom:43px;width:88px;height:14px; font-size:0; } 
.slidePopup .swiper-pagination span {font-size:14px;font-weight:bold;line-height:14px;}
.slidePopup .swiper-pagination .current {position:absolute;left:1px;top:0;}
.slidePopup .swiper-pagination .total {position:absolute;right:1px;top:0;color:#888;}
.slidePopup .s_bar {position:absolute;right:22px;bottom:50px;width:48px;height:2px;background:rgba(0,0,0,0.2);overflow:hidden;z-index:10;}
.slidePopup .s_bar i {display:block;position:absolute;left:0;top:0;width:0;height:2px;background:#000;transition:all 0.4s;}

.pop_pagn {position:relative;float:right;width:90px;height:60px;margin-top:40px;overflow:hidden;}

/* pop_usecase_detail */
.pop_usecase_detail img {max-width:100%;height:auto;}

.usecase_tab_wrap .usecase_tab {margin-bottom:40px;}
.usecase_tab_wrap .usecase_tab:after {content:"";display:block;clear:both;}
.usecase_tab_wrap .usecase_tab li {float:left;}
.usecase_tab_wrap .usecase_tab li + li {margin-left:40px;}
.usecase_tab_wrap .usecase_tab li button {font-size:22px;line-height:32px;padding-bottom:5px;color:#888;border-bottom:2px solid transparent;}
.usecase_tab_wrap .usecase_tab li.on button {font-weight:bold;color:#000;border-color:#000;}

.usecase_tab_contents01:after {content:"";display:block;clear:both;}
.usecase_tab_contents01 .usecase_tab_cont_left {float:left;margin-left:7.2%;width:41.7%;}
.usecase_tab_contents01 .usecase_tab_cont_right {float:right;margin-right:7.2%;width:39.3%;}
.usecase_tab_contents01 .scroll_panel > *:first-child,
.usecase_tab_contents01 .scroll_panel > *:first-child  > *:first-child {margin-top:0;}
.usecase_tab_contents01 .usecase_dir {margin-top:30px;margin-bottom:20px;}
.usecase_tab_contents01 .usecase_dir:after {content:"";display:block;clear:both;}
.usecase_tab_contents01 .usecase_flow {float:left;}
.usecase_tab_contents01 .usecase_flow span {position:relative;display:inline-block;font-size:16px;line-height:26px;padding-right:34px;color:#888;}
.usecase_tab_contents01 .usecase_flow span:after {content:"";position:absolute;top:9px;right:14px;width:12px;height:12px;border-top:1px solid #000;border-left:1px solid #888;transform:rotate(135deg);}
.usecase_tab_contents01 .usecase_flow span.on {font-weight:bold;color:#000;}
.usecase_tab_contents01 .usecase_flow span.on:after {border-color:#000;}
.usecase_tab_contents01 .usecase_flow:last-child span {padding-right:0;}
.usecase_tab_contents01 .usecase_flow:last-child span:after {content:none;}
.usecase_tab_contents01 .inputtable_linebox {margin-top:10px;padding:20px;border:1px solid #ddd;}
.usecase_tab_contents01 .inputdata_table_area {margin-top:18px;}
.usecase_tab_contents01 .inputdata_table {width:100%;border-collapse:collapse;border-top:1px solid #ddd;}
.usecase_tab_contents01 .inputdata_table th,
.usecase_tab_contents01 .inputdata_table td {height:42px;font-size:12px;line-height:42px;text-align:center;border-bottom:1px solid #ddd;}
.usecase_tab_contents01 .inputdata_table th {background-color:#f5f5f5;color:#000;}
.usecase_tab_contents01 .inputdata_table td {color:#888;}

.usecase_tab_contents01 .usecase_tab_cont_title {margin-top:40px;font-weight:bold;}
.usecase_tab_contents01 .usecase_tab_cont_title:first-child {margin-top:0;}
.usecase_tab_contents01 .usecase_tab_cont_text {margin-top:10px;padding-left:10px;font-size:12px;line-height:20px;border-left:1px solid #000;}
.usecase_tab_contents01 .usecase_tab_cont_cont {margin-top:4px;}
.usecase_tab_contents01 .usecase_sub_txt {display:block;}
.usecase_tab_contents01 .txt_input_sub {margin-bottom:10px;font-size:14px;line-height:21px;color:#888;}

/* 20220914 mytrial mobile pop */
.mytrial_mobile_popDim.popupDim { background: rgba(0, 0, 0, 0.3); }
.mytrial_mobile_pop.slidePopup { width: 320px !important; top: 40px; left: 50%; margin-left: -160px !important; position: absolute; }
.mytrial_mobile_pop.slidePopup .swiper-container { margin: 0; padding: 30px 20px; background-color: #f5f5f5; }
.mytrial_mobile_pop.slidePopup .swiper-container .pop_head { margin-bottom: 30px; }
.mytrial_mobile_pop.slidePopup .swiper-container .pop_head strong { font-size: 14px; margin-bottom: 20px; display: block; }
.mytrial_mobile_pop.slidePopup .swiper-container .pop_head h3 { font-size: 24px; line-height: 36px; margin-bottom: 20px; }
.mytrial_mobile_pop.slidePopup .swiper-container .pop_head p { font-size: 14px; line-height: 24px; }
.mytrial_mobile_pop.slidePopup .swiper-container .pop_list li { background-color: #fff; padding: 30px 25px; min-height: 200px; display: flex; width: 100%; flex-direction: column; justify-content: flex-end; margin-bottom: 16px; background-repeat: no-repeat; background-position: right 25px top 25px; }
.mytrial_mobile_pop.slidePopup .swiper-container .pop_list li:first-child { background-image: url("https://image.samsungsds.com/module_src/images/icon/mytrial_mobile_pop_img1.png?queryString=20241210125943"); }
.mytrial_mobile_pop.slidePopup .swiper-container .pop_list li:nth-child(2n) { background-image: url("https://image.samsungsds.com/module_src/images/icon/mytrial_mobile_pop_img2.png?queryString=20241210125943"); }
.mytrial_mobile_pop.slidePopup .swiper-container .pop_list li:nth-child(3n) { background-image: url("https://image.samsungsds.com/module_src/images/icon/mytrial_mobile_pop_img3.png?queryString=20241210125943"); }
.mytrial_mobile_pop.slidePopup .swiper-container .pop_list li:nth-child(4n) { background-image: url("https://image.samsungsds.com/module_src/images/icon/mytrial_mobile_pop_img4.png?queryString=20241210125943"); }
.mytrial_mobile_pop.slidePopup .swiper-container .pop_list li:last-child { margin-bottom: 0; }
.mytrial_mobile_pop.slidePopup .swiper-container .pop_list li h4 { font-size: 18px; line-height: 28px; margin-bottom: 10px; }
.mytrial_mobile_pop.slidePopup .swiper-container .pop_list li p { line-height: 24px; }
/* //20220914 mytrial mobile pop */

/** -Mobile UI- **/
@media all and (max-width:768px){
    .popupDim {background:rgba(255,255,255,1);}
    .slidePopup {width:100% !important;top:0;left:0;transform:translate(0);}

    /* pop_md_tit */
    .pop_md_tit {position:relative;padding:12px 50px 12px 20px;}
    .pop_md_marker {display:none;}
    .pop_md_marker + .md_tit {margin:0;}

    .slidePopup .swiper-container {margin:50px 30px 40px 30px;}
    .slidePopup .pop_md_tit + .swiper-container {margin-top:30px;}

    /* pop_md_cont */
    .pop_md_cont {margin:0;padding:30px;line-height:24px;}
    .md_pop_txt {margin-bottom:30px;}

    /** swiper-container : As-is Design 변경 **/
    .slidePopup .imageBox_inner {padding:0;}
    .slidePopup.is_vod {left:50%;top:50%;transform:translate(-50%, -50%);}

    /* Close Btn */
    .swiper-closeBtn {right:15px;top:15px;width:20px;height:20px;}

    /* Vod Pop */
    .slidePopup.is_vod .swiper-closeBtn {width:30px;height:30px;}
    .slidePopup.is_vod .swiper-closeBtn:before {left:14px;top:7px;width:1px;height:17px;}
    .slidePopup.is_vod .swiper-closeBtn:after {left:6px;top:16px;width:17px;height:1px;}

    /* Pagn */
    .slidePopup .swiper-button-prev,
    .slidePopup .swiper-button-next {display:none !important;}
    .slidePopup .swiper-pagination-custom {position:static;margin-top:30px;text-align:left;}
    .slidePopup .swiper-pagination .current {position:static;}
    .slidePopup .swiper-pagination .total {position:relative;left:inherit;top:inherit;padding-left:12px;}
    .slidePopup .swiper-pagination .total:before {position:absolute;left:3px;top:4px;content:"/";}
    .slidePopup .s_bar {right:0;bottom:8px;width:calc(100% - 60px);}

    /* pop_usecase_detail */
    .usecase_tab_wrap .usecase_tab {margin-bottom:30px;}
    .usecase_tab_wrap .usecase_tab li + li {margin-left:20px;}
    .usecase_tab_wrap .usecase_tab li button {font-size:16px;line-height:26px;}

    .usecase_tab_contents01 {padding-left:0;padding-right:0;}
    .usecase_tab_contents01 .usecase_tab_cont_left {float:none;width:100%;margin-bottom:30px;}
    .usecase_tab_contents01 .usecase_tab_cont_right {float:none;width:100%;}
    .usecase_tab_contents01 .usecase_dir {margin-top:30px;margin-bottom:10px;}
    .usecase_tab_contents01 .usecase_tab_cont_title {margin-top:26px;}
    .usecase_tab_contents01 .usecase_tab_cont_title:first-child {margin-top:0;}
    .usecase_tab_contents01 .usecase_tab_cont_text {margin-top:10px;padding-left:5px;font-size:12px;line-height:18px;}
    .usecase_tab_contents01 .usecase_tab_cont_cont {margin-top:6px;}
}







/*** M15_A | Structure ***/
.M15_A .tit_e {margin-bottom:20px;} 
.M15_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M15_A .tit_e + .tit_b {margin-top:0;}
.M15_A .tit_desc02 {display:block;width:90%;margin-bottom:40px;}
.M15_A .tit_b + .tit_desc02 {margin-top:-20px;}
.M15_A .tit_desc {margin-bottom:10px;}
.M15_A .txt_desc {margin-top:10px;font-size:12px;color:#888;}
.M15_A .show {display:block !important;} /* 개발 변경 불가능하여 추가됨 */

/* img */
.M15_A_cont .img_p,
.M15_A_cont .only_p {display:block;}
.M15_A_cont .img_m,
.M15_A_cont .only_m {display:none;}
.M15_A_cont img {max-width:100%;}
.M15_A_cont img.on {display:none;}
.M15_A_cont img.on2 {display:none;}
.M15_A_cont img.off {display:block;}

/* diagram_wrap */
.M15_A_cont .diagram_wrap {display:table;width:100%;opacity:0;table-layout:fixed;transition:opacity 0.3s;}
.M15_A_cont .diagram_wrap.init {opacity:1;}
.M15_A_cont .diagram_wrap .diagram {display:table-cell;width:57.6%;vertical-align:top;}
.M15_A_cont .diagram_wrap .tab_panel {display:none;width:42.4%;vertical-align:middle;}
.M15_A_cont .diagram_wrap .tab_panel.active {display:table-cell;}
.M15_A_cont .diagram_wrap .diagram.horiz{display:block;width:100%;}

.M15_A_cont .diagram .img {position:relative;display:inline-block;max-width:100%;vertical-align:top;}
.M15_A_cont .diagram .tab_list {position:absolute;top:0;left:0;width:100%;height:100%;}
.M15_A_cont .diagram .tab_list .tab_btn {position:absolute;top:0;left:0;cursor:pointer;z-index:3;}
.M15_A_cont .diagram .tab_list .tab_btn:not(.outline) {outline:none;}
.M15_A_cont .diagram .tab_list .tab_btn:focus + .tab_img,
.M15_A_cont .diagram .tab_list .tab_btn:hover + .tab_img,
.M15_A_cont .diagram .tab_list .tab_btn.active + .tab_img {opacity:1;}
.M15_A_cont .diagram .tab_list .tab_img {position:absolute;width:100%;overflow:hidden;opacity:0;transition:opacity 0.3s;z-index:2;}

.M15_A_cont .diagram .link_list {position:absolute;top:0;left:0;width:100%;height:100%;}
.M15_A_cont .diagram .link_list .link_btn {position:absolute;top:0;left:0;cursor:pointer;z-index:3;}
.M15_A_cont .diagram .link_list .link_btn:not(.outline) {outline:none;}
.M15_A_cont .diagram .link_list .link_btn:focus + .link_img,
.M15_A_cont .diagram .link_list .link_btn:hover + .link_img,
.M15_A_cont .diagram .link_list .link_btn.active + .link_img {opacity:1;}
.M15_A_cont .diagram .link_list .link_img {position:absolute;width:100%;overflow:hidden;opacity:0;transition:opacity 0.3s;z-index:2;}

.M15_A_cont .diagram .btn_area {text-align:center;margin-top:40px;} 

/* tab_panel */
.M15_A_cont .tab_panel {display:none;padding-left:8.1%;}
.M15_A_cont .tab_panel .title {margin-bottom:40px;}
.M15_A_cont .tab_panel .title .tit_s {display:block;}
.M15_A_cont .tab_panel .content + .content {margin-top:60px;}
.M15_A_cont .tab_panel .content .tit_s {display:inline-block; margin-bottom: 5px; vertical-align:middle;}
.M15_A_cont .tab_panel .content .tit_ico {display:inline-block;margin-right:10px;width:60px;height:60px;vertical-align:middle;}
.M15_A_cont .tab_panel .content .md_txt {margin-top:10px;}
.M15_A_cont .tab_panel .content .md_img {margin-top:10px;}
.M15_A_cont .tab_panel .content .ico_b1 {margin-top:10px;}
.M15_A_cont .tab_panel .content * + .ico_b2 {margin-top:10px;}
.M15_A_cont .tab_panel .content .ico_b2 > li {margin-top:15px;}
.M15_A_cont .tab_panel .content .ico_b2 > li:first-child {margin-top:0;}
.M15_A_cont .tab_panel .content .md_btn {margin-top:10px;}
.M15_A_cont .default-tab_cont .tab_panel .content .md_btn { margin-top:20px; }
.M15_A_cont .tab_panel .content ul li .md_btn {margin-left:-10px;} 
.M15_A_cont .tab_panel .content ul li .md_btn:last-child {margin-bottom:10px;} 
.M15_A_cont .tab_panel .content .md_btn + .md_txt {margin-top:35px;}

/* panel_txt */
.M15_A_cont .panel_txt{display:flex;flex-wrap:wrap;margin-top:60px;}
.M15_A_cont .panel_txt .title {margin-bottom:40px;}
.M15_A_cont .panel_txt .title .tit_s {display:block;}
.M15_A_cont .panel_txt .content{float:left;width:calc(50% - 50px);margin:0px 25px 0 25px;}
.M15_A_cont .panel_txt .content .tit_s {display:inline-block; margin-bottom: 5px; vertical-align:middle;}
.M15_A_cont .panel_txt .content .tit_ico {display:inline-block;margin-right:10px;width:60px;height:60px;vertical-align:middle;}
.M15_A_cont .panel_txt .content .md_txt {margin-top:10px;}
.M15_A_cont .panel_txt .content .md_img {margin-top:10px;}
.M15_A_cont .panel_txt .content .ico_b1 {margin-top:10px;}
.M15_A_cont .panel_txt .content * + .ico_b2 {margin-top:10px;}
.M15_A_cont .panel_txt .content .ico_b2 > li {margin-top:15px;}
.M15_A_cont .panel_txt .content .ico_b2 > li:first-child {margin-top:0;}
.M15_A_cont .panel_txt .content .md_btn {margin-top:10px;}
.M15_A_cont .panel_txt .content ul li .md_btn {margin-left:-10px;} 
.M15_A_cont .panel_txt .content .md_btn + .md_txt {margin-top:35px;}

.M15_A_cont .panel_txt .content li.verti_align {display:flex;} 
.M15_A_cont .panel_txt .content li.verti_align span:nth-child(odd){float:left; max-width:30%; min-width:45px;} 
.M15_A_cont .diagram .btn_area {text-align:center;margin-top:40px;}


/* 20220510 데이터결함 추가 모듈 */
/* tab_list */
.M15_A_cont .default-tab_cont .tab_list {  width: 100%; display: table-caption; margin-top:0;  margin-bottom:30px; }
.M15_A_cont .default-tab_cont .tab_list li {float:left;width:auto;}
.M15_A_cont .default-tab_cont .tab_list li {margin-right:70px;}
.M15_A_cont .default-tab_cont .tab_list li:last-child {margin-right:0;}
.M15_A_cont .default-tab_cont .tab_list li .tab_btn {position:relative;display:block;padding-top:3px;padding-bottom:9px;font-size:22px;color:#888;transition:color 0.3s;}
.M15_A_cont .default-tab_cont .tab_list li .tab_btn:hover,
.M15_A_cont .default-tab_cont .tab_list li .tab_btn:focus {color:#00b3e3;}
.M15_A_cont .default-tab_cont .tab_list li .tab_btn.active {color:#000;font-weight:bold;}
.M15_A_cont .default-tab_cont .tab_list li .tab_btn.active:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#000;}

.M15_A_cont .default-tab_cont .tab_panel { display: none; width: 100%; padding-left: 0; }
.M15_A_cont .default-tab_cont .tab_panel.active { display: table-cell; }
.M15_A_cont .default-tab_cont .tab_panel .tabpannel { display: table-cell; width: 42.4%; vertical-align: middle; padding-left: 8.1%; }

.M15_A.bg .M15_A_cont .tab_slide_area.default-tab_cont:before { background: linear-gradient(to right, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%); }
.M15_A.bg .M15_A_cont .tab_slide_area.default-tab_cont:after { background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%); }

/* swiper original */
.M15_A_cont .default-tab_cont .tab_list { display: flex; }

/* swiper original */
.M15_A_cont .default-tab_cont .tab_list li { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; float: none; }
.M15_A_cont .tab_panel .content .md_txt + .box_caution { margin-top: 20px; }
.M15_A_cont .box_caution { padding: 30px; border: 1px solid #dfdfdf; background-color: #fafafa; }
.M15_A_cont .box_caution .tit_caution { font-weight: 500; font-size: 14px; word-break: keep-all; }
.M15_A_cont .box_caution .tit_caution:first-child { float: left; width: 120px; }
.M15_A_cont .box_caution .tit_caution:first-child + .txt_caution { overflow: hidden; padding-left: 30px; padding-left: 20px; }
.M15_A_cont .box_caution .txt_caution { font-weight: 400; font-size: 14px; letter-spacing: -0.25px; word-break: break-all; }

/* box_caution support */
@media all and (max-width: 1279px) {
    .M15_A_cont .box_caution { padding: 20px; }
    .M15_A_cont .box_caution .tit_caution:first-child { display: block; float: none; width: auto; }
    .M15_A_cont .box_caution .tit_caution:first-child + .txt_caution { padding-top: 15px; padding-left: 0; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M15_A .tit_e {margin-bottom:10px;}
    .M15_A .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M15_A .tit_desc02 {width:100%;margin-bottom:20px;}
    .M15_A .tit_b + .tit_desc02 {margin-top:-10px;}

    /* diagram_wrap */
    .M15_A_cont .diagram_wrap {display:block;}
    .M15_A_cont .diagram_wrap .diagram {display:block;width:100%;}
    .M15_A_cont .diagram_wrap .tab_panel {display:none;width:100%;margin-top:20px;padding-left:0;}
    .M15_A_cont .diagram_wrap .tab_panel.active {display:block;}
    .M15_A_cont .md_img {display:none;}

    .M15_A_cont .diagram_wrap .panel_txt {margin:20px 0 0;}
    .M15_A_cont .diagram_wrap .panel_txt .content{width:100%;margin:0;float:none;}
    .M15_A_cont .diagram_wrap .panel_txt .content + .content{margin-top:60px;}
    .M15_A_cont .panel_txt .content li.verti_align span:nth-child(odd) {min-width:40px;} 

    /* 20220510 데이터결함 추가 모듈 */
    .M15_A_cont .swiper-container.default-tab_cont { overflow: visible;}
    .M15_A_cont .default-tab_cont .tab_list {  display: flex; }
    .M15_A_cont .default-tab_cont .tab_list li { margin-right: 40px; }
    .M15_A_cont .default-tab_cont .tab_panel .tabpannel { display: block; width: 100%; padding-left: 0;  margin-top: 35px; }
}

@media all and (max-width:600px){
    .M15_A .tit_desc {display:none;}
    .M15_A .tit_desc.desc_comm {display: block;}
    .M15_A_cont .img_p,
    .M15_A_cont .only_p {display:none;}
    .M15_A_cont .default-tab_cont .img_p { display: block; }
    .M15_A_cont .img_m,
    .M15_A_cont .only_m {display:block;}

    /* diagram_wrap */
    .M15_A_cont .diagram .tab_list {display:none;}

    /* tab_panel */
    .M15_A_cont .tab_panel {display:block !important;}
    .M15_A_cont .tab_panel:nth-child(n+1) {margin-top:40px;}
    .M15_A_cont .tab_panel .title {margin-bottom:20px;}
    .M15_A_cont .tab_panel .content + .content {margin-top:20px;}
    .M15_A_cont .tab_panel .content .tit_ico {width:45px;height:45px;}
    .M15_A_cont .tab_panel .content + .content {margin-top:40px;}
    .M15_A_cont .tab_panel .content .ico_b1,
    .M15_A_cont .tab_panel .content * + .ico_b2,
    .M15_A_cont .tab_panel .content .md_txt {margin-top:5px;}
    .M15_A_cont .tab_panel .content .ico_b2 > li {margin-top:10px;}
    .M15_A_cont .tab_panel .content .md_btn {margin-top:5px;}
    .M15_A_cont .tab_panel .content .md_btn + .md_txt {margin-top:20px;}

    /* panel_txt */
    .M15_A_cont .panel_txt {display:block;}
    .M15_A_cont .panel_txt:nth-child(n+1) {margin-top:40px;}
    .M15_A_cont .panel_txt .title {margin-bottom:20px;}
    .M15_A_cont .panel_txt .content + .content {margin-top:20px;}
    .M15_A_cont .panel_txt .content .tit_ico {width:45px;height:45px;}
    .M15_A_cont .panel_txt .content + .content {margin-top:40px;}
    .M15_A_cont .panel_txt .content .ico_b1,
    .M15_A_cont .panel_txt .content * + .ico_b2,
    .M15_A_cont .panel_txt .content .md_txt {margin-top:5px;}
    .M15_A_cont .panel_txt .content .ico_b2 > li {margin-top:10px;}
    .M15_A_cont .panel_txt .content .md_btn {margin-top:5px;}
    .M15_A_cont .panel_txt .content .md_btn + .md_txt {margin-top:20px;}

    /* 20220510 데이터결함 추가 모듈 */
    .M15_A_cont .tab_slide_area.default-tab_cont:before,
    .M15_A_cont .tab_slide_area.default-tab_cont:after { content: ""; position: absolute; width: 20px; height: 34px; z-index: 2; }

    .M15_A_cont .tab_slide_area.default-tab_cont:before {top:0; left: -30px;background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(245,245,245,0) 100%);}
    .M15_A_cont .tab_slide_area.default-tab_cont:after {background:linear-gradient(to right,rgba(245,245,245,0) 0%,rgba(255,255,255,1) 100%); top:0; right: -30px;}

    .M15_A_cont .default-tab_cont .tab_list li { margin-right: 15px; }
    .M15_A_cont .default-tab_cont .tab_list li .tab_btn { padding-top: 1px; padding-bottom: 9px; font-size: 14px; }
    .M15_A_cont .default-tab_cont .tab_panel { margin-top: 20px; display: none !important; }
    .M15_A_cont .default-tab_cont .tab_panel.active { display: block !important; }
    .M15_A_cont .default-tab_cont .diagram_wrap .diagram { margin-bottom: 40px; }
    .M15_A_cont .default-tab_cont .tab_panel .tabpannel { width: 100%; padding-left: 0; }
}






/*** M15_B | Empty Module ***/
.M15_B .tit_e {margin-bottom:20px;} 
.M15_B .tit_b {margin-top:-12px;margin-bottom:40px;}
.M15_B .tit_e + .tit_b {margin-top:0;}
.M15_B .tit_desc02 {display:block;width:90%;margin-bottom:40px;}
.M15_B .tit_b + .tit_desc02 {margin-top:-20px;}
.M15_B .tit_desc {margin-bottom:10px;}
.M15_B_cont .img_m, .M15_B_cont .only_m { display: none; }
.M15_B_cont .align_c { text-align: center; }

.M15_B .img_m { display: none; }
.M15_B .md_img img { width: 100%; }

/* list */
.M15_B_cont .paint_list {padding:40px 0;border-top:2px solid #000;border-bottom:1px solid #ddd;overflow:hidden;}
.M15_B_cont .paint_list:after {content:"";display:block;clear:both;}
.M15_B_cont .paint_list .li {float:left;width:calc(33.3% - 18px);padding-left:46px;}
.M15_B_cont .paint_list .li:nth-child(n+4) {margin-top:60px;}
.M15_B_cont .paint_list .li:nth-child(3n-1) {margin-left:26px;margin-right:26px;}
.M15_B_cont .paint_list .li:nth-child(3n+1) {clear:both;}
.M15_B_cont .paint_list .li .ico {float:left;width:40px;height:40px;background:none;}
.M15_B_cont .paint_list .li .ico img {width:100%;}
.M15_B_cont .paint_list .li .txt {float:left;width:calc(100% - 40px);padding:0 26px;}
.M15_B_cont .paint_list .li .txt .md_tit {display:block;}
.M15_B_cont .paint_list .li .txt .md_txt,
.M15_B_cont .paint_list .li .txt .md_btn {margin-top:10px;}

/* IE FIREFOX BUG - scrollHeight */
.M15_B_cont .paint_list.init {padding:0;}
.M15_B_cont .paint_list.init:before,
.M15_B_cont .paint_list.init:after {content:"";display:block;width:100%;height:40px;}

/* 20230712 문서정보추출 하드코딩 페이지 */
.M15_B_cont .document_cont .img { margin-top: 62px; margin-bottom: 58px; }
.M15_B_cont .document_cont .img img { width: 100%; }
.M15_B_cont .info_cont .title { font-size: 24px; margin-bottom: 30px; display: block; }
.M15_B_cont .info_cont ul { display: flex; flex-wrap: wrap; margin: -9px -9px; }
.M15_B_cont .info_cont ul li { background-color: #F5F5F5; padding: 40px 30px; width: calc(25% - 18px); margin: 9px; }
.M15_B_cont .info_cont ul li em { display: block; font-weight: bold; font-size: 20px; margin-bottom: 15px; }
.M15_B_cont .info_cont ul li p { font-size: 16px; color: #666; }
/* //20230712 문서정보추출 하드코딩 페이지 */

/* 20230920 하드코딩 작업 */
.M15_B_cont .type-1 .img { margin-bottom: 40px; }
.M15_B_cont .type-1 .img img { width: 100%; }
.M15_B_cont .type-1_list { margin: -13px; }
.M15_B_cont .type-1 .M123_B_cont { flex-wrap: wrap; justify-content: flex-start; }
.M15_B_cont .type-1 .M123_B_cont li { width: calc(25% - 26px); margin: 13px; }
.M15_B.bg .M15_B_cont .type-1 .M123_B_cont li { background-color: #fff; }
/* //20230920 하드코딩 작업 */

/* 20231017 하드코딩 데이터결합분석 */
.M15_B_cont .slide_wrap { display: flex; flex-direction: column; margin-top: 60px; }
.M15_B_cont .slide_wrap .slider_cont { display: flex; flex-wrap: wrap; margin: -15px; }
.M15_B_cont .slide_wrap .item { background-color: #fff; border: 1px solid #ddd; margin: 15px; width: calc(50% - 30px); }
.M15_B_cont .slide_wrap .item .md_txt { display: flex; align-items: center; justify-content: space-between; padding: 45px 30px 45px 40px; }
.M15_B_cont .slide_wrap .item .md_txt em { display: flex; flex-direction: column; padding-right: 20px; }
.M15_B_cont .slide_wrap .item .md_txt s { font-size: 16px; margin-bottom: 10px; text-decoration: none; }
.M15_B_cont .slide_wrap .item .md_txt strong { font-size: 24px; line-height: 32px; }
.M15_B_cont .slide_wrap .item .md_txt strong span { color: #1778EA; }

/* slide Navication */
.M15_B_cont .slide_wrap .navigation { display: none; align-items: center; justify-content: space-between; width: 270px; padding-bottom: 0; margin-left: auto; margin-bottom: 20px; }
.M15_B_cont .slide_wrap .carousel-pagn { width: auto; display: flex; align-items: center; }
.M15_B_cont .slide_wrap .carousel-pagn-inner { width: 130px; font-size: 16px; line-height: normal; height: auto; }
.M15_B_cont .slide_wrap .carousel-pagn-bar { width: 73px; }
.M15_B_cont .slide_wrap .carousel-nav { width: auto; }
.M15_B_cont .slide_wrap .slide_wrap .carousel-nav:after { content: ""; display: block; clear: both; }
.M15_B_cont .slide_wrap .carousel-nav .carousel-prev, .M15_B_cont .slide_wrap .carousel-nav .carousel-next { display: block; float: left; position: relative; overflow: hidden; width: 30px; height: 30px; background: transparent; border: 1px solid #000 !important; border-radius: 50%; box-sizing: border-box; outline: none; transition: all 0.4s; webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.M15_B_cont .slide_wrap .carousel-nav .carousel-prev:after, .M15_B_cont .slide_wrap .carousel-nav .carousel-next:after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M15_B_cont .slide_wrap .carousel-nav .carousel-next { margin-left: 16px; }
.M15_B_cont .slide_wrap .carousel-nav .carousel-prev:hover, .M15_B_cont .slide_wrap .carousel-nav .carousel-next:hover, .M15_B_cont .slide_wrap .carousel-nav .carousel-prev:focus, .M15_B_cont .slide_wrap .carousel-nav .carousel-next:focus { background: #2189ff !important; border-color: #2189ff !important; }
.M15_B_cont .slide_wrap .carousel-nav .carousel-prev:before, .M15_B_cont .slide_wrap .carousel-nav .carousel-next:before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #2189ff; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M15_B_cont .slide_wrap .carousel-nav .carousel-prev:hover:after, .M15_B_cont .slide_wrap .carousel-nav .carousel-next:hover:after, .M15_B_cont .slide_wrap .carousel-nav .carousel-prev:focus:after, .M15_B_cont .slide_wrap .carousel-nav .carousel-next:focus:after { border-color: #fff; }
.M15_B_cont .slide_wrap .navigation .md_play { overflow: hidden; transition: all 0.4s; }
.M15_B_cont .slide_wrap .navigation .md_play a { display: block; position: relative; width: 28px; height: 28px; overflow: hidden; outline: none; }
.M15_B_cont .slide_wrap .navigation .md_play .md_btn_play:before { position: absolute; left: 54%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ""; transform: translate(-50%, -50%); transition: all 0.4s; }
.M15_B_cont .slide_wrap .navigation .md_play .md_btn_stop { display: block; }
.M15_B_cont .slide_wrap .navigation .md_play .md_btn_stop:before { position: absolute; left: 11px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M15_B_cont .slide_wrap .navigation .md_play .md_btn_stop:after { position: absolute; left: 16px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M15_B_cont .slide_wrap .navigation .md_play:hover:before, .M15_B_cont .slide_wrap .navigation .md_play:focus:before { transform: translateX(0); }
.M15_B_cont .slide_wrap .navigation .md_play .md_btn_play { display: none; }
.M15_B_cont .slide_wrap .navigation .md_play.on .md_btn_play { display: block; }
.M15_B_cont .slide_wrap .navigation .md_play.on .md_btn_stop { display: none; }
/* //20231017 하드코딩 데이터결합분석 */

/* 20240206 하드코딩 SCM트레이 */
.M15_B_cont .scm_cont { position: relative; border-top: 2px solid #000; padding-top: 40px; margin-top: 20px; }
.M15_B_cont .scm_cont dl { display: flex; justify-content: space-between; margin-bottom: 20px; }
.M15_B_cont .scm_cont dl:last-child { margin-bottom: 0; }
.M15_B_cont .scm_cont dl dt { font-weight: bold; font-size: 18px; width: 100%; max-width: 180px; margin-right: 20px; }
.M15_B_cont .scm_cont dl dd { font-size: 16px; width: 100%; }
.M15_B_cont .scm_cont article { margin-bottom: 16px; }
.M15_B_cont .scm_cont article:last-child { margin-bottom: 0; }
.M15_B_cont .scm_cont dl dd ul li, .M15_B_cont .scm_cont dl dd p { margin-bottom: 4px; }
.M15_B_cont .scm_cont dl dd ul li:last-child, .M15_B_cont .scm_cont dl dd p:last-child { margin-bottom: 0; }
.M15_B_cont .scm_cont strong { display: block; margin-bottom: 10px; }

/* M15_B 공통 list style */
.M15_B_cont .listType-dot { position: relative; padding-left: 10px; }
.M15_B_cont .listType-dot::before { content: ''; width: 4px; height: 4px; background-color: #000; border-radius: 100px; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); }
.M15_B_cont .listType-count { counter-reset: section; }
.M15_B_cont .listType-count li { position: relative; padding-left: 20px; }
.M15_B_cont .listType-count li::before { counter-increment: section; content: counter(section) ") "; position: absolute; top: 0; left: 0; }
.M15_B_cont p.listType-bar, .M15_B_cont .listType-bar li { position: relative; padding-left: 10px; }
.M15_B_cont p.listType-bar::before, .M15_B_cont .listType-bar li::before { content: "-"; position: absolute; top: 0; left: 0; }
.M15_B_cont .listType-symbol { }
.M15_B_cont .listType-symbol li { position: relative; padding-left: 23px; }
.M15_B_cont .listType-symbol li::before { content: "※"; position: absolute; top: 0; left: 0; }
/* //20240206 하드코딩 SCM트레이 */

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M15_B .tit_e {margin-bottom:10px;}
    .M15_B .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M15_B .tit_desc02 {width:100%;margin-bottom:20px;}
    .M15_B .tit_b + .tit_desc02 {margin-top:-10px;}

    .M15_B .img_p { display: none; }
    .M15_B .img_m { display: block; }

    .M15_B[data-open="false"] .li:nth-child(-n+3) {display:block;}
    .M15_B .tit_e + .M15_B_cont {margin-top:10px;}
    .M15_B .tit_desc + .M15_B_cont {margin-top:20px;}

    /* list */
    .M15_B_cont .paint_list {padding:20px 0;}
    .M15_B_cont .paint_list .li {width:100%;padding-left:23px;}
    .M15_B_cont .paint_list .li:nth-child(3n-1) {margin-left:0;margin-right:0;}
    .M15_B_cont .paint_list .li:nth-child(n+2) {margin-top:40px;}
    .M15_B_cont .paint_list .li:nth-child(2n+1) {clear:none;}

    /* IE FIREFOX BUG - scrollHeight */
    .M15_B_cont .paint_list.init {padding:0;}
    .M15_B_cont .paint_list.init:before,
    .M15_B_cont .paint_list.init:after {height:20px;}
        
    /* btn */
    .M15_B_cont .paint_list .li .txt {width:calc(100% - 40px);padding:0 0 0 16px;}
    .M15_B_cont .M15_B_btn {margin-top:30px;text-align:center;}
    .M15_B_cont .M15_B_btn .btn_toggle:after {right:-4px;top:0;}
    .M15_B_cont .M15_B_btn .btn_toggle.on:after {top:2px;}

    /* 20230712 문서정보추출 하드코딩 페이지 */
    .M15_B_cont .document_cont .img { margin: 40px 0; }
    .M15_B_cont .info_cont .title { font-size: 18px; margin-bottom: 20px; }
    .M15_B_cont .info_cont ul { margin: 0px; }
    .M15_B_cont .info_cont ul li { padding: 30px; width: 100%; margin: 0 0 10px 0; }
    .M15_B_cont .info_cont ul li:last-child { margin-bottom: 0; }
    .M15_B_cont .info_cont ul li em { font-size: 16px; }
    .M15_B_cont .info_cont ul li p { font-size: 14px; }
    /* //20230712 문서정보추출 하드코딩 페이지 */

    /* 20230920 하드코딩 작업 */
    .M15_B_cont .type-1_list { margin: 0px; }
    .M15_B_cont .type-1 .M123_B_cont { flex-wrap: wrap; justify-content: flex-start; }
    .M15_B_cont .type-1 .M123_B_cont li { width: 100%; margin: 0 0 16px 0; }
    .M15_B_cont .type-1 .M123_B_cont li:last-child { margin-bottom: 0; }
    .M15_B_cont .type-1 .M123_B_cont li .txt { width: 100%; }
    /* //20230920 하드코딩 작업 */

    /* 20231017 하드코딩 데이터결합분석 */
    .M15_B_cont .slide_wrap { margin-top: 30px; }
    .M15_B_cont .slide_wrap .item .md_txt { flex-direction: column; padding: 30px 30px 10px 30px; }
    .M15_B_cont .slide_wrap .item .md_txt em { padding-right: 0px; margin-bottom: 10px; margin-right: auto; }
    .M15_B_cont .slide_wrap .item .md_txt i { margin-left: auto; }

    /* slide Navication */
    .M15_B_cont .slide_wrap .carousel-nav { position: absolute; top: 0; width: calc(100% + 20px); margin: 0 -10px; }
    .M15_B_cont .slide_wrap .navigation { display: block; position: relative; margin-top: 20px; width: 100%; top: auto; bottom: 0; }
    .M15_B_cont .slide_wrap .carousel-pagn { margin: 0 auto; width: calc(100% - 60px); height: 30px; }
    .M15_B_cont .slide_wrap .navigation .md_play { display: none; }
    .M15_B_cont .slide_wrap .carousel-pagn-inner { width: 100%; right: auto; font-size: 14px; }
    .M15_B_cont .slide_wrap .carousel-pagn-bar { width: calc(100% - 60px); }
    .M15_B_cont .slide_wrap .carousel-nav .carousel-prev, .M15_B_cont .slide_wrap .carousel-nav .carousel-next { border: 0 !important; }
    .M15_B_cont .slide_wrap .carousel-nav .carousel-next { float: right; }
    .M15_B_cont .slide_wrap .carousel-nav .carousel-prev:after, .M15_B_cont .slide_wrap .carousel-nav .carousel-next:after { width: 8.49px; height: 8.49px; }
    .M15_B_cont .slide_wrap .carousel-nav .carousel-prev:hover:after, .M15_B_cont .slide_wrap .carousel-nav .carousel-next:hover:after, .M15_B_cont .slide_wrap .carousel-nav .carousel-prev:focus:after, .M15_B_cont .slide_wrap .carousel-nav .carousel-next:focus:after { border-color: #2189FF; }
    .M15_B_cont .slide_wrap .carousel-nav .carousel-prev:hover, .M15_B_cont .slide_wrap .carousel-nav .carousel-next:hover, .M15_B_cont .slide_wrap .carousel-nav .carousel-prev:focus, .M15_B_cont .slide_wrap .carousel-nav .carousel-next:focus { background: transparent !important; border-color: #2189FF !important; }
    .M15_B_cont .slide_wrap .carousel-nav .carousel-prev:before, .M15_B_cont .slide_wrap .carousel-nav .carousel-next:before { display: none; }
    /* //20231017 하드코딩 데이터결합분석 */

    /* 20240206 하드코딩 SCM트레이 */
    .M15_B_cont .scm_cont { padding-top: 16px; margin-top: 10px; }
    .M15_B_cont .scm_cont dl { flex-wrap: wrap; margin-bottom: 16px; }
    .M15_B_cont .scm_cont dl dt { font-size: 16px; max-width: none; margin-right: 0px; margin-bottom: 12px; }
    .M15_B_cont .scm_cont article { margin-bottom: 12px; }
    .M15_B_cont .scm_cont strong { font-size: 14px; margin-bottom: 8px; }
    .M15_B_cont .scm_cont dl dd ul li, .M15_B_cont .scm_cont dl dd p { font-size: 14px; }
    /* //20240206 하드코딩 SCM트레이 */
}

@media all and (max-width:768px){
    .M15_B_cont .img_p { display: none; }
    .M15_B_cont .img_m { display: block; }
}







/*** M15_C | Structure ***/
.M15_C .tit_e { margin-bottom:10px; } 
.M15_C .tit_b { line-height:58px; }
.M15_C .tit_b + .tit_desc02 {margin-top:-20px;}
.M15_C .tit_desc {margin-top: 20px;font-size: 18px;}
.M15_C .tit_desc02 {display:block;width:90%;margin-bottom:40px;}

.M15_C_cont h4 { margin-bottom: 20px; font-size: 32px; line-height: 48px; }
.M15_C_cont .tit_cont { display: block; margin-top: 20px; font-size: 32px; line-height: 48px; }
.M15_C_cont .tit_cont:first-child { margin-bottom: 20px; }

.M15_C .show {display:block !important;}

/* img */
.M15_C_cont .img_p,
.M15_C_cont .only_p {display:block;}
.M15_C_cont .img_m,
.M15_C_cont .only_m {display:none;}
.M15_C_cont img {max-width:100%;}
.M15_C_cont img.on {display:none;}
.M15_C_cont img.on2 {display:none;}
.M15_C_cont img.off {display:block;}

/* diagram_wrap */
.M15_C_cont .diagram_wrap { display:table;width:100%;opacity:0;table-layout:fixed;transition:opacity 0.3s;padding-top:60px; }
.M15_C_cont .diagram_wrap.init {opacity:1;}
.M15_C_cont .diagram_wrap .diagram {display: table-cell;width: 51.6%;vertical-align: top;} 
.M15_C_cont .diagram_wrap .inner_diagram {padding: 0;box-sizing: border-box;background-color: #fafafa;} 
.M15_C_cont .diagram_wrap .diagram .txt_desc { margin-top:10px;font-size:12px;line-height:18px;color:#666; }
.M15_C_cont .diagram_wrap .tab_panel {display:none;width:48.4%;vertical-align:top; }
.M15_C_cont .diagram_wrap .tab_panel.active {display:table-cell;}
.M15_C_cont .diagram_wrap .diagram.horiz{display:block;width:100%;}
.bg .M15_C_cont .diagram_wrap .diagram { padding:0;background:transparent; }

.M15_C_cont .diagram .img {position:relative;display:inline-block;max-width:100%;vertical-align:top;}
.M15_C_cont .diagram .tab_list {position:absolute;top:0;left:0;width:100%;height:100%;}
.M15_C_cont .diagram .tab_list .tab_btn {position:absolute;top:0;left:0;cursor:pointer;z-index:3;}
.M15_C_cont .diagram .tab_list .tab_btn:not(.outline) {outline:none;}
.M15_C_cont .diagram .tab_list .tab_btn:focus + .tab_img,
.M15_C_cont .diagram .tab_list .tab_btn:hover + .tab_img,
.M15_C_cont .diagram .tab_list .tab_btn.active + .tab_img {opacity:1;}
.M15_C_cont .diagram .tab_list .tab_img {position:absolute;width:100%;overflow:hidden;opacity:0;transition:opacity 0.3s;z-index:2;}

.M15_C_cont .diagram .link_list {position:absolute;top:0;left:0;width:100%;height:100%;}
.M15_C_cont .diagram .link_list .link_btn {position:absolute;top:0;left:0;cursor:pointer;z-index:3;}
.M15_C_cont .diagram .link_list .link_btn:not(.outline) {outline:none;}
.M15_C_cont .diagram .link_list .link_btn:focus + .link_img,
.M15_C_cont .diagram .link_list .link_btn:hover + .link_img,
.M15_C_cont .diagram .link_list .link_btn.active + .link_img {opacity:1;}
.M15_C_cont .diagram .link_list .link_img {position:absolute;width:100%;overflow:hidden;opacity:0;transition:opacity 0.3s;z-index:2;}

/* tab_panel */
.M15_C_cont .tab_panel {display:none;padding-left:7%;}
.M15_C_cont .tab_panel .title {margin-bottom:40px;}
.M15_C_cont .tab_panel .title .tit_s {display:block;}
.M15_C_cont .tab_panel .content + .content {margin-top:60px;}
.M15_C_cont .tab_panel .content .md_tit { display:block;font-size:36px;line-height:54px;vertical-align:middle; }
.M15_C_cont .tab_panel .content .tit_ico {display:inline-block;margin-right:10px;width:60px;height:60px;vertical-align:middle;}
.M15_C_cont .tab_panel .content .md_txt {margin-top: 20px;font-size: 18px;}
.M15_C_cont .tab_panel .content .md_img {margin-top:10px;}
.M15_C_cont .tab_panel .content .ico_b2 { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(0,0,0,0.2); }
.M15_C_cont .tab_panel .content .ico_b2 > li {margin-top: 15px;font-size: 18px;}
.M15_C_cont .tab_panel .content .ico_b2 > li:first-child {margin-top:0;}
.M15_C_cont .tab_panel .content .ico_b2 dd { margin-top:4px;font-size:12px;line-height:18px;color:rgba(0,0,0,0.5); }
.M15_C_cont .tab_panel .content .md_btn {margin-top:10px;}
.M15_C_cont .default-tab_cont .tab_panel .content .md_btn { margin-top:20px; }
.M15_C_cont .tab_panel .content ul li .md_btn {margin-left:-10px;}
.M15_C_cont .tab_panel .content ul li .md_btn:last-child {margin-bottom:10px;} 
.M15_C_cont .tab_panel .content .md_btn + .md_txt {margin-top:35px;}
/* 2023-05-10 수정 시작 */
.M15_C_cont .tab_panel .content .list_bullet {margin-top: 0.6rem;}
.M15_C_cont .tab_panel .content .list_bullet .item_bullet {margin-top: 0.6rem;font-size: 1.6rem;}
.M15_C_cont .tab_panel .content .list_bullet .item_bullet:first-child {margin-top: 0;}
.M15_C_cont .diagram .emph_diagram {display: block;margin: 1.4rem 0 0 0;font-size: 1.4rem;color: #888;}
/* // 2023-05-10 수정 끝 */

/* panel_txt */
.M15_C_cont .panel_txt{display:flex;flex-wrap:wrap;margin-top:60px;}
.M15_C_cont .panel_txt .title {margin-bottom:40px;}
.M15_C_cont .panel_txt .title .tit_s {display:block;}
.M15_C_cont .panel_txt .content{float:left;width:calc(50% - 50px);margin:0px 25px 0 25px;}
.M15_C_cont .panel_txt .content .tit_s {display:inline-block; margin-bottom: 5px; vertical-align:middle;}
.M15_C_cont .panel_txt .content .tit_ico {display:inline-block;margin-right:10px;width:60px;height:60px;vertical-align:middle;}
.M15_C_cont .panel_txt .content .md_txt {margin-top:10px;}
.M15_C_cont .panel_txt .content .md_img {margin-top:10px;}
.M15_C_cont .panel_txt .content .ico_b1 {margin-top:10px;}
.M15_C_cont .panel_txt .content * + .ico_b2 {margin-top:10px;}
.M15_C_cont .panel_txt .content .ico_b2 > li {margin-top:15px;}
.M15_C_cont .panel_txt .content .ico_b2 > li:first-child {margin-top:0;}
.M15_C_cont .panel_txt .content .md_btn {margin-top:10px;}
.M15_C_cont .panel_txt .content ul li .md_btn {margin-left:-10px;} 
.M15_C_cont .panel_txt .content .md_btn + .md_txt {margin-top:35px;}
.M15_C_cont .panel_txt .content li.verti_align {display:flex;} 
.M15_C_cont .panel_txt .content li.verti_align span:nth-child(odd){float:left; max-width:30%; min-width:45px;}
.M15_C_cont .diagram .btn_area {text-align:center;margin-top:40px;}

/* tab_list */
.M15_C_cont .default-tab_cont .tab_list { width: 100%; display: table-caption; margin-top:0; margin-bottom:30px; }
.M15_C_cont .default-tab_cont .tab_list li {float:left;width:auto;}
.M15_C_cont .default-tab_cont .tab_list li {margin-right:70px;}
.M15_C_cont .default-tab_cont .tab_list li:last-child {margin-right:0;}
.M15_C_cont .default-tab_cont .tab_list li .tab_btn {position:relative;display:block;padding-top:3px;padding-bottom:9px;font-size:22px;color:#888;transition:color 0.3s;}
.M15_C_cont .default-tab_cont .tab_list li .tab_btn:hover,
.M15_C_cont .default-tab_cont .tab_list li .tab_btn:focus {color:#00b3e3;}
.M15_C_cont .default-tab_cont .tab_list li .tab_btn.active {color:#000;font-weight:bold;}
.M15_C_cont .default-tab_cont .tab_list li .tab_btn.active:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#000;}

.M15_C_cont .default-tab_cont .tab_panel { display: none; width: 100%; padding-left: 0; }
.M15_C_cont .default-tab_cont .tab_panel.active { display: table-cell; }
.M15_C_cont .default-tab_cont .tab_panel .tabpannel { display: table-cell; width: 42.4%; vertical-align: middle; padding-left: 8.1%; }

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M15_C .tit_e { margin-bottom:10px; }
    .M15_C .tit_b { margin-bottom:20px;font-size:22px;line-height:36px; }
    .M15_C .tit_desc02 {width:100%;margin-bottom:20px;}
    .M15_C .tit_b + .tit_desc02 {margin-top:-10px;}
    .M15_C_cont h4 { font-size: 26px; line-height: normal; }
    .M15_C_cont .tit_cont { display: block; font-size: 22px; line-height: 36px; }
    .M15_C_cont .tit_cont:first-child + .diagram_wrap, .M15_C_cont .tit_cont:first-child + .tit_desc + .diagram_wrap { padding-top: 0; }

    /* diagram_wrap */
    .M15_C_cont .diagram_wrap { display:block;padding-top:30px; }
    .M15_C_cont .diagram_wrap .diagram {display:block;width:100%;}
    .M15_C_cont .diagram_wrap .tab_panel {display:none;width:100%;margin-top:20px;padding-left:0;}
    .M15_C_cont .diagram_wrap .tab_panel.active {display:block;}
    .M15_C_cont .md_img {display:none;}

    .M15_C_cont .diagram_wrap .panel_txt {margin:20px 0 0;}
    .M15_C_cont .diagram_wrap .panel_txt .content{width:100%;margin:0;float:none;}
    .M15_C_cont .diagram_wrap .panel_txt .content + .content{margin-top:60px;}

    /* tab_panel */
    .M15_C_cont .tab_panel .content .md_tit { font-size:20px;line-height:32px; }
    .M15_C_cont .tab_panel .content .md_txt { margin-top:10px;font-size:14px;line-height:24px; }
    .M15_C_cont .tab_panel .content .ico_b2 { margin-top:20px;padding-top:20px; }
    .M15_C_cont .tab_panel .content .ico_b2 > li { font-size:14px;line-height:24px; }
    .M15_C_cont .panel_txt .content li.verti_align span:nth-child(odd) {min-width:40px;} 
    .M15_C_cont .swiper-container.default-tab_cont { overflow: visible; }
    .M15_C_cont .default-tab_cont .tab_list { display: flex; }
    .M15_C_cont .default-tab_cont .tab_list li { margin-right: 40px; }
    .M15_C_cont .default-tab_cont .tab_panel .tabpannel { display: block; width: 100%; padding-left: 0; margin-top: 35px; }

    /* 2023-05-10 수정 시작 */
    .M15_C_cont .diagram_wrap .inner_diagram {padding: 0;}
    .M15_C_cont .tab_panel .content .list_bullet {margin-top: 0.4rem;}
    .M15_C_cont .tab_panel .content .list_bullet .item_bullet {margin-top: 0.4rem;font-size: 1.3rem;}
    .M15_C_cont .tab_panel .content .list_bullet .item_bullet:first-child {margin-top: 0;}
    .M15_C_cont .diagram .emph_diagram {margin: 0.6rem 0 0 0;font-size: 1.2rem;}
    /* // 2023-05-10 수정 끝 */
}

@media all and (max-width:600px){
    .M15_C .tit_desc {display:none;}
    .M15_C_cont .img_p,
    .M15_C_cont .only_p {display:none;}
    .M15_C_cont .default-tab_cont .img_p { display: block; }
    .M15_C_cont .img_m,
    .M15_C_cont .only_m {display:block;}

    /* diagram_wrap */
    .M15_C_cont .diagram_wrap { padding-top:20px; }
    .M15_C_cont .diagram_wrap .diagram {padding:0; }
    .M15_C_cont .diagram .tab_list {display:none;}    

    /* tab_panel */
    .M15_C_cont .tab_panel {display:block !important;}
    .M15_C_cont .tab_panel:nth-child(n+1) {margin-top:40px;}
    .M15_C_cont .tab_panel .title {margin-bottom:20px;}
    .M15_C_cont .tab_panel .content + .content {margin-top:20px;}
    .M15_C_cont .tab_panel .content .tit_ico {width:45px;height:45px;}
    .M15_C_cont .tab_panel .content + .content {margin-top:40px;}
    .M15_C_cont .tab_panel .content .ico_b1,
    .M15_C_cont .tab_panel .content * + .ico_b2,
    .M15_C_cont .tab_panel .content .md_txt {margin-top:5px;}
    .M15_C_cont .tab_panel .content .ico_b2 > li {margin-top:10px;}
    .M15_C_cont .tab_panel .content .md_btn {margin-top:5px;}
    .M15_C_cont .tab_panel .content .md_btn + .md_txt {margin-top:20px;}

    /* panel_txt */
    .M15_C_cont .panel_txt {display:block;}
    .M15_C_cont .panel_txt:nth-child(n+1) {margin-top:40px;}
    .M15_C_cont .panel_txt .title {margin-bottom:20px;}
    .M15_C_cont .panel_txt .content + .content {margin-top:20px;}
    .M15_C_cont .panel_txt .content .tit_ico {width:45px;height:45px;}
    .M15_C_cont .panel_txt .content + .content {margin-top:40px;}
    .M15_C_cont .panel_txt .content .ico_b1,
    .M15_C_cont .panel_txt .content * + .ico_b2,
    .M15_C_cont .panel_txt .content .md_txt {margin-top:5px;}
    .M15_C_cont .panel_txt .content .ico_b2 > li {margin-top:10px;}
    .M15_C_cont .panel_txt .content .md_btn {margin-top:5px;}
    .M15_C_cont .panel_txt .content .md_btn + .md_txt {margin-top:20px;}
   
    .M15_C_cont .tab_slide_area.default-tab_cont:before,
    .M15_C_cont .tab_slide_area.default-tab_cont:after { content: ""; position: absolute; width: 20px; height: 34px; z-index: 2; }
    .M15_C_cont .tab_slide_area.default-tab_cont:before {top:0; left: -30px;background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(245,245,245,0) 100%);}
    .M15_C_cont .tab_slide_area.default-tab_cont:after {background:linear-gradient(to right,rgba(245,245,245,0) 0%,rgba(255,255,255,1) 100%); top:0; right: -30px;}

    .M15_C_cont .default-tab_cont .tab_list li { margin-right: 15px; }
    .M15_C_cont .default-tab_cont .tab_list li .tab_btn { padding-top: 1px; padding-bottom: 9px; font-size: 14px; }
    .M15_C_cont .default-tab_cont .tab_panel { margin-top: 20px; display: none !important; }
    .M15_C_cont .default-tab_cont .tab_panel.active { display: block !important; }
    .M15_C_cont .default-tab_cont .diagram_wrap .diagram { margin-bottom: 40px; }
    .M15_C_cont .default-tab_cont .tab_panel .tabpannel { display: block; width: 100%; padding-left: 0; }
}




/*** M16_A | Product ***/
.M16_A .tit_e {margin-bottom:20px;}
.M16_A .tit_b {margin-top:-12px;}
.M16_A .tit_e + .tit_b {margin-top:0;}
.M16_A .visual_img .txt {background:#fff;}
.M16_A.bg .visual_img .txt {background:#f5f5f5;}
* + .M16_A_cont {margin-top:10px;}
.M16_A .tit_e + .M16_A_cont {margin-top:0;}

/* tab_list */
.M16_A_cont .tab_list {margin-top:0;margin-bottom:30px;;}
.M16_A .tit_e + .M16_A_cont .tab_list,
.M16_A .tit_b + .M16_A_cont .tab_list {margin-top:70px;margin-bottom:0;}
.M16_A_cont .tab_list li {float:left;width:auto;}
.M16_A_cont .tab_list li {margin-right:70px;}
.M16_A_cont .tab_list li:last-child {margin-right:0;}
.M16_A_cont .tab_list li .tab_btn {position:relative;display:block;padding-top:3px;padding-bottom:9px;font-size:22px;color:#888;transition:color 0.3s;}
.M16_A_cont .tab_list li .tab_btn:hover,
.M16_A_cont .tab_list li .tab_btn:focus {color: #2189FF;}
.M16_A_cont .tab_list li .tab_btn.active {color:#000;font-weight:bold;}
.M16_A_cont .tab_list li .tab_btn.active:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#000;}

/* tab_panel */
.M16_A_cont .tab_panel {display:none;}
.M16_A_cont .tab_panel.active {display:block;}
.M16_A .tit_b + .M16_A_cont .tab_panel {margin-top:30px;}
.M16_A .tit_e + .M16_A_cont .tab_panel {margin-top:30px;}
.M16_A .tit_e + .M16_A_cont.ty02 .tab_list {margin-top:50px;}

/* txt */
.M16_A_cont .txt .md_tit {display:block;}
.M16_A_cont .txt .md_tit a {transition:color 0.3s;}
.M16_A_cont .txt .md_tit:hover a,
.M16_A_cont .txt .md_tit:focus a {color:#39c0e5;}
.M16_A_cont .txt .md_tit span:empty {display:block;margin-top:-40px;}
.M16_A_cont .txt .md_txt {margin-top:10px;}
.M16_A_cont .txt .md_btn {margin-top:20px;}

/* visual_img */
.M16_A_cont .visual_img {position:relative;}
.M16_A_cont .visual_img .img {position:relative;height:0;padding-bottom:44%;background:#f5f5f5;}
.M16_A_cont .visual_img .img .img_p {position:absolute;top:0;left:0;width:100%;height:100%;}
.M16_A_cont .visual_img .txt {position:absolute;bottom:30px;right:0;width:83%;padding:0 8.5%;}
.M16_A_cont .visual_img .txt:before,
.M16_A_cont .visual_img .txt:after {content:"";display:block;width:100%;height:0;padding-bottom:6.82%;}
.M16_A_cont .visual_img .txt.center {text-align:center;}
.M16_A_cont .visual_img .txt.right {text-align:right;}

.bg .M16_A_cont .visual_img .img {background-color:#e6e6e6;}

/* detail_list */
.M16_A_cont * + .detail_list {margin-top:60px;}
.M16_A_cont .detail_list {padding-left:25.5%;padding-right:8.5%;}
.M16_A_cont .detail_list:after {content:"";display:block;clear:both;}
.M16_A_cont .detail_list .li {float:right;width:calc( 50% - 13px );}
.M16_A_cont .detail_list .li:nth-child(2n+1) {float:left;clear:both;}
.M16_A_cont .detail_list .li:nth-child(n+3) {margin-top:40px;}
.M16_A_cont .detail_list .li .txt {width:90%;}

/* ty02 */
.M16_A_cont.ty02 .M12_B_cont .visual_img .img {padding:0;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M16_A .tit_e {margin-bottom:10px;}
    .M16_A .tit_b {margin-top:-6px;}
    * + .M16_A_cont {margin-top:0;}

    /* tab_list */
    .M16_A_cont .tab_slide_area {margin-left:-10px;margin-right:-10px;}
    .M16_A_cont .tab_slide_area:before,
    .M16_A_cont .tab_slide_area:after {content:"";position:absolute;width:20px;height:100%;z-index:2;}
    .M16_A_cont .tab_slide_area:before {top:0;left:0;background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
    .M16_A_cont .tab_slide_area:after {top:0;right:0;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}

    .M16_A_cont .tab_list {margin-top:0;margin-bottom:20px;;}
    .M16_A .tit_e + .M16_A_cont .tab_list,
    .M16_A .tit_b + .M16_A_cont .tab_list {margin-top:40px;}
    .M16_A_cont .tab_list li {margin-right:40px;}
    .M16_A_cont .tab_list li:first-child {padding-left:10px;}
    .M16_A_cont .tab_list li:last-child {margin-right:0;padding-right:10px;}
    .bg .M16_A_cont .tab_slide_area:before {top:0;left:0;background:linear-gradient(to right,rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%);}
    .bg .M16_A_cont .tab_slide_area:after {background:linear-gradient(to right,rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%);}
    .M16_A .tit_b + .M16_A_cont .tab_panel {margin-top:20px;}
    .M16_A .tit_e + .M16_A_cont.ty02 .tab_panel {margin-top:20px;}
    .M16_A .tit_e + .M16_A_cont.ty02 .tab_list {margin-top:30px;}

    /* detail_list */
    .M16_A_cont * + .detail_list {position:relative;margin-top:0;padding-top:30px;}
    .M16_A_cont * + .detail_list:before {position:absolute;left:60px;top:0;width:20px;height:1px;padding:0;background:#000;content:"";}
    .M16_A_cont .txt .md_btn {margin-top:10px;}

    /* visual_img */
    .M16_A_cont .visual_img .txt {position:relative;bottom:auto;right:auto;margin-top:-70px;margin-left:30px;width:calc(100% - 30px);min-height:70px;padding:30px;background:#fff;}
    .M16_A_cont .visual_img .txt:before,
    .M16_A_cont .visual_img .txt:after {content:none;}
    .M16_A_cont .detail_list {padding-right:30px;padding-left:60px;}
}

@media all and (max-width:600px){
    /* tab_list */
    .M16_A_cont .tab_slide_area {margin-left:-30px;margin-right:-30px;}
    .M16_A_cont .tab_list li {margin-right:20px;}
    .M16_A_cont .tab_list li:first-child {padding-left:30px;}
    .M16_A_cont .tab_list li:last-child {padding-right:30px;}
    .M16_A_cont .tab_list li .tab_btn {padding-top:1px;padding-bottom:9px;font-size:16px;}

    /* tab_panel */
    .M16_A_cont .tab_panel {margin-left:-30px;margin-right:-30px;}
    .M16_A .tit_e + .M16_A_cont .tab_panel,
    .M16_A .tit_b + .M16_A_cont .tab_panel {margin-left:-30px;margin-right:-30px;margin-top:-50px;}
    .M16_A .tit_b + .M16_A_cont .tab_panel {margin-top:20px;}
    .M16_A .tit_e + .M16_A_cont .tab_panel {margin-top:0;}
    .M16_A_cont.ty02 .tab_panel,
    .M16_A .tit_e + .M16_A_cont.ty02 .tab_panel,
    .M16_A .tit_b + .M16_A_cont.ty02 .tab_panel {margin-left:0;margin-right:0;}

    /* visual_img */
    .M16_A_cont .visual_img .txt {padding:30px 30px 30px 30px;}

    /* detail_list */
    .M16_A_cont * + .detail_list:before {left:30px;}
    .M16_A_cont .detail_list {margin-left:30px;width:calc(100% - 30px);padding-left:30px;padding-right:30px;}
    .M16_A_cont .detail_list .li,
    .M16_A_cont .detail_list .li:nth-child(2n+1) {float:none;width:100%;}
    .M16_A_cont .detail_list .li:nth-child(n+2) {margin-top:40px;}
    .M16_A_cont .detail_list .li .txt {width:100%;}

    /* ty02 */
    .M16_A_cont.ty02 .tab_panel {margin-right:0;margin-left:0;}
}
    





/*** M16_B | Product ***/
.M16_B { position: relative; }
.M16_B .M16_B_cont { margin-top: 3rem; }
.M16_B .tit_e { font-size: 2rem; line-height: 3.2rem; }
.M16_B .tit_e + .tit_b { margin-top: 2rem; }

/* tab_list */
.M16_B .slick-tab .tab_list { display: flex; align-items: center; justify-content: flex-start; }
.M16_B .slick-tab .tab_list li { position: relative; }
.M16_B .slick-tab .tab_list li + li { margin-left: 4rem; }
.M16_B .slick-tab .tab_list li a { display: block; font-size: 2rem; line-height: 3.2rem; padding: 0.8rem 0 2.5rem; color: #000; font-weight: 700; opacity: 0.3; transition: opacity .3s; }
.M16_B .slick-tab .tab_list li.active a { opacity: 1; }
.M16_B .slick-tab .tab_list li a::after { position: absolute; left: 0; bottom: 0; content:''; width: 100%; height: 2px; background: #000; opacity: 0; transition: opacity .3s; }
.M16_B .slick-tab .tab_list li.active a::after { opacity: 1; }

.M16_B .slider-wrap { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; margin-top: 3rem; }
.M16_B .slick-list { position: relative; display: block; transform: translate3d(0, 0, 0); overflow: hidden; }
.M16_B .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; transform: translate3d(0, 0, 0); }
.M16_B .slick-track:before,
.M16_B .slick-track:after { display: table; content: ''; }
.M16_B .slick-track:after { clear: both; }
.M16_B .slider-panel { position: relative; float: left; height: 100%; min-height: 1px; overflow: hidden; }
.M16_B .slider-panel .txt { display: flex; flex-direction: column; justify-content: center; min-height: 30rem; color: #fff; padding: 6rem 8rem; background: rgba(0,0,0, 0.4); z-index: 2; }
.M16_B .slider-panel .txt strong { display: block; font-size: 1.6rem; line-height: 2.4rem; }
.M16_B .slider-panel .txt p { font-size: 2.6rem; line-height: 4rem; margin-top: 1rem; }
.M16_B .slider-panel .txt a:hover { color: inherit; }
.M16_B .slider-panel .txt .btn_arrow { color: #fff; margin-top: 4rem; }
.M16_B .slider-panel .txt .btn_arrow span:after { border-color: #fff; }
.M16_B .slider-panel .img { position: absolute; left: 0; top: 50%; width: 100%; height: 100%; margin: 0; transform: translateY(-50%); transition:transform .5s; }
.M16_B .slider-panel:hover .img { transform: translateY(-50%) scale(1.15); }
.M16_B .slider-panel .img:before { display: none; }
.M16_B .slider-panel .img .img_m { display: none; }

.M16_B .navigation { position: absolute; right: 0; top: -6rem; display: flex; align-items: center; }
.M16_B .navigation .slick-pagn { display: flex; align-items: center; font-size: 1.4rem; line-height: 2.8rem; font-weight: 700; }
.M16_B .navigation .slick-pagn-ed { color: #888; }
.M16_B .navigation .slick-pagn-bar { width: 4.8rem; height: 2px; background: #ccc; margin: 0 0.8rem; overflow: hidden;}
.M16_B .navigation .slick-pagn-bar span { display: block; width: 0%; height: 100%; background: #000; transition: width .3s; }
.M16_B .navigation .slick-nav { display: flex; margin-left: 1.6rem; }
.M16_B .navigation .slick-nav-next { margin-left: 1rem; }
.M16_B .navigation .slick-nav-prev,
.M16_B .navigation .slick-nav-next { position: relative; width: 3rem; height: 3rem; border: 1px solid #000; border-radius: 50%; box-sizing: border-box; overflow: hidden; outline: none; transition: all 0.4s; }
.M16_B .navigation .slick-nav-prev:hover,
.M16_B .navigation .slick-nav-next:hover,
.M16_B .navigation .slick-nav-prev:focus,
.M16_B .navigation .slick-nav-next:focus { background: #2189ff; border-color: #2189ff; }
.M16_B .navigation .slick-nav-prev:before,
.M16_B .navigation .slick-nav-next:before { position: absolute; left: 0; top: 0; width: 3rem; height: 3rem; background: #2189ff; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M16_B .navigation .slick-nav-prev:hover:before,
.M16_B .navigation .slick-nav-next:hover:before,
.M16_B .navigation .slick-nav-prev:focus:before,
.M16_B .navigation .slick-nav-next:focus:before { transform: translateX(0); }
.M16_B .navigation .slick-nav-prev:after,
.M16_B .navigation .slick-nav-next:after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M16_B .navigation .slick-nav-prev:after { margin: -3px 0 0 -2px; transform: rotate(-135deg); }
.M16_B .navigation .slick-nav-next:after { margin: -3px 0 0 -5px; transform: rotate(45deg); }
.M16_B .navigation .slick-nav-prev:hover:after,
.M16_B .navigation .slick-nav-next:hover:after,
.M16_B .navigation .slick-nav-prev:focus:after,
.M16_B .navigation .slick-nav-next:focus:after { border-color: #fff; }
.M16_B .navigation .slick-nav .disabled:before { display: none; }
.M16_B .navigation .slick-nav .disabled,
.M16_B .navigation .slick-nav .disabled:after,
.M16_B .navigation .slick-nav .disabled:hover,
.M16_B .navigation .slick-nav .disabled:focus,
.M16_B .navigation .slick-nav .disabled:hover:after,
.M16_B .navigation .slick-nav .disabled:focus:after { background: none !important; border-color: #aaa !important; }
.M16_B .navigation .slick-ctrl { margin-left: 1.6rem; }
.M16_B .navigation .slick-ctrl a { display: block; position: relative; width: 28px; height: 28px; overflow: hidden; }
.M16_B .navigation .slick-ctrl .slick-ctrl-play:before { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ''; transform: translate(-50%, -50%); transition: all 0.4s; }
.M16_B .navigation .slick-ctrl .slick-ctrl-stop:before { position: absolute; left: 11px; top: 9px; width: 2px; height: 10px; background: #000; content: ''; transition: all 0.4s; }
.M16_B .navigation .slick-ctrl .slick-ctrl-stop:after { position: absolute; left: 16px; top: 9px; width: 2px; height: 10px; background: #000; content: ''; transition: all 0.4s; }
.M16_B .navigation .slick-ctrl:hover:before,
.M16_B .navigation .slick-ctrl:focus:before { transform: translateX(0); }
.M16_B .navigation .slick-ctrl .slick-ctrl-play { display: none; }
.M16_B .navigation .slick-ctrl .slick-ctrl-stop { display: block; }
.M16_B .navigation .slick-ctrl.on .slick-ctrl-play { display: block; }
.M16_B .navigation .slick-ctrl.on .slick-ctrl-stop { display: none; }

/** -Mobile UI- **/
@media all and (max-width: 1023px){
    .M16_B .tit_e { font-size: 1.4rem; line-height: 2.4rem; }
    .M16_B .M16_B_cont { margin-top: 2.4rem; }
    .M16_B .slick-tab .tab_list li + li { margin-left: 3rem; }
    .M16_B .slick-tab .tab_list li a { font-size: 1.6rem; line-height: 2.4rem; padding: 1.2rem 0; }

    .M16_B .slider-wrap { margin-left: -15px; margin-right: -15px; }
    .M16_B .slick-list { overflow:initial; }
    .M16_B .slider-panel { margin: 0 5px; }
    .M16_B .slider-panel .txt p { font-size: 1.6rem; line-height: 2.8rem; }
    .M16_B .slider-panel .txt .btn_arrow { margin-top: 2rem; }
    .M16_B .slider-panel .img .img_p { display: none; }
    .M16_B .slider-panel .img .img_m { display: block; }

    .M16_B .navigation { position: relative; right: unset; top: unset; margin-top: 3rem; padding: 0 3.2rem; }
    .M16_B .navigation .slick-pagn { flex: 1 1 auto; }
    .M16_B .navigation .slick-pagn-bar { width: 100%; flex: 1 1 100%; }
    .M16_B .navigation .slick-nav { margin-left: 0; }
    .M16_B .navigation .slick-nav-prev,
    .M16_B .navigation .slick-nav-next { border: 0 none; margin: 0; }
    .M16_B .navigation .slick-nav-prev:before,
    .M16_B .navigation .slick-nav-next:before { display: none; }
    .M16_B .navigation .slick-nav-prev { position: absolute; left: -0.5rem; top:0; }
    .M16_B .navigation .slick-nav-next { position: absolute; right: -0.5rem; top:0; }
}

@media all and (max-width: 767px){
    .M16_B .slider-panel .txt { padding: 2.4rem; }
}






/*** M17_A  | Specifications ***/
.M17_A .tit_e {margin-bottom:20px;} 
.M17_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M17_A .tit_e + .tit_b {margin-top:0;}

.M17_A_cont {padding-top:60px;border-top:2px solid #000;}
.M17_A_cont:after {content:"";display:block;clear:both;}
.M17_A_cont .tit_s {display:block;}
.M17_A_cont .tit_s.wide {margin-bottom:30px;}
.M17_A_cont .tit_s:not(.wide) {float:left;margin-right:26px;width:198px;}
.M17_A_cont .detail_list:not(.wide) {float:left;width:calc(100% - 224px);}
.M17_A_cont .detail_list:not(.wide):first-child {float:none;width:100%;}
.M17_A_cont .detail_list.wide .li {width:calc(50% - 13px);}
.M17_A_cont .detail_list .md_tit {display:block;margin-bottom:10px;font-size:22px;line-height:32px;}
.M17_A_cont .detail_list .img img {max-width:100%;height:auto;}
.M17_A_cont .detail_list .img ~ .list,
.M17_A_cont .detail_list .list + img {margin-top:40px;}
.M17_A_cont .detail_list .list:after {content:"";display:block;clear:both;}
.M17_A_cont .detail_list .list {margin-left:-26px;}
.M17_A_cont .detail_list .list .li {float:left;width:calc(50% - 26px);margin-left:26px;padding-right:5%;box-sizing:border-box;}
.M17_A_cont .detail_list .list .li:nth-child(2n+1) {clear:both;}
.M17_A_cont .detail_list .list .li:nth-child(n+3) {margin-top:40px;}
.M17_A_cont .detail_list .img {text-align:center;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M17_A .tit_e {margin-bottom:10px;}
    .M17_A .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M17_A_cont .tit_s {margin-bottom:30px;}
    .M17_A_cont .tit_s:not(.wide) {float:none;margin-right:0;width:100%;}
    .M17_A_cont .detail_list:not(.wide) {float:none;width:100%;}
    .M17_A_cont .detail_list .md_tit {font-size:16px;line-height:26px;}
    .M17_A_cont .detail_list .list {margin-left:-13px;}
    .M17_A_cont .detail_list .list .li {width:calc(50% - 13px);margin-left:13px;padding-right:0;}
}

@media all and (max-width:600px){
    .M17_A_cont {padding-top:20px;padding-bottom:0;}
    .M17_A_cont .detail_list .md_tit {margin-bottom:5px;}
    .M17_A_cont .detail_list .list {margin-left:0;}
    .M17_A_cont .detail_list .list .li {width:100%;margin-left:0;}
    .M17_A_cont .detail_list .list .li:nth-child(2n+1) {clear:none;}
    .M17_A_cont .detail_list .list .li:nth-child(n+2){margin-top:30px;}
}







/*** M18_A | Certificates ***/
.M18_A .tit_e {margin-bottom:20px;} 
.M18_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M18_A .tit_b .txt_l { display: block; width: 90%; font-weight: 400; font-size: 1.8rem; line-height: 2.8rem; letter-spacing: -0.04rem; }
.M18_A .tit_e + .tit_b {margin-top:0;}
.M18_A .tit_desc,
.M18_A .md_txt {width:90%;margin-bottom:40px;}
.M18_A .tit_b + .tit_desc,
.M18_A .tit_b + .md_txt {margin-top:-20px;}
.M18_A_cont {position:relative;margin-right:-13px;margin-left:-13px;margin-bottom:-40px;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;}
.M18_A_cont:after {content:"";display:block;clear:both;}
.M18_A_cont .li {float:left;width:calc(33.3% - 26px);margin:26px 13px 0 13px;padding:40px 0;background:#fff;box-sizing:border-box;}
.M18_A_cont .li:nth-child(1),
.M18_A_cont .li:nth-child(2),
.M18_A_cont .li:nth-child(3) {margin-top:0;}
.M18_A_cont .li .img {max-width:198px;margin:0 auto;}
.M18_A_cont .li .img .img_p {position:relative;height:0;padding-top:100%;overflow:hidden;}
.M18_A_cont .li img {position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);}
.M18_A_cont .li .txt {max-width:360px;margin:0 auto;padding:0 20px;text-align:center;}
.M18_A_cont .li .img + .txt {margin-top:20px;}
.M18_A_cont .li .txt .md_txt {margin-top:5px;}

/* 20220722 모듈 컨텐츠 반전색상 추가 */
.M18_A.contents_bg .M18_A_cont .li { background-color: #f5f5f5; }
.M18_A.bg .M18_A_cont {margin-bottom:0;}
.M18_A_cont.img_only .li {padding:0;}
.M18_A_cont.img_only .li .img {max-width:218px;}
.M18_A_cont.img_only .li .img .img_p {padding-top:90.8%;}
.M18_A_cont.img_only .li .txt {margin-top:0;margin-bottom:40px;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M18_A .tit_e {margin-bottom:10px;}
    .M18_A .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M18_A .tit_b .txt_l { width: 100%; margin-left: 0.1rem; font-size: 1.4rem; line-height: 2.4rem; }
    .M18_A .tit_desc,
    .M18_A .md_txt {width:100%;margin-bottom:20px;}
    .M18_A .tit_b + .tit_desc,
    .M18_A .tit_b + .md_txt {margin-top:-10px;}
    .M18_A_cont {margin-left:-8px;margin-right:-8px;}
    .M18_A_cont .li {width:calc(33.3% - 16px);margin:16px 8px 0 8px;}
    .M18_A_cont .li .txt {padding:0 10px;}
}

@media all and (max-width:800px){
    .M18_A_cont .li {padding:0;}
    .M18_A_cont .li .img {padding:10px;}
    .M18_A_cont .li .txt {margin-top:0;padding-top:40px;padding-bottom:40px;}
    .M18_A_cont .li .img + .txt {margin-top:0;padding-top:0;}
}

@media all and (max-width:600px){
    .M18_A_cont .li {width:calc(50% - 16px);margin:20px 8px 0 8px;}
    .M18_A_cont .li:nth-child(3) {margin-top:20px;}
}







/*** M18_D ***/
.M18_D .tit_e { margin-bottom: 20px; }
.M18_D .tit_b { margin-top: -12px; margin-bottom: 40px; }
.M18_D .tit_e + .tit_b { margin-top: 0; }
.M18_D .tit_desc { width: 90%; margin-bottom: 40px; }
.M18_D .tit_b + .tit_desc { margin-top: -20px; }
.M18_D_cont { position: relative; margin-right: -13px; margin-left: -13px; margin-bottom: -40px; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; }
.M18_D_cont:after { content: ""; display: block; clear: both; }
.M18_D_cont .li { min-height:300px;background-color: #f5f5f5; float: left; width: calc(25% - 26px); margin: 13px; padding: 20px 20px 30px 20px; box-sizing: border-box; }
.M18_D_cont .li .img { display: flex; justify-content: right; width: 100%; position: relative; }
.M18_D_cont .li .img img { height:80px; }
.M18_D_cont .li .txt { max-width: 360px;margin-top:15px; }
.M18_D_cont .li .txt .md_tit { color: #666; font-size: 18px;line-height:24px; }
.M18_D_cont .li .txt .md_txt {margin-top: 10px;font-size: 18px;}
.M18_D_cont .li .txt .md_txt { margin-top: 10px; }
.M18_D_cont .li .txt .md_txt .tool_tip { display: inline-block; position: relative; vertical-align: middle; }
.M18_D_cont .li .txt .md_txt .tool_tip .icon_info { display: inline-block; width: 16px; height: 16px; background-image: url('https://image.samsungsds.com/module_src/images/data/ico_info_16.png?queryString=20241210125943'); vertical-align: unset; }

/* 모듈 컨텐츠 반전색상 */
.cont.M18_D.bg .M18_D_cont .li { background-color: #fff; }
.cont.M18_D.bg .M18_D_cont { margin-bottom: 0; display: flex; }

/* tooltip */
.M18_D_cont .li .txt .md_txt .tool_tip .pop_longletter { left: -44px; top: 35px; }

/* 툴팁이 컨텐츠를 넘겼을때 */
.M18_D_cont .li.bt_position .txt .md_txt .tool_tip .pop_longletter { top: auto; bottom: 35px; }
.M18_D_cont .li.bt_position .txt .md_txt .tool_tip .pop_longletter::before, .M18_D_cont .li.bt_position .txt .md_txt .tool_tip .pop_longletter::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.M18_D_cont .li.bt_position .txt .md_txt .tool_tip .pop_longletter::before { bottom: -14px; border-bottom-color: #919191; }
.M18_D_cont .li.bt_position .txt .md_txt .tool_tip .pop_longletter::after { border-width: 7px; bottom: -14px; left: 50px; }
.M18_D_cont .li .txt .md_txt .tool_tip .pop_longletter .pop_txt strong { display: block; margin-bottom: 4px; }
.M18_D_cont .li .txt .md_txt .tool_tip .pop_longletter .pop_txt p { margin-bottom: 12px; }
.M18_D_cont .li .txt .md_txt .tool_tip:hover .pop_longletter { display: block; }

/* 20241125 - emm more 버튼  */
.M18_D_cont.img_only .li{padding: 20px 20px 55px 20px; position: relative;}
.M18_D_cont.img_only .li .md_btn{position: absolute; bottom: 20px; right: 20px;}

.M18_D_cont.m3 .li { width: calc(33.333% - 26px); }

@media all and (max-width:1490px) {
    /* 툴팁 item 정렬은 반대로 */
    .M18_D_cont .li:nth-child(4) .txt .md_txt .tool_tip .pop_longletter, .M18_D_cont .li:nth-child(8) .txt .md_txt .tool_tip .pop_longletter, .M18_D_cont .li:nth-child(12) .txt .md_txt .tool_tip .pop_longletter { left: auto; right: -10px; }
    .M18_D_cont .li:nth-child(4) .txt .md_txt .tool_tip .pop_longletter::before, .M18_D_cont .li:nth-child(4) .txt .md_txt .tool_tip .pop_longletter::after, .M18_D_cont .li:nth-child(8) .txt .md_txt .tool_tip .pop_longletter::before, .M18_D_cont .li:nth-child(8) .txt .md_txt .tool_tip .pop_longletter::after, .M18_D_cont .li:nth-child(12) .txt .md_txt .tool_tip .pop_longletter::before, .M18_D_cont .li:nth-child(12) .txt .md_txt .tool_tip .pop_longletter::after { left: auto !important; right: 10px !important; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M18_D .tit_e { margin-bottom: 10px; }
    .M18_D .tit_b { margin-top: -6px; margin-bottom: 20px; }
    .M18_D .tit_desc { width: 100%; margin-bottom: 20px; }
    .M18_D .tit_b + .tit_desc { margin-top: -10px; }
    .M18_D_cont { margin-left: -8px; margin-right: -8px; }
    
    .M18_D_cont .li,
    .M18_D_cont.m3 .li { width: calc(50% - 20px); margin: 8px; }

    .M18_D_cont .li .txt {position: relative; top: 0px;}
    .M18_D_cont .li .txt .md_txt .tool_tip { display: block; width: 100%; height: 100%;}
    .M18_D_cont .li .txt .md_txt .tool_tip .icon_info { visibility: hidden; width:100% }
    .M18_D_cont .li .txt .md_txt .tool_tip .pop_longletter { visibility: visible; position: relative; display: block; border: none; top: 0; left: 0; padding: 0;}
    .M18_D_cont .li .txt .md_txt .tool_tip .pop_longletter::before{ display: none;}
    .M18_D_cont .li .txt .md_txt .tool_tip .pop_longletter::after{display: none;}
    .M18_D_cont .li:nth-child(4) .txt .md_txt .tool_tip .pop_longletter, .M18_D_cont .li:nth-child(8) .txt .md_txt .tool_tip .pop_longletter, .M18_D_cont .li:nth-child(12) .txt .md_txt .tool_tip .pop_longletter{ right: 0;}
    
    /* 모듈 컨텐츠 반전색상 */
    .cont.M18_D .li .txt .md_txt .tool_tip .pop_longletter {background-color: #f5f5f5; width: 100%;} 
    .cont.M18_D.bg .li .txt .md_txt .tool_tip .pop_longletter {background-color: #fff;} 
    .M18_D_cont .li .txt .md_txt {font-size: 16px;}
}

@media all and (max-width:800px) {
    .M18_D_cont .li { width: 100%; padding: 20px; }
    .M18_D_cont .li img { left: calc(100% - 80px); }
    .M18_D_cont .li .txt { margin-top: 0; padding-top: 40px; }
    .M18_D_cont .li .img + .txt { position: relative; top:0;margin-top: 10px; padding-top:0;  }
}

@media all and (max-width:600px) {
    .M18_D .tit_b { width: 300px; }
    .M18_D_cont .li { margin: 20px auto 0 auto; padding: 20px; }
    .M18_D_cont .li .txt { position: relative;word-break: break-all; }
    .M18_D_cont .li .txt .md_btn_md_txtbox .pop_longletter div:first-child { margin-bottom: 12px; }
    .M18_D_cont .li .txt .md_txt {font-size: 14px;}
    .M18_D_cont .li img { left: calc(100% - 64px); }
}





/*** M18_F | AWS ***/
.M18_F .tit_e, .M18_F .md_txt { display: block; max-width: 1504px; margin: 0 auto; padding: 0 93px; margin-bottom: 20px; }
.M18_F .tit_b {display: block; max-width: 1504px; margin: 0 auto; padding: 0 93px; margin-bottom: 20px; }
.M18_F .tit_b .txt_l { display: block; font-weight: 400; font-size: 1.8rem; line-height: 2.8rem; letter-spacing: -0.04rem; }
.M18_F_cont { position: relative; }
.M18_F .inner { max-width: 100%; padding: 0; }
.M18_F .md_txt { font-size: 18px; }

/* visual_img */
.M18_F .visual_items_inner { padding: 50px 0; }
.M18_F_cont .visual_img { position: relative; margin-bottom: 60px; }
.M18_F_cont .visual_img .visual_items .item_s { max-width: none; position: relative; max-width: 1504px; margin: 0 auto; padding: 0 93px; }
.M18_F_cont .visual_img .visual_items .item_s ul { display: flex; justify-content: space-between; }
.M18_F_cont .visual_img .visual_items .item_s ul li { width: 50%; }
.M18_F_cont .visual_img .visual_items .item_s ul li:first-child:nth-last-child(1), .M18_F_cont .visual_img .visual_items .item_s ul li:first-child:nth-last-child(1) ~ .M18_F_cont .visual_img .visual_items .item_s ul li { width: 100%; }
.visual_img .visual_items .item_s ul li:first-child:nth-last-child(2) article dl:last-child { border-right: 1px solid rgba(255, 255, 255, 0.2); }
.M18_F_cont .visual_img .visual_items .item_s ul li strong { display: block; padding: 10px 0; margin-bottom: 30px; }
.M18_F_cont .visual_img .visual_items .item_s ul li article { display: flex; }
.M18_F_cont .visual_img .visual_items .item_s ul li article dl { width: 50%; border-right: 1px solid rgba(255, 255, 255, 0.2); padding: 10px 0; }
.M18_F_cont .visual_img .visual_items .item_s ul li article dl:last-child { border-right: 0; }
.M18_F_cont .visual_img .visual_items .item_s ul li article dl dt { font-size: 50px; font-weight: bold; line-height: normal; margin-bottom: 5px; }
.M18_F_cont .visual_img .img { position: relative; height: 320px; background-color: #ddd; overflow: hidden; }
.M18_F_cont .visual_img .img .img_p, .M18_F_cont .visual_img .img .img_m { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M18_F_cont .visual_img .img .img_m { display: none; }
.M18_F_cont .visual_img .visual_items + .img { position: absolute; top: 50%; left: 0; width: 100%; height: 100%; background: #f5f5f5; transform: translateY(-50%); }
.M18_F_cont .slide_wrap { display: flex; flex-direction: column; position: relative; max-width: 1344px; margin: 0 auto; max-width: 1504px; padding: 0 93px; }
.M18_F_cont .slide_wrap .slider_cont { display: flex; justify-content: space-between; margin: 0 -13px; }
.M18_F_cont .slide_wrap .item { flex: 1; background-color: #fff; border: 1px solid #ddd; margin: 0 13px; }
.M18_F_cont .slide_wrap .item:first-child:nth-last-child(1) .md_txt { justify-content: flex-start; }
.M18_F_cont .slide_wrap .item .md_txt { display: flex; align-items: center; justify-content: space-between; padding: 40px; }
.M18_F_cont .slide_wrap .item .md_txt em { display: flex; flex-direction: column; padding-left: 30px; font-size: 16px; }

/* slide Navication */
.M18_F_cont .slide_wrap .navigation { display: flex; align-items: center; justify-content: space-between; width: 200px; padding-bottom: 0; margin-left: auto; margin-bottom: 20px; }
.M18_F_cont .slide_wrap .carousel-pagn { width: auto; display: flex; align-items: center; height: 30px; }
.M18_F_cont .slide_wrap .carousel-pagn-inner { width: 155px; font-size: 16px; line-height: normal; height: auto; padding: 0px 30px; }
.M18_F_cont .slide_wrap .carousel-pagn-bar { width: 48px; }
.M18_F_cont .slide_wrap .carousel-pagn .carousel-prev, .M18_F_cont .slide_wrap .carousel-pagn .carousel-next { position: absolute; display: block; float: left; overflow: hidden; top: 0; width: 30px; height: 30px; background: transparent; border: 0; box-sizing: border-box; transition: all 0.4s; webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.M18_F_cont .slide_wrap .carousel-pagn .carousel-prev { left: 0; }
.M18_F_cont .slide_wrap .carousel-pagn .carousel-next { right: 0; }
.M18_F_cont .slide_wrap .carousel-pagn .carousel-prev:after, .M18_F_cont .slide_wrap .carousel-pagn .carousel-next:after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M18_F_cont .slide_wrap .carousel-pagn .carousel-prev:after { margin: -3px 0 0 -2px; transform: rotate(-135deg); }
.M18_F_cont .slide_wrap .carousel-pagn .carousel-next:after { margin: -3px 0 0 -5px; transform: rotate(45deg); }
.M18_F_cont .slide_wrap .carousel-pagn .carousel-prev:hover, .M18_F_cont .slide_wrap .carousel-pagn .carousel-next:hover { border-color: #2189ff !important; }
.M18_F_cont .slide_wrap .carousel-pagn .carousel-prev:hover:after, .M18_F_cont .slide_wrap .carousel-pagn .carousel-next:hover:after, .M18_F_cont .slide_wrap .carousel-pagn .carousel-prev:focus:after, .M18_F_cont .slide_wrap .carousel-pagn .carousel-next:focus:after { border-color: #2189ff; }
.M18_F_cont .slide_wrap .navigation .md_play { right: 0px; top: 0px; overflow: hidden; border: 1px solid #000; border-radius: 50%; transition: all 0.4s; }
.M18_F_cont .slide_wrap .navigation .md_play a { display: block; position: relative; width: 28px; height: 28px; overflow: hidden; outline: none; }
.M18_F_cont .slide_wrap .navigation .md_play .md_btn_play::before { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ""; transform: translate(-50%, -50%); transition: all 0.4s; }
.M18_F_cont .slide_wrap .navigation .md_play .md_btn_stop::before { position: absolute; left: 11px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M18_F_cont .slide_wrap .navigation .md_play .md_btn_stop:after { position: absolute; left: 16px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M18_F_cont .slide_wrap .navigation .md_play .md_btn_stop:hover::before, .M18_F_cont .slide_wrap .navigation .md_play .md_btn_stop:hover::after { background-color: #fff; }
.M18_F_cont .slide_wrap .navigation .md_play .md_btn_stop:focus { background-color: #2189ff; }
.M18_F_cont .slide_wrap .navigation .md_play .md_btn_stop:focus::before, .M18_F_cont .slide_wrap .navigation .md_play .md_btn_stop:focus::after { background-color: #fff; }
.M18_F_cont .slide_wrap .navigation .md_play .md_btn_play:focus { background-color: #2189ff; }
.M18_F_cont .slide_wrap .navigation .md_play .md_btn_play:focus::before { border-left-color: #fff; }
.M18_F_cont .slide_wrap .navigation .md_play .md_btn_play:hover::before { border-left-color: #fff; }
.M18_F_cont .slide_wrap .navigation .md_play:hover, .M18_F_cont .slide_wrap .navigation .md_play:focus { background: #2189ff !important; border-color: #2189ff !important; }
.M18_F_cont .slide_wrap .navigation .md_play:hover::before, .M18_F_cont .slide_wrap .navigation .md_play:focus::before { transform: translateX(0); }
.M18_F_cont .slide_wrap .navigation .md_play .md_btn_play { display: none; }
.M18_F_cont .slide_wrap .navigation .md_play .md_btn_stop { display: block; }
.M18_F_cont .slide_wrap .navigation .md_play.on .md_btn_play { display: block; }
.M18_F_cont .slide_wrap .navigation .md_play.on .md_btn_stop { display: none; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M18_F .tit_e, .M18_F .md_txt, .M18_F .tit_b { padding: 0 30px; }
    .M18_F .tit_b .txt_l { padding-bottom: 0; font-size: 1.4rem; line-height: 2.4rem; }
    .M18_F .md_txt { font-size: 14px; }
    .M18_F_cont .title_list .md_tit { font-size: 20px; line-height: 32px; }
    .M18_F_cont .visual_img .visual_items .item_s ul li { margin-bottom: 30px; }
    .M18_F_cont .visual_img .visual_items .item_s ul li:last-child { margin-bottom: 0px; }
    .M18_F_cont .visual_img .visual_items .item_s ul li strong { margin-bottom: 10px; }

    /* visual_img */
    .M18_F_cont .visual_img { width: 100%; margin-bottom: 30px; }
    .M18_F_cont .visual_img .img { height: 420px; }
    .M18_F_cont .visual_img .img .img_p, .type1_cont .visual_img .img .img_p { display: none; }
    .M18_F_cont .visual_img .img .img_m, .type1_cont .visual_img .img .img_m { display: block; }
    .M18_F_cont .visual_img .visual_items .item_s { width: 100%; padding: 0 30px; max-width: none; margin: 0; }
    .M18_F_cont .visual_img .visual_items .item_s ul { flex-direction: column; }
    .M18_F_cont .visual_img .visual_items .item_s ul li { width: 100%; }
    .M18_F_cont .visual_img .visual_items .item_s ul li article dl { padding: 10px 20px; }
    .M18_F_cont .visual_img .visual_items .item_s ul li article dl:last-child { border-right: 0; }
    .visual_img .visual_items .item_s ul li:first-child:nth-last-child(2) article dl:last-child { border-right: 0; }
    .M18_F_cont .slide_wrap { flex-direction: column-reverse; padding: 0 30px; }
    .M18_F_cont .slide_wrap .item .md_txt { padding: 20px; flex-direction: column; align-items: flex-start; }
    .M18_F_cont .slide_wrap .item .md_txt em { padding-left: 0; font-size: 14px; }
    .M18_F_cont .slide_wrap .item .md_txt i { width: 60px; margin-bottom: 10px; }
    .M18_F_cont .slide_wrap .item .md_txt i img { width: 100%; }

    /* slide Navication */
    .M18_F_cont .slide_wrap .navigation { display: block; position: relative; margin-top: 20px; width: 100%; top: auto; bottom: 0; }
    .M18_F_cont .slide_wrap .carousel-pagn { margin: 0 auto; width: 100%; height: 30px; }
    .M18_F_cont .slide_wrap .navigation .md_play { display: none; }
    .M18_F_cont .slide_wrap .carousel-pagn-inner { width: 100%; right: auto; font-size: 14px; }
    .M18_F_cont .slide_wrap .carousel-pagn-bar { width: calc(100% - 110px); }
}

@media all and (max-width:600px) {
    .M18_F_cont .visual_img .visual_items .item_s ul li { margin-bottom: 50px; }
    .M18_F_cont .visual_img .visual_items .item_s ul li:last-child { margin-bottom: 0; }
    .M18_F_cont .visual_img .visual_items .item_s ul li strong { margin-bottom: 0px; text-align: center; }
    .M18_F_cont .visual_img .visual_items .item_s ul li article { display: flex; flex-direction: column; }
    .M18_F_cont .visual_img .visual_items .item_s ul li article dl { width: 100%; border: 0; }
}





/*** M20_A | Resources ***/
.M19_A .tit_e {margin-bottom:20px;} 
.M19_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M19_A .tit_e + .tit_b {margin-top:0;}
.M19_A_cont {position:relative;border-top:2px solid #000;}

/* filter_content */
.filter_content li {position:relative;padding:20px 130px 20px 2px;border-bottom:1px solid #ddd;}
.filter_content .cate {color:#888;font-size:14px;line-height:24px;}
.filter_content .cate span {float:left;}
.filter_content .cate span:before {display:inline-block;width:1px;height:10px;margin:0 7px;background:#888;content:"";}
.filter_content .cate span:first-child:before {display:none;}
.filter_content .cate:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.filter_content .tit_s {margin-top:10px;}
.filter_content .md_btn {position:absolute;right:0;top:50%;transform:translateY(-50%);}
.filter_content .md_btn a,
.filter_content .md_btn button {display:block;float:left;width:40px;height:40px;margin-left:20px;overflow:hidden;transition:all 0.4s;outline:none;}
.filter_content .md_btn a:first-child,
.filter_content .md_btn button:first-child {margin-left:0;}
.filter_content sup, .filter_content sub {display:inline-block;}

/* Resources Btn */
.btn_md_download {background:url(https://image.samsungsds.com/module_src/images/icon/ico_download.png?queryString=20241210125943) center/100% no-repeat;}
.btn_md_download:hover,
.btn_md_download:focus {background:url(https://image.samsungsds.com/module_src/images/icon/ico_download_over.png?queryString=20241210125943) center/100% no-repeat;}
.btn_md_share {background:url(https://image.samsungsds.com/module_src/images/icon/ico_share02.png?queryString=20241210125943) center/100% no-repeat;}
.btn_md_share:hover,
.btn_md_share:focus {background:url(https://image.samsungsds.com/module_src/images/icon/ico_share02_over.png?queryString=20241210125943) center/100% no-repeat;}
.btn_md_page_view {background:url(https://image.samsungsds.com/module_src/images/icon/ico_page_view.png?queryString=20241210125943) center/100% no-repeat;}
.btn_md_page_view:hover,
.btn_md_page_view:focus {background:url(https://image.samsungsds.com/module_src/images/icon/ico_page_view_over.png?queryString=20241210125943) center/100% no-repeat;}
.btn_md_movie {background:url(https://image.samsungsds.com/module_src/images/icon/ico_movie.png?queryString=20241210125943) center/100% no-repeat;}
.btn_md_movie:hover,
.btn_md_movie:focus {background:url(https://image.samsungsds.com/module_src/images/icon/ico_movie_over.png?queryString=20241210125943) center/100% no-repeat;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M19_A .tit_e {margin-bottom:10px;}
    .M19_A .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* filter_content */
    .filter_content li {padding-right:75px;}
    .filter_content .cate {font-size:12px;line-height:22px;}
    .filter_content .tit_s {margin-top:8px;}
    .filter_content .md_btn a,
    .filter_content .md_btn button {width:26px;height:26px;margin-left:10px;}
}





/*** M20_A | Insights ***/
.M20_A .tit_e {margin-bottom:20px;} 
.M20_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M20_A .tit_e + .tit_b {margin-top:0;}

/* owl-carousel */
.M20_A_cont {position:relative;margin:-58px -13px 0 -13px;}
.M20_A_cont .owl-carousel {display:block !important;z-index:inherit !important;}
.M20_A_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M20_A_cont .module_ty .md_tit {margin-bottom:10px;}
.M20_A_cont .module_ty .md_txt {display:none;}
.M20_A_cont .module_ty .md_txt02 {display:block;}
.M20_A_cont .md_sns {margin-top:20px;}
.M20_A_cont .btn_more a {margin-top:60px;}

/* 기본 3단 */
.M20_A_cont .owl-carousel .item {display:block;float:left;width:33.3%;margin-top:58px;padding:0 13px;box-sizing:border-box;}
.M20_A_cont .owl-carousel .item:nth-child(3n + 1) {clear:left;width:33.4%;}
.M20_A_cont .owl-carousel .item:empty {display:none;}

/* 2단 */
.M20_A_cont .owl-carousel .item:first-child:nth-last-child(2),
.M20_A_cont .owl-carousel .item:first-child:nth-last-child(2) ~ .item {width:50%;}

/* 1단 */
@media all and (min-width:601px){
    .M20_A_cont .owl-carousel .item:only-child {display:flex;flex-wrap:wrap;position:relative;width:100%;max-width:100%;box-sizing:border-box;}
    .M20_A_cont .owl-carousel .item:only-child .img,
    .M20_A_cont .owl-carousel .item:only-child .txt {align-self:center;box-sizing:border-box;}
    .M20_A_cont .owl-carousel .item:only-child .img {width:calc(50% - 8px);margin-bottom:0;}
    .M20_A_cont .owl-carousel .item:only-child .txt {width:calc(50% + 8px);padding:0 0 0 28px;}
}

@media all and (min-width:1024px){
    .M20_A_cont .owl-carousel .item:only-child .img {width:calc(50% - 13px);}
    .M20_A_cont .owl-carousel .item:only-child .txt {width:calc(50% + 13px);padding:0 5.5% 0 50px;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M20_A .tit_e {margin-bottom:10px;}
    .M20_A .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* Owl As-is 초기화 */
    .M20_A_cont {margin:0;}

    /* owl-carousel */
    .M20_A_cont {margin:-30px -8px 0 -8px;}
    .M20_A_cont .btn_more a {margin-top:40px;}
    .M20_A_cont .owl-carousel .item {margin-top:40px;padding:0 8px;}
}

@media all and (max-width:600px){
    /* owl-carousel */
    .M20_A_cont {margin:0;}
    .M20_A_cont .owl-carousel .item {width:100%;min-width:300px;max-width:540px;padding:0;}
    .M20_A_cont .owl-carousel .item:first-child {margin-top:0;}
    .M20_A_cont .owl-carousel .item .img {width:100%;min-height:168px !important;max-height:304px !important;}
    .M20_A_cont .owl-carousel .item:nth-child(3n + 1) {width:100%;}
    .M20_A_cont .owl-carousel .item:first-child:nth-last-child(2),
    .M20_A_cont .owl-carousel .item:first-child:nth-last-child(2) ~ .item {width:100%;}

    /* 1단 */
    .M20_A_cont.m1 .owl-carousel .item {width:100%;}
    .M20_A_cont.m1 .owl-carousel .item .img {width:100%;}
    .M20_A_cont.m1 .owl-pagn {display:none;}
}







/*** M21_A | Global Networks 1 ***/
.M21_A_cont .visual_img {position:relative;left:calc(0% - ((100vw - 1318px) / 2));width:calc(100% +  (100vw - 1318px));height:37.5vw;max-height:600px;background:#f5f5f5;overflow:hidden;}
.M21_A_cont .visual_img .img_p,
.M21_A_cont .visual_img .img_m {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.M21_A_cont .visual_img .img_m {display:none;}
.M21_A_cont .visual_img + .txt {margin-top:-150px;}
.M21_A_cont .txt {position:relative;padding:80px 8.5% 0 8.5%;background:#fff;}
.M21_A_cont .txt .tit_e {margin-bottom:20px;}
.M21_A_cont .txt .tit_b {margin-top:-12px;margin-bottom:60px;}
.M21_A_cont .txt .tit_e + .tit_b {margin-top:0;}
.M21_A_cont .txt .tit_e + .md_link,
.M21_A_cont .txt .tit_e + .list {margin-top:60px;}
.M21_A_cont .txt .list {position:relative;margin:0 -1.9% 0 -1.9%;font-size:0;text-align:center;}
.M21_A_cont .txt .list li {display:inline-block;max-width:22%;margin:0 3.9%;text-align:center;vertical-align:top;}
.M21_A_cont .txt .list .md_txt {margin-left:-2px;font-family:'SharpSansNo1' !important;font-size:55px;font-weight:bold;line-height:60px;letter-spacing:-2px;}
.M21_A_cont .txt .list .md_tit {margin-top:10px;font-size:17px;line-height:26px;font-weight:bold;}
.M21_A_cont .txt .md_btn {margin-top:58px;}
.M21_A_cont .txt .list.len {margin:0;text-align:justify;}
.M21_A_cont .txt .list.len li {max-width:22%;margin:0;}
.M21_A_cont .txt .list.len:after {display:inline-block;width:99%;height:0;content:"";}

@media all and (min-width:1411px){
    .M21_A_cont .txt .list.len {font-size:10px;} /* IE */
}

@media all and (max-width:1504px){
    .M21_A_cont .visual_img {position:relative;left:-93px;width:calc(100% + 186px);}
    .M21_A_cont .txt .list .md_txt {font-size:53px;}
}
    
@media all and (max-width:1410px){
    .M21_A_cont .txt .list.len {margin:0 -13px;text-align:left;}
    .M21_A_cont .txt .list.len li {width:calc(33.3% - 16px);max-width:100%;margin:60px 8px 0 8px;text-align:left;}
    .M21_A_cont .txt .list.len li:first-child, .M21_A_cont .txt .list.len li:nth-child(2), .M21_A_cont .txt .list.len li:nth-child(3) {margin-top:0;}
}
        
/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M21_A_cont .visual_img {position:relative;left:calc(0% - ((100vw - 778px) / 2));width:calc(100% +  (100vw - 778px));}
    .M21_A_cont .visual_img + .txt {margin-top:-70px;}
    .M21_A_cont .txt .tit_e {margin-bottom:10px;}
    .M21_A_cont .txt .tit_b {margin-top:-6px;margin-bottom:40px;}
    .M21_A_cont .txt .tit_e + .md_link,
    .M21_A_cont .txt .tit_e + .list {margin-top:40px;}
    .M21_A_cont .txt {padding:30px 30px 0 30px;}
    .M21_A_cont .txt .list {margin:0 -8px;padding-top:42px;text-align:left;}
    .M21_A_cont .txt .list:before {position:absolute;left:8px;top:0;width:20px;height:2px;background:#000;content:"";}
    .M21_A_cont .txt .list li {width:calc(50% - 26px);max-width:100%;margin:60px 13px 0 13px;text-align:left;}
    .M21_A_cont .txt .list li:first-child, .M21_A_cont .txt .list li:nth-child(2) {margin-top:0;}
    .M21_A_cont .txt .list .md_txt {font-size:55px;line-height:55px;}
    .M21_A_cont .txt .list .md_tit {margin-top:0;font-size:16px;line-height:28px;}
    .M21_A_cont .txt .md_btn {margin-top:38px;}
    .M21_A_cont .txt .list.len li {max-width:100%;}
    .M21_A_cont .txt .list.len li {width:calc(50% - 26px);max-width:100%;margin:40px 13px 0 13px;text-align:left;}
    .M21_A_cont .txt .list.len li:nth-child(3) {margin-top:40px;}
}

@media all and (max-width:838px){
    .M21_A_cont .visual_img {position:relative;left:-30px;width:calc(100% + 60px);height:75vw;max-height:450px;min-height:270px;}
}

@media all and (max-width:700px){
    .M21_A_cont .visual_img .img_m {display:block;}
    .M21_A_cont .txt .list {margin:0;}
    .M21_A_cont .txt .list:before {left:0;}
    .M21_A_cont .txt .list li {width:100%;margin:60px 0 0 0;}
    .M21_A_cont .txt .list li:nth-child(2) {margin-top:40px;}
    .M21_A_cont .txt .list.len li {width:100%;}
    .M21_A_cont .txt .list.len li:nth-child(2) {margin-top:40px;}
}

@media all and (orientation:landscape){
    .M21_A_cont .visual_img .img_m {display:none;}
}




/*** M21_B | Global Networks 2 ***/
.M21_B .M01_C {padding-bottom:90px;}
.M21_B .M01_C .txt {max-width:1318px;margin-top:-20px;padding:0;}
.M21_B .M01_C .txt_inner {padding-top:0;}
.M21_B .img {margin-bottom:120px;background:#f5f5f5;}
.M21_B .img img {width:100%;}
.M21_B .img_p {display:block;}
.M21_B .img_m {display:none;}

/* M21_B_tab */
.M21_B_tab .tab_list li {display:inline-block;margin-right:60px;}
.M21_B_tab .tab_list li:last-child {margin-right:0;}
.M21_B_tab .tab_list .tab_btn {display:inline-block;padding-bottom:6px;font-size:22px;line-height:30px;color:#888;border-bottom:2px solid transparent;transition:color 0.3s;}
.M21_B_tab .tab_list .tab_btn:hover,
.M21_B_tab .tab_list .tab_btn:focus {color:#000;}
.M21_B_tab .tab_list .tab_btn.active {font-weight:bold;color:#000;border-color:#000;letter-spacing:-1px;}

/* M21_B_cont */
.M21_B_cont {margin:0 -13px;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;}
.M21_B_cont .li { position: relative; float:left;width:calc(33.3% - 26px);margin:26px 13px 0 13px;padding:30px;border:1px solid #ccc;box-sizing:border-box;}
.M21_B_cont .li:nth-child(3n + 1) {clear:left;width:calc(33.4% - 26px);}
.M21_B_cont .li .md_tit {position:relative;min-height:32px;}
.M21_B_cont .li .md_txt {margin-top:16px;}
.M21_B_cont .li .md_txt02 { margin-top: 16px; margin-bottom: 45px; }
.M21_B_cont .li .md_txt02 li {position:relative;min-height:28px;margin-top:6px;padding-left:75px;}
.M21_B_cont .li .md_txt02 li:first-child {margin-top:0;}
.M21_B_cont .li .md_txt02 li strong {position:absolute;left:0;top:0;width:75px;}
.M21_B_cont .li .md_btn { position: absolute; bottom: 30px; left: 30px; }

@media all and (max-width:1200px){
    /* M21_B_cont */
    .M21_B_cont .li {width:calc(50% - 26px);}
    .M21_B_cont .li:nth-child(3n + 1) {clear:left;width:calc(50% - 26px);}    
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M21_B .M01_C {padding-bottom:45px;}
    .M21_B .img {margin-bottom:50px;}

    /* M21_B_tab */
    .M21_B_tab .tab_list li {margin-right:20px;}
    .M21_B_tab .tab_list .tab_btn {font-size:16px;line-height:21px;}
    .M21_B_tab .tab_list .tab_btn.active {letter-spacing:-0.8px;}
}

@media all and (max-width:838px){
    .M21_B .img {margin:0 -30px 50px -30px}
}

@media all and (max-width:700px){
    .M21_B .img_p {display:none;}
    .M21_B .img_m {display:block;}

    /* M21_B_cont */
    .M21_B_cont {margin:0;display:block;}
    .M21_B_cont .li {float:none;width:100%;margin:20px 0 0 0;padding:30px;}
    .M21_B_cont .li:nth-child(3n + 1) {width:100%;}
    .M21_B_cont .li .md_tit {min-height:24px;}
    .M21_B_cont .li .md_txt {margin-top:18px;}
    .M21_B_cont .li .md_txt02 li {min-height:24px;}
}




/*** M22_A | Price ***/
.M22_A .tit_e { margin-bottom: 20px; }
.M22_A .tit_b { margin-top: -12px; margin-bottom: 40px; }
.M22_A .tit_e + .tit_b { margin-top: 0; }

/*.M22_A .tit_e + .view_cont,*/
.M22_A .tit_b + .view_cont { margin-top: 40px; }
.view_cont .M21_B_cont { width: 100%; margin: 0; }
.view_cont .tab_slide_area { margin: 70px 0 30px 0; }
.M22_A .only-pc { display: block !important; }
.M22_A .only-mobile { display: none !important; }
.M22_A .view_cont .mh_item_block { display: block; }

/* M22_A.js */
.M22_A .view_cont .mh_item_flex { display: inline-flex; max-width: 100%; align-items: center; }

/* M22_A.js */
.M22_A .view_cont .distance_400 { padding: 15px 15px; }
.M22_A .view_cont .distance_600 { padding: 30px 15px; }
.M22_A .view_cont .title_700 { font-size: 24px; line-height: 28px; }
.M22_A .view_cont .title_600 { font-size: 20px; line-height: 28px; }
.M22_A .view_cont .title_500 { font-size: 18px; line-height: 26px; }

/* price_wrap */
.M22_A .price_wrap { width: 100%; background-color: #fff; }
.M22_A .price_wrap:after { content: ""; display: block; clear: both; }
.M22_A .price_wrap .price_title { position: relative; float: left; width: 80px; height: 100%; border: 1px solid #ddd; }
.M22_A .price_wrap .price_title .rotate { position: absolute; top: 50%; right: 100%; transform: rotate(270deg) translateX(50%) translateY(100%); transform-origin: right top; white-space: nowrap; }
.M22_A .price_wrap .price_title + .price_list { float: left; width: calc(100% - 80px); border-left: none; }

/* price_list */
.M22_A .price_list { display: table; width: 100%; table-layout: fixed; text-align: center; border: 1px solid #ddd; border-top: none; }
.M22_A .price_list .left { text-align: left; }
.M22_A .price_list > li { display: table-cell; vertical-align: top; }
.M22_A .price_list > li + li { border-left: 1px solid #ddd; }
.M22_A .price_list > li > .line { position: relative; background-color: #fff; border-top: 1px solid #ddd; }
.M22_A .price_list > li.gray { background-color: #fafafa; }
.M22_A .price_list > li.gray > .line { background-color: #fafafa; }

/* price_box */
.M22_A .price_box { position: relative; }
.M22_A .price_box .price .current { display: block; font-size: 32px; line-height: 47px; }
.M22_A .price_box .price .discount { position: relative; font-size: 22px; line-height: 33px; color: #888; text-decoration: none; }
.M22_A .price_box .price .discount:not(:empty) { margin-top: 8px; display: inline-block; }
.M22_A .price_box .price .discount:not(:empty):before { content: ""; position: absolute; top: 50%; left: -15px; right: -15px; height: 1px; background-color: #000; }
.M22_A .price_box .price .discount:empty + .current { padding-top: 19px; padding-bottom: 25px; }
.M22_A .price_box .price .discount:not(:empty) + .current { padding-top: 3px; }
.M22_A .price_box .period { margin-top: 10px; }
.M22_A .price_box .md_btn { margin-top: 16px; }

/* bullet_list */
.M22_A .bullet_list { display: block; width: 100%; }
.M22_A .bullet_list li { padding-left: 20px; position: relative; }
.M22_A .bullet_list li::before { content: attr(data-bullet); margin-right:5px; position: absolute; top: 0; left: 0; }
.M22_A .bullet_list li[data-bullet="-"] { padding-left: 11px; }
.M22_A .bullet_list li[data-bullet="※"] { padding-left: 20px; }

.M22_A .bullet_list li b,
.M22_B .bullet_list li b { font-weight: normal; }
.M22_A .bullet_list li b a,
.M22_B .bullet_list li b a { position: relative; padding-right: 15px; }
.M22_A .bullet_list li b a::after,
.M22_B .bullet_list li b a::after { content: ""; position: absolute; right: 0; top: 50%; width: 16px; height: 16px; border: solid #2189ff; margin-top: -7px; border-width: 3px 3px 0 0; box-sizing: border-box; transform: rotate(45deg) scale(0.5); transition: all 0.4s; }
.M22_A .bullet_list li b a:hover,
.M22_A .bullet_list li b a:focus,
.M22_B .bullet_list li b a:hover,
.M22_B .bullet_list li b a:focus { color: #2189ff; }

.M22_A * + .bullet_list { margin-top: 32px; }
.M22_A .price_wrap + .bullet_list { margin-top: 8px; }
.M22_A .bullet_list + .bullet_list { margin-top: 5px; }

/* divider */
.M22_A .divider { display: block; width: 100%; }
.M22_A .divider .icon_plus { position: relative; margin: 20px auto; display: block; width: 42px; height: 42px; background-color: #888; border-radius: 50%; }
.M22_A .divider .icon_plus:before, .M22_A .divider .icon_plus:after { content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 20px; height: 2px; background-color: #fff; transform: translate(-50%, -50%); }
.M22_A .divider .icon_plus:after { width: 2px; height: 20px; }

/* sentinel : 210326 add */
.M22_A .sentinel_box { display: flex; float: none; height: auto; margin-bottom: 20px; }
.M22_A .sentinel_box:last-child { margin-bottom: 0; }
.M22_A .sentinel_box > .sentinel_area { position: relative; float: left; padding: 20px 0; border: 2px solid #0098C2; text-align: center; box-sizing: border-box; }
.M22_A .sentinel_box > .sentinel_area:last-child { margin-right: 0; }
.M22_A .sentinel_box > .sentinel_area .sentinel_in { margin: 0 auto; width: 80%; }
.M22_A .sentinel_box > .sentinel_area .tit { display: flex; flex-direction: column; justify-content: center; position: relative; margin-bottom: 10px; padding-bottom: 10px; font-size: 16px; }

/* 210329 modify */
.M22_A .sentinel_box > .sentinel_area .tit:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; background-color: #ccc; }
.M22_A .sentinel_box > .sentinel_area .tit strong { display: block; font-size: 20px; }
.M22_A .sentinel_box.bullet { width: 100%; min-height: 245px; }
.M22_A .sentinel_box.bullet .arr_wrap { display: flex; align-items: center; justify-content: center; width: 15%; max-width: 134px; margin: 0 auto; padding: 0; border: 0; }
.M22_A .sentinel_box.bullet > .sentinel_area { width: 350px; }
.M22_A .sentinel_box.bullet > .sentinel_area .sentinel_in { max-width: 245px; }
.M22_A .sentinel_box.bullet > .sentinel_area .sentinel_in li { margin-bottom: 7px; line-height: 1.5; }
.M22_A .sentinel_box.bullet > .sentinel_area ul p { display: inline-block; position: relative; word-break: break-all; }
.M22_A .sentinel_box.bullet > .sentinel_area ul li:before { content: ''; display: inline-block; width: 3px; height: 3px; margin-right: 5px; border-radius: 100%; background-color: #000; vertical-align: middle; }
.M22_A .sentinel_box.bullet .arrow { display: inline-block; position: relative; background: #9db3c6; }
.M22_A .sentinel_box.bullet .arrow.right { right: 5px; width: 62px; height: 2px; vertical-align: middle; }
.M22_A .sentinel_box.bullet .arrow:after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; }
.M22_A .sentinel_box.bullet .arrow.right:after { border-width: 8px 11px; }
.M22_A .sentinel_box.bullet .arrow.right:after { top: -7px; left: 100%; border-color: transparent transparent transparent #9DB3C6; }
.M22_A .sentinel_box.figure > .sentinel_area { display: flex; align-items: center; font-weight: bold; font-size: 20px; margin: 0; padding: 30px 20px; }
.M22_A .sentinel_box.figure > .sentinel_area p { display: block; position: relative; }
.M22_A .sentinel_box.figure > .sentinel_area .plus { width: 100%; height: 40px; }
.M22_A .sentinel_box.figure > .sentinel_area .plus:before, .M22_A .sentinel_box.figure > .sentinel_area .plus:after { content: ''; display: block; position: absolute; left: 50%; background-color: #9DB3C6; }
.M22_A .sentinel_box.figure > .sentinel_area .plus:before { top: 0; width: 16px; height: 2px; margin-top: 19px; margin-left: -10px; }
.M22_A .sentinel_box.figure > .sentinel_area p:first-child:after { content: none; }
.M22_A .sentinel_box.figure > .sentinel_area p:after { top: 0; width: 2px; height: 16px; margin-left: -3px; margin-top: 12px; }
.M22_A .sentinel_box.figure > .sentinel_area p:first-child { padding-top: 0; }
.M22_A .sentinel_box.figure > .sentinel_area p:first-child:before, .M22_A .sentinel_box.figure > .sentinel_area span:first-child:after { content: none; }
.M22_A .sentinel_box.figure > .sentinel_area:first-child { position: relative; width: 403px; margin-right: 20px; }
.M22_A .sentinel_box.figure > .sentinel_area:first-child .sentinel_in { padding-right: 20px; }
.M22_A .sentinel_box.figure > .sentinel_area:last-child { width: 895px; }
.M22_A .sentinel_box.figure .circle { position: absolute; top: 50%; right: -80px; transform: translateY(-50%); width: 135px; height: 135px; padding: 10px; border: 11px solid #C9E1F2; border-radius: 100%; color: #fff; z-index: 2; }
.M22_A .sentinel_box.figure .circle .circle_txt { display: flex; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; float: none; width: 114px; height: 114px; border-radius: 100%; font-weight: bold; font-size: 16px; background-color: #2987CA; }
/* 210330 modify */
/* //sentinel : 210326 add */

/* price new : 210726 add */
.view_cont .M21_B_cont.verti_l .price_wrap:first-of-type { width: 25%; }
.view_cont .M21_B_cont.verti_l .price_wrap:last-of-type { width: 65%; }
.view_cont .M21_B_cont.verti_l .divider { display: flex; align-items: center; width: 10%; }
.view_cont .M21_B_cont.verti_l  .price_wrap .price_title { float: none; width: 100%; height: 60px; border-bottom: 0; }
.view_cont .M21_B_cont.verti_l .price_wrap .price_title strong { display: flex; height: 100%; align-items: center; justify-content: center; transform: none; }
.view_cont .M21_B_cont.verti_l .price_title + .price_list { width: 100%; border-left: 1px solid #ddd; }
/* //price new : 210726 add */

/* 211124 유료플랜추가 */
.M22_A .info_txt_box.box_cont .ty02 { font-weight: normal; }
.M22_A .info_txt_box.ty02 { padding: 50px 0 30px 0; }
.M22_A .info_txt_box.ty02 .box_tit .noti { margin-top: 0; }
.M22_A .ico_dot { margin-top: 10px; }
.M22_A .ico_dot p { position: relative; padding-left: 10px; }
.M22_A .ico_dot p:before { position: absolute; left: 0; top: 13px; width: 4px; height: 4px; border-radius: 50%; background: #000; content: ""; }

/* title box add */
.M22_A .md_cont02 .md_box { padding-top: 20px; border-top: 2px solid #000; }
.M22_A .md_cont02 .md_box .md_tit { display: block; position: relative; padding-left: 15px; margin-top: 20px; }
.M22_A .md_cont02 .md_box .md_tit:first-child { margin-top: 0; }
.M22_A .md_cont02 .md_box .md_tit:before { display: inline-block; position: absolute; left: 0; top: 15px; width: 8px; height: 2px; background: #000; content: ''; }
.M22_A .md_cont02 .md_box .md_txt { padding-left: 15px; margin-top: 10px; }
.M22_A .md_cont02 .md_box + .table_ty03 { margin-top: 10px; }

/* table_ty02 */
.table_ty02 { border: solid #ddd; border-width: 1px 1px 0 0; }
.table_ty02 table { width: 100%; }
.table_ty02 th, .table_ty02 td { height: 70px; padding: 10px 26px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; font-size: 16px; line-height: 28px; text-align: left; vertical-align: middle; word-wrap: break-word; word-break: keep-all; white-space: normal; }
.table_ty02 thead th { padding: 15px 26px; background: #ddd; font-weight: normal; vertical-align: middle; }
.table_ty02 tbody th { background: #f5f5f5; font-weight: normal; }
.table_ty02 tbody th strong { font-size: 18px; font-weight: bold; }
.table_ty02 .center { padding: 15px 10px; text-align: center; }
.table_ty02 .right { text-align: right; }
.table_ty02 .vt { vertical-align: top; }
.table_ty02 .font_desc { display: block; margin-bottom: 5px; box-sizing: border-box; }
.table_ty02 .center .font_desc { padding: 0 10%; }
.table_ty02 .ic_info_sm { vertical-align: middle; margin: -3px 0 0 2px; background: url(https://image.samsungsds.com/module_src/images/icon/ic-info-sm.png?queryString=20241210125943) left top no-repeat; font-weight: normal; }
.table_ty02 .ic_info_sm:focus i.info_pop, .table_ty02 .ic_info_sm:hover i.info_pop { display: block; z-index: 1; }
.table_ty02 .btn_txtlink { color: #0098c2; background: url(https://image.samsungsds.com/module_src/images/icon/ic-export-n-md.png?queryString=20241210125943) right 2px no-repeat; transition: color 0.4s; }
.table_ty02 .btn_txtlink:hover, .table_ty02 .btn_txtlink:focus { color: #39c0e5; }
.table_ty02 .btn_qa { background: url(https://image.samsungsds.com/module_src/images/icon/ic-floating-mini-md.png?queryString=20241210125943) left 4px no-repeat; }
.table_ty02 .hyphen { position: relative; padding-left: 10px; }
.table_ty02 .hyphen:before { display: block; position: absolute; left: 0; top: 0; content: '-'; }
.bg .table_ty02 { background-color: #fff; }

/* table_ty03 */
.table_ty03 { border: solid #ddd; border-width: 1px 1px 0 0; }
.table_ty03 table { width: 100%; }
.table_ty03 th, .table_ty03 td { height: 70px; padding: 10px 26px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; font-size: 16px; line-height: 28px; text-align: left; vertical-align: middle; word-wrap: break-word; word-break: keep-all; white-space: normal; }
.table_ty03 thead th { padding: 15px 26px; background: #ddd; font-weight: normal; vertical-align: middle; }
.table_ty03 tbody th { background: #f5f5f5; font-weight: normal; }
.table_ty03 tbody th strong { font-size: 18px; font-weight: bold; }
.table_ty03 tbody td span { position: relative; display: inline-block; padding-left: 10px; font-weight: normal; }
.table_ty03 tbody td span:before { display: block; position: absolute; left: 0; top: 0; content: '·'; }
.table_ty03 .center { padding: 15px 10px; text-align: center; }
.table_ty03 .right { text-align: right; }
.table_ty03 .vt { vertical-align: top; }
.table_ty03 .first_tit { font-size: 20px; font-weight: bold; }
.bg .table_ty03 { background-color: #fff; }

/* table_ty04 scroll Type */
.table_ty04 { border: solid #888; border-width: 1px 1px 0 0; border-right: 0; }
.table_ty04 table { width: 100%; border-right: 1px solid #888; }
.table_ty04 th, .table_ty04 td { min-height: 70px; padding: 15px 20px; border-left: 1px solid #888; border-bottom: 1px solid #888; box-sizing: border-box; text-align: left; vertical-align: middle; word-wrap: break-word; word-break: keep-all; white-space: normal; }
.table_ty04 tbody .row_tit { padding: 30px 20px; }
.table_ty04 tbody th, .table_ty04 tbody .gray { background-color: rgba(0, 0, 0, 0.04); }
.table_ty04 tbody th, .table_ty04 tbody .gray:nth-child(3) { background-color: rgba(0, 0, 0, 0.06); }
.table_ty04 tbody th, .table_ty04 tbody .gray:nth-child(4) { background-color: rgba(0, 0, 0, 0.08); }
.table_ty04 tbody th strong { font-size: 18px; font-weight: bold; }
.table_ty04 tbody .mark_o:before { display: block; width: 15px; height: 15px; margin: 0 auto; border: 1px solid #717171; background: #fff; border-radius: 50%; content: ''; }
.table_ty04 tbody .mark_o.black:before { border-color: #000; background: #000; }
.table_ty04 .center { text-align: center; }
.table_ty04 .right { text-align: right; }
.table_ty04 .breakall { word-break: break-all; }
.table_ty04 .vt { vertical-align: top; }
.table_ty04 .col_tit { display: flex; flex-direction: row; align-items: center; }
.table_ty04 .col_tit strong { flex-shrink: 0; align-self: flex-start; }
.table_ty04 .col_tit span { margin-left: 5px; flex-grow: 1; }
.bg .table_ty04 { background-color: #fff; }

/* 220802 회사소개 > 이사회 테이블추가 */
.table_ty04.dir_table { margin-top: 70px; border-color: #ddd; }
.table_ty04.dir_table table { table-layout: fixed; border-color: #ddd; }
.table_ty04.dir_table th, .table_ty04.dir_table td { padding: 20px; line-height: 28px; border-color: #ddd; }
.table_sup_list { margin-top: 30px; }
.table_sup_list .mark_o { position: relative; display: inline-block; padding-left: 23px; margin-right: 30px; }
.table_sup_list .mark_o:before { position: absolute; left: 0; top: 3px; display: block; width: 15px; height: 15px; margin: 0 auto; border: 1px solid #717171; background: #fff; border-radius: 50%; content: ''; }
.table_sup_list .mark_o.black:before { border-color: #000; background: #000; }

/* table_ty05 */
.table_ty05 { border:solid #ddd;border-width:1px 1px 0 0; }
.table_ty05 table { table-layout:fixed;width:100%; }
.table_ty05 th, .table_ty05 td { height:70px;padding:10px 26px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;font-weight:500; font-size:16px;line-height:28px;text-align:center;vertical-align:middle;word-wrap:break-word;word-break:keep-all;white-space:normal; }
.table_ty05 thead th { padding:15px 26px;font-weight:bold;vertical-align:middle; }
.table_ty05 tbody th { font-weight:bold; }
.table_ty05 tbody th strong {font-size:18px;font-weight:bold;}
.table_ty05.hsmall th, .table_ty05.hsmall td { height:50px; }
.table_ty05.hsmall th { font-weight:normal; }
.table_ty05 tr.ti th { background:#FAFAFA;border-left:0;font-weight:bold; }
.table_ty05 tr.ti th:first-of-type { border-left:1px solid #ddd; }
.table_ty05 .img { display:block; }
.table_ty05 .img img { width:100%; }
.table_ty05 .left { text-align:left; }
.table_ty05 .right { text-align:right; }
.table_ty05 .vt {vertical-align:top;}
.table_ty05 .font_desc { display:block;margin-bottom:5px;box-sizing:border-box;color:#666; }
.table_ty05 .btn_txtlink { color:#1778EA;background-image:url(/module_src/images/icon/ic_export_n_md.svg);background-position:right center; }
.table_ty05 .btn_qa { color:#1778EA; }
.table_ty05 .center .font_desc {padding:0 10%;}
.table_ty05 .hyphen {position:relative;padding-left:10px;}
.table_ty05 .hyphen:before {display:block;position:absolute;left:0;top:0;content:'-';}
.bg .table_ty05 {background-color:#fff;}

/* table_ty06 */
.table_ty06 {border: none;}
.table_ty06 table{border: 1px solid #ddd;}
.table_ty06 thead{background-color: #fafafa; height: 70px;}
.table_ty06 th, .table_ty06 td{border: 1px solid #ddd; text-align: center;}
.table_ty06 th:first-child{width: 17%;}
.table_ty06 th:nth-child(2){width: 28%;}
.table_ty06 td ul li{text-align: left; list-style: disc outside;}
.table_ty06 tr td{padding: 20px 25px;}
.table_ty06 tr td:last-child{padding: 20px 25px 20px 50px;}
/* //220802 회사소개 > 이사회 테이블추가 */

/* info_txt_box */
.info_txt_box { position: relative; padding: 90px 0 30px 0; }
.info_txt_box.ty02 { padding-top: 70px; }
.info_txt_box .box_tit { position: absolute; left: 0; top: 30px; width: 100%; }
.info_txt_box .box_tit .noti { margin-top: 5px; font-size: 16px; font-weight: normal; line-height: 26px; }
.info_txt_box .box_cont { padding-top: 20px; }
.info_txt_box .box_cont strong { display: inline-block; font-weight: normal; }
.info_txt_box .box_cont span { display: inline-block; }
.info_txt_box .box_cont .txt { padding: 0 10%; }
.info_txt_box .box_cont .txt strong { display: block; font-weight: normal; }
.info_txt_box .box_cont .txt span { display: block; color: #888; }
.info_txt_box .box_cont p.tit_s { font-weight: normal; }

/* plus_info */
.plus_info { margin-top: 15px; }
.plus_info > p { display: inline-block; position: relative; font-size: 20px; font-weight: bold; line-height: 28px; vertical-align: middle; }
.plus_info > p span { display: block !important; color: #888; font-size: 16px; font-weight: normal; line-height: 26px; }
.plus_info > img { padding: 0 20px; }
.plus_info .ico_p { display: inline-block; position: relative; width: 23px; height: 23px; margin: 0 20px; vertical-align: middle; }
.plus_info .ico_p:before { position: absolute; left: 0; top: 10px; width: 100%; height: 3px; background: #ccc; content: ""; }
.plus_info .ico_p:after { position: absolute; left: 10px; top: 0; width: 3px; height: 100%; background: #ccc; content: ""; }

/* info_pop_c */
.info_pop_c { display: none; position: absolute; left: -135px; top: 30px; width: 270px; padding: 12px; background: #fff; border: 1px solid #a6a6a6; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-indent: 0; line-height: 20px; text-align: left; letter-spacing: 0; }
i.info_pop_c:after, i.info_pop_c:before { position: absolute; right: calc(50% - 17px); width: 0; height: 0; margin-left: -9px; border: solid transparent; border-width: 9px; content: ""; pointer-events: none; }
i.info_pop_c:after { top: -18px; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffff; }
i.info_pop_c:before { top: -19px; border-color: rgba(166, 166, 166, 0); border-bottom-color: #a6a6a6; }
.ic_info_sm:hover i.info_pop_c, .ic_info_sm:focus i.info_pop_c { display: block; z-index: 9; }

/* Etc. */
.txt_mb { display: none; }
.font_desc { color: #888; font-size: 14px; line-height: 20px; vertical-align: top; }
.font_desc i { position: relative; top: 1px; }
.txt_dec { position: relative; margin-top: 10px; }
.txt_dec li { position: relative; padding-left: 10px; }
.txt_dec li:before { position: absolute; left: 0; top: 4px; content: "*"; }
p.txt_dec { padding-left: 10px; }
p.txt_dec:before { position: absolute; left: 0; top: 4px; content: "*"; }

/* 20230424 : 가격책정 테이블 수정 */
.price-wrap_v1 .pd_tb25 { padding: 25px 0; }
.price-wrap_v1 .mt10 { margin-top: 10px; }
.price-wrap_v1 .mb10 { margin-bottom: 10px; }
.price-wrap_v1 .font20 { font-size: 20px; }
.price-wrap_v1 .font26 { font-size: 26px; }
.price-wrap_v1 .font_color1 { color: #1778EA; }
.price-wrap_v1 .price-cont .price_table table tbody td.borderBottom { border-bottom: 1px solid #ddd; }
.price-wrap_v1 .price_head { margin-bottom: 50px; }
.price-wrap_v1 .price_head em { display: block; margin-bottom: 20px; font-size: 20px; }
.price-wrap_v1 .price_head .title { display: flex; justify-content: space-between; align-items: center; }
.price-wrap_v1 .price_head .title a { min-width: 160px; }
.price-wrap_v1 .price_head .title strong { margin: 0; line-height: normal; }
.price-wrap_v1 .price_head p { margin-top: 20px; font-size: 20px; }
.price-wrap_v1 .price-cont .price_table table { font-size: 16px; border-bottom: 1px solid #ddd; background-color: #fff; }
.price-wrap_v1 .price-cont .price_table table thead th { border: 1px solid #ddd; padding: 23px 20px; width: 33%; font-size: 20px; }
.price-wrap_v1 .price-cont .price_table table thead tr:last-child th:nth-of-type(1) { border-bottom: 4px solid #000; }
.price-wrap_v1 .price-cont .price_table table thead tr:last-child th:nth-of-type(2) { border-bottom: 4px solid #b2b2b2; }
.price-wrap_v1 .price-cont .price_table table thead tr:last-child th:last-child { border-bottom: 4px solid #1778EA; }
.price-wrap_v1 .price-cont .price_table table thead th .flag { background-color: #1778EA; color: #fff; font-size: 14px; padding: 2px 13px; border-radius: 50px; font-weight: normal; }
.price-wrap_v1 .price-cont .price_table table thead th span { display: block; font-size: 16px; }
.price-wrap_v1 .price-cont .price_table table tbody td { border: 1px solid #ddd; border-top: 0; border-bottom: 0; padding: 0 40px; vertical-align: top; }
.price-wrap_v1 .price-cont .price_table table tbody td strong { display: block; }
.price-wrap_v1 .price-cont .price_table table tbody td strong.dp_flex { display: flex; justify-content: center; }
html[lang="en"] .price-wrap_v1 .price-cont .price_table table tbody td strong.dp_flex { display: block; text-align: left; }
.price-wrap_v1 .price-cont .price_table table tbody td strong.dp_flex i { margin-left: 6px; }
.price-wrap_v1 .price-cont .price_table table tbody td article { text-align: center; padding: 40px 0; }
.price-wrap_v1 .price-cont .price_table table tbody td article span { display: block; }
.price-wrap_v1 .price-cont .price_table table tbody td article a { margin-top: 10px; }
.price-wrap_v1 .price-cont .price_table table tbody td strong.price { display: block; font-size: 32px; line-height: 40px; margin-bottom: 6px; }
.price-wrap_v1 .price-cont .price_table table tbody td span.price_sTxt { color: #888; margin-bottom: 20px; height: 28px; }
.price-wrap_v1 .price-cont .price_table table tbody td em { color: #888; font-size: 14px; }
.price-wrap_v1 .price-cont .price_table table tbody td em.mtxt { position: relative; padding-left: 10px; display: inline-block; text-align: left; line-height: 24px; margin-top: 8px; }
.price-wrap_v1 .price-cont .price_table table tbody td em.mtxt::before { content: '*'; position: absolute; left: 0; top: 3px; }
.price-wrap_v1 .price-cont .price_table table tbody td ul { padding-bottom: 40px; }
.price-wrap_v1 .price-cont .price_table table tbody td ul li { line-height: 28px; margin-bottom: 5px; }
.price-wrap_v1 .price-cont .price_table table tbody td ul li span { color: #666; font-size: 14px; }
.price-wrap_v1 .price-cont .price_table table tbody td ul li .font_color1 {color: #1778ea;} 
.price-wrap_v1 .price-cont .price_table table thead.no_point th { border-bottom: 1px solid #ddd; }
.price-wrap_v1 .price-cont .price_table table.line tbody td { border: 1px solid #ddd; vertical-align: middle; padding: 40px 20px; }
.price-wrap_v1 .price-cont .price_table table.line tbody td article { padding: 0 }
.price-wrap_v1 .price-cont .price_table table.line tbody td ul { padding-bottom: 0; }
.price-wrap_v1 .price-cont .price_table table.line tbody td span.price_sTxt { margin-bottom: 0; }
.price-wrap_v1 .price-cont .price_table table thead.row4 tr th { width: 25%; }
.price-wrap_v1 .price-cont .price_table table thead.row4 tr:last-child th:nth-of-type(1) { border-bottom: 4px solid #000; }
.price-wrap_v1 .price-cont .price_table table thead.row4 tr:last-child th:nth-of-type(2) { border-bottom: 4px solid #b2b2b2; }
.price-wrap_v1 .price-cont .price_table table thead.row4 tr:last-child th:nth-of-type(3) { border-bottom: 4px solid #B9D6F9; }
.price-wrap_v1 .price-cont .price_table table thead.row4 tr:last-child th:nth-of-type(4) { border-bottom: 4px solid #1778EA; }
.price-wrap_v1 .price-cont .bullet_list { margin-top: 20px; }
/* //20230424 : 가격책정 테이블 수정 */

.price-wrap_v1 .price-cont .price_table .ico_circle_plus {width: 4.2rem;height: 4.2rem;margin: -0.5rem 0 -1rem 0.4rem;} 

/* 2023-05-02 추가 시작 */
.price-wrap_v1 + .owl-brity-banner { margin-top: 10rem; }
.M22_A .owl-brity-banner { position: relative; }
.M22_A .owl-brity-banner .tit_brity { font-weight: 700; font-size: 2.2rem; letter-spacing: -0.025rem; }
.M22_A .owl-brity-banner .tit_brity + .inner_comm { margin-top: 3.1rem; }
.M22_A .owl-brity-carousel { margin-left: -2rem; font-size: 0; }
.M22_A .owl-brity-carousel:after { display: block; clear: both; content: ''; }
.M22_A .owl-brity-banner .owl-item { display: inline-block; vertical-align: top; }
.M22_A .owl-brity-banner .owl-item .owl-brity-item { width: 100%; }
.M22_A .owl-brity-banner .owl-item .box_comm { width: 42.6rem; }
.M22_A .owl-brity-banner .owl-brity-item { display: inline-block; width: 33.3333%; padding-left: 2rem; box-sizing: border-box; vertical-align: top; }
.M22_A .owl-brity-banner .owl-brity-item .box_comm { background-color: #fff; }
.M22_A .owl-brity-banner .owl-brity-item .link_comm { display: block; position: relative; min-height: 17.6rem; padding: 5rem 4.1rem 0 4.1rem; }
.M22_A .owl-brity-banner .owl-brity-item [class*='ico_arrow'] { position: absolute; right: 2.9rem; bottom: 2.1rem; z-index: 10; }
.M22_A .owl-brity-banner .owl-brity-item [class*='img_brity_character'] { position: absolute; top: 1.7rem; right: 3.9rem; z-index: 1; pointer-events: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.M22_A .owl-brity-banner .owl-brity-item .tit_comm { display: block; position: relative; z-index: 10; font-weight: 700; font-size: 2.2rem; color: #000; }
.M22_A .owl-brity-banner .owl-brity-item .tit_comm .emph_l { color: #1778ea; }
.M22_A .owl-brity-banner [class*='ico_arrow'] { display: inline-block; position: relative; width: 2.8rem; height: 1.8rem; vertical-align: top; pointer-events: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.M22_A .owl-brity-banner [class*='ico_arrow']:before { position: absolute; top: 0.3rem; right: 0.3rem; z-index: 1; width: 1.2rem; height: 1.2rem; transform: rotate(45deg); border: solid #000; border-width: 0.2rem 0.2rem 0 0; content: ''; }
.M22_A .owl-brity-banner [class*='ico_arrow'] .txt_l { position: absolute; top: 50%; left: 0; height: 0.2rem; margin-top: -0.1rem; font-size: 0.1rem; color: transparent; line-height: 0; background-color: #000; }
.M22_A .owl-brity-banner [class*='img_brity_character'] { width: 14rem; height: 14rem; background: url(https://image.samsungsds.com/module_src/images/data/img_brity_character.png?queryString=20241210125943) 0 0 no-repeat; background-size: 45rem 15rem; }
.M22_A .owl-brity-banner .img_brity_character2 { background-position: 50% 0; }
.M22_A .owl-brity-banner .img_brity_character3 { background-position: 100% 0; }
.M22_A.m3 .owl-brity-carousel-control { display: none; }
.M22_A .owl-brity-carousel-control { position: absolute; bottom: 0; right: 0; z-index: 10; }
.M22_A .owl-brity-banner .owl-pagn { position: absolute; top: -5.8rem; left: -9.4rem; z-index: 1; }
.M22_A .owl-brity-banner .owl-nav { float: right; margin-top: 6.7rem; }
.M22_A .owl-brity-banner .owl-nav:after { display: block; clear: both; content: ''; }
.M22_A .owl-brity-banner .owl-nav .owl-prev { float: left; }
.M22_A .owl-brity-banner .owl-nav .owl-next { float: right; }
.M22_A .owl-brity-banner .md_play { position: absolute; top: -3rem; right: 3.2rem; z-index: 1; transition: all 0.4s; }
.M22_A .owl-brity-banner .md_play a { display: block; position: relative; width: 3rem; height: 3rem; overflow: hidden; }
.M22_A .owl-brity-banner .md_play .md_btn_play:before { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-width: 0.5rem 0 0.5rem 0.8rem; border-style: solid; border-color: transparent; border-left-color: #000; content: ''; transform: translate(-50%, -50%); transition: all 0.4s; }
.M22_A .owl-brity-banner .md_play .md_btn_stop:before { position: absolute; left: 1.1rem; top: 1rem; width: 0.2rem; height: 1rem; background: #000; content: ''; transition: all 0.4s; }
.M22_A .owl-brity-banner .md_play .md_btn_stop:after { position: absolute; left: 1.6rem; top: 1rem; width: 0.2rem; height: 1rem; background: #000; content: ''; transition: all 0.4s; }
.M22_A .owl-brity-banner .md_play:hover:before, .M22_A .owl-brity-banner .md_play:focus:before { transform: translateX(0); }
.M22_A .owl-brity-banner .md_play .md_btn_play { display: none; }
.M22_A .owl-brity-banner .md_play .md_btn_stop { display: block; }
.M22_A .owl-brity-banner .md_play.on .md_btn_play { display: block; }
.M22_A .owl-brity-banner .md_play.on .md_btn_stop { display: none; }
.M22_A .owl-brity-banner .owl-pagn[aria-live='off'] ~ .md_play { display: none; }

/* 20231017 테이블 스타일 추가 */
.M22_A .table_v1 table { background-color: #fff; text-align: center; }
.M22_A .table_v1 table thead th { border: 1px solid #ddd; padding: 23px 20px; font-size: 20px; }
.M22_A .table_v1 table thead tr:last-child th:nth-of-type(1) { border-bottom: 4px solid #000; }
.M22_A .table_v1 table thead tr:last-child th:nth-of-type(2) { border-bottom: 4px solid #b2b2b2; }
.M22_A .table_v1 table thead tr:last-child th:nth-of-type(3) { border-bottom: 4px solid #1778EA; }

.M22_A .table_v1 table tbody td { border: 1px solid #ddd; padding: 15px 20px; }
.M22_A .table_v1 table tbody td.bg_gray { background-color: #F6F6F6; }
/* //20231017 테이블 스타일 추가 */

.M22_A .ttl_area { font-size: 2rem; line-height: 1.45; }
.M22_A .ttl_area .tit_b { display: block; margin-top: 1rem; }
.M22_A .ttl_area + .plan_ttl { margin-top: 6rem; }
.M22_A .plan_ttl { font-size: 1.8rem; line-height: 1.65; }
.M22_A .plan_ttl .tit_s { display: block; font-size: 2.4rem; line-height: 1.5; }
.M22_A .plan_ttl p { padding: 0.8rem 0; }
.M22_A .plan_ttl .btn_m { min-width: 16rem; }
.M22_A .plan_ttl .vertical { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.M22_A .plan_ttl + .plan_cont { margin-top: 3rem; }
.M22_A .plan_cont + .plan_ttl { margin-top: 6rem; }
.M22_A .plan_table + .bullet_list { margin-top: 2rem }
.M22_A .plan_table table { background: #fff; }
.M22_A .plan_table table th,
.M22_A .plan_table table td { position: relative; font-size: 1.6rem; line-height: 1.6; border-width: 1px; border-style: solid; letter-spacing: -0.075rem; border-color: #ddd; padding: 1.6rem 1.5rem; }
.M22_A .plan_table th.center,
.M22_A .plan_table td.center { text-align: center; }
.M22_A .plan_table th.right,
.M22_A .plan_table td.right { text-align: right; }
.M22_A .plan_table th.top,
.M22_A .plan_table td.top { vertical-align: top; }
.M22_A .plan_table .bb_point1 { border-bottom: 4px solid #000; }
.M22_A .plan_table .bb_point2 { border-bottom: 4px solid #2189FF; }
.M22_A .plan_table .bb_point3 { border-bottom: 4px solid #B2B2B2; }
.M22_A .plan_table .bb_point4 { border-bottom: 4px solid #6C55CF; }
.M22_A .plan_table .plan_list { margin: 2rem 0.4rem; }
.M22_A .plan_table .plan_list li { position: relative; letter-spacing: -0.025rem; }
.M22_A .plan_table .plan_list li + li { margin-top: 0.5rem; }
.M22_A .plan_table .plan_list li::before { position: absolute; left: 0; top: 0; content: attr(data-bullet); }
.M22_A .plan_table .plan_list li[data-bullet="-"] { padding-left: 11px; }
.M22_A .plan_table .plan_list li span { display: block; color: #666; font-size: 14px; line-height: 20px; margin-bottom: 10px; }
.M22_A .plan_table .footnote { margin: 2rem 0.4rem; }
.M22_A .plan_table .footnote li { font-size: 1.4rem; color: #666; line-height: 1.5; }
.M22_A .plan_table .footnote li + li { margin-top: 0.5rem; }
.M22_A .plan_table .footnote li[data-bullet="*"] { position: relative; padding-left: 11px; }
.M22_A .plan_table .footnote li[data-bullet="*"]::before { position: absolute; left: 0; top: 0; content: attr(data-bullet); }
.M22_A .plan_table .include,
.M22_A .plan_table .exclude { min-height: 14.8rem; display: flex; align-items: center; justify-content: center; }
.M22_A .plan_table .include::before { content: ''; display: block; width: 1.6rem; height: 1.6rem; border-radius: 50%; background: #000; }
.M22_A .plan_table .exclude::before { position: absolute; inset: 0; content: ''; background: #F9F9F9; }
.M22_A .plan_table .flag { position: absolute; left: 0; top: 0; display: block; width: 5.2rem; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 1.3rem; color: #fff; background-color: #1778EA; }
.M22_A .plan_table .fs18 { font-size: 1.8rem; }
.M22_A .plan_table .fs20 { font-size: 2rem; }
.M22_A .plan_table .mt5 { display: inline-block; margin-top: 5px; }

/* 20240603 영문 가격정책표 높이 수정 */
.M22_A .price_list > li > .line.custom_height01 { height: 99px; display: flex !important; align-items: center; justify-content: center; }
.M22_A .price_list > li > .line.custom_height02, .M22_A .price_list > li > .line.custom_height03 { height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.M22_A .price_list > li > .line.custom_height02 { min-height: 240px; }
.M22_A .price_list > li > .line.custom_height03 { min-height: 200px; }

.M22_A .price_list.minH_list{min-height: 730px;}
.M22_A .minH_pr{min-height: 260px;}
.M22_A .price_box.type2 .price{min-height:91px; display:flex; justify-content: center; align-items:center;}

@media all and (max-width: 1280px) {
    .M22_A .owl-brity-banner .owl-brity-item .link_comm { padding: 3rem 3rem 2rem 3rem; }
    .M22_A .owl-brity-banner .owl-brity-item [class*='img_brity_character'] { top: auto; right: 3rem; bottom: 2rem; left: auto; width: 10rem; height: 10rem; background-size: auto 100%; }
    
    .M22_A .scroll_1023 { overflow-x: scroll; }
    .M22_A .scroll_1023 table { min-width: 1094px; }
}
/* // 2023-05-02 추가 끝 */

@media all and (max-width:1200px) {
    .info_txt_box .box_cont strong { font-size: 24px; line-height: 36px; }
    .info_txt_box .box_cont span { font-size: 14px; line-height: 24px; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M22_A .tit_e { margin-bottom: 10px; }
    .M22_A .tit_b { margin-top: -6px; margin-bottom: 20px; }

    .table_scroll { overflow-x: auto; }
    .table_scroll table { min-width: 900px; }

    /*.M22_A .tit_e + .view_cont,*/
    .M22_A .tit_b + .view_cont { margin-top: 20px; }
    .txt_ty .M23_A_cont .li:last-child { padding-bottom: 0; }
    .view_cont .tab_slide_area { margin: 40px 0 20px 0; }
    .M22_A .only-pc { display: none !important; }
    .M22_A .only-mobile { display: block !important; }
    .M22_A .view_cont .distance_400 { padding: 15px 15px; }
    .M22_A .view_cont .distance_600 { padding: 30px 15px; }
    .M22_A .view_cont .title_700 { font-size: 22px; line-height: 26px; }
    .M22_A .view_cont .title_600 { font-size: 20px; line-height: 26px; }
    .M22_A .view_cont .title_500 { font-size: 16px; line-height: 24px; }

    /* price_wrap */
    .M22_A .price_wrap .price_title { float: none; width: 100%; height: inherit; border: 1px solid #ddd; border-bottom: none; padding: 15px 10px; text-align: center; }
    .M22_A .price_wrap .price_title .rotate { position: relative; top: inherit; right: inherit; transform: none; white-space: inherit; }
    .M22_A .price_wrap .price_title + .price_list { float: none; width: 100%; border: 1px solid #ddd; border-top: none; }

    /* price_box */
    .M22_A .price_box { transform: scale(0.8); }

    /* bullet_list */
    .M22_A * + .bullet_list { margin-top: 7px; }
    .M22_A .price_wrap + .bullet_list { margin-top: 8px; }
    .M22_A .bullet_list + .bullet_list { margin-top: 4px; }

    .M22_A .bullet_list li b,
    .M22_B .bullet_list li b { display: block; padding-bottom: 20px; }
    .M22_A .bullet_list li b a,
    .M22_B .bullet_list li b a { display: block; width: 100%; max-width: 160px; margin-top: 5px; }

    /* sentinel : 210326 add */
    .M22_A .sentinel_box.figure > .sentinel_area:first-child { min-width: 249px; padding-right: 40px; }
    .M22_A .sentinel_box.figure > .sentinel_area p { font-size: 18px; }
    .M22_A .sentinel_box.bullet .arrow.right { width: 25px; margin-bottom: -20px; }
    .M22_A .sentinel_box.bullet .arrow.right:after { top: -6px; border-width: 7px 7px; }
    /* //sentinel : 210326 add */

    /* table_ty02 */
    .table_ty02 th, .table_ty02 td { height: 50px; padding: 10px 13px; font-size: 14px; line-height: 24px; }
    .table_ty02 tbody th strong { font-size: 16px; }
    .table_ty02 .center { padding: 10px 10px; }
    .table_ty02 .ic_info_sm { display: none; }
    .table_ty02 .btn_qa { padding-left: 20px; background-size: 16px; }
    .table_ty02 .btn_txtlink { background-position: right 0; }
    .table_scroll.table_ty02 { overflow-x: auto; }
    .table_scroll.table_ty02 table { min-width: 895px; table-layout: fixed; }

    /* table_ty03 */
    .table_ty03 th, .table_ty03 td { height: 50px; padding: 10px 13px; font-size: 14px; line-height: 24px; }
    .table_ty03 tbody th strong { font-size: 16px; }
    .table_ty03 .center { padding: 10px 10px; }
    .table_ty03 .first_tit { font-size: 16px; }

    /* table_ty04 */
    .table_scroll.table_ty04 { overflow-x: auto; }
    .table_scroll.table_ty04 table { min-width: 895px; table-layout: fixed; }
    .table_ty04 col { width: 15.2%; }
    .table_ty04 col:first-child { width: 54.4%; }
    .table_ty04 th, .table_ty04 td { padding: 20px 10px; }
    .table_ty04 tbody .row_tit { padding: 20px 10px; }

    /* table_ty05 */
    .table_ty05 thead th { height:60px;padding:20px 16px; }
    .table_ty05 th, .table_ty05 td { padding:14px 16px;font-size:14px;line-height:22px; }
    .table_ty05 + .table_ty05 { margin-top:16px; }
    .table_ty05.hsmall th, .table_ty05.hsmall td { height:46px;padding:14px 16px; }
    
    /* 220802 회사소개 > 이사회 테이블추가 */
    .table_ty04.dir_table { margin-top: 35px; }
    .table_ty04.dir_table table { min-width: 970px; }
    .table_ty04.dir_table col:first-child { width: 100px; }
    .table_ty04.dir_table th, .table_ty04.dir_table td { padding: 20px 10px; }
    .table_ty04.dir_table col { width: auto; }
    .table_sup_list { margin-top: 20px; }
    /* //220802 회사소개 > 이사회 테이블추가 */

    /* info_txt_box */
    .info_txt_box { padding: 70px 0 20px 0; }
    .info_txt_box.ty02 { padding-top: 50px; }
    .info_txt_box .box_tit { top: 20px; font-size: 20px; line-height: 30px; }
    .info_txt_box .box_tit .noti { font-size: 14px; line-height: 24px; }
    .info_txt_box .box_cont { padding-top: 10px; }
    .info_txt_box .box_cont strong { font-size: 18px; line-height: 28px; }
    .info_txt_box .box_cont .txt { padding: 0; }
    .txt_ty .ic_info_sm + .txt_mb { width: 80%; margin: 5px auto; font-size: 14px; line-height: 22px; }

    /* plus_info */
    .plus_info { margin-top: 10px; }
    .plus_info > p { display: block; font-size: 16px; line-height: 24px; }
    .plus_info > p em { width: 80%; margin: 5px auto; font-size: 14px; line-height: 22px; }
    .plus_info > p span { font-size: 14px; line-height: 24px; }
    .plus_info > img { padding: 10px 0; }
    .plus_info .ico_p { margin: 10px 0; vertical-align: middle; }

    /* Etc. */
    .txt_mb { display: block; }
    .font_desc { font-size: 13px; line-height: 19px; }
    p.txt_dec:before, .txt_dec li:before { top: 3px; }

    /* 20230424 : 가격책정 테이블 수정 */
    .price-wrap_v1 .pd_tb25 { padding: 15px 0; }
    .price-wrap_v1 .price_head p, .price-wrap_v1 .price_head em { font-size: 16px; }
    .price-wrap_v1 .price-cont .price_table table { font-size: 14px; }
    .price-wrap_v1 .price-cont .price_table table thead th { padding: 10px 15px; }
    .price-wrap_v1 .price-cont .price_table table tbody td { padding: 0 20px }
    .price-wrap_v1 .price-cont .price_table table tbody td article { padding: 20px 0; }
    .price-wrap_v1 .price-cont .price_table table tbody td strong.price { font-size: 28px; line-height: normal; }
    .price-wrap_v1 .price-cont .price_table table tbody td span.price_sTxt { margin-bottom: 10px; height: 24px; }
    .price-wrap_v1 .price-cont .price_table table.line thead tr:first-child th:nth-of-type(2) { width: 25%; }
    .price-wrap_v1 .price-cont .price_table table.line thead tr:first-child th:nth-of-type(3) { width: 35%; }
    .price-wrap_v1 .price-cont .price_table table tbody td ul li { line-height: 24px; }
    /* //20230424 : 가격책정 테이블 수정 */

    /* 2023-05-02 추가 시작 */
    .M22_A .owl-brity-banner .tit_brity { font-size: 2.4rem; line-height: 3.6rem; }
    .M22_A .owl-brity-banner .tit_brity + .inner_comm { margin-top: 3rem; }
    .M22_A .owl-brity-banner .inner_comm { position: relative; }
    .M22_A .owl-brity-carousel { margin-left: -1.6rem; }
    .M22_A .owl-brity-banner .owl-item .owl-brity-item { min-width: 31.9rem; padding-left: 1.6rem; }
    .M22_A .owl-brity-banner .owl-item .box_comm { width: 100%; }
    .M22_A .owl-brity-banner .owl-brity-item .link_comm { min-height: 14.7rem; padding: 3rem 3rem 2rem 3rem; }
    .M22_A .owl-brity-banner .owl-brity-item [class*='img_brity_character'] { top: auto; right: 3rem; bottom: 2rem; left: auto; width: 7rem; height: 7rem; }
    .M22_A .owl-brity-banner .owl-brity-item .tit_comm { font-size: 1.6rem; }
    .M22_A .owl-brity-banner .owl-brity-item .tit_comm br { display: none; }
    .M22_A.m3 .owl-brity-carousel-control { display: block; position: static; }
    .M22_A .owl-brity-carousel-control { position: static; }
    .M22_A .owl-brity-banner .owl-pagn { position: static; margin-top: 3rem; }
    .M22_A .owl-brity-banner .owl-navm { right: -0.3rem; left: 0; height: 0; width: auto; margin-top: -1.4rem; }
    .M22_A .owl-brity-banner .md_play { display: none; }
    /* // 2023-05-02 추가 끝 */

    /* 20231017 테이블 스타일 추가 */
    .M22_A .table_scroll_v1 { overflow-x: auto; }
    .M22_A .table_v1 table thead th,
    .M22_A .table_v1 table tbody td { padding: 10px 15px; }
    /* //20231017 테이블 스타일 추가 */

    .M22_A .ttl_area { font-size: 1.4rem; }
    .M22_A .plan_ttl { font-size: 1.4rem; }
    .M22_A .plan_ttl .tit_s { font-size: 2rem; }
    .M22_A .plan_ttl + .plan_cont { margin-top: 2rem; }
    .M22_A .plan_table table th,
    .M22_A .plan_table table td { font-size: 1.4rem; }
    .M22_A .plan_table .include,
    .M22_A .plan_table .exclude { min-height: 12.8rem; }

    /* 20240603 영문 가격정책표 높이 수정 */
    .M22_A .price_list > li > .line.custom_height01 { display: none !important; }
    .M22_A .price_list > li > .line.custom_height02 { min-height: 307px; }
    .M22_A .price_list > li > .line.custom_height03 { min-height: 216px; }
    .M22_A .price_list.minH_list{min-height: 700px;}
}

@media all and (max-width:700px) {
    /* price_list */
    .M22_A .price_list { display: block; text-align: center; border: 1px solid #ddd; }
    .M22_A .price_list > li { display: block; width: 100%; }
    .M22_A .price_list > li + li { border-top: 1px solid #ddd; border-left: none; }
    .M22_A .price_list > li.gray { display: none; }

    /* price_box */
    .M22_A .price_box { transform: none; }
    .M22_A .price_box .price .current { font-size: 28px; line-height: 24px; }
    .M22_A .price_box .price .discount { font-size: 14px; line-height: 24px; }
    .M22_A .price_box .price .discount:not(:empty):before { left: -10px; right: -10px; }
    .M22_A .price_box .price .discount:empty + .current { padding-top: 19px; padding-bottom: 6px; }
    .M22_A .price_box .price .discount:not(:empty) + .current { padding-top: 12px; padding-bottom: 6px; }
    .M22_A .price_box .period { margin-top: 10px; }
    .M22_A .price_box .md_btn { margin-top: 6px; }
    .M22_A .price_box.short .price { margin-top: 19px; }

    /* divider */
    .M22_A .divider .icon_plus { margin: 10px auto; }

    /* sentinel : 210326 add */
    .M22_A .sentinel_one_wrap { display: flex; float: none; }
    .M22_A .sentinel_box { flex-direction: column; float: left; }
    .M22_A .sentinel_box > .sentinel_area .tit strong { font-size: 18px; }
    .M22_A .sentinel_box > .sentinel_area .tit:after { max-width: 134px; }
    .M22_A .sentinel_box.bullet { width: 65%; min-width: 194px; margin-right: 5%; margin-bottom: 0; }
    .M22_A .sentinel_box.bullet .sentinel_in { width: 100%; max-width: unset; padding: 0 30px; }
    .M22_A .sentinel_box.bullet .arr_wrap { display: block; width: 101px; height: 101px; margin: 0 auto !important; float: none; -ms-transform: rotate(90deg); transform: rotate(90deg); max-width: unset; }
    .M22_A .sentinel_box.bullet > .sentinel_area { width: 100%; max-width: unset; display: block; }
    .M22_A .sentinel_box.bullet > .sentinel_area:last-child { margin-bottom: 0; }
    .M22_A .sentinel_box.bullet .arrow.right { display: flex; right: -45px; top: 50%; transform: translate(-50%, -50%); float: none; width: 50px; margin-bottom: 0; }
    .M22_A .sentinel_box.bullet .arrow.right:after { top: -7px; border-width: 8px 11px; }
    .M22_A .sentinel_box.figure { width: 30%; min-width: 91px; }
    .M22_A .sentinel_box.figure > .sentinel_area { width: 100% !important; padding: 30px 30px; }
    .M22_A .sentinel_box.figure > .sentinel_area p { font-size: 14px; }
    .M22_A .sentinel_box.figure > .sentinel_area:first-child { min-width: auto; min-height: 254px; margin-right: 0; margin-bottom: 37px; padding: 20px 0 40px; }
    .M22_A .sentinel_box.figure > .sentinel_area:first-child .sentinel_in { padding-right: 20px !important; padding-left: 20px; }
    .M22_A .sentinel_box.figure > .sentinel_area:last-child { flex-grow: 1; }
    .M22_A .sentinel_box.figure .circle { top: 100%; -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); right: 50%; width: 91px; height: 91px; margin-top: 20px; margin-right: 0; border: 8px solid #C9E1F2; }
    .M22_A .sentinel_box.figure .circle .circle_txt { width: 76px; min-width: 76px; height: 76px; font-size: 12px; line-height: 16px; }

    /* 210330 modify */
    .M22_A .sentinel_box.figure .sentinel_in { width: 100%; }
    /* //sentinel : 210326 add */

    /* price new : 210726 add */
    .view_cont .M21_B_cont.verti_l .price_wrap:first-of-type { width: 100%; }
    .view_cont .M21_B_cont.verti_l .price_wrap:last-of-type { width: 100%; }
    .view_cont .M21_B_cont.verti_l .divider { width: 100%; }
    .view_cont .M21_B_cont.verti_l .price_list .bullet_list { text-align: center; }
    .view_cont .M21_B_cont.verti_l .price_list > li + li { border-top: 0; }

    /* title box add */
    .M22_A .md_cont02 .md_box { padding-top: 12px; }
    .M22_A .md_cont02 .md_box .md_tit { padding-left: 10px; margin-top: 12px; }
    .M22_A .md_cont02 .md_box .md_tit:first-child { margin-top: 0; }
    .M22_A .md_cont02 .md_box .md_tit:before { left: 0; top: 12px; width: 6px; }
    .M22_A .md_cont02 .md_box .md_txt { padding-left: 10px; margin-top: 5px; }
    .M22_A .ico_dot.ty02 { font-size: 12px; line-height: 24px; }
    .M22_A .ico_dot.ty02 p:before { width: 3px; height: 3px; top: 11px; }

    /* table_ty03 */
    .table_ty03 th, .table_ty03 td { height: 50px; padding: 10px 2px; font-size: 12px; line-height: 18px; }
    .table_ty03 tbody th strong { font-size: 12px; }
    .table_ty03 .center { padding: 10px 2px; }
    .table_ty03 .first_tit { font-size: 12px; }
    .table_ty03 tbody td span { padding-left: 5px; }

    /* table_scroll : table scroll ver. */
    .table_scroll { position: relative; max-width: 700px; overflow-x: auto; }
    .table_scroll .table_ty02 { min-width: 620px; }

    /* table_mb : table contents blockl ver. */
    .table_mb table { display: block; }
    .table_mb tbody, .table_mb tr, .table_mb th, .table_mb td { display: block; width: 100%; height: auto; }
    .table_mb th:empty, .table_mb td:empty { display: none; }
    .table_mb .table_ty02 .right { text-align: left; }
    .table_mb .info_txt_box { padding: 20px 0; }
    .table_mb .info_txt_box .box_tit { position: relative; top: 0; }



    /* 20230424 : 가격책정 테이블 수정 */
    .price-wrap_v1 .pd_tb25 { padding: 10px 0; }
    .price-wrap_v1 .price_head { margin-bottom: 20px; }
    .price-wrap_v1 .price_head .title a { min-width: 120px; }
    .price-wrap_v1 .price-cont .price_table { min-width: 1024px; } /* 2023-05-24 수정 */
    .price-wrap_v1 .price-cont .price_table table tbody td { padding: 0 10px; }
    .price-wrap_v1 .price-cont .price_table table tbody td article { padding: 10px 0; }
    .price-wrap_v1 .price-cont .price_table table tbody td strong.price { font-size: 20px; }
    .price-wrap_v1 .price-cont .price_table table.line tbody tr td:nth-of-type(4) { width: 30%; }
    /* //20230424 : 가격책정 테이블 수정 */ 

    .M22_A .plan_ttl .btn_m { min-width: 12rem; }
    .M22_A .plan_table table th,
    .M22_A .plan_table table td { padding: 1.5rem 1rem; }
    .M22_A .plan_table .plan_list { padding: 0; }
    .M22_A .plan_table .footnote { padding: 0; }
    .M22_A .plan_table .fs18 { font-size: 1.6rem; }
    .M22_A .plan_table .fs20 { font-size: 1.8rem; }

    /* 20240603 영문 가격정책표 높이 수정 */
    .M22_A .price_list > li > .line.custom_height02,
    .M22_A .price_list > li > .line.custom_height03 { min-height: auto; flex-direction: column; }
    .M22_A .price_list.minH_list{min-height: unset;}
    .M22_A .minH_pr{min-height: unset;}
}







/*** M22_B | Price 2 ***/
.M22_B .tit_e { margin-bottom:20px; }
.M22_B .tit_b { margin-top:-12px;margin-bottom:40px; }
.M22_B .tit_e + .tit_b { margin-top:0; }
/*.M22_B .tit_e + .view_cont,*/
.M22_B .tit_b + .view_cont { margin-top:40px; }
.view_cont .M22_B_cont { width:100%;margin:50px 0 0 0; }
.view_cont .tab_slide_area {margin:70px 0 30px 0;}

.M22_B .only-pc {display:block !important;}
.M22_B .only-mobile {display:none !important;}

.top_bar { position:relative; }
.top_bar:before { position:absolute;top:0;left:0;width:100%;height:4px;content:''; }
.top_bar.gray:before { background:rgba(0,0,0,0.3); }
.top_bar.black:before { background:#000; }
.top_bar.blue:before { background:#1778EA; }
.top_bar.blue_light:before { background:#1778ea4d; }

.M22_B .view_cont { position:relative; }
.M22_B .view_cont .md_tit { font-weight:bold;font-size:40px;line-height:58px; }
.M22_B .view_cont .md_txt { margin-top:20px;font-size:20px;line-height:32px; }
.M22_B .view_cont > .md_btn { position:absolute;top:0;right:0; }
.M22_B .view_cont > .md_btn .btn_ty { min-width:160px; }
.M22_B .view_cont .md_cont { display:flex;margin-top:50px; }
.M22_B .view_cont .right .table_ty05 th:first-of-type { display:none;width:0; }
.M22_B .view_cont .table_ty05 th, 
.M22_B .view_cont .table_ty05 td { padding:20px 20px; }

.M22_B .view_cont .table_ty05.thick tbody th,
.M22_B .view_cont .table_ty05.thick tbody td { padding: 3.8rem 2rem; }

.M22_B .view_cont .table_ty05 tr.ti th { height:66px;padding:18px 20px; }
.M22_B .view_cont .table_ty05 tr.width1 th,
.M22_B .view_cont .table_ty05 tr.width1 td  { width:100%; }
.M22_B .view_cont .table_ty05 tr.width3 th,
.M22_B .view_cont .table_ty05 tr.width3 td  { width:33.33%; }
.M22_B .view_cont .table_ty05 tr.hightx2 th, 
.M22_B .view_cont .table_ty05 tr.hightx2 td { height:140px; }
.M22_B .view_cont .table_ty05 tr.hight240 th,
.M22_B .view_cont .table_ty05 tr.hight240 td { height:240px; }
.M22_B .view_cont .table_ty05 .md_btn { margin-top:40px; }

/* txt_dec */
.M22_B .view_cont .txt_dec { margin-top:20px; }
.M22_B .view_cont .txt_dec li {color: #888;font-size: 18px;}

.M22_B .view_cont .noti { margin-top:40px; }
.M22_B .view_cont .plus_info > p { font-size:30px;line-height:42px; }
.M22_B .plus_info > p span { margin-top:5px;color:rgba(0,0,0,0.5); }

.M22_B .view_cont .mh_item_block {display:block;} /* M22_B.js */
.M22_B .view_cont .mh_item_flex {display:inline-flex;max-width:100%;align-items:center;} /* M22_B.js */

.M22_B .view_cont .distance_400 { padding:15px 15px; }
.M22_B .view_cont .distance_500 { padding:21px 20px 20px; }
.M22_B .view_cont .distance_600 { padding:30px 15px; }
.M22_B .view_cont .distance_700 { padding:30px 40px 40px; }

.M22_B .view_cont .title_700 { font-size:24px;line-height:28px; }
.M22_B .view_cont .title_600 { font-size:20px;line-height:28px; }
.M22_B .view_cont .title_500 { font-size:18px;line-height:26px; }
.M22_B .view_cont .title_400 { font-size:16px;line-height:28px; }

.M22_B .with_btn .top_bar { height:240px; }

/* .M22_B_cont */
.M22_B_cont { display:flex;flex-wrap:wrap; }
.M22_B_cont [class^='img_'] { width: 100%; }
.M22_B_cont .img_p { display: block; }
.M22_B_cont .img_m { display: none; }

/* .M22_B_cont */
.M22_B_cont { display:flex;flex-wrap:wrap; }

/* price_wrap */
.M22_B .price_wrap {width:100%;background-color:#fff;}
.M22_B .price_wrap:after {content:"";display:block;clear:both;}
.M22_B .price_wrap .price_title { position:relative;float:left;width:54px;height:100%;border:1px solid #ddd; }
.M22_B .price_wrap .price_title .rotate { position:absolute;top:50%;right:50%;transform:rotate(270deg) translateX(50%) translateY(-50%);transform-origin:right top;white-space:nowrap; }
.M22_B .price_wrap .price_title + .price_list {float:left;width:calc(100% - 80px);border-left:none;}

/* price_list */
.M22_B .price_list {display:table;width:100%;table-layout:fixed;text-align:center;border:1px solid #ddd;border-top:none;}
.M22_B .price_list .left {text-align:left;}
.M22_B .price_list > li {display:table-cell;vertical-align:top;}
.M22_B .price_list > li + li {border-left:1px solid #ddd;}
.M22_B .price_list > li > .line {position:relative;background-color:#fff;border-top:1px solid #ddd;}
.M22_B .price_list > li.gray {background-color:#fafafa;}
.M22_B .price_list > li.gray > .line {background-color:#fafafa;}
.M22_B .price_list > li .bullet_list li {font-size: 16px;}

/* price_box */
.M22_B .price_box {position:relative;}
.M22_B .price_box .price { margin-top:10px; }
.M22_B .price_box .price .current { display:block;font-weight:bold;font-size:32px;line-height:47px; }
.M22_B .price_box .price .discount { display:block;position:relative;height:33px;font-size:20px;line-height:32px;color:rgba(0,0,0,0.5);text-decoration:line-through; }

.M22_B .price_box .period { margin-top:6px;line-height:24px; }
.M22_B .price_box .md_btn { margin-top:26px;line-height:24px; }

/* bullet_list */
.M22_B .bullet_list { display:block;width:100%;letter-spacing:-0.8px; }
.M22_B .bullet_list li { font-size: 18px; padding-left: 20px; position: relative; }
.M22_B .bullet_list li::before { content:attr(data-bullet); margin-right:5px; position: absolute; top: 0; left: 0; }
.M22_B .bullet_list li[data-bullet="-"] { padding-left: 11px; }
.M22_B .bullet_list li[data-bullet="※"] { padding-left: 20px; }

.M22_B .bullet_list.tight { margin-top: 0; }
.M22_B .bullet_list.tight ~ [class^='title_'],
.M22_B .bullet_list.tight + .bullet_list.tight { display: block; margin-top: 3.6rem; }

.M22_B * + .bullet_list { margin-top:20px; }
.M22_B .price_wrap + .bullet_list { margin-top:8px;}
.M22_B .bullet_list + .bullet_list { margin-top:0px; }

/* divider */
.M22_B .divider {display:block;width:100%;}
.M22_B .divider .icon_plus { position:relative;margin:16px auto;display:block;width:24px;height:24px; }
.M22_B .divider .icon_plus:before,
.M22_B .divider .icon_plus:after {content:"";position:absolute;top:50%;left:50%;display:block;width:24px;height:2px;background-color:#000;transform:translate(-50%, -50%);}
.M22_B .divider .icon_plus:after { width:2px;height:24px; }

/* sentinel */
.M22_B .sentinel_box {display: flex; float:none; height: auto; margin-bottom: 20px; }
.M22_B .sentinel_box:last-child {margin-bottom:0;}
.M22_B .sentinel_box > .sentinel_area {position: relative; float: left; padding: 20px 0; border: 2px solid #0098C2; text-align: center; box-sizing: border-box; }
.M22_B .sentinel_box > .sentinel_area:last-child {margin-right: 0;}
.M22_B .sentinel_box > .sentinel_area .sentinel_in {margin:0 auto; width: 80%;}
.M22_B .sentinel_box > .sentinel_area .tit { display:flex; flex-direction: column; justify-content: center; position: relative; margin-bottom:10px; padding-bottom:10px; font-size:16px; } /* 210329 modify */
.M22_B .sentinel_box > .sentinel_area .tit:after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; background-color: #ccc;}
.M22_B .sentinel_box > .sentinel_area .tit strong {display:block; font-size:20px;}
.M22_B .sentinel_box.bullet { width: 100%; min-height: 245px; }
.M22_B .sentinel_box.bullet .arr_wrap { display: flex; align-items: center;justify-content: center; width: 15%; max-width: 134px; margin: 0 auto; padding: 0;border: 0; }
.M22_B .sentinel_box.bullet > .sentinel_area {width: 350px;}
.M22_B .sentinel_box.bullet > .sentinel_area .sentinel_in{ max-width: 245px;}
.M22_B .sentinel_box.bullet > .sentinel_area .sentinel_in li { margin-bottom: 7px; line-height: 1.5;}
.M22_B .sentinel_box.bullet > .sentinel_area ul p {display:inline-block;  position:relative; word-break: break-all;}
.M22_B .sentinel_box.bullet > .sentinel_area ul li:before {content:''; display:inline-block; width: 3px; height: 3px;  margin-right: 5px; border-radius: 100%; background-color: #000; vertical-align:middle;}
.M22_B .sentinel_box.bullet .arrow { display:inline-block;  position:relative; background: #9db3c6; }
.M22_B .sentinel_box.bullet .arrow.right { right: 5px; width: 62px; height: 2px; vertical-align: middle;}
.M22_B .sentinel_box.bullet .arrow:after { content:''; position:absolute; width:0; height:0; border-style:solid; }
.M22_B .sentinel_box.bullet .arrow.right:after {border-width: 8px 11px;}
.M22_B .sentinel_box.bullet .arrow.right:after { top: -7px; left: 100%; border-color: transparent transparent transparent #9DB3C6; }
.M22_B .sentinel_box.figure > .sentinel_area { display: flex;   align-items: center; font-weight:bold;  font-size: 20px; margin:0; padding: 30px 20px;}
.M22_B .sentinel_box.figure > .sentinel_area p { display:block; position:relative;}
.M22_B .sentinel_box.figure > .sentinel_area .plus {width:100%; height:40px;}
.M22_B .sentinel_box.figure > .sentinel_area .plus:before,.M22_B .sentinel_box.figure > .sentinel_area .plus:after {content: ''; display: block; position: absolute; left: 50%; background-color: #9DB3C6;}
.M22_B .sentinel_box.figure > .sentinel_area .plus:before {top: 0; width: 16px; height: 2px; margin-top: 19px; margin-left: -10px;}
.M22_B .sentinel_box.figure > .sentinel_area p:first-child:after {content:none;}
.M22_B .sentinel_box.figure > .sentinel_area p:after {top: 0; width: 2px; height: 16px; margin-left: -3px; margin-top: 12px; }
.M22_B .sentinel_box.figure > .sentinel_area p:first-child {padding-top:0;}
.M22_B .sentinel_box.figure > .sentinel_area p:first-child:before,.M22_B .sentinel_box.figure > .sentinel_area span:first-child:after {content:none;}
.M22_B .sentinel_box.figure > .sentinel_area:first-child{position: relative; width:403px; margin-right: 20px;}
.M22_B .sentinel_box.figure > .sentinel_area:first-child .sentinel_in {padding-right:20px;}
.M22_B .sentinel_box.figure > .sentinel_area:last-child{width: 895px;}
.M22_B .sentinel_box.figure .circle{ position: absolute; top: 50%; right: -80px; transform: translateY(-50%); width: 135px; height: 135px; padding: 10px; border: 11px solid #C9E1F2; border-radius: 100%; color: #fff; z-index: 2;}
.M22_B .sentinel_box.figure .circle .circle_txt{display: flex; position:absolute; top:0; left:0; align-items: center; justify-content: center; float:none; width: 114px; height: 114px; border-radius: 100%; font-weight:bold; font-size:16px; background-color: #2987CA;  }
/* //sentinel */

/* price new */
.view_cont .M22_B_cont.verti_l .price_wrap:first-of-type { width:23.9%; }
.view_cont .M22_B_cont.verti_l .price_wrap:last-of-type { width:71.9%; }
.view_cont .M22_B_cont.verti_l .divider { display: flex;  align-items: center; width:4.2%; }
.view_cont .M22_B_cont.verti_l .price_wrap .price_title {float:none; width:100%; height:70px; border-bottom:0; }
.view_cont .M22_B_cont.verti_l .price_wrap .price_title strong { display:flex; height:100%; align-items: center; justify-content: center; transform: none; }
.view_cont .M22_B_cont.verti_l .price_title + .price_list {width:100%; border-left: 1px solid #ddd;}
/* //price new */


/* 유료플랜추가 */
.M22_B .info_txt_box.box_cont .ty02 {font-weight:normal;}
.M22_B .info_txt_box.ty02 {padding: 50px 0 30px 0;}
.M22_B .info_txt_box.ty02 .box_tit .noti {margin-top:0;}
.M22_B .ico_dot {margin-top:10px;}
.M22_B .ico_dot p {position:relative;padding-left:10px;}
.M22_B .ico_dot p:before {position:absolute;left:0;top:13px;width:4px;height:4px;border-radius:50%;background:#000;content:"";}

/* title box add */
.M22_B .md_cont02 .md_box {padding-top:20px;border-top:2px solid #000;}
.M22_B .md_cont02 .md_box .md_tit {display:block;position:relative;padding-left:15px;margin-top:20px;}
.M22_B .md_cont02 .md_box .md_tit:first-child {margin-top:0;}
.M22_B .md_cont02 .md_box .md_tit:before {display:inline-block;position:absolute;left:0;top:15px;width:8px;height:2px;background:#000;content:'';}
.M22_B .md_cont02 .md_box .md_txt {padding-left:15px;margin-top:10px;}
.M22_B .md_cont02 .md_box + .table_ty03 {margin-top:10px;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M22_B .tit_e {margin-bottom:10px;}
    .M22_B .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M22_B .tit_b + .view_cont {margin-top:20px;}
    .txt_ty .M23_A_cont .li:last-child {padding-bottom:0;}
    .view_cont .tab_slide_area {margin:40px 0 20px 0;}

    .M22_B .only-pc {display:none !important;}
    .M22_B .only-mobile {display:block !important;}   
 
    .top_bar:before { height:2px; }
   
    .M22_B .view_cont .md_tit { font-size:24px;line-height:36px; }
    .M22_B .view_cont .md_txt { margin-top:10px;font-size:14px;line-height:24px; }
    .M22_B .view_cont > .md_btn { position:static;margin-top:30px;text-align:center; }
    .M22_B .view_cont > .md_btn .btn_ty { min-width:216px; }
    .M22_B .view_cont .md_cont { flex-wrap:wrap; }
    .M22_B .view_cont .left { width:100%; }
    .M22_B .view_cont .right { width:100%;margin-top:20px;margin-left:0; }
    .M22_B .view_cont .right .table_ty05 th:first-of-type { display:table-cell;width:32%; }
    .M22_B .view_cont .table_ty05 th, 
    .M22_B .view_cont .table_ty05 td { height:48px;padding:12px 16px; }

    .M22_B .view_cont .table_ty05.thick tbody th,
    .M22_B .view_cont .table_ty05.thick tbody td { padding: 1.2rem 1.6rem; }

    .M22_B .view_cont .table_ty05 tr.ti th { height:46px;padding:11px 16px; }
    .M22_B .view_cont .table_ty05 tr.width1 th,
    .M22_B .view_cont .table_ty05 tr.width1 td  { width:100%; }
    .M22_B .view_cont .table_ty05 tr.width3 th,
    .M22_B .view_cont .table_ty05 tr.width3 td  { width:auto; }
    .M22_B .view_cont .table_ty05 tr.hightx2 th, 
    .M22_B .view_cont .table_ty05 tr.hightx2 td { height:70px; }
    .M22_B .view_cont .table_ty05 tr.hight240 th,
    .M22_B .view_cont .table_ty05 tr.hight240 td { height:70px; }
    .M22_B .view_cont .table_ty05 .md_btn { margin-top:12px; }
    .M22_B .view_cont .table_ty05 .tit_m { font-size:20px;line-height:32px; }

    .M22_B .view_cont .noti { margin-top:20px; }
    .M22_B .view_cont .plus_info > p { font-size:16px;line-height:28px; }  
    .M22_B .view_cont .plus_info > p span { margin-top:0; }
    .M22_B .view_cont .ic_info_sm { display:none; }

    .M22_B .view_cont .distance_400 { padding:15px 15px; }
    .M22_B .view_cont .distance_500 { padding:12px 20px; }
    .M22_B .view_cont .distance_600 { padding:20px 15px; }
    .M22_B .view_cont .distance_700 { padding:14px; }

    .M22_B .view_cont .title_700 {font-size:22px;line-height:26px;}
    .M22_B .view_cont .title_600 {font-size:20px;line-height:26px;}
    .M22_B .view_cont .title_500 { font-size:16px;line-height:24px; }    
    .M22_B .view_cont .title_400 { font-size:14px;line-height:22px; } 

    /* price_wrap */
    .M22_B .price_wrap .price_title {float:none;width:100%;height:inherit;border:1px solid #ddd;border-bottom:none;padding:15px 10px;text-align:center;}
    .M22_B .price_wrap .price_title .rotate {position:relative;top:inherit;right:inherit;transform:none;white-space:inherit;}
    .M22_B .price_wrap .price_title + .price_list {float:none;width:100%;border:1px solid #ddd;border-top:none;}  

    /* price_box */
    .M22_B .price_box {transform:scale(0.8);}

    /* bullet_list */
    .M22_B * + .bullet_list {margin-top:8px;}
    .M22_B .price_wrap + .bullet_list {margin-top:8px;}
    .M22_B .bullet_list + .bullet_list {margin-top:4px;}

    /* sentinel */
    .M22_B .sentinel_box.figure > .sentinel_area:first-child { min-width:249px; padding-right:40px; }
    .M22_B .sentinel_box.figure > .sentinel_area p {font-size:18px;}
    .M22_B .sentinel_box.bullet .arrow.right { width:25px; margin-bottom: -20px; }
    .M22_B .sentinel_box.bullet .arrow.right:after { top: -6px; border-width: 7px 7px;}
    /* //sentinel */

    .M22_B .bullet_list li {font-size: 14px;}
    .M22_B .view_cont .txt_dec li {font-size: 14px;}
    .M22_B .price_list > li .bullet_list li {font-size: 14px;}

    .M22_B .bullet_list.tight ~ [class^='title_'],
    .M22_B .bullet_list.tight + .bullet_list.tight { margin-top: 1.8rem; }

    .M22_B_cont .img_p { display: none; }
    .M22_B_cont .img_m { display: block; }
}


@media all and (max-width:700px){
    .M22_B .with_btn .top_bar { height:auto; }

    /* price_wrap */
    .M22_B .price_wrap { background-color:transparent; }
    .M22_B .price_wrap > .price_title { height:auto !important;padding:0 0 16px !important;border:0; }
    .M22_B .price_wrap > .price_title strong { display:block !important;font-size:16px;line-height:24px;text-align:left; }
   
    /* price_list */
    .M22_B .price_list { border:0; }
    .M22_B .price_list > li { margin-top:16px;border:1px solid #ddd; }
    .M22_B .price_list > li:first-of-type { margin-top:0; }
    .M22_B .price_list {display:block;text-align:center; }
    .M22_B .price_list > li {display:block;width:100%;}
    .M22_B .price_list > li.gray {display:none;}
    .M22_B .price_list > li.gray + li { margin-top:0; }

    /* price_box */
    .M22_B .price_box {transform:none;}
    .M22_B .price_box .price .current {font-size:28px;line-height:24px;}
    .M22_B .price_box .price .discount { height:auto;font-size:14px;line-height:24px;}
    .M22_B .price_box .price .discount:not(:empty):before {left:-10px;right:-10px;}
    .M22_B .price_box .price .discount:empty + .current { padding-top:0;padding-bottom:2px; }
    .M22_B .price_box .price .discount:not(:empty) + .current { padding-top:0;padding-bottom:2px; }
    .M22_B .price_box .period {margin-top:10px;}
    .M22_B .price_box .md_btn { margin-top:12px; }
    .M22_B .price_box.short .price {margin-top:19px;}

    /* divider */
    .M22_B .divider .icon_plus {margin:10px auto;}

    /* sentinel */
    .M22_B .sentinel_one_wrap {display:flex; float:none;}
    .M22_B .sentinel_box {flex-direction: column; float: left;}
    .M22_B .sentinel_box > .sentinel_area .tit strong {font-size:18px;}
    .M22_B .sentinel_box > .sentinel_area .tit:after {max-width:134px;}
    .M22_B .sentinel_box.bullet {width: 65%; min-width:194px; margin-right: 5%;  margin-bottom:0;}
    .M22_B .sentinel_box.bullet .sentinel_in { width:100%; max-width:unset; padding:0 30px; }
    .M22_B .sentinel_box.bullet .arr_wrap {display:block; width: 101px; height: 101px; margin:0 auto !important; float:none; -ms-transform: rotate(90deg); transform: rotate(90deg); max-width: unset; }
    .M22_B .sentinel_box.bullet > .sentinel_area {width:100%;max-width:unset;display: block;}
    .M22_B .sentinel_box.bullet > .sentinel_area:last-child {margin-bottom:0;}
    .M22_B .sentinel_box.bullet .arrow.right { display: flex; right: -45px; top: 50%; transform: translate(-50%, -50%); float:none; width: 50px;  margin-bottom: 0;}
    .M22_B .sentinel_box.bullet .arrow.right:after {top:-7px; border-width:8px 11px;}
    .M22_B .sentinel_box.figure { width: 30%; min-width:91px; }
    .M22_B .sentinel_box.figure > .sentinel_area { width:100% !important;  padding: 30px 30px;  }
    .M22_B .sentinel_box.figure > .sentinel_area p { font-size:14px; }
    .M22_B .sentinel_box.figure > .sentinel_area:first-child { min-width:auto; min-height:254px; margin-right:0; margin-bottom:37px; padding:20px 0 40px;}
    .M22_B .sentinel_box.figure > .sentinel_area:first-child .sentinel_in {padding-right:20px !important; padding-left:20px;}
    .M22_B .sentinel_box.figure > .sentinel_area:last-child {flex-grow:1; }
    .M22_B .sentinel_box.figure .circle { top: 100%; -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); right: 50%; width:91px; height:91px; margin-top: 20px; margin-right: 0; border: 8px solid #C9E1F2; }
    .M22_B .sentinel_box.figure .circle .circle_txt{ width:76px; min-width: 76px; height:76px; font-size:12px; line-height:16px; } /* 210330 modify */
    .M22_B .sentinel_box.figure .sentinel_in {width:100%;} 
    /* //sentinel */

    /* price new */
    .view_cont .M22_B_cont.verti_l .price_wrap:first-of-type { width:100%; }
    .view_cont .M22_B_cont.verti_l .price_wrap:last-of-type { width:100%; }
    .view_cont .M22_B_cont.verti_l .divider { width:100%; }
    .view_cont .M22_B_cont.verti_l .price_list > li + li { border-top: 0;}

    /* title box add */
    .M22_B .md_cont02 .md_box {padding-top:12px;}
    .M22_B .md_cont02 .md_box .md_tit {padding-left:10px;margin-top:12px;}
    .M22_B .md_cont02 .md_box .md_tit:first-child {margin-top:0;}
    .M22_B .md_cont02 .md_box .md_tit:before {left:0;top:12px;width:6px;}
    .M22_B .md_cont02 .md_box .md_txt {padding-left:10px;margin-top:5px;}
    .M22_B .ico_dot.ty02 {font-size:12px;line-height:24px;}
    .M22_B .ico_dot.ty02 p:before {width:3px;height:3px;top:11px;}
}

/* 240722 브리티 오토메이션 가격정책 테이블 */
.M22_B .img_brity {margin-top: 50px; width: 100%;}
.M22_B .img_brity img{width: 100%;}
.M22_B .table_ty_brity {overflow-x: auto; margin-top: 50px;}
.M22_B .table_ty_brity table{min-width: 1050px;}
.M22_B .table_ty_brity thead tr th {border-right: 1px solid rgba(255,255,255,0.5); color: #fff; text-align: center; font-weight: normal; }
.M22_B .table_ty_brity thead tr th:last-child {border-right: none;}
.M22_B .table_ty_brity thead tr:first-child th {background-color: #485E71; font-size: 1.6rem; line-height: 2.4rem; height: 60px;}
.M22_B .table_ty_brity thead tr:last-child th {background-color: #7191AE; font-size: 1.5rem; line-height: 2.2rem; height: 80px;}
.M22_B .table_ty_brity thead tr:first-child th:nth-child(2){border-radius: 20px 0 0 0;}
.M22_B .table_ty_brity thead tr:first-child th:last-child{border-radius: 0 20px 0 0;}
.M22_B .table_ty_brity thead tr th.none {border: none; background: none;}
.M22_B .table_ty_brity .table_wrap{overflow: hidden; border-radius: 10px 0 10px 10px; border: 1px solid #3566D7; min-width: fit-content; width: 100%;}
.M22_B .table_ty_brity tbody tr td.check{text-align: center;}
.M22_B .table_ty_brity tbody tr td.check.type2{background-color: #fff; font-size: 1.4rem; line-height: 2.2rem; color: #485e71; font-weight: bold;}
.M22_B .table_ty_brity tbody tr td.check span{display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #485E71; position: relative;}
.M22_B .table_ty_brity tbody tr td.check span::before{position: absolute; content: ""; display: block; width: 18px; height: 18px; background-color: #f8fafc; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.M22_B .table_ty_brity tbody tr {border-bottom: 1px dashed #ddd;}
.M22_B .table_ty_brity tbody tr.solid {border-bottom: 1px solid #ddd;}
.M22_B .table_ty_brity tbody tr:last-child {border-bottom: none;}
.M22_B .table_ty_brity tbody tr td{padding: 20px; border-right: 1px solid #ddd;}
.M22_B .table_ty_brity tbody tr td:last-child{border-right: none;}

.M22_B .table_ty_brity tbody tr td.group_td {border-bottom: 1px solid #fff; color: #fff; font-weight: normal; font-size: 1.8rem; line-height: 2.6rem; background-color: #3566D7; vertical-align: top;}
.M22_B .table_ty_brity tbody tr td.group_td span{display: block; padding: 5px 10px; font-size: 1.3rem; color: #3566d7; background-color: #fff; width: fit-content; border-radius: 30px; margin-bottom: 8px; font-weight: bold;}
.M22_B .table_ty_brity tbody td ul li {position: relative; padding-left: 14px;}
.M22_B .table_ty_brity tbody td ul li::before{content: ""; display: block; width: 5px; height: 5px; background-color: #666; position: absolute; left: 0; top: 12px; border-radius: 50%;}
.M22_B .table_ty_brity tbody td ul li + li{margin-top: 6px;}
.M22_B .table_ty_brity tbody td ul li .label{font-size: 1.3rem; color: #fff; background-color: #637B8F; padding: 2px 12px; display: inline-flex; height: 22px; align-items: center; justify-content: center;}
.M22_B .table_ty_brity .bdbn{border-bottom: none !important;}

@media all and (max-width:1023px) {
    .M22_B .table_ty_brity tbody td ul li::before{top: 10px;}
    .M22_B .table_ty_brity thead tr:first-child th{font-size: 1.4rem; line-height: 2.2rem;}
    .M22_B .table_ty_brity thead tr:last-child th{font-size: 1.3rem; line-height: 2rem;}
    .M22_B .table_ty_brity tbody tr td.group_td span{font-size: 1.3rem;}
    .M22_B .table_ty_brity tbody tr td.group_td{font-size: 1.6rem; line-height: 2.4rem;}
    .M22_B .table_ty_brity tbody tr td.check.type2{font-size: 1.2rem; line-height: 2rem;}
    .M22_B .table_ty_brity tbody td ul li .label{font-size: 1.2rem;}
}
/* 240722 브리티 오토메이션 가격정책 테이블 */

/* M122_table 240722 브리티 오토메이션 사양 */
.M22_B .table_ty_brity_sol{margin-top: 50px; border-style: none;}
.M22_B .table_ty_brity_sol .bg_type01{background-color: #E7ECF0; font-weight: normal; color: #000;}
.M22_B .table_ty_brity_sol .bg_type02{background-color: #3566D7;}
.M22_B .table_ty_brity_sol .bg_type03{background-color: #485E71;}
.M22_B .table_ty_brity_sol .bg_type04{background-color: #F4F9FF; text-align: center; font-size: 1.8rem; font-weight: bold;}
.M22_B .table_ty_brity_sol .table_wrap{overflow: hidden; border-radius: 0 0 10px 10px; border: 1px solid #ddd; min-width: fit-content; width: 100%;}
.M22_B .table_ty_brity_sol thead th div{border: 1px solid #ddd; border-bottom: none; border-radius: 10px 10px 0 0; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; margin: 0 2px; color: #fff;}
.M22_B .table_ty_brity_sol thead th:first-child div{margin-left: 0;}
.M22_B .table_ty_brity_sol thead th:last-child div{margin-right: 0;}
.M22_B .table_ty_brity_sol tbody tr{border-bottom: 1px solid #ddd;}
.M22_B .table_ty_brity_sol tbody tr:last-child{border-bottom: none;}
.M22_B .table_ty_brity_sol tbody td{padding: 20px; font-size: 1.5rem; line-height: 26px; border-right: 1px solid #ddd;}
.M22_B .table_ty_brity_sol tbody td:last-child{border-right: none;}
.M22_B .table_ty_brity_sol tbody td.has_bdr{border-right: 1px solid #ddd;}
.M22_B .table_ty_brity_sol tbody td ul li {position: relative; padding-left: 14px;}
.M22_B .table_ty_brity_sol tbody td ul li::before{content: ""; display: block; width: 5px; height: 5px; background-color: #666; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); border-radius: 50%;}
.M22_B .table_ty_brity_sol tbody td ul li + li{margin-top: 6px;}


@media all and (max-width:1023px) {
    .M22_B .table_ty_brity_sol thead th div{font-size: 1.6rem;}
    .M22_B .table_ty_brity_sol .bg_type04{font-size: 1.6rem; line-height: 2.2rem;}
    .M22_B .table_ty_brity_sol tbody td{font-size: 1.3rem;}
}
/* M122_table 240722 브리티 오토메이션 사양 */



/*** M23_A | Catalog Link ***/
.M23_A .tit_e {margin-bottom:20px;} 
.M23_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M23_A .tit_e + .tit_b {margin-top:0;}
.M23_A_cont {position:relative;}
.M23_A_cont .li {position:relative;padding:40px 0;border-bottom:1px solid #ddd;}
.M23_A_cont .li:first-child {border-top:2px solid #000;}
.M23_A_cont .li:after {display:block;clear:both;height:0;content:"";}

/* prod_tit */
.M23_A_cont .prod_tit {float:left;width:32%;padding-right:5%;padding-left:2px;box-sizing:border-box;}
.M23_A_cont .prod_tit .md_tit {display:block;}
.M23_A_cont .prod_tit .md_txt {margin-top:10px;}
.M23_A_cont .prod_tit .md_btn {margin-top:10px;}
.M23_A_cont .prod_tit .md_btn .btn_arrow span:after {display:inline-block;position:relative;top:2px;}

/* prod_list */
.M23_A_cont .prod_list {float:left;width:68%;padding-left:26px;}
.M23_A_cont .prod_list > dl,
.M23_A_cont .prod_list > .list {width:90%;margin-top:40px;}
.M23_A_cont .prod_list > dl:first-child,
.M23_A_cont .prod_list > .list:first-child {margin-top:0;}
.M23_A_cont .prod_list > dl > dt,
.M23_A_cont .prod_list > .list > strong {font-weight:bold;}
.M23_A_cont .prod_list > dl > dd,
.M23_A_cont .prod_list > .list > div {margin-top:10px;}

/* 20231228 button 추가 -ver */
.M23_A.v1 .M23_A_cont .prod_tit { width: 23%; padding-right: 2%; }
.M23_A.v1 .M23_A_cont .prod_list { width: 77%; display: flex; justify-content: space-between; }
.M23_A.v1 .M23_A_cont .prod_list .list .ico_b1 li { padding-right: 30px; }
/* //20231228 button 추가 -ver */

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M23_A .tit_e {margin-bottom:10px;}
    .M23_A .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M23_A_cont .li {padding:20px 0 40px 0;border-top:2px solid #000;border-bottom:0;}

    /* prod_tit */
    .M23_A_cont .prod_tit {float:none;width:100%;padding-right:0;}
    .M23_A_cont .prod_tit .md_btn .btn_arrow span:after {top:3px;}
    .M23_A_cont .prod_tit .md_btn .btn_arrow span br {display:none;}

    /* prod_list */
    .M23_A_cont .prod_list {float:none;width:100%;margin-top:20px;padding-top:20px;padding-left:2px;border-top:1px solid #ddd;}
    .M23_A_cont .prod_list > dl,
    .M23_A_cont .prod_list > .list {width:100%;margin-top:20px;}

    /* 20231228 button 추가 -ver */
    .M23_A.v1 .M23_A_cont .prod_list { width: 100%; flex-wrap: wrap; }
    .M23_A.v1 .M23_A_cont .prod_list .list { margin-bottom: 20px; }
    .M23_A.v1 .M23_A_cont .prod_list .list .ico_b1 li { padding-right: 0; }
    /* //20231228 button 추가 -ver */
}







/*** M24_A | Catalog List ***/
.M24_A .tit_e {margin-bottom:20px;}
.M24_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M24_A .tit_e + .tit_b {margin-top:0;}

/* owl-carousel */
.M24_A_cont .owl-carousel:after {content:"";display:block;clear:both;}
.M24_A_cont .owl-navm{width: calc(100% - 60px);}
.M24_A_cont .owl-carousel .li {float:left;width:calc( 25% - 20px );margin-right:26px;padding-left:20px;padding-right:20px;}
.M24_A_cont .owl-carousel .li:after {content:"";display:block;clear:both;}
.M24_A_cont .owl-carousel .li:nth-child(n+5) {margin-top:60px;}
.M24_A_cont .owl-carousel .li:nth-child(4n) {margin-right:0;}
.M24_A_cont .owl-carousel .li:nth-child(4n+1) {clear:both;}
.M24_A_cont .owl-pagn {display:none;}

/* list */
.M24_A_cont .li .md_link {display:inline-block;position:relative;}
.M24_A_cont .li .md_link:after {content:"";display:inline-block;background:url("https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943") center center no-repeat;transition: all 0.3s;}
.M24_A_cont .li .ico {width:110px;height:110px;margin-bottom:20px;background:none;}
.M24_A_cont .li .ico a {display:block;}
.M24_A_cont .li .ico img {width:100%;}
.M24_A_cont .li .txt .md_tit {display:block;font-size:28px;line-height:40px;}
.M24_A_cont .li .txt .md_tit .md_link {padding-right:33px;}
.M24_A_cont .li .txt .md_tit .md_link:after {position:absolute;top:9px;right:0;width:20px;height:20px;border:1px solid #ddd;}
.M24_A_cont .li .txt .md_tit .md_link:hover:after,
.M24_A_cont .li .txt .md_tit .md_link:focus:after { background-image: url("https://image.samsungsds.com/module_src/images/icon/icon-arrow-right_hover.svg?queryString=20241210125943"); background-repeat: no-repeat; background-position: center; border: 1px solid #2189ff; }
.M24_A_cont .li .txt .md_txt {margin-top: 10px;font-size: 18px;}
.M24_A_cont .li .list {margin-top:30px;border-top:1px solid #ddd;}
.M24_A_cont .li .list:after {content:"";display:block;clear:both;}
.M24_A_cont .li .list .name {margin-top:30px;display:block;}
.M24_A_cont .li .list .name .md_link:after {margin-left:6px;width:12px;height:12px;}
.M24_A_cont .li .list .copy {margin-top:2px;}

@media all and (min-width:1024px){
    /* owl-carousel */
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(-n+3),
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(-n+3) ~ .li {float:none;width:100%;margin-right:0;padding-left:88px;padding-right:0;}
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(-n+3) ~ .li {margin-top:60px;}

    /* list */
    .M24_A_cont .li:first-child:nth-last-child(-n+3) .ico,
    .M24_A_cont .li:first-child:nth-last-child(-n+3) ~ .li .ico {float:left;margin-right:26px;}
    .M24_A_cont .li:first-child:nth-last-child(-n+3) .txt,
    .M24_A_cont .li:first-child:nth-last-child(-n+3) ~ .li .txt,
    .M24_A_cont .li:first-child:nth-last-child(-n+3) .list,
    .M24_A_cont .li:first-child:nth-last-child(-n+3) ~ .li .list {float:right;width:100%;}
    .M24_A_cont .li:first-child:nth-last-child(-n+3) .ico ~ .txt,
    .M24_A_cont .li:first-child:nth-last-child(-n+3) ~ .li .ico ~ .txt,
    .M24_A_cont .li:first-child:nth-last-child(-n+3) .ico ~ .list,
    .M24_A_cont .li:first-child:nth-last-child(-n+3) ~ .li .ico ~ .list {width:calc( 100% - 110px - 26px );}
    .M24_A_cont .li:first-child:nth-last-child(-n+3) .list .item,
    .M24_A_cont .li:first-child:nth-last-child(-n+3) ~ .li .list .item {float:left;width:calc( 50% - 13px );margin-right:26px;}
    .M24_A_cont .li:first-child:nth-last-child(-n+3) .list .item:nth-child(2n),
    .M24_A_cont .li:first-child:nth-last-child(-n+3) ~ .li .list .item:nth-child(2n) {margin-right:0;}
    .M24_A_cont .li:first-child:nth-last-child(-n+3) .list .name,
    .M24_A_cont .li:first-child:nth-last-child(-n+3) ~ .li .list .name,
    .M24_A_cont .li:first-child:nth-last-child(-n+3) .list .copy,
    .M24_A_cont .li:first-child:nth-last-child(-n+3) ~ .li .list .copy {width:90%;}
    .M24_A_cont .li .list .item:only-child {width:100% !important;}

    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) .txt .md_tit,
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) ~ .li .txt .md_tit,
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) .txt .md_txt,
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) ~ .li .txt .md_txt,
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) .list .copy,
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) ~ .li .list .copy {height:auto !important;}

    /* list | M24_B | 210629 add */
    .M24_A_cont.cont_horizontal .owl-carousel:after {content:"";display:block;clear:both;}
    .M24_A_cont.cont_horizontal .owl-navm{width: calc(100% - 60px);}
    .M24_A_cont.cont_horizontal .owl-carousel .li {float: left !important;width: calc( 25% - 20px ) !important;margin-right: 26px !important;padding-left: 20px !important;padding-right: 20px !important;}
    .M24_A_cont.cont_horizontal .owl-carousel .li:first-child:nth-last-child(-n+3) ~ .li { margin-top: 0px; }
    .M24_A_cont.cont_horizontal .owl-carousel .li:after {content:"";display:block;clear:both;}
    .M24_A_cont.cont_horizontal .owl-carousel .li:nth-child(n+5) {margin-top:60px;}
    .M24_A_cont.cont_horizontal .owl-carousel .li:nth-child(4n) {margin-right:0;}
    .M24_A_cont.cont_horizontal .owl-carousel .li:nth-child(4n+1) {clear:both;}
    .M24_A_cont.cont_horizontal .owl-carousel .li:nth-child(4n) { margin-right: 0 !important;}
    .M24_A_cont.cont_horizontal .li:first-child:nth-last-child(-n+3) .ico ~ .txt, .M24_A_cont.cont_horizontal .li:first-child:nth-last-child(-n+3) ~ .li .ico ~ .txt, .M24_A_cont.cont_horizontal .li:first-child:nth-last-child(-n+3) .ico ~ .list, .M24_A_cont.cont_horizontal .li:first-child:nth-last-child(-n+3) ~ .li .ico ~ .list {width:100%;}
    /* //list | M24_B | 210629 add */
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M24_A .tit_e {margin-bottom:10px;}
    .M24_A .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* owl-carousel */
    .M24_A_cont .owl-carousel .li {float:left;width:calc( 50% - 13px );}
    .M24_A_cont .owl-carousel .li:nth-child(2n) {margin-right:0;}
    .M24_A_cont .owl-carousel .li:nth-child(2n+1) {clear:both;}
    .M24_A_cont .owl-carousel .li:nth-child(n+3) {margin-top:60px;}
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3),
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) ~ .li {width:100%;margin-top:60px;}
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) {margin-top:0;}
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) .txt .md_tit,
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) ~ .li .txt .md_tit,
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) .txt .md_txt,
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) ~ .li .txt .md_txt,
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) .list .copy,
    .M24_A_cont .owl-carousel .li:first-child:nth-last-child(3) ~ .li .list .copy {height:auto !important;}
    .M24_A_cont .owl-carousel .li:only-child {width:100%;}

    /* list */
    .M24_A_cont .li .list {margin-top:20px;}
    .M24_A_cont .li .list .name {margin-top:20px;}
    .M24_A_cont.cont_horizontal .owl-carousel .li:first-child:nth-last-child(3), .M24_A_cont.cont_horizontal .owl-carousel .li:first-child:nth-last-child(3) ~ .li { width: calc( 50% - 13px );margin-top:0; }
    .M24_A_cont.cont_horizontal  .owl-carousel .li:nth-child(n+3) { margin-top: 60px !important;}

    .M24_A_cont .li .txt .md_txt {font-size: 14px;}
}

@media all and (max-width:600px){
    /* owl-carousel */
    .M24_A_cont .owl-carousel .ly_use_owl,
    .M24_A_cont .owl-carousel .owl-stage-outer,
    .M24_A_cont .owl-carousel .owl-stage,
    .M24_A_cont .owl-carousel .owl-item {height:auto}
    .M24_A_cont .owl-carousel .owl-item {float:left;width:100%;}
    .M24_A_cont .owl-carousel .li {float:none;width:100%;padding:0 30px 30px 30px;margin-right:0;}
    .M24_A_cont .owl-pagn {display:block;}
    .M24_A_cont .owl-pagn .owl-pagn-bar {transition:width 1s;}
    .M24_A_cont .owl-navm { display: block; }

    /* list */
    .M24_A_cont .li .ico {margin-bottom:10px;}
    .M24_A_cont .li .txt .md_tit {font-size:24px;line-height:36px;}
    .M24_A_cont .li .txt .md_tit .md_link:after {margin-left:7px;}
}



/*** M24_D | Catalog List ***/
.M24_D .tit_e {margin-bottom:20px;}
.M24_D .tit_b {margin-top:-12px;margin-bottom:40px;}
.M24_D .tit_e + .tit_b {margin-top:0;}

/* owl-carousel */
.M24_D_cont .owl-carousel {padding:0 20px;}
.M24_D_cont .owl-carousel:after {content:"";display:block;clear:both;}
.M24_D_cont .owl-navm{width: calc(100% - 60px);}
.M24_D_cont .owl-carousel .li {float:left;width:calc( 20% - 23px );margin-right:28px;text-align:center;}
.M24_D_cont .owl-carousel .li:after {content:"";display:block;clear:both;}
.M24_D_cont .owl-pagn {display:none;}
.M24_D_cont .owl-carousel .active span {background:none;}

/* list */
.M24_D_cont .li .md_link {display:inline-block;position:relative;}
.M24_D_cont .li .ico {width:110px;height:110px;margin-bottom:10px;background:none;}
.M24_D_cont .li .ico a {display:block;}
.M24_D_cont .li .ico img {width:100%;}
.M24_D_cont .li .txt .md_tit {display:block;}
.M24_D_cont .li .txt .list li {margin-top:10px;}

/* owl-carousel left 2022.12.06 new add */
.M24_D_cont .owl-carousel.left { padding:30px 0 0; }
.M24_D_cont .owl-carousel.left .li { width:calc(20% - 60.8px);margin-right:76px;text-align:left; }
/* list left 2022.12.06 new add */
.M24_D_cont .left .li .ico { width:80px;height:80px;margin-bottom:12px; }
.M24_D_cont .left .li .txt .md_txt {margin-top: 10px;font-size: 18px;}
.M24_D_cont .left .li .txt .list { margin-top:15px; }
.M24_D_cont .left .li .txt .list li { margin-top:4px;line-height:24px; }

/* 2023-06-08 추가 시작 */
.M24_D_cont .owl-carousel .list .btn_arrow span {display: inline;position: relative;padding-right: 0;}
.M24_D_cont .owl-carousel .list .btn_arrow span:after {display: none;}
.M24_D_cont .owl-carousel .list .btn_arrow .ico_arrow {display: inline-block;position: relative;top: 0.7rem;right: 0;width: 1.6rem;height: 1.6rem;padding-right: 0;border-width: 0.3rem 0.3rem 0 0;border-style: solid;border-color: #2189ff;box-sizing: border-box;font-size: 0.1rem;color: transparent;vertical-align: top;-webkit-transform: rotate(45deg) scale(0.5);-ms-transform: rotate(45deg) scale(0.5);-moz-transform: rotate(45deg) scale(0.5);-o-transform: rotate(45deg) scale(0.5);transform: rotate(45deg) scale(0.5);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;content: '';}
.M24_D_cont .owl-carousel.left .list .btn_arrow .ico_arrow {top: 0.5rem;}
.M24_D_cont .owl-carousel .list .btn_arrow:hover .ico_arrow,
.M24_D_cont .owl-carousel .list .btn_arrow:focus .ico_arrow {right: -0.3rem;border-color: #0098c2;}
.M24_D_cont .owl-carousel .list .btn_arrow.bk .ico_arrow {border-color: #000;}
.M24_D_cont .owl-carousel .list .btn_arrow.bk:hover .ico_arrow,
.M24_D_cont .owl-carousel .list .btn_arrow.bk:focus .ico_arrow {right: -0.3rem;border-color: #0098c2;}
/* // 2023-06-08 추가 끝 */

@media all and (max-width:1300px){
    /* owl-carousel left 2022.12.06 new add */
    .M24_D_cont .owl-carousel.left .li { width:calc(20% - 46px);margin-right:46px; }
}
@media all and (min-width:1024px){
    .M24_D_cont .owl-carousel .li:nth-child(n+6) {margin-top:60px;}
    .M24_D_cont .owl-carousel .li:nth-child(5n) {margin-right:0;}
    .M24_D_cont .owl-carousel .li:nth-child(5n+1) {clear:both;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M24_D .tit_e {margin-bottom:10px;}
    .M24_D .tit_b {margin-top:-6px;margin-bottom:20px;}

     /* owl-carousel */
    .M24_D_cont .owl-carousel .li {width:calc( 33.3% - 15px );margin-right:20px;}
    .M24_D_cont .owl-carousel .li:nth-child(n+4) {margin-top:60px;}
    .M24_D_cont .owl-carousel .li:nth-child(3n) {margin-right:0;}
    .M24_D_cont .owl-carousel .li:nth-child(3n+1) {clear:both;}

    /* owl-carousel left  2022.12.06 new add */
    .M24_D_cont .owl-carousel.left .li { width:calc(33.3% - 40px);margin-left:40px;margin-right:0; }

    .M24_D_cont .left .li .txt .md_txt {font-size: 14px;}
    html[lang='en'] .M24_D_cont .owl-carousel .list .btn_arrow {font-size: 1.3rem;}
}

/* 2023-06-08 추가 시작 */
@media all and (max-width: 1366px) {
    .M24_D_cont .owl-carousel .list .btn_arrow span {padding-right: 0;}
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .M24_D_cont .owl-carousel .list .btn_arrow span {padding-right: 1.7rem;}
    .M24_D_cont .owl-carousel .list .btn_arrow {position: relative;}
    .M24_D_cont .owl-carousel .list .btn_arrow .ico_arrow {position: absolute;top: 50%;right: 0;margin-top: -0.7rem;}
    .M24_D_cont .owl-carousel.left .list .btn_arrow .ico_arrow {top: 50%;}
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
    .M24_D_cont .owl-carousel .list .btn_arrow span {padding-right: 0;}
}

@media all and (max-width: 768px) {
    .M24_D_cont .owl-carousel .list .btn_arrow span {padding-right: 0;}
    .M24_D_cont .owl-carousel .list .btn_arrow .ico_arrow {top: 0.6rem;width: 1.4rem;height: 1.4rem;}
}
/* // 2023-06-08 추가 끝 */

@media all and (max-width:600px){
    /* owl-carousel */
    .M24_D_cont .owl-carousel {padding:0px;}
    .M24_D_cont .owl-carousel .owl-stage-outer,
    .M24_D_cont .owl-carousel .owl-stage,
    .M24_D_cont .owl-carousel .owl-item {height:auto}
    .M24_D_cont .owl-carousel .owl-item {float:left;width:100%;}
    .M24_D_cont .owl-carousel .li {float:none;width:100%;padding:0 30px 30px 30px;margin-right:0;}
    .M24_D_cont .owl-pagn {display:block;}
    .M24_D_cont .owl-pagn .owl-pagn-bar {transition:width 1s;}

    /* list */
    .M24_D_cont .li .ico {margin-bottom:10px;}

    /* owl-carousel left  2022.12.06 new add */
    .M24_D_cont .owl-carousel.left { display:flex;flex-wrap:wrap;margin-top:-12px;margin-left:0px;padding-top:0; }
    .M24_D_cont .owl-carousel.left + .owl-pagn { display:none !important; }
    .M24_D_cont .owl-carousel.left .li { width:calc(50% - 10px);margin-top:40px;margin-left:20px;padding:0; }
    .M24_D_cont .owl-carousel .li:nth-child(n+4) { margin-top:40px; }
    .M24_D_cont .owl-carousel .li:first-of-type,
    .M24_D_cont .owl-carousel .li:nth-child(2n+1) { margin-left:0; }
}




/*** Notice | Notice ***/
.M25_A .tit_e { margin-bottom: 20px; }
.M25_A .tit_b { margin-top: -12px; margin-bottom: 40px; }
.M25_A .tit_e + .tit_b { margin-top: 0; }
.M25_A_cont { border-top: 2px solid #000; }
.M25_A_cont:after { content: ""; display: block; clear: both; }
.M25_A_cont .tab_btn, .M25_A_cont .toggle_btn { position: relative; display: block; }
.M25_A_cont .tab_btn:after, .M25_A_cont .toggle_btn:after { content: ""; display: inline-block; background: url("https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943") center center no-repeat; transition: filter 0.3s; }

/* tab_list */
.M25_A_cont .tab_list { float: left; width: 224px; }
.M25_A_cont .tab_list .tab_btn { padding: 12px 44px 12px 0; font-size: 18px; line-height: 27px; color: #888; border-bottom: 1px solid #ddd; transition: color 0.3s; outline: none; }
.M25_A_cont .tab_list .tab_btn:hover, .M25_A_cont .tab_list .tab_btn:focus { color: #000; }
.M25_A_cont .tab_list .tab_btn:after { position: absolute; top: 50%; right: 12px; width: 12px; height: 12px; transform: translateY(-50%); opacity: 0; transition: opacity 0.3s; }
.M25_A_cont .tab_list .tab_btn.active { color: #000; font-weight: bold; }
.M25_A_cont .tab_list .tab_btn:hover:after, .M25_A_cont .tab_list .tab_btn:focus:after, .M25_A_cont .tab_list .tab_btn.active:after { opacity: 1; }

/* tab_panel */
.M25_A_cont .tab_panel { display: none; }
.M25_A_cont .tab_panel.active { display: block; }
.M25_A_cont .tab_panel .toggle_btn { position: relative; width: 100%; padding: 20px 64px 20px 0; font-size: 16px; line-height: 24px; font-weight: bold; text-align: left; border-bottom: 1px solid #ddd; transition: color 0.3s; outline: none; }
.M25_A_cont .tab_panel .toggle_btn:hover, .M25_A_cont .tab_panel .toggle_btn:focus { color: #39c0e5; }
.M25_A_cont .tab_panel .toggle_btn:after { position: absolute; top: 50%; right: 12px; width: 12px; height: 12px; transform: translateY(-50%) rotate(90deg); transition: transform 0.3s; }
.M25_A_cont .tab_panel .toggle_btn.active:after { transform: translateY(-50%) rotate(-90deg); }
.M25_A_cont .tab_panel .toggle_btn:hover:after, .M25_A_cont .tab_panel .toggle_btn:focus:after { filter: invert(45%) sepia(69%) saturate(696%) hue-rotate(155deg) brightness(92%) contrast(94%); }
.M25_A_cont .tab_panel .toggle_cont { display: none; padding: 40px; background: #F5F5F5; }
.M25_A_cont .tab_panel .toggle_cont .md_btn { margin-top: 20px; }

/* 20220510 데이터결함 추가 모듈 */
.M25_A_cont .tab_panel { float: right; width: calc(100% - 224px - 112px); }
.M25_A_cont .tab_panel .btn_more { margin-left: calc(-224px - 112px); width: calc(100% + 224px + 112px); }
.bg .M25_A_cont .tab_panel .toggle_cont { background: #fff; }

/* 답변 내용 테이블 */
.M25_A_cont .table_ty02 table thead th { background-color: #FAFAFA; height: 50px; padding: 0; }
.M25_A_cont .table_ty02 table tbody td { vertical-align: top; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M25_A .tit_e { margin-bottom: 10px; }
    .M25_A .tit_b { margin-top: -6px; margin-bottom: 20px; }
    .M25_A_cont { border-top: none; }

    /* tab_list */
    .M25_A_cont .tab_list { float: none; width: 100%; white-space: nowrap; overflow-x: auto; }
    .M25_A_cont .tab_list li { display: inline-block; margin-right: 20px; }
    .M25_A_cont .tab_list li:last-child { margin-right: 0; }
    .M25_A_cont .tab_list .tab_btn { display: inline-block; width: auto; padding: 0; font-size: 16px; line-height: 31px; border-bottom: 2px solid transparent; }
    .M25_A_cont .tab_list .tab_btn:after { content: none; }
    .M25_A_cont .tab_list .tab_btn.active { border-color: #000; }

    /* tab_panel */
    .M25_A_cont .tab_panel { margin-top: 30px; border-top: 2px solid #000; width: 100%; }
    .M25_A_cont .tab_panel .toggle_btn { padding: 12px 28px 12px 0; font-size: 14px; line-height: 24px; }
    .M25_A_cont .tab_panel .toggle_btn:after { right: 8px; }
    .M25_A_cont .tab_panel .toggle_cont { padding: 20px; }
    .M25_A_cont .tab_panel .toggle_cont .md_btn { margin-top: 10px; }
    .M25_A_cont .tab_list + .tab_panel { float: none; width: 100%; }
    .M25_A_cont .tab_list + .tab_panel .btn_more { margin-left: 0; width: 100%; }
}





/*** Notice 2 | Notice ***/
.M25_B .tit_e {margin-bottom:20px;}
.M25_B .tit_b {margin-top:-12px;margin-bottom:50px;}
.M25_B .tit_e + .tit_b {margin-top:0;}
.M25_B_cont {border-top:2px solid #000;}
.M25_B_cont:after {content:"";display:block;clear:both;}
.M25_B_cont .tab_btn,
.M25_B_cont .toggle_btn {position:relative;display:block;}
.M25_B_cont .tab_btn:after,
.M25_B_cont .toggle_btn:after {content:"";display:inline-block;background:url("https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943") center center no-repeat;transition:filter 0.3s;}

/* tab_panel */
.M25_B_cont .tab_panel {display:none;}
.M25_B_cont .tab_panel.active {display:block;}
.M25_B_cont .tab_panel .toggle_btn {position:relative;width:100%;padding:20px 64px 20px 0;font-size:16px;line-height:24px;font-weight:bold;text-align:left;border-bottom:1px solid #ddd;transition:color 0.3s;outline:none;}
.M25_B_cont .tab_panel .toggle_btn:hover,
.M25_B_cont .tab_panel .toggle_btn:focus {color:#39c0e5;}
.M25_B_cont .tab_panel .toggle_btn:after {position:absolute;top:50%;right:12px;width:12px;height:12px;transform:translateY(-50%) rotate(90deg);transition:transform 0.3s;}
.M25_B_cont .tab_panel .toggle_btn.active:after {transform:translateY(-50%) rotate(-90deg);}
.M25_B_cont .tab_panel .toggle_btn:hover:after,
.M25_B_cont .tab_panel .toggle_btn:focus:after {filter:invert(45%) sepia(69%) saturate(696%) hue-rotate(155deg) brightness(92%) contrast(94%);}
.M25_B_cont .tab_panel .toggle_cont {display:none;padding:40px;background:#F5F5F5;}
.M25_B_cont .tab_panel .toggle_cont .md_btn {margin-top:20px;}

/* txt_box */
.M25_B_cont .tab_panel .toggle_cont .md_txt {display:flex;align-items:center;}
.M25_B_cont .tab_panel .toggle_cont .md_txt .img {align-self:flex-start;width:120px;}
.M25_B_cont .tab_panel .toggle_cont .md_txt .img_p {padding-right:40px;}
.M25_B_cont .tab_panel .toggle_cont .md_txt .txt_col {font-weight:bold;color:#347AF4;}

/* ico_box */
.M25_B_cont .tab_panel .toggle_cont .md_txt .ico_wrap {width:calc(100% - 120px)}
.M25_B_cont .tab_panel .toggle_cont .md_txt .ico_wrap .ico_inner {display:flex;margin:30px -30px 0;}
.M25_B_cont .tab_panel .toggle_cont .md_txt .ico_wrap .ico_box {width:33.3%;padding:0 30px;box-sizing:border-box;}
.M25_B_cont .tab_panel .toggle_cont .md_txt .ico_wrap .ico_box .ico_img {margin-bottom:10px;}
.M25_B_cont .tab_panel .toggle_cont .md_txt .ico_wrap .ico_box .ico_img .ico {background:none;}
.M25_B_cont .tab_panel .toggle_cont .md_txt .ico_wrap .txt .md_tit {display:block;margin-bottom:10px;}

.bg .M25_B_cont .tab_panel .toggle_cont {background:#fff;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M25_B .tit_e {margin-bottom:10px;}
    .M25_B .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M25_B_cont {border-top:none;}

    /* txt_box */
    .M25_B_cont .tab_panel .toggle_cont .md_txt br {display:none;}
        
    /* tab_panel */
    .M25_B_cont .tab_panel {margin-top:30px;border-top:2px solid #000;}
    .M25_B_cont .tab_panel .toggle_btn {padding:12px 28px 12px 0;font-size:14px;line-height:24px;}
    .M25_B_cont .tab_panel .toggle_btn:after {right:8px;}
    .M25_B_cont .tab_panel .toggle_cont {padding:20px;}
    .M25_B_cont .tab_panel .toggle_cont .md_btn {margin-top:15px;}
}

@media all and (max-width:838px){
    /* ico_box */
    .M25_B_cont .tab_panel .toggle_cont .md_txt .ico_wrap .ico_inner {flex-direction:column;margin:20px 0 0;}
    .M25_B_cont .tab_panel .toggle_cont .md_txt .ico_wrap .ico_inner .ico_box {display:flex;width:100%;padding:0;margin:0 0 20px 0;}
    .M25_B_cont .tab_panel .toggle_cont .md_txt .ico_wrap .ico_inner .ico_box .ico_img img {width:70px;}
    .M25_B_cont .tab_panel .toggle_cont .md_txt .ico_wrap .ico_inner .ico_box:last-child {margin-bottom:0;}
    .M25_B_cont .tab_panel .toggle_cont .md_txt .ico_wrap .ico_inner .txt {width:100%;padding-left:10px;}
}

@media all and (max-width:600px){
    /* txt_box */
    .M25_B_cont .tab_panel .toggle_cont .md_txt .ico_wrap {width:100%;}
    .M25_B_cont .tab_panel .toggle_cont .md_txt .img {display:none;}
}





/*** M26_A | Case Study ***/
.M26_A .tit_e {margin-bottom:20px;}

/* visual_img */
.M26_A_cont .visual_img {position:relative;height:320px;margin-bottom:40px;}
.M26_A_cont .visual_img .img {position:relative;height:320px;overflow:hidden;}
.M26_A_cont .visual_img .img .img_p,
.M26_A_cont .visual_img .img .img_m {position:absolute;left:0;top:0;width:100%;height:100%;}
.M26_A_cont .visual_img .img .img_m {display:none;}
.M26_A_cont .visual_img .visual_items + .img {position:absolute;top:50%;left:0;width:100%;height:100%;background:#f5f5f5;transform:translateY(-50%);}
.M26_A_cont .visual_img .visual_items + .img:before {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:2;}
.M26_A_cont .visual_img .visual_items {height:320px;}
.M26_A_cont .visual_items_inner {padding:0;}
.M26_A_cont .module_ty .img:before {padding-bottom:100%;}

/* Owl As-is 초기화 */
.M26_A_cont .owl-stage-outer, .M26_A_cont .owl-stage, .M26_A_cont .owl-item {height:auto !important;}
.M26_A_cont .owl-carousel .active span {background:none;}
.M26_A_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}
.M26_A_cont .owl-carousel,
.M26_A_cont .owl-carousel .owl-stage-outer {transition:height 0.4s;}
.M26_A_cont .owl-carousel .owl-item {opacity:0.2;transition:opacity 0.4s 0.2s;}
.M26_A_cont .owl-carousel .owl-item.active {opacity:1;}
.M26_A_cont .owl-carousel.act .owl-item {transition:none;}
.M26_A_cont .owl-navm {top: 200px;}

/* owl-carousel */
.M26_A_cont {position:relative;}
.M26_A_cont .owl-carousel {display:block !important;}
.M26_A_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M26_A_cont .owl-carousel .item {display:block;float:left;width:100%;box-sizing:border-box;overflow:hidden;}
.M26_A_cont .txt_inner {position:relative;min-height:185px;}
.M26_A_cont .txt_inner .tit_b {float:left;width:310px;min-height:10px;margin:-2px 26px 0 1px;line-height:50px;}
.M26_A_cont .txt_inner .txt {float:left;width:calc(100% - 310px - 27px - 8.5%);margin-right:8.5%;}
.M26_A_cont .txt_inner::after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/* Navication */
.M26_A_cont .navigation {position:absolute;left:0;top:488px;margin-top:30px;}
.M26_A_cont .owl-pagn {position:relative;}
.M26_A_cont .owl-nav {margin-top:14px;}
.M26_A_cont .owl-nav:after {content:"";display:block;clear:both;}
.M26_A_cont .owl-nav .owl-prev {float:left;}
.M26_A_cont .owl-nav .owl-next {float:right;}
.M26_A_cont.m1 .owl-pagn {display:none;}
.M26_A_cont.m1 .owl-nav {display:none !important;}

@media all and (min-width:1191px){
    .M26_A_cont .txt_inner .tit_b .f1 {display:block;font-size:32px;line-height:38px;}
}

@media all and (max-width:1190px){
    .M26_A_cont .txt_inner {min-height:auto;}
    .M26_A_cont .txt_inner .tit_b {float:none;width:100%;margin:0 0 20px 0;}
    .M26_A_cont .txt_inner .txt {float:none;width:100%;}

    /* Navication */
    .M26_A_cont .navigation {position:relative;left:auto;top:auto;margin-top:30px;}
    .M26_A_cont .owl-pagn {width:100%;padding-bottom:0;}
    .M26_A_cont .owl-pagn-inner {right:initial;left:0;width:100%;}
    .M26_A_cont .owl-pagn-ed {position:relative;float:left;padding-left:12px;}
    .M26_A_cont .owl-pagn-ed:before {position:absolute;left:2px;top:0;content:"/";}
    .M26_A_cont .owl-pagn-bar {left:60px;width:calc(100% - 60px);height:2px;background:#ccc;transform:translateX(0);}
    .M26_A_cont .owl-nav {display:none !important;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M26_A .tit_e {margin-bottom:10px;} 
    .M26_A_cont .visual_img {width:100%;min-height:168px;margin-bottom:10px;}
    .M26_A_cont .txt_inner .tit_b {margin:15px 0 12px 0;line-height:36px;}

    /* visual_img */
    .M26_A_cont .visual_img {width:100%;height:420px;}
    .M26_A_cont .visual_img .img {height:420px;}
    .M26_A_cont .visual_img .visual_items {height:420px;}

    /* navigation */
    .M26_A_cont .owl-pagn { height: auto; }
    .M26_A_cont .owl-pagn-inner { height: 30px; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; }
    .M26_A_cont .owl-pagn-st { float: initial; }
    .M26_A_cont .owl-pagn-bar { position: initial; float: initial; }
    .M26_A_cont .owl-pagn-ed { float: initial; }
    .M26_A_cont .owl-pagn-ed:before { display: none; }
    .M26_A_cont .owl-navm { display: block; }
    .M26_A_cont .owl-navm .owl-prevm,
    .M26_A_cont .owl-navm .owl-nextm { top: initial; bottom: 0; transform: translateY(0); border-radius: 50%; background: transparent; }
    .M26_A_cont .owl-navm .owl-prevm:after,
    .M26_A_cont .owl-navm .owl-nextm:after { border-color: #000; }
    .M26_A_cont .owl-navm .owl-prevm:hover,
    .M26_A_cont .owl-navm .owl-nextm:hover,
    .M26_A_cont .owl-navm .owl-prevm:focus,
    .M26_A_cont .owl-navm .owl-nextm:focus { background: transparent; }
}

@media all and (max-width:900px){
    .M26_A_cont:after {opacity:0;}
}

@media all and (max-width:600px){
    .M26_A_cont .visual_img .img .img_m {display:block;}
}

@media all and (orientation:landscape){
    .M26_A_cont .visual_img .img .img_m {display:none;}
}






/*** M26_B | Case Study 2 ***/
.M26_B .tit_e {margin-bottom:20px;}
.M26_B .tit_e + .tit_desc,
.M26_B .tit_e + .md_txt { margin-bottom: 20px; }
.M26_B .tit_b { margin-top: -12px; margin-bottom: 40px; }
.M26_B .tit_b .txt_l { display: block; margin: 2.2rem 0 -2rem 0.1rem; padding-top: 1rem; font-weight: 400; font-size: 1.8rem; line-height: 2.8rem; letter-spacing: -0.04rem; }
.M26_B .tit_b + .tit_desc,
.M26_B .tit_b + .md_txt { margin-top: -20px; }
.M26_B .tit_desc,
.M26_B .md_txt { margin-bottom: 40px; }

/* tab_list */
.M26_B_cont .tab_list {margin-bottom:30px;}
.M26_B_cont .tab_list li {float:left;width:auto;}
.M26_B_cont .tab_list li {margin-right:50px;}
.M26_B_cont .tab_list li:last-child {margin-right:0;}
.M26_B_cont .tab_list li .tab_btn {position:relative;display:block;padding-top:3px;padding-bottom:6px;font-size:18px;color:#888;transition:color 0.3s;}
.M26_B_cont .tab_list li .tab_btn:hover,
.M26_B_cont .tab_list li .tab_btn:focus {color: #2189FF;}
.M26_B_cont .tab_list li .tab_btn.active {color:#000;font-weight:bold;}
.M26_B_cont .tab_list li .tab_btn.active:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#000;}

/* visual_img */
.M26_B_cont .visual_img {position:relative;height:320px;margin-bottom:40px;}
.M26_B_cont .visual_img .img {position:relative;height:320px;overflow:hidden;}
.M26_B_cont .visual_img .img .img_p,
.M26_B_cont .visual_img .img .img_m {position:absolute;left:0;top:0;width:100%;height:100%;}
.M26_B_cont .visual_img .img .img_m {display:none;}
.M26_B_cont .visual_img .visual_items + .img {position:absolute;top:50%;left:0;width:100%;height:100%;background:#f5f5f5;transform:translateY(-50%);}
.M26_B_cont .visual_img .visual_items + .img:before {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:2;}
.M26_B_cont .visual_img .visual_items {height:320px;}
.M26_B_cont .visual_items_inner {padding:0;}
.M26_B_cont .module_ty .img:before {padding-bottom:100%;}

/* Owl As-is 초기화 */
.M26_B:not([data-owl-height='auto']) .M26_B_cont .owl-stage-outer,
.M26_B:not([data-owl-height='auto']) .M26_B_cont .owl-stage,
.M26_B:not([data-owl-height='auto']) .M26_B_cont .owl-item {height:auto !important;}
.M26_B_cont .owl-carousel .active span {background:none;}
.M26_B_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}
.M26_B_cont .owl-carousel,
.M26_B_cont .owl-carousel .owl-stage-outer {transition:height 0.4s;}
.M26_B_cont .owl-carousel .owl-item {opacity:0.2;transition:opacity 0.4s 0.2s;}
.M26_B_cont .owl-carousel .owl-item.active {opacity:1;}
.M26_B_cont .owl-carousel.act .owl-item {transition:none;}
.M26_B_cont .owl-carousel.act .owl-item.cloned {opacity:0;}
.M26_B_cont .owl-navm {top: calc(100% - 500px);}
.M26_B_cont .owl-nav {display:none !important;}

/* owl-carousel */
.M26_B_cont {position:relative;opacity:0;transition:opacity 0.2s;}
.M26_B_cont.init {opacity:1;}
.M26_B_cont:not(.init) .owl-carousel {white-space:nowrap;overflow:hidden;}
.M26_B_cont:not(.init) .owl-carousel .item {display:inline-block;float:none;white-space:normal;}
.M26_B_cont .owl-carousel {display:block !important;}
.M26_B_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M26_B_cont .owl-carousel .item {display:block;float:left;width:100%;box-sizing:border-box;overflow:hidden;}
.M26_B_cont .txt_inner {position:relative;min-height:185px;}
.M26_B_cont .txt_inner .tit_b {float:left;width:310px;min-height:10px;margin:-2px 26px 0 1px;line-height:50px;}
.M26_B_cont .txt_inner .txt {float:left;width:calc(100% - 310px - 27px - 8.5%);margin-right:8.5%;}
.M26_B_cont .txt_inner::after {display:block;clear:both;height:0;content:"";overflow:hidden;}

@media all and (min-width:1191px){
    .M26_B_cont .txt_inner .tit_b .f1 {display:block;font-size:32px;line-height:38px;}
}

@media all and (max-width:1190px){
    .M26_B_cont .txt_inner {min-height:auto;}
    .M26_B_cont .txt_inner .tit_b {float:none;width:100%;margin:0 0 20px 0;}
    .M26_B_cont .txt_inner .tit_b br {display:none;}
    .M26_B_cont .txt_inner .txt {float:none;width:100%;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M26_B .tit_e {margin-bottom:10px;} 
    .M26_B .tit_b { margin-top: -6px; margin-bottom: 20px; }
    .M26_B .tit_b .txt_l { margin: 1.6rem 0 0 0.1rem; padding-top: 0; font-size: 1.4rem; line-height: 2.4rem; }
    .M26_B .tit_desc,
    .M26_B .md_txt { width: 100%; margin-bottom: 20px; }
    .M26_B .tit_b + .tit_desc,
    .M26_B .tit_b + .md_txt { margin-top: -10px; }

    .M26_B_cont .visual_img {width:100%;min-height:168px;margin-bottom:10px;}
    .M26_B_cont .txt_inner .tit_b {margin:15px 0 12px 0;line-height:36px;}

    /* tab_list */
    .M26_B_cont .tab_slide_area {margin-left:-10px;margin-right:-10px;}
    .M26_B_cont .tab_slide_area:before,
    .M26_B_cont .tab_slide_area:after {content:"";position:absolute;width:20px;height:100%;z-index:2;}
    .M26_B_cont .tab_slide_area:before {top:0;left:0;background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
    .M26_B_cont .tab_slide_area:after {top:0;right:0;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
    .M26_B_cont .tab_list {margin-bottom:20px;}
    .M26_B_cont .tab_list li {margin-right:40px;}
    .M26_B_cont .tab_list li:first-child {padding-left:10px;}
    .M26_B_cont .tab_list li:last-child {margin-right:0;padding-right:10px;}
    .bg .M26_B_cont .tab_slide_area:before {top:0;left:0;background:linear-gradient(to right,rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%);}
    .bg .M26_B_cont .tab_slide_area:after {background:linear-gradient(to right,rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%);}

    /* visual_img */
    .M26_B_cont .visual_img {width:100%;height:420px;}
    .M26_B_cont .visual_img .img {height:420px;}
    .M26_B_cont .visual_img .visual_items {height:420px;}
}

.M26_B_cont .list_product_card {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;margin: -1.6rem 0 0 -1.6rem;font-size: 0;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.M26_B_cont .list_product_card .item_product_card {display: inline-block;width: 33.33%;padding: 1.6rem 0 0 1.6rem;box-sizing: border-box;vertical-align: top;}
.M26_B_cont .list_product_card .item_product_card:hover .box_product_card,
.M26_B_cont .list_product_card .item_product_card:focus .box_product_card {background-color: #2189ff1a;}
.M26_B_cont .list_product_card .box_product_card {height: 100%;padding: 4rem;min-height: 16.9rem;box-sizing: border-box;text-align: center;}

.M26_B_cont .box_product_card {background-color: #f5f5f5;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;-o-transition: background-color 0.3s;transition: background-color 0.3s;}
.bg .M26_B_cont .box_product_card {background-color: #fff;}
.M26_B_cont .box_product_card .img_aws_partner {float: left;width: 7rem;height: 7rem;margin-top: 1rem;}
.M26_B_cont .box_product_card .inner_l {overflow: hidden;margin-top: -0.6rem;padding-left: 4rem;text-align: left;}
.M26_B_cont .box_product_card .tit_product_card {display: block;font-size: 2.4rem;line-height: 1.45;color: #000;}
.M26_B_cont .box_product_card .txt_product_card {font-size: 1.6rem;color: #000;word-break: break-all;}
.M26_B_cont .box_product_card .tit_product_card + .txt_product_card {margin-top: 0.5rem;}

.M26_B[data-axis-owl-navm='vertical'] .M26_B_cont .owl-carousel {overflow: hidden;}
.M26_B[data-axis-owl-navm='vertical'] .owl-navm {position: absolute;top: 50%;right: 0;left: 0;z-index: 1;width: auto;}
.M26_B[data-axis-owl-navm='vertical'] .owl-navm .owl-prevm,
.M26_B[data-axis-owl-navm='vertical'] .owl-navm .owl-nextm {position: absolute;}
.M26_B[data-axis-owl-navm='vertical'] .owl-navm .owl-prevm {left: 0;}
.M26_B[data-axis-owl-navm='vertical'] .owl-navm .owl-nextm {right: 0;}
.M26_B[data-axis-owl-navm='vertical'] .tab_list li .tab_btn {font-weight: 700;font-size: 2.2rem;}

@media all and (max-width: 1279px) {
    .M26_B_cont .box_product_card .img_aws_partner {float: none;display: inline-block;margin-top: 0;vertical-align: top;}
    .M26_B_cont .box_product_card .img_aws_partner + .inner_l {margin-top: 0.5rem;}
    .M26_B_cont .box_product_card .inner_l {padding-left: 0;text-align: center;}
}

@media all and (max-width: 1023px) {
    .M26_B_cont .list_product_card .box_product_card {padding-right: 1rem;padding-left: 1rem;}
    .M26_B_cont .box_product_card .tit_product_card,
    .M26_B_cont .box_product_card .txt_product_card {font-size: 1.4rem;}

    .M26_B[data-axis-owl-navm='vertical'] .tab_list li .tab_btn {font-size: 1.6rem;}
}

@media all and (max-width:900px){
    .M26_B_cont:after {opacity:0;}
}

@media all and (max-width: 838px){
    .M26_B[data-axis-owl-navm='vertical'] .M26_B_cont .owl-carousel {overflow: visible;}
    .M26_B[data-axis-owl-navm='vertical'] .M26_B_cont:before,
    .M26_B[data-axis-owl-navm='vertical'] .M26_B_cont:after {position: absolute;top: 5.1rem;bottom: 0;z-index: 10;width: 3rem;opacity: 1;content: '';}
    .M26_B[data-axis-owl-navm='vertical'] .M26_B_cont:before {background-color: #fff;left: -3rem;}
    .M26_B[data-axis-owl-navm='vertical'] .M26_B_cont:after {background-color: #fff;right: -3rem;}

    .M26_B[data-axis-owl-navm='vertical'].bg .M26_B_cont:before,
    .M26_B[data-axis-owl-navm='vertical'].bg .M26_B_cont:after {background-color: #f5f5f5;}
}

@media all and (max-width:600px){
    /* tab_list */
    .M26_B_cont .tab_slide_area {margin-left:-30px;margin-right:-30px;}
    .M26_B_cont .tab_list {margin-bottom:20px;}
    .M26_B_cont .tab_list li {margin-right:20px;}
    .M26_B_cont .tab_list li:first-child {padding-left:30px;}
    .M26_B_cont .tab_list li:last-child {padding-right:30px;}
    .M26_B_cont .tab_list li .tab_btn {padding-top:1px;padding-bottom:6px;font-size:16px;}

    .M26_B_cont .visual_img .img .img_m {display:block;}
    .M26_B_cont .list_product_card .item_product_card {width: 50%;}
}

@media all and (orientation:landscape){
    .M26_B_cont .visual_img .img .img_m {display:none;}
}







/*** M27_A | News ***/
.M27_A .tit_e {margin-bottom:20px;} 
.M27_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M27_A .tit_e + .tit_b {margin-top:0;}

/* DT Engine */
.M27_B .tit_e {margin-bottom:20px;} 
.M27_B .tit_b {margin-top:-12px;margin-bottom:40px;}
.M27_B .tit_e + .tit_b {margin-top:0;}

/* board_ty  */
.board_ty {position:relative;border-top:2px solid #000;}
.board_ty .li {position:relative;min-height:234px;padding:30px 2px;border-bottom:1px solid #ddd;overflow:hidden;}
.board_ty .img {float:right;position:relative;width:310px;height:174px;overflow:hidden;}
.board_ty .img img {width:100%;}
.board_ty .img_p, .board_ty .img_m {position:absolute;left:0;top:0;width:100%;height:100%;}
.board_ty .img + .txt {float:left;width:calc(100% - 340px);max-width:860px;min-height:174px;}
.board_ty .txt {width:90%;}
.board_ty .cate {color:#888;font-size:14px;line-height:24px;}
.board_ty .cate span {float:left;}
.board_ty .cate span:before {display:inline-block;width:1px;height:10px;margin:0 7px;background:#888;content:"";}
.board_ty .cate span:first-child:before {display:none;}
.board_ty .cate:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.board_ty .md_tit {margin-top:8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.board_ty .md_tit a {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.board_ty .md_txt {height:56px;margin-top:8px;word-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.board_ty .md_btn {left:2px;bottom:30px;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M27_A .tit_e {margin-bottom:10px;}
    .M27_A .tit_b {margin-top:-6px;margin-bottom:40px;}
    .M27_A .tit_e + .M27_A_cont {margin-top:20px;}

    /* DT Engine */
    .M27_B .tit_e {margin-bottom:10px;}
    .M27_B .tit_b {margin-top:-6px;margin-bottom:40px;}
    .M27_B .tit_e + .M27_A_cont {margin-top:20px;}

    /* board_ty  */
    .board_ty .img {width:278px;height:157px;}
    .board_ty .img + .txt {width:calc(100% - 308px);min-height:157px;}
    .board_ty .li {min-height:216px;}
    .board_ty .md_txt {height:48px;}
}

@media all and (max-width:760px){
    /* board_ty  */
    .board_ty {border-top:0;}
    .board_ty .li {min-height:auto;padding:20px 0;border-bottom:0;}
    .board_ty .li:first-child {padding-top:0;}
    .board_ty .cate {font-size:12px;line-height:22px;}
    .board_ty .img {float:none;width:100%;height:auto;margin-bottom:20px;display:none;}
    .board_ty .img + .txt {float:none;width:100%;min-height:inherit;}
    .board_ty .txt {width:100%;}
    .board_ty .md_tit {white-space:inherit;}
    .board_ty .md_tit a {white-space:inherit;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
    .board_ty .md_txt {height:auto;max-height:72px;-webkit-line-clamp:3;}
    .board_ty .md_btn {position:static;margin-top:10px;}
}







/*** M28_A | Features ***/
.M28_A .tit_e {margin-bottom:20px;} 
.M28_A .tit_b {margin-top:-12px;margin-bottom:20px;}
.M28_A .tit_e + .tit_b {margin-top:0;}
.M28_A .tit_b + .M28_A_cont {padding-top:20px;}
.M28_A .tit_desc {width:90%;margin-bottom:40px;}
.M28_A .md_txt {width:90%;margin-bottom:40px;}
.M28_A .tit_btn {margin-bottom:40px;}
.M28_A .tit_desc + .tit_btn {margin-top:-30px;}
.M28_A .md_txt + .tit_btn {margin-top:-30px;}
.M28_A .tit_xs { margin-top:10px; }

.M28_A_cont .md_tit {display:block;}
.M28_A_cont .md_txt {margin-top:10px;}
.M28_A_cont dl.md_txt dd { position: relative; padding-left: 10px; }
.M28_A_cont dl.md_txt dd::before { content: '-'; position: absolute; left: 0; }
.M28_A_cont .md_btn {margin-top:10px;}

.M28_A_cont ol.md_txt li { position: relative; padding-left: 13px; }
.M28_A_cont ol.md_txt li::after { content: "-"; position: absolute; top: 0; left: 0px; }
.M28_A_cont ol.md_txt li span { display: block; position: relative; padding-left: 15px; }
.M28_A_cont ol.md_txt li span:first-child { margin-top: 8px; }
.M28_A_cont ol.md_txt li span:last-child { margin-bottom: 8px; }
.M28_A_cont ol.md_txt li span::before { content: '·'; position: absolute; top: 0; left: 4px; }

/* 기본 4단 */
.M28_A_cont {margin-top:-26px;margin-right:-13px;margin-left:-13px;display:flex;flex-wrap:wrap;}
.M28_A_cont .li {display:block;float:left;width:calc(25% - 26px);margin:26px 13px 0 13px;padding:60px 40px;background:#fafafa;overflow:hidden;}
.M28_A_cont .li:nth-child(4n + 1) {clear:left;}

.bg .M28_A_cont .li {background:#fff;}

/* 2단 */
.M28_A_cont .li:only-child {width:calc(100% - 26px);}
.M28_A_cont .li:first-child:nth-last-child(2),
.M28_A_cont .li:first-child:nth-last-child(2) ~ .li,
.M28_A_cont.M28B_list .li{width:calc(50% - 26px);}

/* 3, 5, 6, 9단 */
.M28_A_cont .li:first-child:nth-last-child(3),
.M28_A_cont .li:first-child:nth-last-child(3) ~ .li,
.M28_A_cont .li:first-child:nth-last-child(5),
.M28_A_cont .li:first-child:nth-last-child(5) ~ .li,
.M28_A_cont .li:first-child:nth-last-child(6),
.M28_A_cont .li:first-child:nth-last-child(6) ~ .li,
.M28_A_cont .li:first-child:nth-last-child(9),
.M28_A_cont .li:first-child:nth-last-child(9) ~ .li {width:calc(33.3% - 26px);}
.M28_A_cont .li:first-child:nth-last-child(3) ~ .li:nth-child(4n + 1),
.M28_A_cont .li:first-child:nth-last-child(5) ~ .li:nth-child(4n + 1),
.M28_A_cont .li:first-child:nth-last-child(6) ~ .li:nth-child(4n + 1),
.M28_A_cont .li:first-child:nth-last-child(9) ~ .li:nth-child(4n + 1) {clear:none;}
.M28_A_cont .li:first-child:nth-last-child(3) ~ .li:nth-child(3n + 1),
.M28_A_cont .li:first-child:nth-last-child(5) ~ .li:nth-child(3n + 1),
.M28_A_cont .li:first-child:nth-last-child(6) ~ .li:nth-child(3n + 1),
.M28_A_cont .li:first-child:nth-last-child(9) ~ .li:nth-child(3n + 1) {clear:left;width:calc(33.3% - 26px);}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M28_A .tit_e {margin-bottom:10px;}
    .M28_A .tit_b {margin-top:-6px;margin-bottom:10px;}
    .M28_A .tit_b + .M28_A_cont {padding-top:10px;}
    .M28_A .tit_desc {width:100%;margin-bottom:20px;}
    .M28_A .md_txt {width:100%;margin-bottom:20px;}
    .M28_A .tit_btn {margin-bottom:40px;}
    .M28_A .tit_desc + .tit_btn {margin-top:-10px;}
    .M28_A .md_txt + .tit_btn {margin-top:-10px;}
    .M28_A_cont .md_btn a {display:block;}

    /* 기본 4단 */
    .M28_A_cont {margin-top:-16px;margin-right:-8px;margin-left:-8px;}
    .M28_A_cont .li {width:calc(50% - 16px);margin:16px 8px 0 8px;padding:40px 30px;}
    .M28_A_cont .li:nth-child(2n + 1) {clear:left;}

    /* 2단 */
    .M28_A_cont .li:only-child {width:calc(100% - 16px);}
    .M28_A_cont .li:first-child:nth-last-child(2),
    .M28_A_cont .li:first-child:nth-last-child(2) ~ .li {width:calc(50% - 16px);}

    /* 3, 5, 6, 9단 */
    .M28_A_cont .li:first-child:nth-last-child(3),
    .M28_A_cont .li:first-child:nth-last-child(3) ~ .li,
    .M28_A_cont .li:first-child:nth-last-child(5),
    .M28_A_cont .li:first-child:nth-last-child(5) ~ .li,
    .M28_A_cont .li:first-child:nth-last-child(6),
    .M28_A_cont .li:first-child:nth-last-child(6) ~ .li,
    .M28_A_cont .li:first-child:nth-last-child(9),
    .M28_A_cont .li:first-child:nth-last-child(9) ~ .li {width:calc(33.3% - 16px);}
    .M28_A_cont .li:first-child:nth-last-child(3) ~ .li:nth-child(3n + 1),
    .M28_A_cont .li:first-child:nth-last-child(5) ~ .li:nth-child(3n + 1),
    .M28_A_cont .li:first-child:nth-last-child(6) ~ .li:nth-child(3n + 1),
    .M28_A_cont .li:first-child:nth-last-child(9) ~ .li:nth-child(3n + 1) {clear:left;width:calc(33.3% - 16px);}
    .M28_A_cont .li:first-child:nth-last-child(3) ~ .li:nth-child(2n + 1),
    .M28_A_cont .li:first-child:nth-last-child(5) ~ .li:nth-child(2n + 1),
    .M28_A_cont .li:first-child:nth-last-child(6) ~ .li:nth-child(2n + 1),
    .M28_A_cont .li:first-child:nth-last-child(9) ~ .li:nth-child(2n + 1) {clear:none;}
}

@media all and (max-width:600px){
    /* 1단 */
    .M28_A_cont {margin-top:0;margin-right:0;margin-left:0;}
    .M28_A_cont .li {margin:10px 0 0 0;width:100% !important;}
    .M28_A_cont .li:first-child {margin-top:0;}
}

/*** M28_C | 클라우드 상품군 ***/
.M28_C .tit_e { margin-bottom: 20px; }
.M28_C_cont li { padding: 50px 40px; background-color: #fafafa; margin-bottom: 26px; }
.M28_C_cont li:last-child { margin-bottom: 0; }
.M28_C_cont li .md_tit { display: block; font-size: 28px; color: #2189FF; margin-bottom: 15px; }
.bg .M28_C_cont li { background-color: #fff; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M28_C_cont li { padding: 24px 20px 20px 20px; margin-bottom: 16px; }
    .M28_C_cont li .md_tit { font-size: 22px; line-height: 32px; }
}






/*** M29_A | My Trial ***/
.M29_A .tit_e {margin-bottom:20px;}

/** M29_A_cont **/
.M29_A_cont {display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin:-26px -13px 0 -13px;}
.M29_A_cont .li {float:left;width:calc(50% - 26px);margin:26px 13px 0 13px;padding:60px;background:#fafafa;box-sizing:border-box;}
.bg .M29_A_cont .li {background:#fff;}

/* txt */
.M29_A_cont .txt {padding:0;}
.M29_A_cont .txt .md_ico {height:32px;margin-bottom:10px;}
.M29_A_cont .txt .md_ico span {display:inline-block;min-width:90px;height:32px;padding:0 16px;background:#1C7EEE;box-sizing:border-box;border-radius:16px;color:#fff;font-size:14px;font-weight:bold;line-height:32px;text-align:center;vertical-align:top;}
.M29_A_cont .txt .md_txt {margin-top:10px;}
.M29_A_cont .txt .md_btn {margin-top:10px;}

/* info */
.M29_A_cont .info {margin-top:30px;padding-top:30px;border-top:1px solid #ddd;}
.M29_A_cont .info li {position:relative;margin-top:20px;padding-left:16px;font-size:18px;line-height:30px;}
.M29_A_cont .info li:first-child {margin-top:0;}
.M29_A_cont .info li:before {position:absolute;left:1px;top:13px;width:4px;height:4px;background:#000;border-radius:50%;content:"";}

/* btn */
.M29_A_cont .btn_area {margin-top:30px;text-align:center;}
.M29_A_cont .btn_area a {margin:0 8px;}

/* 준비중 */
.M29_A_cont .emp .txt .md_ico span {background:#333;}
.M29_A_cont .emp .info li {margin:100px 0;padding-left:0;color:#888;font-size:22px;line-height:30px;text-align:center;}
.M29_A_cont .emp .info li:before {display:none;}


/** MP_trial_overview **/
.MP_trial_overview {max-width:1080px;margin:0 auto;}
.MP_trial_overview li {float:left;width:33.3%;padding:0 15px;box-sizing:border-box;font-size:18px;line-height:30px;text-align:center;}
.MP_trial_overview li .img {width:160px;height:160px;margin:0 auto 20px auto;}
.MP_trial_overview li .img img {width:100%;}
.MP_trial_overview:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

@media all and (max-width:1400px){
    .M29_A_cont .btn_area > span {display:block;margin:10px 0 0 0;}
    .M29_A_cont .btn_area > span:first-child {margin:0;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M29_A .tit_e {margin-bottom:10px;} 

    /** M29_A_cont **/
    .M29_A_cont {margin:-10px -8px 0 -8px;}
    .M29_A_cont .li {width:calc(50% - 16px);margin:10px 8px 0 8px;padding:30px;}

    /* txt */
    .M29_A_cont .txt .md_ico {height:30px;}
    .M29_A_cont .txt .md_ico span {min-width:82px;height:30px;padding:0 8px;border-radius:15px;font-size:12px;line-height:30px;}
    .M29_A_cont .txt .md_tit {font-size:18px;line-height:30px;}

    /* info */
    .M29_A_cont .info {margin-top:20px;padding-top:20px;border-top:1px solid #ddd;}
    .M29_A_cont .info li {margin-top:10px;padding-left:10px;font-size:14px;line-height:24px;}
    .M29_A_cont .info li:before {top:11px;width:3px;height:3px;}

    /* 준비중 */
    .M29_A_cont .emp .info li {margin:70px 0;font-size:14px;line-height:20px;}

    /** MP_trial_overview **/
    .MP_trial_overview li {font-size:14px;line-height:24px;}
    .MP_trial_overview li .img {width:80px;height:80px;margin-bottom:10px;}
}

@media all and (max-width:600px){
    /** M29_A_cont **/
    .M29_A_cont {margin:-10px 0 0 0;}
    .M29_A_cont .li {float:none;width:100%;margin:10px 0 0 0;}

    /** MP_trial_overview **/
    .MP_trial_overview li {float:none;width:100%;margin-top:40px;}
    .MP_trial_overview li:first-child {margin-top:0;}
}
        





/*** DT Engine ***/
/** MP_dt_engine_overview **/
.MP_dt_engine_overview .img {float:left;width:46%;max-width:560px;padding:0 2.6%;box-sizing:content-box;}
.MP_dt_engine_overview .img img {width:100%;}
.MP_dt_engine_overview .img .img_m {display:none;}
.MP_dt_engine_overview .txt {float:right;width:48%;max-width:645px;margin-top:25px;box-sizing:border-box;}
.MP_dt_engine_overview .txt .md_tit {margin-bottom:15px;}
.MP_dt_engine_overview:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/* MP_dt_engine_overview_list */
.MP_dt_engine_overview_list {border-top:1px solid #ddd;}
.MP_dt_engine_overview_list .li {border-bottom:1px solid #ddd;}    
.MP_dt_engine_overview_list .li dl {position:relative;min-height:60px;padding:10px 0 0 34%;box-sizing:border-box;overflow:hidden;}
.MP_dt_engine_overview_list .li dt {position:absolute;left:1px;top:15px;width:calc(34% - 10px);font-size:18px;line-height:30px;}
.MP_dt_engine_overview_list .li dd {position:relative;margin-bottom:10px;overflow:hidden;}
.MP_dt_engine_overview_list .li .btn_arrow {position:absolute;right:0;top:50%;transform:translateY(-55%);}
.MP_dt_engine_overview_list .li .btn_dt_box {display:table;float:left;width:73%;height:44px;margin-right:20px;border-radius:4px;font-size:16px;line-height:24px;text-align:center;transition:background-color 0.4s;outline:none;}
.MP_dt_engine_overview_list .li .btn_dt_box span {display:table-cell;position:relative;padding:7px 15px;vertical-align:middle;}
.MP_dt_engine_overview_list .li .btn_dt_box br {display:none;}
.MP_dt_engine_overview_list .li .btn_dt_box {background-color:#86d0ff;color:#222;}
.MP_dt_engine_overview_list .li a.btn_dt_box:hover,
.MP_dt_engine_overview_list .li a.btn_dt_box:focus {background-color:#5dbdfb;}
.MP_dt_engine_overview_list .li a.btn_dt_box span {text-decoration:underline;}
.MP_dt_engine_overview_list .li:nth-child(2) .btn_dt_box {background-color:#00a3ff;}
.MP_dt_engine_overview_list .li:nth-child(3) .btn_dt_box {background-color:#0180ff;color:#fff;}
.MP_dt_engine_overview_list .li:nth-child(4) .btn_dt_box {background-color:#0053a6;color:#fff;}
.MP_dt_engine_overview_list .li:nth-child(3) .btn_dt_box span:after,
.MP_dt_engine_overview_list .li:nth-child(4) .btn_dt_box span:after {background-color:#fff;}
.MP_dt_engine_overview_list .li:nth-child(2) a.btn_dt_box:hover,
.MP_dt_engine_overview_list .li:nth-child(2) a.btn_dt_box:focus {background-color:#0396e9;}
.MP_dt_engine_overview_list .li:nth-child(3) a.btn_dt_box:hover,
.MP_dt_engine_overview_list .li:nth-child(3) a.btn_dt_box:focus {background-color:#0072e3;}
.MP_dt_engine_overview_list .li:nth-child(4) a.btn_dt_box:hover,
.MP_dt_engine_overview_list .li:nth-child(4) a.btn_dt_box:focus {background-color:#004284;}

@media all and (max-width:1350px){
    /** MP_dt_engine_overview **/
    .MP_dt_engine_overview .img {width:50%;}
    .MP_dt_engine_overview .txt {width:40%;max-width:450px;}
    .MP_dt_engine_overview_list .li dl {padding:15px 0 0 0;}
    .MP_dt_engine_overview_list .li dt {position:static;width:100%;margin-bottom:10px;}
}

@media all and (max-width:1150px){
    /** MP_dt_engine_overview **/
    .MP_dt_engine_overview .img {float:none;width:100%;max-width:380px;margin:0 auto;padding:0;}
    .MP_dt_engine_overview .img .img_p {display:none;}
    .MP_dt_engine_overview .img .img_m {display:block;}
    .MP_dt_engine_overview .txt {float:none;width:100%;max-width:420px;margin:50px auto 0 auto;padding:0;}
    .MP_dt_engine_overview .txt .md_tit {margin-bottom:10px;}
}



/** -Mobile UI- **/
@media all and (max-width:1023px){
    /* MP_dt_engine_overview_list */
    .MP_dt_engine_overview_list .li dt {font-size:14px;line-height:24px;}
    .MP_dt_engine_overview_list .li dd a {line-height:40px;}
}

@media all and (max-width:600px){
    /* MP_dt_engine_overview_list */
    .MP_dt_engine_overview_list .li dl {padding-bottom:5px;}
    .MP_dt_engine_overview_list .li .btn_dt_box {width:68%;}
    .MP_dt_engine_overview_list .li .btn_dt_box br {display:block;}
}







/*** M30_A | High Light ***/
.M30_A .tit {margin-top:10px;font-weight:normal;}
.M30_A .tit_e {margin-bottom:20px;}
.M30_A .tit_e + .M30_A_cont .cta_slide,
.M30_A .tit_b + .M30_A_cont .cta_slide {margin-top:60px;margin-bottom:0;}
.M30_A_cont {position:relative;}
.M30_A_cont .caroufredsel_wrapper {width:100% !important;}
.M30_A_cont .img_m {display:none;}
.M30_A_cont.module_ty .li .img:before{display:none;padding:0;}

/* cta_list */
.M30_A_cont .cta_slide {z-index:10;}
.M30_A_cont .cta_list {display:flex;justify-content:center;}
.M30_A_cont .cta_list li {display:flex;height:65px;align-items:center;margin-right:11.5%;width:auto;}
.M30_A_cont .cta_list li:last-child {margin-right:0;}
.M30_A_cont .cta_list li .cta_btn {position:relative;display:block;max-width:160px;padding-bottom:6px;font-size:20px;line-height:28px;text-align:center;color:#000;transition:color 0.1s;font-weight:bold;}
.M30_A_cont .cta_list li .cta_btn:hover,
.M30_A_cont .cta_list li .cta_btn:focus {color:#1C7EEE;}
.M30_A_cont .cta_list li .cta_btn:after{content:"";transition:background-color 0.4s;}
.M30_A_cont .cta_list li .cta_btn:hover:after,
.M30_A_cont .cta_list li .cta_btn:focus:after {position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#1C7EEE;}

/** md_cont **/
.M30_A_cont .md_cont {position:relative;}
.M30_A_cont .md_cont .li {position:relative;display:block;float:left;width:100%;box-sizing:border-box;overflow:hidden;cursor:default;}
.M30_A_cont .md_cont .li .inner_cont {margin-top:30px;}
.M30_A_cont .md_cont .li .img {position:relative;max-width:1050px;margin:0 auto 25px;overflow:hidden;z-index:1;}
.M30_A_cont .md_cont .li .img img {width:100%;}
/* 220518 imgLiquid */
.M30_A_cont .md_cont .li .txt {max-width:870px;margin:0 auto;padding:0;text-align:center;z-index:3;}
.M30_A_cont .md_cont .li .txt_inner {position:relative;}
.M30_A_cont .md_cont .li .txt .md_tit {position:relative;display:block;margin-bottom:10px;overflow:hidden;}
.M30_A_cont .md_cont .li .txt .md_tit span,
.M30_A_cont .md_cont .li .txt .md_tit i {display:block;position:relative;overflow:hidden;}
.M30_A_cont .md_cont .li .txt .md_btn {position:relative;margin-top:25px;}
.M30_A_cont .md_cont:after {display:block;clear:both;height:0;content:"";overflow:hidden;}


/* Active */
.M30_A_cont .md_cont .li.act .tit_e {animation:fade both 0.7s 0.2s;}
.M30_A_cont .md_cont .li.act .md_tit i {animation:txtTop both 0.4s 0.6s;}
.M30_A_cont .md_cont .li.act .md_tit span:nth-child(1) i {animation-delay:0.2s;}
.M30_A_cont .md_cont .li.act .md_tit span:nth-child(2) i {animation-delay:0.4s;}
.M30_A_cont .md_cont .li.act .md_txt {animation:fade both 0.7s 0.7s;}
.M30_A_cont .md_cont .li.act .md_btn {animation:fade both 0.7s 1s;}
.M30_A_cont .md_cont .li.act .txt:after {animation:fade both ease-in-out 0.4s 0.3s;}


/* navigation */
.M30_A_cont .navigation {position:absolute;right:0;bottom:0;}
.M30_A_cont .owl-pagn {position:relative;}
.M30_A_cont .navigation .owl-nav {margin-top:14px;}
.M30_A_cont .navigation .owl-nav:after {content:"";display:block;clear:both;}
.M30_A_cont .navigation .owl-nav .owl-prev {float:left;}
.M30_A_cont .navigation .owl-nav .owl-next {float:right;}



@media all and (max-width:1190px){
    .M30_A_cont .cta_list li{margin-right:50px;}

    /* Navication */
    .M30_A_cont .navigation {position:relative;left:auto;top:auto;margin-top:30px;}
    .M30_A_cont .owl-pagn {width:100%;padding-bottom:0;}
    .M30_A_cont .owl-pagn-inner {right:initial;left:0;width:100%;}
    .M30_A_cont .owl-pagn-ed {position:relative;float:left;padding-left:12px;}
    .M30_A_cont .owl-pagn-ed:before {position:absolute;left:2px;top:0;content:"/";}
    .M30_A_cont .owl-pagn-bar {left:60px;width:calc(100% - 60px);height:2px;background:#ccc;transform:translateX(0);}
    .M30_A_cont .owl-nav {display:none !important;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M30_A .tit_e + .M30_A_cont {margin-top:10px;}
    .M30_A .tit + .M30_A_cont {margin-top:20px;}
    .M30_A .tit_e + .M30_A_cont .cta_slide,
    .M30_A .tit_b + .M30_A_cont .cta_slide {margin-top:40px;}

    /* cta_list */
    .M30_A_cont .cta_slide {position:relative;}
    .M30_A_cont .cta_slide:before {display:none;}
    .M30_A_cont .cta_slide .caroufredsel_wrapper {width:100% !important;top:0 !important;}
    .M30_A_cont .cta_slide ul:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
    .M30_A_cont .caroufredsel_wrapper .cta_list {display:block;justify-content:left;}
    .M30_A_cont .cta_list li {float:left;height:50px;padding-right:37px;margin-right:0;box-sizing:border-box;}
    .M30_A_cont .cta_list li:last-child {padding-right:0;}
    .M30_A_cont .cta_list li .cta_btn {font-size:14px;line-height:19px;}

    /** md_cont **/
    /* 220518 imgLiquid 제거 */
    .M30_A_cont .md_cont .li .txt {width:100%;}
    .M30_A_cont .md_cont .li .txt .md_tit {margin-bottom:10px;}
    .M30_A_cont .md_cont .li .txt .md_btn {margin-top:20px;}
    .M30_A_cont .md_cont .li .txt .md_btn a {display:inline-block;margin-top:5px;}
}

@media all and (max-width:768px){
    .M30_A_cont .txt .md_btn > li,
    .M30_A_cont .txt .md_btn > span {display:block;margin:10px 0 0 0;}
    .M30_A_cont .txt .md_btn > li:first-child,
    .M30_A_cont .txt .md_btn > span:first-child {margin:0;}
    .M30_A_cont .txt .md_btn .btn_m {display:block;width:60%;margin:0 auto;}
}  

@media all and (max-width:600px){
    .M30_A_cont {margin:0 -30px;}
    .M30_A .tit_b {padding:0 30px;}
    .M30_A_cont .img_m {display:block;}
    .M30_A_cont .img_p{display:none;}
    .M30_A_cont .md_cont .li .inner_cont {padding:0 30px;}

    .M30_A_cont .navigation {padding:0 30px;}

    .M30_A_cont .cta_list {padding-left:30px;}
    .M30_A_cont .cta_list li:last-child {padding-right:0px;}
}

@media all and (orientation:landscape){
    .M30_A_cont .img_m {display:none;}
}





/*** M31_A | question ***/
.M31_A .tit_e {margin-bottom:20px;} 
.M31_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M31_A .tit_e + .tit_b {margin-top:0;}
.M31_A_cont .md_tit {display:block;color:#fff;}
.M31_A_cont .md_txt {margin-top:10px;color:#fff;}
.M31_A_cont .txt .md_btn {margin-top:30px;}

/* 기본 2단 */
.M31_A_cont {margin-top:-26px;margin-right:-13px;margin-left:-13px;display:flex;flex-wrap:wrap;}
.M31_A_cont .li {display:block;position:relative;float:left;width:calc(50% - 26px);margin:26px 13px 0 13px;padding:60px 40px;background:#fafafa;overflow:hidden;text-align:center;}


.M31_A_cont .visual_img{position:absolute;left:0;right:0;top:0;bottom:0;background:#f5f5f5;overflow:hidden;}
.M31_A_cont .visual_img .img_p{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}

.M31_A_cont .txt {text-align:center;padding:0;}

/* 2단 */
.M31_A_cont .li:only-child {width:calc(100% - 26px);}

/* bg color */
.M31_A_cont .li .bg_blue{background: #1C7EEE;}
.M31_A_cont .li .bg_gray{background:#d2d2d2;}
.M31_A_cont .li .bg_navy{background:#1a2663;}
.M31_A_cont .li .bg_white{background:#fff;}
.M31_A_cont .li .bg_ty + .txt .md_tit,
.M31_A_cont .li .bg_ty + .txt .md_txt,
.M31_A_cont .li .bg_ty + .txt .btn_ty02{color:#000;}
.M31_A_cont .li .bg_ty + .txt .btn_ty02:after{border-color:#000;}
.M31_A_cont .li .bg_ty + .txt .btn_ty02:before {background:#1C7EEE;}
.M31_A_cont .li .bg_ty + .txt .btn_ty02:hover, 
.M31_A_cont .li .bg_ty + .txt .btn_ty02:focus {background:#1C7EEE;color:#fff;}
.M31_A_cont .li .bg_ty + .txt .btn_ty02:hover:after, 
.M31_A_cont .li .bg_ty + .txt .btn_ty02:focus:after {border-color:#1C7EEE;}

@media all and (max-width:1400px){
    .M31_A_cont .md_btn li,
    .M31_A_cont .md_btn span {display:block;margin:10px 0 0 0;}
    .M31_A_cont .md_btn li:first-child,
    .M31_A_cont .md_btn span:first-child {margin:0;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M31_A .tit_e {margin-bottom:10px;}
    .M31_A .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M31_A_cont .md_btn a {display:block;}

    .M31_A_cont {margin-top:-16px;margin-right:-8px;margin-left:-8px;}
    .M31_A_cont .li {width:calc(50% - 16px);margin:16px 8px 0 8px;padding: 40px 30px;min-height:inherit;}
    .M31_A_cont .li:nth-child(2n + 1) {clear:left;}

    /* 2단 */
    .M31_A_cont .li:only-child {width:calc(100% - 16px);}


    .M31_A_cont .md_btn li,
    .M31_A_cont .md_btn span {display:block;margin:10px 0 0 0;}
    .M31_A_cont .md_btn li:first-child,
    .M31_A_cont .md_btn span:first-child {margin:0;}
    .M31_A_cont .md_btn .btn_m {display:block;width:60%;margin:0 auto;}
}

@media all and (max-width:768px){
    /* 1단 */
    .M31_A_cont {margin-top:0;margin-right:0;margin-left:0;}
    .M31_A_cont .li {margin:20px 0 0 0;width:100% !important;}
    .M31_A_cont .li:first-child {margin-top:0;}
}







/*** M32_A | News 2 ***/
.M32_A .tit_e {margin-bottom:20px;} 
.M32_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M32_A .tit_e + .tit_b {margin-top:0;}


/* 해당 모듈에서 버튼 스타일 변경 - 디자인요청 */
.M32_A_cont .module_ty .md_btn {margin: 30px -8px 0 -8px;}

/* item img */
.M32_A_cont .module_ty .item:only-child .img {width:calc(50% - 179px); max-height:270px; }
.M32_A_cont .module_ty .item:only-child .txt {width:calc(50% + 179px);padding:0 5.5% 0 74px;}

/* 1단 */
@media all and (min-width:601px){
    .M32_A_cont .module_ty .item:only-child {display:flex;flex-wrap:wrap;position:relative;width:100%;max-width:100%;box-sizing:border-box;}
    .M32_A_cont .module_ty .item:only-child .img,
    .M32_A_cont .module_ty .item:only-child .txt {align-self:center;box-sizing:border-box;}
}
  

/** -laptop UI- **/
@media all and (max-width:1504px){
    .M32_A_cont .module_ty .item:only-child .img {width:calc(50% - 13px);max-height:none;}
    .M32_A_cont .module_ty .item:only-child .txt {width:calc(50% + 13px);padding:0 5.5% 0 50px;}
}

@media all and (max-width:1300px){
    .M32_A_cont .module_ty .md_btn {display:block;}
    .M32_A_cont .module_ty .md_btn a:nth-child(even) {margin-top: 10px;}
}


/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M32_A .tit_e {margin-bottom:10px;}
    .M32_A .tit_b {margin-top:-6px;margin-bottom:20px;}
}

@media all and (max-width:600px){
    /* module_ty */
    .M32_A_cont {margin:0;}
    .M32_A_cont .module_ty .md_btn a {display:block; display: block;  max-width: 60%; margin: 0 auto;}

    /* 1단 */
    .M32_A_cont .module_ty .item:only-child .img {width:100%;}
    .M32_A_cont .module_ty .item:only-child .txt {width:100%; padding: 0;}
    .M32_A_cont .module_ty .md_btn a:nth-child(even) {margin-top: 10px;}
}




/* M32_A | logistics | 20231101 추가 */
.M32_A_cont.logistics br.mo { display: none; }
.M32_A_cont.logistics .t_point { color: #039A83; }
.M32_A_cont.logistics .btn_ty:before, .M32_A_cont.logistics .btn_ty02:before { background:#039A83; }
.M32_A_cont.logistics .btn_ty:hover:after, .M32_A_cont.logistics .btn_ty:focus:after, .M32_A_cont.logistics .btn_ty02:hover:after, .M32_A_cont.logistics .btn_ty02:focus:after { border-color: #039A83; }
.M32_A_cont.logistics .logi_tit { display: flex; align-items: center; }
.M32_A_cont.logistics .logi_img { flex: 1 1 50%; max-width: 50%; }
.M32_A_cont.logistics .logi_img > span { display: block; width: 100%; background-size: 100% auto; background-position: center; background-repeat: no-repeat; }
.M32_A_cont.logistics .logi_img .img_p { padding-bottom: 65.25037936267071%; }
.M32_A_cont.logistics .logi_img .img_m { padding-bottom: 93.33333333333333%; display: none; }
.M32_A_cont.logistics .logi_txt { flex: 1 1 auto; min-width: 53rem; margin-left: 7rem; }
.M32_A_cont.logistics .logi_txt strong { display: block; font-size: 4.6rem; line-height: 6.4rem; }
.M32_A_cont.logistics .logi_txt p { margin-top: 2rem; font-size: 2rem; line-height: 3rem; }
.M32_A_cont.logistics .logi_txt .btn_m { margin-top: 6rem; }
.M32_A_cont.logistics .logi_tit ~ .bn { margin-top: 8rem; }
.M32_A_cont.logistics .bn { display: flex; align-items: center; justify-content: space-between; }
.M32_A_cont.logistics .bn li { flex: 0 0 calc(50% - 1rem); height: 22.5rem; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; position: relative; padding: 0 4.5rem; }
.M32_A_cont.logistics .bn li *:not(span) { position: relative; z-index: 2; }
.M32_A_cont.logistics .bn li strong { display: block; font-size: 2rem; line-height: 3.2rem; color: #fff; }
.M32_A_cont.logistics .bn li strong + a { margin-top: 3rem; }
.M32_A_cont.logistics .bn li + li { margin-left: 2rem; }
.M32_A_cont.logistics .bn li > span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; background-size: cover; z-index: 1; }
.M32_A_cont.logistics .bn li > span.img_m { display: none; }

/** -Mobile UI- **/
@media all and (max-width:1366px) {
    .M32_A_cont.logistics .logi_txt { min-width: 40rem; }
    .M32_A_cont.logistics .logi_txt strong { font-size: 3.6rem; line-height: 5rem;}
    .M32_A_cont.logistics .logi_txt p { font-size: 1.8rem; line-height: 2.8rem; }
}

@media all and (max-width:1024px) {
    .M32_A_cont.logistics .logi_txt { min-width: unset; }
    .M32_A_cont.logistics .logi_txt strong { font-size: 2.4rem; line-height: 3.4rem; }
    .M32_A_cont.logistics .logi_txt p { font-size: 1.6rem; line-height: 2.6rem; margin-top: 1rem; }
    .M32_A_cont.logistics .logi_txt .btn_m { margin-top: 3rem; }
    .M32_A_cont.logistics .bn { display: block; }
    .M32_A_cont.logistics .logi_tit ~ .bn { margin-top: 5rem; }
    .M32_A_cont.logistics .bn li { height: unset; padding: 3rem 3rem 4rem; }
    .M32_A_cont.logistics .bn li + li { margin: 2rem 0 0; }
    .M32_A_cont.logistics .bn li strong { font-size: 1.6rem; line-height: 2.6rem; }
    .M32_A_cont.logistics .bn li strong + a { margin-top: 2rem; }
    .M32_A_cont.logistics .bn li > span.img_p { display: none; }
    .M32_A_cont.logistics .bn li > span.img_m { display: block; }
}

@media all and (max-width:768px) {
    .M32_A_cont.logistics .btn_m { height: 4rem; line-height: 3.8rem; }
    .M32_A_cont.logistics .logi_img { max-width: unset; }
    .M32_A_cont.logistics .logi_img .img_p { display: none; }
    .M32_A_cont.logistics .logi_img .img_m { display: block; }
    .M32_A_cont.logistics .logi_tit { display: block; }
    .M32_A_cont.logistics .logi_txt { margin-left: 0; margin-top: 1rem; }
}

@media all and (max-width:568px) {
    .M32_A_cont.logistics br.mo { display: block; }
}




/*** M33_A | Promotion Banner ***/
.M33_A .inner{max-width:inherit;padding:0;}
.M33_A .M33_A_cont{position:relative;width:auto;max-width:1504px;margin:0 auto;padding:0 93px;box-sizing:border-box;}

.M33_A_cont .md_link{position:relative;padding:25px 100px 25px 25px;}
.M33_A_cont .md_link:focus {outline:1px dotted; outline: -webkit-focus-ring-color auto 5px;}
.M33_A_cont .md_tit {display:block;max-width:160px;color:#fff;font-size:18px;font-weight:normal;line-height:26px;}
.M33_A_cont .md_tit span{display:flex;align-items:center;height:100%;min-height:52px;}


/* 기본 4단 */
.M33_A_cont .module_ty{margin-top:-26px;margin-right:-13px;margin-left:-13px;display:flex;flex-wrap:wrap;}
.M33_A_cont .li {display:block;float:left;width:calc(25% - 26px);margin:26px 13px 0 13px;background:linear-gradient(to right,rgba(67,171,245,1),rgba(10,127,234,1));}
.M33_A_cont .li:nth-child(even) {background:linear-gradient(to right,rgba(35,196,236,1),rgba(0,169,204,1));}
.M33_A_cont .li:nth-child(4n + 1) {clear:left;}

.M33_A_cont .li .ico {position:absolute;right:25px;top:50%;margin-top:-40px;width:80px;height:80px;background:none;}
.M33_A_cont .li .ico img{width:100%;}

/* 2단 */
.M33_A_cont .li:only-child {width:calc(100% - 26px);}
.M33_A_cont .li:first-child:nth-last-child(2),
.M33_A_cont .li:first-child:nth-last-child(2) ~ .li {width:calc(50% - 26px);}
.M33_A_cont .li:first-child:nth-last-child(2) .md_tit,
.M33_A_cont .li:first-child:nth-last-child(2) .md_tit ~ .li .md_tit{max-width:470px;}

/* 3, 5, 6, 9단 */
.M33_A_cont .li:first-child:nth-last-child(3),
.M33_A_cont .li:first-child:nth-last-child(3) ~ .li,
.M33_A_cont .li:first-child:nth-last-child(5),
.M33_A_cont .li:first-child:nth-last-child(5) ~ .li,
.M33_A_cont .li:first-child:nth-last-child(6),
.M33_A_cont .li:first-child:nth-last-child(6) ~ .li,
.M33_A_cont .li:first-child:nth-last-child(9),
.M33_A_cont .li:first-child:nth-last-child(9) ~ .li {width:calc(33.3% - 26px);}
.M33_A_cont .li:first-child:nth-last-child(3) ~ .li:nth-child(4n + 1),
.M33_A_cont .li:first-child:nth-last-child(5) ~ .li:nth-child(4n + 1),
.M33_A_cont .li:first-child:nth-last-child(6) ~ .li:nth-child(4n + 1),
.M33_A_cont .li:first-child:nth-last-child(9) ~ .li:nth-child(4n + 1) {clear:none;}
.M33_A_cont .li:first-child:nth-last-child(3) ~ .li:nth-child(3n + 1),
.M33_A_cont .li:first-child:nth-last-child(5) ~ .li:nth-child(3n + 1),
.M33_A_cont .li:first-child:nth-last-child(6) ~ .li:nth-child(3n + 1),
.M33_A_cont .li:first-child:nth-last-child(9) ~ .li:nth-child(3n + 1) {clear:left;width:calc(33.3% - 26px);}

@media all and (max-width:1400px){
    .M33_A_cont .md_link {padding:20px 85px 20px 20px;}
    .M33_A_cont .li .ico {right:20px;width:70px;height:70px;margin-top:-35px;}
}

/** -Mobile UI- **/
@media all and (max-width:1200px){
    .M33_A_cont .md_tit {font-size:16px;line-height:24px;}
    .M33_A_cont .module_ty{margin-top:-16px;margin-right:-8px;margin-left:-8px;}
    .M33_A_cont .li {width:calc(50% - 16px);margin:16px 8px 0 8px;}
    .M33_A_cont .li:nth-child(2n + 1) {clear:left;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M33_A .M33_A_cont {max-width:838px;padding:0 30px;}

    /* 2단 */
    .M33_A_cont .li:only-child {width:calc(100% - 16px);}
    .M33_A_cont .li:first-child:nth-last-child(2),
    .M33_A_cont .li:first-child:nth-last-child(2) ~ .li {width:calc(50% - 16px);}

    /* 3, 5, 6, 9단 */
    .M33_A_cont .li:first-child:nth-last-child(3),
    .M33_A_cont .li:first-child:nth-last-child(3) ~ .li,
    .M33_A_cont .li:first-child:nth-last-child(5),
    .M33_A_cont .li:first-child:nth-last-child(5) ~ .li,
    .M33_A_cont .li:first-child:nth-last-child(6),
    .M33_A_cont .li:first-child:nth-last-child(6) ~ .li,
    .M33_A_cont .li:first-child:nth-last-child(9),
    .M33_A_cont .li:first-child:nth-last-child(9) ~ .li {width:calc(33.3% - 16px);}
    .M33_A_cont .li:first-child:nth-last-child(3) ~ .li:nth-child(3n + 1),
    .M33_A_cont .li:first-child:nth-last-child(5) ~ .li:nth-child(3n + 1),
    .M33_A_cont .li:first-child:nth-last-child(6) ~ .li:nth-child(3n + 1),
    .M33_A_cont .li:first-child:nth-last-child(9) ~ .li:nth-child(3n + 1) {clear:left;width:calc(33.3% - 16px);}
    .M33_A_cont .li:first-child:nth-last-child(3) ~ .li:nth-child(2n + 1),
    .M33_A_cont .li:first-child:nth-last-child(5) ~ .li:nth-child(2n + 1),
    .M33_A_cont .li:first-child:nth-last-child(6) ~ .li:nth-child(2n + 1),
    .M33_A_cont .li:first-child:nth-last-child(9) ~ .li:nth-child(2n + 1) {clear:none;}
}

@media all and (max-width:600px){
    /* 1단 */
    .M33_A_cont .module_ty{margin-top:0;margin-right:0;margin-left:0;}
    .M33_A_cont .li {margin:10px 0 0 0;width:100% !important;}
    .M33_A_cont .li:first-child {margin-top:0;}
}







/*** M34_A | Product ***/
* + .M34_A_cont {margin-top:40px;}
.M34_A .tit_e {margin-bottom:20px;}
.M34_A .tit_b {margin-top:-12px;}
.M34_A .tit_e + .tit_b {margin-top:0;}
.M34_A .tit_e + .M34_A_cont {margin-top:0;}

.M34_A_cont .md_tit { display: block;  font-size:28px;}
.M34_A_cont .md_tit:after { content: '';  display: block; width: 100%; height: 1px; margin-top:15px; background-color: #dddddd; }
.M34_A_cont .md_txt { margin-top: 10px; font-size:18px;}
.M34_A_cont .md_btn { margin-top:30px; }
.M34_A_cont .md_btn a{ width:100%; min-width:100%; padding: 0 10px;}
.M34_A_cont .btn_ty:before {background: #364fc7;}
.M34_A_cont .btn_ty:hover,.M34_A_cont .btn_ty:focus,.M34_A_cont .btn_ty02:hover,.M34_A_cont .btn_ty02:focus,.M34_A_cont .btn_ty03:hover,.M34_A_cont .btn_ty03:focus {background: #364fc7;}


/* tab_list */
.M34_A .tit_e + .M34_A_cont .tab_list,
.M34_A .tit_b + .M34_A_cont .tab_list {margin-bottom:0;}
.M34_A .tab_list {  height: 161px; margin-bottom: 30px;  margin-top:0;padding:0 50px; box-sizing: border-box;}
.M34_A .tab_list li.swiper-slide-active .tab_btn{ color: #364FC7; }
.M34_A .tab_list li span { display: block; margin-top: 5px; line-height:1.2;}
.M34_A_cont .tab_list li {float:left;width:111px !important; margin-right: 65px; padding-top: 15px; text-align:center; }
.M34_A_cont .tab_list li.swiper-slide.swiper-slide-duplicate.swiper-slide-visible.swiper-slide-prev,.M34_A_cont .tab_list li.swiper-slide.swiper-slide-visible.swiper-slide-prev { margin: 0 40px 0 0;}
.M34_A_cont .tab_list li:last-child {margin-right:0;}
.M34_A_cont .tab_list li .tab_btn {position:relative;display:block;padding-top:3px;padding-bottom:9px;font-size: 18px;color:#000;transition:color 0.3s;height: 100%;}
.M34_A_cont .tab_list li .tab_btn img {max-width:80px; max-height:80px;}
.M34_A_cont .tab_list li .tab_btn:hover,
.M34_A_cont .tab_list li .tab_btn:focus {color:#364FC7;}
.M34_A_cont .tab_list li.swiper-slide-active .tab_btn:after,.M34_A_cont .tab_list li.active .tab_btn:after {content:"";position:absolute;bottom:0;left:0;width:100%;height: 4px;background-color: #364FC7;}
.M34_A .tab_slide_area { height: 161px; border-bottom: 1px solid #DDDDDD; }
.M34_A .tab_slide_area:before {  content: ''; position: absolute; display: block; width: 100%; height: 2px; background-color: #000; }

/* tab_control */
.M34_A  .tab_control .btn_prev,
.M34_A  .tab_control .btn_next {position:absolute;top:50%;transform:translate(-50%,-50%);display:block;width:30px;height:30px;z-index:3;}
.M34_A  .tab_control .btn_prev {left:0;}
.M34_A  .tab_control .btn_next {right:-10px;}
.M34_A  .tab_control:before,
.M34_A  .tab_control:after {content:"";position:absolute;width: 70px;height: 90%;top: 50% !important;transform: translateY(-50%);background: #fff; z-index:2;}
.M34_A.bg  .tab_control:before, .M34_A.bg  .tab_control:after {background:#f5f5f5 !important;}
.M34_A  .tab_control:before {top:0;left:0;}
.M34_A  .tab_control:after {top:0;right:0;}
.M34_A  .tab_control .btn_prev:after,
.M34_A  .tab_control .btn_next:after {content:"";position:absolute;width:17px;height:17px;border-top:2px solid #000;border-left:2px solid #000;transition:border-color 0.3s;}
.M34_A  .tab_control .btn_prev:after {top:5px;left:20px;transform:rotate(-45deg);}
.M34_A  .tab_control .btn_next:after {top:5px;transform:rotate(135deg);}
.M34_A  .tab_control .btn_prev.disabled:after,
.M34_A  .tab_control .btn_next.disabled:after {border-color:#ccc;}
.M34_A  .tab_control .btn_prev:not(.disabled):hover:after,
.M34_A  .tab_control .btn_prev:not(.disabled):focus:after,
.M34_A  .tab_control .btn_next:not(.disabled):hover:after,
.M34_A  .tab_control .btn_next:not(.disabled):focus:after {border-color:#364fc7;}


/* tab_panel */
.M34_A .tab_panel {display:none;}
.M34_A .tab_panel.active {display:block;}
.M34_A .tit_b + .M34_A_cont .tab_panel { padding: 25px 0 0px 0; overflow:hidden;}
.M34_A .tit_e + .M34_A_cont .tab_panel { margin-top:30px; }
.M34_A .tit_e + .M34_A_cont.ty02 .tab_list { margin-top:50px; }

/* txt */
.M34_A_cont .txt .md_tit {display:block;}
.M34_A_cont .txt .md_tit a {transition:color 0.3s;}
.M34_A_cont .txt .md_tit:hover a,
.M34_A_cont .txt .md_tit:focus a {color:#39c0e5;}
.M34_A_cont .txt .md_tit span:empty {display:block;margin-top:-40px;}
.M34_A_cont .txt .md_txt {margin-top:10px;}
.M34_A_cont .txt .md_btn {margin-top:20px;}


/* detail_list */
.bg .M34_A_cont .li { background: #fff; }
.M34_A .detail_list { margin: 0 -13px; overflow:hidden;}
.M34_A.bg .detail_list .li {background-color:#fff;}
.M34_A .detail_list .li { position:relative;display: block; float: left; width: calc(33.3% - 26px); min-height:320px; margin: 26px 13px 0 13px; padding: 40px 40px;  background: #fafafa;  overflow: hidden;}
.M34_A .detail_list .li img {max-width:60px;} /* 210618 modify */
.M34_A .detail_list .li .flag { position: absolute; top:0; right:0; width: 74px; height: 28px;  vertical-align: middle; display: inline-block; background-color: #364fc7;  color: #fff;
text-align: center; font-weight: bold; font-size: 14px;}
.M34_A .detail_list .li .flag:before { content: ""; display: block; position: absolute; top: 0; left: 10px; transform: translateX(-10px); border: 14px solid transparent; border-left-color: #ffffff;}
.M34_A .detail_list .li .flag em {display:inline-block; vertical-align: initial;padding-left:10px;}

/* button */
.M34_A .btn_wrap a { margin-right:15px; }
.M34_A .btn_wrap a:last-child { margin-right:0; }

@media all and (max-width:1200px){
    /* detail_list */
    .M34_A_cont * + .M34_A .detail_list {position:relative;margin-top:0;padding-top:30px;}
    .M34_A_cont * + .detail_list:before {position:absolute;left:60px;top:0;width:20px;height:1px;padding:0;background:#000;content:"";}
    .M34_A_cont .tab_list li.swiper-slide.swiper-slide-duplicate.swiper-slide-visible.swiper-slide-prev, .M34_A_cont .tab_list li.swiper-slide.swiper-slide-visible.swiper-slide-prev {margin:0 40px 0 0;}
    .M34_A_cont .txt .md_btn {margin-top:10px;}
    .M34_A_cont .M34_A .detail_list {padding-right:30px;padding-left:60px;}
    .M34_A .detail_list .li {width:48%;}
    .M34_A .detail_list .li:nth-child(odd) { margin: 2% 1% 0 0;}
    .M34_A .detail_list .li:nth-child(even) { margin: 2% 0% 0 1%;}
    .M34_A_cont .md_tit {font-size:24px;}
    .M34_A_cont .md_txt {font-size:16px;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    * + .M34_A_cont {margin-top:20px;}
    .M34_A .tit_e {margin-bottom:10px;}
    .M34_A .tit_b {margin-top:-6px;}

    /* tab_list */
    .M34_A_cont .tab_list {margin-top:0;margin-bottom:20px;}
    .M34_A .tit_b + .M34_A_cont .tab_panel {margin:0; padding: 0px 0 0px 0;}
    .M34_A .tab_control:before, .M34_A .tab_control:after {width:65px;}
}

@media all and (max-width:768px){
/* tab_list */
    .M34_A_cont .md_txt {font-size:14px;}
    .M34_A_cont .tab_control {display:none;}
    .M34_A_cont .tab_slide_area {height:110px}
    .M34_A .tab_list {height:100%; margin-left: -90px;}
    .M34_A_cont .tab_slide_area {margin-left:0px;margin-right:0px;}
    .M34_A_cont .tab_list li { width:90px !important; margin:0; margin:0 15px 0 0;padding-top: 5px; }
    .M34_A_cont .tab_list li span {margin-top:0; font-size:14px; line-height:1.4;}
    .M34_A_cont .tab_list li img {max-width:55px !important; max-height:55px !important;}
    .M34_A_cont .tab_list li .tab_btn {padding-top:1px;padding-bottom:9px;font-size:16px;}
    .M34_A .detail_list .li .flag:before { border-width: 12px;}
    .M34_A .detail_list .li:nth-child(even) {margin-left:0;}
    .M34_A_cont .tab_list li.swiper-slide.swiper-slide-duplicate.swiper-slide-visible.swiper-slide-prev, .M34_A_cont .tab_list li.swiper-slide.swiper-slide-visible.swiper-slide-prev{ margin: 0 40px 0 0;}

    /* tab_panel */
    .M34_A_cont .tab_panel { padding: 25px 0 20px 0;}
    .M34_A .detail_list .li { width:100% !important; min-height: auto; margin-top:10px !important; padding: 10px 30px 30px;}
    .M34_A .detail_list .li:first-child {margin-top:0 !important;}
    .M34_A .tit_b + .M34_A_cont .tab_panel {margin-top:20px; padding:0;}
    .M34_A .tit_e + .M34_A_cont .tab_panel {margin-top:0;}

    /* detail_list */
    .M34_A_cont * + .detail_list:before {left:30px;}
    .M34_A_cont .md_btn {margin-top:40px;}
    .M34_A .detail_list {margin:0px;}
    .M34_A .detail_list .li {float:none;width:100%;}
    .M34_A .detail_list .li:nth-child(n+2) {margin-top:40px;}
    .M34_A .detail_list .li .txt {width:100%;}
    .M34_A .detail_list .li .flag {width:68px; height:25px;}
    .M34_A .detail_list .li .flag em {font-size:12px;}

    /* btn */
    .M34_A .btn_wrap {margin-top:30px;}
    .M34_A .btn_wrap a {display:block; margin-right:0; margin: 10px auto 0; max-width: 60%;}
    .M34_A .btn_wrap a:first-child {margin-top:0;}
    .M34_A .btn_wrap a:last-child {margin-right:auto;}
}




/*** M35_A | All Product List ***/
* + .M35_A {margin-top:0px;}
.M35_A.cont .inner{max-width:inherit;padding:0;}
.M35_A.cont .inner .M35_A_cont{position:relative;width:auto;max-width:1504px;margin:0 auto;padding:0 93px;box-sizing:border-box;}


/* .tab_slide_area */
.M35_A .tab_slide_area + .M35_A_cont .list:first-child{margin-top:60px;}
.M35_A .tab_slide_area {position:relative;background:#7697E5;}
.M35_A .tab_slide_area.fixed { position: fixed; width: 100%; max-width: 1920px; top: 0; z-index: 10; }
.M35_A .tab_inner .caroufredsel_wrapper {width:100% !important;}

.M35_A .tab_inner {position:relative;width:100%;max-width:1318px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
.M35_A .tab_inner .tab_list li {float:left;width:auto;}
.M35_A .tab_inner .tab_list li {margin-right:40px;}
.M35_A .tab_inner .tab_list li:last-child {margin-right:0;}
.M35_A .tab_inner .tab_list li .tab_btn {position:relative;display:block;padding-top:15px;padding-bottom:15px;padding-left:10px;padding-right:10px;font-size:20px;color:#fff;opacity:0.5;font-weight:bold;transition:color 0.3s, opacity 0.2s;}
.M35_A .tab_inner .tab_list li .tab_btn:hover,
.M35_A .tab_inner .tab_list li .tab_btn:focus {color:#ffea83;opacity:1;}
.M35_A .tab_inner .tab_list li .tab_btn.active {color:#fff;opacity:1;}

/* tab_contro */
.M35_A .tab_inner .tab_control .btn_prev,
.M35_A .tab_inner .tab_control .btn_next {position:absolute;display:block;width:20px;height:20px;z-index:3;overflow:hidden;}
.M35_A .tab_inner .tab_control .btn_prev {top:50%;left:0;margin-top:-10px;}
.M35_A .tab_inner .tab_control .btn_next {top:50%;right:0;margin-top:-10px;}
.M35_A .tab_inner .tab_control:before,
.M35_A .tab_inner .tab_control:after {content:"";position:absolute;width:40px;height:60px;z-index:2;}
.M35_A .tab_inner .tab_control:before {top:0;left:0;}
.M35_A .tab_inner .tab_control:after {top:0;right:0;}
.M35_A .tab_inner .tab_control:before {background:linear-gradient(to right,rgba(118,151,229,1) 72%,rgba(118,151,229,0) 90%);}
.M35_A .tab_inner .tab_control:after {background:linear-gradient(to right,rgba(118,151,229,0) 10%,rgba(118,151,229,1) 28%);}
.M35_A .tab_inner .tab_control .btn_prev:after,
.M35_A .tab_inner .tab_control .btn_next:after {content:"";position:absolute;width:12px;height:12px;border-top:2px solid #fff;border-left:2px solid #fff;transition:border-color 0.3s;}
.M35_A .tab_inner .tab_control .btn_prev:after {top:4px;left:12px;transform:rotate(-45deg);}
.M35_A .tab_inner .tab_control .btn_next:after {top:4px;left:1px;transform:rotate(135deg);}
.M35_A .tab_inner .tab_control .btn_prev.disabled:after,
.M35_A .tab_inner .tab_control .btn_next.disabled:after {border-color:#B5D6F7;}
.M35_A .tab_inner .tab_control .btn_prev:not(.disabled):hover:after,
.M35_A .tab_inner .tab_control .btn_prev:not(.disabled):focus:after,
.M35_A .tab_inner .tab_control .btn_next:not(.disabled):hover:after,
.M35_A .tab_inner .tab_control .btn_next:not(.disabled):focus:after {border-color:#ffea83;}


/** list **/
.M35_A_cont .list{margin-bottom:40px;}
.M35_A_cont .list:last-child{margin-bottom:0;}
.M35_A_cont .list .tit_m {display:block;margin-bottom:20px;font-size:28px;line-height:40px;}

.M35_A_cont .list .tit_m a{display:inline-block;}
.M35_A_cont .list .tit_m a:after {display:inline-block;position:relative;right:0;width:13px;height:13px;margin:15px 0 0 8px;border:solid #000;border-width:2px 2px 0 0;box-sizing:border-box;transform:rotate(45deg);content:"";vertical-align:top;transition:all 0.4s;}
.M35_A_cont .list .tit_m a:hover, 
.M35_A_cont .list .tit_m a:focus {color:#364fc7;}
.M35_A_cont .list .tit_m a:hover:after, 
.M35_A_cont .list .tit_m a:focus:after {right:-3px;border-color:#364fc7;}

/** module_ty **/
.M35_A_cont .list .module_ty {margin-top:-26px;margin-left:-13px;margin-right:-13px;}
.M35_A_cont .list .module_ty:after {content:"";display:block;clear:both;}
.M35_A_cont .list .module_ty .li {float:left;position:relative;width:calc(33.3% - 26px);margin:26px 13px 0;padding:30px;border:1px solid #ddd;box-sizing:border-box;}
.M35_A_cont .list .module_ty .icon {position:absolute;left:30px;top:50%;margin-top:-50px;width:100px;height:100px;}
.M35_A_cont .list .module_ty .icon .tit_ico {display:block;width:100%;}
.M35_A_cont .list .module_ty .icon img{width:100%;}
.M35_A_cont .list .module_ty .txt {padding:0 0 0 130px;}
.M35_A_cont .list .module_ty .md_tit {margin-bottom:10px;}
.M35_A_cont .list .module_ty .md_tit02 {display:block;}
.M35_A_cont .list .module_ty .btn_area {margin-top:20px;}
.M35_A_cont .list .module_ty .btn_m {min-width:inherit;width:100%;max-width:215px;}
.M35_A_cont .list .module_ty .btn_m:before{background:#364fc7;}
.M35_A_cont .list .module_ty .btn_m:hover:after, 
.M35_A_cont .list .module_ty .btn_m:focus:after{border-color:#364fc7;}
.M35_A_cont .list .module_ty .li .flag {position:absolute;top:0;left:0;min-width:74px;height:28px;padding-right:10px;vertical-align:middle;display:inline-block;background-color:#364fc7;color:#fff;font-weight:bold;font-size:14px;}
.M35_A_cont .list .module_ty .li .flag em {display:inline-block;padding-left:8px;}
.M35_A_cont .list .module_ty .li .flag:before {content:"";display:block;position:absolute;top:0;right:0px;border:14px solid transparent;border-left-width:10px;border-right-width:10px;border-right-color:#ffffff;}
    

/** -PC 확장- **/
@media all and (max-width:1400px){
    .M35_A_cont .list .module_ty .li {width:calc(50% - 26px);}
    .M35_A_cont .list .module_ty .btn_m {min-width:215px;width:inherit;max-width:inherit;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M35_A.cont .inner .M35_A_cont {max-width:838px;padding:0px 30px 0 30px;}
    .M35_A .tab_slide_area + .M35_A_cont .list:first-child{margin-top:50px;}
    .M35_A_cont .M35_A .tab_inner + .M35_A_cont .list{margin-top:28px;}

    /*.M35_A  tab_inner */
    .M35_A .tab_inner {padding:0 20px;}
    .M35_A .tab_inner:before,
    .M35_A .tab_inner:after {content:"";position:absolute;width:20px;height:100%;z-index:2;}
    .M35_A .tab_inner:before {top:0;left:0;background:linear-gradient(to right,rgba(118,151,229,1) 0%,rgba(118,151,229,0) 100%);}
    .M35_A .tab_inner:after {top:0;right:0;background:linear-gradient(to right,rgba(118,151,229,0) 0%,rgba(118,151,229,1) 100%);}
    .M35_A .tab_inner .tab_control {display:none;}
    .M35_A .tab_inner .tab_list li {margin-right:20px;}
    .M35_A .tab_inner .tab_list li:first-child {padding-left:10px;}
    .M35_A .tab_inner .tab_list li:last-child {margin-right:0;padding-right:10px;}
    .M35_A .tab_inner .tab_list li .tab_btn {padding:10px 0;font-size:16px;}
    .M35_A .tab_inner .tab_list li .tab_btn.active:after {left:0;width:100%;}


    /** list **/
    .M35_A_cont .list .tit_m {font-size:18px;line-height:26px;}
    .M35_A_cont .list .tit_m a:after {width:11px;height:11px;margin:8px 0 0 6px;border:solid #000;border-width:2px 2px 0 0;box-sizing:border-box;transform:rotate(45deg);content:"";vertical-align:top;transition:all 0.4s;}

    .M35_A_cont .list .module_ty {margin-top:-10px;margin-left:-5px;margin-right:-5px;}
    .M35_A_cont .list .module_ty .li{width:calc(50% - 10px);margin:10px 5px 0;}
    .M35_A_cont .list .module_ty .icon {margin-top:-40px;max-width:80px;}
    .M35_A_cont .list .module_ty .icon .tit_ico{display:block;}
    .M35_A_cont .list .module_ty .txt {padding:0 0 0 110px;}
    .M35_A_cont .list .module_ty .btn_m {min-width:195px;}
}

@media all and (max-width:838px){
    .M35_A_cont .list .module_ty {margin:-10px 0 0;}
    .M35_A_cont .list .module_ty .li {width:100%;margin:10px 0 0;padding:15px 30px 30px;}
    .M35_A_cont .list .module_ty .icon {position:relative;left:0;top:0;margin:0 auto;}
    .M35_A_cont .list .module_ty .txt {padding:0;text-align:center;}

    .M35_A_cont .list .module_ty .li .flag:before {border-top-width:12px;border-bottom-width:12px;}
    .M35_A_cont .list .module_ty .li .flag {min-width:68px;height:25px;}
    .M35_A_cont .list .module_ty .li .flag em {font-size:12px;}
}


/*** M42_A | Hero list ***/
.M42_A .tit_e {margin-bottom:20px;}

/** M42_A_cont **/
.M42_A_cont {display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin:-26px -13px 0 -13px;}
.M42_A_cont .li {float:left;width:calc(33.333% - 26px);margin:26px 13px 0 13px;background:#fafafa;box-sizing:border-box;}
.bg .M42_A_cont .li {background:#fff;}

/* img */
.M42_A_cont.module_ty .img {margin-bottom:0;}
.M42_A_cont.module_ty .img:before {content: "";display:block;width:100%;height:0;padding-bottom:42.66%;background-color:#ddd;}
.M42_A_cont .img_p img {max-width:100%;width:100%;}

/* txt */
.M42_A_cont .txt {padding:50px 50px 50px 50px;}
.M42_A_cont .txt .md_txt {margin-top:15px;}
.M42_A_cont .txt .md_btn {margin-top:10px;}
.M42_A_cont .txt .txt_col {color:#4473D9;}

/* btn */
.M42_A_cont .btn_area {margin-top:30px;}

/** -Mobile UI- **/
@media all and (max-width:1200px){
    /* txt */
    .M42_A_cont .txt {padding:30px 30px 30px 30px;}
}

@media all and (max-width:1023px){
    .M42_A .tit_e {margin-bottom:10px;} 

    /** M42_A_cont **/
    .M42_A_cont {margin:-10px -8px 0 -8px;}
    .M42_A_cont .li {width:calc(50% - 16px);margin:10px 8px 0 8px;padding:30px;}

    /* txt */
    .M42_A_cont .txt {padding:20px 0 0 0;}
    .M42_A_cont .txt .md_tit {font-size:16px;line-height:26px;}
}


@media all and (max-width:600px){
    /* M42_A */
    .M42_A .tit_e {margin-bottom:10px;}

    /* bg */
    .cont.M42_A {background:#fff;}
    .M42_A_cont .li {background:#fff;}
    .M42_A.bg {background:#F5F5F5;}
    .bg .M42_A_cont .li {background:#F5F5F5;}


    /** M42_A_cont **/
    .M42_A_cont {margin:0;}
    .M42_A_cont .li {width:100%;margin:0;padding:0 0 40px 0;}
    .M42_A_cont .li:last-child {padding-bottom:0;}

    /* img */
    .M42_A_cont .img_p img {width:100%;}

    /* txt */
    .M42_A_cont .txt {padding:20px 0 0 0;}
    .M42_A_cont .txt .md_txt {margin-top:10px;}
    .M42_A_cont .txt .md_btn {margin-top:10px;text-align:center;}

    /* btn */
    .M42_A_cont .btn_area {margin:20px 0 0 0;text-align:center;}
}


/*** M43_A | Indicator  ***/
.M43_A .tit_e {margin-bottom:20px;} 
.M43_A .tit_b {margin-bottom:50px;}
.M43_A .tit_e + .tit_b {margin-top:0;}

/* M43_A_cont */
.M43_A_cont {position:relative;counter-reset:item;}
.M43_A_cont .li {position:relative;display:flex;align-items:center;margin-top:100px;}
.M43_A_cont .li:first-child {margin-top:0;}
.M43_A_cont .li:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M43_A_cont .li:nth-child(even) {flex-direction:row-reverse;}

/* img */
.bg .M43_A_cont .img {background:#e6e6e6;}
.bg .M43_A_cont .img:before {background:#f5f5f5;}
.M43_A_cont .img {position:relative;align-self:flex-start;width:57.7%;max-width:100%;margin-bottom:0;background:#f5f5f5;}
.M43_A_cont .img_p {position:absolute;left:0;top:0;width:100%;height:100%;}
.M43_A_cont .img img {max-width:100%;}
.M43_A_cont .img:before {content:"";display:block;width:100%;height:0;padding-bottom:56.15%;background-color:#fff;}

/* li_vod */
.M43_A_cont .li.li_vod .img:before {content:"";display:block;width:100%;height:0;padding-bottom:56.15%;background-color:#ddd;box-shadow:none;}
.M43_A_cont .li.li_vod .img .img_p:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}

/* btn_movie */
.M43_A_cont .li .btn_movie {left:50%;top:50%;transform:translate(-51%,-52%);}
.M43_A_cont  .module_ty .img .md_link:hover .btn_movie i, .M43_A_cont  .module_ty .img .md_link:focus .btn_movie i {border-color:#1C7EEE;}
.M43_A_cont  .module_ty .img .md_link:hover .btn_movie:before, .M43_A_cont  .module_ty .img .md_link:focus .btn_movie:before {transform:translateX(0);}
.M43_A_cont  .module_ty .img .md_link:hover .btn_movie:after, .M43_A_cont  .module_ty .img .md_link:focus .btn_movie:after {border-left-color:#fff;}

/* txt */
.M43_A_cont .txt {position:relative;width:50%;padding-right:0;box-sizing:border-box;}
.M43_A_cont .txt .txt_col {color:#347AF4;}
.M43_A_cont .txt .tit_e {margin-bottom:20px;display:block;}
.M43_A_cont .txt .md_tit {display:block;font-size:18px;line-height:28px;}
.M43_A_cont .txt .md_txt {margin-top:20px;}
.M43_A_cont .li:nth-child(odd) .txt {float:right;padding-left:70px;}
.M43_A_cont .li:nth-child(even) .txt {float:left;padding-right:70px;}
.M43_A_cont .txt.right {text-align:right;}

/* 220901 | 회사소개 페이지에서만 */
.abt_news_list .M43_A_cont .li {margin-top:80px;}
.abt_news_list .M43_A_cont .li:first-child {margin-top:0;}
.abt_news_list .M43_A_cont .txt .md_btn {display:flex;flex-wrap:wrap;flex-direction:row;margin:6px 0 0; justify-content: space-between; }
.abt_news_list .M43_A_cont .txt .md_btn a {width: calc(50% - 10px);margin:10px 10px 0 0;line-height:24px;}
.abt_news_list .M43_A_cont .txt .md_btn a:nth-child(even) {margin-right:0;}
html[lang="en"] .abt_news_list .M43_A_cont .li:nth-child(odd) .txt { padding-left: 40px; }
html[lang="en"] .abt_news_list .M43_A_cont .li:nth-child(even) .txt { padding-right: 20px; }
html[lang="en"] .abt_news_list .M43_A_cont .txt .md_btn a { width: calc(50% - 5px); }

@media all and (max-width:1280px){
    html[lang="en"] .abt_news_list .M43_A_cont .txt .md_btn a { font-size: 14px; letter-spacing: -1px; }
    html[lang="en"] .abt_news_list .M43_A_cont .txt .md_btn a.btn_arrow span { padding-right: 15px; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M43_A .tit_e {margin-bottom:10px;}
    .M43_A .tit_b {margin-top:-6px;margin-bottom:30px;}

    /* M43_A_cont */
    .M43_A_cont .li {margin-top:70px;min-height:0;}
    .M43_A_cont .txt .tit_e {margin-bottom:10px;}
    .M43_A_cont .txt .txt_inner {padding-top:0;}
    .M43_A_cont .txt .md_btn {margin-top:20px;}
    .M43_A_cont .txt .md_btn a {display:block;}

    /* 220901 | 회사소개 페이지에서만 */
    .abt_news_list .M43_A_cont .txt .md_btn {margin-top:0;}
    .abt_news_list .M43_A_cont .txt .md_btn a {width:100%;margin:10px 0 0;line-height:inherit;}
    html[lang="en"] .abt_news_list .M43_A_cont .txt .md_btn a { width: 100%; letter-spacing: 0px; }
}

@media all and (max-width:838px){
    .M43_A_cont .li {display:block;min-height:auto;margin-top:40px;overflow:visible;}

    /* 220901 | 회사소개 페이지에서만 */
    .abt_news_list .M43_A_cont .li {margin-top:40px;}
    html[lang="en"] .abt_news_list .M43_A_cont .li:nth-child(odd) .txt { padding-left: 0px; }
    html[lang="en"] .abt_news_list .M43_A_cont .li:nth-child(even) .txt { padding-right: 0px; }

    /* M43_A_cont */
    .M43_A_cont .txt .md_txt {margin-top:15px;}

    /* img */
    .M43_A_cont .img {float:none;width:100%;margin:0;}

    /* li_vod */
    .M43_A_cont .li.li_vod .img {width:100%;}

    /* txt */
    .M43_A_cont .txt {float:none;padding:0px;width:100%;min-height:inherit;}
    .M43_A_cont .txt .txt_inner {padding-top:20px;}
    .M43_A_cont .txt .txt_inner:before {display:none;}
    .M43_A_cont .li:nth-child(odd) .txt,
    .M43_A_cont .li:nth-child(even) .txt {padding:0;}
    .M43_A_cont .txt .md_tit {font-size:16px;line-height:26px;}
}


/*** M44_A | Features 2  ***/
.M44_A .tit_e {margin-bottom:20px;} 

/* M44_A_cont */
.M44_A_cont {position:relative;counter-reset:item;}
.M44_A_cont .li {margin-top:70px;}
.M44_A_cont .li:first-child {margin-top:0;}
.M44_A_cont .li > .md_tit {position:relative;padding-top:80px;margin-bottom:50px;}
.M44_A_cont .li > .md_tit:before {display:block;position:absolute;top:0;color:rgba(0,0,0,0.05);font-family:'SharpSansNo1' !important;font-size:155px;font-weight:bold;line-height:155px;content:counter(item, decimal-leading-zero);counter-increment:item;}

/* video type */
.M44_A_cont .video_tab {display:flex;flex-direction:row;align-items:center;}
.M44_A_cont .video_tab .video_box {width:49%;align-self:flex-start;}
.M44_A_cont .video_tab .video_box .video {position:relative;width:100%;max-width:645px;height:auto;padding-top:70%;max-height:450px;}
.M44_A_cont .video_tab .video_box .video video {position:absolute;top:0;left:0;width:100%;height:auto;}
.M44_A_cont .video_tab .item {position:relative;display:block;float:left;width:100%;height:100%;box-sizing:border-box;overflow:hidden;cursor:default;}
.M44_A_cont .video_tab .md_control {width:51%;padding-left:5.3%;box-sizing:border-box;}
.M44_A_cont .video_tab .md_control .pagn li {position:relative;padding-left:57px;margin-top:20px;min-height:45px;font-weight:normal;}
.M44_A_cont .video_tab .md_control .pagn li:first-child {margin-top:0;}
.M44_A_cont .video_tab .md_control .pagn li span {display:inline-block;position:absolute;left:0;top:-6px;width:45px;height:45px;line-height:45px;text-align:center;font-weight:bold;color:#ddd;}
.M44_A_cont .video_tab .md_control .pagn li.act span {background:#347AF4;color:#fff;}
.M44_A_cont .video_tab .md_control .pagn li p {position:relative;display:inline-block;}
.M44_A_cont .video_tab .md_control .pagn li.act p {font-weight:bold;text-decoration:underline;}
.M44_A_cont .video_tab .md_control .play {position:relative;margin-top:30px;}
.M44_A_cont .video_tab .md_control .play:after {content:"";display:block;clear:both;}
.M44_A_cont .video_tab .md_control .play a {display:block;position:relative;float:left;width:42px;height:42px;margin-right:10px;overflow:hidden;outline:none;border:2px solid #ddd;transition:all 0.4s;}
.M44_A_cont .video_tab .md_control .play a:focus {outline:auto;}
.M44_A_cont .video_tab .md_control .play .md_btn_play{background:url("https://image.samsungsds.com//module_src/images/icon/ico_video_play.png?queryString=20241210125943") center no-repeat;cursor:default;}
.M44_A_cont .video_tab .md_control .play.on .md_btn_play,
.M44_A_cont .video_tab .md_control .play.on .md_btn_play:hover,
.M44_A_cont .video_tab .md_control .play.on .md_btn_play:focus {border-color:#347AF4;background:url("https://image.samsungsds.com//module_src/images/icon/ico_video_play_on.png?queryString=20241210125943") center no-repeat;cursor:pointer;}
.M44_A_cont .video_tab .md_control .play .md_btn_stop {border-color:#347AF4;}
.M44_A_cont .video_tab .md_control .play .md_btn_stop:before,
.M44_A_cont .video_tab .md_control .play .md_btn_stop:after {position:absolute;top:12px;width:3px;height:15px;border-radius:10px;background:#347AF4;content:"";transition:all 0.4s;}
.M44_A_cont .video_tab .md_control .play .md_btn_stop:before {left:13px;}
.M44_A_cont .video_tab .md_control .play .md_btn_stop:after {left:22px;}
.M44_A_cont .video_tab .md_control .play.on .md_btn_stop {cursor:default;}
.M44_A_cont .video_tab .md_control .play.on .md_btn_stop:before,
.M44_A_cont .video_tab .md_control .play.on .md_btn_stop:after{background:#ddd;}
.M44_A_cont .video_tab .md_control .play.on .md_btn_stop {border-color:#ddd;}

/* logo type */
.M44_A_cont .logo_box {position:relative;margin-right:-13px;margin-left:-13px;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;}
.M44_A_cont .logo_box:after {content:"";display:block;clear:both;}
.M44_A_cont .logo_box .item {float:left;width:calc(33.3% - 26px);margin:26px 13px 0 13px;box-sizing:border-box;}
.M44_A_cont .logo_box .item .img {background:#FAFAFA;}
.M44_A_cont .logo_box .item .img .img_p {position:relative;max-width:198px;min-height:198px;margin:0 auto;overflow:hidden;}
.M44_A_cont .logo_box .item .img img {position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);}
.M44_A_cont .logo_box .item .img + .txt {margin-top:20px;}
.M44_A_cont .logo_box .item .txt {text-align:center;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M44_A .tit_e {margin-bottom:10px;}
    .M44_A_cont .li > .md_tit {padding-top:50px;margin-bottom:30px;}
    .M44_A_cont .li > .md_tit:before {font-size:95px;line-height:95px;}

    /* M44_A_cont */
    .M44_A_cont .li {margin-top:70px;}

    /* video type */
    .M44_A_cont .video_tab .md_control .pagn li {margin-top:15px;padding-left:40px;min-height:30px;}
    .M44_A_cont .video_tab .md_control .pagn li span {top:-2px;width:30px;height:30px;line-height:30px;}

    /* logo type */
    .M44_A_cont .logo_box .item .img .img_p {max-width:140px;min-height:140px;}
}

@media all and (max-width:838px){
    .M44_A_cont .li {display:block;min-height:auto;margin-top:40px;overflow:visible;}

    /* video type */
    .M44_A_cont .video_tab {display:block;}
    .M44_A_cont .video_tab .video_box {width:100%;}
    .M44_A_cont .video_tab .video_box .video {max-width:100%;height:100%;max-height:inherit;}
    .M44_A_cont .video_tab .md_control {width:100%;padding-left:0;margin-top:25px;}
    .M44_A_cont .video_tab .md_control .play {height:32px;text-align:center;font-size:0;}
    .M44_A_cont .video_tab .md_control .play a {float:none;display:inline-block;width:32px;height:32px;}
    .M44_A_cont .video_tab .md_control .play .md_btn_play {background-size:10px auto !important;}
    .M44_A_cont .video_tab .md_control .play .md_btn_stop:before, 
    .M44_A_cont .video_tab .md_control .play .md_btn_stop:after {height:12px;top:8px;}
    .M44_A_cont .video_tab .md_control .play .md_btn_stop:before {left:9px;}
    .M44_A_cont .video_tab .md_control .play .md_btn_stop:after {left:16px;}

    /* logo type */
    .M44_A_cont .logo_box .item {float:none;width:100%;margin-top:40px;}
    .M44_A_cont .logo_box .item:first-child {margin-top:0;}
}


/*** M45_A | Customer story ***/
.M45_A .tit_e { margin-bottom: 20px; }
.M45_A .visual_img .txt { background: #fff; }
.M45_A_cont { position: relative; overflow: hidden; }

.M45_A .tit_b + .M45_A_cont { margin-top: 50px; }
.M45_A_cont { padding: 60px 100px 80px; }

/* visual_img */
.M45_A_cont .visual_img { position: absolute; inset: 0; }
.M45_A_cont .visual_img .img .img_p,
.M45_A_cont .visual_img .img .img_m { position: absolute; inset: 0; }
.M45_A_cont .visual_img .img .img_m { display: none; }
.M45_A_cont .visual_img .img .img_p:after,
.M45_A_cont .visual_img .img .img_m:after { position: absolute; inset: 0; content: ''; background-color: rgba(0, 0, 0, 0.4); }

/* tab */
.M45_A_cont .tab_area { position: relative; z-index: 1; }
.M45_A_cont .tab_slide_area { margin: 0 50px; padding-bottom: 48px; overflow-x: scroll; overflow-y: hidden; }
.M45_A_cont .tab_slide_area::-webkit-scrollbar { height: 0px; }
.M45_A_cont .tab_list { position: relative; width: max-content; display: flex; align-items: center; padding-right: 2px; }
.M45_A_cont .tab_list li + li { margin-left: 40px; }
.M45_A_cont .tab_list li a { position: relative; display: block; padding: 3px 0 9px; color: rgba(245, 245, 245, 0.8); transition: color 0.3s; }
.M45_A_cont .tab_list li a.active { color: #fff; }
.M45_A_cont .tab_list li a:after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background-color: #fff; }
.M45_A_cont .tab_list li a:before { position: absolute; bottom: -48px; left: 50%; display: block; width: 0; height: 0; transform: translate(-50%, 0); border-bottom: 20px solid #fff; border-left: 15px solid transparent; border-right: 15px solid transparent; }
.M45_A_cont .tab_list li a.active:after, 
.M45_A_cont .tab_list li a.active:before { content: ''; }

/* arrow */
.M45_A_cont .slick-nav button { position: absolute; top: 25%; display: block; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.M45_A_cont .slick-nav button::before { content:''; display: block; width: 17px; height: 17px; border-top: 2px solid #fff; border-left: 2px solid #fff; transition: border-color 0.3s; }
.M45_A_cont .slick-prev { left: 0; }
.M45_A_cont .slick-next { right: 0; }
.M45_A_cont .slick-prev::before { transform: translate3d(25%,0,0) rotate(-45deg); }
.M45_A_cont .slick-next::before { transform: translate3d(-25%,0,0) rotate(135deg); }
/* notnav */
.M45_A_cont .tab_area.noNav .tab_slide_area { margin: 0; }
.M45_A_cont .tab_area.noNav .slick-nav { display: none; }

/* slide */
.M45_A_cont .slider-tabSection { position: relative; display: block; user-select: none; touch-action: pan-y; z-index: 1; }
.M45_A_cont .slider-tabContents { position: relative; }

.M45_A_cont .tabContents .txt { padding: 0 5.7%; border-radius: 27px; background-color: #fff; }
.M45_A_cont .tabContents .txt .txt_inner { display: flex; align-items: center; padding: 50px 0; text-align: left; box-sizing: border-box; }
.M45_A_cont .tabContents .txt .logo_box { max-width: 100%; height: 100%; }

.M45_A_cont .tabContents .txt .scrollbar-inner { max-height: 167px; overflow-y: scroll; }
.M45_A_cont .tabContents .txt .scrollbar-inner::-webkit-scrollbar { width: 0; }
.M45_A_cont .tabContents .txt .txt_box { padding-left: 60px; }
.M45_A_cont .tabContents .txt .txt_box .tit_s { font-size: 24px; line-height: 45px; font-weight: normal; }
.M45_A_cont .tabContents .txt .txt_box .txt_bold { font-size: 30px; font-weight: bold; }
.M45_A_cont .tabContents .txt .txt_box .txt_col { font-size: 30px; font-weight: bold; color: #4473D9; }
.M45_A_cont .tabContents .txt .txt_box .md_btn { margin-top: 20px; }
.M45_A_cont .tabContents .txt .txt_box .md_btn .btn_arrow { margin-right: 15px; }

.M45_A_cont .tabContents .logo_box .img_logo { position: relative; }
.M45_A_cont .tabContents .logo_box .img_logo img { max-width: 152px; min-height: 140px; }
.M45_A_cont .tabContents .logo_box .txt_logo { text-align: center; color: #003383; font-weight: bold; padding-bottom: 20px; }

/** -Mobile UI- **/
@media all and (max-width:1300px) {
    .M45_A_cont .tabContents .txt .txt_box .tit_s { font-size: 22px; line-height: 38px; }
    .M45_A_cont .tabContents .txt .txt_box .txt_bold { font-size: 28px; }
}
@media all and (max-width:1023px) {
    .M45_A .tit_e { margin-bottom: 10px; }
    .M45_A .tit_b + .M45_A_cont { margin-top: 30px; }
    .M45_A_cont { padding: 30px 30px 40px; }

    /* visual_img */
    .M45_A_cont .visual_img .img .img_m { display: block; }
    .M45_A_cont .visual_img .img .img_p { display: none; }

    /* tab */
    .M45_A_cont .tab_slide_area { margin: 0 40px; padding-bottom: 37px; }
    .M45_A_cont .tab_list li a:before { bottom: -37px; border-bottom: 17px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; }

    /* slide */
    .M45_A_cont .tabContents .txt { height: 389px; padding: 0 30px; border-radius: 25px; }
    .M45_A_cont .tabContents .txt .txt_inner { display: block; padding: 0; }
    .M45_A_cont .tabContents .txt .txt_box { padding: 0; }
    .M45_A_cont .tabContents .txt .txt_box .tit_s { font-size: 14px; line-height: 28px; }
    .M45_A_cont .tabContents .txt .txt_box .txt_bold { font-size: 18px; }
    .M45_A_cont .tabContents .txt .txt_box .txt_col { font-size: 18px; }
    .M45_A_cont .tabContents .txt .txt_box .md_btn { margin-top: 20px; }
    .M45_A_cont .tabContents .txt .txt_box .md_btn .btn_arrow { display: block; width: fit-content; margin:0 0 10px; }
    
    .M45_A_cont .tabContents .logo_box .img_logo { padding-top: 16px; text-align: center; }
    .M45_A_cont .tabContents .logo_box .img_logo img { width: 115px; max-width: 115px; min-height: 107px; margin: 0 auto; }
}
@media all and (max-width:600px) {
    .M45_A.cont { padding-bottom: 0; }
    .M45_A_cont { margin: 0 -30px 0 -30px; }

    /* tab */
    .M45_A_cont .tab_list li + li { margin-left: 20px; }

    /* arrow */
    .M45_A_cont .slick-nav button { width: 30px; height: 30px; }
    .M45_A_cont .slick-nav button::before { width: 13px; height: 13px; }

    /* slide */
    .M45_A_cont .tabContents .txt .scrollbar-inner { height: 183px; }
}



/*** M46_A | Link 3 ***/
.M46_A .tit_e {margin-bottom:20px;}
.M46_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M46_A .tit_e + .tit_b {margin-top:0;}

/* list */
.M46_A_cont { margin: 0 -14px; }
.bg .M46_A_cont .li {background:#fff;}
.M46_A_cont:after {content:"";display:block;clear:both;}
.M46_A_cont .module_ty { overflow: hidden; }
.M46_A_cont .li { float:left; width:calc( 25% - 30px ); margin: 0 15px 30px 15px; padding:30px 35px; background-color:#F5F5F5; }

.M46_A_cont .li:first-child:nth-last-child(2),
.M46_A_cont .li:first-child:nth-last-child(2) ~ .li { width:calc( 50% - 30px ); }

.M46_A_cont .li:first-child:nth-last-child(3),
.M46_A_cont .li:first-child:nth-last-child(3) ~ .li,
.M46_A_cont .li:first-child:nth-last-child(6),
.M46_A_cont .li:first-child:nth-last-child(6) ~ .li { width:calc( 33.3% - 30px ); }
.M46_A_cont .li:only-child { width: calc(50% - 30px);}
.M46_A_cont .li .ico {width:100%;margin-bottom:7px;text-align:right;background:none;}
.M46_A_cont .li .ico .img_p {display:inline-block;width:50px;height:50px;}
.M46_A_cont .li .ico img {width:100%;}
.M46_A_cont .li .txt {padding:0;}
.M46_A_cont .li .txt .md_txt {margin-top:10px;font-size: 18px;}
.M46_A_cont .li .txt .md_btn {margin:20px 0 0;}
.M46_A_cont .li .txt .md_btn a {margin:0;margin-right:15px;font-size: 18px;}
.M46_A_cont .li .txt .md_btn a:last-child {margin-right:0;}


@media all and (max-width:1200px){
    .M46_A_cont { margin: 0 -8px; }
    .M46_A_cont .li { width:calc( 25% - 15px ); margin: 0px 7px 14px 7px; }

    .M46_A_cont .li:first-child:nth-last-child(2),
    .M46_A_cont .li:first-child:nth-last-child(2) ~ .li { width:calc( 50% - 15px ); }

    .M46_A_cont .li:only-child { width: calc(50% - 15px); }

    .M46_A_cont .li:first-child:nth-last-child(3),
    .M46_A_cont .li:first-child:nth-last-child(3) ~ .li,
    .M46_A_cont .li:first-child:nth-last-child(6),
    .M46_A_cont .li:first-child:nth-last-child(6) ~ .li { width:calc( 33.3% - 15px ); }

}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M46_A .tit_e {margin-bottom:10px;}
    .M46_A .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* list */
    .M46_A_cont { margin: 0 -6px; }
    .M46_A_cont .module_ty { margin: 0; }
    .M46_A_cont .li { float:left; width:calc( 50% - 13px ); margin: 0 6px 12px 6px; }
    .M46_A_cont .li:nth-child(2n+1) {clear:both;}

    .M46_A_cont .li:first-child:nth-last-child(2),
    .M46_A_cont .li:first-child:nth-last-child(2) ~ .li,
    .M46_A_cont .li:first-child:nth-last-child(3),
    .M46_A_cont .li:first-child:nth-last-child(3) ~ .li,
    .M46_A_cont .li:first-child:nth-last-child(6),
    .M46_A_cont .li:first-child:nth-last-child(6) ~ .li { width: calc( 50% - 13px ); }

    .M46_A_cont .li:only-child { width: calc(50% - 13px); }
    .M46_A_cont .li .txt .md_btn a {font-size: 14px;}
    .M46_A_cont .li .txt .md_txt {font-size: 14px;}
}

@media all and (max-width:600px){
    /* list */
    .M46_A_cont { margin: 0 }
    .M46_A_cont .li {float:none;width:100%;margin:10px 0px 0px;padding:20px 25px 30px;}
    .M46_A_cont .li:first-child {margin-top:0px;}
    .M46_A_cont .li:nth-child(2n+1) {clear:both;}

    .M46_A_cont .li:first-child:nth-last-child(2),
    .M46_A_cont .li:first-child:nth-last-child(2) ~ .li,
    .M46_A_cont .li:first-child:nth-last-child(3),
    .M46_A_cont .li:first-child:nth-last-child(3) ~ .li,
    .M46_A_cont .li:first-child:nth-last-child(6),
    .M46_A_cont .li:first-child:nth-last-child(6) ~ .li { width: 100%; }

    .M46_A_cont .li:only-child { width: 100%; }
    .M46_A_cont .li .txt .md_btn {margin:10px 0 0;}
    .M46_A_cont .li .ico .img_p {width:40px;height:40px;}
}


/*** M47_A | Relation Offering  ***/
.M47_A .tit_e {margin-bottom:20px;} 
.M47_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M47_A .tit_e + .tit_b {margin-top:0;}

/* Owl As-is 초기화 */
.M47_A_cont .owl-stage-outer, .M47_A_cont .owl-stage, .M47_A_cont .owl-item {height:auto !important;}
.M47_A_cont .owl-carousel .active span {background:none;}
.M47_A_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}

/* owl-carousel */
.M47_A_cont {position:relative;padding-top:10px;}
.M47_A_cont .owl-carousel {display:flex;}
.M47_A_cont .owl-carousel .owl-stage {display:flex !important;}
.M47_A_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M47_A_cont .owl-carousel .owl-item {display:flex;}
.M47_A_cont .owl-carousel .item {display:flex;position:relative;float:left;width:300px;padding:30px 30px 20px;box-sizing:border-box;background:#f5f5f5;}
.M47_A_cont .owl-carousel .item .arrow_btn {display:block;position:relative;height:17px;}
.M47_A_cont .owl-carousel .item .arrow_btn .arrow_icon{position:absolute;right:0;top:50%;display:inline-block;width:25px;height:2px;background:#000;transition:all 0.3s;}
.M47_A_cont .owl-carousel .item .arrow_btn .arrow_icon:before {position:absolute;right:0;top:-5px;display:block;width:12px;height:12px;transform:rotate(45deg);border:solid #000;border-width:2px 2px 0 0;content:'';}
.M47_A_cont .owl-carousel .item .arrow_btn:hover .arrow_icon {right:-3px;}
.M47_A_cont .box {width:100%;}
.M47_A_cont .md_tit {display:block;margin-bottom:10px;}
.M47_A_cont .md_txt {margin-bottom: 20px;display: block;font-size: 18px;}
.M47_A_cont:after {position:absolute;left:-1000px;top:0;width:1000px;height:100%;background:rgba(255,255,255,0.8);content:"";z-index:10;transition:opacity 0.4s;}
.M47_A_cont .owl-carousel.act .owl-item.cloned {opacity:0;}

/* Background Gray */
.bg .M47_A_cont .owl-carousel .item {background:#fff;}
.bg .M47_A_cont:after {background:rgba(245,245,245,0.8);}

/* 4단이하 */
.M47_A_cont.m1 .owl-carousel,
.M47_A_cont.m2 .owl-carousel,
.M47_A_cont.m3 .owl-carousel,
.M47_A_cont.m4 .owl-carousel {display:flex;width:auto;margin-left:-26px;}

.M47_A_cont.m1 .owl-carousel .item,
.M47_A_cont.m2 .owl-carousel .item,
.M47_A_cont.m3 .owl-carousel .item,
.M47_A_cont.m4 .owl-carousel .item {width:310px;margin-left:26px;}

.M47_A_cont.m1 .owl-pagn,
.M47_A_cont.m2 .owl-pagn,
.M47_A_cont.m3 .owl-pagn,
.M47_A_cont.m4 .owl-pagn,
.M47_A_cont.m1 .md_play,
.M47_A_cont.m2 .md_play,
.M47_A_cont.m3 .md_play,
.M47_A_cont.m4 .md_play{display:none;}

/* Navication */
.M47_A_cont .owl-pagn {position:relative;width:100%;max-width:1318px;margin-top:40px;padding-bottom:0;z-index:2;}
.M47_A_cont .owl-pagn-inner {position:absolute;right:0;top:0;}
.M47_A_cont .owl-nav {position:absolute;right:calc(100% - 1318px);bottom:-97px;}

/* md_play  */
.M47_A_cont .md_play { position: absolute; right: 33px; bottom: -43px; z-index: 10; transition: all 0.4s; }
.M47_A_cont .md_play a { display: block; position: relative; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; }
.M47_A_cont .md_play .md_btn_play:before { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ''; transform: translate(-50%, -50%); transition: all 0.4s; }
.M47_A_cont .md_play .md_btn_stop:before { position: absolute; left: 11px; top: 10px; width: 2px; height: 10px; background: #000; content: ''; transition: all 0.4s; }
.M47_A_cont .md_play .md_btn_stop:after { position: absolute; left: 16px; top: 10px; width: 2px; height: 10px; background: #000; content: ''; transition: all 0.4s; }
.M47_A_cont .md_play:hover:before, .M47_A_cont .md_play:focus:before { transform: translateX(0); }
.M47_A_cont .md_play .md_btn_play { display: none; }
.M47_A_cont .md_play .md_btn_stop { display: block; }
.M47_A_cont .md_play.on .md_btn_play { display: block; }
.M47_A_cont .md_play.on .md_btn_stop { display: none; }
.M47_A_cont .owl-pagn[aria-live='off'] ~ .md_play { display: none; }

/* -PC 확장형- */
@media all and (max-width:1504px){
    .M47_A_cont .owl-nav {right:0}
    .M47_A_cont.m4 .owl-carousel {display:block;margin-left:0;}
    .M47_A_cont.m4 .owl-carousel .item {width:300px;margin-left:0;}
    .M47_A_cont.m4 .owl-pagn {display:block;}
}

@media all and (max-width:1168px){
    .M47_A_cont.m3 .owl-carousel {display:block;margin-left:0;}
    .M47_A_cont.m3 .owl-carousel .item {width:300px;margin-left:0;}
    .M47_A_cont.m3 .owl-pagn {display:block;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M47_A .tit_e {margin-bottom:10px;}
    .M47_A .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* owl-carousel */
    .M47_A_cont .owl-carousel .item {width:300px;padding:30px 30px 20px;}
    .M47_A_cont .owl-carousel .item:after {left:-16px;width:16px}

    /* 4단이하 */
    .M47_A_cont.m1 .owl-carousel .item:after {left:-26px;width:26px}
    .M47_A_cont.m2 .owl-carousel {display:block;margin-left:0;}
    .M47_A_cont.m2 .owl-carousel .item {width:310px;margin-left:0;}
    .M47_A_cont.m2 .owl-pagn,
    .M47_A_cont.m3 .owl-pagn,
    .M47_A_cont.m4 .owl-pagn {display:block;}

    /* Navication */
    .M47_A_cont .owl-pagn { height: auto; margin-top: 30px; padding-bottom: 0; }
    .M47_A_cont .owl-pagn-inner { position: initial; height: 30px; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; }
    .M47_A_cont .owl-pagn-st { float: initial; }
    .M47_A_cont .owl-pagn-ed { float: initial; padding-left: 0; }
    .M47_A_cont .owl-pagn-ed:before { display: none; }
    .M47_A_cont .owl-pagn-bar { position: initial; float: initial; }
    .M47_A_cont .owl-navm { display: block; }
    .M47_A_cont .owl-navm .owl-prevm,
    .M47_A_cont .owl-navm .owl-nextm { top: initial; bottom: 0; transform: translateY(0); border-radius: 50%; background: transparent; }
    .M47_A_cont .owl-navm .owl-prevm::after,
    .M47_A_cont .owl-navm .owl-nextm::after { border-color: #000; }
    .M47_A_cont .owl-navm .owl-prevm:hover,
    .M47_A_cont .owl-navm .owl-nextm:hover,
    .M47_A_cont .owl-navm .owl-prevm:focus,
    .M47_A_cont .owl-navm .owl-nextm:focus { background: transparent; }
    .M47_A_cont .md_play { display: none; }
    .M47_A_cont .md_txt {font-size: 14px;}
}

@media all and (max-width:900px){
    .M47_A_cont:after {opacity:0;}
}

@media all and (max-width:600px){
    .M47_A_cont .owl-carousel .item {width:100% !important;min-width:300px !important;}
    .M47_A_cont .owl-carousel .item:after {left:-16px;width:16px}

    /* 1단 */
    .M47_A_cont.m1 .owl-carousel {display:block;margin-left:0;}
    .M47_A_cont.m1 .owl-carousel .item {width:100%;margin-left:0;}

    .M47_A_cont .owl-carousel .item .arrow_btn .arrow_icon {width:20px;}
    .M47_A_cont .owl-carousel .item .arrow_btn .arrow_icon:before {top:-4px;width:10px;height:10px;}
}



/*** M47_B  ***/
.M47_B .tit_e {margin-bottom:20px;} 
.M47_B .tit_b {margin-top:-12px;margin-bottom:40px;}
.M47_B .tit_e + .tit_b {margin-top:0;}

/* img */
.M47_B_cont .img{display: flex;justify-content: right;margin-bottom: 0;}
.M47_B_cont .img img{width: 50px;height: 50px;} 
.M47_B_cont .img:before{ display: none;}

/* Owl As-is 초기화 */
.M47_B_cont .owl-stage-outer, .M47_B_cont .owl-stage, .M47_B_cont .owl-item {height:auto !important; }
.M47_B_cont .owl-carousel .active span {background:none;}
.M47_B_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}

/* owl-carousel */
.M47_B_cont {position:relative;padding-top:10px;}
.M47_B_cont .owl-carousel {display:flex;}
.M47_B_cont .owl-carousel .owl-stage {display:flex !important;}
.M47_B_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M47_B_cont .owl-carousel .owl-item {display:flex;}
.M47_B_cont .owl-carousel .item {position:relative;float:left;width:300px;height: auto;padding:28px 30px;box-sizing:border-box;background:#f5f5f5;}
.M47_B_cont .owl-carousel .item .arrow_btn {display:flex;align-items: center; justify-content: right; position:relative;height:40px;width:100%;}
.M47_B_cont .owl-carousel .item .arrow_btn .arrow_icon{position:absolute;display:inline-block;width:32px;height:2px;background:#000;transition:all 0.3s;}
.M47_B_cont .owl-carousel .item .arrow_btn .arrow_icon:before {position:absolute;right:0;top:-5px;display:block;width:12px;height:12px;transform:rotate(45deg);border:solid #000;border-width:2px 2px 0 0;content:'';}
.M47_B_cont .owl-carousel .item .arrow_btn:hover .arrow_icon {right:-3px;}
.M47_B_cont .box {width:100%; }
.M47_B_cont .md_tit {display:block;margin-bottom:10px; font-size: 24px;}
.M47_B_cont .md_txt {display:block; font-size: 16px; width: 190px; word-break: break-all;}


.M47_B_cont:after {position:absolute;left:-1000px;top:0;width:1000px;height:100%;background: #fff;content:"";z-index:10;opacity :0;}
.M47_B_cont .owl-carousel.act .owl-item.cloned {opacity:0;}

/* Background Gray */
.bg .M47_B_cont .owl-carousel .item {background:#fff;}
.bg .M47_B_cont:after {background-color: #f5f5f5;}

/* 4단이하 */
.M47_B_cont.m1 .owl-carousel,
.M47_B_cont.m2 .owl-carousel,
.M47_B_cont.m3 .owl-carousel,
.M47_B_cont.m4 .owl-carousel {display:flex;width:auto;margin-left:-26px;}
.M47_B_cont.m1 .owl-carousel .item,
.M47_B_cont.m2 .owl-carousel .item,
.M47_B_cont.m3 .owl-carousel .item,
.M47_B_cont.m4 .owl-carousel .item {width:310px;margin-left:26px;}
.M47_B_cont.m1 .owl-pagn,
.M47_B_cont.m2 .owl-pagn,
.M47_B_cont.m3 .owl-pagn,
.M47_B_cont.m4 .owl-pagn {display:none;}

/* Navication */
.M47_B_cont .owl-pagn {position:relative;width:100%;max-width:1318px;top:-291px; padding-bottom:0;}
.M47_B_cont .owl-pagn-inner {position:absolute;right:113px; width: 130px;}
.M47_B_cont .owl-nav {position:absolute;right:calc(100% - 1318px);top:-56px; width: auto;}
.M47_B_cont .owl-pagn .owl-pagn-inner .owl-pagn-bar { width: 80px;}
.M47_B_cont .owl-carousel .owl-nav button.owl-prev { margin-right: 16px;}

/* -PC 확장형- */
@media all and (max-width:1504px){
    .M47_B_cont .owl-nav {right:0}
    .M47_B_cont.m4 .owl-carousel {display:block;margin-left:0;}
    .M47_B_cont.m4 .owl-carousel .item {width:300px;margin-left:0;}
    .M47_B_cont.m4 .owl-pagn {display:block;}
}

@media all and (max-width:1168px){
    .M47_B_cont.m3 .owl-carousel {display:block;margin-left:0;}
    .M47_B_cont.m3 .owl-carousel .item {width:300px;margin-left:0;}
    .M47_B_cont.m3 .owl-pagn {display:block;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M47_B .tit_e {margin-bottom:10px;}
    .M47_B .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* owl-carousel */
    .M47_B_cont .owl-carousel .owl-stage {margin-bottom: 30px;}
    .M47_B_cont .owl-carousel .item {width:300px;padding:24px;}
    .M47_B_cont .owl-carousel .item:after {left:-16px;width:16px}

    /* 4단이하 */
    .M47_B_cont.m1 .owl-carousel .item:after {left:-26px;width:26px}
    .M47_B_cont.m2 .owl-carousel {display:block;margin-left:0;}
    .M47_B_cont.m2 .owl-carousel .item {width:310px;margin-left:0;}
    .M47_B_cont.m2 .owl-pagn,
    .M47_B_cont.m3 .owl-pagn,
    .M47_B_cont.m4 .owl-pagn {display:block;}

    /* Navication */
    .M47_B_cont .owl-pagn {position: relative; bottom: 0; top: auto; margin: 0 auto; width: calc(100% - 70px);}
    .M47_B_cont .owl-pagn .owl-pagn-inner { position: absolute; right: 0; top: 0; width: 100%; }

    .M47_B_cont .owl-pagn .owl-pagn-inner .owl-pagn-bar{left: 50%; transform: translate(-50%, -48%); width: calc(100% - 60px);}
    .M47_B_cont .owl-pagn-ed {float: right;}
    .M47_B_cont .owl-pagn-ed:before { content: '';}
    .M47_B_cont .owl-carousel .owl-nav.disabled { display: block !important; top: 244px; width: 100%;}
    .M47_B_cont .owl-carousel .owl-nav.disabled .owl-prev,.owl-nav.disabled .owl-next  { border: none !important;}
    .M47_B_cont .owl-nav .owl-prev:hover, .M47_B_cont .owl-nav .owl-next:hover, .M47_B_cont .owl-nav .owl-prev:focus, .M47_B_cont .owl-nav .owl-next:focus{background: transparent !important; border-color: #2189ff !important;}
    .M47_B_cont .owl-nav .owl-prev:before, .M47_B_cont .owl-nav .owl-next:before { background: transparent;}
    .M47_B_cont .owl-nav .owl-prev:hover:after, .M47_B_cont .owl-nav .owl-next:hover:after, .M47_B_cont .owl-nav .owl-prev:focus:after, .M47_B_cont .owl-nav .owl-next:focus:after{border-color: #2189ff;}
}

@media all and (max-width:900px){
    .M47_B_cont:after {opacity:0;}
}

@media all and (max-width:600px){
    .M47_B_cont .owl-carousel .item {width:100% !important;min-width:240px !important; height: 205px; padding: 24px;}
    .M47_B_cont .owl-carousel .item:after {left:-16px;width:16px}
    .M47_B_cont .md_tit { font-size: 20px;}
    .M47_B_cont .md_txt { font-size: 14px;}

    /* 1단 */
    .M47_B_cont.m1 .owl-carousel {display:block;margin-left:0;}
    .M47_B_cont.m1 .owl-carousel .item {width:100%;margin-left:0;}
    .M47_B_cont .owl-carousel .item .arrow_btn .arrow_icon:before {top:-4px;width:10px;height:10px;}
    .M47_B_cont .owl-carousel .owl-nav.disabled { top: 227px; }
    .M47_B_cont .owl-item .img img { width: 48px; height: 48px;}
}



/*** M48_A | Hero1 **/
/* 20240826 test작업으로 만든 소스 실제로 사용 안함 : M48_B 사용중 */




/*** M48_B | Hero1 **/
.M48_B.cont { padding: 0 !important; overflow: visible; }
.M48_B.cont .inner { max-width: inherit; padding: 0; }
.M48_B.cont + .M01_E.cont { padding-top: 0px; }
.M48_B_cont { position: relative; background-color: #fff; height: 100%; overflow: visible; }
.M48_B_cont .main-content2 { margin-bottom: 0; }
.M48_B_cont .main-content2 .slick-list { z-index: 2; overflow: hidden; }
.M48_B.cont .main-content2 .slick-slide { border: 0; }
.M48_B.cont .main-content2 .slick-slide .slide-contents { display: flex; width: 100%; height: 800px; }
.M48_B.cont .main-content2 .slick-slide .slide-contents article { position: relative; width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 0 140px; padding: 0 8.1%; }

/* 텍스트 세로 가운데 정렬(1,2번 슬라이드) 및 애니메이션 효과 */
.M48_B.cont .main-content2 .slick-slide .slide-contents article .text-area { position: absolute; bottom: 50%; margin-bottom: -230px; width: 84%; max-width: 650px; max-height: 300px; height: 100%; display: flex; flex-direction: column; justify-content: center; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; transition: all 0.8s; }
.M48_B.cont .main-content2 .slick-slide.slick-active .slide-contents article .text-area { margin-bottom: -150px; opacity: 1; }

/*** Search box ***/
.M48_B.cont .mainSection2-search_container { display: flex !important; position: relative; justify-content: center; align-items: center; width: 100%; overflow: visible; }
.M48_B.cont .mainSection2-search_container span.tit_main_s { display: block; text-align: center; width: 100%; }
.M48_B.cont .mainSection2-search_container h2 { text-align: center; position: relative; margin-bottom: 30px; }
.M48_B.cont .mainSection2-search_container p.tit_main_s { text-align: center; margin-bottom: 30px; }
.M48_B.cont .mainSection2-search_container p.tit_main_s span { color: #2189FF; }

/* 텍스트 세로 가운데 정렬(3번 검색 슬라이드) 및 애니메이션 효과 */
.M48_B.cont .main-content2 .slick-slide .slide-contents .mainSection2-search_container .container { display: flex; flex-direction: column; justify-content: center; position: absolute; bottom: 50%; width: 100%; max-width: 800px; height: 100%; max-height: 500px; margin-bottom: -330px; opacity: 0; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; transition: all 0.8s; }
.M48_B.cont .main-content2 .slick-slide.slick-active .slide-contents .mainSection2-search_container .container { margin-bottom: -250px; opacity: 1; }

.M48_B.cont .mainSection2-search_container .head { display: none; }
.M48_B.cont .mainSection2-search_container .btn-close { position: absolute; top: 30px; right: 30px; transition: all 0.4s; }
.M48_B.cont .mainSection2-search_container .btn-close:hover, .M48_B.cont .mainSection2-search_container .btn-close:focus { transform: rotate(180deg); }

/* form */
.M48_B.cont .mainSection2-search_container #searchForm1 { margin-bottom: 27px; }
.M48_B.cont .mainSection2-search_container .form { padding: 0; max-width: 880px; position: relative; margin: 0 auto; } 
.M48_B.cont .mainSection2-search_container .form .mainInPut { position: relative; display: flex; align-items: center; }
.M48_B.cont .mainSection2-search_container .form .input { display: block; width: 100%; height: 60px; padding: 0 0 0 40px; font-size: 20px; line-height: 35px; color: #2189FF; background-color: #fff; background-clip: padding-box; border: 3px solid #2189FF; border-radius: 30px; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.M48_B.cont .mainSection2-search_container .form .input::placeholder { color: #666; } 
.M48_B.cont .mainSection2-search_container .form .input:focus { outline: none !important; }
.M48_B.cont .mainSection2-search_container .form .delete { position: absolute; width: 24px; height: 24px; background-position: center center; background-repeat: no-repeat; display: none; top: 18px; right: 106px; background-image: url('https://image.samsungsds.com/module_src/images/icon/ic_main_delete_blue.png?queryString=20241210125943'); }
.M48_B.cont .mainSection2-search_container .form .mainSection2_searchBtnBox { display: flex; margin-left: -3px; }
.M48_B.cont .mainSection2-search_container .form .mainSection2_searchBtnBox .sch { position: relative; z-index: 2; display: inline-block; width: 90px; height: 60px; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 3px solid #2189FF; border-radius: 30px; border-top-left-radius: 0; border-bottom-left-radius: 0; background-color: #2189FF; background-image: url('https://image.samsungsds.com/module_src/images/icon/ic_main_search_white.png?queryString=20241210125943'); background-position: center center; background-repeat: no-repeat; }

/* sch_quick */
.M48_B.cont .main_sch_box.on { background: #fff; } 
.M48_B.cont .mainSection2-search_container .form .inner_sch_quick { left: 40px; right: 0; margin: 0 auto; top: 30px; }
.M48_B.cont .mainSection2-search_container .form .sch_quick .tit { text-align: left; color: inherit; font-weight: normal; padding: 0 24px; color: #000; margin-bottom: 5px; }
.M48_B.cont .search_dim { display: block; position: fixed; width: 100%; height: calc(100% - 60px); bottom: 0; left: 0; background-color: transparent; z-index: 0; }

/* link_box */
.M48_B.cont .mainSection2-search_container .link_box { display: flex; width: 100%; max-width: 670px; margin-left: 40px; }
.M48_B.cont .mainSection2-search_container .link_box .hashtag_name { width: 100%; max-width: 90px; margin-right: 17px; font-weight: bold; color: #666; } 
.M48_B.cont .mainSection2-search_container .link_box .txt { display: inline-block; vertical-align: top; }
.M48_B.cont .mainSection2-search_container .link_box .txt p { font-size: 14px; font-weight: bold; color: #000; line-height: 32px; }
.M48_B.cont .mainSection2-search_container .link_box .links { text-align: left; width: 100%; }
.M48_B.cont .mainSection2-search_container .link_box .links a { display: inline-block; padding: 0 8px; font-size: 16px; color: #2189ff; line-height: 24px; background-color: rgba(33, 137, 255, 0.10); margin: 0 7px 8px 0; }
.M48_B.cont .mainSection2-search_container .link_box .links a:last-child { margin-right: 0; }
.M48_B.cont .mainSection2-search_container .sch_quick { padding: 24px 0px 50px 0px; box-shadow: 0px 5px 19px rgba(0, 0, 0, 0.15); border: 0; width: 100%; max-width: 670px; }
.M48_B.cont .mainSection2-search_container .sch_quick:before { display: none; }
.M48_B.cont .mainSection2-search_container .sch_quick .sr_list { margin: 0; padding: 0 24px 20px 24px; border-bottom: 1px solid #e5e5e5; min-height: 120px; }
.M48_B.cont .mainSection2-search_container .sch_quick .sr_list li { padding-left: 20px; background-image: url('https://image.samsungsds.com/module_src/images/icon/ic_main_searchList.png?queryString=20241210125943'); background-repeat: no-repeat; background-position: 0 center; }
.M48_B.cont .main-content2 .slide-contents { position: relative; }
.M48_B.cont .main-content2 .slide-contents article .text-area h2 { margin-bottom: 20px; position: relative; color: #2189FF; display: flex; align-items: center; }
.M48_B.cont .main-content2 .slide-contents article .text-area h2 i img { margin-right: 10px; }
.M48_B.cont .main-content2 .slide-contents article .text-area ul { display: flex; flex-direction: row; margin-top: 35px; }
.M48_B.cont .main-content2 .slide-contents article ul li { margin: 0px 8px; }
.M48_B.cont .main-content2 .slide-contents article ul li:first-child { margin-left: 0; }
.M48_B.cont .main-content2 .slide-contents aside { width: 50%; background-position: center; background-size: cover; background-color: #ccc; background-repeat: no-repeat; }

/* slick slider dots */
.M48_B.cont .main-content2 .custom_paging { position: absolute; right: 35%; bottom: 40px; z-index: 2; }
.M48_B.cont .main-content2 .custom_paging.dot_left { left: 8.1%; bottom: 40px; }
.M48_B.cont .main-content2 .custom_paging.dot_right { right: 35%; bottom: 40px; }
.M48_B.cont .main-content2 .custom_paging.dot_center { width: 100%; padding: 0; text-align: center; right: 0; left: 0; }
.M48_B.cont .main-content2.dotZindex .custom_paging.dot_center { z-index: 1; }
.M48_B.cont .main-content2 .custom_paging li { position: relative; display: inline-block; font-size: 14px; font-weight: bold; margin-right: 12px; color: #ccc; }
.M48_B.cont .main-content2 .custom_paging li:last-child { margin-right: 0; }
.M48_B.cont .main-content2 .custom_paging li.slick-active { color: #000; }
.M48_B.cont .main-content2 .custom_paging li.slick-active::after { content: ''; width: 4px; height: 4px; background-color: #000; border-radius: 100px; position: absolute; top: -3px; left: 50%; margin-left: -2px; }

/* 메인 서치 드랍다운 -------------------------------------------------  */
.M48_B.cont .mainSection2-search_container .srcNew .form .mainInPut { position: relative; display: flex; align-items: center; z-index: 5; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick { top: 24px; z-index: 4; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick { box-shadow: none; border: 1px solid #ccc; border-top-color: transparent; padding: 30px 30px 0 30px; }
.M48_B.cont .mainSection2-search_container .srcNew .form.on .inner_sch_quick .sch_quick { display: block; } 
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop { display: flex; border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop article { width: 50%; padding: 0; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop article .tit { text-align: left; color: #888; font-weight: normal; padding: 0; margin-bottom: 20px; line-height: 18px; font-size: 14px; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop article ul.sr_list { border-bottom: 0; padding: 0; padding-left: 10px; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .sr_list { min-height: auto; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .sr_list li { background: none; padding: 0; margin: 0; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .sr_list li a { display: block; font-size: 14px; line-height: 36px; color: #000; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList { border-right: 1px dashed #ddd; padding-left: 0px; margin-right: 30px; width: 50%; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li { position: relative; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li button { position: absolute; top: 9px; right: 30px; width: 18px; height: 18px; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li button::after, .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li button::before { content: ''; position: absolute; left: 50%; top: 50%; display: block; width: 11px; height: 1px; margin-left: -5px; background-color: #ccc; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li button::after { transform: rotate(-45deg); }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li button::before { transform: rotate(45deg); }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_closeBtn { position: relative; width: 100%; padding: 18px 0px; overflow: hidden; line-height: normal; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_closeBtn button { position: unset; font-weight: normal; float: left; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_closeBtn button#src_allDelete { color: #2189FF; text-decoration: underline; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_closeBtn button#service_close_title { float: right; }
.M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .src_autoComplete { width: 100%; }
/* //메인 서치 드랍다운 -------------------------------------------------  */

@media screen and (max-width:1200px) {
    .M48_B.cont { height: auto; overflow: visible; }
    .M48_B.cont.secondPage { overflow: visible; }
    .M48_B_cont .main-content2 { height: auto; overflow: visible; }
    .M48_B.cont .main-content2 .slide-contents { width: 100%; display: flex; flex-direction: column-reverse; align-items: center; }
    .M48_B_cont .main-content2 .mo-slide .slide-contents { flex-direction: column; }
    .M48_B.cont .main-content2 .slide-contents article { width: 100%; padding: 22px 30px 60px 30px; position: absolute; bottom: 0; }
    .M48_B.cont .main-content2 .slide-contents article .text-area { text-align: left; }
    .M48_B.cont .main-content2 .slide-contents article .text-area h2 { color: #fff; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
    .M48_B.cont .main-content2 .slide-contents article .text-area ul { justify-content: center; }
    .M48_B.cont .main-content2 .slide-contents article .text-area p { color: #fff; }
    .M48_B.cont .main-content2 .slide-contents article .text-area ul { justify-content: flex-start; margin-top: 20px; flex-direction: row; }
    .M48_B.cont .main-content2 .slide-contents aside { width: 100%; }
    .M48_B.cont .main-content2 .slide-contents aside::after { content: ''; display: block; padding-bottom: 83%; }
    .M48_B.cont .main-content2 .slide-contents article ul li:first-child { margin-left: 8px; }
    .M48_B.cont .mainSection2-search_container { padding: 0 30px; min-height: 500px; }
    .M48_B.cont .main-content2 .slide-contents article ul li:first-child { margin-right: 15px; margin-left: 0; }
    .M48_B.cont .main-content2 .slide-contents article ul li a { color: #fff; }
    .M48_B.cont .main-content2 .slide-contents article ul li a::after { border: 1px solid #fff; }
    .M48_B.cont .mainSection2-search_container .main_sch_box.on { margin-top: 0; } 
    .M48_B.cont .mainSection2-search_container .form .inner_sch_quick { top: 10px; }
    .M48_B.cont .mainSection2-search_container .form .mainInPut { height: 40px; }
    .M48_B.cont .mainSection2-search_container .form .input { width: 100%; height: 40px; font-size: 14px; padding-right: 40px; }
    .M48_B.cont .mainSection2-search_container .form .delete { top: 9px; right: 100px; }
    .M48_B.cont .mainSection2-search_container .form .mainSection2_searchBtnBox .sch { height: 40px; }
}
@media screen and (max-width:1023px) {
    .M48_B.cont .main-content2 .slide-contents article .text-area h2 { background-size: 40px; height: 40px; line-height: 39px; }

    /* 메인 서치 드랍다운 1023 -------------------------------------------------  */
    .M48_B.cont .mainSection2-search_container .srcNew .form .input { padding-left: 20px; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .mainSection2_searchBtnBox .sch { width: 50px; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .delete { right: 60px; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick { top: -36px; max-width: none; width: calc(100% - 0px); left: 0; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick { padding: 55px 0px 0 0px; border-top-left-radius: 25px; border-top-right-radius: 25px; border: 1px solid #ccc; position: relative; top: 36px; max-width: none; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop article .tit { font-size: 1.2rem; line-height: 28px; margin-bottom: 14px; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick::before { content: ''; display: none; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop { padding: 0 12px 15px 12px; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop article { position: relative; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .sr_list { min-height: auto; padding-bottom: 10px; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .sr_list li a { font-size: 13px; line-height: 32px; width: 73%; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList { margin-right: 20px; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list { padding-left: 8px; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .src_recentList .sr_list li button { right: 20px; top: 7px; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_closeBtn { padding: 18px 20px; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_closeBtn button { margin: 0; }
    /* 메인 서치 드랍다운 1023 -------------------------------------------------  */ 
}
@media screen and (max-width:767px) {
    /* 인기검색어 인풋박스 */
    .M48_B.cont .mainSection2-search_container .main_sch_box.on { position: relative; z-index: 999999; }
    .M48_B.cont .mainSection2-search_container .main_sch_box.on .inner_sch_quick { top: 48px; left: 0; } 

    /* 통합검색 수정 */
    .M48_B.cont .mainSection2-search_container .main_sch_box.on .inner_sch_quick .sch_quick { top: 0; bottom: auto; } 
    .M48_B.cont .mainSection2-search_container .form { position: static; } 
    .M48_B.cont .mainSection2-search_container .form .sch_quick .tit { font-size: 12px; }
    .M48_B.cont .mainSection2-search_container .form .sch_quick .btn_close { bottom: 14px; }
    .M48_B.cont .mainSection2-search_container .link_box { padding: 0; margin: 0; flex-direction: column; }
    .M48_B.cont .mainSection2-search_container .link_box .hashtag_name { max-width: none; text-align: center; margin-bottom: 10px; }
    .M48_B.cont .mainSection2-search_container .link_box .links { text-align: center; }
    .M48_B.cont .mainSection2-search_container .link_box .links a { font-size: 14px; }
    .M48_B.cont .mainSection2-search_container .form .input { padding: 0 70px 0 20px; }
    .M48_B.cont .mainSection2-search_container .form .mainSection2_searchBtnBox .sch { width: 50px; right: 0px; }
    .M48_B.cont .mainSection2-search_container .form .delete { top: 8px; right: 60px; }

    /* 메인 서치 드랍다운 768 -------------------------------------------------  */
    .M48_B.cont .mainSection2-search_container .srcNew .form .input { padding: 0 40px 0 20px; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick { top: 0; }
    .M48_B.cont .mainSection2-search_container .srcNew .form .inner_sch_quick .sch_quick .src_listDrop .sr_list li a { height: auto; width: 75%; min-width: auto; }
    /* //메인 서치 드랍다운 768 -------------------------------------------------  */ 
}
@media screen and (max-width:719px) {
    .M48_B.cont .main-content2 .slide-contents article .text-area h2 { margin-bottom: 10px; line-height: 34px; }
    .M48_B.cont .main-content2 .slide-contents article ul li { margin: 0px; }
    .M48_B.cont .main-content2 .slide-contents article ul li:first-child { margin-right: 15px; margin-left: 0; }
    .M48_B.cont .main-content2 .slide-contents article ul li a { width: 100%; min-width: 134px; height: 40px; line-height: 39px; padding: 0; display: block; }
    .M48_B.cont .mainSection2-search_container { height: 100%; min-height: 460px; padding: 50px 30px; }
    .M48_B.cont .mainSection2-search_container h2 { margin-bottom: 10px; }
    .M48_B.cont .main-content2 .slide-contents aside::after { padding-bottom: 130%; }
}








/*** M49_A | Related Offering 2 ***/
.M49_A {padding-bottom:0;}
.M49_A .tit_main_e {margin-bottom:20px;} 
.M49_A .tit_main_b {margin-top:-12px;margin-bottom:20px;}
.M49_A .tit_main_e + .tit_main_b {margin-top:0;}
.M49_A .tit_main_b + .md_btn_box {margin-bottom:40px;}
.M49_A .inner .btn_arrow {font-size:22px;}

.M49_A_cont {position:relative;}
.M49_A_cont .list {display:grid;display:-ms-grid;grid-template-columns:  46% repeat(auto-fit, minmax(27%, 2fr));grid-template-rows: repeat(2, minmax(300px, auto));}
.M49_A_cont .list:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M49_A_cont .list .li .txt {position:absolute;bottom:90px;left:30px;right:30px;z-index:2;}
.M49_A_cont .list .li .md_cate {display:inline-block;margin-bottom:10px;padding:0 20px;border-radius:21px;font-size:16px;height:38px;line-height:38px;color:#fff;background:#000;}
.M49_A_cont .list .li:first-child .md_cate  {font-size:19px;height:42px;line-height:42px;}
.M49_A_cont .list .li .md_cate.ty_report {background:#000;} 
.M49_A_cont .list .li .md_cate.ty_video {background:#2189FF;} 
.M49_A_cont .list .li .md_cate.ty_resource {background:#E27306;} 
.M49_A_cont .list .li .md_cate.ty_case {background:#0098C2;}
.M49_A_cont .list .li .md_tit, 
.M49_A_cont .list .li .md_txt {display:block;color:#fff;}

.M49_A_cont .list .li .arrow {display:block;width:10px;height:10px;position:absolute;left:52px;bottom:40px;border-top:2px solid #fff;border-left:2px solid #fff;z-index:2;transform:rotate(135deg);}
.M49_A_cont .list .li .arrow:after {content: "";display:block;width:2px;height:30px;background-color:#fff;transform:rotate(-45deg) translate(10px, 4px);left:0;top:0;}

/* 기본 3단 */
.M49_A_cont .list .li {display:block;position:relative; box-sizing:border-box;overflow:hidden;}
.M49_A_cont .list .li:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
.M49_A_cont .list .li:nth-child(2) {-ms-grid-row: 1;-ms-grid-column:2;}
.M49_A_cont .list .li .md_link {padding:30px;height:100%;}
.M49_A_cont .list .li .md_link .img::before {content:'';display:block;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;}
.M49_A_cont .list .li .md_link:hover .img:after,
.M49_A_cont .list .li .md_link:focus .img:after {transform:translateX(0);opacity:0.1;}
.M49_A_cont .list .li .md_link:hover .icon_img:after,
.M49_A_cont .list .li .md_link:focus .icon_img:after {transform:translateX(0);opacity:0.08;}
.M49_A_cont .list .li .md_link .img {position:absolute;left:0;top:0;width:100%;height:100%;}
.M49_A_cont .list .li .md_link .img_p, 
.M49_A_cont .list .li .md_link .img_m {transition:none;}
.M49_A_cont .list .li .md_link .img .img_p, 
.M49_A_cont .list .li .md_link .img .img_m {width:100%;height:100%;background-size:cover;background-position:center;}
.M49_A_cont .list .li .md_link:hover .img_p, 
.M49_A_cont .list .li .md_link:hover .img_m,
.M49_A_cont .list .li .md_link:focus .img_p, 
.M49_A_cont .list .li .md_link:focus .img_m {transform:none;}
.M49_A_cont .list .li .icon_img {position:absolute;left:0;top:0;width:100%;height:100%;background:#142856;text-align:right;}
.M49_A_cont .list .li .icon_img .img_p {position:absolute;right:30px;bottom:0px;}
.M49_A_cont .list .li .icon_img img {max-width:100%;}

.M49_A_cont .list .li:first-child .img::before { background-color:unset;  opacity:1; }
.M49_A_cont .list .li:first-child {grid-row: 1 / span 2;-ms-grid-row: 1;-ms-grid-row-span: 2;}
.M49_A_cont .list .li:first-child .txt {left:50px;bottom:110px;}
.M49_A_cont .list .li:first-child .md_tit {font-size:32px;line-height:52px;}
.M49_A_cont .list .li:first-child .hover_txt .in_box {max-width:500px;margin:0 auto;}
.M49_A_cont .list .li:first-child .arrow {left:72px;bottom:60px;}



/* hover box */
.M49_A_cont .list .li .hover_txt {display:flex;align-items: center;text-align: center;justify-content: center;position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;opacity:0;transition:opacity .3s;}
.M49_A_cont .list .li .hover_txt:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#142856;opacity:0.9;}
.M49_A_cont .list .li .hover_txt .in_box {position:relative;padding:0 20px;max-width: 440px;margin: 0 auto;}
.M49_A_cont .list .li:not(:first-child) .hover_txt .md_cate {margin-bottom:15px;height:34px;line-height:34px;font-size:14px;}
.M49_A_cont .list .li .hover_txt .md_tit {margin-bottom:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.M49_A_cont .list .li .hover_txt .md_txt {-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.M49_A_cont .list .li .hover_txt .btn_m {margin-top:20px;}
.M49_A_cont .list .li.on .hover_txt {opacity:1;}
.M49_A_cont .list .li.on .md_link .txt,
.M49_A_cont .list .li.on .md_link .arrow {display:none;}


/* 1단 */
.M49_A_cont .list.item1 {grid-template-columns: repeat(1, 1fr);-ms-grid-columns: 1fr;}

/* 2단 */
.M49_A_cont .list.item2 {grid-template-columns:repeat(2, 1fr);-ms-grid-columns:1fr 34px 1fr;}.M49_A_cont .list.item2 .li:nth-child(2) {grid-column: 2 / span 2;grid-row: 1 / span 3;}

/* 3단 */
.M49_A_cont .list.item3 .li:nth-child(2) {grid-column: 2 / span 2;}
.M49_A_cont .list.item3 .li:nth-child(3) {grid-column: 2 / span 2;}

/* 4단 */
.M49_A_cont .list.item4 .li:nth-child(2) {grid-column: 2 / span 2;}

.M49_A_cont .navigation {display:none;}
.M49_A_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}
.M49_A_cont .owl-carousel,
.M49_A_cont .owl-carousel .owl-stage-outer {transition:height 0.4s;}
.M49_A_cont .owl-carousel .owl-stage {display: flex;}
.M49_A_cont .owl-carousel .owl-item {display:flex;height:auto !important;}
.M49_A_cont .owl-carousel .owl-item .li {width:100%;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M49_A {padding-bottom:60px;}
    .M49_A .tit_main_e {margin-bottom:10px;}
    .M49_A .tit_main_b {margin-top:-6px;margin-bottom:20px;}
    .M49_A .tit_main_b + .md_btn_box {margin-bottom:20px;}
    .M49_A .inner .btn_arrow {font-size:14px;}

    .M49_A_cont {max-width: 838px;padding: 0 30px;margin:0 auto;}
    .M49_A_cont .list {display:block;}
    .M49_A_cont .list .li { min-height: 200px; overflow: visible; }

    .M49_A_cont .list .li:first-child .md_cate,
    .M49_A_cont .list .li .md_cate {height:28px;line-height:28px;padding:0 10px;margin-bottom:5px;font-size:12px;}
    .M49_A_cont .list .li:first-child .md_tit,
    .M49_A_cont .list .li .txt .md_tit {font-size:16px;line-height:28px;}
    .M49_A_cont .list .li:first-child .txt,
    .M49_A_cont .list .li .txt {position:relative;bottom:0;left:0;right:0;padding: 55px 0 40px;}
    .M49_A_cont .list .li .md_link {padding:20px;}
    .M49_A_cont .list .li:first-child .arrow,
    .M49_A_cont .list .li .arrow {left:32px;bottom:24px;width:12px;height:12px;transform:rotate(135deg) scale(0.5);}
    .M49_A_cont .list .li:first-child .arrow:after,
    .M49_A_cont .list .li .arrow:after {width:3px;height:34px;}

    .M49_A_cont .list .li.on .md_link .txt,
    .M49_A_cont .list .li.on .md_link .arrow {display:block;}

    .M49_A_cont .list .li .hover_txt {display:none;}
    .M49_A_cont .list .li:first-child .img:before {background-color:#142856;opacity:0.6;}

    /* Navication */
    .M49_A_cont .navigation{display:block;position:relative;margin-top:30px;width:100%;top:auto;bottom:0;-index:2;height:30px;}
    .M49_A_cont .carousel-pagn {position:absolute;right:0;left:0;top:7px;margin:0 auto;width:calc(100% - 70px);}
    .M49_A_cont .carousel-pagn-inner {position:absolute;right:0px;top:0;}
    .M49_A_cont .carousel-nav {position:absolute;right:auto;bottom:0;}
    .M49_A_cont .carousel-nav:after {content:"";display:block;clear:both;}
    .M49_A_cont .carousel-nav .carousel-prev {float:left;}
    .M49_A_cont .carousel-nav .carousel-next {float:right;}
}





/*** 모든 오퍼링 보기 ***/
.MP_all_offerings .tit_e {margin-bottom:14px;font-weight:normal !important;}
.MP_all_offerings .tit_l {margin-bottom:24px;}
/* S: 2022.09.19 */
.MP_all_offerings .flag { position:relative;top:1px;max-width:54px;margin-left:10px;padding:1px 5px;font-weight:normal;font-size:12px;color:#FFF;letter-spacing:0;vertical-align:top; }
.MP_all_offerings .flag.trial { background:#000; }
/* E: 2022.09.19 */

/** MP_all_offerings_cont **/
.MP_all_offerings_cont {position:relative;margin:120px 0 40px 0;}
.MP_all_offerings_cont .list {position:relative;margin-top:100px;padding:0;outline:none;}
.MP_all_offerings_cont .list:first-child {margin-top:0;}
.MP_all_offerings_cont .list:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.MP_all_offerings_cont .img {float:left;width:200px;height:200px;margin-left:calc(26% - 260px);background:#ddd;overflow:hidden;}
.MP_all_offerings_cont .img img {width:100%;}
.MP_all_offerings_cont dl {float:right;width:74%;}
.MP_all_offerings_cont dt {margin:-10px 0 20px -2px;font-size:36px;font-weight:bold;line-height:54px;}
.MP_all_offerings_cont dt .md_link {display:inline-block;}
.MP_all_offerings_cont dt .md_link:after {display:inline-block;position:relative;right:0;width:34px;height:34px;margin:12px 0 0 0;border:solid #000;border-width:5px 5px 0 0;box-sizing:border-box; vertical-align:top;transform:rotate(45deg) scale(0.5);content:"";transition:all 0.4s;}
.MP_all_offerings_cont dt .md_link:hover:after,
.MP_all_offerings_cont dt .md_link:focus:after {right:-3px;border-color:#39c0e5;}
.MP_all_offerings_cont dd {padding-top:16px;border-top:1px solid #000;margin-bottom:-20px;box-sizing:border-box;}
.MP_all_offerings_cont dd > ul {display:flex;flex-wrap:wrap;width:100%;max-width:910px;overflow:hidden;}
.MP_all_offerings_cont .li {position:relative;width:50%;padding:13px 10% 16px 2px;box-sizing:border-box;}
.MP_all_offerings_cont .li .md_tit {font-size:19px;font-weight:bold;line-height:28px;}
.MP_all_offerings_cont .li .md_txt {margin-top:3px;color:#888;font-size:14px;line-height:24px;}
.MP_all_offerings_cont .li .box .md_link {display:inline-block;}

/* depth */
.MP_all_offerings_cont .li.chk {width:100%;padding-right:0;}
.MP_all_offerings_cont .li.chk:nth-child(2):before {display:block;}
.MP_all_offerings_cont .li.chk:last-child .dep {padding-bottom:0;}
.MP_all_offerings_cont .dep {display:flex;flex-wrap:wrap;padding:6px 0 50px 0;}
.MP_all_offerings_cont .dep li {position:relative;width:50%;margin-top:22px;padding:0 10% 0 1px;box-sizing:border-box;}
.MP_all_offerings_cont .dep li .md_tit {font-size:16px;font-weight:normal;line-height:26px;}
.MP_all_offerings_cont .dep li .md_link {position:relative;}
.MP_all_offerings_cont .dep li .md_txt {margin-top:4px;}

@media all and (max-width:1204px){
    .MP_all_offerings_cont .img {margin-left:0;}
    .MP_all_offerings_cont dl {width:calc(100% - 260px);}
    .MP_all_offerings_cont dd > ul {padding-right:0;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .MP_all_offerings .tit_e {margin-bottom:10px;}
    .MP_all_offerings .tit_l {margin-bottom:7px;}
    .MP_all_offerings .tit_s {font-weight:normal;}

    /** MP_all_offerings_cont **/
    .MP_all_offerings_cont {margin:58px 0 15px 0;}
    .MP_all_offerings_cont .list {position:relative;margin-top:78px;}
    .MP_all_offerings_cont .img {display:none;}
    .MP_all_offerings_cont dl {float:none;width:100%;}
    .MP_all_offerings_cont dt {margin:0 0 9px 0;font-size:20px;line-height:30px;}
    .MP_all_offerings_cont dt .md_link:after {width:16px;height:16px;margin:7px 0 0 2px;border-width:3px 3px 0 0;}
    .MP_all_offerings_cont dd {margin-bottom:0;padding-top:0;}
    .MP_all_offerings_cont .li {width:50%;padding:26px 1px 0 1px;}
    .MP_all_offerings_cont .li:first-child {padding-top:20px;}
    .MP_all_offerings_cont .li .md_tit {font-size:15px;line-height:24px;}
    .MP_all_offerings_cont .li .md_txt {font-size:13px;}

    /* depth */
    .MP_all_offerings_cont .li + .chk {margin-top:18px;}
    .MP_all_offerings_cont .li.chk:before {display:block;}
    .MP_all_offerings_cont .li.chk:first-child:before {display:none;}
    .MP_all_offerings_cont .dep {padding:10px 0;}
    .MP_all_offerings_cont .dep li {margin-top:14px;padding:0;}
    .MP_all_offerings_cont .dep li .md_tit {font-size:14px;line-height:26px;}
    .MP_all_offerings_cont .dep li .md_txt {margin-top:2px;}
}

@media all and (max-width:600px){
    .MP_all_offerings_cont .li {width:100%;}
    .MP_all_offerings .list dd .dep li {width:100%;}
}




/*** CUBE  ***/
.cube_main { padding:0 !important; background: url(https://image.samsungsds.com/module_src/images/data/bg_cube.png?queryString=20241210125943) repeat;}
.cube_main .inner {max-width:1318px; width:90%; padding:0;}
.cube_main + .cont{padding-top:0 !important;}

.cube_main .cube_tab {position:relative; transition: top 0.2s; z-index:10; }
.cube_main .cube_tab:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;width:100%;height:2px;background:rgba(255,255,255,0.2);}
.cube_main .cube_tab.fixed{position:fixed;top:51px;left:0;right:0;z-index:10;background:url(https://image.samsungsds.com/module_src/images/data/bg_cube.png?queryString=20241210125943) repeat;}
.cube_main .cube_tab .tab_inner {max-width:1318px;padding:0;margin:0 auto;}
.cube_main .cube_tab ul {display:flex; overflow:hidden;}
.cube_main .cube_tab ul li {  display: flex; align-items: center; justify-content: center; position: relative; width: 20%; text-align: center;}
.cube_main .cube_tab ul li a {display:block; height:100%; padding:15px 0;color:#fff;font-size:17px;opacity:0.6; transition: all ease 0.1s;}
.cube_main .cube_tab ul li a img { display: block; max-height: 35px;  margin: 0 auto; margin-bottom: 5px;}
.cube_main .cube_tab ul li.active:after { content: ''; position: absolute;  left: 0; bottom: 0; width: 100%; height: 2px; background-color: #fff; }
.cube_main .cube_tab ul li.active a,.cube_main .cube_tab ul li:hover a {opacity:1; }
.cube_main .cube_section .ban.triple .diagram_wrap .img_m {display:none;}

.cube_section .ban .txt_wrap .br { display: block; }

/* v2 */
.cube_main.v2 {background: url(https://image.samsungsds.com/module_src/images/data/bg_cube.png?queryString=20241210125943) repeat;}
.cube_main.v2 .cube_tab {background:#000;}
.cube_main.v2 .cube_tab:after {content:none;}
.cube_main.v2 .cube_tab.fixed {background:#000;}
.cube_main.v2 .cube_tab ul li { display: inline-block; }
.cube_main.v2 .cube_tab ul li.active a, .cube_main.v2 .cube_tab ul li:hover a{background:#0B2E48;}
.cube_main.v2 .cube_tab ul li.active:after {content:none;} 
 

.cube_section .ban {display:flex; align-items: center; justify-content:space-between; height: 620px;}
.cube_section .art:last-child .ban { margin-bottom: 0;}
.cube_section .ban .txt_wrap {display:inline-block; max-width:430px;}
.cube_section .ban .txt_wrap p  {color: #b5b5b5;}
.cube_section .ban .txt_wrap em{font-weight: bold;font-size: 20px;color: #fff;display: inline-block;}
.cube_section .ban .txt_wrap .tit_s {margin-bottom: 30px;color: #75C3FF;font-size: 32px;margin-top: 5px;}
.cube_section .ban .txt_wrap .txt {margin-bottom:16px;}

.cube_section .ban .diagram_wrap .img {position:relative;}
.cube_section .ban .diagram_wrap .img .btn_m { min-width: auto;}
.cube_section .ban .diagram_wrap .img .md_btn { position: absolute; }
.cube_section .ban .diagram .img .md_btn { position: absolute; }
.cube_section .ban .diagram_wrap {display:inline-block;text-align:center;}
.cube_section .ban .diagram_wrap .md_btn:after{content: '';position: absolute; opacity:0.3;}
.cube_section .ban .diagram_wrap .md_btn.on:after,.cube_main.v2 .cube_section .ban .diagram .img .md_btn:hover:after {opacity:1;}

.cube_section .art.hybrid .diagram_wrap {margin-top: -50px;}
.cube_section .art.saas .diagram_wrap { margin-top: -50px; }
.cube_section .art.dtaas .diagram_wrap { margin-top: -70px; }
.cube_section .art.security .diagram_wrap { margin-top: -90px; } 


/* article 3 */
.cube_section .ban .diagram_wrap .img .md_btn.q_lt {top: 69px;left: -20px;}
.cube_section .ban .diagram_wrap .img .md_btn.q_rt {top: 70px;right: 37px;}
.cube_section .ban .diagram_wrap .img .md_btn.q_ltb {bottom: 230px;left: -84px;}
.cube_section .ban .diagram_wrap .img .md_btn.q_rtb {bottom: 237px;right: -55px;} 
.cube_section .ban .diagram_wrap .img .md_btn.q_lt:after {right: -25px;bottom: 5px;transform: translate(50%, 50%);background:url("https://image.samsungsds.com/module_src/images/data/line_quarter_01.png?queryString=20241210125943") no-repeat;width: 51px;height: 35px;}
.cube_section .ban .diagram_wrap .img .md_btn.q_rt:after {left: -92px;bottom: -70px;background:url("https://image.samsungsds.com/module_src/images/data/line_quarter_02.png?queryString=20241210125943") no-repeat;width: 100%;height: 93px;}
.cube_section .ban .diagram_wrap .img .md_btn.q_ltb:after {right: -25px;bottom: 5px;transform: translate(50%, 50%);background:url("https://image.samsungsds.com/module_src/images/data/line_quarter_01.png?queryString=20241210125943") no-repeat;width: 51px;height: 35px;}
.cube_section .ban .diagram_wrap .img .md_btn.q_rtb:after {left: -62px;bottom: -70px;background: url("https://image.samsungsds.com/module_src/images/data/line_quarter_03.png?queryString=20241210125943") no-repeat;width: 93px;height: 93px;} 


/* article 4 */
.cube_section .ban .diagram_wrap .img .md_btn.lt2 {top: 40px;left: -10px;}
.cube_section .ban .diagram_wrap .img .md_btn.lt2:after{ right: -25px; bottom: 5px; width: 51px; height: 35px; transform: translate(50%, 50%); background: url(https://image.samsungsds.com/module_src/images/data/line_quarter_01.png?queryString=20241210125943) no-repeat;} 

/* article 5 */
.cube_section .ban .diagram_wrap .img .md_btn.q_lt2 {top: 0px;left: -55px;}
.cube_section .ban .diagram_wrap .img .md_btn.q_lt2:after {right: -25px;bottom: 5px;transform: translate(50%, 50%);background:url("https://image.samsungsds.com/module_src/images/data/line_quarter_01.png?queryString=20241210125943") no-repeat;width: 51px;height: 35px;} 


/* article 6 */
.cube_section .ban .diagram_wrap .img .md_btn.t_lt {left: 55px;top: 50%;margin-top: -112px;}
.cube_section .ban .diagram_wrap .img .md_btn.t_rt {right: 0;top: 60px;margin-right: 45px;margin-top: 25px;}
.cube_section .ban .diagram_wrap .img .md_btn.t_ltb {right: 0;transform: translateX(-50%);bottom: 37px;margin-right: 75px;margin-bottom: 50px;}
.cube_section .ban .diagram_wrap .img .md_btn.t_rt:after { left: -93px; bottom: 5px; transform: translate(50%, 50%); background: url(https://image.samsungsds.com/module_src/images/data/line_quarter_03.png?queryString=20241210125943) no-repeat; width: 63px; height: 45px;}
.cube_section .ban .diagram_wrap .img .md_btn.t_lt:after {right: -25px;bottom: 5px;transform: translate(50%, 50%);background:url("https://image.samsungsds.com/module_src/images/data/line_quarter_01.png?queryString=20241210125943") no-repeat;width: 51px;height: 35px;}
.cube_section .ban .diagram_wrap .img .md_btn.t_ltb:after {left: -90px;bottom: 0;transform: translate(50%, 50%);background: url(https://image.samsungsds.com/module_src/images/data/line_quarter_btm.png?queryString=20241210125943) no-repeat;width: 63px;height: 45px;margin-bottom: 45px;}
 
/* article 7 */
.cube_section .ban .diagram_wrap .img .md_btn.n_lt {top:50%;left: 80px; margin-top: 20px;}
.cube_section .ban .diagram_wrap .img .md_btn.n_rt {top:50%; right:0;} 
.cube_section .ban .diagram_wrap .img .md_btn.n_ctb {bottom:0; left: 50%; transform: translateX(-50% ); margin-left: 35px;} 

.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.ol1 {position:relative;left: -202px;bottom: 53px;z-index:9;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.ol1:after {left: 265px;bottom: 68px;transform: translate(50%, 50%);background: url("https://image.samsungsds.com/module_src/images/data/line_ol1_01.png?queryString=20241210125943") no-repeat;width: 88px;height: 93px;}



/* article 1 */
.cube_main.v2 .cube_section .ban .diagram .img .md_btn.lt {left: -23%;margin-top: -15px;top: 100%;}
.cube_main.v2 .cube_section .ban .diagram .img .md_btn.rt {margin-top: -16px;top: 100%;right: -119px;}
.cube_main.v2 .cube_section .ban .diagram .img .md_btn { content:''; position:absolute; z-index:4;}
.cube_main.v2 .cube_section .ban .diagram .img .md_btn.lt:after {left: 20px;bottom: -81px;transform: translate(50%, 50%);background:url("https://image.samsungsds.com/module_src/images/data/line_no_01.png?queryString=20241210125943") no-repeat;width: 231px;height: 161px;}
.cube_main.v2 .cube_section .ban .diagram .img .md_btn.rt:after {left: -68px;bottom: -94px;background:url("https://image.samsungsds.com/module_src/images/data/line_no_02.png?queryString=20241210125943") no-repeat;width: 100%;height: 94px;}
.cube_main.v2 .cube_section .ban .diagram .img .md_btn.lt:after {left: 67px;bottom: 66px;transform: translate(50%, 50%);background: url(https://image.samsungsds.com/module_src/images/data/line_no_01.png?queryString=20241210125943) no-repeat;width: 91px;height: 44px;content: '';position: absolute;z-index: 10;}
.cube_main.v2 .cube_section .ban .diagram .img .md_btn.rt:after {left: -6px;bottom: 43px;background: url(https://image.samsungsds.com/module_src/images/data/line_no_02.png?queryString=20241210125943) no-repeat;width: 102px;height: 44px;content: '';position: absolute;}

.cube_main.v2 .cube_section .ban .diagram_wrap {margin-left:150px;}

.cube_section .ban .diagram_wrap .btm img {margin-right:40px;}
.cube_section .ban .diagram_wrap .btm img:last-child {margin-right:0;}
.cube_section .ban .diagram_wrap .btm .md_btn {display:inline-block;}
.cube_section .ban .diagram_wrap .btm .md_btn a {vertical-align: middle;}
.cube_main .cube_section .ban.right .diagram_wrap {margin-left:0; margin-right:100px;}
.cube_main .cube_section .ban.right.triple .diagram_wrap{margin-right:80px;}

.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f0 {left: 80%;margin-top: -45px;top: 100%;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f1 {margin-top: 0;bottom: 282px;left: -211px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f2 {margin-top: 0;bottom: 0px;left: -171px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f3 {right: 222px;margin-top: 0;top: -19px;min-width: 200px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f4 {margin-top: 33px;top: 0;right: -128px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f5 {right: -48%;margin-top: -7px;top: 293px;}

.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f0:after {left: -152px;top: -78px;transform: translate(50%, 50%);background:url("https://image.samsungsds.com/module_src/images/data/line_five_00.png?queryString=20241210125943") no-repeat;width: 140px;height: 52px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f1:after {left: 100px;bottom: -84px;background:url("https://image.samsungsds.com/module_src/images/data/line_five_01.png?queryString=20241210125943") no-repeat;width: 144px;height: 85px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f2:after {left: 100px;bottom: 44px;background:url("https://image.samsungsds.com/module_src/images/data/line_five_02.png?queryString=20241210125943") no-repeat;width: 158px;height: 87px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f3:after {left: -149px;top: 100%;left: 50%;background:url("https://image.samsungsds.com/module_src/images/data/line_five_03.png?queryString=20241210125943") no-repeat;width: 136px;height: 235px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f4:after {left: -75px;top: 100%;background:url("https://image.samsungsds.com/module_src/images/data/line_five_04.png?queryString=20241210125943") no-repeat;width: 135px;height: 144px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f5:after {left: -49px;top: -57px;background:url("https://image.samsungsds.com/module_src/images/data/line_five_05.png?queryString=20241210125943") no-repeat;width: 113px;height: 57px;}


/* 디지털 전환 */
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h0 {left: 2%;margin-top: -38px;top: 0;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h1 {margin-top: 0;bottom: 364px;left: -121px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h2 {margin-top: 0;bottom: 32px;left: -111px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h3 {right: -98px;margin-top: 0;bottom: 18px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h4 {margin-top: -13px;top: 0;right: -56px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h5 {right: -44%;margin-top: 0;top: 227px;}


.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h0:after {left: 18px;bottom: -97px;transform: translate(50%, 50%);background: url("https://image.samsungsds.com/module_src/images/data/line_d1_00.png?queryString=20241210125943?queryString=20210905063148") no-repeat;width: 84px;height: 197px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h1:after {left: 67px;bottom: -128px;background: url("https://image.samsungsds.com/module_src/images/data/line_d1_01.png?queryString=20241210125943?queryString=20210905063148") no-repeat;width: 180px;height: 129px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h2:after {left: 82px;bottom: 43px;background: url(https://image.samsungsds.com/module_src/images/data/line_d1_02.png?queryString=20241210125943?queryString=20210905063148) no-repeat;width: 116px;height: 122px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h3:after {left: -174px;bottom: 109px;transform: translate(50%, 50%);background: url(https://image.samsungsds.com/module_src/images/data/line_d1_03.png?queryString=20241210125943?queryString=20210905063148) no-repeat;width: 164px;height: 82px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h4:after {left: 13px;top: 100%;background: url(https://image.samsungsds.com/module_src/images/data/line_d1_04.png?queryString=20241210125943?queryString=20210905063148) no-repeat;width: 69px;height: 128px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h5:after {left: -49px;bottom: 49px;background: url(https://image.samsungsds.com/module_src/images/data/line_d1_05.png?queryString=20241210125943?queryString=20210905063148) no-repeat;width: 107px;height: 68px;}


.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.lt2 {top: 2px;left: -56px;}
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.lt2:after {left: 10px;bottom: -31px;transform: translate(50%, 50%);background: url("https://image.samsungsds.com/module_src/images/data/line_ns_01.png?queryString=20241210125943") no-repeat;width: 79px;height: 63px;}

.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.n_lt {left:-65px; bottom:0; margin-top:75px; }
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.n_rt {right:-25px; bottom:0; margin-top:75px; }
.cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.n_ctb {left: 78px; bottom:-20px; transform:none; }
.cube_main.v2 .cube_section .ban.right .diagram_wrap {margin-left:0; margin-right:150px;}
.cube_main.v2 .cube_section .ban.right.triple .diagram_wrap{ width:605px; height:405px;  margin-right:80px; margin-top:-100px;}
.e2e .diagram_wrap { margin-top: -100px;}



/* cube last */
.cube_last_wrap {position: relative;display: table; width:100%;min-height: 715px;background:url("https://image.samsungsds.com/module_src/images/data/bg_cube.png?queryString=20241210125943") repeat;}
.cube_main.v2+.cube_last_wrap:before { background: url(https://image.samsungsds.com/module_src/images/data/cube_gradient.png?queryString=20241210125943) repeat; content: ''; width: 100%; height: 636px; position: absolute; bottom: -20px;}
.cube_last_wrap .in:before {content: '';position: absolute;left: 47px;width: 730px;height: 100vh;top: -248px;background: url(https://image.samsungsds.com/module_src/images/data/cube_before2.png?queryString=20241210125943) no-repeat center center;opacity: 0.8;z-index: 1;-ms-background-position-x:178px;}
.cube_last_wrap:after {content: '';position: absolute;right: 0;bottom: 0;width: 439px;max-width: 775px;height: 100%;margin-top: 0;background: url(https://image.samsungsds.com/module_src/images/data/cube_after2.png?queryString=20241210125943) no-repeat right bottom;opacity: 0.8;} 
.cube_last_wrap .in { display:table-cell; vertical-align:middle; position:relative;width:100%; max-width:1318px; margin:0 auto; z-index:2 }
.cube_last_wrap .in .txt { color:#fff ; text-align:center; margin-bottom:60px; max-width: 90%; margin: 0 auto 60px;}
.cube_last_wrap .in .txt .tit_b {color:inherit;}
.cube_last_wrap .in .ban ul {position:relative; max-width: 888px;height:220px;color:#fff;padding: 50px 0px;margin: auto; backdrop-filter: blur(10px);}
.cube_last_wrap .in .ban ul:before {content: '';position: absolute;top: 0;width: 100%;height: 100%;background: url(https://image.samsungsds.com/module_src/images/data/cube_last_txt.png?queryString=20241210125943) repeat;z-index: 2;}
.cube_last_wrap .in .ban ul li {position:relative; float:left;width:31.5%;height:100%;text-align:center;padding:0 49px;min-width: 184px;word-break: normal;}
.cube_last_wrap .in .ban ul li:nth-child(even) {position:relative; width:37%; }
.cube_last_wrap .in .ban ul li:nth-child(even):before {content:'';position: absolute;top: 50%;left:0;width:1px;height: 75%;transform: translateY(-50%);background-color: #cacaca;opacity: 0.3;}
.cube_last_wrap .in .ban ul li:nth-child(even):after {content:'';position: absolute;top: 50%;transform: translateY(-50%);right:0;width: 1px;height: 75%;background-color: #cacaca;opacity: 0.3;}
.cube_last_wrap .in .ban ul li em { font-weight:bold; color:#75C3FF; font-size:16px; }
.cube_last_wrap .in .ban ul li p { font-weight:bold; font-size:22px; padding:10px 0; }
.cube_last_wrap .in .ban ul li span {  line-height: 1.5;  opacity: 0.7; word-break: keep-all;}
.cube_last_wrap .in .ban .md_btn {margin-top:40px; text-align:center;}

.cube_main.v2+.cube_last_wrap {background: url(https://image.samsungsds.com/module_src/images/data/bg_cube.png?queryString=20241210125943) repeat;}




/* scroll animation */
.cube_main .ban {opacity: 0; transition: all 500ms ease;}
.cube_main .ban.in-view { opacity: 1;  }

.cube_last_wrap .ban {transform: translate3d(0px, 50px, 0px);position: relative;z-index: 4;}
.cube_last_wrap .ban.in-view {transform: translate3d(0px, 0px, 0px);}

.cube_main .art .ban.in-view .txt_wrap > * {animation:txtTop both 0.4s 0.75s;}
.cube_main .art .ban.in-view .txt_wrap > em {animation-delay:0.2s;}
.cube_main .art .ban.in-view .txt_wrap p:nth-child(2) {animation-delay:0.3s;}
.cube_main .art .ban.in-view .txt_wrap p:nth-child(3) {animation-delay:0.5s;}
.cube_main .art .ban.in-view .txt_wrap p:nth-child(4) {animation-delay:0.7s;}
.cube_main .art .ban.in-view .txt_wrap p:nth-child(5) {animation-delay:0.9s;}

.cube_main .art .ban .diagram_wrap { transition: all 500ms ease; transform: translate3d(0px, 100px, 0px) !important;}
.cube_main .art .ban.in-view .diagram_wrap{ transform: translate3d(0px, 50px, 0px) !important;}

.cube_last_wrap .ban.in-view > * {animation:fade both 0.2s 0.9s;}
.cube_last_wrap .ban.in-view .txt {animation-delay:0.2s;}
.cube_last_wrap .ban.in-view ul {animation-delay:0.5s;}
.cube_last_wrap .ban.in-view .md_btn {animation-delay:0.9s;}


/* diagram_wrap */
.cube_main .diagram_wrap {display:table; width:auto; opacity:0;table-layout:fixed;transition:opacity 0.3s; opacity:1;}
.cube_main .diagram_wrap .diagram {display:table-cell;width:57.6%;vertical-align:top;}
.cube_main .diagram_wrap .tab_panel {display:none;width:42.4%;vertical-align:middle;}
.cube_main .diagram_wrap .tab_panel.active {display:table-cell;}

.cube_main .diagram_wrap .diagram.horiz{display:block;width:100%;}

.cube_main .diagram .img {position:relative;display:inline-block;max-width:100%;vertical-align:top;}
.cube_main .diagram .tab_list {position:absolute;top:0;left:0;width:100%;height:100%;}
.cube_main .diagram .tab_list .tab_btn {position:absolute;top:0;left:0;cursor:pointer;z-index:3;}
.cube_main .diagram .tab_list .tab_btn:not(.outline) {outline:none;}
.cube_main .diagram .tab_list .tab_btn:focus + .tab_img,
.cube_main .diagram .tab_list .tab_btn:hover + .tab_img,
.cube_main .diagram .tab_list .tab_btn.active + .tab_img {opacity:1;}
.cube_main .diagram .tab_list .tab_img { position:absolute; left:0; width:100%; height:100%; overflow:hidden; opacity:0; transition:opacity 0.3s; z-index:2; }

.cube_main .diagram .link_list {position:absolute;top:0;left:0;width:100%;height:100%;}
.cube_main .diagram .link_list .link_btn {position:absolute;top:0;left:0;cursor:pointer;z-index:5;}
.cube_main .diagram .link_list .link_btn#f2 {z-index:6;}
.cube_main .diagram .link_list .link_btn:not(.outline) {outline:none;}
.cube_main .diagram .link_list .link_btn:focus + .link_img,
.cube_main .diagram .link_list .link_btn:hover + .link_img,
.cube_main .diagram .link_list .link_btn.active + .link_img {opacity:1;}
.cube_main .diagram .link_list .link_img {position:absolute;width:100%;height:100%;overflow:hidden;opacity:0;transition:opacity 0.3s;z-index:2;}
.cube_main .diagram .link_list .link_btn.on {z-index:10;}
.cube_main.v2 .cube_section .link_list li a.on { z-index: 12;}

.cube_main .diagram .link_list .etc_type.on img {display:block;}

/* tab_panel */
.cube_main .tab_panel {display:none;padding-left:8.1%;}
.cube_main .tab_panel .title {margin-bottom:40px;}
.cube_main .tab_panel .title .tit_s {display:block;}
.cube_main .tab_panel .content + .content {margin-top:60px;}
.cube_main .tab_panel .content .tit_s {display:inline-block; margin-bottom: 5px; vertical-align:middle;}
.cube_main .tab_panel .content .tit_ico {display:inline-block;margin-right:10px;width:60px;height:60px;vertical-align:middle;}
.cube_main .tab_panel .content .md_txt {margin-top:10px;}
.cube_main .tab_panel .content .md_img {margin-top:10px;}
.cube_main .tab_panel .content .ico_b1 {margin-top:10px;}
.cube_main .tab_panel .content * + .ico_b2 {margin-top:10px;}
.cube_main .tab_panel .content .ico_b2 > li {margin-top:15px;}
.cube_main .tab_panel .content .ico_b2 > li:first-child {margin-top:0;}
.cube_main .tab_panel .content .md_btn {margin-top:10px;}
.cube_main .tab_panel .content ul li .md_btn {margin-left:-10px;} 
.cube_main .tab_panel .content ul li .md_btn:last-child {margin-bottom:10px;} 
.cube_main .tab_panel .content .md_btn + .md_txt {margin-top:35px;}

/* img */
.cube_main .img_p,
.cube_main .only_p {display:block;}
.cube_main .img_m,
.cube_main .only_m {display:none;}
.cube_main img {max-width:100%;}
.cube_main img.on {display:none;}
.cube_main img.on2 {display:none;}
.cube_main img.off {display:block;}

/* btn */
.cube_main .md_btn.on a {background: #1C7EEE; color: #fff;}
.cube_main .md_btn.on .btn_ty:before, .cube_main .md_btn.on.btn_ty:before, .cube_main .btn_ty02:hover:before, .cube_main .md_btn.on .btn_ty02:before, .cube_main .md_btn.on .btn_ty03:before, .cube_main .md_btn.on .btn_ty03:before { transform: translateX(0%);}
.cube_main .md_btn.on .btn_ty02:after, .cube_main .md_btn.on .btn_ty02:after { border-color: #1C7EEE; }
.cube_main .diagram .link_list .link_btn.on + .link_img {opacity:1;}
.cube_main .diagram .link_list .link_btn + .link_img {opacity:0;}

/* article 1 */
.cube_section .ban .diagram .img .md_btn.lt {left: 15px;top: 50%;margin-top: -57px;}
.cube_section .ban .diagram .img .md_btn.rt {right: 0;top: 50%;margin-top: -57px;}
.cube_section .ban .diagram .img .md_btn.lt:after {left: 39px;bottom: -49px;transform: translate(50%, 50%);background:url("https://image.samsungsds.com/module_src/images/data/line_one_01.png?queryString=20241210125943") no-repeat;width: 100%;height: 100px;}
.cube_section .ban .diagram .img .md_btn.rt:after {left: -20px;bottom: -54px;background:url("https://image.samsungsds.com/module_src/images/data/line_one_02.png?queryString=20241210125943") no-repeat;width: 100%;height: 54px;}

/* cube section v2 */
.cube_main.v2 .cube_section .ban .diagram .md_btn.lt {left: -50%;margin-top: -20px;top: 0;}
.cube_main.v2 .cube_section .ban .diagram .md_btn.rt {margin-top: -42px;top: 0;right: -115px;}
.cube_main.v2 .cube_section .ban .diagram .md_btn.lt:after {left: 20px;bottom: -81px;transform: translate(50%, 50%);background:url("https://image.samsungsds.com/module_src/images/data/line_no_01.png?queryString=20241210125943") no-repeat;width: 231px;height: 161px;}
.cube_main.v2 .cube_section .ban .diagram .md_btn.rt:after {left: -68px;bottom: -94px;background:url("https://image.samsungsds.com/module_src/images/data/line_no_02.png?queryString=20241210125943") no-repeat;width: 100%;height: 94px;}
.cube_main.v2 .cube_section .ban .diagram_wrap {margin-left:150px;}

.art.e2e {position:relative; z-index:4;}



/**** EN ****/
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram .img .md_btn.lt {left: -34% !important;}
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram .img .md_btn.lt:after { left:100px; }
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram .img .md_btn.rt:after { left: -14px; }
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.ol1 {left: -216px;bottom: 43px;}
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.ol1:after {left: 250px;}
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h0 {margin-top: -47px;}
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h1 {left:-153px; }
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h1:after { left: 96px; }
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h5 {right:-70%;}
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h3:after {left:-187px;}
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h3 {right:-124px;}
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h4 { right: -68px;}
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f3 {min-width:260px;right: 200px;}
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f4 {  margin-top: 42px;  top: 0; right: -133px;}

html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap { margin-left: 180px; }
html[lang="en"] .cube_main.v2 .cube_section .ban.right .diagram_wrap { margin-right: 180px; }

html[lang="en"] .e2e .ban.right .diagram_wrap {margin-right:0;}
html[lang="en"] .e2e .ban .txt_wrap {min-width:400px;}
html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f0 {min-width: 260px;}

@media all and (max-width:1400px){   
    .cube_main .cube_section .ban.right .diagram_wrap {margin-right:0;}
    .cube_main.v2 .cube_section .ban.right .diagram_wrap {margin-right:0;}
    .cube_main.v2 .cube_section .ban.right.triple .diagram_wrap {margin-right:0;} 
    .cube_main.v2 .cube_section .ban .diagram_wrap {margin-left:0; margin-top:100px;}
    .cube_section .ban {flex-direction: column; justify-content: center; margin: 100px 0 0;}
    .cube_section .art:first-child .ban {margin: 0;}
    .cube_main .hybrid .ban .txt_wrap { margin: 120px 0 100px;   }
    .cube_section .ban { height:auto ;flex-direction: column;  }
    .cube_section .ban.right { flex-direction: column-reverse;  }
    .cube_section .ban .txt_wrap {margin: 100px 0;text-align: center;}
    .cube_last_wrap:after {right:-126px; margin-top: -260px; }
    .cube_main .art .ban.in-view .txt_wrap > em {margin-top:15px;}
    .cube_main .e2e .diagram_wrap {margin-bottom:100px;}
    .cube_main .e2e .ban .txt_wrap { margin: 0 0 100px;   }

    /**** EN ****/
    html[lang="en"] .cube_main .hybrid .diagram_wrap { margin-bottom: 30px; }
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram .img .md_btn.rt {right:-94px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h5:after {bottom: 49px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h5 {right: -68%;top: 227px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap { margin-left:0px; }
    html[lang="en"] .cube_main.v2 .cube_section .ban.right .diagram_wrap { margin-right: 0px; }
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.ol1 { left: -186px; bottom: 56px; }
}

@media all and (max-width:1024px){
    .cube_main .ban {min-height:auto;}
    .cube_main .cube_tab ul li a {font-size:14px;}
    .cube_section .ban { margin: 150px 0;}
    .cube_last_wrap {padding-top:0;}
    .cube_last_wrap .in .ban {padding:0 10px;}
    .cube_section .ban .txt_wrap em {font-size:14px; }
    .cube_section .ban .txt_wrap .tit_s {line-height:1.3; font-size:26px; }
    .cube_section .ban .txt_wrap { max-width:80%; min-width: 300px; width: 90%; word-break: inherit;  margin: 60px 0 ; text-align: center;}
    .cube_section .ban .txt_wrap.tbtn {margin:80px 0;}
    .cube_section .ban.triple .txt_wrap.tbtn {margin:10px 0;}
    .cube_section .ban .txt_wrap .txt { margin-bottom: 10px; }    
    .cube_last_wrap {padding:60px 0;}
    .cube_last_wrap .in .ban ul {position:relative;overflow:hidden; height:auto; backdrop-filter: blur(10px);}
    .cube_last_wrap {min-height:600px;}
    .cube_section .security .ban { margin-bottom: 50px;  }  
    .cube_last_wrap:after {max-width:590px;}
    .cube_last_wrap .in .ban {width:90%; margin:0 auto;}

    .cube_last_wrap .in:before {content: '';position: absolute;left: 0;height: 100%;width: 360px;top: 150px;background: url(https://image.samsungsds.com/module_src/images/data/cube_before2_m.png?queryString=20241210125943) no-repeat bottom;opacity: 0.5;width: 170px;left: 0;}
    .cube_last_wrap:after {content: '';position: absolute;right: 0;bottom: 0;width: 100%;max-width: 775px;height: 100%;margin-top: 0;background: url(https://image.samsungsds.com/module_src/images/data/cube_after2_m.png?queryString=20241210125943) no-repeat right top;}
}

@media all and (max-width:1010px){
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h5 {top: 225px;right: -63%;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h5:after {bottom: 44px; }
}

@media all and (max-width:768px){ 
    .cont.cube_main.v2 {overflow:visible;}
    .cube_section .ban {height: auto !important; position: relative; z-index: 3;}
    .cube_main .cube_tab ul li { align-items: stretch; }
    .cube_main .cube_tab ul li a {height:100%;font-size:13px;padding: 15px 5px;line-height:1.2;}
    .cube_main .cube_tab ul li a img {margin-bottom:10px;}
    .cube_last_wrap .in .ban ul {height:auto; padding: 10px 0;}
    .cube_last_wrap .in .ban ul li {float:none; width:100%; padding: 50px 5px;}
    .cube_last_wrap .in .ban ul li:nth-child(even) {width:100%;}
    .cube_last_wrap .in .ban ul li:nth-child(even):before {content: '';position: absolute;left: 50%;width: 100px;transform: translate(-50% );height: 1px;top: 0;}
    .cube_last_wrap .in .ban ul li:nth-child(even):after {content: '';position: absolute;left: 50%;width: 100px;transform: translate(-50% );height: 1px;top: 100%;}
    .cube_last_wrap .in:before {width:100%; left: -35%; margin-top: 60px;}
    .cube_last_wrap:after {width:100%; right: -25%; margin-top: -675px;opacity:0.4;}

    .cube_last_wrap {padding-top:0;}
    .cube_section .ban {margin: 0;}

    .cube_main.v2 .cube_section .art.hybrid .ban .diagram_wrap {margin-top:50px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap img { max-width: 240px; }


    /* cube section v2 */
    .cube_main.v2 .cube_section .ban .diagram .img .md_btn.lt {left: -40%;margin-top: 208px;top: 75px;margin-left: 22px;}
    .cube_main.v2 .cube_section .ban .diagram .img .md_btn.rt {margin-top: 332px;top: 0;right: -71px;}
    .cube_main.v2 .cube_section .ban .diagram .img .md_btn.lt:after {left: 85px;bottom: 65px;transform: translate(50%, 50%);background:url("https://image.samsungsds.com/module_src/images/data/line_no_01_m.png?queryString=20241210125943") no-repeat;width: 53px;height: 51px;}
    .cube_main.v2 .cube_section .ban .diagram .img .md_btn.rt:after {left: 27px;bottom: 44px;background:url("https://image.samsungsds.com/module_src/images/data/line_no_02_m.png?queryString=20241210125943") no-repeat;width: 90px;height: 96px;}
   
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f0 {left: 73px;margin-top: 70px;bottom: 0;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f1 {left: -22%;margin-top: -54px;top: 3px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f2 {margin-top: 0;bottom: -77px;left: -56px;} 
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f3 {right: -27px;margin-top: -88px;bottom: -108px;max-height: 300px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f4 {margin-top: 0;top: -36px;right: -30px;margin-right: -11px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f5 {right: -21%;margin-top: -13px;bottom: 0;}

    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f0:after {left: 14px;top: -206px;transform: translate(50%, 50%);background:url("https://image.samsungsds.com/module_src/images/data/line_five_00_m.png?queryString=20241210125943") no-repeat;width: 46px;height: 138px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f1:after {left: 64px;top: 100%;background:url("https://image.samsungsds.com/module_src/images/data/line_five_01_m.png?queryString=20241210125943") no-repeat;width: 31px;height: 148px;margin-top: -7px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f2:after {left: 45px;bottom: 41px;background:url("https://image.samsungsds.com/module_src/images/data/line_five_02_m.png?queryString=20241210125943") no-repeat;width:100px;height: 130px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f3:after {left: 0;top: -83px;transform: translate(50%, 50%);background: url("https://image.samsungsds.com/module_src/images/data/line_five_03_m.png?queryString=20241210125943") no-repeat;width: 59px;height: 247px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f4:after {left: 38px;bottom: 43px;background:url("https://image.samsungsds.com/module_src/images/data/line_five_04_m.png?queryString=20241210125943") no-repeat;width: 37px;height: 158px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f5:after {left: 0;top: -122px;background:url("https://image.samsungsds.com/module_src/images/data/line_five_05_m.png?queryString=20241210125943") no-repeat;width: 113px;height: 122px;}
 
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h0 {left: 45px;margin-top: -82px;top: 0;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h1 {margin-top:-57px;top:0;right: 104px;margin-right: 46px;}        
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h2 {margin-top: 0;bottom: -31px;left: -53px;} 
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h3 {right: 37px;margin-top: 0;bottom: -70px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h4 {margin-top: 0;top: -40px;right: -66px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h5 {right: -27%;margin-top: 30px;bottom: 0;}

    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h0:after {left: 36px;bottom: -89px;transform: translate(50%, 50%);background: url("https://image.samsungsds.com/module_src/images/data/line_d1_00_m.png?queryString=20241210125943") no-repeat;width: 24px;height: 182px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h1:after {left: 122px;bottom:-135px;background:url("https://image.samsungsds.com/module_src/images/data/line_d1_01_m.png?queryString=20241210125943") no-repeat;width:27px;height:91px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h4:after {left:-18px;bottom: 0;background:url("https://image.samsungsds.com/module_src/images/data/line_d1_04_m.png?queryString=20241210125943") no-repeat;width: 92px;height: 102px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h5:after {left: 11px;bottom: 22px;background: url("https://image.samsungsds.com/module_src/images/data/line_d1_05_m.png?queryString=20241210125943") no-repeat;width: 94px;height: 146px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h2:after {left: 29px;bottom: 41px;background: url("https://image.samsungsds.com/module_src/images/data/line_d1_02_m.png?queryString=20241210125943") no-repeat;width: 106px;height: 135px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h3:after {left: 62px;bottom:119px;transform: translate(50%, 50%);background: url("https://image.samsungsds.com/module_src/images/data/line_d1_03_m.png?queryString=20241210125943") no-repeat;width: 20px;height: 145px;}
   
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h_lt {left: -50px;top: -46px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h_rt {right: -50px;top: -30px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h_lt:after {left: 80px;bottom: -66px;background: url("https://image.samsungsds.com/module_src/images/data/line_nt_01_m.png?queryString=20241210125943") no-repeat;width: 98px;height: 67px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h_rt:after {left: -31px;bottom: -49px;transform: translate(50%, 50%);background: url("https://image.samsungsds.com/module_src/images/data/line_nt_02_m.png?queryString=20241210125943") no-repeat;width: 59px;height: 100px;}

    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.lt2 {top: -37px;left: -18px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.lt2:after {left: 20px;bottom: -23px;transform: translate(50%, 50%);background: url("https://image.samsungsds.com/module_src/images/data/line_ns_01_m.png?queryString=20241210125943") no-repeat;width: 39px;height: 47px;}

    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.n_lt {left: 152px;top: -58px;margin-top: 0;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.n_rt {right: 153px;top: -55px;margin-top: 0;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.n_ctb { left: -18px;bottom: -37px;transform: none;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.n_lt:after {left: 50px;top: 43px;background: url("https://image.samsungsds.com/module_src/images/data/line_tpl_lt.png?queryString=20241210125943") no-repeat;width: 98px;height: 67px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.n_rt:after {left: 6px;top: -7px;transform: translate(50%, 50%);background: url("https://image.samsungsds.com/module_src/images/data/line_tpl_rt.png?queryString=20241210125943") no-repeat;width: 59px;height: 100px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.n_ctb:after {left: 36px;bottom: 33px;transform: translate(50%, 50%);background: url("https://image.samsungsds.com/module_src/images/data/line_tpl_ctb.png?queryString=20241210125943") no-repeat;width: 59px;height: 100px;}
    
    .cube_main.v2 .cube_section .e2e .ban .diagram_wrap img{max-width:280px;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.ol1 {top: -250px;left: 50%;transform: translateX(-50%);margin-left: 0;}
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.ol1:after {left: 121px;top: 4px;transform: translate(50%, 50%);background: url("https://image.samsungsds.com/module_src/images/data/line_ol1_01_m.png?queryString=20241210125943") no-repeat;width: 20px;height: 81px;background-position-y: 0;}


    .cube_section .ban .txt_wrap em {font-size: 16px;}
    .cube_section .ban .txt_wrap .tit_s {line-height:1.3;margin-bottom: 15px;font-size: 26px;margin-top: 0;}
    .cube_section .ban .txt_wrap {max-width:80%;min-width: 300px;width: 90%;word-break: inherit;margin: 200px 0 0;text-align: left;}
    .cube_section .ban .txt_wrap.tbtn {margin:80px 0;}
    .cube_section .dtaas .ban .txt_wrap.tbtn {margin-top: 150px;}
    .cube_section .ban.triple .txt_wrap.tbtn {margin:10px 0;}
    .cube_section .ban .txt_wrap .txt {margin-bottom: 5px;}
    .cube_last_wrap {padding:60px 0;}
    .cube_last_wrap .in .ban ul {position:relative; overflow:hidden;}

    .cube_last_wrap .in:before {content: '';position: absolute;left: 0;height: 100%;width: 360px;top: 3px;background: url(https://image.samsungsds.com/module_src/images/data/cube_before2_m.png?queryString=20241210125943) no-repeat bottom;opacity: 0.5;width: 170px;left: 0;}
    .cube_last_wrap:after {content: '';position: absolute;right: 0;bottom: 0;width: 100%;max-width: 775px;height: 100%;margin-top: 0;background: url(https://image.samsungsds.com/module_src/images/data/cube_after2_m.png?queryString=20241210125943) no-repeat right top;}

    .cube_main.v2 .cube_section .ban.triple .diagram_wrap img { max-width: 300px; }
    .cube_main .cube_section .ban.triple .diagram_wrap .img_p {display:none;}
    .cube_main .cube_section .ban.triple .diagram_wrap .img_m {display:block; margin:0 auto;}

    .cube_main .diagram_wrap .diagram { display:block; width:100%; }
    .cube_section .art.saas .diagram_wrap { margin-top: 50px;}
    .cube_main.v2+.cube_last_wrap {background: url(https://image.samsungsds.com/module_src/images/data/bg_cube_mo.png?queryString=20241210125943) repeat;}
    
    .cube_main .hybrid .ban .diagram_wrap {padding-top: 50px;}
    .cube_main .saas .ban .diagram_wrap {padding-top: 50px;}

    .cube_last_wrap .in .ban .md_btn {margin-bottom:10px;}    
    .cube_main.v2 { background: url(https://image.samsungsds.com/module_src/images/data/bg_cube_mo.png?queryString=20241210125943) repeat;  }
    .cube_section .security .ban {margin-bottom:0;}
    .cube_main .e2e .ban {padding-bottom: 50px;}
    .cube_main .e2e .diagram_wrap { margin-bottom: 0; }
    .cube_main.v2+.cube_last_wrap:before {content:none;}

    .cube_section .ban .txt_wrap .br { display: inline-block; }

    /**** EN ****/    
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram .img .md_btn.rt {right: -67px;} 
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram .img .md_btn.rt:after{bottom: 32px;}   
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram .img .md_btn.lt { left: -47% !important;  }
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram .img .md_btn.lt:after {left: 104px;bottom: 54px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f0 {left: 100px; margin-top: 60px;min-width: 200px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f0:after {left: 30px;transform: rotate( -18deg );top: -133px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f1:after {left: 19px;margin-top: -5px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f2 {left: -55px;bottom: -50px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f2:after {left: 64px;transform: rotate( -22deg);bottom: 34px;height: 110px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f3:after {left: 58px;top: -89px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f4:after {left: 7px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f5 {right: -24%;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f5:after { left: -30px; }
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h0 { margin-top: -75px; }
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h1 {left: -28px;top: 29px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h1:after {left: 46px;transform: rotate( 17deg );bottom: -105px;height: 71px;background-position-y: -21px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h2 {left: -62px;bottom: -16px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h2:after {left: 40px;transform: rotate( 4deg );bottom: 28px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h3 {right: 64px;bottom: -58px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h3:after {left: 62px;transform: rotate( 6deg );bottom: 32px;}    
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h4 {margin-top: 0;top: -28px;right: -44px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h5 { right: -28%;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.h5:after {left: 12px;transform: rotate( 19deg );bottom: 26px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.ol1 {left: 50%;top: -235px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.ol1:after {left: 121px;top: -8px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .btn_m {font-size: 12px;padding: 0px 20px;line-height: 34px;height: 34px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f1 {left: -5%;margin-top: -42px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.lt2 {top: -27px;}
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f4 { margin-top: -30px; top: 0; right: -30px;  }
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.f3 { right: -23px; margin-top: -78px;  bottom: -108px; max-height: 300px;}
    html[lang="en"] .cube_main .e2e .ban .txt_wrap {min-width: auto;}
}

@media all and (max-width:600px){ 
    .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.ol1 { top: -295px; left: 50%; transform: translateX(-50%); margin-left: -9px; }
    html[lang="en"] .cube_main.v2 .cube_section .ban .diagram_wrap .img .md_btn.ol1 {  left: 50%;   top: -280px; }
}
@media all and (max-width:375px){
    .cube_main .art.hybrid .diagram { margin-top: 25px; }
    .cube_section .art:first-child {margin-top:0px;padding-top: 0;}
    .cube_section .art:first-child .ban {padding-top: 0;}
    .cube_section .art {padding-top: 0px;}
    .cube_section .ban {margin: 0;}
    .cube_section .art.security {padding-top: 0;}
    .cube_section .art.dtaas .txt_wrap {margin-bottom:0;}
    .cube_main .art.dtaas .ban {margin: 0;padding-top: 0;}   
    .cube_main .art:last-child .txt_wrap {  margin: 80px 0 40px !important; }
    .cube_main.v2 .cube_section .ban .diagram_wrap {padding-top:20px;}
    .cube_main.v2 .cube_section .saas .ban .diagram_wrap {padding-top:50px;}
    .cube_main.v2 .cube_section .ban .diagram .img .md_btn.lt {margin-left: 40px;}
    .cube_main.v2 .cube_section .ban .diagram .img .md_btn.rt {right:-55px;}
}



/*** CUBE 220225 new ver  ***/
.MP_cube {padding:0 !important;background:url(https://image.samsungsds.com/module_src/images/data/bg_cube.png?queryString=20241210125943) 0 0 repeat-y;background-size:auto;}
.MP_cube .inner {max-width:1318px; width:90%; padding:0;}
.MP_cube + .cont{padding-top:0 !important;}

/* cube Tab */
.MP_cube .cube_tab {position:relative;background:#000;z-index:10;}
.MP_cube .cube_tab.fixed{position:fixed;top:51px;left:0;right:0;z-index:10;background:#000;}
.MP_cube .cube_tab .tab_inner {max-width:1318px;padding:0;margin:0 auto;}
.MP_cube .cube_tab ul {display:flex; overflow:hidden;}
.MP_cube .cube_tab ul li {display:inline-block;position:relative;width:20%;text-align:center;}
.MP_cube .cube_tab ul li a {display:block;height:100%;padding:14px 0;color:#fff;font-family:'SharpSansNo1','Noto Sans', sans-serif !important;font-size:16px;font-weight:bold;opacity:0.6;transition: all ease 0.1s;}
.MP_cube .cube_tab ul li a img { display: block; max-height: 35px;  margin: 0 auto; margin-bottom: 5px;}
.MP_cube .cube_tab ul li.active a,
.MP_cube .cube_tab ul li:hover a {background:#0B2E48;opacity:1;}

/* cube Content */
.MP_cube_cont .ban {display:flex; align-items: center; justify-content:space-between; height:680px;}
.MP_cube_cont .art:last-child .ban { margin-bottom: 0;}
.MP_cube_cont .ban .txt_wrap {display:inline-block;max-width:533px;}
.MP_cube_cont .ban .txt_wrap p  {color: #b5b5b5;}
.MP_cube_cont .ban .txt_wrap em{display:inline-block;margin-bottom:5px;font-size:22px;color:#fff;}
.MP_cube_cont .ban .txt_wrap .br {display: block;}
.MP_cube_cont .ban .txt_wrap .tit_b {margin-bottom:30px;color:#75C3FF;font-family:'SharpSansNo1','Noto Sans', sans-serif !important;}
.MP_cube_cont .ban .txt_wrap .txt {margin-bottom:16px;}

.MP_cube_cont .ban .diagram_wrap {display:inline-block;text-align:center;width:auto;opacity:1;transition:opacity 0.3s;}
.MP_cube_cont .hybrid .ban .diagram_wrap {padding-top:70px;}
.MP_cube_cont .sass .ban .diagram_wrap {padding-top:100px;}
.MP_cube_cont .ban .diagram_wrap .img {position:relative;display:inline-block;max-width:100%;vertical-align:top;}

.MP_cube_cont .ban .diagram_wrap .img .img_p,
.MP_cube_cont .ban .diagram_wrap .img .only_p {display:block;max-width:520px;}
.MP_cube_cont .ban .diagram_wrap .img .img_m,
.MP_cube_cont .ban .diagram_wrap .img .only_m {display:none;}
.MP_cube_cont .ban .diagram_wrap .img img {max-width:100%;width:100%;}
.MP_cube_cont .ban .diagram_wrap .img .img_in.on {opacity:0;}
.MP_cube_cont .ban .diagram_wrap .img .img_in.off {display:block;} 
.MP_cube_cont .ban .diagram_wrap .img .img_in{position:absolute;left:0;top:0;}
.MP_cube_cont .ban .diagram_wrap .img .img_in:first-child{position:relative;}

.MP_cube_cont .ban .diagram_wrap .img .btn_m {min-width:auto;font-size:20px;color:#75C3FF;}
.MP_cube_cont .ban .diagram_wrap .img .btn_m span {font-family:'SharpSansNo1','Noto Sans', sans-serif !important;}
.MP_cube_cont .ban .diagram_wrap .img .md_btn.on .btn_m {color:#fff;}
.MP_cube_cont .ban .diagram_wrap .img .h0 .btn_m {height:auto;padding:8px 30px;line-height:22px;font-size:16px;border-radius:40px;}
.MP_cube_cont .ban .diagram_wrap .img .h0 .btn_m.round:before,
.MP_cube_cont .ban .diagram_wrap .img .h0 .btn_m.round:after {border-radius:40px;}
.MP_cube_cont .ban .diagram_wrap .img .btn_m.round:after {border-color:#75C3FF;}
.MP_cube_cont .ban .diagram_wrap .img .btn_m:hover,
.MP_cube_cont .ban .diagram_wrap .img .btn_m:focus {color:#fff;}
.MP_cube_cont .ban .diagram .img .md_btn {position:absolute;top:0;left:0;width:100%;text-align:center;margin-top:-30px;opacity:0;transform:translateX(-50%);z-index:3;}
.MP_cube_cont .sass .ban .diagram .img .md_btn {margin-top:-60px;}

.MP_cube .diagram .link_list {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.MP_cube .diagram .link_list .link_btn {position:absolute;top:0;left:0;cursor:pointer;z-index:1;}
.MP_cube .diagram .link_list .link_btn:not(.outline) {outline:none;}
.MP_cube .diagram .link_list .link_btn:focus + .link_img,
.MP_cube .diagram .link_list .link_btn:hover + .link_img,
.MP_cube .diagram .link_list .link_btn.active + .link_img {opacity:1;}
.MP_cube .diagram .link_list .link_img {position:absolute;width:100%;height:100%;overflow:hidden;opacity:0;transition:opacity 0.3s;z-index:2;}
.MP_cube .diagram .link_list .link_btn.on {z-index:10;}
.MP_cube .MP_cube_cont .link_list li a.on { z-index: 12;}

/* btn */
.MP_cube_cont .ban .diagram_wrap .md_btn:after {display:block;position:absolute;background:url("https://image.samsungsds.com/module_src/images/data/img_dtcube_line.png?queryString=20241210125943") 0 0 no-repeat;content:'';}
.MP_cube_cont .ban .diagram .img .md_btn.f0:after {left:50%;top:45px;;width:15px;height:253px;margin-left:-7px;}
.MP_cube_cont .ban .diagram .img .md_btn.h0:after {left:50%;top:67px;;width:15px;height:152px;margin-left:-7px;background-position: bottom left;}

.MP_cube .md_btn.on a {background: #1C7EEE; color: #fff;}
.MP_cube .md_btn.on .btn_ty:before, 
.MP_cube .md_btn.on.btn_ty:before, 
.MP_cube .btn_ty02:hover:before, 
.MP_cube .md_btn.on .btn_ty02:before, 
.MP_cube .md_btn.on .btn_ty03:before, 
.MP_cube .md_btn.on .btn_ty03:before { transform: translateX(0%);}
.MP_cube .md_btn.on .btn_ty02:after, .MP_cube .md_btn.on .btn_ty02:after { border-color: #1C7EEE; }
.MP_cube .diagram .link_list .link_btn.on + .link_img {opacity:1;}
.MP_cube .diagram .link_list .link_btn + .link_img {opacity:0;}


/* cube last */
.MP_cube_last {position: relative;display: table; width:100%;min-height: 715px;background:url("https://image.samsungsds.com/module_src/images/data/bg_cube.png?queryString=20241210125943") repeat;}
.MP_cube + .MP_cube_last:before { background: url(https://image.samsungsds.com/module_src/images/data/cube_gradient.png?queryString=20241210125943) repeat; content: ''; width: 100%; height: 636px; position: absolute; bottom: -20px;}
.MP_cube_last .in:before {content: '';position: absolute;left: 47px;width: 730px;height: 100vh;top: -248px;background: url(https://image.samsungsds.com/module_src/images/data/cube_before2.png?queryString=20241210125943) no-repeat center center;opacity: 0.8;z-index: 1;-ms-background-position-x:178px;}
.MP_cube_last:after {content: '';position: absolute;right: 0;bottom: 0;width: 439px;max-width: 775px;height: 100%;margin-top: 0;background: url(https://image.samsungsds.com/module_src/images/data/cube_after2.png?queryString=20241210125943) no-repeat right bottom;opacity: 0.8;} 
.MP_cube_last .in { display:table-cell; vertical-align:middle; position:relative;width:100%; max-width:1318px; margin:0 auto; z-index:2 }
.MP_cube_last .in .txt { color:#fff ; text-align:center; margin-bottom:60px; max-width: 90%; margin: 0 auto 60px;}
.MP_cube_last .in .txt .tit_b {color:inherit;}
.MP_cube_last .in .ban ul {position:relative; max-width: 888px;height:220px;color:#fff;padding: 50px 0px;margin: auto; backdrop-filter: blur(10px);}
.MP_cube_last .in .ban ul:before {content: '';position: absolute;top: 0;width: 100%;height: 100%;background: url(https://image.samsungsds.com/module_src/images/data/cube_last_txt.png?queryString=20241210125943) repeat;z-index: 2;}
.MP_cube_last .in .ban ul li {position:relative; float:left;width:31.5%;height:100%;text-align:center;padding:0 49px;min-width: 184px;word-break: normal;}
.MP_cube_last .in .ban ul li:nth-child(even) {position:relative; width:37%; }
.MP_cube_last .in .ban ul li:nth-child(even):before {content:'';position: absolute;top: 50%;left:0;width:1px;height: 75%;transform: translateY(-50%);background-color: #cacaca;opacity: 0.3;}
.MP_cube_last .in .ban ul li:nth-child(even):after {content:'';position: absolute;top: 50%;transform: translateY(-50%);right:0;width: 1px;height: 75%;background-color: #cacaca;opacity: 0.3;}
.MP_cube_last .in .ban ul li em { font-weight:bold; color:#75C3FF; font-size:16px; }
.MP_cube_last .in .ban ul li p { font-weight:bold; font-size:22px; padding:10px 0; }
.MP_cube_last .in .ban ul li span {  line-height: 1.5;  opacity: 0.7; word-break: keep-all;}
.MP_cube_last .in .ban .md_btn {margin-top:40px; text-align:center;}


/* scroll animation */
.MP_cube_cont .ban {opacity: 0; transition: all 500ms ease;}
.MP_cube_cont .ban.in-view {opacity:1;}
.MP_cube_cont .ban.in-view .img_p .off {animation:fadeOut both 0.6s 0.5s ease;}
.MP_cube_cont .ban.in-view .img_p .on {animation:fade both 0.4s 0.4s ease-in;}
.MP_cube_cont .ban.in-view .diagram .img .md_btn {animation:txtBottom2 both 0.5s 0.7s ease-in;}

.MP_cube_cont .ban .img .hover_cube {position:absolute;opacity:0;}
.MP_cube_cont .hybrid .ban .img .hover_cube{top:31%;left:24%;transform:scale(0.88);}
.MP_cube_cont .sass .ban .img .hover_cube{top:21.2%;left:29.8%;transform:scale(0.88);}

.MP_cube_cont .ban.in-view .img_p .img_in .hover_cube {animation:cubeScale both 0.8s 1.3s;}

.MP_cube_cont .ban .img_p .img_in.top {opacity:0;}
.MP_cube_cont .ban.in-view .img_p .img_in.top {animation:cubeScale2 both 0.3s 0.4s ease-in;}

.MP_cube_cont .ban .img .link_list .hover_cube {transition:all 0.3s;}
.MP_cube_cont .ban .img .link_list .hover_cube  img {max-width:inherit;}
.MP_cube_cont .ban .img .link_list .hover_cube.on {transform:scale(1);opacity:1;}
.MP_cube_cont .hybrid .ban .img .link_list .hover_cube{top:-21%;left:1%;}
.MP_cube_cont .sass .ban .img .link_list .hover_cube{top:-7.2%;left:-1%;}

@keyframes cubeScale {
    0% {transform:scale(0.88);opacity:1;}
    50% {transform:scale(1);opacity:1;}
    100% {transform:scale(0.88);opacity:1;}
}
@keyframes cubeScale2 {
    0% {transform:scale(0.98);opacity:0;}
    100% {transform:scale(1);opacity:1;}
}

.MP_cube_last .ban {transform: translate3d(0px, 50px, 0px);position: relative;z-index: 4;}
.MP_cube_last .ban.in-view {transform: translate3d(0px, 0px, 0px);}

.MP_cube_cont .art .ban.in-view .txt_wrap > * {animation:txtTop both 0.4s 0.75s;}
.MP_cube_cont .art .ban.in-view .txt_wrap > em {animation-delay:0.2s;}
.MP_cube_cont .art .ban.in-view .txt_wrap p:nth-child(2) {animation-delay:0.3s;}
.MP_cube_cont .art .ban.in-view .txt_wrap p:nth-child(3) {animation-delay:0.5s;}
.MP_cube_cont .art .ban.in-view .txt_wrap p:nth-child(4) {animation-delay:0.7s;}
.MP_cube_cont .art .ban.in-view .txt_wrap p:nth-child(5) {animation-delay:0.9s;}

.MP_cube_last .ban.in-view > * {animation:fade both 0.2s 0.9s;}
.MP_cube_last .ban.in-view .txt {animation-delay:0.2s;}
.MP_cube_last .ban.in-view ul {animation-delay:0.5s;}
.MP_cube_last .ban.in-view .md_btn {animation-delay:0.9s;}


@media all and (max-width:1400px){   
    .MP_cube .MP_cube_cont .ban.right .diagram_wrap {margin-right:0;}
    .MP_cube .MP_cube_cont .ban .diagram_wrap {margin-left:0; margin-top:0px;}
    .MP_cube_cont .hybrid .ban .diagram_wrap {padding-top:0px;}
    .MP_cube_cont .sass .ban .diagram_wrap {padding-top:0px;}
    .MP_cube_cont .art {margin-top:100px;}
    .MP_cube_cont .ban {flex-direction:column;justify-content:center;height:auto;flex-direction:column;}
    .MP_cube_cont .art:first-child .ban {margin: 0;}
    .MP_cube_cont .ban.right { flex-direction: column-reverse;  }
    .MP_cube_cont .ban .txt_wrap {margin:30px 0 0;text-align: center;}
    .MP_cube_last:after {right:-126px; margin-top: -260px; }
    .MP_cube_cont .hybrid .ban .diagram_wrap {margin-top:30px;}
    .MP_cube_cont .sass .ban .diagram_wrap {margin-top:60px;}
}


@media all and (max-width:1023px){
    .MP_cube .inner {width:100%;max-width:838px;padding:0 30px;}
    .MP_cube .ban {min-height:auto;}
    .MP_cube .cube_tab ul li a {font-size:14px;}
    .MP_cube_cont .ban .txt_wrap {max-width:80%;min-width:300px;width:90%;word-break:inherit;margin:40px 0 0;text-align:center;}
    .MP_cube_cont .ban .txt_wrap em {font-size:14px; }
    .MP_cube_cont .ban .txt_wrap .tit_b {line-height:1.3; font-size:26px; }
    .MP_cube_cont .ban .txt_wrap .txt { margin-bottom: 10px; }

    .MP_cube_last {padding:60px 0;min-height:600px;}
    .MP_cube_last .in .ban ul {position:relative;overflow:hidden; height:auto; backdrop-filter: blur(10px);}
    .MP_cube_cont .security .ban { margin-bottom: 50px;  }  
    .MP_cube_last:after {content: '';position: absolute;right: 0;bottom: 0;width: 100%;max-width: 775px;height: 100%;margin-top: 0;background: url(https://image.samsungsds.com/module_src/images/data/cube_after2_m.png?queryString=20241210125943) no-repeat right top;}
    .MP_cube_last .in .ban {width:90%; margin:0 auto;padding:0 10px;}
    .MP_cube_last .in:before {content: '';position: absolute;left: 0;height: 100%;width: 360px;top: 150px;background: url(https://image.samsungsds.com/module_src/images/data/cube_before2_m.png?queryString=20241210125943) no-repeat bottom;opacity: 0.5;width: 170px;left: 0;}
}


@media all and (max-width:768px){ 
    .cont.MP_cube {overflow:visible;}
    .MP_cube { background: url(https://image.samsungsds.com/module_src/images/data/bg_cube_mo.png?queryString=20241210125943) 0 0 repeat-y;background-size:100%;  }
    .MP_cube_cont .ban {position: relative;margin: 0;height:auto !important;z-index: 3;}
    .MP_cube .cube_tab ul li { align-items: stretch; }
    .MP_cube .cube_tab ul li a {height:100%;font-size:13px;padding: 15px 5px;line-height:1.2;}
    .MP_cube .cube_tab ul li a img {margin-bottom:10px;}

    .MP_cube_last {padding:100px 0 60px;background: url(https://image.samsungsds.com/module_src/images/data/bg_cube_mo.png?queryString=20241210125943) 0 0 repeat-y;background-size:100%;}
    .MP_cube_last .in .ban ul {position:relative; overflow:hidden;height:auto; padding: 10px 0;}
    .MP_cube_last .in .ban ul li {float:none; width:100%; padding: 50px 5px;}
    .MP_cube_last .in .ban ul li:nth-child(even) {width:100%;}
    .MP_cube_last .in .ban ul li:nth-child(even):before {content: '';position: absolute;left: 50%;width: 100px;transform: translate(-50% );height: 1px;top: 0;}
    .MP_cube_last .in .ban ul li:nth-child(even):after {content: '';position: absolute;left: 50%;width: 100px;transform: translate(-50% );height: 1px;top: 100%;}
    .MP_cube_last .in:before {content: '';position:absolute;left:0;height:100%;width:170px;top:3px;margin-top:60px;background:url(https://image.samsungsds.com/module_src/images/data/cube_before2_m.png?queryString=20241210125943) no-repeat bottom;opacity: 0.5;}
    .MP_cube_last:after {content: '';position:absolute;right:0;bottom:0;width:100%;max-width:775px;height:100%;margin-top:0;opacity:0.4;background: url(https://image.samsungsds.com/module_src/images/data/cube_after2_m.png?queryString=20241210125943) no-repeat right top;}
    .MP_cube .MP_cube_cont .ban .diagram_wrap img { max-width: 300px; }

    /* cube section */
    .MP_cube_cont .ban .txt_wrap {max-width:100%;min-width:300px;width:100%;word-break: inherit;text-align: left;}
    .MP_cube_cont .ban .txt_wrap em {font-size: 16px;}
    .MP_cube_cont .ban .txt_wrap .tit_b {margin-bottom: 15px;margin-top: 0;}
    .MP_cube_cont .ban .txt_wrap.tbtn {margin:30px 0 0;}
    .MP_cube_cont .ban .txt_wrap .txt {margin-bottom: 5px;}
    .MP_cube_cont .ban .diagram_wrap .img .btn_m {font-size:16px;height:40px;line-height:38px;}
    .MP_cube_cont .ban .diagram_wrap .img .h0 .btn_m {padding:6px 20px;line-height:20px;font-size:15px;}
    
    .MP_cube .diagram_wrap .diagram { display:block; width:100%; }

    .MP_cube_last .in .ban .md_btn {margin-bottom:10px;}    
    .MP_cube_cont .security .ban {margin-bottom:0;}
    .MP_cube + .MP_cube_last:before {content:none;}

    .MP_cube_cont .ban .txt_wrap .br { display: inline-block; }

    /* animation */
    .MP_cube_cont .hybrid .ban .img .hover_cube{top:12%;left:4.2%;transform:scale(0.45);}
    .MP_cube_cont .sass .ban .img .hover_cube{top:5.5%;left:14.8%;transform:scale(0.5);}

    .MP_cube_cont .hybrid .ban.in-view .img_p .img_in .hover_cube {animation:cubeScaleMo both 0.8s 1.3s;}
    .MP_cube_cont .sass .ban.in-view .img_p .img_in .hover_cube {animation:cubeScaleMo2 both 0.8s 1.3s;}
    .MP_cube_cont .ban .img .link_list .hover_cube {display:none;}

    @keyframes cubeScaleMo {
        0% {transform:scale(0.45);opacity:1;}
        50% {transform:scale(0.6);opacity:1;}
        100% {transform:scale(0.45);opacity:1;}
    }
    @keyframes cubeScaleMo2 {
        0% {transform:scale(0.5);opacity:1;}
        50% {transform:scale(0.6);opacity:1;}
        100% {transform:scale(0.5);opacity:1;}
    }

    .MP_cube_cont .ban .diagram_wrap .md_btn:after {background-position: bottom left;}
    .MP_cube_cont .ban .diagram .img .md_btn.f0:after {height:139px;}
    .MP_cube_cont .ban .diagram .img .md_btn.h0:after {top:52px;height:100px;}
}


/*** MP_customer_detail ***/
.MP_customer_detail .inner,
.MP_solution_list .inner,
.history_back .inner {max-width:1210px;}


/** customer_detail **/
.customer_detail .detail_title .company {font-size:28px;font-weight:normal;line-height:52px;}

/* hero_copy */
.customer_detail .hero_copy {position:relative;display:table;width:100%;margin-bottom:42px;}
.customer_detail .hero_copy .hero_inner {display:table-cell;background-color:#ddd;}
.customer_detail .hero_copy .visual_img {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f5;}
.customer_detail .hero_copy .visual_img:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.customer_detail .hero_copy .visual_img .img_p,
.customer_detail .hero_copy .visual_img .img_m {margin:0;width:100%;height:100%;}
.customer_detail .hero_copy .visual_img .img_m {display:none;}
.customer_detail .hero_copy .txt {position:relative;margin:0 auto;padding:60px 10%;color:#fff;}
.customer_detail .hero_copy .txt .md_tit {font-size:22px;line-height:36px;font-weight:bold;}
.customer_detail .hero_copy .txt .md_txt {margin-top:16px;display:block;}
.customer_detail .hero_copy + .title {margin-top:0 !important;}

/* detail_content */
.customer_detail .detail_content {margin-top:40px;padding-top:40px;padding-bottom:60px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.customer_detail .detail_content .title {display:block;margin-bottom:5px;margin-top:85px;}
.customer_detail .detail_content .h2_tit {display: block;margin-top: 5.6rem;margin-bottom: 0.5rem;font-size: 2.4rem;font-weight: bold;line-height: 3rem;text-align: left;padding: 0;}
.customer_detail .detail_content .h3_tit {display: block;margin-top: 5.6rem;margin-bottom: 0.5rem;font-size: 2rem;font-weight: bold;text-align: left;padding: 0;}
.customer_detail .detail_content h2 + h3,
.customer_detail .detail_content h2 + h4,
.customer_detail .detail_content h3 + h4,
.customer_detail .detail_content [class*='_tit'] + h3,
.customer_detail .detail_content [class*='_tit'] + h4,
.customer_detail .detail_content [class*='_tit'] + [class*='_tit'] {margin-top: 2.8rem;}
.customer_detail .detail_content .h4_tit {display: block;margin-top: 5.6rem;margin-bottom: 0.5rem;font-size: 1.8rem;font-weight: bold;text-align: left;padding: 0;}
.customer_detail .detail_content .img {margin: 4rem auto 0 auto;text-align: center;}
.customer_detail .detail_content .img.type_medium {max-width: 1024px;}
.customer_detail .detail_content .img.left {left:0;text-align:left;}
.customer_detail .detail_content .img.right {right:0;text-align:right;}
.customer_detail .detail_content .img img {max-width:100%;}
.customer_detail .detail_content p + p {margin-top:10px;}
.customer_detail .detail_content .img + p {margin-top:40px;}
.customer_detail .detail_content .title + .img {margin-top:20px;}
.customer_detail .detail_content .title + .iframe_movie {margin-top:20px;}
.customer_detail .detail_content .iframe_movie {position:relative;max-width:870px;margin:40px auto 0 auto;overflow:hidden;}
.customer_detail .detail_content .iframe_movie .iframe_inner {position:relative;padding-bottom:56.25%;}
.customer_detail .detail_content .iframe_movie iframe {position:absolute;left:0;top:0;width:100%;height:100%;}

/* detail_tags */
.customer_detail .detail_tags {margin-top:18px;}
.customer_detail .detail_tags li {display:inline-block;margin-right:10px;}
.customer_detail .detail_tags li:last-child {margin-right:0;}
.customer_detail .detail_tags .tag:hover,
.customer_detail .detail_tags .tag:focus {color:#39c0e5;transition:color 0.3s;}


/** solution_list **/
* + .solution_list {margin-top:30px;}
.solution_list .module_ty {margin-left:-13px;margin-right:-13px;}
.solution_list .module_ty:after {content:"";display:block;clear:both;}
.solution_list .module_ty .li {float:left;width:33.3%;padding:0 13px;}
.solution_list .module_ty .li:nth-child(n+4) {margin-top:60px;}
.solution_list .module_ty .li:nth-child(3n+1) {clear:both;}


/** detail_share **/
* + .detail_share {margin-top:58px;}
.detail_share {text-align:center;}
.detail_share .md_btn_like,
.detail_share .md_btn_share,
.detail_share .md_btn_print {float:none;display:inline-block;margin-left:7px;width:150px;height:44px;font-size:16px;line-height:42px;text-align:center;border:1px solid #ddd;vertical-align:top;}
.detail_share .md_btn_like:before {position:static;display:inline-block;vertical-align:top;margin:12px 0 0 -25px;}
.detail_share .md_btn_like strong {position:relative;margin-left:5px;}
.detail_share .md_btn_like strong:empty {margin-left:-3px;}
.detail_share .md_btn_share:before {top:50%;left:50%;margin-top:-10px;margin-left:-10px;}
.detail_share .md_btn_print:before {top:50%;left:50%;margin-top:-10px;margin-left:-10px;}
.customer_detail .detail_content .style-desktop-unchanged { margin: 4rem 0; }
.customer_detail .detail_content .style-desktop-unchanged:last-child { margin-bottom: 0; }

.customer_detail .detail_content .img .im_info { display: block; color: #737373; margin-top: 20px; font-size: 1.4rem; }
.customer_detail .detail_content p { margin-top: 30px; }

/** -Mobile UI- **/
@media all and (max-width:1023px){
    /** customer_detail **/
    .customer_detail .detail_title .company {font-size:18px;line-height:36px;}

    /* hero_copy */
    .customer_detail .hero_copy .txt .md_tit {font-size:16px;line-height:26px;}
    .customer_detail .hero_copy .txt .md_txt {margin-top:6px;}

    /* detail_content */
    .customer_detail .detail_content {margin-top:20px;padding-top:20px;padding-bottom:40px;}
    .customer_detail .detail_content .hero_copy {margin-bottom:40px;}
    .customer_detail .detail_content .img {margin-top:20px;}
    .customer_detail .detail_content .img.type_medium {max-width: none;}
    .customer_detail .detail_content .title {margin-top:40px;}
    .customer_detail .detail_content .h2_tit {margin-top: 2.8rem;margin-bottom: 0.4rem;font-size: 1.9rem;line-height: 2.8rem;}
    .customer_detail .detail_content .h3_tit {margin-top: 2.8rem;margin-bottom: 0.4rem;font-size: 1.8rem;}
    .customer_detail .detail_content h2 + h3,
    .customer_detail .detail_content h2 + h4,
    .customer_detail .detail_content h3 + h4,
    .customer_detail .detail_content [class*='_tit'] + h3,
    .customer_detail .detail_content [class*='_tit'] + h4,
    .customer_detail .detail_content [class*='_tit'] + [class*='_tit'] {margin-top: 1.4rem;}
    .customer_detail .detail_content .h4_tit {margin-top: 2.8rem;margin-bottom: 0.4rem;font-size: 1.6rem;}
    .customer_detail .detail_content .title + .img {margin-top:10px;}
    .customer_detail .detail_content .title + .iframe_movie {margin-top:10px;}

    /* detail_tags */
    .customer_detail .detail_tags {margin-top:8px;}
    .customer_detail .detail_tags li {display:inline-block;margin-right:8px;}
    .customer_detail .detail_content .style-desktop-unchanged:last-child { margin-bottom: 0; }

    /** solution_list **/
    .solution_list .module_ty .li {width:50%;}
    .solution_list .module_ty .li:nth-child(n+3) {margin-top:40px;}
    .solution_list .module_ty .li:nth-child(2n+1) {clear:both;}
    .solution_list .module_ty .li:nth-child(3n+1) {clear:none;}

    /** detail_share **/
    .detail_share .md_btn_print {display:none;}

    .customer_detail .detail_content p { margin-top: 24px; }
}

@media all and (max-width:600px){
    /** customer_detail **/
    /* hero_copy */
    .customer_detail .hero_copy .visual_img .img_p {display:none;}
    .customer_detail .hero_copy .visual_img .img_m {display:block;}
    .customer_detail .hero_copy .txt {padding:30px;}

    /** solution_list **/
    * + .solution_list {margin-top:20px;}
    .solution_list .module_ty {margin-left:0;margin-right:0;}
    .solution_list .module_ty .li {float:none;width:100%;padding:0;}
    .solution_list .module_ty .li:nth-child(n+2) {margin-top:40px;}
    .solution_list .module_ty .li:nth-child(2n+1) {clear:none;}

    /** detail_share **/
    * + .detail_share {margin-top:38px;}
    .detail_share .md_btn_like,
    .detail_share .md_btn_share,
    .detail_share .md_btn_print {margin-left:5px;width:146px;}
}





/*** MP_customer_list ***/
.tit_l {margin-bottom:45px;}

/** hero_carousel **/
* + .hero_carousel {margin-top:45px;}
.hero_carousel {position:relative;}
.hero_carousel .li {position:relative;cursor:default;}
.hero_carousel .li .visual_img {overflow:hidden;background-color:#f5f5f5;}
.hero_carousel .li .visual_img:after {content:"";position:relative;display:block;width:100%;height:466px;background:rgba(0,0,0,0.4);}
.hero_carousel .li .visual_img:before {content:"";position: absolute;left:0;top:0;    display:block;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,0.6) 20%,rgba(0,0,0,0));z-index:1;}
.hero_carousel .li .visual_img .img_p,
.hero_carousel .li .visual_img .img_m {position:absolute;top:0;left:0;width:100%;height:100%;}
.hero_carousel .li .visual_img .img_m {display:none;}
.hero_carousel .li .txt {position:absolute;top:0;left:0;width:100%;height:100%;padding:62px 10% 60px 10%;color:#fff;z-index:2;}
.hero_carousel .li .txt .tit_m {display:block;color:#fff;font-weight:bold;}
.hero_carousel .li .txt .tit_m span {position:relative;display:block;overflow:hidden;}
.hero_carousel .li .txt .tit_m a:hover { color:#2189ff !important; }
.hero_carousel .li .txt .tit_m a:focus { color: #fff; }
.hero_carousel .li .txt .tit_desc {display:block;margin-bottom:4px;color:#fff;font-weight:normal;overflow:hidden;}
.hero_carousel .li .txt .md_txt {margin-top:17px;margin-bottom:15px;}
.hero_carousel .li .txt .md_txt .source {margin-top:6px;}
.hero_carousel .li .txt .md_btn {padding-top:10px;overflow:hidden;}
.hero_carousel .li .txt .md_btn a {margin-right:14px;color:#2189ff;}
.hero_carousel .li .txt .md_btn a span:after {border-color:#2189ff;}
.hero_carousel .li .txt .md_btn a:hover,
.hero_carousel .li .txt .md_btn a:focus {color:#0098c2;}
.hero_carousel .li .txt .md_btn a:hover span:after,
.hero_carousel .li .txt .md_btn a:focus span:after {border-color:#0098c2;}

/* Active */
.hero_carousel .li.active .visual_img .img_p,
.hero_carousel .li.active .visual_img .img_m {animation:scaleBg02 both ease-in-out 3.2s;}
.hero_carousel .li.active .txt .tit_desc i {display:block;animation:txtTop both 0.4s 0s;}
.hero_carousel .li.active .txt .tit_m i {display:block;animation:txtTop both 0.4s 0.75s;}
.hero_carousel .li.active .txt .tit_m span {animation-delay:0.2s;}
.hero_carousel .li.active .txt .tit_m span:nth-child(1) i {animation-delay:0.2s;}
.hero_carousel .li.active .txt .tit_m span:nth-child(2) i {animation-delay:0.4s;}
.hero_carousel .li.active .txt .tit_m span:nth-child(3) i {animation-delay:0.6s;}
.hero_carousel .li.active .txt .md_txt {position:relative;animation:fade both 0.7s 0.7s;}
.hero_carousel .li.active .txt .md_btn {animation:fade both 0.7s 1s;}

/* navigation */
.hero_carousel .navigation {position:absolute;bottom:60px;right:112px;width:94px;z-index:3;}
.hero_carousel .navigation .owl-nav {display: block !important;margin-top: 1.4rem;}
.hero_carousel .navigation .owl-nav:after {content:"";display:block;clear:both;}
.hero_carousel .navigation .owl-nav .owl-prev {float:left;}
.hero_carousel .navigation .owl-nav .owl-next {float:right;}


/** keyword_search **/
* + .keyword_search {margin-top:120px;}
.keyword_search {margin-left:auto;margin-right:auto;max-width:654px;}
.keyword_search .search {position:relative;}
.keyword_search .search .input {padding-left:10px;padding-right:90px;height:63px;font-size:22px;border:none;border-bottom:1px solid #000;}
.keyword_search .search .input::-webkit-input-placeholder {color:#888;}
.keyword_search .search .input::-moz-placeholder {color:#888;}
.keyword_search .search .input:-ms-input-placeholder {color:#888;}
.keyword_search .search .input::placeholder {color:#888;}
.keyword_search .search .delete,
.keyword_search .search .btn_delete,
.keyword_search .search .btn_search {position:absolute;width:30px;height:30px;background-position:center center;background-repeat:no-repeat;}
.keyword_search .search .delete,
.keyword_search .search .btn_delete {display:none;top:19px;right:50px;background-image:url("https://image.samsungsds.com/module_src/images/icon/ico_delete.svg?queryString=20241210125943");}
.keyword_search .search .btn_search {top:19px;right:10px;background-image:url("https://image.samsungsds.com/module_src/images/icon/ic_search_black.svg?queryString=20241210125943");transition:filter 0.2s;}
.keyword_search .search .btn_search:hover,
.keyword_search .search .btn_search:focus {filter:invert(45%) sepia(69%) saturate(696%) hue-rotate(155deg) brightness(92%) contrast(94%);}
.keyword_search .result {margin-top:18px;}
.keyword_search .result .keyword {font-weight:bold;color:#1C7EEE;}
.keyword_search .result .copy,
.keyword_search .result .error {text-align:center;margin:1px;}


/** customer_list **/
* + .customer_list {margin-top:188px;}
.category_tab + .customer_list{margin-top:40px;}
.customer_list .module_ty {margin-left:-13px;margin-right:-13px;}
.customer_list .module_ty:after {content:"";display:block;clear:both;}
.customer_list .module_ty .li {float:left;width:50%;padding:0 13px;}
.customer_list .module_ty .li:nth-child(n+3) {margin-top:61px;}
.customer_list .module_ty .li:nth-child(2n-1) {clear:both;}
.customer_list .module_ty .md_tit {margin-bottom:10px;}
.customer_list .module_ty .md_tit02 {display:block;}
.customer_list .no_content {text-align:center;}
.keyword_search + .customer_list {margin-top:78px;}
.hero_carousel + .inner_sch_form {margin-top:120px;}
.hero_carousel + .grp_inquiry_ask { margin-top: 2rem; }
.hero_carousel + .grp_inquiry_ask + .inner_sch_form { margin-top: 120px; }

.MP_customer_list .sch_no_result { margin-top: 100px !important; }

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .category_swiper { overflow: hidden; margin-right: -3rem; margin-left: -3rem; padding: 0 4.5rem; }
    .category_tab:before { width: 3rem; left: 0; }
    .category_tab:after { width: 3rem; right: 0; }
    .category_swiper .tab_control:before,
    .category_swiper .tab_control:after { width: 5rem; height: 3.6rem; }
    .category_swiper .tab_control:before { left: 0; }
    .category_swiper .tab_control:after { width: 7.5rem; right: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 35%); }
    .category_swiper .tab_control .btn_prev,
    .category_swiper .tab_control .btn_next { top: 0; }
    .category_swiper .tab_control .btn_prev { left: 0; }
    .category_swiper .tab_control .btn_next { right: 0; }

    .hero_carousel .navigation .owl-nav { position: absolute; top: -20.3rem; left: 0; z-index: 100; width: 100%; margin: 0; padding: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
    .hero_carousel .navigation .owl-nav .owl-prev,
    .hero_carousel .navigation .owl-nav .owl-next { overflow: hidden; display: block; position: absolute; width: 3rem; height: 3rem; border-width: 0.1rem; border-style: solid; border-color: #7f7f7f !important; border-radius: 0; box-sizing: border-box; background-color: #7f7f7f; opacity: 0.6; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
    .hero_carousel .navigation .owl-nav .owl-prev { left: 3rem; }
    .hero_carousel .navigation .owl-nav .owl-next { right: 3rem; }

    /** hero_carousel **/
    .hero_carousel .navigation {bottom:32px;left:0;width:100%;padding:0 10%;}

    /** customer_list **/
    * + .customer_list {margin-top:78px;}
    .category_tab + .customer_list{margin-top:28px;}
    .keyword_search + .customer_list {margin-top:80px;}
    .hero_carousel + .inner_sch_form {margin-top:80px;}
    .hero_carousel + .grp_inquiry_ask { margin-top: 2rem; }
    .hero_carousel + .grp_inquiry_ask + .inner_sch_form { margin-top: 80px; }

    /** keyword_search **/
    * + .keyword_search {margin-top:80px;}
}

@media all and (max-width:600px){
    .tit_l {margin-bottom:30px;}

    /** hero_carousel **/
    * + .hero_carousel {margin-top:30px;}
    .hero_carousel {margin-left:-30px;margin-right:-30px;}
    .hero_carousel .li .visual_img {position:relative;width:100%;}
    .hero_carousel .li .visual_img:before {height:100%;}
    .hero_carousel .li .visual_img .img_p {display:none;}
    .hero_carousel .li .visual_img .img_m {display:block;}
    .hero_carousel .li .txt {padding:38px 30px 30px 30px;}
    .hero_carousel .li .txt .tit_m {font-size:18px;line-height:26px;}
    .hero_carousel .li .txt .tit_desc {margin-bottom:8px;}
    .hero_carousel .li .txt .md_txt {margin-top:8px;margin-bottom:18px;}
    .hero_carousel .li .txt .md_txt .source {margin-top:8px;font-size:12px;line-height:18px;}
    .hero_carousel .li .txt .md_btn {padding-top:5px;}
    .hero_carousel .navigation {padding:0 30px;}

    .hero_carousel .navigation .owl-nav .owl-prev { left: 0; }
    .hero_carousel .navigation .owl-nav .owl-next { right: 0; }

    /** keyword_search **/
    .keyword_search .search .input {padding-right:76px;height:50px;font-size:18px;}
    .keyword_search .search .delete,
    .keyword_search .search .btn_delete,
    .keyword_search .search .btn_search {width:26px;height:26px;}
    .keyword_search .search .delete,
    .keyword_search .search .btn_delete {top:12px;right:43px;}
    .keyword_search .search .btn_search {top:12px;right:7px;background-image:url("https://image.samsungsds.com/module_src/images/icon/ic_search_black_m.svg?queryString=20241210125943");}
    .keyword_search .result {margin-top:8px;}

    /** customer_list **/
    .customer_list .module_ty {margin-left:0;margin-right:0;}
    .customer_list .module_ty .li {width:100%;padding:0;}
    .customer_list .module_ty .li:nth-child(n+2) {margin-top:61px;}
    .customer_list .module_ty .li:nth-child(2n-1) {clear:none;}
    .customer_list .module_ty .md_tit {margin-bottom:6px;}
}





/*** MP_customer_list_v1 ***/
.MP_customer_list_v1 { padding-top: 0; }
.cont.MP_customer_list_v1 { padding: 0; }

/** customer_list_carousel **/
.MP_customer_list_v1 .customer_list_carousel { position: relative; overflow: hidden; height: 670px; margin-top: 45px; }

/* ::before css가 없으면 carousel 슬라이드가 플레이 되면서 스크롤이 위로 튀는 현상이 있음 */
.MP_customer_list_v1 .customer_list_carousel .carousel::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.MP_customer_list_v1 .customer_list_carousel .li { position: relative; cursor: default; }
.MP_customer_list_v1 .customer_list_carousel .li::after { content: ""; position: absolute; top: 0; width: 100%; height: 670px; background: rgba(0, 0, 0, 0.5); }
.MP_customer_list_v1 .customer_list_carousel .li .visual_img { overflow: hidden; background-color: #f5f5f5; }
.MP_customer_list_v1 .customer_list_carousel .li .visual_img p { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 670px; }
.MP_customer_list_v1 .img_m { display: none; }
.MP_customer_list_v1 .customer_list_carousel .li .txt_cont { display: flex; position: absolute; top: 0; left: 0; right: 0; max-width: 1128px; margin: 0 auto; width: 100%; height: 100%; align-items: center; justify-content: center; color: #fff; z-index: 2; }
.MP_customer_list_v1 .customer_list_carousel .li .md_thumb { position: relative; width: 290px; min-height: 290px; padding: 15px; display: flex; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.85); border-radius: 8px; margin-left: 70px; }
.MP_customer_list_v1 .customer_list_carousel .li .md_thumb .img_box .txt_logo { color: #000; font-size: 32px; font-weight: bold; text-align: center; display: block; line-height: normal; }
.MP_customer_list_v1 .customer_list_carousel .li .md_txt { margin-top: 10px; }
.MP_customer_list_v1 .customer_list_carousel .li .txt strong { display: block; color: #fff; font-weight: bold; margin-left: 0; }
.MP_customer_list_v1 .customer_list_carousel .li .txt .tit_m.s_title { font-size: 19px; line-height: 28px; }
.MP_customer_list_v1 .customer_list_carousel .li .txt .tit_m i { display: block; white-space: nowrap; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.MP_customer_list_v1 .customer_list_carousel .li .md_btn { margin-top: 35px; overflow: hidden; }
.MP_customer_list_v1 .customer_list_carousel .li .txt .md_btn a { margin-right: 20px; }
.MP_customer_list_v1 .customer_list_carousel .li .txt .md_btn a:last-child { margin-right: 0; }

/* Active */
.MP_customer_list_v1 .customer_list_carousel .li.active .txt .tit_m i { animation: txtTop both 0.4s 0.75s; }
.MP_customer_list_v1 .customer_list_carousel .li.active .txt .tit_m span { animation-delay: 0.2s; }
.MP_customer_list_v1 .customer_list_carousel .li.active .txt .tit_m:nth-child(1) span i { animation-delay: 0.2s; }
.MP_customer_list_v1 .customer_list_carousel .li.active .txt .tit_m:nth-child(2) span i { animation-delay: 0.4s; }
.MP_customer_list_v1 .customer_list_carousel .li.active .txt .tit_m:nth-child(3) span i { animation-delay: 0.6s; }
.MP_customer_list_v1 .customer_list_carousel .li.active .md_txt { margin-top: 10px; animation: fade both 0.7s 0.7s; }
.MP_customer_list_v1 .customer_list_carousel .li .md_txt p.copy { position: relative; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; opacity: 0.8; }
.MP_customer_list_v1 .customer_list_carousel .li.active .txt .md_btn { animation: fade both 0.7s 1s; }

/* navigation */
.MP_customer_list_v1 .customer_list_carousel .navigation { display: flex; position: absolute; bottom: 68px; width: auto; z-index: 3; left: 50%; transform: translateX(-50%); }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_pagn { margin-right: 10px; line-height: 25px; }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_pagn a { display: inline-block; width: 10px; height: 10px; margin: 0 0 0 10px; color: transparent; border: 1px solid #fff; background: transparent; opacity: 1; font-size: 1px; line-height: 1px; overflow: hidden; position: relative; border-radius: 10px; }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_pagn a.selected { background: #fff; }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_pagn a span { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0px 0px 0px 0px); border: 0; }
.MP_customer_list_v1 .customer_list_carousel .arrow-nav { position: absolute; top: 50%; width: 30px; height: 56px; z-index: 2; }
.MP_customer_list_v1 .customer_list_carousel .arrow-prev { left: 50%; transform: translateY(-50%) translateX(-659px); }
.MP_customer_list_v1 .customer_list_carousel .arrow-next { right: 50%; transform: translateY(-50%) translateX(659px); }
.MP_customer_list_v1 .customer_list_carousel .arrow-nav::before { position: absolute; top: 9px; width: 39px; height: 39px; border-top: 2px solid #fff; border-left: 2px solid #fff; transition: border-color 0.3s; opacity: 1; content: ''; }
.MP_customer_list_v1 .customer_list_carousel .arrow-nav:hover::before { border-color: #2189ff; }
.MP_customer_list_v1 .customer_list_carousel .arrow-prev::before { left: 9px; transform: rotate(-45deg); }
.MP_customer_list_v1 .customer_list_carousel .arrow-next::before { right: 9px; transform: rotate(135deg); }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_play a { display: block; position: relative; width: 25px; height: 25px; overflow: hidden; outline: none; }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_play .md_btn_play { display: none; }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_play.on .md_btn_play { display: block; }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_play .md_btn_play::before { content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; margin-top: -6px; margin-left: -4px; border-width: 6px 0 6px 9px; border-style: solid; border-color: transparent; border-left-color: #fff; transition: all 0.3s; }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_play .md_btn_play:hover::before { border-left-color: #2189FF; }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_play.on .md_btn_stop { display: none; }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_play .md_btn_stop::before, .MP_customer_list_v1 .customer_list_carousel .navigation .md_play .md_btn_stop::after { content: ""; position: absolute; top: 8px; width: 2px; height: 11px; background-color: #fff; transition: all 0.3s; }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_play .md_btn_stop::before { left: 9px; }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_play .md_btn_stop::after { left: 14px; }
.MP_customer_list_v1 .customer_list_carousel .navigation .md_play .md_btn_stop:hover::before, .MP_customer_list_v1 .customer_list_carousel .navigation .md_play .md_btn_stop:hover::after { background-color: #2189FF; }

/* fixed 검색창 */
.MP_customer_list_v1 .insight_sch .inner_sch_form .sch_box { margin-left: 16%; }

/* list_wrap */
.MP_customer_list_v1 .list_wrap { margin: 20px 0 160px; }
.MP_customer_list_v1 .grp_conts_filter { margin-bottom: 20px; }
.MP_customer_list_v1 .list_wrap .sub_title.all { margin-bottom: 35px; line-height: 35px; vertical-align: middle; }
.MP_customer_list_v1 .list_wrap .num_box { display: inline-block; height: 35px; margin-left: 10px; padding: 0 20px; background-color: #888; border-radius: 35px; font-size: 14px; color: #fff; line-height: 35px; vertical-align: top; font-weight: normal; }
.MP_customer_list_v1 .list_wrap .num_box .num { display: inline-block; font-weight: bold; }
.MP_customer_list_v1 .list_wrap .cont_list { display: flex; flex-wrap: wrap; margin: -16px; }
.MP_customer_list_v1 .list_wrap .item { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; background-color: #F9F9F9; width: calc(33.33333% - 32px); max-width: 418px; margin: 16px; padding: 40px 35px; overflow: hidden; height: 365px; }
.MP_customer_list_v1 .list_wrap .item .img { width: 100%; height: 70px; display: flex; }
.MP_customer_list_v1 .list_wrap .item .img strong { font-size: 30px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 65px; line-height: 32px; }
.MP_customer_list_v1 .list_wrap .item .img img { width: 240px; }
.MP_customer_list_v1 .list_wrap .item .txt strong { display: block; font-size: 20px; margin-bottom: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.MP_customer_list_v1 .list_wrap .item .txt .md_tit { display: block; font-size: 24px; margin-bottom: 20px; }
.MP_customer_list_v1 .list_wrap .item .txt .md_txt { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.MP_customer_list_v1 .list_wrap .item .txt .hashtag { width: calc(100% - 70px); height: 28px; position: absolute; bottom: 40px; }
.MP_customer_list_v1 .list_wrap .item .txt .hashtag ol { color: #888; display: flex; width: 88%; }
.MP_customer_list_v1 .list_wrap .item .txt .hashtag ol li { margin-left: 13px; position: relative; }
.MP_customer_list_v1 .list_wrap .item .txt .hashtag ol li:first-child { margin-left: 0; }
.MP_customer_list_v1 .list_wrap .item .txt .hashtag ol li::after { content: ''; position: absolute; top: 14px; right: -8px; width: 3px; height: 3px; border-radius: 10px; background-color: #888; }
.MP_customer_list_v1 .list_wrap .item .txt .hashtag ol li:last-child::after { content: none; }
.MP_customer_list_v1 .list_wrap .item .txt ul { display: none; }
.MP_customer_list_v1 .list_wrap .item section { display: flex; flex-wrap: wrap; opacity: 0; position: absolute; top: 10px; left: 0; width: 100%; height: 100%; color: #fff; padding: 40px; background-color: #0b4b95; transition: all .3s; }
.MP_customer_list_v1 .list_wrap .item.on section { opacity: 1; top: 0; }
.MP_customer_list_v1 .list_wrap .item section h3 { font-size: 30px; line-height: normal; margin-bottom: 5px; }
.MP_customer_list_v1 .list_wrap .item section .hover_scr_section p { margin-bottom: 30px; padding-right: 10px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
html[lang="en"] .MP_customer_list_v1 .list_wrap .item section .hover_scr_section p { -webkit-line-clamp: 2; }
.MP_customer_list_v1 .list_wrap .item section ul { display: flex; align-items: flex-end; }
.MP_customer_list_v1 .list_wrap .item section ul li { margin-left: 10px; }
.MP_customer_list_v1 .list_wrap .item section ul li:first-child { margin-left: 0px; }
.MP_customer_list_v1 .list_wrap .item section ul li a { min-width: auto; font-size: 14px; padding: 0 15px; }
.MP_customer_list_v1 .list_wrap .btn_more { margin-top: 60px; }
.MP_customer_list_v1 .list_wrap .btn_more a { margin-top: 0; }
.MP_customer_list_v1 .sch_no_result { margin-top: 100px !important; }

@media all and (max-width:1400px) {
    .customer_list_carousel .arrow-prev { left: 30px; transform: translateY(-50%); }
    .customer_list_carousel .arrow-next { right: 30px; transform: translateY(-50%); }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .MP_customer_list_v1 .customer_list_carousel { height: auto; }
    .MP_customer_list_v1 .customer_list_carousel .li::after { height: 100%; }
    .MP_customer_list_v1 .customer_list_carousel .li .visual_img p { height: 733px; }
    .MP_customer_list_v1 .img_p { display: none; }
    .MP_customer_list_v1 .img_m { display: block; }
    .MP_customer_list_v1 .customer_list_carousel .li .txt_cont { max-width: 838px; padding: 0 30px; top: 50px; height: auto; flex-wrap: wrap; }
    .MP_customer_list_v1 .customer_list_carousel .li .md_thumb { width: 180px; height: 180px; padding: 0; margin: 40px 0 0 0; min-height: auto; }
    .MP_customer_list_v1 .customer_list_carousel .li.active .md_thumb { animation: fade both 0.7s 1s; }
    .MP_customer_list_v1 .customer_list_carousel .li .md_thumb .img_box img { width: 100%; }
    .MP_customer_list_v1 .customer_list_carousel .li .md_thumb .img_box .txt_logo { font-size: 14px; width: 80px; height: 80px; display: flex; align-items: center; }
    .MP_customer_list_v1 .customer_list_carousel .li .txt_cont .txt { margin-left: 0px; }
    .MP_customer_list_v1 .customer_list_carousel .li .txt_cont .txt .md_tit { text-align: center; width: 100%; }
    .MP_customer_list_v1 .customer_list_carousel .li .txt .tit_m.s_title { font-size: 20px; line-height: 24px; margin-bottom: 5px; }
    .MP_customer_list_v1 .customer_list_carousel .li .txt strong { font-size: 16px; line-height: 24px; }
    .MP_customer_list_v1 .customer_list_carousel .li .md_txt p.copy { text-align: center; font-size: 16px; line-height: 26px; }
    .MP_customer_list_v1 .customer_list_carousel .li .txt .md_btn { margin-top: 30px; text-align: center; }
    .MP_customer_list_v1 .customer_list_carousel .li .txt .md_btn a { margin-right: 10px; min-width: 145px; padding: 0 25px; }
    .MP_customer_list_v1 .customer_list_carousel .navigation { bottom: 170px; }
    .MP_customer_list_v1 .customer_list_carousel .arrow-nav { display: none !important; }
    .MP_customer_list_v1 .insight_sch .inner_sch_form .sch_box { margin-left: 30px; }

    /* list_wrap */
    .MP_customer_list_v1 .list_wrap { margin: 50px 0 80px; }
    .MP_customer_list_v1 .list_wrap .sub_title.all { text-align: left; margin-bottom: 30px; font-size: 16px; line-height: 34px; vertical-align: middle; }
    .MP_customer_list_v1 .list_wrap .num_box { vertical-align: top; }
    .MP_customer_list_v1 .list_wrap .cont_list { margin: -10px 0; }
    .MP_customer_list_v1 .list_wrap .item { width: 100%; height: auto; max-width: none; margin: 10px 0; padding: 30px; }
    .MP_customer_list_v1 .list_wrap .item .txt .md_txt { height: auto; margin-bottom: 30px; }
    .MP_customer_list_v1 .list_wrap .item .txt .hashtag { position: relative; bottom: auto; width: 100%; height: auto; }
    .MP_customer_list_v1 .list_wrap .item .txt ul { display: flex; flex-wrap: wrap; margin: 15px -5px -5px -5px; }
    .MP_customer_list_v1 .list_wrap .item .txt ul li { margin: 5px; }
    .MP_customer_list_v1 .list_wrap .item .txt ul li a { min-width: auto; padding: 0 20px; }
    .MP_customer_list_v1 .list_wrap .item section, .MP_customer_list_v1 .list_wrap .item.on section { display: none; }
    .MP_customer_list_v1 .list_wrap .grp_conts_filter { margin-top: -3.1rem; }
    .MP_customer_list_v1 .sch_no_result { margin-top: 0 !important; }
}

@media all and (max-width:768px) {
    .MP_customer_list_v1 .insight_sch .inner_sch_form .sch_box { margin-left: 0px; }
}





/* 기존 As-is Search : inner_sch_form */
.inner_sch_form {height:63px;}
.inner_sch_form + .keyword_search {margin-top:0;}
.inner_sch_form .sch_box {width:100%;max-width:654px;}
.inner_sch_form .sch_box .sch_ip {position:relative;height:45px;margin:0 auto;border:0;border-bottom:1px solid rgba(0,0,0,0.5);}
.inner_sch_form .sch_ip > input[type=text] {padding-left:10px;padding-right:90px;height:63px;font-size:22px;border:none;border-bottom:1px solid #000;}
.inner_sch_form .sch_ip > input[type=text]::-webkit-input-placeholder {color:#888;}
.inner_sch_form .sch_ip > input[type=text]::-moz-placeholder {color:#888;}
.inner_sch_form .sch_ip > input[type=text]:-ms-input-placeholder {color:#888;}
.inner_sch_form .sch_ip > input[type=text]:placeholder {color:#888;}
.sch_box .sch_ip button.delete {display:none !important;}
.sch_box .sch_ip button.btn_sch_ip {position:absolute;top:19px;right:10px;width:30px;height:30px;background:url("https://image.samsungsds.com/module_src/images/icon/ic_search_black.svg?queryString=20241210125943") center no-repeat;transition:filter 0.2s;}
.sch_box .sch_ip button.btn_sch_ip:hover,
.sch_box .sch_ip button.btn_sch_ip:focus {filter:invert(45%) sepia(69%) saturate(696%) hue-rotate(155deg) brightness(92%) contrast(94%);}
.inner_sch_quick {position:absolute;top:27px;max-width:800px;width:100%;}
.tit_area .txt {font-size:16px;line-height:28px;}
.tit_area .txt strong {color:#1C7EEE;font-weight:bold;}
.tit_area .txt b {color:#000;font-weight:bold;}

.MP_customer_list .inner_sch_form ~ .grp_conts_filter {margin: 3.7rem 1.5rem 0 0;}
.MP_customer_list .grp_conts_filter ~ .category_tab {margin-top: 4.1rem;}
html[lang="en"] .MP_customer_list .grp_conts_filter .select_btn { width: 170px; }

@media all and (max-width: 1023px) {
    .MP_customer_list .inner_sch_form ~ .grp_conts_filter {margin: 1.9rem 0 0 0;}
    .MP_customer_list .grp_conts_filter ~ .category_tab {margin-top: 2.2rem;}
    .MP_customer_list .sch_no_result { margin-top: 0 !important; }
}

@media all and (max-width:768px){
    .inner_sch_form {height:50px;padding:0 30px;}
    .cont .inner_sch_form {padding:0;}
    .inner_sch_form .inner {padding:0 !important;}
    .inner_sch_form .btn_close {font-weight:400;}
    .inner_sch_form .sch_ip > input[type=text] {padding-right:76px;height:50px;font-size:18px;}
    .inner_sch_form .sch_box {max-width:inherit;padding:0;}
    .inner_sch_form .sch_box.on {top:0;margin:0;padding:113px 20px 20px 20px;background-color:#fff;}
    .sch_box .sch_ip button.btn_sch_ip {top:12px;right:7px;background-image:url("https://image.samsungsds.com/module_src/images/icon/ic_search_black_m.svg?queryString=20241210125943");}
    .sch_box.on .inner_sch_quick {top:165px;left:0;height:100%;}
    .sch_box.on .inner_sch_quick .sch_quick {top:0;}
    .tit_area .txt {font-size:14px;line-height:24px;}

    html[lang="en"] .MP_customer_list .grp_conts_filter .select_btn { width: 155px; }
}






/*** MP_insight_list ***/
.MP_insight_list {padding-top:0;}
.cont.MP_insight_list {padding:0;}

/** insight_carousel **/
.MP_insight_list .insight_carousel {position:relative;overflow:hidden;height:670px;}
.MP_insight_list .insight_carousel .carousel::before {position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:0;}
.MP_insight_list .insight_carousel .li {position:relative;cursor:default;}
.MP_insight_list .insight_carousel .li .visual_img {overflow:hidden;background-color:#f5f5f5;}
.MP_insight_list .insight_carousel .li .visual_img:after {content:"";position:relative;display:block;width:100%;height:675px;background:rgba(0,0,0,0.5);}
.MP_insight_list .insight_carousel .li .visual_img::before {content:"";position: absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:1;}
.MP_insight_list .insight_carousel .li .visual_img .img_p,
.MP_insight_list .insight_carousel .li .visual_img .img_m {position:absolute;top:0;left:0;width:100%;height:100%;}
.MP_insight_list .insight_carousel .li .visual_img .img_m {display:none;}

.MP_insight_list .insight_carousel .li .txt_cont {display:flex;position:absolute;top:0;left:0;right:0;max-width:1504px;margin:0 auto;width:100%;height:100%;padding:62px 93px 60px;align-items:center;justify-content:center;color:#fff;z-index:2;}

.MP_insight_list .insight_carousel .li .md_thumb { position:relative; width: 280px; min-height:360px; background:url('https://image.samsungsds.com/module_src/images/data/img_insight_book_bg.png') no-repeat center; background-size: cover; }
.MP_insight_list .insight_carousel .li .md_thumb .img_box { position:absolute; width: 70%; margin: 0 auto; overflow:hidden; bottom: 10%; left: 0; right: 0; padding: 21%; }
.MP_insight_list .insight_carousel .li .md_thumb .img { position:absolute; left:0; top:0; display: block; background-size: cover; width: 100%; height: 100%; background-repeat: no-repeat; }
.MP_insight_list .insight_carousel .li .md_thumb .in_txt { position:absolute; left:0; right:0; width: 71%; top: 23%; margin: 0 auto; text-align:center; font-size:12px; line-height: 18px; }
.MP_insight_list .insight_carousel .li .md_thumb .md_tit { display:block; color:#000; -webkit-line-clamp: 3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;}
.MP_insight_list .insight_carousel .li .md_thumb .md_name {top:44%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; color:#999;}

.MP_insight_list .insight_carousel .li .txt_cont .txt {max-width:760px;margin-left:60px;width:calc(100% - 300px);}
.MP_insight_list .insight_carousel .li .txt .tit_b {display:block;color:#fff;font-weight:bold;}
.MP_insight_list .insight_carousel .li .txt .tit_b i { display: block; white-space: nowrap; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.MP_insight_list .insight_carousel .li .txt .md_txt { margin-top: 20px; }

.MP_insight_list .insight_carousel .li .txt .md_btn {padding-top:35px;overflow:hidden;}
.MP_insight_list .insight_carousel .li .txt .md_btn a {margin-right: 20px;}
.MP_insight_list .insight_carousel .li .txt .md_btn a:last-child {margin-right:0;}

/* Active */
.MP_insight_list .insight_carousel .li.active .txt .tit_b i {animation:txtTop both 0.4s 0.75s;}
.MP_insight_list .insight_carousel .li.active .txt .tit_b span {animation-delay:0.2s;}
.MP_insight_list .insight_carousel .li.active .txt .tit_b span:nth-child(1) i {animation-delay:0.2s;}
.MP_insight_list .insight_carousel .li.active .txt .tit_b span:nth-child(2) i {animation-delay:0.4s;}
.MP_insight_list .insight_carousel .li.active .txt .tit_b span:nth-child(3) i {animation-delay:0.6s;}
.MP_insight_list .insight_carousel .li.active .txt .md_txt {position:relative;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;animation:fade both 0.7s 0.7s;}
.MP_insight_list .insight_carousel .li.active .txt .md_btn {animation:fade both 0.7s 1s;}

html[lang="en"] .MP_insight_list .insight_carousel .li .txt .md_txt { -webkit-line-clamp: 2; }
html[lang="en"] .MP_insight_list .insight_carousel .li .txt .tit_b i { -webkit-line-clamp: 3; }

/* navigation */
.MP_insight_list .insight_carousel .navigation {display:flex;position:absolute;bottom:60px;width:auto;z-index:3;left:50%;transform: translateX(-50%);}
.MP_insight_list .insight_carousel .navigation .md_pagn {margin-right:10px;line-height:25px;}
.MP_insight_list .insight_carousel .navigation .md_pagn a {display:inline-block;width:10px;height:10px;margin: 0 0 0 10px;color: transparent;border: 1px solid #fff;background: transparent;opacity: 1;font-size: 1px;line-height: 1px;overflow:hidden;position:relative;border-radius:10px;}
.MP_insight_list .insight_carousel .navigation .md_pagn a.selected {background:#fff;}
.MP_insight_list .insight_carousel .navigation .md_pagn a span {position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip: rect(0px 0px 0px 0px);border:0;}

.MP_insight_list .insight_carousel .arrow-nav {position:absolute;top:50%;width:30px;height:56px;z-index:2;}
.MP_insight_list .insight_carousel .arrow-prev {left:50%;transform:translateY(-50%) translateX(-659px);}
.MP_insight_list .insight_carousel .arrow-next {right:50%;transform:translateY(-50%) translateX(659px);}
.MP_insight_list .insight_carousel .arrow-nav::before {position: absolute;top:9px;width:39px;height:39px;border-top:2px solid #fff;border-left:2px solid #fff;transition:border-color 0.3s;opacity:1;content:'';}
.MP_insight_list .insight_carousel .arrow-nav:hover::before {border-color:#2189ff;}
.MP_insight_list .insight_carousel .arrow-prev::before{left:9px;transform: rotate(-45deg);}
.MP_insight_list .insight_carousel .arrow-next::before{right:9px;transform: rotate(135deg);}


.MP_insight_list .insight_carousel .navigation .md_play a {display:block;position:relative;width:25px;height:25px;overflow:hidden;outline:none;}
.MP_insight_list .insight_carousel .navigation .md_play .md_btn_play {display: none;}
.MP_insight_list .insight_carousel .navigation .md_play.on .md_btn_play {display: block;}
.MP_insight_list .insight_carousel .navigation .md_play .md_btn_play::before {content: "";position: absolute;left: 50%;top: 50%;width: 0;height: 0;margin-top: -6px;margin-left: -4px;border-width: 6px 0 6px 9px;border-style: solid;border-color: transparent;border-left-color: #fff;transition: all 0.3s;}

.MP_insight_list .insight_carousel .navigation .md_play.on .md_btn_stop {display: none;}
.MP_insight_list .insight_carousel .navigation .md_play .md_btn_stop::before,
.MP_insight_list .insight_carousel .navigation .md_play .md_btn_stop::after {content: "";position: absolute;top: 8px;width: 2px;height: 11px;background-color: #fff;transition: all 0.3s;}
.MP_insight_list .insight_carousel .navigation .md_play .md_btn_stop::before {left: 9px;}
.MP_insight_list .insight_carousel .navigation .md_play .md_btn_stop::after {left: 14px;}

.MP_insight_list .ban_bnr a::before { content: ''; display: inline-block; width: 32px; height: 32px; background-image: url('https://image.samsungsds.com/kr/insights/banner_icon_01.png?queryString=20241210125943'); background-position: center; background-repeat: no-repeat; margin-right: 10px; }

/* featured_v2 */
.MP_insight_list .insight_carousel .li.featured_v2 { height: 670px; }
.MP_insight_list .insight_carousel .li.featured_v2 .visual_img:after { display: none; }
.MP_insight_list .insight_carousel .li.featured_v2 .txt_cont { justify-content: space-between; padding: 130px 190px 0; }
.MP_insight_list .insight_carousel .li.featured_v2 .txt_box { position: absolute; inset: 0; color: #fff; padding: 50px 40px 0; z-index: 2; }
.MP_insight_list .insight_carousel .li.featured_v2 .txt_box.black{color: #000;}
.MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .in_txt { position: initial; display: block; width: initial; line-height: 1.4; text-align: left; word-break: keep-all; color: #fff; }
.MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .txt_box.black .in_txt{color: #000;}
.MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .md_cate { font-size: 14px; }
.MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .md_tit { height: 73px; font-size: 26px; letter-spacing: -0.075rem; margin-top: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
html[lang="en"] .MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .md_tit { height: auto; -webkit-line-clamp: 5; }
.MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .md_name { font-size: 18px; margin-top: 27px; }
.MP_insight_list .insight_carousel .li.featured_v2 .md_thumb { flex: 0 1 40%; width: auto; max-width: 386px; min-height: auto; margin-right: auto; background: none; z-index: 2; }
.MP_insight_list .insight_carousel .li.featured_v2 .md_thumb::after { content: ''; display: block; padding-bottom: 139.89637305699483%; }
.MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .img_box { position: absolute; inset: 0; width: auto; padding: 0; margin: 0; }
.MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .img_box .img { width: 100%; height: 100%; border-radius: 8px 8px 0 0; overflow: hidden; }
.MP_insight_list .insight_carousel .li.featured_v2 .txt_cont .txt { flex: 0 1 55%; max-width: 610px; color: #000; line-height: 1.56; margin-left: 0; padding-bottom: 90px; }
.MP_insight_list .insight_carousel .li.featured_v2 .txt .tit_b { color: inherit; letter-spacing: -0.075rem; }
.MP_insight_list .insight_carousel .arrow-nav.black { width: 30px; height: 50px; }
.MP_insight_list .insight_carousel .arrow-nav.black::before { top: 12px; width: 26px; height: 26px; }

/* top 5 */
.insight_best {padding:100px 0 100px;background:url('https://image.samsungsds.com/module_src/images/data/img_insight_top_bg01.jpg?queryString=20241210125943') no-repeat center bottom;}
.insight_best .tit_b {margin-bottom:40px;}
.insight_best .best_list {position:relative;}
.insight_best .left_cont {max-width:720px;width:55%;counter-reset:item;}
.insight_best .left_cont .item {position:relative;padding:20px 0;display:flex;align-items:center;background-position:bottom;background-repeat:repeat-x;background-size: 10px 1px;background-image: linear-gradient(to right, #9D9D9D 50%, transparent 0%);}
.insight_best .left_cont .item::before {font-size:24px;line-height:36px;font-weight:bold;color:#404040;margin-right:20px;content: counter(item);counter-increment: item;}
.insight_best .left_cont .item:first-child {padding-top:0;}
.insight_best .left_cont .item:last-child {padding-bottom:0;background:none;}
.insight_best .left_cont .item .img {margin-right:20px;width:150px;height:100px;}
.insight_best .left_cont .item .img .md_link {display:block;width:100%;height:100%;overflow:hidden;background:no-repeat center;background-size:cover; }
.MP_insight_list .list_wrap .item .img .md_link::before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 56.346%; }
.insight_best .left_cont .item .img .md_link:focus {outline:auto;}
.insight_best .left_cont .item .md_txt {width:calc(100% - 210px);max-width:450px;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}

.insight_best .right_cont {position: absolute;max-width:587px;right:30px;bottom:0;width:45%;height:100%;}
.insight_best .right_cont .bg {position:absolute;left:0;bottom:-30px;background:url('https://image.samsungsds.com/module_src/images/data/img_insight_top_bg02.png?queryString=20241210125943') no-repeat center;background-size:100%;width:100%;height:18.8%;z-index: 0;}
.insight_best .right_cont .item {position: absolute;width:81.5%;bottom:8%;height:auto;left:15%;background:url('https://image.samsungsds.com/module_src/images/data/img_insight_book_bg.png?queryString=20241210125943') no-repeat center;background-size:cover;}
.insight_best .right_cont .item .md_link:before {content:'';display: block;width: 100%;height: 0;padding-bottom:126.346%;}
.insight_best .right_cont .item .md_link {position:relative;top:0;left:0;text-align:center;display:block;width:100%;height:100%;overflow:hidden;background:no-repeat center;background-size:cover; }
.insight_best .right_cont .item .md_link:hover,
.insight_best .right_cont .item .md_link:focus {color:inherit;}
.insight_best .right_cont .item .md_link:focus {outline:auto;}
.insight_best .right_cont .item .md_link:hover .md_tit,
.insight_best .right_cont .item .md_link:focus .md_tit {color:#2189ff;}
.insight_best .right_cont .item .md_link::after {position:absolute;left:50%;transform:translateX(-50%);top:2.5%;width:13%;height:10%;max-width:58px;max-height:58px;background:url('https://image.samsungsds.com/module_src/images/data/img_insight_best_label.svg?queryString=20241210125943') center/100% no-repeat;content:"";z-index:2;}
.insight_best .right_cont .item .img_box {position:absolute;left:0;right:0;bottom:9%;width:73%;margin:0 auto;overflow:hidden;}
.insight_best .right_cont .item .img_box::before {content:'';display: block;width: 100%;height: 0;padding-bottom:66%;}
.insight_best .right_cont .item .img_box .img {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;}
.insight_best .right_cont .item .in_txt {position:absolute;left:0;right:0;width:73%;max-width:350px;margin:0 auto;text-align:center;}
.insight_best .right_cont .item .md_tit {display:block;top:21%;font-size:22px;line-height:32px;transition:color .3s;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.insight_best .right_cont .item .md_name {top:43%;font-size:16px;line-height:28px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* insight_sch */
.insight_sch {padding:30px 0;top:0;position:relative;background:#222;transition: 0.2s;z-index:3;}
.insight_sch.fixed {position:fixed;top:112px;left:0;width:100%;z-index:10;}
.sc_down .insight_sch.fixed {top:51px;}
.insight_sch .inner_sch_form {display:flex;align-items:center;height:auto;}
.insight_sch .inner_sch_form .md_tit {font-size:24px;line-height:24px;color:#fff;font-weight:normal;}
.insight_sch .inner_sch_form .sch_box {max-width:640px;margin-left:130px;}
.insight_sch .sch_box.on .sch_ip .toggle_btn {display:none;}
.insight_sch .sch_box .sch_ip .toggle_btn {width:40px;height:40px;right:0;background:#909090;transition:background-color .3s;}
.insight_sch .sch_box .sch_ip .toggle_btn.act {background:#2189FF;}
.insight_sch .toggle_btn:after {position:absolute;right:11px;top:16px;width:17px;height:17px;transform:rotate(315deg);border:solid #fff;border-width:2px 2px 0 0;box-sizing:border-box;content:"";transition:all 0.4s;}
.insight_sch .toggle_btn.act:after {top:8px;transform:rotate(135deg);}
.insight_sch .inner_sch_form .sch_box .sch_ip {border-bottom:0;height:inherit;background:#fff;}
.insight_sch .inner_sch_form .sch_box .sch_ip > input[type=text] {padding-left:18px;height:40px;font-size:16px; border-bottom: 0;}
.insight_sch .inner_sch_form .sch_box:not(.on) .sch_ip > input[type=text] {padding-right:130px;}
.insight_sch .sch_box .sch_ip button.btn_sch_ip {top:5px;}
.insight_sch .sch_box:not(.on) .sch_ip button.btn_sch_ip {right:60px;}
.insight_sch .inner_sch_quick {top:4px;}

.insight_sch .category_wrap {display:block;padding-top:30px;margin-top:30px;border-top:1px solid #666;}
/**20220826 모바일일때 검색 카테고리 컨텐츠 업상태 */
.insight_sch .category_wrap.act { display: none; }
.insight_sch .category_wrap .md_tit {margin-right:30px;color:#fff;}
.insight_sch .category_wrap .category_inner {display:flex;}
.insight_sch .category_wrap .category_inner .list {display:flex;flex-wrap:wrap;justify-content:left;margin:-5px auto;}
.insight_sch .category_wrap .category_item {margin:5px 5px;}
.insight_sch .category_wrap .category_item a {display:block;padding:0 14px;height:32px;font-size:14px;line-height:30px;color:#E1E1E1;background:#404040;transition:.3s;}
.insight_sch .category_wrap .category_item a:hover {color:#fff;background:#0098c2;}
.insight_sch .category_wrap .category_item.on a {color:#fff;background:#2189FF;}

/* list_wrap */
.MP_insight_list .list_wrap {margin:60px 0 160px;}
.MP_insight_list .list_wrap .sub_title.all {margin-bottom:35px;line-height:35px;vertical-align:middle;}
.MP_insight_list .list_wrap .num_box {display:inline-block;height:35px;margin-left:10px;padding:0 20px;background-color:#888;border-radius:35px;font-size:14px;color:#fff;line-height:35px;vertical-align:top;font-weight:normal;}
.MP_insight_list .list_wrap .num_box .num { display: inline-block;font-weight:bold;}
.MP_insight_list .list_wrap .cont_list { display:flex; flex-wrap:wrap; }
.MP_insight_list .list_wrap .item { position: relative; display: flex; width: 100%; margin-top: 40px; }
.MP_insight_list .list_wrap .item .img { width: 100%; max-width: 310px; height: 100%; max-height: 174px; }
.MP_insight_list .list_wrap .item .img .md_link {display:block;width:100%;height:100%;overflow:hidden;background:no-repeat center;background-size:cover; }
.MP_insight_list .list_wrap .item .img .md_link:focus {outline:auto;}
.MP_insight_list .list_wrap .item .txt { width: 100%; margin-left: 15px; }
.MP_insight_list .list_wrap .item .txt .eyebrow {margin-bottom:10px; position:relative; display:inline-block;}
.MP_insight_list .list_wrap .item .txt .eyebrow .cate,
.MP_insight_list .list_wrap .item .txt .eyebrow .date {position:relative;display:inline-block;vertical-align:top;font-size:14px;line-height:24px;color:#888;}
.MP_insight_list .list_wrap .item .txt .eyebrow .date::before {display:inline-block;width:1px;height:10px;margin:0 10px;background:#888;content:'';}

.MP_insight_list .list_wrap .item .txt .md_tit {display:block;margin-bottom:10px;}
.MP_insight_list .list_wrap .item .txt .md_tit a {display:block;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.MP_insight_list .list_wrap .item .txt .md_txt {-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.MP_insight_list .list_wrap .item .txt .md_btn { display: flex; align-items: center; position: absolute; bottom: 0; margin: 0; }
.MP_insight_list .list_wrap .item .txt .md_btn .btn_normal {font-size:15px;color:#2189FF;letter-spacing: 0.1em; text-transform: uppercase; display: inline; vertical-align: top;}
.MP_insight_list .list_wrap .item .txt .md_btn .btn_normal::before {display:inline-block;width:1px;height:15px;margin:0 10px;vertical-align:middle;margin-top:-3px;background:#2189FF;content:'';}
.MP_insight_list .list_wrap .item .txt .md_btn .btn_normal:first-child::before {display:none;}
.MP_insight_list .list_wrap .btn_more {margin-top:60px;}
.MP_insight_list .list_wrap .btn_more a {margin-top:0;}
.MP_insight_list .list_wrap .grp_conts_filter {margin-top: -2.5rem;}
.MP_insight_list .list_wrap .grp_conts_filter ~ .cont_list {margin-top: -2.5rem;}
.MP_insight_list .sch_no_result { margin-top: 100px !important; }

@media all and (max-width:1400px){
    .insight_carousel .arrow-prev {left:30px;transform:translateY(-50%);}
    .insight_carousel .arrow-next {right:30px;transform:translateY(-50%);}
    
    /* featured_v2 */
    .MP_insight_list .insight_carousel .li.featured_v2 .txt_cont { padding: 60px 94px; }
    .MP_insight_list .insight_carousel .li.featured_v2 .md_thumb { flex: 0 1 38%; }
    .MP_insight_list .insight_carousel .li.featured_v2 .txt_cont .txt { padding-bottom: 0; }

    .insight_best .right_cont {right:0;}
    .insight_best .right_cont .item .md_tit {font-size:1.4vw;line-height:2.2vw;}
    .insight_best .right_cont .item .md_name {font-size:1.2vw;line-height:2vw;}
    .MP_insight_list .list_wrap .cont_list {margin: -30px 0px 0;}
    .MP_insight_list .list_wrap .item {width:100%;margin: 30px 0px 0;}
    .insight_sch .inner_sch_form .sch_box {max-width:500px;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){

    .MP_insight_list .insight_carousel {height:690px;}
    .MP_insight_list .insight_carousel .li .visual_img:after {height:690px;}
    .MP_insight_list .insight_carousel .li .txt_cont {max-width: 838px; padding: 0 30px;}
    .MP_insight_list .insight_carousel .li .visual_img .img_m {display:block;}
    .MP_insight_list .insight_carousel .navigation { bottom:120px; }
    html[lang="en"] .MP_insight_list .insight_carousel .navigation { bottom:100px; }
    .MP_insight_list .insight_carousel .arrow-nav {display:none !important;}

    /* featured_v2 */
    .MP_insight_list .insight_carousel .li.featured_v2 { height: 690px; }
    .MP_insight_list .insight_carousel .li.featured_v2 .txt_box { padding: 30px 25px 0; }
    .MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .md_cate { font-size: 12px; }
    .MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .md_tit { font-size: 22px; height: 62px; }
    html[lang="en"] .MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .md_tit { height: auto;  }
    .MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .md_name { font-size: 16px; }

    /* insight_best */
    .insight_best {padding:60px 0 100px;background-size:cover;}
    .insight_best .tit_b {margin-bottom:30px;}
    .insight_best .left_cont .item .img {width:90px;height:60px;margin-right:10px;}
    .insight_best .left_cont .item::before {font-size:16px;margin-right:10px;}
    .insight_best .left_cont .item .md_txt {width: calc(100% - 130px);-webkit-line-clamp:2;}
    .insight_best .right_cont {right:0;}
    .insight_best .right_cont .bg {bottom:-55px;}
    .insight_best .right_cont .item {bottom:2%;}
    .insight_best .right_cont .item .md_tit {font-size:12px;line-height:20px;}
    .insight_best .right_cont .item .md_name {font-size:12px;line-height:20px;}
    .insight_sch .inner_sch_form .md_tit {font-size:16px;}
    .insight_sch .inner_sch_form .sch_box {margin-left:30px;}
    
    /* list_wrap */
    .MP_insight_list .list_wrap {margin:50px 0 80px;}
    .MP_insight_list .list_wrap .sub_title.all {text-align:left;margin-bottom:30px;font-size:16px;line-height:34px;vertical-align:middle;}
    .MP_insight_list .list_wrap .num_box {vertical-align:top;}
    .MP_insight_list .list_wrap .item .txt .md_btn .btn_normal { font-size: 14px; letter-spacing: 0; }
    .MP_insight_list .list_wrap .item .txt .md_btn .btn_normal::before {height:10px;}
    .MP_insight_list .list_wrap .item .txt .md_btn button { font-weight: normal; }
    .MP_insight_list .list_wrap .grp_conts_filter {margin-top: -3.1rem;}
    .MP_insight_list .list_wrap .grp_conts_filter ~ .cont_list {margin-top: -1.1rem;}
    .MP_insight_list .sch_no_result { margin-top: 0 !important; }

    /* snsbox */
    .insight_carousel .sns_box { bottom: 25px; }
    .insight_carousel .sns_box ul li:first-child{ margin-bottom: 15px; } 
}

@media all and (max-width:768px){

    .MP_insight_list .insight_carousel .li .visual_img:after {height:100%;min-height:690px;}
    .MP_insight_list .insight_carousel .li .txt_cont {display:block;padding-top:30px;}
    .MP_insight_list .insight_carousel .li .txt_cont .md_thumb {width:200px;min-height:270px;margin:0 auto 15px;text-align:center;}
    .MP_insight_list .insight_carousel .li .md_thumb .in_txt {font-size:10px;line-height:16px;}
    .MP_insight_list .insight_carousel .li .txt_cont .txt {margin:0;width:100%;text-align:center;}
    .MP_insight_list .insight_carousel .li .txt .md_txt {margin-top:10px;}
    .MP_insight_list .insight_carousel .li .txt .tit_b i {-webkit-line-clamp:2;white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}

    .MP_insight_list .insight_carousel .li .txt .md_btn {padding-top:20px;text-align:center;}
    .MP_insight_list .insight_carousel .li .txt .md_btn a {margin-right: 10px;min-width:auto;padding:0 25px;}

    /* featured_v2 */
    .MP_insight_list .insight_carousel .li.featured_v2 { height: 690px; }
    .MP_insight_list .insight_carousel .li.featured_v2 .txt_cont { display: flex; flex-direction: column; justify-content: center; padding: 40px 30px 180px; }
    .MP_insight_list .insight_carousel .li.featured_v2 .txt_cont .md_thumb { display: block; width: 178px; min-height: auto; margin: 0 auto; }
    .MP_insight_list .insight_carousel .li.featured_v2 .txt_cont .txt { max-width: auto; margin: 30px auto 0; }
    .MP_insight_list .insight_carousel .li.featured_v2 .md_thumb { flex: initial; }
    .MP_insight_list .insight_carousel .li.featured_v2 .md_thumb::after { padding-bottom: 129.2134831460674%; }
    .MP_insight_list .insight_carousel .li.featured_v2 .txt_cont .txt { flex: initial; }
    .MP_insight_list .insight_carousel .li.featured_v2 .txt .md_btn a:last-child { display: inline-block; }
    .MP_insight_list .insight_carousel .li.featured_v2 .txt_box { padding: 25px 20px 0; }
    .MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .md_cate { font-size: 11px; }
    .MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .md_tit { height: 73px; -webkit-line-clamp: 3; font-size: 16px; margin-top: 5px; }
    html[lang="en"] .MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .md_tit { height: 72px; }
    .MP_insight_list .insight_carousel .li.featured_v2 .md_thumb .md_name { font-size: 12px; margin-top: 15px; }
    .MP_insight_list .insight_carousel .li .txt .md_btn a { min-width: 195px; }

    /* insight_sch */
    .insight_sch .category_wrap .category_inner {display:block;}
    .insight_sch .category_wrap .md_tit {margin-bottom:20px;}
    .insight_sch .category_wrap .category_inner .list {justify-content: left;margin:0;}
    .insight_sch .category_wrap .category_item {margin:5px 3px;}
    .insight_sch .inner_sch_form {display:block;}
    .insight_sch .inner_sch_form .md_tit {margin-bottom:20px;}
    .insight_sch .inner_sch_form .sch_box {max-width:inherit;margin-left:0;}
    .insight_sch .inner_sch_form .sch_box:not(.on) .sch_ip > input[type=text] {height:40px;padding-right: 100px;}
    .insight_sch .sch_box:not(.on) .sch_ip button.btn_sch_ip {top:5px;right:48px;}
    .insight_sch .sch_box .sch_ip .toggle_btn::before {height:20px;left:-15px;}
    .insight_sch .inner_sch_form .sch_box .sch_ip > input[type=text] {height:50px;}
    .insight_sch .sch_box .sch_ip button.btn_sch_ip {top:12px;}

    /* insight_best */
    .insight_best {background:#e1e1e1;}
    .insight_best .right_cont {display:none;}
    .insight_best .left_cont {width:100%;}
    .insight_best .right_cont .bg {left: -40px;bottom:45px;max-width:370px;right: 0;margin:0 auto;height:18%;}

    /* list_wrap */
    .MP_insight_list .list_wrap {margin-left:-10px;margin-right:-10px;}
    .MP_insight_list .list_wrap .cont_list {margin:-30px -10px 0;align-items: flex-start;}
    .MP_insight_list .list_wrap .item { flex-direction: column; height:auto; width:calc(50% - 20px); margin:30px 10px 0; }
    .MP_insight_list .list_wrap .item .img { position:relative; width:100%; max-width: none; margin-bottom:10px; height: 100%; max-height: 205px; }
    .MP_insight_list .list_wrap .item .img .md_link { padding-bottom: 54.42%; min-height: 84px; }
    .MP_insight_list .list_wrap .item .img .md_link::before { display: none; }
    .MP_insight_list .list_wrap .item .txt {margin-left:0;}
    .MP_insight_list .list_wrap .item .txt .eyebrow .date::before {margin:0 5px;}

    html[lang="en"] .MP_insight_list .list_wrap .item .txt .eyebrow .cate, 
    html[lang="en"] .MP_insight_list .list_wrap .item .txt .eyebrow .date,
    html[lang="pt"] .MP_insight_list .list_wrap .item .txt .eyebrow .cate, 
    html[lang="pt"] .MP_insight_list .list_wrap .item .txt .eyebrow .date { display: block; width: 100%; font-size: 12px; line-height: 20px; } 

    html[lang="en"] .MP_insight_list .list_wrap .item .txt .eyebrow .date::before,
    html[lang="pt"] .MP_insight_list .list_wrap .item .txt .eyebrow .date::before { display:none; }

    .MP_insight_list .list_wrap .item .txt .md_tit a {-webkit-line-clamp:2;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}

    html[lang="en"] .insight_carousel .li .txt .md_btn a {margin-right:5px;padding:0 15px;font-size:13px;}
    html[lang="en"] .insight_carousel .li .txt .md_btn a:last-child {margin-right:0;}

    .MP_insight_list .list_wrap .item .txt .md_txt {-webkit-line-clamp:3;}
    .MP_insight_list .list_wrap .item .txt .md_btn { position: relative; margin-top:10px; }
    .MP_insight_list .list_wrap .item .txt .md_btn {margin-top:10px;}
    .MP_insight_list .list_wrap .btn_more .btn_m {max-width:250px;}

    html[lang="en"] .MP_insight_list .list_wrap .item .txt .md_btn .btn_normal,
    html[lang="pt"] .MP_insight_list .list_wrap .item .txt .md_btn .btn_normal { font-size: 12px; }

    html[lang="en"] .MP_insight_list .list_wrap .item .txt .md_btn .btn_normal::before,
    html[lang="pt"] .MP_insight_list .list_wrap .item .txt .md_btn .btn_normal::before { margin: 0 5px; }
}




/*** Page Indicator ***/
.page_indicator {display:none;position:fixed;left:0;top:0;width:85px;height:100%;z-index:6000;outline:none;}
.page_indicator.on {display:table;}
.page_indicator .inner_c {display:table-cell;vertical-align:middle;}
.page_indicator .list {padding:15px 0;background:rgba(255,255,255,0.5);border-radius:0 4px 4px 0;}
.page_indicator .tit {padding-left:12px;color:#000;font-size:14px;font-weight:bold;line-height:20px;}
.page_indicator a {display:block;position:relative;margin:9px 0;padding:3px 0 3px 12px;color:rgba(0,0,0,0.55);font-size:12px;line-height:16px;transition:color 0.4s;}
.page_indicator a:before {position:absolute;left:0;top:11px;width:0;height:2px;background:rgba(0,0,0,0.8);content:"";transition:width 0.4s;}
.page_indicator a:hover, .page_indicator a:focus {color:#000;}
.page_indicator a.on {color:#000;font-weight:bold;}
.page_indicator a.on:before {width:7px;}

.page_indicator02 {display:none;position:fixed;left:0;top:0;width:85px;height:100%;z-index:6000;outline:none;}
.page_indicator02.on {display:table;}
.page_indicator02 .inner_c {display:table-cell;vertical-align:middle;}
.page_indicator02 .tit {padding-left:12px;color:#000;font-size:14px;font-weight:bold;line-height:20px;}
.page_indicator02 a {display:block;position:relative;width:87px;margin:9px 0;padding:3px 0 3px 12px;color:rgba(0,0,0,0.25);font-size:12px;line-height:16px;transition:color 0.4s;}
.page_indicator02 a:before {position:absolute;left:0;top:11px;width:0;height:2px;background:rgba(0,0,0,0.8);content:"";transition:width 0.4s;}
.page_indicator02 a:hover, .page_indicator02 a:focus {color:#000;}
.page_indicator02 a.on {color:#000;}
.page_indicator02 a.on:before {width:7px;}


/*** Floating Action Button ***/
.floating_action {position:fixed;right:0;bottom:50px;width:60px;border-radius:4px 0 0 4px;overflow:hidden;z-index:6000;transition:width ease-out 0.4s;}
.floating_action ul {position:relative;}

/* 210413 | floating 메뉴 추가 */
.floating_action li a{display:flex;align-items:center;position:relative;width:100%;min-width:140px;height:57px;line-height:23px;padding-left:60px;box-sizing:border-box;color:#fff;font-size:14px;font-weight:bold;text-align:left;transition:all 0.4s;outline:none;}
.floating_action li.a1 a {background:#e27306;border-top:1px solid #eb9d51;}
.floating_action li.a2 a {background:#05734e;border-top:1px solid #378f71;}
.floating_action li.a3 a {background:#364FC7;border-top:1px solid #3aa1ec;}
.floating_action li.a4 a {background:#419FD1;border-top:1px solid #899dff;}

.floating_action li.a7 a {background:#2867b2;border-top:1px solid #899dff;}
.floating_action li.a8 a {background:#1d9bf0;border-top:1px solid #3aa1ec;}
.floating_action li.a9 a {background:#1877F2;border-top:1px solid #1877F2;}
.floating_action li.a10 a {background:#1C345B;border-top:1px solid #1C345B;}
.floating_action li.a11 a {background:#1428A0;border-top:1px solid #1428A0;}

.floating_action li:first-child a {height:56px;border-top:0;}
.floating_action li.a1 a:hover, 
.floating_action li.a1 a:focus {background:#d36100;}
.floating_action li.a2 a:hover, 
.floating_action li.a2 a:focus {background:#035439;}
.floating_action li.a3 a:hover, 
.floating_action li.a3 a:focus {background:#2339A4;}
.floating_action li.a4 a:hover, 
.floating_action li.a4 a:focus {background:#24729B;}
.floating_action li.a7 a:hover, 
.floating_action li.a7 a:focus {background:#20528f;}
.floating_action li.a8 a:hover, 
.floating_action li.a8 a:focus {background:#0479ba;}
.floating_action li.a9 a:hover, 
.floating_action li.a9 a:focus {background:#1061cd;}
.floating_action li.a10 a:hover, 
.floating_action li.a10 a:focus {background:#142440;}
.floating_action li.a11 a:hover, 
.floating_action li.a11 a:focus {background:#102181;}

.floating_action li a:before {position:absolute;left:0;top:0;width:60px;height:56px;content:"";transform:scale(0.8);}
.floating_action li a.b1:before {background:url(https://image.samsungsds.com/module_src/images/default/btn_fab_contact.svg?queryString=20241210125943) center/100% no-repeat;}
.floating_action li a.b2:before {background:url(https://image.samsungsds.com/module_src/images/default/btn_fab_try.svg?queryString=20241210125943) center/100% no-repeat;}
.floating_action li a.b3:before {background:url(https://image.samsungsds.com/module_src/images/default/btn_fab_logistic2.svg?queryString=20241210125943) center/100% no-repeat;}
.floating_action li a.b4:before {background:url(https://image.samsungsds.com/module_src/images/default/btn_fab_security.svg?queryString=20241210125943) center/100% no-repeat;}
.floating_action li a.b5:before {background:url(https://image.samsungsds.com/module_src/images/default/btn_fab_cloud2.svg?queryString=20241210125943) center/100% no-repeat;}
.floating_action li a.b6:before {background:url(https://image.samsungsds.com/module_src/images/default/btn_fab_cube.svg?queryString=20241210125943) center/100% no-repeat;}

.floating_action li a.b7:before {background:url(https://image.samsungsds.com/module_src/images/default/icon_linkedIn.svg?queryString=20241210125943) center/100% no-repeat;}
.floating_action li a.b8:before {background:url(https://image.samsungsds.com/module_src/images/default/icon_twitter.svg?queryString=20241210125943) center/100% no-repeat;}
.floating_action li a.b9:before {background:url(https://image.samsungsds.com/module_src/images/default/icon_facebook.svg?queryString=20241210125943) center/100% no-repeat;}
.floating_action li a.b10:before {background:url(https://image.samsungsds.com/module_src/images/default/icon_blog.svg?queryString=20241210125943) center/100% no-repeat;}
.floating_action li a.b11:before {background:url('https://image.samsungsds.com/module_src/images/default/icon_ZTM.svg?queryString=20241210125943') center/100% no-repeat;}

/* 한나 - 메인 개편 추가 */
.float-section.renew { display: block; position: fixed; right: 0; bottom: 47px; z-index: 6000; transition: width ease-out 0.4s; }
.float-section.renew .floating_action {  position: relative; right: unset; bottom: unset;  overflow: visible; }
.float-section.renew { display: block; }
.float-section.renew.act { position: absolute; bottom: 466px; overflow: hidden; }

.renew .floating_action {width:56px;border-radius:0;}
.renew .floating_action ul {width:56px;transition:width ease-out 0.4s;}
.renew .floating_action.on ul {width:148px;}
.renew .floating_action li a {min-width:148px;padding-left:56px;font-size:16px;background:#222;}
.renew .floating_action li a:before {width:56px;transform:scale(0.57);}
.floating_action li a.icon_try:before {background:url(https://image.samsungsds.com/module_src/images/default/icon_floating_try.svg?queryString=20241210125943) center/100% no-repeat;}
.floating_action li a.icon_inquiry:before {background:url(https://image.samsungsds.com/module_src/images/default/icon_floating_inquiry.svg?queryString=20241210125943) center/100% no-repeat;}
.floating_action li a.icon_digital:before {background:url(https://image.samsungsds.com/module_src/images/default/icon_floating_digital.svg?queryString=20241210125943) center/100% no-repeat;}
.floating_action li a.icon_cloud:before {background:url(https://image.samsungsds.com/module_src/images/default/icon_floating_cloud.svg?queryString=20241210125943) center/100% no-repeat;}
.floating_action li a.btn_top { background-color: #999; }
.floating_action li a.btn_top:before {background:url(https://image.samsungsds.com/module_src/images/icon/top_icon.png?queryString=20241210125943) center/100% no-repeat; width: 23px; left: 17px; transform: scale(1); }

.floating_action.act {position:absolute;}
.floating_action.on {width:140px;}






/*** tail_wrap ***/
.tail_wrap {overflow:hidden;}
.tail_wrap .inner {display:table;position:relative;width:100%;max-width:1920px;height:70px;padding:0;background:#eee;border-bottom:1px solid #ddd;box-sizing:border-box;}
.tail_wrap .box {display:table-cell;position:relative;width:100%;padding:5px 28% 5px 40px;box-sizing:border-box;color:#000;font-size:16px;line-height:26px;vertical-align:middle;}
.tail_wrap .box .txt {display:inline;margin-right:30px;vertical-align:top;}
.tail_wrap .box .btn_s {display:inline-block;vertical-align:top;}
.tail_wrap .see_later {display:block;position:absolute;right:80px;top:23px;line-height:22px;}
.tail_wrap .see_later input[type=checkbox] {position:absolute;left:0;top:2px;width:16px;height:16px;outline:none;}
.tail_wrap .see_later input[type=checkbox] + label {position:relative;padding-left:24px;font-size:14px;font-weight:normal;line-height:24px;vertical-align:top;transition:color 0.4s;}
.tail_wrap .see_later input[type=checkbox] + label:after {display:block;position:absolute;left:0;top:5px;width:16px;height:16px;margin:0;background:#fff;border:1px solid #a5a5a5;outline:none;transition:all 0.4s;content:"";}
.tail_wrap .see_later input[type=checkbox] + label:hover {color:#0098c2;}
.tail_wrap .see_later input[type=checkbox] + label:hover:after {border-color:#0098c2;}
.tail_wrap .see_later input[type=checkbox]:focus + label:after {border-color:#0098c2;}
.tail_wrap .see_later input[type=checkbox]:checked + label:after {background:#0098c2 url(https://image.samsungsds.com/module_src/images/icon/ico_chk_tree.svg?queryString=20241210125943) center/100% no-repeat;border-color:#0098c2;}
.tail_wrap .see_later input[type=checkbox]:disabled + label:after {background:#f5f5f5 !important;border-color:#ddd !important;}
.tail_wrap .btn_close {display:block;position:absolute;right:29px;top:16px;width:40px;height:40px;overflow:hidden;}
.tail_wrap .btn_close i {display:block;position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;transform:rotate(45deg);transition:transform 0.4s;outline:none;}
.tail_wrap .btn_close i:before {position:absolute;left:50%;top:0;width:2px;height:100%;margin-left:-1px;background:#000;content:"";}
.tail_wrap .btn_close i:after {position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background:#000;content:"";}
.tail_wrap .btn_close:hover i, .tail_wrap .btn_close:focus i {transform:rotate(225deg);}

/** -PC UI- **/
@media all and (min-width:1921px){
    .floating_action {right:calc(50% - 960px)}
    .float-section.renew {right:calc(50% - 960px)}
    .page_indicator,
    .page_indicator02 {left:calc(50% - 960px);}
}

@media all and (min-width:1025px){
    .tail_wrap {display:block;position:relative;height:70px;transition:height 0.4s;z-index:7001;}
    .hid_s .tail_wrap .see_later {right:97px;}
    .hid_s .tail_wrap .btn_close {right:46px;}

    /* M01_A_cont */
    .tail_chk .M01_A_cont,
    .tail_chk .M01_A_cont .caroufredsel_wrapper,
    .tail_chk .M01_A_cont .li,
    .tail_chk .M01_A_cont .li .img {height:calc(100vh - 70px) !important;}
}

@media all and (max-width:1199px){
    .float-section.renew .floating_action.on { width: 56px; }
    .float-section.renew.act { bottom: 740px; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .page_indicator,
    .page_indicator.on {display:none;}
    .page_indicator02,
    .page_indicator02.on {display:none;}

    .floating_action {bottom:40px;width:48px;}
    .floating_action.on {width:48px;}
    .floating_action li a,
    .floating_action li:first-child a {height:44px;}
    .floating_action li a:before {width:48px;height:44px;transform:scale(0.9);}
    .tail_wrap {display:block;position:fixed;left:0;bottom:0;width:100%;height:auto;z-index:6999;}
    .tail_wrap .box {padding:55px 30px 40px 30px;font-size:14px;line-height:22px;}
    .tail_wrap .box .txt {display:block;margin-right:0;}
    .tail_wrap .box .btn_s {display:block;margin-top:10px;;}
    .tail_wrap .see_later {right:46px;top:12px;}
    .tail_wrap .see_later input[type=checkbox] + label {font-size:12px;}
    .tail_wrap .btn_close {position:absolute;right:5px;top:4px;}
    .hid_s .tail_wrap .inner {padding-right:17px;}
    .hid_sm .tail_wrap .inner {padding-right:0;}
}






/*** MP_promotion ***/
/*** Resources ***/
.MP_resource * + .keyword_search {margin-top:20px;overflow:hidden;}
.MP_resource .inner_sch_form + .keyword_search {margin-top:0;}
.MP_resource .grp_inquiry_ask + .keyword_search {margin-top: 62px;}

/* filterContainer */
.filterContainer {position:relative;margin-top:62px;border-top:2px solid #000;}
.filterContainer:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.filterContainer .left {float:left;width:224px;}
.filterContainer .right {float:right;width:calc(100% - 224px - 8.6%);}
.filterContainer .filter_content {width:100%;}
.filterContainer .filter_content .link_comm {display: inline-block;vertical-align: top;} 
.filterContainer .filter_content.type_full li {padding-right: 0;}

/* resource_tab */
.resource_tab {position:relative;margin-top:10px;}
.resource_tab .list {position:relative;border-bottom:1px solid #ddd;overflow:hidden;transition:all 0.4s;}
.resource_tab .list .btn {display:table;position:relative;width:100%;padding:0;font-size:20px;font-weight:bold;line-height:28px;text-align:left;transition:color 0.4s;outline:none;}
.resource_tab .list .btn span {display:table-cell;position:relative;height:64px;padding:5px 30px 5px 2px;box-sizing:border-box;vertical-align:middle;}
.resource_tab .list .btn:after {position:absolute;right:6px;top:50%;width:8px;height:8px;margin-top:-5px;border:solid #000;border-width:2px 2px 0 0;box-sizing:border-box;transform:rotate(135deg);content:"";transition:all 0.4s;}
.resource_tab .list .btn:hover,
.resource_tab .list .btn:focus {color:#1C7EEE;padding:0;}
.resource_tab .list .btn:active {padding:0;}
.resource_tab .list .btn:hover:after,
.resource_tab .list .btn:focus:after {filter:invert(45%) sepia(69%) saturate(696%) hue-rotate(155deg) brightness(92%) contrast(94%);}
.resource_tab .list .view {display:none;position:relative;padding:10px 0 20px 20px;box-sizing:border-box;overflow:hidden;animation:fade both 0.6s;}
.resource_tab .list .view .scrollbar-inner {max-height:410px;}
.resource_tab .list .view .scrollbar-inner > .scroll-element.scroll-y {right:4px;}
.resource_tab .list .view .scroll-content {padding-right:10px;}
.resource_tab .list .view .tit {display:none;}
.resource_tab .list .view .btn_tab_close {display:none;}
.resource_tab .list.on .btn:after {margin-top:-2px;transform:rotate(-45deg);}
.resource_tab .list.on .view {display:block;}
.resource_tab:after {display:block;clear:both;height:0;content:"";}

/* chk_tree */
.chk_tree {position:relative;margin-top:-2px;}
.chk_tree .dep {position:relative;margin-top:8px;padding-left:26px;}
.chk_tree .li > .dep {padding-bottom:10px;}
.chk_tree .dep:first-child {margin-top:0;}
.chk_tree .li {margin-top:8px;overflow:hidden;}
.chk_tree .li:first-child {margin-top:0;}
.chk_tree .li li {margin-top:8px;}
.chk_tree .li li:first-child {margin-top:0;}
.chk_tree .li div {position:relative;min-height:17px;line-height:20px;}
.chk_tree .chk_tree_all {padding-bottom:10px;}
.chk_tree input[type=checkbox] {position:absolute;left:0;top:2px;width:16px;height:16px;outline:none;}
.chk_tree input[type=checkbox] + label {position:relative;display:block;padding-left:26px;font-size:12px;font-weight:normal;line-height:20px;vertical-align:top;transition:color 0.4s;}
.chk_tree input[type=checkbox] + label .icon {display:block;position:absolute;left:0;top:3px;width:16px;height:16px;margin:0;background:#fff;border:1px solid #a5a5a5;outline:none;transition:all 0.4s;}
.chk_tree input[type=checkbox] + label:hover {color:#1C7EEE;}
.chk_tree input[type=checkbox] + label:hover .icon {border-color:#1C7EEE;}
.chk_tree input[type=checkbox]:focus + label {color:#1C7EEE;}
.chk_tree input[type=checkbox]:focus + label .icon {border-color:#1C7EEE;}
.chk_tree input[type=checkbox]:checked + label .icon {background:#1C7EEE url(https://image.samsungsds.com/module_src/images/icon/ico_chk_tree.svg?queryString=20241210125943) center/100% no-repeat;border-color:#1C7EEE;}
.chk_tree input[type=checkbox]:disabled + label .icon {background:#f5f5f5 !important;border-color:#ddd !important;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .MP_resource * + .keyword_search {margin-top:65px;}
    .MP_resource * + .grp_inquiry_ask {margin-top: 65px;}
    /* .MP_resource *//* 코드가 잘려있기 때문에 주석 처리 */
    .MP_resource .grp_inquiry_ask + .keyword_search {margin-top: 50px;}

    /* filterContainer */
    .filterContainer {margin-top:50px;border-top:0;}
    .filterContainer .left,
    .filterContainer .right {float:none;width:100%;}
    .filterContainer .filter_content li:first-child {border-top:2px solid #000;}
    .filterContainer .right {padding-bottom:75px;}
    .filterContainer .right .btn_more {margin-bottom:-75px;}

    /* resource_tab */
    .resource_tab {margin-top:0;}
    .resource_tab .list {float:left;margin-left:20px;border-bottom:0;font-size:0;}
    .resource_tab .list:first-child {margin-left:0;}
    .resource_tab .list .btn {font-size:14px;line-height:22px;}
    .resource_tab .list .btn span {height:40px;padding:0 20px 0 1px;}
    .resource_tab .list .btn:after {position:absolute;right:-2px;top:50%;width:16px;height:16px;margin-top:-10px;border-width:3px 3px 0 0;transform:rotate(135deg) scale(0.5);}
    .resource_tab .list .view {position:fixed;left:0;top:0;width:100%;height:100%;padding:0;background:#fff;z-index:10010;animation:fade both 0.1s;}
    .resource_tab .list .view .tit {position:relative;display:block;height:51px;padding:0 20px;border-bottom:1px solid #ddd;box-sizing:border-box;font-size:18px;font-weight:bold;line-height:50px;outline:none;}
    .resource_tab .list .view .tit:focus {color:#1C7EEE;}
    .resource_tab .list .view .chk_tree {padding:20px 30px 30px 20px;}
    .resource_tab .list .view .scrollbar-inner {max-height:calc(100vh - 51px);}
    .resource_tab .list .view .btn_tab_close {display:block;position:absolute;right:15px;top:15px;width:20px;height:20px;transform:rotate(45deg);overflow:hidden;transition:transform 0.4s;outline:none;}
    .resource_tab .list .view .btn_tab_close:before {position:absolute;left:50%;top:0;width:2px;height:100%;margin-left:-1px;background:#000;content:"";}
    .resource_tab .list .view .btn_tab_close:after {position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background:#000;content:"";}
    .resource_tab .list .view .btn_tab_close:hover, .resource_tab .list .view .btn_tab_close:focus {transform:rotate(225deg);}
    .resource_tab .list .view .btn_tab_close:focus:before,
    .resource_tab .list .view .btn_tab_close:focus:after {background-color:#1C7EEE;}
    .resource_tab .list.on .btn:after {margin-top:-7px;transform:rotate(-45deg) scale(0.5);}

    /* chk_tree */
    .chk_tree input[type=checkbox] + label {font-size:14px;line-height:22px;}
    .chk_tree input[type=checkbox] + label .icon {top:4px;}
}






/*** MP_promotion ***/
.MP_video_list {padding-top:0;}
.cont.MP_video_list {padding:0;}

/** video_carousel **/
.video_carousel { position: relative; overflow: hidden; }
.video_carousel .caroufredsel_wrapper { cursor: auto !important; }
.video_carousel .carousel::before { content: "";  position: absolute; display: block; width: 100%; height: 0; z-index: 1; height: 100%; background: rgba(0, 0, 0, 0.55); }
.video_carousel .li { position: relative; cursor: default; } 

.video_carousel .li .visual_img { overflow: hidden; background-color: #f5f5f5; }
.video_carousel .li .visual_img::before { content: ""; display: block; width: 100%; height: 0%; padding-bottom: 34.896%; z-index: 1; }
.video_carousel .li .visual_img .img_p, .video_carousel .li .visual_img .img_m { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video_carousel .li .visual_img .img_p { height: 100%; background-size: 100% !important; max-height: 670px; }


.video_carousel .li .visual_img .img_m { display: none; }
.video_carousel .li .txt_cont {position:absolute;top:50%;left:0;right:0;max-width:1504px;margin:0 auto;width:100%;transform: translate(0%, -50%);align-items:center;justify-content:center;padding:62px 10% 60px 10%;color:#fff;z-index:2;}

.video_carousel .li .txt_cont .tit_b {display:block;text-align:center;color:#fff;font-weight:bold;}
.video_carousel .li .txt_cont .tit_b i { display: block; white-space: nowrap; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.video_carousel .li .txt_cont .md_btn {padding-top:60px;overflow:hidden;text-align:center;}
.video_carousel .li .txt_cont .md_btn a {margin-right: 20px;}
.video_carousel .li .txt_cont .md_btn a:last-child {margin-right:0;}

/* Active */
.video_carousel .li.active .txt_cont .tit_b i {animation:txtTop both 0.4s 0.75s;}
.video_carousel .li.active .txt_cont .tit_b span {animation-delay:0.2s;}
.video_carousel .li.active .txt_cont .tit_b span:nth-child(1) i {animation-delay:0.2s;}
.video_carousel .li.active .txt_cont .tit_b span:nth-child(2) i {animation-delay:0.4s;}
.video_carousel .li.active .txt_cont .md_btn {animation:fade both 0.6s 1s;}

/* navigation */
.video_carousel .navigation {display:flex;position:absolute;bottom:60px;width:auto;z-index:3;left:50%;transform: translateX(-50%);}
.video_carousel .navigation .md_pagn {margin-right:10px;line-height:25px;}
.video_carousel .navigation .md_pagn a {display:inline-block;width:10px;height:10px;margin: 0 0 0 10px;color: transparent;border: 1px solid #fff;background: transparent;opacity: 1;font-size: 1px;line-height: 1px;overflow:hidden;position:relative;border-radius:10px;}
.video_carousel .navigation .md_pagn a.selected {background:#fff;}
.video_carousel .navigation .md_pagn a span {position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip: rect(0px 0px 0px 0px);border:0;}
.video_carousel .arrow-nav {position:absolute;top:50%;width:30px;height:56px;z-index:2;}
.video_carousel .arrow-prev {left:50%;transform:translateY(-50%) translateX(-659px);}
.video_carousel .arrow-next {right:50%;transform:translateY(-50%) translateX(659px);}
.video_carousel .arrow-nav::before {position: absolute;top:9px;width:39px;height:39px;border-top:2px solid #fff;border-left:2px solid #fff;transition:border-color 0.3s;opacity:1;content:'';}
.video_carousel .arrow-nav:hover::before {border-color:#2189ff;}
.video_carousel .arrow-prev::before{left:9px;transform: rotate(-45deg);}
.video_carousel .arrow-next::before{right:9px;transform: rotate(135deg);}

.video_carousel .navigation .md_play a {display:block;position:relative;width:25px;height:25px;overflow:hidden;outline:none;}
.video_carousel .navigation .md_play .md_btn_play {display: none;}
.video_carousel .navigation .md_play.on .md_btn_play {display: block;}
.video_carousel .navigation .md_play .md_btn_play::before {content: "";position: absolute;left: 50%;top: 50%;width: 0;height: 0;margin-top: -6px;margin-left: -4px;border-width: 6px 0 6px 9px;border-style: solid;border-color: transparent;border-left-color: #fff;transition: all 0.3s;}
.video_carousel .navigation .md_play .md_btn_play:hover::before,
.video_carousel .navigation .md_play .md_btn_play:focus::before { border-left-color: #2189FF; }

.video_carousel .navigation .md_play.on .md_btn_stop {display: none;}
.video_carousel .navigation .md_play .md_btn_stop::before,
.video_carousel .navigation .md_play .md_btn_stop::after {content: "";position: absolute;top: 8px;width: 2px;height: 11px;background-color: #fff;transition: all 0.3s;}
.video_carousel .navigation .md_play .md_btn_stop::before {left: 9px;}
.video_carousel .navigation .md_play .md_btn_stop::after {left: 14px;}
.video_carousel .navigation .md_play .md_btn_stop:hover::before,
.video_carousel .navigation .md_play .md_btn_stop:focus::before,
.video_carousel .navigation .md_play .md_btn_stop:hover::after,
.video_carousel .navigation .md_play .md_btn_stop:focus::after { background-color: #2189FF; }

/* sns_bnr */
.MP_video_list .sns_bnr {text-align:center;padding:8px 0;background:#EEF6FC;}
.MP_video_list .sns_bnr .btn_arrow:before {content:'';display:inline-block;width:40px;height:40px;background:url('https://image.samsungsds.com/module_src/images/data/video_youtube_logo.png?queryString=20241210125943') center no-repeat;vertical-align:top;}
.MP_video_list .sns_bnr .btn_arrow span {margin-left:10px;line-height:40px;vertical-align:top;}

/* cate_sch */
.cate_sch {padding:30px 0;top:0;position:relative;background:#222;transition: 0.2s;}
.cate_sch.fixed {position:fixed;top:112px;left:0;width:100%;z-index:10;}
.sc_down .cate_sch.fixed {top:51px;}
.cate_sch .inner_sch_form {position:relative;display:flex;align-items:center;height:auto;}
.cate_sch .inner_sch_form .md_tit {position:absolute;left:0;top:8px;font-size:24px;line-height:24px;color:#fff;font-weight:normal;}
.cate_sch .inner_sch_form .sch_box {max-width:640px;}
.cate_sch .sch_box.on .sch_ip .toggle_btn {display:none;}
.cate_sch .sch_box .sch_ip .toggle_btn {width:40px;height:40px;right:0;background:#909090;transition:background-color .3s;}
.cate_sch .sch_box .sch_ip .toggle_btn.act {background:#2189FF;}
.cate_sch .toggle_btn:after {position:absolute;right:11px;top:16px;width:17px;height:17px;transform:rotate(315deg);border:solid #fff;border-width:2px 2px 0 0;box-sizing:border-box;content:"";transition:all 0.4s;}
.cate_sch .toggle_btn.act:after {top:8px;transform:rotate(135deg);}
.cate_sch .inner_sch_form .sch_box .sch_ip {border-bottom:0;height:inherit;background:#fff;}
.cate_sch .inner_sch_form .sch_box .sch_ip > input[type=text] {padding-left:18px;height:40px;font-size:16px;}
.cate_sch .inner_sch_form .sch_box:not(.on) .sch_ip > input[type=text] { padding-right:130px; border-bottom: 0; }
.cate_sch .sch_box .sch_ip button.btn_sch_ip {top:5px;}
.cate_sch .sch_box:not(.on) .sch_ip button.btn_sch_ip {right:60px;}
.cate_sch .inner_sch_quick {top:4px;}
.cate_sch .category_wrap {display:block;padding-top:30px;margin-top:30px;border-top:1px solid #666;}
.cate_sch .category_wrap.act { display: none; }

/* 20221103 카테고리 정렬 센터 */
.cate_sch .category_wrap .category_inner { display: flex; justify-content: center; position: relative; }
.cate_sch .category_wrap .md_tit {  margin-right: 30px; color: #fff;  position: absolute; left: 0; }
.cate_sch .category_wrap .category_inner .list {  display: flex; flex-wrap: wrap; justify-content: left; margin: -5px auto; width:100%; max-width: 654px; margin: -5px; }
/* //20221103 카테고리 정렬 센터 */

.cate_sch .category_wrap .category_item {margin:5px 5px;}
.cate_sch .category_wrap .category_item a {display:block;padding:0 14px;height:32px;font-size:14px;line-height:30px;color:#E1E1E1;background:#404040;transition:.3s;}
.cate_sch .category_wrap .category_item a:hover{color:#fff;background:#0098c2;}
.cate_sch .category_wrap .category_item.on a {color:#fff;background:#2189FF;}

.MP_video_list .list_wrap { margin: 30px 0 140px; }
.MP_video_list .list_wrap .grp_conts_filter { margin-bottom: 10px; }
.MP_video_list .list_wrap .cont_list {display:flex;margin:-60px -10px 0;flex-wrap:wrap;}
.MP_video_list .list_wrap .item {position:relative;width:calc(33.3% - 20px);margin:60px 10px 0;}
.MP_video_list .list_wrap .cont_list .img .md_link:before {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:1;}
.MP_video_list .list_wrap .item .img_p {background-size:cover;background-position: center center;background-repeat: no-repeat;}
.MP_video_list .list_wrap .cont_list .img { position: relative; margin-bottom: 20px; overflow: hidden; }
.MP_video_list .list_wrap .cont_list .img:before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 56.346%; }
.MP_video_list .list_wrap .cont_list .img img { width: 100%; }
.MP_video_list .list_wrap .cont_list .img .img_p { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.MP_video_list .list_wrap .cont_list .img .img_m { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.MP_video_list .list_wrap .btn_more {margin-top:100px;}
.MP_video_list .list_wrap .btn_more a {margin-top:0;}

/* big_video_btn */
.MP_video_list .btn_movie {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;content:"";box-sizing:border-box;overflow:hidden;outline:none;transition:all 0.4s;cursor:pointer;z-index:2;}
.MP_video_list .btn_movie i {position:absolute;left:0;top:0;width:100%;height:100%;border: 2px solid #fff;border-radius:50%;}
.MP_video_list .btn_movie:hover i, .MP_video_list .btn_movie:focus i {border-color:#1C7EEE !important;}
.MP_video_list .btn_movie:before {position:absolute;left:0;top:0;width:100%;height:100%;background:#1C7EEE;border-radius:50%;content:"";transition:all 0.3s;z-index:100;}
.MP_video_list .btn_movie:after {position:absolute;left:50%;top:50%;width:0;height:0;border-width: 13px 0 13px 21px;border-style:solid;border-color:transparent;border-left-color:#fff;content:"";transform:translate(-34%,-45%);transition:all 0.4s;z-index:1000;}
.MP_video_list .md_link:hover .btn_movie i, .MP_video_list .md_link:focus .btn_movie i {border-color:#1C7EEE;}
.MP_video_list .md_link:hover .btn_movie:before, .MP_video_list .md_link:focus .btn_movie:before {transform:translateX(0);}
.MP_video_list .md_link:hover .btn_movie:after, .MP_video_list .md_link:focus .btn_movie:after {border-left-color:#fff;}

.MP_video_list .list_wrap .cont_list .img .btn_movie {left:50%;top:50%;width:80px;height:80px;transform:translate(-51%,-52%);z-index:2;}
.MP_video_list .btn_more a {margin-top:20px;}

/* md_inquiry */
.md_inquiry .list {display:flex;flex-wrap:wrap;}
.md_inquiry .list .li {display:block;position:relative;width:50%;padding:80px 40px;background:#fafafa;overflow:hidden;text-align:center;}
.md_inquiry .list .md_tit {display:block;color:#fff;font-size:30px;font-weight: bold;line-height: 42px;}
.md_inquiry .list .md_txt {margin-top:10px;color:#fff;}
.md_inquiry .list .txt {text-align:center;padding:0;}
.md_inquiry .list .txt .md_btn {margin-top:25px;}
.md_inquiry .list .txt .md_btn .btn_ty02:after {opacity:.4;}

/* 20221101 텍스트 추가 */
.MP_video_list .list_wrap .item .txt .eyebrow { margin-bottom: 10px; padding-right: 90px; position: relative; display: inline-block; }
.MP_video_list .list_wrap .item .txt .eyebrow span { position: relative; display: inline-block; vertical-align: top; font-size: 14px; line-height: 24px; color: #888; }
.MP_video_list .list_wrap .item .txt .eyebrow span.date { width: 90px; position: absolute; right: 0; top: 0; }
.MP_video_list .list_wrap .item .txt .eyebrow span.date::before { content: ''; display: inline-block; width: 1px; height: 10px; margin: 0 10px; background: #888; }
.MP_video_list .list_wrap .item .txt .md_tit { display: block; margin-bottom: 10px; font-weight: normal; }
.MP_video_list .list_wrap .item .txt .md_tit a { display: block; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.MP_video_list .list_wrap .item .txt .md_txt { -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.MP_video_list .list_wrap .item .txt .md_btn { margin-top: 20px; }
.MP_video_list .list_wrap .item .txt .md_btn .btn_normal { font-size:15px;color:#2189FF;letter-spacing: 0.1em; text-transform: uppercase; display: inline; vertical-align: top; }
.MP_video_list .list_wrap .item .txt .md_btn .btn_normal::before { content: ''; display: inline-block; width: 1px; height: 15px; margin: 0 10px; vertical-align: middle; margin-top: -3px; background: #2189FF; }
.MP_video_list .list_wrap .item .txt .md_btn .btn_normal:first-child:before { display: none; }
/* //20221101 텍스트 추가 */

.md_inquiry .list .visual_img{position:absolute;left:0;right:0;top:0;bottom:0;background:#f5f5f5;overflow:hidden;}
.md_inquiry .list .visual_img:after {position:absolute;left:0;top:0;width:100%;height:100%;background:#122949;opacity:.7;content:'';}
.md_inquiry .list .visual_img .img_p{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}

.MP_video_list .sch_no_result { margin-top: 100px !important; }

@media all and (max-width: 1300px){
    .video_carousel .arrow-prev {transform:translateY(-50%) translateX(0);left:30px;}
    .video_carousel .arrow-next {transform:translateY(-50%) translateX(0);right:30px;}

    .cate_sch .inner_sch_form .sch_box {max-width:500px;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .cont.MP_video_list .owl-nav { display: block !important; }

    .video_carousel .li .visual_img::before { padding-bottom: 60%; }

    .video_carousel .li .visual_img .img_p { display: none; }
    .video_carousel .li .visual_img .img_m { display: block; }
    .video_carousel .li .txt_cont {max-width: 838px; padding: 0 30px;top:80px;transform:none;}
    .video_carousel .li .txt_cont .md_btn a {display:block;width:40%;margin:0 auto;}
    .video_carousel .li .txt_cont .md_btn a:last-child {margin:10px auto 0;}

    .MP_video_list .navigation {bottom:110px;}
    .MP_video_list .arrow-nav {display:none !important;}

    /* keyword_search */
    .MP_video_list .inner_sch_form {margin-bottom:0;}
    .cate_sch .inner_sch_form .md_tit {position:relative;top:0;font-size:16px;}
    .cate_sch .inner_sch_form .sch_box {margin-left:30px;}

    /* cate_list */
    .MP_video_list .list_wrap .item {width:calc(50% - 20px);}

    /* md_inquiry */
    .md_inquiry .list .li {padding:60px 20px;}
    .md_inquiry .list .md_tit {font-size:24px;line-height:32px;}
    .md_inquiry .list .txt .md_btn {margin-top:20px;}

    /* 20221101 텍스트 추가 */
    .MP_video_list .list_wrap .item .txt .md_btn .btn_normal { font-size: 14px; color: #2189FF; }
    .MP_video_list .list_wrap .item .txt .md_btn .btn_normal::before { height: 10px; }
    /* //20221101 텍스트 추가 */ 

    /* 20221103 카테고리 정렬 센터 */
    .cate_sch .category_wrap .category_inner { justify-content: flex-start; }
    .cate_sch .category_wrap .md_tit { position: relative; margin-right: 70px; }
    /* //20221103 카테고리 정렬 센터 */

    .MP_video_list .sch_no_result { margin-top: 28px !important; }
}

@media all and (max-width:768px){
    .video_carousel .li .visual_img::before { padding-bottom: 100%; }

    /* category_tab */
    .MP_video_list .category_tab {margin-left:0;padding-left:32px;}

    .cate_sch .category_wrap .category_inner {display:block;}
    .cate_sch .category_wrap .md_tit {margin-bottom:20px;}

    /* 20221103 카테고리 정렬 센터 */
    .cate_sch .category_wrap .category_inner .list {  justify-content: left;  max-width: none; margin: -3px -3px; }
    /* //20221103 카테고리 정렬 센터 */

    .cate_sch .category_wrap .category_item {margin:5px 3px;}
    .cate_sch .inner_sch_form {display:block;}
    .cate_sch .inner_sch_form .md_tit {margin-bottom:20px;}
    .cate_sch .inner_sch_form .sch_box {max-width:inherit;margin-left:0;}
    .cate_sch .inner_sch_form .sch_box:not(.on) .sch_ip > input[type=text] {height:40px;padding-right: 100px;}
    .cate_sch .sch_box:not(.on) .sch_ip button.btn_sch_ip {top:5px;right:48px;}
    .cate_sch .sch_box .sch_ip .toggle_btn:before {height:20px;left:-15px;}
    .cate_sch .inner_sch_form .sch_box .sch_ip > input[type=text] {height:50px;}
    .cate_sch .sch_box .sch_ip button.btn_sch_ip {top:12px;}

    /* cate_list */
    .MP_video_list .list_wrap { margin: 30px 0 80px 0; }
    .MP_video_list .list_wrap .btn_more {margin-top:60px;}
    .MP_video_list .list_wrap .cont_list {margin:0;}
    .MP_video_list .list_wrap .item {width:100%;margin: 40px 0 0;}
    .MP_video_list .list_wrap .item .img {margin-bottom:10px;}
    .MP_video_list .list_wrap .item:first-child {margin-top:0;}

    /* video_button */
    .MP_video_list .col_video .video_wrap .btn_movie, 
    .MP_video_list .list_wrap .cont_list .img .btn_movie {width:64px;height:64px;}

    /* md_inquiry */
    .md_inquiry .list .li {width:100%;padding:30px 20px;}
    .md_inquiry .list .txt .md_btn .btn_m {width:60%;margin:0 auto;}

    /* 20221101 텍스트 추가 */
    .MP_video_list .list_wrap .item .txt .eyebrow { padding-right: 80px; }
    .MP_video_list .list_wrap .item .txt .eyebrow span.date { width: 80px; }
    .MP_video_list .list_wrap .item .txt .md_tit a { -webkit-line-clamp: 2; white-space: inherit; }
    .MP_video_list .list_wrap .item .txt .eyebrow span.date::before { margin: 0 5px; }
    .MP_video_list .list_wrap .item .txt .md_txt { -webkit-line-clamp: 3; }
    .MP_video_list .list_wrap .item .txt .md_btn { margin-top: 10px; }
    /* //20221101 텍스트 추가 */
}

@media all and (max-width:500px) {
    .video_carousel .li .visual_img::before { padding-bottom: 160%; }
}




/*** MP_webinar ***/
.MP_webinar_list { padding-top: 0; }
.cont.MP_webinar_list { padding: 0; }
.MP_webinar_list .module_ty .txt { padding: 0; }

/** webinar_carousel **/
.webinar_carousel { position: relative; overflow: hidden; height: 670px; }
.webinar_carousel .li { position: relative; width:100%; cursor: default; float: left; }
.webinar_carousel .carousel:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: 0; }
.webinar_carousel .li .visual_img { overflow: hidden; background-color: #000; }
.webinar_carousel .li .visual_img:after { content: ""; position: relative; display: block; width: 100%; height: 670px; }
.webinar_carousel .li .visual_img:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; z-index: 1; }
.webinar_carousel .li .visual_img .img_p, .webinar_carousel .li .visual_img .img_m { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.webinar_carousel .li .visual_img .img_m { display: none; }

/* 20221110 수정 */
.webinar_carousel .li .txt_cont { width: 100%; max-width: 1120px; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); align-items: center; justify-content: flex-end; color: #000; z-index: 2; }
.webinar_carousel .li .txt_cont article { max-width: 530px; opacity: 0; }
.webinar_carousel .li .txt_cont .tit_b { display: block; line-height: 50px; margin-bottom: 20px; }
.webinar_carousel .li .txt_cont .tit_b i { display: block; white-space: nowrap; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.webinar_carousel .li .txt_cont .d-day { font-size: 18px; font-weight: bold; display: flex; justify-content: center; align-items: center; width: 90px; height: 32px; border-radius: 100px; margin-bottom: 10px; background-color: #ccc; color: #f5f5f5; }
.webinar_carousel .li .txt_cont .d-day.ing { background-color: #2189FF; }
.webinar_carousel .li .txt_cont .d-day.exp { background-color: #3566D8; }
.webinar_carousel .li .txt_cont .d-day.end { background-color: #888; }
.webinar_carousel .li .txt_cont .md_btn { padding-top: 30px; overflow: hidden; }
.webinar_carousel .li .txt_cont .md_txt ol { margin-top: 20px; display: flex; }
.webinar_carousel .li .txt_cont .md_txt ol li { background-position: center; background-repeat: no-repeat; background-position: left center; font-size: 18px; }
.webinar_carousel .li .txt_cont .md_txt ol li.date { margin-right: 10px; }
.webinar_carousel .li .txt_cont .md_btn a { margin-right: 20px; color: #000; }
.webinar_carousel .li .txt_cont .md_btn a::after { border: 1px solid #000; }
.webinar_carousel .li .txt_cont .md_btn a:hover, .webinar_carousel .li .txt_cont .md_btn a:focus { color: #fff; }
.webinar_carousel .li .txt_cont .md_btn a:hover::after, .webinar_carousel .li .txt_cont .md_btn a:focus::after { border-color: #2189ff; }
.webinar_carousel .li .txt_cont .md_btn a:last-child { margin-right: 0; }

/* 슬라이드 white 설정 */
.webinar_carousel .li.white .txt_cont, .webinar_carousel .li.white .txt_cont .tit_b, .webinar_carousel .li.white .txt_cont .md_btn a { color: #fff; }
.webinar_carousel .li.white .txt_cont .md_btn a::after { border: 1px solid #fff; }
.webinar_carousel .li.white .txt_cont .md_btn a:hover::after, .webinar_carousel .li.white .txt_cont .md_btn a:focus::after { border-color: #2189ff; }

/* Active */
.webinar_carousel .li.active .txt_cont article { opacity: 1; }
.webinar_carousel .li.active .txt_cont .d-day { animation: txtTop both 0.4s 0.2s; }
.webinar_carousel .li.active .txt_cont .tit_b i { animation: txtTop both 0.4s 0.75s; }
.webinar_carousel .li.active .txt_cont .tit_b span { animation-delay: 0.2s; }
.webinar_carousel .li.active .txt_cont .tit_b span:nth-child(1) i { animation-delay: 0.2s; }
.webinar_carousel .li.active .txt_cont .tit_b span:nth-child(2) i { animation-delay: 0.4s; }
.webinar_carousel .li.active .txt_cont .md_txt { animation: txtTop both 0.6s 0.6s; }
.webinar_carousel .li.active .txt_cont .md_btn { animation: fade both 0.6s 1s; }

/* navigation */
.webinar_carousel .navigation { display: flex; position: absolute; bottom: 60px; width: auto; z-index: 3; left: 50%; transform: translateX(-50%); }
.webinar_carousel .navigation .md_pagn { margin-right: 10px; line-height: 25px; }
.webinar_carousel .navigation .md_pagn a { display: inline-block; width: 10px; height: 10px; margin: 0 0 0 10px; color: transparent; border: 1px solid #000; background: transparent; opacity: 1; font-size: 1px; line-height: 1px; overflow: hidden; position: relative; border-radius: 10px; }
.webinar_carousel .navigation .md_pagn a.selected { background: #000; }
.webinar_carousel .navigation .md_pagn a span { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0px 0px 0px 0px); border: 0; }
.webinar_carousel .arrow-nav { position: absolute; top: 50%; width: 30px; height: 56px; z-index: 2; }
.webinar_carousel .arrow-prev { left: 50%; transform: translateY(-50%) translateX(-659px); }
.webinar_carousel .arrow-next { right: 50%; transform: translateY(-50%) translateX(659px); }
.webinar_carousel .arrow-nav::before { position: absolute; top: 9px; width: 39px; height: 39px; border-top: 2px solid #000; border-left: 2px solid #000; transition: border-color 0.3s; opacity: 1; content: ''; }
.webinar_carousel .arrow-nav:hover::before { border-color: #2189ff; }
.webinar_carousel .arrow-prev::before { left: 9px; transform: rotate(-45deg); }
.webinar_carousel .arrow-next::before { right: 9px; transform: rotate(135deg); }
.webinar_carousel .navigation .md_play a { display: block; position: relative; width: 25px; height: 25px; overflow: hidden; outline: none; }
.webinar_carousel .navigation .md_play .md_btn_play { display: none; }
.webinar_carousel .navigation .md_play.on .md_btn_play { display: block; }
.webinar_carousel .navigation .md_play .md_btn_play::before { content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; margin-top: -6px; margin-left: -4px; border-width: 6px 0 6px 9px; border-style: solid; border-color: transparent; border-left-color: #000; transition: all 0.3s; }
.webinar_carousel .navigation .md_play .md_btn_play:hover::before { border-left-color: #2189FF; }
.webinar_carousel .navigation .md_play.on .md_btn_stop { display: none; }
.webinar_carousel .navigation .md_play .md_btn_stop::before, .webinar_carousel .navigation .md_play .md_btn_stop::after { content: ""; position: absolute; top: 8px; width: 2px; height: 11px; background-color: #000; transition: all 0.3s; }
.webinar_carousel .navigation .md_play .md_btn_stop::before { left: 9px; }
.webinar_carousel .navigation .md_play .md_btn_stop::after { left: 14px; }
.webinar_carousel .navigation .md_play .md_btn_stop:hover::before, .webinar_carousel .navigation .md_play .md_btn_stop:hover::after { background-color: #2189FF; }

/* 슬라이드 white 설정 */
.webinar_carousel .arrow-nav.indi_white::before { border-top: 2px solid #fff; border-left: 2px solid #fff; }
.webinar_carousel .navigation.indi_white .md_pagn a { border: 1px solid #fff; }
.webinar_carousel .navigation.indi_white .md_pagn a.selected { background: #fff; }
.webinar_carousel .navigation.indi_white .md_play .md_btn_play::before { border-left-color: #fff; }
.webinar_carousel .navigation.indi_white .md_play .md_btn_stop::before, .webinar_carousel .navigation.indi_white .md_play .md_btn_stop::after { background-color: #fff; }
.webinar_carousel .navigation.indi_white .md_play .md_btn_stop:hover::before, .webinar_carousel .navigation.indi_white .md_play .md_btn_stop:hover::after { background-color: #2189FF; }

/* webinar_bnr */
.MP_webinar_list .webinar_bnr { display: flex; text-align: center; align-items: center; padding: 8px 0; background-color: #EEF6FC; width: 100%; height: 56px; }
.MP_webinar_list .webinar_bnr .btn_arrow { display: flex; color: #2189FF; font-weight: normal; font-size: 16px; }
.MP_webinar_list .webinar_bnr .btn_arrow span { margin: 0; line-height: 24px; display: inline-flex; align-items: center; }
.MP_webinar_list .webinar_bnr span:before { content: ''; display: inline-flex; background-image: url('https://image.samsungsds.com/module_src/images/data/ico_webinar_bannercard.png?queryString=20241210125943'); background-repeat: no-repeat; background-position: center; background-size: cover; width: 33px; height: 21px; margin-right: 10px; align-items: center; }
.MP_webinar_list .webinar_bnr span:after { border: solid #2189FF; border-width: 3px 3px 0 0; }

/* 필터 부분 */
.MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab { margin-left: 0; }
.MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab .date { width: auto; margin-right: 20px; }
.MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab .clear { position: initial; top: 0; left: 0; margin: 0; display: flex; align-items: center; }
.MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab .clear .btn_clear { position: inherit; }
.MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab .fil_data.range { position: relative; background-image: url('https://image.samsungsds.com/resource/kr/images/icon/event_filterDate_calendar.png'); background-position: 30px center; background-repeat: no-repeat; width: 320px; }
.MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab>li .fil_date .lb { margin-right: 25px; }
.MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab>li .fil_date .lb::after { display: none; }
.webinar_filterContent.box.filter { background: #272727; padding: 34px 30px; transition: 0.2s; }
.sc_down .webinar_filterContent.box.filter.stick { top: 51px; }
.webinar_filterContent.box.filter.stick { position: fixed; top: 112px; left: 0; z-index: 6001; width: 100%; }
.webinar_filterContent.box.filter .webinar_filterArea { position: relative; width: 100%; display: flex; max-width: 1318px; margin: 0 auto; }
.webinar_filterContent .filter_btn { display: none; }
.webinar_filterContent .filter_wrap { display: flex; align-items: center; max-width: none; padding: 0 0px; margin: 0; }
.webinar_filterContent .filter_wrap:after { content: ""; display: block; clear: both; }
.webinar_filterContent .filter_wrap .fil_tab { position: relative; display: flex; align-items: center; text-align: left; height: auto; background-color: transparent; font-size: 0; color: #fff; }
.webinar_filterContent .filter_wrap .fil_tab>li { display: inline-block; text-align: center; margin-right: 0; vertical-align: middle; }
.webinar_filterContent .filter_wrap .fil_tab>li input[type=checkbox]:focus { outline: 1px dotted; outline: -webkit-focus-ring-color auto 5px; opacity: 1; }

/* 210503 | 접근성 | 포커스 수정 */
.webinar_filterContent .filter_wrap .fil_tab>li:first-child { margin-left: 0; }
.webinar_filterContent .filter_wrap .fil_tab>li:last-child { margin-right: 0; }
.webinar_filterContent .filter_wrap .fil_tab>li>a { font-size: 1.4rem; color: #fff; letter-spacing: 0.05em; font-weight: bold; display: block; line-height: 70px; position: relative; text-transform: uppercase; }
.webinar_filterContent .filter_wrap .fil_tab>li>a:hover { color: #8a8a8a; }
.webinar_filterContent .filter_wrap .fil_tab>li>a strong { font-weight: normal; display: inline-block; line-height: 70px; position: relative; }
.webinar_filterContent .filter_wrap .fil_tab>li>a .total { min-width: 30px; display: inline-block; text-align: left; }
.webinar_filterContent .filter_wrap .fil_tab>li>a .arr { display: inline-block; margin-left: 15px; width: 15px; height: 8px; background: url('https://image.samsungsds.com/resource/kr/images/icon/ico_fil_arr.png') no-repeat; }
.webinar_filterContent .filter_wrap .fil_tab>li.clear { min-width: auto; position: relative; top: 0; right: 0px; margin-left: 30px; }
.webinar_filterContent .filter_wrap .fil_tab>li.clear .btn_clear { background-image: url('https://image.samsungsds.com/resource/kr/images/icon/event_filterReset_w.png'); background-position: center; background-repeat: no-repeat; width: 21px; height: 24px; }
.webinar_filterContent .filter_wrap .fil_tab>li.clear .btn_clear:hover { color: #8a8a8a; }
.webinar_filterContent .filter_wrap .fil_tab>li.clear .btn_close { display: none; }
.webinar_filterContent .filter_wrap .fil_tab>li.on>a .arr { background-position: 0 bottom; }
.webinar_filterContent .filter_wrap .fil_tab>li.on>a strong:after { content: ""; position: absolute; bottom: 16px; left: 50%; width: 45px; height: 2px; margin-left: -22px; background: #2189ff; }
.webinar_filterContent .filter_wrap .fil_tab>li .fil_date .lb { line-height: normal; }
.webinar_filterContent .filter_wrap .fil_tab .fil_date .btn_date { border-bottom: 1px solid #fff; }
.webinar_filterContent .filter_wrap .fil_tab .fil_date .dash { font-size: 14px; background: none; width: auto; height: auto; }
.webinar_filterContent .filter_wrap .filter_close { display: none; }

/* calendar */
.webinar_filter .cal_wrap { display: none; overflow: hidden; position: absolute; width: 358px; z-index: 3; color: #000; font-size: 1.4rem; line-height: 30px; font-weight: bold; text-align: center; }
.webinar_filter .cal_wrap button { color: #fff; }
.webinar_filter .cal_wrap .ui-datepicker-header { position: relative; line-height: 14px; height: 30px; }
.webinar_filter .ui-datepicker-prev, .ui-datepicker-next { position: absolute; top: 0; left: 50%; width: 19px; height: 19px; font-size: 1px; color: rgba(0, 0, 0, 0); overflow: hidden; text-indent: 1980px; white-space: nowrap; }
.webinar_filter .ui-datepicker-prev { margin-left: -80px; background-image: url('https://image.samsungsds.com/resource/kr/images/icon/ico_event_cal_prev.png'); background-repeat: no-repeat; background-position: 50%; }
.webinar_filter .ui-datepicker-next { margin-left: 55px; background-image: url('https://image.samsungsds.com/resource/kr/images/icon/ico_event_cal_next.png'); background-repeat: no-repeat; background-position: 50%; }
.webinar_filter .ui-datepicker-title { display: inline-block; position: static; }
.webinar_filter .ui-datepicker-month { width: 138px; line-height: 19px; display: inline-block; text-align: center; text-transform: uppercase; }
.webinar_filter .ui-datepicker-year { font-size: 1.4rem; font-weight: bold; position: absolute; width: 55px; top: 0; left: 0; color: #000; background-color: #f3f3f3; }
.webinar_filter .ui-datepicker-year option { color: #000; }
.webinar_filter .ui-datepicker-calendar thead th { font-size: 1rem; line-height: 30px; }
.webinar_filter .ui-datepicker-calendar td a { display: inline-block; width: 26px; height: 26px; }
.webinar_filter .ui-datepicker-calendar td.start a { background: #7fd9f1; }
.webinar_filter .ui-datepicker-calendar td.end a { background: #2189ff; }
.webinar_filter span.ui-state-default { color: #808080; }
.webinar_filter .ui-datepicker-current { margin-top: 10px; text-transform: uppercase; font-size: 1.4rem; font-weight: bold; letter-spacing: 0.05em; line-height: 47px; border-top: 1px solid #808080; width: 100%; }
.webinar_filter #startDate:focus, #endDate:focus { outline: -webkit-focus-ring-color auto 5px; }
.webinar_filterContent .webinar_selectBox { display: flex; margin-left: auto; align-items: center; color: #fff; }
.webinar_filterContent .webinar_selectBox .webinar_selectBox_listNum { margin-right: 20px; font-size: 14px; }
.webinar_filterContent .webinar_selectBox .webinar_selectBox_listNum span { font-weight: bold; }
.webinar_filterContent .webinar_selectBox .event_select { max-width: none; width: auto; margin: 0; }
.webinar_filterContent .webinar_selectBox .event_select.select_1 { margin-right: 15px; display: flex; align-items: center; }
.webinar_filterContent .webinar_selectBox .event_select.select_2 { margin-right: 15px; display: flex; align-items: center; }
.webinar_filterContent .webinar_selectBox .event_select.select_1 .select_box .select_btn { width: 165px; }
.webinar_filterContent .webinar_selectBox .event_select .select_box { margin-right: 0; }
.webinar_filterContent .webinar_selectBox .event_select .select_box .select_btn { border: 1px solid #fff; background-color: #fff; }
.webinar_filterContent .webinar_selectBox .searchSort_select .select_box.on .select_btn, .webinar_filterContent .webinar_selectBox .searchSort_select .select_box .select_btn:hover { color: #000; }
.webinar_filterContent .webinar_selectBox .searchSort_select .select_box .select_btn:hover span:after { border: solid #000; border-width: 1px 1px 0 0; }

/* 리스트 부분 */
.webinar_list_container { width: 100%; padding-bottom: 100px; }
.webinar_list_container .inner { padding: 0px 30px; }
.webinarContentArea { width: 100%; max-width: 1318px; margin: 0 auto; }
.webinar_list_container .webinarList { position: relative; display: flex; flex-wrap: wrap; overflow: hidden; margin: 0 -12px; max-width: none; }
.webinar_list_container .webinarList li { width: calc(100% / 3); padding: 0px 12px; margin-bottom: 60px; border-bottom: 0; }
.webinar_list_container .webinarList li .webinar_listCont .item .img { background-color: #ccc; border-radius: 10px; }
.webinar_list_container .webinarList li .webinar_listCont .item .img .md_link { border-radius: 10px; }
.webinar_list_container .webinarList li .webinar_listCont .webinar_list_txt aside { margin-bottom: 10px; }
.webinar_list_container .webinarList li .webinar_listCont .webinar_list_txt aside i { display: inline-block; font-size: 13px; background-color: #ccc; padding: 4px 12px; border-radius: 100px; margin-left: 3px; color: #fff; line-height: 1.2; }
.webinar_list_container .webinarList li .webinar_listCont .webinar_list_txt aside i:first-child { margin-left: 0px; }
.webinar_list_container .webinarList li .webinar_listCont .webinar_list_txt aside i.flag_name { background-color: #3566D8; }
.webinar_list_container .webinarList li .webinar_listCont .webinar_list_txt aside i.flag_ing { background-color: #2189FF; }
.webinar_list_container .webinarList li .webinar_listCont .webinar_list_txt aside i.flag_end { background-color: #888; }
.webinar_list_container .webinarList li .webinar_listCont .webinar_list_txt aside .date { float: right; font-weight: bold; }
.webinar_list_container .webinarList li .webinar_listCont .webinar_list_txt .list_title { display: block; font-size: 26px; line-height: 36px; margin-bottom: 10px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.webinar_list_container .webinarList li .webinar_listCont .webinar_list_txt .list_sText { font-size: 14px; line-height: 24px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 30px; max-height: 73px; }
.webinar_list_container .webinarList li .webinar_listCont .webinar_list_txt .list_btn { height: 17px; line-height: 1.2; }
.webinar_list_container .webinarList li .webinar_listCont .webinar_list_txt .list_btn a { line-height: 1.2; }
.webinar_list_container .webinarList li .webinar_listCont .webinar_list_txt .list_dateText { font-size: 14px; }
.webinar_list_container .btn_btm { text-align: center; }
.webinar_list_container .webinarList .sch_no_result { width: 100%; margin: 100px auto 0 auto !important;  }
.webinar_list_container .webinarList .sch_no_result .list li { width: 100%; margin-bottom: 10px; }
/* //리스트 부분*/

/* big_video_btn */
.MP_webinar_list .btn_movie { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; border-radius: 50%; content: ""; box-sizing: border-box; overflow: hidden; outline: none; transition: all 0.4s; cursor: pointer; z-index: 2; }
.MP_webinar_list .btn_movie i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #fff; border-radius: 50%; }
.MP_webinar_list .btn_movie:hover i, .MP_webinar_list .btn_movie:focus i { border-color: #1C7EEE !important; }
.MP_webinar_list .btn_movie:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1C7EEE; border-radius: 50%; content: ""; transition: all 0.3s; z-index: 100; }
.MP_webinar_list .btn_movie:after { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-width: 13px 0 13px 21px; border-style: solid; border-color: transparent; border-left-color: #fff; content: ""; transform: translate(-34%, -45%); transition: all 0.4s; z-index: 1000; }
.MP_webinar_list .md_link:hover .btn_movie i, .MP_webinar_list .md_link:focus .btn_movie i { border-color: #1C7EEE; }
.MP_webinar_list .md_link:hover .btn_movie:before, .MP_webinar_list .md_link:focus .btn_movie:before { transform: translateX(0); }
.MP_webinar_list .md_link:hover .btn_movie:after, .MP_webinar_list .md_link:focus .btn_movie:after { border-left-color: #fff; }
.MP_webinar_list .module_ty .img .btn_movie { left: 50%; top: 50%; width: 80px; height: 80px; transform: translate(-51%, -52%); z-index: 2; }
.MP_webinar_list .module_ty .img .md_link:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: 1; }
.MP_webinar_list .btn_more a { margin-top: 20px; }

/* md_inquiry */
.md_inquiry .list { display: flex; flex-wrap: wrap; }
.md_inquiry .list .li { display: block; position: relative; width: 50%; padding: 80px 40px; background: #fafafa; overflow: hidden; text-align: center; }
.md_inquiry .list .md_tit { display: block; color: #fff; font-size: 30px; font-weight: bold; line-height: 42px; }
.md_inquiry .list .md_txt { margin-top: 10px; color: #fff; }
.md_inquiry .list .txt { text-align: center; padding: 0; }
.md_inquiry .list .txt .md_btn { margin-top: 25px; }
.md_inquiry .list .txt .md_btn .btn_ty02:after { opacity: .4; }
.md_inquiry .list .visual_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #f5f5f5; overflow: hidden; }
.md_inquiry .list .visual_img:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #122949; opacity: .7; content: ''; }
.md_inquiry .list .visual_img .img_p { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

@media all and (max-width:1300px) {
    .webinar_carousel .arrow-prev { transform: translateY(-50%) translateX(0); left: 30px; }
    .webinar_carousel .arrow-next { transform: translateY(-50%) translateX(0); right: 30px; }
}

/** -Mobile UI- **/
@media all and (max-width:1024px) {
    .cont.MP_webinar_list .owl-nav { display: block !important; }
    .webinar_carousel { height: 690px; }
    .webinar_carousel .li .visual_img:after { height: 690px; }
    .webinar_carousel .li .visual_img .img_m { display: block; }

    /* 20221110 수정*/
    .webinar_carousel .li .txt_cont { flex-direction: column; top: 80px; transform: translate(-50%, 0); text-align: center; }
    .webinar_carousel .li .txt_cont .tit_b { line-height: 36px; margin-bottom: 10px; }
    .webinar_carousel .li .txt_cont article { max-width: 530px; text-align: center; padding: 0 50px; }

    .webinar_carousel .li .txt_cont .d-day { margin: 0 auto 10px auto; }
    .webinar_carousel .li .txt_cont .md_txt ol { justify-content: center; flex-direction: column; }
    .webinar_carousel .li .txt_cont .md_txt ol li.date { margin-bottom: 5px; margin-right: 0; }
    .webinar_carousel .li .txt_cont .md_btn a { display: block; width: 40%; margin: 0 auto; }
    .webinar_carousel .li .txt_cont .md_btn a:last-child { margin: 10px auto 0; }
    .webinar_carousel .li .txt_cont .md_btn a:first-child { margin-top: 0; }
    .MP_webinar_list .navigation { bottom: 110px; }
    .MP_webinar_list .arrow-nav { display: none !important; }
    .MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab .date { width: 100%; margin-right: 0; }
    .MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab>li .fil_date .lb { margin-right: 20px; }
    .MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab .fil_date .btn_date { width: 20%; }
    .MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab .clear { position: absolute; right: 0; left: auto; top: 32px; }
    .MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab .fil_data.range { width: calc(100% - 90px); }

    .MP_webinar_list .webinar_bnr { height: 56px; }
    .webinar_filterContent .filter_btn .btn_filter { background-color: transparent; text-align: left; background-image: url('https://image.samsungsds.com/resource/kr/images/icon/mo_event_filter_icon.png'); background-repeat: no-repeat; background-position: right center; }
    .webinar_filterContent.box.filter { padding: 0; }
    .webinar_filterContent.box.filter .webinar_filterArea { flex-direction: column; padding: 30px 30px; height: 100%; }
    .webinar_filterContent.box.filter.on .webinar_filterArea { margin-top: 0px; }
    .webinar_filterContent.filter.on .filter_wrap { display: flex; flex-direction: column; z-index: 1; }
    .webinar_filterContent .filter_wrap { padding: 0; margin: 0 auto; position: relative; top: 0; width: 100%; bottom: 0; overflow: auto; flex-direction: column; overflow: visible; }
    .webinar_filterContent .filter_wrap .fil_tit { padding: 20px 0px; display: none; font-weight: bold; font-size: 1.4rem; color: #757575; position: relative; background: #fff; margin-bottom: 20px; width: 100%; }
    .webinar_filterContent .filter_wrap .fil_tab { margin-left: 0; padding: 0; width: 100%; color: #fff; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #666; }
    .webinar_filterContent .filter_wrap .fil_tab>li.date { width: 100%; flex: 1 1 auto; }
    .webinar_filterContent .filter_wrap .fil_tab>li.clear { margin-left: 0; background-color: transparent; width: auto; padding: 0; }
    .webinar_filterContent .filter_wrap .fil_date { text-align: left; margin-bottom: 0; }
    .webinar_filterContent .filter_wrap .fil_tab>li .fil_date .lb { font-size: 14px; letter-spacing: 0px; }
    .webinar_filterContent .filter_wrap .fil_tab .fil_date .btn_date { width: 87px; border-bottom: 1px solid #fff; }
    .webinar_filterContent .filter_wrap .fil_tab .fil_date .dash { font-size: 14px; margin: 0 15px; width: auto; height: 0; line-height: 0px; }
    .webinar_filterContent .webinar_selectBox .webinar_selectBox_listNum { font-size: 16px; }
    .webinar_filterContent .filter_wrap .fil_date:after { display: none; }
    .webinar_filterContent .filter_wrap .date.on .cal_wrap { width: 100%; background-color: #f3f3f3; margin: 0; }
    .webinar_filterContent .filter_wrap .cal_wrap:after { display: none; }
    .webinar_filterContent.filter.on .webinar_filterContent .filter_wrap { display: block; }
    .webinar_filterContent.filter.on { position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background: #fff; z-index: 7000; }
    .webinar_filterContent .webinar_selectBox { margin-left: 0; margin: 0px 0; }
    .webinar_filterContent.filter.on .webinar_selectBox { display: none; color: #000; }
    .webinar_filterContent.filter .btn_wrap { padding: 15px 30px; }
    .webinar_filterContent.filter .btn_wrap .btn_apply { font-size: 14px; letter-spacing: 0; }
    .webinar_filterContent .webinar_selectBox .event_select .select_box .select_btn { border: 1px solid #000; }
    .webinar_filterContent .webinar_selectBox .event_select { padding: 0; }

    /* 리스트 */
    .webinar_list_container .inner { margin-top: 0px; max-width: none; padding-top: 30px; }
    .webinar_filterContent .webinar_selectBox .event_select { padding: 0; }
    .webinar_filterContent .webinar_selectBox .event_select.select_1 { margin-right: 10px; margin-left: auto; }
    .webinar_filterContent .webinar_selectBox .event_select.select_1 .select_box .select_btn { width: 135px; }
    .webinar_list_container .webinarList li { width: calc(100% / 2); }
    /* //리스트 */

    /* md_inquiry */
    .md_inquiry .list .li { padding: 60px 20px; }
    .md_inquiry .list .md_tit { font-size: 24px; line-height: 32px; }
    .md_inquiry .list .txt .md_btn { margin-top: 20px; }

    /* datapicker 고정 */
    .filterDate_container .filter_wrap .date.on .cal_wrap { display: block; background-color: #f3f3f3; margin: 0; padding: 0; border-bottom: none; width: auto !important; position: relative; color: #5a5a5a; }
    .webinar_list_container .webinarList .sch_no_result { width: 100%; margin: 20px auto 0 auto !important; }
    .webinar_list_container .webinarList .sch_no_result .md_tit { margin-bottom: 0; }
}
@media all and (max-width:768px) {
    /* category_tab */
    .MP_webinar_list .category_tab { margin-left: 0; padding-left: 32px; }

    /* video_button */
    .MP_webinar_list .col_video .video_wrap .btn_movie, .MP_webinar_list .module_ty .img .btn_movie { width: 64px; height: 64px; }

    /* 리스트 */
    .webinar_list_container .webinarList li { width: 100%; margin-bottom: 40px; }

    /* md_inquiry */
    .md_inquiry .list .li { width: 100%; padding: 30px 20px; }
    .md_inquiry .list .txt .md_btn .btn_m { width: 60%; margin: 0 auto; }

    /* datapicker 수정 */
    .MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab .fil_data.range { background-position: 15px center; width: calc(100% - 80px); }
    .MP_webinar_list_cont .filterDate_container .filter_wrap .fil_tab .fil_date .btn_date { font-weight: 400; width: 50%; }
}
@media all and (max-width:450px) {
    .webinar_filterContent .webinar_selectBox .webinar_selectBox_listNum { font-size: 12px; }
    .webinar_filterContent .webinar_selectBox .event_select .select_box .select_btn { font-size: 12px; }
}
/*** //MP_webinar ***/






/***  Sitemap ***/
.MP_sitemap .tit_l { margin-bottom: 80px; }

/** MP_sitemap_cont **/
.MP_sitemap_cont { position: relative; border-top: 1px solid #000; }
.MP_sitemap_cont .box { padding: 50px 1px 50px 1px; border-top: 1px solid #ddd; }
.MP_sitemap_cont .box:first-child { border-top: 0; }
.MP_sitemap_cont .box dt { float: left; width: 224px; font-size: 28px; font-weight: bold; line-height: 36px; }
.MP_sitemap_cont .box dd { float: right; width: calc(100% - 224px); }
.MP_sitemap_cont .box dd .center { margin-top: 20px; }
.MP_sitemap_cont .box:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }
.MP_sitemap_cont div.box { padding-left: 10px; }
.MP_sitemap_cont div.box .list { max-width: 100%; }

.MP_sitemap_cont .list_wrap { padding: 50px 0 0 0; border-top: 1px solid #ddd; }
.MP_sitemap_cont .list_wrap:first-child { border-top: none; padding-top: 0; }
.MP_sitemap_cont .list_wrap:last-child { margin-bottom: -10px; }
.MP_sitemap_cont .list_wrap .tit_m { margin-bottom: 30px; font-size: 24px; line-height: 28px; color: #1C7EEE; }
.MP_sitemap_cont .list_wrap a.tit_m:after { display: inline-block; position: relative; right: 0; width: 1.2rem; height: 1.2rem; margin: 0.9rem 0 0 0.6rem; border: solid #1c7eee; border-width: 0.2rem 0.2rem 0 0; box-sizing: border-box; vertical-align: top; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; content: ''; }
.MP_sitemap_cont .list_wrap .list .li { margin-bottom: 0; }
.MP_sitemap_cont .list_wrap .list .li ul + .dep { margin-top: 60px; }
.MP_sitemap_cont .list_wrap .list .li.chk ul + .dep { margin-top: 0; }
.MP_sitemap_cont .list_wrap .list .li .li_inner { margin-bottom: 100px; }
.MP_sitemap_cont .list_wrap .list .li .li_inner:last-child { margin-bottom: 0; }

.MP_sitemap_cont .list_wrap a.tit_m .flag,
.MP_sitemap_cont .list .flag { position: relative; padding: 1px 5px; margin-left: 5px; font-size: 12px; color: #fff; font-weight: normal; letter-spacing: 0.05em; vertical-align: top; }
.MP_sitemap_cont .list_wrap a.tit_m .flag.update,
.MP_sitemap_cont .list .flag.update { background: #1C7EEE; }
.MP_sitemap_cont .list_wrap a.tit_m .flag.new,
.MP_sitemap_cont .list .flag.new { background: #E27306; }

/* 1depth */
.MP_sitemap_cont .list { display: flex; flex-wrap: wrap; width: 100%; max-width: 1040px; }
.MP_sitemap_cont .list > li { float: left; margin-top: -4px; margin-right: 45px; }
.MP_sitemap_cont .list > li a { padding: 5px 1px; }
.MP_sitemap_cont .list > li:last-child { margin-right: 0; }
.MP_sitemap_cont .list:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }
.MP_sitemap_cont .list.only { display: flex; flex-direction: row; flex-wrap: wrap; font-weight: bold; }
.MP_sitemap_cont .list.only > li { width: 33.3%; margin-right: 0; padding-right: 56px; }

html[lang="pt"] .MP_sitemap_cont .list.only > li { padding-right: 0px; }

.MP_sitemap_cont .list.only.other li { width: 100%; padding: 5px 0 0 0; }
.MP_sitemap_cont .list.only > li a:after { display: inline-block; position: relative; right: 0; width: 8px; height: 8px; margin: 11px 0 0 6px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; transform: rotate(45deg); content: ""; vertical-align: top; transition: all 0.4s; }
.MP_sitemap_cont .list.only > li a:hover, .MP_sitemap_cont .list.only > li a:focus { color: #1C7EEE; }
.MP_sitemap_cont .list.only > li a:hover:after, .MP_sitemap_cont .list.only > li a:focus:after { right: -3px; border-color: #1C7EEE; }

/* 2septh */
.MP_sitemap_cont .list .li { width: 33.3%; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 100px; padding-right: 10px; }
.MP_sitemap_cont .list .li p { width: 90%; font-size: 22px; font-weight: bold; line-height: 28px; margin-bottom: 20px; }
.MP_sitemap_cont .list .li p a { position: relative; padding: 0 1px; }
.MP_sitemap_cont .list .li p a:after { display: inline-block; position: relative; right: 0; width: 12px; height: 12px; margin: 9px 0 0 6px; border: solid #000; border-width: 2px 2px 0 0; box-sizing: border-box; transform: rotate(45deg); content: ""; vertical-align: top; transition: all 0.4s; }
.MP_sitemap_cont .list .li p a:hover, .MP_sitemap_cont .list .li p a:focus { color: #1C7EEE; }
.MP_sitemap_cont .list .li p a:hover:after, .MP_sitemap_cont .list .li p a:focus:after { right: -3px; border-color: #1C7EEE; }
.MP_sitemap_cont .list .li ul { width: 90%; margin-top: 20px; }
.MP_sitemap_cont .list .li li { margin-bottom: 0px; }
.MP_sitemap_cont .list .li li:first-child { margin-top: 0; }
.MP_sitemap_cont .list .li li a { padding: 0px 1px 10px 0; }
.MP_sitemap_cont .list .li li a:hover .pipeline,
.MP_sitemap_cont .list .li li a:focus .pipeline {background-color: #1c7eee;}
.MP_sitemap_cont .list .li li .pipeline {display: inline-block;position: relative;top: -0.1rem;width: 0.1rem;height: 1.4rem;margin: 0 0.2rem;font-size: 0.1rem;color: transparent;line-height: 0;background-color: #000;vertical-align: middle;-webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;-o-transition: background-color 0.4s;transition: background-color 0.4s;}
.MP_sitemap_cont .list .li li .txt_l_offering {display: inline-block;vertical-align: top;}

/* 3septh */
.MP_sitemap_cont .list .li.chk { display: flex; flex-wrap: wrap; width: 100%; }
.MP_sitemap_cont .list .li.chk .dep { width: 33.3%; margin-bottom: 60px; }
.MP_sitemap_cont .list .li .dep strong { display: block; width: 90%; margin: 0 0 -5px 0; }
.MP_sitemap_cont .list .li .dep ul { margin-top: 10px; }
.MP_sitemap_cont .list .li .dep .other { margin-top: 0; flex-direction: column; width: 100%; }
.MP_sitemap_cont .list .li .dep strong a:after { display: inline-block; position: relative; right: 0; width: 18px; height: 18px; margin: 6px 0 0 2px; border: solid #000; border-width: 3px 3px 0 0; box-sizing: border-box; transform: rotate(45deg) scale(0.5); content: ""; vertical-align: top; transition: all 0.4s; }
.MP_sitemap_cont .list .li .dep .sub_menu strong a:after { display: none; }
.MP_sitemap_cont .list.only .sub_menu > li a:after { display: none; }
.MP_sitemap_cont .list .li .dep strong a:hover,
.MP_sitemap_cont .list .li .dep strong a:focus { color: #1C7EEE; }
.MP_sitemap_cont .list .li .dep strong a:hover:after,
.MP_sitemap_cont .list .li .dep strong a:focus:after { right: -3px; border-color: #1C7EEE; }

.MP_sitemap_cont .list_wrap .list .li .dep strong { padding: 5px 0; }
.MP_sitemap_cont .list_wrap .list .li .dep strong a { padding: 0 1px; }

/* li 3/3 */
.MP_sitemap_cont .list > .mh { width: 100%; }
.MP_sitemap_cont .list > .mh ul { display: flex; width: 100%; height: 250px; flex-direction: column; flex-wrap: wrap; align-content: flex-start; }
.MP_sitemap_cont .list > .mh ul li { float: left; display: inline-block; width: 33.3%; }

/* li 2/3 */
.MP_sitemap_cont .list > .mh2 { width: 66.6%; }
.MP_sitemap_cont .list > .mh2 ul { display: flex; width: 100%; height: 250px; flex-direction: column; flex-wrap: wrap; align-content: flex-start; }
.MP_sitemap_cont .list > .mh2 ul li { float: left; display: inline-block; width: 50%; }

/* chk dep 3/3 */
.MP_sitemap_cont .list .li.chk .dep.mh { width: 100%; margin-bottom: 60px; }
.MP_sitemap_cont .list .li.chk .dep.mh ul { display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; align-content: flex-start; }
.MP_sitemap_cont .list .li.chk .dep.mh ul li { float: left; width: 33.3%; }
.MP_sitemap_cont .list .li.chk .dep.mh ul li strong { padding-bottom: 12px; }
.MP_sitemap_cont .list .li.chk .dep.mh li .sub_menu li { width: 100%; }
.MP_sitemap_cont .li.chk .dep.mh .list.only .sub_menu { margin-top: 0; flex-direction: column; font-weight: normal; }

/* chk dep 2/3 */
.MP_sitemap_cont .list .li.chk .dep.mh2 { width: 66.6%; }
.MP_sitemap_cont .list .li.chk .dep.mh2 ul { display: flex; width: 100%; height: 250px; flex-direction: column; flex-wrap: wrap; align-content: flex-start; }
.MP_sitemap_cont .list .li.chk .dep.mh2 ul li { float: left; width: 50%; }

/* 2023-09-20 사이트맵 수정 시작 */
.MP_sitemap_cont .renewal_box .list_wrap { margin-top: 0.5rem; padding-top: 5.4rem; }
.MP_sitemap_cont .renewal_box .list_wrap:first-child { margin-top: 0; padding-top: 0; }

.MP_sitemap_cont .renewal_box .list { margin-top: 3.1rem; max-width: none; }
.MP_sitemap_cont .renewal_box .list .li li a { padding: 0 0 0.6rem 0.1rem; font-size: 1.6rem; letter-spacing: 0; }
.MP_sitemap_cont .renewal_box .list.only .li li a { font-size: 1.8rem; }

.MP_sitemap_cont .renewal_box .list.only .li .dep ul { margin-top: -2.4rem; }
.MP_sitemap_cont .renewal_box .list.only .li .dep li { margin-top: 2.4rem; }

.MP_sitemap_cont .renewal_box .li p { margin-bottom: 2.4rem; }
.MP_sitemap_cont .renewal_box .li p a { font-size: 1.8rem; letter-spacing: -0.015rem; }
.MP_sitemap_cont .renewal_box .li p a:after { top: 1rem; right: -4px !important; width: 0.8rem; height: 0.8rem; margin: 0; border-width: 0.15rem 0.15rem 0 0; }

.MP_sitemap_cont .renewal_box .list .dep { margin-bottom: 3.7rem !important; box-sizing: border-box; }
.MP_sitemap_cont .renewal_box .list .dep:nth-of-type(1) { padding-left: 0; }
.MP_sitemap_cont .renewal_box .list .dep:nth-of-type(2) { padding-left: 1rem; }
.MP_sitemap_cont .renewal_box .list .dep:nth-of-type(3) { padding-left: 2rem; }
.MP_sitemap_cont .renewal_box .list .dep ul { margin-top: 0.3rem; }
.MP_sitemap_cont .renewal_box .list .dep strong { width: auto; margin: 0; }
.MP_sitemap_cont .renewal_box .list .dep strong a { font-size: 1.8rem; letter-spacing: -0.01rem; }
.MP_sitemap_cont .renewal_box .list .dep strong a:after { top: 0.5rem; right: -0.1rem; margin: 0; }
/* // 2023-09-20 사이트맵 수정 끝 */

@media all and (max-width:1204px) {
    /** MP_sitemap_cont **/
    .MP_sitemap_cont .box { border-color: #000; }
    .MP_sitemap_cont .box dt { float: none; width: 100%; margin-bottom: 40px; }
    .MP_sitemap_cont .box dd { float: none; width: 100%; }
    .MP_sitemap_cont .list > li { margin-right: 35px; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .MP_sitemap .tit_l { margin-bottom: 40px; }
    .MP_sitemap_cont .box dt br { display: none; }
    .MP_sitemap_cont .list .li.chk .dep.mh { margin-bottom: 0px; }
    .MP_sitemap_cont .list .li.chk .dep.mh ul { margin-bottom: 30px; }
    .MP_sitemap_cont .list .li.chk .dep.mh .list.only.dt { margin-bottom: 30px; }

    .MP_sitemap_cont .list_wrap { padding: 30px 0; }
    .MP_sitemap_cont .list_wrap .tit_m { margin-bottom: 20px; font-size: 18px; }
    .MP_sitemap_cont .list_wrap .list .li:last-child { margin-bottom: 0; }
    .MP_sitemap_cont .list_wrap .list .li .li_inner { margin-bottom: 50px; }
    .MP_sitemap_cont .list_wrap .list .li .dep { margin-bottom: 30px; }
    .MP_sitemap_cont .list_wrap .list .li ul + .dep { margin-top: 30px; }
    .MP_sitemap_cont .list_wrap .list .li.chk ul + .dep { margin-top: 0; }
    .MP_sitemap_cont .list_wrap .list .li .dep:last-child { margin-bottom: 0; }

    /** MP_sitemap_cont **/
    .MP_sitemap_cont { border-top: 0 }
    .MP_sitemap_cont .box { margin-top: 60px; padding: 35px 1px 0 1px; border-top: 1px solid #ddd; }
    .MP_sitemap_cont .box:first-child { margin-top: 0; border-top: 1px solid #ddd; }
    .MP_sitemap_cont .box dt { font-size: 20px; line-height: 30px; margin-bottom: 20px; }
    .MP_sitemap_cont div.box { padding-left: 0; }
    .MP_sitemap_cont .list > li { margin-right: 25px; }

    /* 2septh */
    .MP_sitemap_cont .list { width: 100%; }
    .MP_sitemap_cont .list .li { margin-bottom: 58px; }
    .MP_sitemap_cont .list .li:last-child { margin-bottom: 20px; }
    .MP_sitemap_cont .list .li p { font-size: 16px; line-height: 26px; }
    .MP_sitemap_cont .list .li p a:after { width: 16px; height: 16px; margin: 6px 0 0 2px; border: solid #000; border-width: 3px 3px 0 0; box-sizing: border-box; transform: rotate(45deg) scale(0.5); }
    .MP_sitemap_cont .list .li ul { margin-top: 10px; }

    /* 3septh */
    /* .MP_sitemap_cont .list .li.chk .dep {margin-top:20px;}
    .MP_sitemap_cont .list .li.chk .dep:nth-child(-n + 4) {margin-top:30px;} */
    /* .MP_sitemap_cont .list .li.chk .dep strong {margin-top:5px;} */

    /* 2023-09-20 사이트맵 수정 시작 */
    .MP_sitemap_cont .renewal_box .list_wrap { margin-top: 2.4rem; padding-top: 0; }
    .MP_sitemap_cont .renewal_box .list_wrap .list .li:last-child { margin-bottom: 0; }
    .MP_sitemap_cont .renewal_box .list .li .dep:last-child { margin-bottom: 0 !important; }
    .MP_sitemap_cont .renewal_box .list_wrap a.tit_m .flag,
    .MP_sitemap_cont .renewal_box .list .flag { margin-left: 0.2rem; padding: 0.2rem 0.3rem; font-size: 1rem; }
    .MP_sitemap_cont .renewal_box .list_wrap a.tit_m:after { top: -0.1rem; right: 0.1rem; }
    .MP_sitemap_cont .renewal_box .li p { margin-bottom: 1.3rem !important; }
    .MP_sitemap_cont .renewal_box .li p a:after { top: -0.2rem; right: 0.2rem !important; }
    .MP_sitemap_cont .renewal_box .list { margin-top: 1.9rem; }
    .MP_sitemap_cont .renewal_box .li p a { font-size: 1.6rem; }
    .MP_sitemap_cont .renewal_box .list .dep { margin-bottom: 2.7rem !important; }
    .MP_sitemap_cont .renewal_box .list .dep:nth-of-type(2),
    .MP_sitemap_cont .renewal_box .list .dep:nth-of-type(3) { padding-left: 0; }
    .MP_sitemap_cont .renewal_box .list .dep strong a { font-size: 1.6rem; }
    .MP_sitemap_cont .renewal_box .list .dep strong a:after { top: 0.3rem; right: 0; }
    .MP_sitemap_cont .renewal_box .list .dep ul { margin: 0.8rem 0 0 -0.2rem; }
    .MP_sitemap_cont .renewal_box .list .li li a { font-size: 1.4rem; letter-spacing: 0; }
    .MP_sitemap_cont .renewal_box .list.only .dep { margin-bottom: 0 !important; }
    .MP_sitemap_cont .renewal_box .list.only .li .dep ul { margin-top: 0; }
    .MP_sitemap_cont .renewal_box .list.only .li .dep li { margin-top: 1.3rem; }
    .MP_sitemap_cont .renewal_box .list.only .li .dep li:first-child { margin-top: 0; }
    .MP_sitemap_cont .renewal_box .list.only .li li a { font-size: 1.6rem; letter-spacing: 0; }
    /* // 2023-09-20 사이트맵 수정 끝 */
}
@media all and (max-width:800px) {
    .MP_sitemap_cont { margin-bottom: -20px; }
    .MP_sitemap_cont .list .li .dep .other .mb { margin-bottom: 20px; }
    .MP_sitemap_cont .list .li.chk .dep.mh { margin-bottom: 30px; }
    .MP_sitemap_cont .list .li.chk .dep.lab { margin-bottom: 50px; }
    .MP_sitemap_cont .list .li.chk .dep.mh ul:last-child { margin-bottom: 0; }

    /* line */
    .MP_sitemap_cont .list_wrap { border-top: 0px solid #ddd; }

    .MP_sitemap_cont .box dt br { display: none; }
    .MP_sitemap_cont .list.only > li { width: 100%; }
    .MP_sitemap_cont .list .li.chk .dep.mh ul li { width: 100%; }
    .MP_sitemap_cont .list .li.chk .dep.mh ul, .MP_sitemap_cont .list.only { flex-direction: column; }

    .MP_sitemap_cont .list_wrap:last-child { padding: 0; }
    .MP_sitemap_cont .list_wrap .list .li { margin-bottom: 30px; }
    .MP_sitemap_cont .list_wrap .list .li:last-child { margin-bottom: -30px; }

    /* .MP_sitemap_cont .list_wrap .list .li:last-child {margin-bottom:0;} */
    .MP_sitemap_cont .list .flag { font-size: 10px; }

    /* 2septh */
    .MP_sitemap_cont .list { display: block; }
    .MP_sitemap_cont .list > li { float: none; margin-left: 0; }
    .MP_sitemap_cont .list .li { width: 100%; }
    .MP_sitemap_cont .list .li p { width: 100%; margin-bottom: 10px; }
    .MP_sitemap_cont .list .li ul { width: 100%; }

    /* 3septh */
    .MP_sitemap_cont .list .li.chk { display: block; }
    .MP_sitemap_cont .list .li.chk .dep { width: 100%; }
    .MP_sitemap_cont .list .li.chk .dep:nth-child(2) { margin-top: 0; }
    .MP_sitemap_cont .list .li.chk .dep strong { width: 100%; }
    .MP_sitemap_cont .list .li.chk .dep.mh2 { width: 100%; }
    .MP_sitemap_cont .list .li.chk .dep.mh2 ul { display: block; height: auto; }
    .MP_sitemap_cont .list .li.chk .dep.mh2 ul li { float: none; width: 100%; }
}
        
        



/***  Report ***/
.MP_report.cont {position:relative;background:#fff;line-height:28px;overflow:hidden;outline:none;padding-bottom:0;padding-top:0;}

/* cnt_top_visual */
.MP_report .top_img.cnt_top_visual {width:100%;margin:0 auto;color:#fff;position:relative;z-index: 1;}
.MP_report .top_img .keyVisualWrap {margin-bottom:60px;}
.MP_report .top_img .keyVisual {width:100%;background:center no-repeat;background-size:cover;position:relative;}
.MP_report .top_img .keyVisual_inner {padding:32px 24px 52px;}
.MP_report .top_img .keyVisual_inner .report_date {font-size:12px;text-align:right;}
.MP_report .top_img .keyVisual_textBox {text-align:left;}
.MP_report .top_img .keyVisual_textBox .keyVisual_title {font-size:52px;}
.MP_report .top_img .keyVisual_textBox p {font-size:22px;}

/* visual_img */
.MP_report .visual_img {position:relative;}
.MP_report .visual_img .img {position:relative;height:265px;background-color:#ddd;overflow:hidden;}
.MP_report .visual_img .img .img_p {position:absolute;left:0;top:0;width:100%;height:100%;}
.MP_report .visual_img .visual_items + .img {position:absolute;top:50%;left:0;width:100%;height:100%;background:#f5f5f5;transform:translateY(-50%);}
.MP_report .visual_img .visual_items .visual_items_inner .copy .copy_s {font-size:26px;line-height:43px;}

/* prod_tit */
.MP_report_cont {position:relative;}
.MP_report_cont:last-child {padding-bottom:40px;}
.MP_report_cont .li {display:flex;position:relative;padding:60px 0 80px 0;border-bottom:1px solid #ddd;}
.MP_report_cont .li:last-child {border-bottom:0;}
.MP_report_cont .li:after {display:block;clear:both;height:0;content:"";}
.MP_report_cont .prod_tit {width:22%}
.MP_report_cont .prod_tit .md_tit.tit_s {max-width:290px;font-size:26px;font-weight:bold;color:#005DA6;line-height:32px;letter-spacing:-0.5px;transition:font-size 0.4s;}
.MP_report_cont .prod_tit .md_tit.tit_sub {font-size:16px;font-weight:bold;color:#005DA6;width:64%;margin-top:10px;}
.MP_report_cont .prod_tit .md_tit {display:block;}
.MP_report_cont .prod_tit .md_txt {margin-top:10px;}
.MP_report_cont .prod_tit img {max-width:100%;}
.MP_report_cont .prod_tit img + .md_tit {margin-top:10px;}

/* prod_list */
.MP_report_cont .prod_list {width:78%;padding-left:50px;box-sizing:border-box;}
.MP_report_cont .prod_list > .list {width:100%;margin-top:40px;}
.MP_report_cont .prod_list > .list:first-child {margin-top:0;}
.MP_report_cont .prod_list > .list > div {margin-top:10px;}
.MP_report_cont .prod_list strong {display:block;position:relative;font-size:22px;padding-left:10px;}
.MP_report_cont .prod_list .ico_dot strong:before {position:absolute;left:0;top:15px;width:4px;height:4px;background:#000;content: "";border-radius:50%;}
.MP_report_cont .prod_list .list .small_img {margin-top:40px;}

/* table */
.MP_report .view_cont .p_img img {max-width:100%;}
.MP_report .view_cont .m_img {display:none;}

/* bnr_bar */
.MP_report .bnr_bar .inner_fix{position:fixed;width:100%;bottom:0;left:0;right:0;padding:10px 0;background:#005DA6;z-index:5;text-align:center;}
.MP_report .bnr_bar.on .inner_fix{position:relative;}
.MP_report .bnr_bar p {color:#fff;text-align:center;}

@media all and (max-width:1023px){
    .MP_report .view_cont .p_img {display:none;}
    .MP_report .view_cont .m_img {display:block;}
    .MP_report .view_cont .m_img img {width:100%;}
    .MP_report_cont .prod_list .list ul li {line-height:22px;}
}

/** -Mobile UI- **/
@media all and (max-width:838px){
    /* cnt_top_visual */
    .MP_report .top_img .keyVisualWrap {margin-bottom:30px;}
    .MP_report .top_img .keyVisual_inner .report_date {font-size:8px;}
    .MP_report .top_img .keyVisual_textBox .keyVisual_title {font-size:30px;}
    .MP_report .top_img .keyVisual_textBox p {font-size:16px;}

    /* visual_img */
    .MP_report .visual_img .visual_items .visual_items_inner .copy .copy_s {font-size:20px;line-height:26px;text-align:center;}

    /* prod_tit */
    .MP_report_cont .li {display:block;padding: 30px 0 40px 0;}
    .MP_report_cont .prod_tit {width:51%;margin-bottom:20px;}
    .MP_report_cont .prod_tit .md_tit.tit_s {width:237px;font-size:20px;padding-right:0;}
    .MP_report_cont .prod_tit .md_tit.tit_sub {font-size:16px;width:300px;}
    .MP_report_cont .prod_list strong {font-size:16px;line-height:22px;}

    /* prod_list */
    .MP_report_cont .prod_list > .list {margin-top:20px;}
    .MP_report_cont .prod_list {width:100%;padding-left:0;}
    .MP_report_cont .prod_list .list .small_img img {width:100%;}

    /* table_img */
    .MP_report .view_cont .p_img {display:none;}
    .MP_report .view_cont .m_img {display:block;}
    .MP_report .view_cont .m_img img {width:100%;}
}   




/** MP_contact | contact **/
.MP_contact .tit_e {margin-bottom:10px;}
.MP_contact .tit_desc {margin-bottom:20px;}
.MP_contact .MP_contact_cont {margin-bottom:80px;}
.MP_contact .MP_contact_cont:last-child {margin-bottom:0;}

/* list */
.MP_contact_cont .list .li .box {display:flex;min-height:240px;flex-direction:column;justify-content:space-between;}
.MP_contact_cont .list .li .tit_box {line-height:28px;}
.MP_contact_cont .list .li .tit_box .md_txt{margin-top:8px;}
.MP_contact_cont .list .li .ico_img .img_p{max-width:100px;margin:0 auto;}
.MP_contact_cont .list .li .ico_img .img_p img{width:100%;}

/* 기본 3단 */
.MP_contact_cont .list{margin-top:-26px;margin-right:-13px;margin-left:-13px;display:flex;flex-wrap:wrap;}
.MP_contact_cont .list .li {display:block;float:left;width:calc(33.3% - 26px);margin:26px 13px 0 13px;padding:60px 40px;text-align:center;background:#fafafa;overflow:hidden;}
.MP_contact_cont .list .li:nth-child(3n + 1) {clear:left;}


@media all and (max-width:1200px){
    /* 2단 */
    .MP_contact_cont .list{margin-top:-16px;margin-right:-8px;margin-left:-8px;}
    .MP_contact_cont .list .li {width:calc(50% - 16px);margin:16px 8px 0 8px;padding:40px 30px;}
    .MP_contact_cont .list .li:nth-child(2n + 1) {clear:left;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){}

@media all and (max-width:600px){
.MP_contact .MP_contact_cont {margin-bottom:56px;}
.MP_contact .MP_contact_cont:last-child {margin-bottom:0px;}

/* 1단 */
.MP_contact_cont .list {display:block;margin-top:0;margin-right:0;margin-left:0;}
.MP_contact_cont .list .li {float:none;margin:10px 0 0 0;width:100% !important;padding:30px 20px;}
.MP_contact_cont .list .li:first-child {margin-top:0;}
.MP_contact_cont .list .li .box {display:block;min-height:inherit;}
.MP_contact_cont .list .li .ico_img {display:none;}
.MP_contact_cont .list .li .box .md_btn {margin-top:20px;}
.MP_contact_cont .list .li .box .md_txt {margin-top:14px;}
}

/* MP_license */
.MP_license { margin-bottom: 120px; }
.MP_license .keyVisualWrap { margin-bottom: 80px; }
.MP_license .tit_m { margin-bottom: 80px; font-size: 24px; line-height: 36px; text-align: center; }

/* select_box */
.MP_license .sel_box { padding: 60px 0 60px 0; background: #F8F8F8; }
.MP_license .sel_box .select_box { margin-bottom: 40px; text-align: center; }
.MP_license .sel_box .select_box .seldiv { position: relative; max-width: 430px; width: 100%; margin: auto; }
.MP_license .sel_box .select_box .seldiv:after { display: inline-block; position: absolute; top: -2px; right: 15px; width: 15px; height: 15px; margin: 11px 10px 0 3px; border: 2px solid #000; border-width: 2px 2px 0 0; box-sizing: border-box; transform: rotate(135deg); content: ""; vertical-align: top; cursor: pointer; pointer-events: none; }
.MP_license .sel_box .select_box select { max-width: 430px; width: 100%; padding: 10px 0 10px 10px; border: 1px solid #000; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.MP_license .sel_box .select_box select::-ms-expand { display: none; }
.MP_license .sel_box .inner_sch_form { height: 44px; }
.MP_license .sel_box .inner_sch_form .sch_box { max-width: 430px; }
.MP_license .sel_box .inner_sch_form .sch_ip > input[type=text] { height: 45px; font-size: 16px; padding-left: 10px; background: #F8F8F8; }
.MP_license .sel_box .inner_sch_quick { top: 8.9px; }
.MP_license .sel_box .sch_box .sch_ip button.btn_sch_ip { top: 10px; right: 15px; }

/* tab_panel */
.MP_license .tab_panel { display: block; width: 1200px; max-width: 100%; margin: 60px auto; padding: 0 30px; }
.MP_license .tab_panel .toggle_list { border-bottom: 2px solid #000; }
.MP_license .tab_panel .toggle_btn { position: relative; display: block; width: 100%; padding: 20px 64px 20px 0; font-size: 16px; line-height: 24px; font-weight: bold; text-align: left; border-top: 2px solid #000; transition: color 0.3s; outline: none; }
.MP_license .tab_panel .toggle_btn:after { content: ""; display: inline-block; position: absolute; top: 50%; right: 16px; width: 16px; height: 2px; background-color: #000; transform: translateY(-50%) rotate(90deg); transition: transform 0.3s; }
.MP_license .tab_panel .toggle_btn:before { content: ""; display: inline-block; position: absolute; top: 48%; right: 16px; width: 16px; height: 2px; background-color: #000; }
.MP_license .tab_panel .toggle_btn.active:after { transform: translateY(-50%); }
.MP_license .tab_panel .toggle_cont { display: none; max-width: 100%; }
.MP_license .tab_panel .toggle_cont .accordion_box .accordion_txt { position: relative; max-width: 100%; padding: 20px 230px 20px 30px; border-top: 1px solid #ddd; box-sizing: border-box; }
.MP_license .tab_panel .toggle_cont .accordion_box .accordion_txt:last-child { border-bottom: 1px solid #ddd; box-sizing: border-box; }
.MP_license .tab_panel .toggle_cont .accordion_box .accordion_txt .goods_txt { display: inline-block; }
.MP_license .tab_panel .toggle_cont .accordion_box .accordion_txt .date_txt { position: absolute; display: table-cell; top: 21px; right: 125px; width: 80px; }
.MP_license .tab_panel .toggle_cont .accordion_box .accordion_txt .btn_txt2 { display: table-cell; position: absolute; right: 40px; top: 22px; }
.MP_license .tab_panel .flag_ext { height: 24px; background-color: #E27306; color: #fff; font-weight: normal; font-size: 14px; line-height: 20px; padding: 2px 12px; margin-left: 10px; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .MP_license .tit_m { margin-bottom: 50px; }
    .MP_license .tab_panel .toggle_cont .accordion_box .accordion_txt { padding: 20px 180px 20px 20px; }
    .MP_license .tab_panel .toggle_cont .accordion_box .accordion_txt .date_txt { right: 85px; }
    .MP_license .tab_panel .toggle_cont .accordion_box .accordion_txt .btn_txt2 { right: 20px; }
}
@media all and (max-width:768px) {

    /* searchBox */
    .MP_license .sel_box .sch_box.on .inner_sch_quick { top: 165px; }
    .MP_license .sel_box .inner_sch_form .sch_box { max-width: 100%; }
    .MP_license .sel_box .inner_sch_form .sch_box.on .sch_ip > input[type=text] { background: #fff; }
    .MP_license .sel_box .inner_sch_form .sch_box .sch_ip { max-width: 430px; width: 100%; }

    /* tab_panel */
    .MP_license .tab_panel { margin: 45px 0 60px 0; }
    .MP_license .tab_panel .toggle_cont .accordion_box .accordion_txt { padding: 20px 60px 20px 0; }
    .MP_license .tab_panel .toggle_cont .accordion_box .accordion_txt .goods_txt { margin-bottom: 5px; line-height: 20px; }
    .MP_license .tab_panel .toggle_cont .accordion_box .accordion_txt .date_txt { position: initial; width: 250px; padding-left: 0; }
    .MP_license .tab_panel .toggle_cont .accordion_box .accordion_txt .btn_txt2 { display: block; right: 0; top: 33px; }
}
@media all and (max-width:600px) {
    /* MP_license */
    .MP_license { margin-bottom: 60px; }
    .MP_license .tit_m { font-size: 20px; padding: 0 30px 0 30px; }

    /* select_box */
    .MP_license .sel_box .select_box { margin-bottom: 30px; padding: 0 30px 0 30px; }
}



/***  MP_history ***/
.cont.MP_history {padding-top:0;}
.MP_history .caption_m {display:none;}

/* tab Swiper */
.MP_history .tab_wrap {position:relative;width: auto;max-width:1504px;padding:0 93px;height:80px;margin:0 auto 120px;box-sizing:border-box;}
.MP_history .tab_slide_area.fixed {position:fixed;top:0px;left:0;right:0;z-index:5;background:#fff;border-bottom:1px solid #ddd;}
.MP_history .tab_slide_area .tab_list {padding:20px 0;justify-content:center;}
.MP_history .tab_list li {float:left;width:auto;}
.MP_history .tab_list li .tab_btn {position:relative;display:block;padding:0 20px;font-size:24px;color:#000;transition:color 0.3s;}
.MP_history .tab_list li .tab_btn:hover,
.MP_history .tab_list li .tab_btn:focus {color: #2189FF;}
.MP_history .tab_list li .tab_btn.active {color: #2189FF;font-weight:bold;}
.MP_history .tab_list li .tab_btn:before {display:inline-block;position:absolute;left:0;top:50%;width:1px;height:28px;margin-top:-14px;background:#000;content:'';}
.MP_history .tab_list li:first-child .tab_btn:before {display:none;}

/* panel area */
.MP_history_cont .tab_panel {position:relative;}
.MP_history_cont .tab_panel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.MP_history_cont .tab_panel:first-child .year_box {opacity:1;}
.MP_history_cont .year_box {position:absolute;top:0;left:50%;transform:translateX(-100%);opacity:0;width:50%;max-width:630px;margin-top:70px;padding-right:100px;text-align:right;}
.MP_history_cont .year_box.fixed {position:fixed;width:calc(50% - 93px);left:50%;opacity:1;z-index:2;}
.MP_history_cont .year_box.last {bottom:0;opacity:1;}
.MP_history_cont .year_box .md_tit {display:block;margin-bottom:10px;}
.MP_history_cont .year_box .md_txt {margin-bottom:20px;}
.MP_history_cont .year_box .img {position:relative;margin-bottom:20px;overflow:hidden;}
.MP_history_cont .year_box .img img {width:100%;}
.MP_history_cont .year_box .img:before {content:"";display:block;width:100%;height:0;padding-bottom:56.346%;background-color:#ddd;}
.MP_history_cont .year_box .img .img_p {position:absolute;left:0;top:0;width:100%;height:100%;}

.MP_history_cont .year_list {position:relative;float:right;width:50%;box-sizing:border-box;}
.MP_history_cont .tab_panel:last-child .year_list .list:last-child {padding-bottom:0;}
.MP_history_cont .year_list .list{position:relative;padding:0 0 140px 100px;}
.MP_history_cont .year_list .list .month_list li {position:relative;margin-top:15px;padding-left:30px;}
.MP_history_cont .year_list .list .month_list li:first-child {margin-top:0;}
.MP_history_cont .year_list .list .month_list .date {position:absolute;top:0;left:0;}
.MP_history_cont .year_list .list .month_list .txt {margin-bottom:10px;}
.MP_history_cont .year_list .list .month_list .txt:last-child {margin-bottom:0;}
.MP_history_cont .year_list .list .data_year {display:block;position:relative;top:-10px;margin-bottom:15px;line-height:22px;}
.MP_history_cont .year_list .list.read .data_year {color: #2189FF;}
.MP_history_cont .year_list .list .data_year:before {display:block;position:absolute;top:12px;left:-100px;width:65px;height:2px;background:#ddd;content:'';}
.MP_history_cont .year_list .list:before {position:absolute;display:block;top:0px;left:-3px;width:8px;height:8px;border-radius:50px;background: #2189FF;z-index:2;content:'';}
.MP_history_cont .year_list .list:after {position:absolute;top:-3px;left:-6px;width:14px;height:14px;background:#fff;border:1px solid  #2189FF;border-radius:50px;z-index:1;content:'';}

/* progress bar */
.MP_history_cont .progress_bar {position:absolute;left:0px;top:0;width:2px;height:100%;background:#ddd;}
.MP_history_cont .progress_bar span{display:block;width:4px;height:0%;margin-left:-1px;background: #2189FF;z-index:1;transition: all 100ms ease-in;-webkit-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .MP_history .keyVisualWrap {margin-bottom:0;}
    .MP_history .caption_m {display:block;margin-bottom:20px;}

    /* tab Swiper */
    .MP_history .tab_wrap {max-width:1023px;padding:0;height:64px;margin:0 0 30px;border-bottom:1px solid #E1E1E1;}
    .MP_history .tab_slide_area {padding:0 30px;}
    .MP_history .tab_slide_area.fixed {max-width:1023px;}
    .MP_history .tab_list li .tab_btn {padding:0 10px;font-size:16px;}
    .MP_history .tab_list li .tab_btn:before {display:none;}
    .MP_history .tab_list li:first-child .tab_btn {padding-left:0px;}

    /* panel area */
    .MP_history_cont .year_box {position:relative;top:0;left:0;transform:inherit;float:none;width:auto;max-width:inherit;margin:0 -30px 50px;padding:30px;opacity:1;text-align:left;background:#F5F5F5;}
    .MP_history_cont .year_box .img {display:none;}
    .MP_history_cont .year_box .md_txt {margin-bottom:0;}
    .MP_history_cont .year_box .txt {display:none;}

    .MP_history_cont .year_list {width:100%;}
    .MP_history_cont .year_list .list {padding:0 0 70px 30px;}
    .MP_history_cont .year_list .list:last-child {padding-bottom:0;margin-bottom:40px;}
    .MP_history_cont .year_list .list .data_year {font-size:22px;margin-bottom:10px;}
    .MP_history_cont .year_list .list .data_year:before {left:-30px;width:20px;}
    .MP_history_cont .year_list .list .month_list li {margin-top:20px;padding-left:0;}
    .MP_history_cont .year_list .list .month_list .date {position:relative;display:block;margin-bottom:5px;}
    .MP_history_cont .year_list .list .month_list .txt {margin-bottom:5px;}
    .MP_history_cont .year_list .list .month_list .txt:last-child {margin-bottom:0px;}
}

@media all and (max-width:838px){
    .MP_history .tab_wrap {max-width:838px;}
    .MP_history .tab_slide_area.fixed {max-width:838px;}
    .MP_history .tab_slide_area .tab_list {justify-content: flex-start;}
}



/* .MP_insight_page */
.MP_insight_page .ico {background:none;}
.MP_insight_page span.ico {display: table;width: 100%;height: 100%;} 
.MP_insight_page .post .txt_wrap {padding-top:20px;}
.MP_insight_page .thumb_mark {vertical-align:top;}

/* post_smBtn */
.MP_insight_page .post_smBtn {display:flex;justify-content:flex-end;}
.MP_insight_page .post_smBtn .btn_bg { display: inline-block; width:120px; height:40px; margin-top:30px; border-radius:50px; transition:all 0.4s; vertical-align: top; background-color:#2189ff;}
/* 2023-04 접근성 수정 */
.MP_insight_page .post_smBtn .print_btn:hover,
.MP_insight_page .post_smBtn .print_btn:focus {background:#1c7eee;}
.MP_insight_page .post_smBtn .share_btn {margin: 30px 5px 0 0;}
.MP_insight_page .post_smBtn.post_smBtn_an {padding-left:10px;}
.MP_insight_page .post_smBtn.post_smBtn_an .btn_bg {background:#FF5F67;}
.MP_insight_page .post_smBtn:after {content:"";display:block;clear:both;}
.MP_insight_page .post_smBtn .ico_inner {display:flex;align-items:center;}
.MP_insight_page .post_smBtn span.ico_inner {height: 100%;justify-content: center;} /* 2023-04 접근성 수정 */
.MP_insight_page .post_smBtn .tit_xs {padding-left:5px;color:#fff;font-weight:bold;}

/* post_bigBtn */
#container .MP_insight_page.sideStickyWrap .inWrap .is_reverse > div:first-child {padding-top:0;}
#container .MP_insight_page.sideStickyWrap .inWrap .is_reverse {padding-top:18px;}
.MP_insight_page .post_bigBtn {display:flex;align-items:center;justify-content:center;padding-top:0;margin-bottom:80px;}
.MP_insight_page .post_bigBtn .btn_bg {width:346px;height:80px;border-radius:3px;background-color: #2189FF;transition:all 0.4s;}
.MP_insight_page .post_bigBtn .btn_bg:hover,
.MP_insight_page .post_bigBtn .btn_bg:focus {background-color:#1C7EEE;}
.MP_insight_page .post_bigBtn .ico_inner {display:flex;align-items:center;}
.MP_insight_page .post_bigBtn .tit_s {padding-left:10px;color:#fff;font-weight:normal;}

/* post_btnBox */
.MP_insight_page .post_btnBox {display:flex;justify-content:space-between; width: 100%; max-width: 844px; height:245px;margin:30px 0 100px 0;background-color: rgba(193, 228, 237, 0.3);}
.MP_insight_page .post_btnBox .txt {margin:50px 0 0 70px;text-align:left;}
.MP_insight_page .post_btnBox .txt br {display:none;}
.MP_insight_page .post_btnBox .txt .tit_m {font-size:28px;font-weight:normal;margin-bottom:10px;}
.MP_insight_page .post_btnBox .txt .md_txt {font-size:16px;font-weight:normal;}
.MP_insight_page .post_btnBox .btn_box {display:flex;}
.MP_insight_page .post_btnBox .img_p {padding:30px 70px 30px 0;}
.MP_insight_page .post_btnBox .img img {max-width:205px;min-height:180px;}
.MP_insight_page .post_btnBox_org{ font-size: 1.4rem; font-weight: 700; margin-top: 74px; text-align: center; }

/* post_eventBtnBox */
.MP_insight_page .post_eventBtnBox { margin-top: 100px; }
.MP_insight_page .post_eventBtnBox .inner { position: relative; max-width: none; margin: 0; padding: 0; }
.MP_insight_page .post_eventBtnBox .inner .img_p, .MP_insight_page .post_eventBtnBox .inner .img_m { width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; }
.MP_insight_page .post_eventBtnBox .inner .img_p { min-height: 245px; }
.MP_insight_page .post_eventBtnBox .inner .img_m { display: none; }
.MP_insight_page .post_eventBtnBox .inner .txt { position: absolute; top: 50px; left: 60px; width: calc(100% - 110px); }
.MP_insight_page .post_eventBtnBox .inner .txt .tit_m2 { color: #fff; margin-bottom: 10px; }
.MP_insight_page .post_eventBtnBox .inner .txt .date { display: block; color: #fff; }
.MP_insight_page .post_eventBtnBox .inner .txt a { width: 122px; height: 44px; min-width: auto; padding: 0; margin-top: 25px; }
.MP_insight_page .post_eventBtnBox .inner .txt a.btn_ty:hover, .MP_insight_page .post_eventBtnBox .inner .txt a.btn_ty:focus { color: #000; }
.MP_insight_page .post_eventBtnBox .inner .txt a.btn_ty.bg:hover, .MP_insight_page .post_eventBtnBox .inner .txt a.btn_ty.bg:focus { background-color: #fff; }
.MP_insight_page .post_eventBtnBox .inner .txt a.btn_ty::before { background-color: #fff; }
.MP_insight_page .post_eventBtnBox.black .inner .txt .tit_m2, .MP_insight_page .post_eventBtnBox.black .inner .txt .date { color: #000; }

/** -Mobile UI- **/
@media all and (max-width:1299px){
    /* post_smBtn */
    .MP_insight_page .post_smBtn .print_btn {display:none;}

    /* post_bigBtn */
    .MP_insight_page .post_bigBtn {display:none;}

    /* post_btnBox */
    .MP_insight_page .post_btnBox { width: 100%; max-width: none; }
}

@media all and (max-width:838px){
    /* .MP_insight_page */
    .MP_insight_page .post .postOtherInfo {margin-top:0;}

    /* post_smBtn */
    /* .MP_insight_page .post_smBtn {display:block;} */
    .MP_insight_page .post_smBtn .btn_bg {margin-top:15px;}
    .MP_insight_page .post_smBtn .btn_bg:first-child {margin-top:20px;}
    .MP_insight_page .post_smBtn.post_smBtn_an {padding-left:0;}

    /* post_btnBox */
    .MP_insight_page .post_btnBox {height:427px;justify-content:center;flex-direction:column-reverse;padding:36px 0 36px 0;margin:50px 0 60px 0;}
    .MP_insight_page .post_btnBox .txt {margin:0;text-align:center;}
    .MP_insight_page .post_btnBox .txt .tit_m {font-size:18px;margin-bottom:5px;}
    .MP_insight_page .post_btnBox .txt .md_txt {font-size:14px;}
    .MP_insight_page .post_btnBox .btn_box { display: flex; align-items: center; flex-direction: column;}
    .MP_insight_page .post_btnBox .img_p {padding:0 0 30px 0;}
    .MP_insight_page .post_btnBox .img img {max-width:150px;min-height:135px;}
    .MP_insight_page .post_btnBox_org{ margin-top: 25px; padding-top: 40px; }
    .MP_insight_page .post .postOtherInfo { margin-top: 50px; }

    /* post_eventBtnBox */
    .MP_insight_page .post_eventBtnBox { margin-top: 50px; }
    .MP_insight_page .post_eventBtnBox .inner .img_p { display: none; }
    .MP_insight_page .post_eventBtnBox .inner .img_m { display: block; min-height: 330px; }
    .MP_insight_page .post_eventBtnBox .inner .txt { top: auto; left: 50%; bottom: 25px; transform: translate(-50%, 0%); text-align: center; padding: 0 20px; }
    .MP_insight_page .post_eventBtnBox .inner .txt .tit_m2 { line-height: 24px; }
    .MP_insight_page .post_eventBtnBox .inner .txt a { margin-top: 20px; width: 120px; height: 40px; }
}

@media all and (max-width:600px){
    /* post_btnBox */
    .MP_insight_page .post_btnBox .txt br {display:block;}
}


/*** Footer ***/
#footer {position:relative;max-width:1920px;margin:0 auto;background:#222;color:#fff;}
#footer a {outline:none;}
#footer .inner {position:relative;max-width:1378px;padding:30px;}
#footer .f_menu {position:relative;min-height:210px;padding-bottom:100px;overflow:hidden;}
#footer .f_menu a {display:inline-block;color:#fff;transition:all 0.4s;cursor:pointer;}
#footer .f_menu a:hover {opacity:0.4;}
#footer .f_menu h5 {font-size:16px;line-height:24px;}
#footer .f_menu .ftl {font-size:16px;font-weight:normal;line-height:24px;}
#footer .f_menu .ftm {font-size:16px;font-weight:normal;line-height:24px;}
#footer .f_menu .ftl + .ftl {margin-top:16px;}
#footer .f_menu .ftl strong {font-weight:normal;}
#footer .f_menu ul {font-size:14px;line-height:20px;}
#footer .f_menu li a {display:block;line-height:20px;}
#footer .f_menu li a sup {line-height:1;}
#footer .f_menu .in {width:100%;margin-top:10px;}
#footer .f_menu .in ul li {margin-top:10px;}
#footer .f_menu .in ul li:first-child {margin-top:0;}

/* First Menu */
#footer .f_mwrap {float:left;}
#footer .f_mwrap.w1 {width:195px;margin-right:15px;}
#footer .f_mwrap.w2 {width:200px;height:40px;}
#footer .ftl a {position:relative;padding-right:12px}
#footer .ftl a:after {position:absolute;right:0;top:50%;width:7px;height:7px;margin-top:-3px;border:solid #fff;border-width:2px 2px 0 0;box-sizing:border-box;transform:rotate(45deg);content:"";transition:all 0.4s;}
#footer .ftl a:hover:after {right:-4px;}

#footer a.link_ico{position: relative;}
#footer a.link_ico::after{content: ""; display: inline-block; width: 14px; height: 14px; background: url(https://image.samsungsds.com//module_src/images/icon/ico_page_view_bold.svg?queryString=20241210125943) center / cover no-repeat; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(102%) contrast(104%); margin-left: 12px; transform: translate(0, 2px);}

/* Family Site */
#footer .etc_drop {position:absolute;top:0;right:0;height:55px;z-index:11;}
#footer .etc_drop .ftm a {display:block;color:#fff}
#footer .etc_drop .ftm > a {position:relative;padding-right:22px;font-size:16px;transition:all 0.4s;}
#footer .etc_drop .ftm
/* Family Site */
#footer .etc_drop {position:absolute;top:0;right:0;height:175px;z-index:11;}
#footer .etc_drop .ftm a {display:block;color:#fff}
#footer .etc_drop .ftm > a {position:relative;padding-right:22px;font-size:16px;transition:all 0.4s;}
#footer .etc_drop .ftm > a:hover {opacity:0.4;}
#footer .etc_drop .ftm > a:focus:before {content:"";position:absolute;top:0px;left:-5px;right:0px;height:100%;border:1px solid #5f5f5f;border-radius: 5px;}
#footer .etc_drop .ftm > a:after {position:absolute;right:3px;top:11px;width:8px;height:8px;margin-top:-4px;border:solid #fff;border-width:1px 1px 0 0;box-sizing:border-box;transform:rotate(135deg);content:"";transition:all 0.4s;}
#footer .etc_drop.on .ftm > a {opacity:1;}
#footer .etc_drop.on .ftm > a:after {top:16px;transform:rotate(315deg);}
#footer .etc_drop .in {display:none;position:absolute;right:0;top:37px;padding:10px 3px;background:#3b3b3b;color:#fff;}
#footer .etc_drop .in:before {position:absolute;left:137px;top:18px;width:2px;height:calc(100% - 36px);background:#414141;content:"";}
#footer .etc_drop .in ul {position:relative;float:left;width:159px;padding:0 0 0 25px;box-sizing:border-box;}
#footer .etc_drop .in ul:nth-child(2) {width:110px; left:-23px;}
#footer .etc_drop .in.is_three {width:280px;min-height:178px;margin-top:-2px;}
#footer .etc_drop .in li {font-size:14px;line-height:20px;text-align:left;}
#footer .etc_drop .in li strong{display:block;font-size:16px;line-height:24px;}
#footer .etc_drop .in li a {display:block;}
#footer .etc_drop .in li a:hover,
#footer .etc_drop .in li a:focus {color:#39c0e5;opacity:1;}
#footer .etc_drop .in li a .ico {display:none;width:9px;height:9px;margin-left:5px;}
#footer .etc_drop .in li.on {color:#39c0e5;font-weight:bold;}

/* etc_top */
#footer .etc_top {position:absolute;right:0;bottom:11px;}
#footer .etc_top a {position:relative;font-size:14px;font-weight:normal;line-height:20px;}
#footer .etc_top a span {display:inline-block;position:relative;padding-right:15px;}
#footer .etc_top a span:after {position:absolute;right:0;top:10px;width:12px;height:12px;margin-top:-4px;border:solid #fff;border-width:3px 3px 0 0;box-sizing:border-box;transform:rotate(-45deg) scale(0.5);content:"";}

/** copyright **/ 
#footer .f_etc {position:relative;padding-top:22px;border-top:1px solid #333;color:#888;}
#footer .f_etc:after {display:block;clear:both;content:"";}
#footer .f_etc .f_etc_left {float:left;}
#footer .f_etc .f_etc_right {float:right;}
#footer .f_etc strong {color:#aaa;font-weight:bold;transition:color 0.4s;}
#footer .f_etc .etc_info {margin-top:17px;font-size:12px;line-height:20px;}
#footer .f_etc .etc_info .tel {display:inline-block;margin-left:6px;vertical-align:top;}
#footer .f_etc .etc_info .address:empty:before {content:" ";display: inline-block;}

/* copyright menu */
#footer .f_etc .copy {font-size:12px;line-height:20px;}
#footer .f_etc .etc_menu {display:block;font-size:14px;line-height:20px;}
#footer .f_etc .etc_menu a {color:#888;transition:all 0.4s;}
#footer .f_etc .etc_menu a:hover, #footer .f_etc .etc_menu a:focus {color:#fff;}
#footer .f_etc .etc_menu .mark {display:inline-block;width:1px;height:10px;margin:6px 4px 5px 6px;background:#aaa;vertical-align:top;opacity:0.6;}
#footer .f_etc .etc_menu .mark_acc {margin-left:10px;}
#footer .f_etc .etc_menu .mark_acc:focus {outline:1px dotted #888;}
#footer .f_etc .etc_menu .access {width:27px;}

/* etc_toggle : 210623 add */
#footer .etc_toggle {display:inline-block; position:relative;}
#footer .etc_toggle .dimd {display:none;}
#footer .etc_toggle strong {display: inline-block; font-size: 14px; color: inherit; line-height: 20px;}
#footer .etc_toggle a {display:inline-block;color:#aaa;}
#footer .etc_toggle > a {position:relative;padding-right: 20px;font-size:16px;transition:all 0.4s;}
#footer .etc_toggle > a:focus:before {content:"";position:absolute;top:0px;left:-5px;right:0px;height:100%;border:1px solid #5f5f5f;border-radius: 5px;}
#footer .etc_toggle > a:after {position:absolute;right: 3px;top: 10px;width: 8px;height:8px;margin-top:-4px;border: solid #aaa;border-width: 2px 2px 0 0;box-sizing:border-box;transform:rotate(135deg);content:"";transition:all 0.4s;}
#footer .etc_toggle.on > a:after {top:12px;transform:rotate(315deg);}
#footer .etc_toggle .sub_menu {display:none;position:absolute;bottom: 20px;left: 0px;z-index:11;padding-bottom:8px;z-index:7000;}
#footer .etc_toggle .sub_menu ul {padding:12px 16px;background:#3b3b3b;white-space:nowrap;}
#footer .etc_toggle .sub_menu li {text-align:left;}
#footer .etc_toggle .sub_menu li a {display:block;color:#fff;font-size:12px;font-weight:normal;line-height:28px;transition:all 0.4s;}
#footer .etc_toggle .sub_menu li a:hover,
#footer .etc_toggle .sub_menu li a:focus {color:#39c0e5}
#footer .etc_toggle .sub_menu li.on a {color:#39c0e5;font-weight:bold;}

/* sns menu */
#footer .f_cont_wrap {position:absolute;right:0;top:15px;}
#footer .f_etc .newsletter {display:inline-block;}
#footer .f_etc .newsletter a {display:block;width:134px;height:34px;background:#3b3b3b;color:#fff;font-size:14px;line-height:34px;text-align:center;transition:all 0.4s;}
#footer .f_etc .newsletter a:hover, #footer .f_etc .newsletter a:focus {background:#4e4e4e;}
#footer .f_cnt {display:inline-block;margin:0 0 0 5px;vertical-align:top;}
#footer .f_cnt .sns {display:inline-block;text-align:left;vertical-align:top;}
#footer .f_cnt .sns a {display:inline-block;width:34px;height:34px;margin-left:20px;background-repeat:no-repeat;background-size:auto 100%;background-position:center;overflow:hidden;opacity:0.5;transition:all 0.4s;}
#footer .f_cnt .sns strong {position:absolute;top:auto;left:auto;width:1px;height:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);}
#footer .f_cnt .sns:first-child a{margin-right:0;}
#footer .f_cnt .sns.s1 a {background-image:url(https://image.samsungsds.com/module_src/images/icon/ico_footer_youtube.png?queryString=20241210125943);}
#footer .f_cnt .sns.s2 a {background-image:url(https://image.samsungsds.com/module_src/images/icon/ico_footer_linkedin.png?queryString=20241210125943);}
#footer .f_cnt .sns.s3 a {width:30px;background-image:url(https://image.samsungsds.com/module_src/images/icon/ico_footer_facebook.png?queryString=20241210125943);}
#footer .f_cnt .sns.s4 a {width:26px;background-image:url(https://image.samsungsds.com/module_src/images/icon/ico_footer_naver.png?queryString=20241210125943);}
#footer .f_cnt .sns.s5 a {background-image:url(https://image.samsungsds.com/global/ko/images/icon/ico_foot3_sns5.png?queryString=20241210125943?queryString=20200630065653);} /* 개발 → 퍼블 전달코드 */
#footer .f_cnt .sns.s6 a {background-image:url('https://image.samsungsds.com/resource/en/images/icon/ico_footer_twitter.png?queryString=20241210125943');} /* 개발 → 퍼블 전달코드 */
#footer .f_cnt .sns.s7 a {background-image:url(https://image.samsungsds.com/resource/en/images/icon/ico_footer_slideshare.png?queryString=20241210125943?queryString=20200630065653);} /* 개발 → 퍼블 전달코드 */
#footer .f_cnt .sns.s8-1 a {background-image:url(../../medias/cn/wechat-youku-sina-sns-ico/weibo.png?queryString=20240913135606);}
#footer .f_cnt .sns.s8-2 a {background-image:url(../../medias/cn/wechat-youku-sina-sns-ico/youku.png?queryString=20240913135606);}
#footer .f_cnt .sns.s8-3 a {background-image:url(../../medias/cn/wechat-youku-sina-sns-ico/weixin.png?queryString=20240913135606);}
#footer .f_cnt li .qr { display: none; position: absolute; top:40px; margin-left:-85px; width: 140px; height:147px; padding:14px 7px 7px;background:url(../../medias/cn/zh/images/icon/bg_qr_down.png?queryString=20200611112539) no-repeat; background-size: contain;}
#footer .f_cnt li:hover .qr { display: inline-block;}
#footer .f_cnt>li .qr img{width:100%;height:100%;}
#footer .f_cnt .sns.s9 a {background-image:url('https://image.samsungsds.com/resource/en/images/icon/ico_footer_instagram.png?queryString=20241210125943');} /* 개발 → 퍼블 전달코드 */
#footer .f_cnt .sns a:hover, #footer .f_cnt .sns a:focus {opacity:1;}

/* contact_address */
#footer .contact_address {margin-top:18px;font-size:12px;line-height:20px;}
#footer .contact_address > li {display:table;}
#footer .contact_address .title {display:table-cell;font-weight:400;color:#fff;vertical-align:top;white-space:nowrap;}
#footer .contact_address .content {display:table-cell;padding-left:10px;color:#888;vertical-align:top;}
#footer .contact_address .content .addr {padding-right:10px;}
#footer .contact_address + .copy {margin-top:8px;}

/* etc_lang */
#footer .etc_lang {position:absolute;right:0;top:77px;}
#footer .etc_lang .dimd {display:none;}
#footer .etc_lang a {display:block;color:#fff}
#footer .etc_lang > a {position:relative;padding-right:22px;font-size:16px;transition:all 0.4s;}
#footer .etc_lang > a:hover,
#footer .etc_lang > a:focus {opacity:0.5;}
#footer .etc_lang > a:focus:before {content:"";position:absolute;top:0px;left:-5px;right:0px;height:100%;border:1px solid #5f5f5f;border-radius: 5px;}
#footer .etc_lang > a:after {position:absolute;right:3px;top:8px;width:8px;height:8px;margin-top:-4px;border:solid #fff;border-width:1px 1px 0 0;box-sizing:border-box;transform:rotate(135deg);content:"";transition:all 0.4s;}
#footer .etc_lang.on > a:after {top:12px;transform:rotate(315deg);}
#footer .etc_lang .sub_menu {display:none;position:absolute;bottom:10px;right:0px;z-index:11;padding-bottom:8px;z-index:7000;}
#footer .etc_lang .sub_menu ul {padding:12px 16px;background:#3b3b3b;white-space:nowrap;}
#footer .etc_lang .sub_menu li {text-align:left;}
#footer .etc_lang .sub_menu li a {display:block;color:#fff;font-size:12px;font-weight:normal;line-height:28px;transition:all 0.4s;}
#footer .etc_lang .sub_menu li a:hover,
#footer .etc_lang .sub_menu li a:focus {color:#39c0e5}
#footer .etc_lang .sub_menu li.on a {color:#39c0e5;font-weight:bold;}
.quick_top {display:none;}

/** -Mobile UI- **/
@media all and (max-width:1024px) {
#footer .inner {padding:5px 30px 40px 30px;}
#footer .f_menu {padding:0;}
#footer .f_menu .ftm,
#footer .f_menu .ftl {position:relative;margin:0 !important;border-bottom:1px solid #333;font-size:14px;line-height:41px;}
#footer .f_menu .ftm:after {position:absolute;right:5px;top:50%;width:8px;height:8px;margin-top:-5px;border:solid #fff;border-width:1px 1px 0 0;box-sizing:border-box;transform:rotate(135deg);content:"";transition:all 0.4s;}
#footer .f_menu .ftm > a,
#footer .f_menu .ftl > a {display:block;font-size:14px !important;font-weight:normal !important;}
#footer .f_menu .ftl > a:after {content:"";}
#footer .f_menu .ftm.on:after {margin-top:-2px;transform:rotate(315deg);}
#footer .f_menu .ftm strong, #footer .f_menu .ftl strong {font-weight:normal;}
#footer .f_menu h6, #footer .f_mwrap ul {display:none;}
#footer .f_menu h6, #footer .f_mwrap .in {display:none;}
#footer .f_menu li a {display:block;width:100%;max-width:none !important;}
#footer .f_menu h6, #footer .f_mwrap .in ul {display:block;width:100%;}
#footer .f_menu h6, #footer .f_mwrap li a {padding:2px 0;font-size:14px;line-height:20px;}
#footer .f_menu h6 {padding-bottom:8px;}
#footer .f_menu .in ul li {margin-top:15px;}
#footer .f_mwrap .in ul {padding:0 20px 10px 20px;}

/* etc_top */
#footer .etc_top {position:static;margin-bottom:8px;text-align:center;}
#footer .etc_top a {display:block;padding:22px 0;}
#footer .etc_top a span {display:inline-block;position:relative;padding:0 0 0 15px;}
#footer .etc_top a span:after {right:initial;left:0;}

/* First Menu */
#footer .f_menu .f_mwrap.on ul {display:block;}
#footer .f_menu .f_mwrap, 
#footer .f_mwrap.w1 > div {float:none;width:100% !important;max-width:none;}
#footer .ftl a:after {display:none;}

#footer a.link_ico::after{display: none;}

/* Family Site */
#footer .etc_drop {position:static;height:auto;}
#footer .etc_drop .ftm > a:after {display:none;}
#footer .etc_drop .in {position:static;padding:0;background:none;}
#footer .etc_drop .in:before {display:none;}
#footer .etc_drop .in ul {float:none;width:100% !important;padding:5px 15px 20px 15px;}
#footer .etc_drop .in.is_two {width:100%;min-height:auto;padding:10px 0 0 0;}
#footer .etc_drop .in.is_two li:first-child {margin-top:-5px;padding-bottom:5px;}
#footer .etc_drop .in li strong {display:block;position:relative;padding-bottom:10px;font-size:14px;}
#footer .etc_drop .in li strong:before {position:absolute;left:0;bottom:0;width:10px;height:1px;background:#fff;content:"";}
#footer .etc_drop .in ul:nth-child(2) {padding-top:10px;padding-bottom:0;}

/** copyright **/ 
#footer .f_etc {padding-top:0;border-top:0;color:#fff;text-align:center;}
#footer .f_etc .f_etc_left {float:none;}
#footer .f_etc .f_etc_right {float:none;}
#footer .f_etc .etc_info {margin-top:12px;}

/* copyright menu */
#footer .f_etc .etc_menu {margin-top:35px;text-align:center;}
#footer .f_etc strong {color:#fff;}
#footer .f_etc .etc_menu a {color:#fff;font-size:12px;}
#footer .f_etc .etc_menu a:hover strong,
#footer .f_etc .etc_menu a:hover,
#footer .f_etc .etc_menu a:focus strong,
#footer .f_etc .etc_menu a:focus {opacity:0.6;}
#footer .f_etc .etc_menu .mark {display:inline-block;width:1px;height:10px;margin:7px 6px 5px 6px;background:#aaa;vertical-align:top;opacity:0.6;}
#footer .f_etc .etc_menu .mark_acc {margin-left:5px;}
#footer .f_etc .etc_menu .access{width:21px;}
#footer .f_etc .etc_menu span .mark:nth-of-type(3) {display:none;}
#footer .f_etc .etc_menu span:nth-child(6) {display:block;height:0;margin:1px 0;padding:0;font-size:0;overflow:hidden;}
#footer .f_etc .etc_menu .mark:nth-child(3n+4) {display:block;height:0;margin:1px 0;padding:0;font-size:0;overflow:hidden;}

/* etc_toggle : 210623 add */
#footer .etc_toggle > a {display:inline-block; padding-right:18px;}
#footer .etc_toggle > a:after {top:10px; right:2px;}
#footer .etc_toggle.show_t {display:inline-block !important;}
#footer .etc_toggle strong {font-size:12px;}
#footer .etc_toggle a:focus {opacity:0.6;}
#footer .etc_toggle .dimd {display:block;position:fixed;left:0;top:0;width:100%;height:130%;background:rgba(0,0,0,0.3);}
#footer .etc_toggle .sub_menu .mb_inner {position:fixed;left:50%;top:50%;width:calc(100% - 20px);max-width:600px;transform:translate(-50%,-50%);padding:40px 30px;background:#fff;color:#000;}
#footer .etc_toggle .sub_menu .tit_s {margin-bottom:20px;display:block;color:#000;text-align:left;}
#footer .etc_toggle .sub_menu ul {padding:0;background:#fff;}
#footer .etc_toggle .sub_menu li:first-child {border-top:1px solid #000}
#footer .etc_toggle .sub_menu li {border-bottom:1px solid #ddd;}
#footer .etc_toggle .sub_menu ul a {padding:0 10px;color:#000;line-height:38px;}
#footer .etc_toggle .sub_menu li.on a {background-color:#1C7EEE;color:#fff;font-weight:bold;}
#footer .etc_toggle .sub_menu .btn_pop_close {display:block;position:absolute;right:15px;top:15px;width:20px;height:20px;transform:rotate(45deg);overflow:hidden;transition:transform 0.4s;outline:none;}
#footer .etc_toggle .sub_menu .btn_pop_close i:before {position:absolute;left:50%;top:0;width:2px;height:100%;margin-left:-1px;background:#000;content:"";}
#footer .etc_toggle .sub_menu .btn_pop_close i:after {position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background:#000;content:"";}
#footer .etc_toggle .sub_menu .btn_pop_close:hover, #footer .etc_toggle .sub_menu .btn_pop_close:focus {transform:rotate(225deg);}
#footer .etc_toggle .sub_menu .btn_pop_close:focus i:before,
#footer .etc_toggle .sub_menu .btn_pop_close:focus i:after {background-color:#1C7EEE;}

/* sns menu */
#footer .f_cont_wrap {position:static;}
#footer .f_etc .newsletter {display:block;margin-top:30px;}
#footer .f_etc .newsletter a {display:block;width:100%;height:40px;font-size:14px;line-height:40px;text-align:center;transition:all 0.4s;}
#footer .f_etc .newsletter a:hover, #footer .f_etc .newsletter a:focus {background:#4e4e4e;}
#footer .f_cnt {display:block;margin:25px auto 0 auto;padding:0;text-align:center; color:transparent;}
#footer .f_cnt .sns a {margin:0 10px;}
#footer .f_cnt .sns:first-child a {margin-right:10px;}

/* contact_address */
#footer .contact_address {margin-top:18px;font-size:12px;line-height:20px;}
#footer .contact_address > li {display:block;}
#footer .contact_address > li + li {margin-top:3px;}
#footer .contact_address .title {display:block;white-space:inherit;}
#footer .contact_address .content {display:block;padding-left:0;}
#footer .contact_address .content .addr {padding-right:0;}ㅁ
#footer .contact_address + .copy {margin-top:18px;}

/* etc_lang */
#footer .etc_lang {position:static;margin-top:25px;}
#footer .etc_lang > a {display:inline-block;}
#footer .etc_lang .dimd {display:block;position:fixed;left:0;top:0;width:100%;height:130%;background:rgba(0,0,0,0.3);}
#footer .etc_lang .sub_menu .mb_inner {position:fixed;left:50%;top:50%;width:calc(100% - 20px);max-width:600px;transform:translate(-50%,-50%);padding:40px 30px;background:#fff;color:#000;}
#footer .etc_lang .sub_menu .tit_s {margin-bottom:20px;display:block;color:#000;text-align:left;}
#footer .etc_lang .sub_menu ul {padding:0;background:#fff;}
#footer .etc_lang .sub_menu li:first-child {border-top:1px solid #000}
#footer .etc_lang .sub_menu li {border-bottom:1px solid #ddd;}
#footer .etc_lang .sub_menu ul a {padding:0 10px;color:#000;line-height:38px;}
#footer .etc_lang .sub_menu li.on a {background-color:#1C7EEE;color:#fff;font-weight:bold;}
#footer .etc_lang .sub_menu .btn_pop_close {display:block;position:absolute;right:15px;top:15px;width:20px;height:20px;transform:rotate(45deg);overflow:hidden;transition:transform 0.4s;outline:none;}
#footer .etc_lang .sub_menu .btn_pop_close i:before {position:absolute;left:50%;top:0;width:2px;height:100%;margin-left:-1px;background:#000;content:"";}
#footer .etc_lang .sub_menu .btn_pop_close i:after {position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background:#000;content:"";}
#footer .etc_lang .sub_menu .btn_pop_close:hover, #footer .etc_lang .sub_menu .btn_pop_close:focus {transform:rotate(225deg);}
#footer .etc_lang .sub_menu .btn_pop_close:focus i:before,
#footer .etc_lang .sub_menu .btn_pop_close:focus i:after {background-color:#1C7EEE;}
}

@media print {
    .notprint{ display:none; }
}





/*** My trial ***/
/*** Mytrial common **/
.hide_pc { display:none; }
.hide_mo { display:block; }
/* pop_longletter 2022.09.26 */
.btn_warning { position:relative;float:right;width:142px;font-weight:bold;color:#F70000;text-align:right;cursor:default; }
.btn_warning span:after { border-color:#F70000; }
.btn_area .btn_warning .ico_warning { display:inline-block;width:24px;height:24px;margin-top:-2px;background:url(https://image.samsungsds.com/module_src/images/icon/ic_warning.svg?queryString=20241210125943) no-repeat center center;background-size:18px 18px; }
.pop_longletter { display:none;position:absolute;top:40px;left:0;z-index:999;width:260px;box-sizing:border-box;padding:12px;font-weight:normal; font-size:14px;text-indent:0;font-style:normal;line-height:1.43;color:#333;background:#FFF;border:1px solid #EAEAEA;color:#333;text-align:left;word-break:break-all; }
.pop_longletter:after, 
.pop_longletter:before { position:absolute;bottom:100%;left:50px;height:0;width:0;border:solid transparent;content: " ";pointer-events:none; }
.pop_longletter:after { margin-left:-6px;border-color:transparent;border-bottom-color:#FFF;border-width:6px; }
.pop_longletter:before { margin-left:-6px;border-color:transparent;border-bottom-color:#EAEAEA;border-width:7px; }
.btn_warning:hover span { color:#db352e; }
.btn_warning:hover .pop_longletter { display:block !important; }
/* 2022.09.26 Add */
/* S: 2022.09.24 button reverse 공통사용처리 */
.md_btn.reverse { display:flex !important;flex-direction:row-reverse;justify-content:flex-end; }
.md_btn.reverse > span:first-child { margin-left:5px; }
/* E: 2022.09.24 button reverse*/
/* color 2022.10.04 */
.c_black { color: #000 !important; }

.emblem { position:absolute;overflow:hidden;top:30px;right:30px;width:48px;height:48px;background-color:#FFF;border-radius:8px;box-shadow:0 4px 16px 0 rgba(0,0,0,0.08);font-size:0;text-indent:-999999px; }
.emblem.type1 { background:#FFF url(https://image.samsungsds.com/module_src/images/icon/ic_emblem_ai.svg?queryString=20241210125943) no-repeat center center;background-size:24px 24px; }
.emblem.type2 { background:#FFF url(https://image.samsungsds.com/module_src/images/icon/ic_emblem_intelligent.svg?queryString=20241210125943) no-repeat center center;background-size:40px 40px; }
.emblem.type3 { background:#FFF url(https://image.samsungsds.com/module_src/images/icon/ic_emblem_auto.svg?queryString=20241210125943) no-repeat center center;background-size:24px 24px; }
.emblem.type4 { background:#FFF url(https://image.samsungsds.com/module_src/images/icon/ic_emblem_mail.svg?queryString=20241210125943) no-repeat center center;background-size:24px 24px; }
.emblem.type5 { background:#FFF url(https://image.samsungsds.com/module_src/images/icon/ic_emblem_messenger.svg?queryString=20241210125943) no-repeat center center;background-size:24px 24px; }
.emblem.type6 { background:#FFF url(https://image.samsungsds.com/module_src/images/icon/ic_emblem_meeting.svg?queryString=20241210125943) no-repeat center center;background-size:24px 24px; }
.emblem.type7 { background:#FFF url(https://image.samsungsds.com/module_src/images/icon/ic_emblem_dt.svg?queryString=20241210125943) no-repeat center center;background-size:24px 24px; }
.emblem.type8 { background:#FFF url(https://image.samsungsds.com/module_src/images/icon/ic_emblem_samsungcloud.svg?queryString=20241210125943) no-repeat center center;background-size:24px 24px; }
.emblem.type9 { background:#FFF url(https://image.samsungsds.com/module_src/images/icon/ic_emblem_cellosquare.svg?queryString=20241210125943) no-repeat center center;background-size:24px 24px; }
.emblem.type10 { background:#FFF url(https://image.samsungsds.com/module_src/images/icon/ic_emblem_assistant.png?queryString=20241210125943) no-repeat center center;background-size:24px 24px; } 

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .hide_pc { display:block; }
    .hide_mo { display:none !important; }
}




/*** M102_B | Mytrial Popup Nexledger Universal ***/
* + .M102_B { margin-top:0px; }
.popup_layer .M102_B { padding-top:30px; }
.M102_B.cont .inner{max-width:inherit;padding:0;}
.M102_B.cont .inner .M102_B_cont{position:relative;width:auto;max-width:1504px;margin:0 auto;padding:0 93px;box-sizing:border-box;}
.M102_B.cont .tit_b { display:block;font-size:32px;line-height:52px;text-align:center; }
.M102_B.cont .hide_pc { display:none; }
.M102_B.cont .hide_mo { display:block; } 

/** module_ty **/
.M102_B_cont .module_ty:after { display:block;clear:both;content:""; }
.M102_B_cont .module_ty .li { display:flex;align-items:center;position:relative;margin-top:8px;padding:25px 40px 25px 30px;background:#FAFAFA;box-sizing:border-box;text-align:left; }
.M102_B_cont .module_ty .li:first-of-type { margin-top:0; }
/* icon */
.M102_B_cont .module_ty .icon { width:124px;height:100px; }
.M102_B_cont .module_ty .icon .tit_ico { display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center; }
.M102_B_cont .module_ty .icon .tit_ico.ico_tutorial { background-image:url(https://image.samsungsds.com/module_src/images/icon/ic_tutorial_124.svg?queryString=20241210125943);background-size:124px 100px; }
.M102_B_cont .module_ty .icon .tit_ico.ico_api { background-image:url(https://image.samsungsds.com/module_src/images/icon/ic_api_124.svg?queryString=20241210125943);background-size:124px 100px; }
.M102_B_cont .module_ty .icon .tit_ico.ico_dadhboard { width:126px;background-image:url(https://image.samsungsds.com/module_src/images/icon/ic_dashboard_126.svg?queryString=20241210125943);background-size:126px 100px; }
.M102_B_cont .module_ty .icon img { width:100%; }
/* text */
.M102_B_cont .module_ty .txt { margin-left:28px; }
.M102_B_cont .module_ty .md_txt { margin-top:9px;font-size:14px;line-height:22px; }
.M102_B_cont .module_ty .txt_blue { color:#1778EA; }
/* button */
.M102_B_cont .module_ty .btn_area { position:absolute;top:50%;right:40px;transform:translateY(-50%);margin-top:0; }
.M102_B_cont .module_ty .btn_area a,
.M102_B_cont .module_ty .btn_area button { min-width:112px;height:40px;margin:0;padding:0 20px;font-size:14px;line-height:38px; } 





/*** M104_A | Mytrial All FAQ ***/
.M104_A .tit_e { margin-bottom: 20px; }
.M104_A .tit_m { margin-top: -12px; margin-bottom: 80px; text-align: center; }
.M104_A .tit_e + .tit_b { margin-top: 0; }
.M104_A_cont { position: relative; display: flex; flex-wrap: wrap; }
.M104_A_cont:after { display: block; clear: both; content: ""; }
.M104_A_cont .tab_btn, .M104_A_cont .toggle_btn { position: relative; display: block; }
.M104_A_cont .tab_btn:after, .M104_A_cont .toggle_btn:after { display: inline-block; background: url(https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943) center center no-repeat; transition: filter 0.3s; content: ""; }

/* tab_list */
.M104_A_cont .tab_slide_area { float: left; width: 189px; margin: 0; }
.M104_A_cont .tab_list { display: block; width: 172px; margin-top: -10px; }
.M104_A_cont .tab_list.fixed { transform: translate3d(0px, 0px, 0px) !important; }
.M104_A_cont .tab_list li { float: initial; margin: 10px 0 0 0; }
.M104_A_cont .tab_list .tab_btn { padding: 0; transition: color 0.3s; outline: none; font-weight: normal; font-size: 14px; line-height: 22px; color: #888; }
.M104_A_cont .tab_list .tab_btn:hover, .M104_A_cont .tab_list .tab_btn:focus { color: #000; }
.M104_A_cont .tab_list .tab_btn:focus { outline: 1px solid #000; border-radius: 2px; }
.M104_A_cont .tab_list .tab_btn.selected { color: #2E67ED; }
.M104_A_cont .tab_arrow { display: none; }

/* tab_panel */
.M104_A_cont .tab_panel { display: none; width: calc(100% - 189px); border-left: 1px solid #DDD; }
.M104_A_cont .tab_panel .toggle_list { margin-left: 40px; border-top: 4px solid #000; }
.M104_A_cont .tab_panel .toggle_list li { position: relative; border-bottom: 1px solid #ddd; }
.M104_A_cont .tab_panel.selected { display: block; }
.M104_A_cont .tab_panel .toggle_btn { position: relative; width: 100%; padding: 30px 64px 30px 45px; font-weight: 500; font-size: 22px; line-height: 34px; text-align: left; transition: color 0.3s; outline: none; }
.M104_A_cont .tab_panel .toggle_btn:before { position: absolute; top: 22px; left: 0; content: "Q"; font-weight: bold; font-size: 32px; line-height: 42px; color: #000; }
.M104_A_cont .tab_panel .toggle_btn:hover, .M104_A_cont .tab_panel .toggle_btn:focus { color: #39c0e5; }
.M104_A_cont .tab_panel .toggle_btn:after { position: absolute; top: 50%; right: 12px; width: 12px; height: 12px; transform: translateY(-50%) rotate(90deg); transition: transform 0.3s; }
.M104_A_cont .tab_panel .toggle_btn.selected:after { transform: translateY(-50%) rotate(-90deg); }
.M104_A_cont .tab_panel .toggle_btn:hover:after, .M104_A_cont .tab_panel .toggle_btn:focus:after, .M104_A_cont .tab_panel .toggle_btn:hover:before, .M104_A_cont .tab_panel .toggle_btn:focus:before { filter: invert(45%) sepia(69%) saturate(696%) hue-rotate(155deg) brightness(92%) contrast(94%); }
.M104_A_cont .tab_panel .toggle_cont { display: none; position: relative; padding: 30px 30px 30px 75px; background: #F5F5F5; }
.M104_A_cont .tab_panel .toggle_cont:before { position: absolute; top: 30px; left: 49px; content: "A"; font-size: 22px; line-height: 30px; color: #111; }
.M104_A_cont .tab_panel .toggle_cont a { color: #2E67ED; }
.M104_A_cont .tab_panel .btn_more { width: calc(100% + 224px + 112px); margin-left: calc(-224px - 112px); }
.bg .M104_A_cont .tab_panel .toggle_cont { margin-top: -10px; padding-top: 0; }
.bg .M104_A_cont .tab_panel .toggle_cont:before { top: 0; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M104_A .tit_m { margin-bottom: 40px; }
    .M104_A .tit_e { margin-bottom: 10px; }
    .M104_A .tit_b { margin-top: -6px; margin-bottom: 20px; }
    .M104_A_cont { border-top: none; }

    /* tab_slide_area */
    .M104_A_cont .tab_slide_area { float: none; width: 93.5%; overflow: hidden; margin: 0 auto; }
    .M104_A_cont::before, .M104_A_cont::after { content: ""; position: absolute; width: 30px; height: 30px; z-index: 2; }
    .M104_A_cont::before { top: 0; left: 0; background: linear-gradient(to right, rgba(255, 255, 255, 1) 72%, rgba(255, 255, 255, 0) 90%); }
    .M104_A_cont::after { top: 0; right: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 28%); }
    .bg .M104_A_cont::before { top: 0; left: 0; background: linear-gradient(to right, rgba(245, 245, 245, 1) 72%, rgba(255, 255, 255, 0) 90%); }
    .bg .M104_A_cont::after { top: 0; right: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(245, 245, 245, 1) 28%); }
    .M104_A_cont .tab_arrow { display: block; width: 100%; position: absolute; top: -9px; margin: 0; }
    .M104_A_cont .tab_arrow.no_arrow { display: none; }
    .M104_A_cont .tab_arrow button { display: block; position: relative; width: 30px; height: 30px; margin: 0; background: 0 0; box-sizing: border-box; overflow: hidden; z-index: 3; transition: all 0.4s; webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
    .M104_A_cont .tab_arrow button.swiper-button-prev { float: left; left: 0; }
    .M104_A_cont .tab_arrow button.swiper-button-next { float: right; right: 0; }
    .M104_A_cont .tab_arrow button::after { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
    .M104_A_cont .tab_arrow button.swiper-button-prev::after { margin: -3px 0 0 -12px; transform: rotate(-135deg); }
    .M104_A_cont .tab_arrow button.swiper-button-next::after { margin: -3px 0 0 4px; transform: rotate(45deg); }
    .M104_A_cont .tab_arrow button:hover::after { border-color: #2189FF; }

    /* tab_list */
    .M104_A_cont .tab_list { display: flex; width: 100%; }
    .M104_A_cont .tab_list li { float: left; margin: 0; }

    .M104_A_cont .tab_list .tab_btn { display: inline-block; width: auto; padding: 0; font-size: 16px; line-height: 32px; border-bottom: 2px solid transparent; }
    .M104_A_cont .tab_list .tab_btn:after { content: none; }
    .M104_A_cont .tab_list .tab_btn.selected { border-color: #000; }

    /* tab_panel */
    .M104_A_cont .tab_panel { margin-top: 30px; border-top: 2px solid #000; width: 100%; border-left: 0; }
    .M104_A_cont .tab_panel .toggle_list { margin-left: 0; border-top: 0; }
    .M104_A_cont .tab_panel .toggle_btn { padding: 12px 28px 12px 20px; font-size: 14px; line-height: 24px; }
    .M104_A_cont .tab_panel .toggle_btn:after { right: 8px; }
    .M104_A_cont .tab_panel .toggle_btn:before { top: 12px; left: 0px; font-size: 16px; line-height: 22px; }
    .M104_A_cont .tab_panel .toggle_cont { padding: 20px 20px 20px 40px; }
    .M104_A_cont .tab_panel .toggle_cont:before { top: 23px; left: 20px; font-size: 14px; line-height: 19px; }
    .M104_A_cont .tab_panel .toggle_cont .md_btn { margin-top: 10px; }
    .M104_A_cont .tab_list + .tab_panel { float: none; width: 100%; }
    .M104_A_cont .tab_list + .tab_panel .btn_more { margin-left: 0; width: 100%; }
    .M104_A_cont .tab_panel .toggle_list li:before { top: 11px; font-size: 16px; line-height: 24px; }
    .bg .M104_A_cont .tab_panel .toggle_cont { margin-top: 0; }
    .bg .M104_A_cont .tab_panel .toggle_cont:before { top: 3px; }
}

@media all and (max-width:450px) {
    .M104_A_cont .tab_slide_area { width: 85%; }
    .M104_A_cont .tab_arrow button { width: 20px; }
    .M104_A_cont .tab_arrow button.swiper-button-prev::after { margin: -3px 0 0 -7px; }
    .M104_A_cont .tab_arrow button.swiper-button-next::after { margin: -3px 0 0 -1px; }
}





/*** M104_B | Mytrial FAQ ***/
.M104_B .tit_e {margin-bottom:20px;}
.M104_B .tit_m { margin-top:-12px;margin-bottom:60px; }
.M104_B .tit_e + .tit_b { margin-top:0; }
.M104_B_cont { display:flex;flex-wrap:wrap; }
.M104_B_cont:after { display:block;clear:both;content:""; }
.M104_B_cont .tab_btn,
.M104_B_cont .toggle_btn { position:relative;display:block; }
.M104_B_cont .tab_btn:after,
.M104_B_cont .toggle_btn:after { display:inline-block;background:url(https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943) center center no-repeat;transition:filter 0.3s;content:""; }

/* tab_panel */
.M104_B_cont .tab_panel {display:none;width:100%;border-top:4px solid #000;}
.M104_B_cont .tab_panel .toggle_list li { position:relative;border-bottom:1px solid #ddd; }
.M104_B_cont .tab_panel.active {display:block;}
.M104_B_cont .tab_panel .toggle_btn {position:relative;width:100%;padding:30px 64px 30px 60px;font-weight:500;font-size:22px;line-height:34px;text-align:left;transition:color 0.3s;outline:none;}
.M104_B_cont .tab_panel .toggle_btn:before { position:absolute;top:22px;left:20px;content:"Q";font-weight:bold;font-size:32px;line-height:42px;color:#000; } 
.M104_B_cont .tab_panel .toggle_btn:after { position:absolute;top:50%;right:12px;width:12px;height:12px;transform:translateY(-50%) rotate(90deg);transition:transform 0.3s; }
.M104_B_cont .tab_panel .toggle_btn.active:after { transform:translateY(-50%) rotate(-90deg); }
.M104_B_cont .tab_panel .toggle_btn:hover:after,
.M104_B_cont .tab_panel .toggle_btn:focus:after { filter:invert(45%) sepia(69%) saturate(696%) hue-rotate(155deg) brightness(92%) contrast(94%); }
.M104_B_cont .tab_panel .toggle_cont { display:none;position:relative;padding:0 30px 30px 90px; }
.M104_B_cont .tab_panel .toggle_cont:before { position:absolute;top:0;left:60px;content:"A";font-size:22px;line-height:30px;color:#111;opacity:1; }
.M104_B_cont .tab_panel .toggle_cont a { color:#2E67ED; }
.M104_B_cont .tab_panel .btn_more { width:calc( 100% + 224px + 112px );margin-left:calc( -224px - 112px ); }

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M104_B .tit_e {margin-bottom:10px;}
    .M104_B .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M104_B_cont { border-top:none; }   

    /* tab_panel */
    .M104_B_cont .tab_panel { margin-top:30px; border-top:2px solid #000; width: 100%; }
    .M104_B_cont .tab_panel .toggle_btn { padding:12px 28px 0 20px;font-size:14px;line-height:24px; } 
    .M104_B_cont .tab_panel .toggle_btn:after {right:8px;}
    .M104_B_cont .tab_panel .toggle_btn:before { top:12px;left:0px;font-size:16px;line-height:22px; } 
    .M104_B_cont .tab_panel .toggle_cont { padding:20px 20px 20px 20px; }
    .M104_B_cont .tab_panel .toggle_cont:before { top:23px;left:0px;font-size:14px;line-height:19px; } 
    .M104_B_cont .tab_panel .toggle_cont .md_btn {margin-top:10px;}
    .M104_B_cont .tab_list + .tab_panel {float:none;width:100%;}
    .M104_B_cont .tab_list + .tab_panel .btn_more {margin-left:0;width:100%;}    
    .M104_B_cont .tab_panel .toggle_list li:before { top:11px;font-size:16px;line-height:24px; }
}







/*** M104_C | Mytrial All Notice ***/
.M104_C .tit_m { margin-bottom:80px;text-align:center; } 
.M104_C .sub_title { margin:-30px 0 80px;font-size:28px;line-height:38px;text-align:center; } 

.M104_C_cont { position:relative;display:flex; }
.M104_C_cont:after { display:block;clear:both;content:""; }
/* tab_list */
.M104_C_cont .tab_slide_area { width:189px;margin:0; }
.M104_C_cont .tab_list { display:block;width:172px;margin-top:-10px; }
.M104_C_cont .tab_list.fixed { transform:translate3d(0px, 0px, 0px) !important; }
.M104_C_cont .tab_list li { float:initial;margin:10px 0 0 0; }
.M104_C_cont .tab_list .tab_btn { display:block;padding:0;transition:color 0.3s;outline:none;font-weight:normal;font-size:14px;line-height:22px;color:#888; }
.M104_C_cont .tab_list .tab_btn:hover,
.M104_C_cont .tab_list .tab_btn:focus { color:#000; } 
.M104_C_cont .tab_list .tab_btn:focus { outline:3px solid #000;border-radius:2px; }
.M104_C_cont .tab_list .tab_btn.selected { color:#2E67ED; } 

.M104_C_cont .toggle_btn {position:relative;display:block;}
.M104_C_cont .tab_btn:after,
.M104_C_cont .toggle_btn:after {content:"";display:inline-block;background:url("/module_src/images/icon/icon-arrow-right.svg") no-repeat center center;transition:filter 0.3s;}

/* tab_panel */
.M104_C_cont .tab_panel { display:none;width:calc( 100% - 189px );border-left:1px solid #DDD; }
.M104_C_cont .tab_panel.selected { display:block; }

/* toggle_list */
.M104_C_cont .toggle_list { margin-left:40px; }
.M104_C_cont .toggle_list li { background-color:#FAFAFA;margin-top:14px; }
.M104_C_cont .toggle_list li:first-of-type { margin-top:0; }

/* toggle_btn */
.M104_C_cont .toggle_btn { position:relative;width:100%;padding:40px 82px 40px 40px;font-size:16px;line-height:32px;font-weight:bold;text-align:left;transition:color 0.3s;outline:none; }
.M104_C_cont .toggle_btn:hover,
.M104_C_cont .toggle_btn:hover span,
.M104_C_cont .toggle_btn:focus,
.M104_C_cont .toggle_btn:focus span { color:#39c0e5; }
.M104_C_cont .toggle_btn:after { position:absolute;top:50%;right:40px;width:12px;height:12px;transform:translateY(-50%) rotate(90deg);transition:transform 0.3s;}
.M104_C_cont .toggle_btn.selected:after { transform:translateY(-50%) rotate(-90deg); }
.M104_C_cont .toggle_btn:hover:after,
.M104_C_cont .toggle_btn:focus:after { filter:invert(45%) sepia(69%) saturate(696%) hue-rotate(155deg) brightness(92%) contrast(94%); }
.M104_C_cont .toggle_btn .date, 
.M104_C_cont .toggle_btn .title { display:block;font-size:0;line-height:0; }
.M104_C_cont .toggle_btn .date { font-weight:normal;color:#888; }
.M104_C_cont .toggle_btn .date span { display:inline-block;font-size:14px;line-height:24px; }
.M104_C_cont .toggle_btn .type { display:inline-block;margin-right:10px;font-weight:bold;color:#2E67ED; }
.M104_C_cont .toggle_btn .title { margin-top:7px;}
.M104_C_cont .toggle_btn .title:after { display:block;clear:both;content:''; }
.M104_C_cont .toggle_btn .title > span { float:left;font-weight:500; }
.M104_C_cont .toggle_btn .title span + span { display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.M104_C_cont .toggle_btn .title .name { font-weight:bold; }
.M104_C_cont .toggle_btn .title .name:after { display:inline-block;width:1px;height:20px;margin:0 8px 0 10px;background-color:#DDD;vertical-align:-2px;content:''; }

/* txt_box */
.M104_C_cont .toggle_cont { display:none;margin-top:-10px;padding:40px 40px 40px 40px; }
.M104_C_cont .toggle_cont .md_btn { margin-top:20px; }
.M104_C_cont .toggle_cont .md_txt .img { align-self:flex-start;width:120px; }
.M104_C_cont .toggle_cont .md_txt .img_p { padding-right:40px; } 
.M104_C_cont .toggle_cont .md_txt .txt_col { font-weight:bold;color:#347AF4; }
.bg .M104_C_cont .toggle_cont { background:#FFF; }
/* number_list */
.M104_C_cont .number_list { padding-left:20px; }
.M104_C_cont .number_list li { margin-top:10px;background:transparent;list-style:decimal; }
.M104_C_cont .number_list li:first-of-type { margin-top:0; }
.M104_C_cont .number_list li ul { padding-left:20px; }
.M104_C_cont .number_list li ul li { margin-top:0;list-style:none; }
.M104_C_cont .number_list li ul li::marker { content:counter(list-item) ") "; }

/* basic_list */
.M104_C_cont .basic_list { padding-left:20px; }
.M104_C_cont .basic_list li { margin-top:10px;background:transparent;}
.M104_C_cont .basic_list li:first-of-type { margin-top:0; }
.M104_C_cont .basic_list li ul { padding-left:20px; }
.M104_C_cont .basic_list li ul li { margin-top:0;list-style:none; }

/** -PC 확장- **/
@media all and (max-width:1300px) {
    .M104_C_cont .card_item { width:calc(50% - 26px); }
}
@media all and (max-width:1139px){
    .M104_C_cont .card_item { width:100%; }   
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {  
    .M104_C .tit_m { margin-bottom:40px; }
    .M104_C .sub_title { margin:0 0 40px;font-size:22px;line-height:36px;text-align:left; } 
    .M104_C_cont { display:block; }

    /* tab_slide_area */
    .M104_C_cont .tab_slide_area { float:none;width:100%;overflow:hidden;margin:0 auto; } 
    .M104_C_cont .tab_slide_area:before,
    .M104_C_cont .tab_slide_area:after { position:absolute;width:20px;height:100%;z-index:2;content:""; }
    .M104_C_cont .tab_slide_area:before { top:0;left:-30px;background:linear-gradient(to right,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);}
    .M104_C_cont .tab_slide_area:after { top:0;right:-30px;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%);} 
    /* tab_list */
    .M104_C_cont .tab_list { display:flex;width:auto;margin-top:0; }
    .M104_C_cont .tab_list li { float:left;margin:0 20px 0 0; }
    .M104_C_cont .tab_list li:last-child { margin-right:30px; }
    .M104_C_cont .tab_list .tab_btn { display:inline-block;width:auto;padding:0;font-size:16px;line-height:32px;border-bottom:2px solid transparent; }
    .M104_C_cont .tab_list .tab_btn:after{content:none;}
    .M104_C_cont .tab_list .tab_btn.selected { border-color:#000; }

    /* tab_panel */
    .M104_C_cont .tab_panel { margin-top:30px;border-top:2px solid #000;width:100%;border-left:0; } 
    .M104_C_cont .tab_panel .toggle_list { margin-left:0;border-top:0; } 
    .M104_C_cont .toggle_btn { padding:20px 42px 20px 20px;font-size:14px;line-height:24px;}
    .M104_C_cont .toggle_btn:after { right:20px; }
    .M104_C_cont .toggle_cont { margin-top:0;padding:20px 20px 20px; }
    .M104_C_cont .toggle_cont .md_btn {margin-top:15px;}
    .M104_C_cont .toggle_btn .title { margin-top:14px; }
    .M104_C_cont .toggle_btn .title > span { display:block;float:initial; }
    .M104_C_cont .toggle_btn .title .name:after { display:none; }
}
@media all and (max-width:838px){ 
    .M104_C_cont .tab_slide_area { overflow:visible; }
}




/*** M104_D | FAQ 2 ***/
.M104_D .tit_e { margin-bottom:20px; }
.M104_D .tit_b { margin-bottom:30px;line-height:58px; }
.M104_D .tit_m { margin-top:-12px;margin-bottom:60px; }
.M104_D .tit_e + .tit_b { margin-top:0; }
.M104_D_cont { display:flex;flex-wrap:wrap; }
.M104_D_cont:after { display:block;clear:both;content:""; }
.M104_D_cont .tab_btn,
.M104_D_cont .toggle_btn { position:relative;display:block; }
.M104_D_cont .tab_btn:after,
.M104_D_cont .toggle_btn:after { display:inline-block;background:url("https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943") center center no-repeat;transition:filter 0.3s;content:""; }

/* tab_panel */
.M104_D_cont .tab_panel { display:none;width:100%; }
.M104_D_cont .tab_panel.selected {display:block;}
.M104_D_cont .toggle_list li { position:relative;margin-top:10px;background:#F8F8F8; }
.M104_D_cont .toggle_list li:first-of-type { margin-top:0; }
.M104_D_cont .toggle_btn { position:relative;width:100%;padding:30px 83px 30px 89px;font-weight:500;font-size:22px;line-height:34px;text-align:left;transition:color 0.3s;outline:none; }
.M104_D_cont .toggle_btn:before { position:absolute;top:22px;left:40px;content:"Q";font-weight:bold;font-size:32px;line-height:42px;color:#000; } 
.M104_D_cont .toggle_btn:after { position:absolute;top:50%;right:40px;width:12px;height:12px;transform:translateY(-50%) rotate(90deg);transition:transform 0.3s; }
.M104_D_cont .toggle_btn.selected:after { transform:translateY(-50%) rotate(-90deg); }
.M104_D_cont .toggle_btn:hover:after,
.M104_D_cont .toggle_btn:focus:after { filter:invert(45%) sepia(69%) saturate(696%) hue-rotate(155deg) brightness(92%) contrast(94%); }
.M104_D_cont .toggle_cont { display:none;position:relative;margin-top:-12px;padding:0 83px 30px 100px; }
.M104_D_cont .toggle_cont:before { position:absolute;top:0;left:71px;content:"A";font-size:22px;line-height:30px;color:#111;opacity:1; }
.M104_D_cont .toggle_cont a { color:#2E67ED; }
.M104_D_cont .tab_panel .btn_more { width:calc( 100% + 224px + 112px );margin-left:calc( -224px - 112px ); }

.bg .M104_D_cont .toggle_list li { background:#FFF; }
.M104_D_cont .toggle_cont .md_txt { overflow: hidden; display: flex; flex-direction: column; }
.M104_D_cont .tab_panel .toggle_cont .md_btn {margin-top:20px;}


/* 답변 내용 테이블 */
.M104_D_cont .toggle_cont .md_txt .table_contents { display: flex; justify-content: space-between; margin-top: 10px; }
.M104_D_cont .table_ty02 { width: 100%; border: 0; margin-top: 10px; }
.M104_D_cont .table_ty02:last-of-type { margin-left: 10px; }
.M104_D_cont .table_ty02:first-of-type { margin-left: 0; }
.M104_D_cont .table_ty02 table { background-color: #fff; border: solid #ddd; border-width: 1px 1px 0 0; }
.M104_D_cont .table_ty02 table thead th { background-color: #FAFAFA; height: 50px; padding: 0; }
.M104_D_cont .table_ty02 table tbody td { padding: 10px 26px; vertical-align: top; height: 40px; padding: 5px 10px; }
.M104_D_cont .table_ty02 ul { margin-top: 10px; }
.M104_D_cont .table_ty02 ul li { font-size: 13px; color: #666; margin: 0; line-height: 22px; }

/* ico_box */
.M104_D_cont .tab_panel .toggle_cont .md_txt {width:calc(100% - 120px)}
.M104_D_cont .tab_panel .toggle_cont .md_txt .ico_inner {display:flex;margin:30px -30px 0;}
.M104_D_cont .tab_panel .toggle_cont .md_txt .ico_box {width:33.3%;padding:0 30px;box-sizing:border-box;}
.M104_D_cont .tab_panel .toggle_cont .md_txt .ico_box .ico_img {margin-bottom:10px;}
.M104_D_cont .tab_panel .toggle_cont .md_txt .ico_box .ico_img .ico {background:none;}
.M104_D_cont .tab_panel .toggle_cont .md_txt .txt .md_tit {display:block;margin-bottom:10px;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M104_D .tit_e { margin-bottom:10px; }
    .M104_D .tit_b { margin-bottom:20px;line-height:30px; }
    .M104_D_cont { border-top:none; }   

    /* tab_panel */
    .M104_D_cont .tab_panel { width:100%; }
    .M104_D_cont .toggle_list li:before { top:11px;font-size:16px;line-height:24px; }
    .M104_D_cont .toggle_btn { padding:16px 46px 16px 46px;font-size:14px;line-height:24px; } 
    .M104_D_cont .toggle_btn:after { right:20px; }
    .M104_D_cont .toggle_btn:before { top:12px;left:20px;font-size:16px;line-height:22px; } 
    .M104_D_cont .toggle_cont { margin-top:-6px;padding:0 20px 16px 45px; }
    .M104_D_cont .toggle_cont:before { top:5px;left:23px;font-size:14px;line-height:19px; } 
    .M104_D_cont .toggle_cont .md_btn {margin-top:10px;}
    .M104_D_cont .tab_list + .tab_panel {float:none;width:100%;}
    .M104_D_cont .tab_list + .tab_panel .btn_more {margin-left:0;width:100%;} 

    /* 답변 내용 테이블 */
    .M104_D_cont .table_ty02:last-of-type { margin: 10px 0 0px 0; }
    .M104_D_cont .table_ty02 ul li { font-size: 12px; }
    .M104_D_cont .tab_panel .toggle_cont .md_txt { width: 100%; }
}
@media all and (max-width:838px){
    /* ico_box */
    .M104_D_cont .tab_panel .toggle_cont .md_txt .ico_inner {flex-direction:column;margin:20px 0 0;}
    .M104_D_cont .tab_panel .toggle_cont .md_txt .ico_inner .ico_box {display:flex;width:100%;padding:0;margin:0 0 20px 0;}
    .M104_D_cont .tab_panel .toggle_cont .md_txt .ico_inner .ico_box .ico_img img {width:70px;}
    .M104_D_cont .tab_panel .toggle_cont .md_txt .ico_inner .ico_box:last-child {margin-bottom:0;}
    .M104_D_cont .tab_panel .toggle_cont .md_txt .ico_inner .txt {width:100%;padding-left:10px;}
}
@media all and (max-width:450px) {
    .M104_D_cont .table_ty02 table tbody td { word-break: break-all; }
}





/*** M106_A | Mytrial Offering Hero **/
.M106_A.cont { padding: 0; }
.M106_A.cont .inner { max-width: inherit; padding: 0; }
.M106_A.cont + .cont { padding-top: 120px; }
.M106_A_cont { position: relative; min-height: 510px; background: #000; overflow: hidden; }

/* M106_A_cont */
.M106_A_cont .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.M106_A_cont .img:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); content: ""; z-index: 10; display: none; }
.M106_A_cont .img p { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M106_A_cont .img .img_m { display: none; }
.M106_A_cont .txt { display: table; position: relative; width: 100%; height: 560px; color: #fff; z-index: 11; }

.M106_A_cont .txt_inner { display: table-cell; vertical-align: middle; box-sizing: border-box; }
.M106_A_cont .txt_inner_wrap { max-width: 1504px; margin: 0 auto; padding: 0 93px; box-sizing: border-box; }
.txt_inner_wrap strong { display: block; width: fit-content; font-size: 24px; line-height: 34px; color: #fff; background: linear-gradient(90deg, rgba(36,208,246,1) 0%, rgba(33,137,255,1) 100%); -webkit-background-clip: text;  margin-bottom: 10px; }
.txt_inner_wrap strong .graPoint { width: fit-content; color: transparent; background: linear-gradient(90deg, rgba(36,208,246,1) 0%, rgba(33,137,255,1) 100%); -webkit-background-clip: text; }
.M106_A_cont .txt .md_title { width: 90%; max-width: 880px; margin-bottom: 20px; color: #fff; font-size: 44px; }
.M106_A_cont .txt .md_title span { display: block; position: relative; overflow: hidden; }
.M106_A_cont .md_title i { display: block; position: relative; }
.M106_A_cont .txt .md_tit { position: relative; width: 90%; max-width: 880px; margin-top: -10px; color: #fff; font-size: 28px; line-height: 38px; overflow: hidden; }
.M106_A_cont .txt .md_txt { width: 90%; max-width: 880px; padding-left: 2px; }
.M106_A_cont .txt .md_txt p { margin-top: 25px; }
.M106_A_cont .txt .md_txt p:first-child { margin-top: 0; }
.M106_A_cont .txt .md_txt + .md_btn { margin-top: 35px; }
.M106_A_cont .txt .md_btn { margin: 40px -5px 0; color: transparent; }
.M106_A_cont .txt .md_btn > li, .M106_A_cont .txt .md_btn > span { display: inline-block; margin: 0 5px; vertical-align: top; }
.M106_A_cont .txt .md_btn a, .M106_A_cont .txt .md_btn button { min-width: 160px; }
.M106_A_cont [class*='line'] { display: block; }
.md_tit.cs_md_tit { font-size: 18px !important; line-height: 28px !important; margin-top: 0 !important; }

/* Active */
.M106_A_cont .md_title, .M106_A_cont .md_tit, .M106_A_cont .md_txt, .M106_A_cont .md_btn { opacity: 0; }
.M106_A_cont.act .img { animation: scaleBg both ease-in-out 3.2s; z-index: 1; }
.M106_A_cont.act .md_title { opacity: 1; }
.M106_A_cont.act .md_title i { animation: txtTop both 0.5s 0.95s; }
.M106_A_cont.act .md_title span:nth-child(1) i { animation-delay: 0.4s; }
.M106_A_cont.act .md_title span:nth-child(2) i { animation-delay: 0.6s; }
.M106_A_cont.act .md_title span:nth-child(3) i { animation-delay: 0.8s; }
.M106_A_cont.act .md_tit { animation: fade both 0.4s 1s; }
.M106_A_cont.act .md_tit + .md_txt { animation: fade both 0.7s 1.2s; }
.M106_A_cont.act .md_tit + .md_txt + .md_btn { animation: fade both 0.7s 1.5s; }
.M106_A_cont.act .md_txt { animation: fade both 0.7s 0.9s; }
.M106_A_cont.act .md_btn { animation: fade both 0.7s 1.2s; }

/** M01_E | full Video Control Wrap **/
.M106_A_cont .video_control_wrap { position: absolute; right: 185px; bottom: 40px; color: #fff; cursor: pointer; z-index: 13; }
.M106_A_cont .video_control_wrap p { display: inline-block; overflow: hidden; }
.M106_A_cont .video_control_wrap p button { position: relative; display: inline-block; padding: 0; outline: none; font-size: 14px; color: #fff; border: 1px solid #fff; transition: all 0.4s; }
.M106_A_cont .video_control_wrap p button:focus, .M106_A_cont .video_control_wrap p button:active { outline: 0; padding: 0; }
.M106_A_cont .video_control_wrap p button span { position: relative; margin: 0 8px; vertical-align: middle; }
.M106_A_cont .video_control_wrap p button .blind { margin: 0; }
.M106_A_cont .video_control_wrap p button .sr_only { top: 0; left: 0; width: inherit; height: inherit; min-width: 40px; min-height: 40px; }
.M106_A_cont .video_control_wrap .btn_play button:before, .M106_A_cont .video_control_wrap .btn_sound button:before { content: ''; position: relative; display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-position: center center !important; transition: all 0.4s; }
.M106_A_cont .video_control_wrap .btn_play.pause button:before { background: url('https://image.samsungsds.com/module_src/images/icon/ico_kvideo_pause.png?queryString=20241210125943') no-repeat; }
.M106_A_cont .video_control_wrap .btn_play.play button:before { background: url('https://image.samsungsds.com/module_src/images/icon/ico_kvideo_play.png?queryString=20241210125943') no-repeat; }
.M106_A_cont .video_control_wrap .btn_play.play button:hover, .M106_A_cont .video_control_wrap .btn_play.play button:focus { border-color: #1C7EEE; }
.M106_A_cont .video_control_wrap .btn_play.play button:hover:before, .M106_A_cont .video_control_wrap .btn_play.play button:focus:before { background-color: #1C7EEE; }
.M106_A_cont .video_control_wrap .btn_play.pause button:hover, .M106_A_cont .video_control_wrap .btn_play.pause button:focus { border-color: #1C7EEE; }
.M106_A_cont .video_control_wrap .btn_play.pause button:hover:before, .M106_A_cont .video_control_wrap .btn_play.pause button:focus:before { background-color: #1C7EEE; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M106_A.cont + .cont { padding-top: 50px; }
    .M106_A_cont .txt_inner { padding: 60px 0; }
    .M106_A_cont .txt_inner_wrap { max-width: 838px; padding: 0 30px; }
    .txt_inner_wrap strong { font-size: 20px; line-height: 30px; }
    .M106_A_cont .txt .md_title { width: 100%; font-size: 24px; }
    .M106_A_cont .txt .md_tit { width: 100%; font-size: 16px; line-height: 28px; }
    .M106_A_cont .txt .md_txt { width: 100%; }
    .M106_A_cont .txt .md_txt p { margin-top: 20px; }
    .M106_A_cont .txt .md_txt br { display: none; }
    .M106_A_cont .txt .md_txt + .md_btn { margin-top: 30px; }
    .M106_A_cont .md_tit.cs_md_tit { font-size: 14px !important; line-height: 24px !important; }
}
@media all and (max-width:768px) {
    .M106_A_cont .txt .md_btn > li, .M106_A_cont .txt .md_btn > span { margin: 10px 0 0 0; }
    .M106_A_cont .video_control_wrap { right: 0; bottom: 28px; display: inline-block; width: 100%; text-align: center; }
}
@media all and (max-width:600px) {
    .M106_A_cont .txt_inner { padding: 40px 0; vertical-align: top; }
    .M106_A .img .img_m { display: block; }
}
@media all and (orientation:landscape) {
    .M106_A .img .img_m { display: none; }
}






/*** M107_A | Mytrial Service description ***/
.M107_A .tit_e { margin-bottom: 20px; }
.M107_A .txt_col { font-weight: bold; color: #1778EA; }
.M107_A .md_tit { max-width: 90%; font-weight: bold; font-size: 40px; line-height: 58px; letter-spacing: -0.6px; }
.M107_A .md_tit .md_light { display: inline-block; font-weight: normal; margin-bottom: 4px; }
.M107_A .md_tit.tit_m { margin-top: 0px; margin-bottom: 0; }
.M107_A .md_tit+.md_txt { margin-top: 60px; }
.M107_A .md_txt+.md_txt { margin-top: 0px; }
.M107_A .md_txt { margin-top: 80px; padding-left: calc(100% - 806px); font-size: 20px; line-height: 32px; }

.M107_A .M107_A_cont ul.font_desc { margin: 1rem 0 0 1.2rem; }
.M107_A .M107_A_cont ul.font_desc { font-size: 0; color: #000; }
.M107_A .M107_A_cont ul.font_desc li { margin-top: 0.4rem; }
.M107_A .M107_A_cont ul.font_desc li:first-child { margin-top: 0; }
.M107_A .M107_A_cont ul.font_desc i,
.M107_A .M107_A_cont ul.font_desc span { display: inline-block; font-size: 1.4rem; vertical-align: middle; }
.M107_A .M107_A_cont ul.font_desc i { text-indent: -1.2rem; }

.M107_A .txt_type1 { padding-left: calc(100% - 485px); }
.M107_A .copy { display: block; text-align: right; margin-top: 34px; }
.M107_A .copy_b { font-weight: 100; font-size: 160px; line-height: 120px; }
.M107_A .copy_b .per { display: inline-block; font-weight: normal; }
.M107_A .copy_s { font-size: 20px; line-height: 32px; vertical-align: 105px; }
.M107_A .md_img .img_m { display: none; }
.M107_A .md_img { margin-top: 60px; }
.M107_A .md_img img { max-width: 100%; }
.M107_A .tit_b+.tit_m { margin-top: 50px; }
.M107_A .md_img+.md_btn { margin-top: 40px; }
.M107_A .tit_e+.tit_b { margin-top: 0; }
.M107_A .tit_e+.md_img { margin-top: 60px; }
.M107_A .tit_m+.md_img { margin-top: 40px; }
.M107_A_cont.center { text-align: center; }
.M107_A_cont.center .md_tit { max-width: 90%; margin-right: auto; margin-left: auto; }
.M107_A_cont.center .md_txt { max-width: 90%; margin-right: auto; margin-left: auto; }
.M107_A_cont.right { text-align: right; }
.M107_A_cont.right .md_tit { float: right; max-width: 90%; }
.M107_A_cont.right .md_txt { float: right; max-width: 90%; }
.M107_A_cont.right .md_img { clear: both; margin-top: 0; padding-top: 40px; }
.M107_A_cont.right .md_img+.md_btn { padding-top: 40px; }
.M107_A_cont.right .md_btn { clear: both; margin-top: 0; padding-top: 16px; }
.M107_A [class*="img"]~.blind { display: none; }
.M107_A .img_p~.blind { display: block; }
.M107_A_cont .emblem { overflow: hidden; width: 86px; height: 86px; background-color: #FFF; border-radius: 8px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08); font-size: 0; text-indent: -999999px; }
.M107_A_cont .emblem.type1 { background-size: 52px 52px; }
.M107_A_cont .emblem.type2 { background-size: 52px 52px; }
.M107_A_cont .emblem.type3 { background-size: 52px 52px; }
.M107_A_cont .emblem.type4 { background-size: 52px 52px; }
.M107_A_cont .emblem.type5 { background-size: 52px 52px; }
.M107_A_cont .emblem.type6 { background-size: 52px 52px; }
.M107_A_cont .emblem.type7 { background-size: 52px 52px; }
.M107_A_cont .emblem.type8 { background-size: 52px 52px; }
.M107_A_cont .emblem.type9 { background-size: 52px 52px; }
.M107_A_cont .emblem.type10 { background-size: 52px 52px; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M107_A .tit_e { margin-bottom: 10px; }
    .M107_A .md_tit { max-width: 100% !important; margin-top: 0; margin-bottom: 0; font-size: 22px; line-height: 36px; }
    .M107_A .md_txt { max-width: 100% !important; font-size: 16px; line-height: 28px; }
    .M107_A .copy_b { font-size: 120px; }
    .M107_A .copy_s { font-size: 18px; line-height: 28px; vertical-align: 75px; }
    .M107_A .md_tit+.md_txt { margin-top: 20px; }
    .M107_A .md_img+.md_btn { margin-top: 20px; }
    .M107_A .tit_e+.md_img { margin-top: 40px; }
    .M107_A_cont.right .md_img { clear: both; margin-top: 0; padding-top: 20px; }
    .M107_A_cont.right .md_img+.md_btn { padding-top: 20px; }
    .M107_A_cont.right .md_btn { clear: both; margin-top: 0; padding-top: 8px; }
}
@media all and (max-width:768px) {
    .M107_A .md_tit br { display: none !important; }
}
@media all and (max-width:600px) {
    .M107_A .md_img { margin-top: 30px; }
    .M107_A .md_img .img_p { display: none; }
    .M107_A .md_img .img_m { display: block; }
    .M107_A [class*="img"]~.blind { display: none; }
    .M107_A .img_m~.blind { display: block; }
}
@media all and (orientation:landscape) {
    .M107_A .md_img .img_p { display: block; }
    .M107_A .md_img .img_m { display: none; }
    .M107_A [class*="img"]~.blind { display: none; }
    .M107_A .img_p~.blind { display: block; }
}







/*** M107_B ***/
.M107_B .tit_e { position: relative; margin-bottom: 10px; font-size: 20px;}
.M107_B .tit_b { position: relative; margin-bottom: 30px;font-size: 32px; line-height: 48px;}
.M107_B .tit_e + .tit_b { margin-top: 0; }
.M107_B .tit_b + .md_btn_box { margin-bottom: 40px; }

/* owl-carousel */
.M107_B_cont { position: relative; }
.M107_B_cont .owl-carousel { width: auto; display: flex;}
.M107_B_cont .owl-carousel .active span { background: none; }
.M107_B_cont .owl-carousel:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }
.M107_B_cont .owl-carousel .item {position: relative; float: left; width: 100%;}
.M107_B_cont .owl-carousel .item .txt_reverse{ display: flex; justify-content: space-between;}

.M107_B_cont .owl-carousel .md_tit { display: block;}
.M107_B_cont .owl-carousel .item .txt_reverse .md_tit {width: 691px;width: 52.38817285823%;}
.M107_B_cont .owl-carousel .item .txt_reverse .md_txt {width: 562px;width: 42.60803639121%;}
.M107_B_cont .owl-carousel .md_tit strong{font-size: 22px; font-weight: bold;}
.M107_B_cont .owl-carousel .md_tit > p{font-size: 18px;}
.M107_B_cont .owl-carousel .md_tit > p:first-child{ margin: 10px 0 30px 0;}
.M107_B_cont .owl-carousel .md_tit > p:last-child{margin-top: 10px;}
.M107_B_cont .owl-carousel .md_tit > p:nth-child(1) {margin-top: 0;}

.M107_B_cont .owl-carousel .md_txt {display: block;position: relative;float: right;font-size: 18px;}
.M107_B_cont .owl-carousel .md_txt.type_num{margin-top: 119px;}
.M107_B_cont .owl-carousel .md_txt.type_txt{margin-top: 107px;}
.M107_B_cont .owl-carousel .md_txt.type_exe{margin-top: 70px;}

.M107_B_cont .owl-carousel .md_txt.Gartner {float: left; top: 0; margin-top: 16px; }
.M107_B_cont .owl-carousel .md_txt .txt_type1{font-size: 20px;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 p{margin-bottom: 5px;}
.M107_B_cont .owl-carousel .md_txt.type_txt .txt_type1 p { margin-top: 2px;margin-bottom: 0;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 strong{font-size: 30px;font-weight: bold;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .tit_regular {font-size: 24px;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .tit_regular[class*='align'] {box-sizing: border-box;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .tit_regular.align_l {display: block;text-align: left;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .tit_regular.align_c {display: block;text-align: center;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .tit_regular.align_r {display: block;text-align: right;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .tit_regular + p {margin-top: 2px;margin-bottom: 0;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .tit_regular ~ .copy {margin-top: 22px;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy {display: block;text-align: right;margin-top: 34px;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .inner_l {display: block;font-size: 0;text-align: left;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .inner_l:after {display: block;clear: both;content: '';}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .inner_l .txt_l {display:inline-block;vertical-align: top;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .inner_l .copy_s {display:inline-block;color:#000;vertical-align: top;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_num {display: inline-block;font-size: 160px;line-height: 1;margin-top: -21px;vertical-align: top;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_num .inner_l .txt_l {font-size: 160px;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_num .inner_l .copy_s {margin-top: 0;padding-top: 21px;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt {display: inline-block;;font-weight: bold;font-size: 105px;line-height: 116px;vertical-align: top;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt .inner_l .txt_l {font-weight: bold;font-size: 105px;line-height: 1.1;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt .inner_l .copy_s {margin-top: 0;padding-top: 11px;line-height: 1.1;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_exe{font-size: 86px;line-height: 102px;margin-top: 12px;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_exe .inner_l .txt_l{font-size: 86px;line-height: 1.2;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_exe strong{font-size: 86px;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_m {font-size: 64px;line-height: 1.2;margin-top: 12px;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_m .inner_l .txt_l {font-size: 64px;line-height: 1.2;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_m strong {font-size: 64px;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_s{display:inline-block;font-size: 20px;vertical-align: top;}
.M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt + .copy_s {margin-top: 9px;}
.M107_B_cont .owl-carousel .md_txt .txt_type1.align_l,
.M107_B_cont .owl-carousel .md_txt .txt_type1.align_l .copy,
.M107_B_cont .owl-carousel .md_txt .txt_type1.align_l .copy .inner_l {text-align: left;}
.M107_B_cont .owl-carousel .md_txt .txt_type1.align_r,
.M107_B_cont .owl-carousel .md_txt .txt_type1.align_r .copy,
.M107_B_cont .owl-carousel .md_txt .txt_type1.align_r .copy .inner_l {text-align: right;}
.M107_B_cont .owl-carousel .md_txt .txt_type1.align_c,
.M107_B_cont .owl-carousel .md_txt .txt_type1.align_c .copy,
.M107_B_cont .owl-carousel .md_txt .txt_type1.align_c .copy .inner_l {text-align: center;}

/* item 1개 이하 */
.M107_B_cont.m1 .navigation { display: none;}

/* navigation */
.M107_B_cont .navigation { position: absolute; right: 0; top: -36px; width: 277px; padding-bottom: 0; z-index: 2; height: 30px; }
.M107_B_cont .owl-pagn { position: absolute; right: 148px; top: 7px; width: 129px; }
.M107_B_cont .owl-pagn-inner { position: absolute; right: 0; top: 0; width: 131px; margin-right: 17px;}
.M107_B_cont .owl-pagn-inner .owl-pagn-bar { position: absolute; left: 50%; top: 50%; width: 80px; height: 2px; background: #ccc; transform: translate(-50%, -48%); overflow: hidden; }
.M107_B_cont .owl-nav.disabled { display: none !important; }
.M107_B_cont .owl-nav { width: auto; position: absolute; right:0; bottom: 0; }
.M107_B_cont .owl-nav:after { content: ""; display: block; clear: both; }
.M107_B_cont .owl-nav .carousel-prev { float: left; }
.M107_B_cont .owl-nav .carousel-next { float: right; }
.cont .M107_B_cont .owl-nav .owl-prev { float: left; margin-right:16px;}
.cont .M107_B_cont .owl-nav .owl-next { float: right; }
.M107_B_cont .owl-carousel .owl-nav button.owl-prev { float: left; }
.M107_B_cont .owl-carousel .owl-nav button.owl-next { float: right; }
.cont .M107_B_cont .owl-prev:before, .cont .M107_B_cont .owl-nav .owl-next:before { display: none; }
.M107_B_cont .owl-carousel .owl-nav button.owl-prev::after, .M107_B_cont .owl-carousel .owl-nav button.owl-next::after { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M107_B_cont .owl-carousel .owl-nav button.owl-prev::after { margin: -3px 0 0 -2px; transform: rotate(-135deg); }
.M107_B_cont .owl-carousel .owl-nav button.owl-next::after { margin: -3px 0 0 -5px; transform: rotate(45deg); }
.M107_B_cont .carousel-pagn { position: absolute; right: 70px; top: 8px; width: 94px; }
.M107_B_cont .carousel-pagn-inner { position: absolute; right: 0px; top: 0; }

/* md_play  */
.M107_B_cont .md_play { position: absolute; right: 115px; top: 0px; transition: all 0.4s; } 
.M107_B_cont .md_play a { display: block; position: relative; width: 28px; height: 28px; overflow: hidden; } 
.M107_B_cont .md_play .md_btn_play:before { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ""; transform: translate(-50%, -50%); transition: all 0.4s; }
.M107_B_cont .md_play .md_btn_stop:before { position: absolute; left: 11px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M107_B_cont .md_play .md_btn_stop:after { position: absolute; left: 16px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M107_B_cont .md_play:hover:before, .M107_B_cont .md_play:focus:before { transform: translateX(0); }
.M107_B_cont .md_play .md_btn_play { display: none; }
.M107_B_cont .md_play .md_btn_stop { display: block; }
.M107_B_cont .md_play.on .md_btn_play { display: block; }
.M107_B_cont .md_play.on .md_btn_stop { display: none; }

/** -Mobile UI- **/
@media all and (max-width: 1515px) {
  .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_num .inner_l .txt_l {font-size: 106px;line-height: 1;}
  .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_num .inner_l .copy_s {padding-top: 18px;}
  .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt .inner_l .txt_l {font-size: 66px;line-height: 1.1;}
  .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt .inner_l .copy_s {padding-top:7px;}
  .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_exe,
  .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_exe strong,
  .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_exe .inner_l .txt_l {font-size: 66px;line-height: 1.2;}
  .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .inner_l .copy_s {margin-top: 0;padding-top: 16px;}
}

@media all and (max-width:1023px) {
    .M107_B .tit_e {margin-bottom: 6px;}
    .M107_B .tit_b { margin-bottom: 20px; font-size: 26px; line-height: normal;}

    /* owl-carousel */
    .M107_B_cont .slider { padding-left: 0; }
    .M107_B_cont .owl-carousel { padding-left: 0; margin-left: 0; }
    .M107_B_cont.m2 .owl-carousel .item:first-child { margin-right: 0; }
    .M107_B_cont .owl-carousel .item:after { left: -16px; width: 16px }
    .M107_B_cont .owl-carousel .item .txt_reverse{display: flex;flex-flow: column-reverse;}
    .M107_B_cont .owl-carousel .item .txt_reverse .md_tit {width: auto;}
    .M107_B_cont .owl-carousel .item .txt_reverse .md_txt {width: auto;margin-bottom: 30px;line-height: normal;}
    .M107_B_cont .owl-carousel .item .txt_reverse .md_txt.type_num {width: auto;}

    .M107_B_cont .owl-carousel .md_tit { margin:0;}
    .M107_B_cont .owl-carousel .md_tit > p {max-width: 100%;}
    .M107_B_cont .owl-carousel .md_tit > p:first-child { margin: 0 0 20px 0;}
    .M107_B_cont .owl-carousel .md_tit .s_text{margin-bottom: 0;}
    .M107_B_cont .owl-carousel .md_tit strong { font-size: 16px;}

    .M107_B_cont .owl-carousel .md_txt.Gartner { margin-top: 20px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 {font-size: 18px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 strong { font-size: 21px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .tit_regular { font-size: 21px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .tit_regular + p {margin-top: 6px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_s {display: inline-block;font-size: 18px;margin-top: 0;font-size: 14px;vertical-align: top;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_num{font-size:120px;line-height:93px; margin:0;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_num .inner_l .txt_l {display: inline-block;max-width: none;font-size: 120px;line-height: 1;vertical-align: top;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_num .inner_l .copy_s {padding-top:18px;line-height: 1;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt{font-size: 70px;line-height: 90px; margin-top: 0;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt .inner_l .copy_s {padding-top: 7px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt .inner_l .txt_l {display: inline-block;vertical-align: top;max-width: none;font-size: 70px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_exe{font-size: 60px;line-height: 80px; margin-top: 0;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_exe .inner_l .txt_l {font-size: 60px;line-height: 1.4;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_exe strong{font-size: 60px;}
    .M107_B_cont .owl-carousel .md_txt.type_txt .txt_type1 p { margin-top: 6px;}

    .M107_B_cont .owl-carousel .md_txt.type_num{margin-top: 0;}
    .M107_B_cont .owl-carousel .md_txt.type_txt{margin-top: 0;}
    .M107_B_cont .owl-carousel .md_txt.type_exe{margin-top: 0;}

    /* Navication */
    .M107_B_cont.m2 .navigation, .M107_B_cont.m3 .navigation { display: block; }
    .M107_B_cont .owl-pagn { right: 0; left: 0; top: 8px; margin: 0 auto; width: calc(100% - 70px); }
    .M107_B_cont .owl-pagn-inner .owl-pagn-bar { width: calc(100% - 60px); height: 2px; background: #ccc; }
    .M107_B_cont .owl-pagn-inner .owl-pagn-ed { float: right; color: #888; }
    .M107_B_cont .owl-pagn-inner .owl-pagn-ed::before { content: none; display: none; }
    .M107_B_cont .owl-nav { right: auto; width: 100%; display: block !important;}
    .M107_B_cont .owl-nav .owl-prev, .M107_B_cont .owl-nav .owl-next {border: none !important;}
    .M107_B_cont .navigation { position: relative; margin-top: 30px; width: 100%; top: auto; bottom: 0; }
    .M107_B_cont .carousel-pagn { right: 0; left: 0; margin: 0 auto; width: calc(100% - 70px); }
    .M107_B_cont .owl-pagn-inner{ width: 100%; }

    /* Navication */
    .M107_B_cont .md_play { display: none; }

    /* itme 1개 였을때 */
    .M107_B_cont.m1 .navigation { display: none; }
    .M107_B_cont.m2 .owl-pagn, .M107_B_cont.m3 .owl-pagn, .M107_B_cont.m4 .owl-pagn, .M107_B_cont.m5 .owl-pagn, .M107_B_cont.m6 .owl-pagn, .M107_B_cont.m7 .owl-pagn, .M107_B_cont.m8 .owl-pagn { display: block; }

    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt + .copy_s {margin-top: 9px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_s {font-size: 18px;}

    .cont .M107_B_cont .owl-nav .owl-prev:hover, .cont .M107_B_cont .owl-nav .owl-next:hover, .cont .M107_B_cont .owl-nav .owl-prev:focus, .cont .M107_B_cont .owl-nav .owl-next:focus {background-color: transparent !important;}
    .cont .M107_B_cont .owl-nav .owl-prev:hover:after, .cont .M107_B_cont .owl-nav .owl-next:hover:after, .cont .M107_B_cont .owl-nav .owl-prev:focus:after, .cont .M107_B_cont .owl-nav .owl-next:focus:after {border-color: #2189ff;}

    .M107_B_cont .owl-carousel .md_txt .txt_type1.align_l .copy,
    .M107_B_cont .owl-carousel .md_txt .txt_type1.align_l .copy .inner_l,
    .M107_B_cont .owl-carousel .md_txt .txt_type1.align_r .copy,
    .M107_B_cont .owl-carousel .md_txt .txt_type1.align_r .copy .inner_l,
    .M107_B_cont .owl-carousel .md_txt .txt_type1.align_c .copy,
    .M107_B_cont .owl-carousel .md_txt .txt_type1.align_c .copy .inner_l {text-align: right;}
}
@media all and (max-width:600px) {
    .M107_B .tit_e{font-size:14px; line-height: normal;}
    .M107_B .tit_b {font-size: 20px; line-height: normal;}

    .M107_B_cont .owl-carousel .md_tit { font-size: 20px; margin-bottom: 0;}
    .M107_B_cont .owl-carousel .md_txt{font-size: 14px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_s{font-size: 14px; }
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_num{font-size: 76px;line-height: 60px;margin-top: 0;}

    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_num .inner_l .txt_l {font-size: 76px;line-height: 1;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_num .inner_l .copy_s {padding-top: 12px;line-height: 1;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt{font-size: 50px;line-height: 72px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt .inner_l .txt_l {font-size: 50px;line-height: 1.3;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt .inner_l .copy_s {margin-top:0;padding-top:8px;line-height: 1.3;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_exe{font-size: 40px;line-height: 50px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_exe .inner_l .txt_l {font-size: 40px;line-height: 1.35;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_exe .inner_l .copy_s {margin-top:0;padding-top:0;line-height: 1.35;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_m {font-size: 40px;line-height: 50px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_m .inner_l .txt_l {font-size: 40px;line-height: 1.35;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_m .inner_l .copy_s {margin-top: 0;padding-top: 0;line-height: 1.35;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 {font-size: 14px; }
    .M107_B_cont .owl-carousel .md_txt .txt_type1 strong{font-size: 14px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .tit_regular {font-size: 18px;}
    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_exe strong{font-size: 40px;}
    .M107_B_cont .owl-carousel .md_tit p {font-size: 14px; margin-bottom: 20px;}
    .M107_B_cont .owl-carousel .md_tit p:last-child{margin-bottom: 0;}

    .M107_B_cont .owl-carousel .md_txt .txt_type1 .copy .copy_txt + .copy_s {margin-top: 11px;}
}

/*** M108_A | Service intro ***/
.M108_A.cont { padding:80px 0 140px; }
.M108_A .tit {margin-top:10px;font-weight:normal;}
.M108_A .tit + .M108_A_cont {margin-top:40px;}
.M108_A .tit_e + .M108_A_cont {margin-top:20px;}
.M108_A_cont { position:relative;background:#fff;margin:0 59px; }
.M108_A_cont .caroufredsel_wrapper {width:100% !important;max-height:740px !important;}
.M108_A_cont .md_cont_control { position:absolute;top:0;right:0;width:280px;z-index:10; }
.M108_A_cont .md_cont_bar { float:left;width:130px;margin:8px 0 0; }
.M108_A_cont .md_cont_bar .bar { width:80px; }
.M108_A_cont .md_cont_control .md_pagn_prev { margin-left:33px; }

/* md_play  */
.M108_A_cont .md_play { float:left;margin-left:7px; }
.M108_A_cont .md_play a { display:block;position:relative;overflow:hidden;width:30px;height:30px;outline:none; }
.M108_A_cont .md_play .md_btn_play:before {position:absolute;left:50%;top:50%;width:0;height:0;border-width:5px 0 5px 8px;border-style:solid;border-color:transparent;border-left-color:#000;content:"";transform:translate(-50%,-50%);transition:all 0.4s;}
.M108_A_cont .md_play .md_btn_play:hover:before, .M108_A_cont .md_play .md_btn_play:focus:before { border-left-color:#fff;}
.M108_A_cont .md_play .md_btn_stop:before { position:absolute;left:11px;top:9px;width:2px;height:12px;background:#000;content:"";transition:all 0.4s;}
.M108_A_cont .md_play .md_btn_stop:after { position:absolute;left:16px;top:9px;width:2px;height:12px;background:#000;content:"";transition:all 0.4s;}
.M108_A_cont .md_play .md_btn_stop:hover:before, .M108_A_cont .md_play .md_btn_stop:focus:before,
.M108_A_cont .md_play .md_btn_stop:hover:after, .M108_A_cont .md_play .md_btn_stop:focus:after {background:#fff;}
.M108_A_cont .md_play:hover, 
.M108_A_cont .md_play:focus { background: #0098c2 !important; border-color: #0098c2 !important; }
.M108_A_cont .md_play:hover:before, 
.M108_A_cont .md_play:focus:before { transform: translateX(0); }
.M108_A_cont .md_play .md_btn_play {display:none;}
.M108_A_cont .md_play .md_btn_stop {display:block;}
.M108_A_cont .md_play.on .md_btn_play {display:block;}
.M108_A_cont .md_play.on .md_btn_stop {display:none;}
.M108_A_cont .img_m {display:none;}

/** md_cont **/
.M108_A_cont .md_cont {position:relative;}
.M108_A_cont .md_cont .li { position:relative;display:block;float:left;width:100%;padding-top:114px;box-sizing:border-box;overflow:hidden;cursor:default; }
.M108_A_cont .md_cont .li .img { position:relative;width:100%;height:546px;background:#f5f5f5;overflow:hidden;z-index:1;}
.M108_A_cont .md_cont .li .img img {width:100%;}
.M108_A_cont .md_cont .li .img .img_p,
.M108_A_cont .md_cont .li .img .img_m {position:absolute;left:0;top:0;width:100%;height:100%;}
.M108_A_cont .md_cont .li .txt { position:absolute;top:0;left:0;width:100%;box-sizing:border-box;z-index:3; }
.M108_A_cont .md_cont .li .txt_inner {position:relative;padding:60px 0 120px 0;background:#fff;box-sizing:border-box;}
.M108_A_cont .md_cont .li .txt .scrollbar-inner {height:200px;}
.M108_A_cont .md_cont .li .txt ul,
.M108_A_cont .md_cont .li .txt .txt_area {padding:0 10.2%;}
.M108_A_cont .md_cont .li .txt .md_tit { position:relative;display:block;overflow:hidden; }
.M108_A_cont .md_cont .li .txt .md_txt { margin-top:6px; }
.M108_A_cont .md_cont .li .txt .md_btn {position:relative;margin-top:20px;}
.M108_A_cont .md_cont:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/* md_btn_box */
.md_btn_box a {margin-right:15px;}
.md_btn_box a:last-child {margin-right:0;}

/* Text Align */
.M108_A_cont .md_cont .li .txt.center {text-align:center;}
.M108_A_cont .md_cont .li .txt.right {text-align:right;}

/* Bg */
.bg .M108_A_cont .md_cont .li .txt_inner {background:#f5f5f5;}


/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M108_A .tit_e + .M108_A_cont {margin-top:10px;}
    .M108_A .tit + .M108_A_cont {margin-top:20px;}

    .M108_A_cont .md_cont_control {right:0;bottom:50px;width:100%;max-width:838px;margin:0 auto;padding:0 30px;}
    .M108_A_cont .md_pagn_prev {position:absolute;right:30px;bottom:-9px;transform:scale(0);opacity:0;display:none !important;}
    .M108_A_cont .md_pagn_next {position:absolute;right:30px;bottom:-9px;transform:scale(0);opacity:0;display:none !important;}
    .M108_A_cont .md_pagn_prev:focus, .M108_A_cont .md_pagn_next:focus {transform:scale(1);opacity:1;}

    /** md_cont **/
    .M108_A_cont .md_cont .li .img {height:100vh;min-height:450px;max-height:580px;}
    .M108_A_cont .md_cont .li .txt {bottom:20px;width:calc(100% - 30px);}
    .M108_A_cont .md_cont .li .txt_inner {padding:30px 0 60px 0;}
    .M108_A_cont .md_cont .li .txt .scrollbar-inner {height:300px;}
    .M108_A_cont .md_cont .li .txt ul,
    .M108_A_cont .md_cont .li .txt .txt_area {padding:0 30px;}
    .M108_A_cont .md_cont .li .txt .md_tit {margin-bottom:10px;}
    .M108_A_cont .md_cont .li .txt .t_btn {display:block;margin:10px 0 0 0;}
    .M108_A_cont .md_cont .li .txt .md_btn {margin-top:20px;}
    .M108_A_cont .md_cont .li .txt .md_btn a {margin-top:5px;}
    .M108_A_cont .md_cont .li .txt:before,
    .M108_A_cont .md_cont .li .txt:after {left:15px;top:-120px;width:150px;height:150px;}

    /* md_btn_box */
    .md_btn_box a {margin-right:10px;}
}

@media all and (max-width:838px){
    .M108_A {padding-bottom:0;}
    .M108_A + .cont {padding-top:50px;}
    .M108_A_cont {margin:0 -31px 0 -30px;}
    * + .M108_A_cont {margin-top:20px;}
}

@media all and (max-width:600px){
    .M108_A_cont .img_m {display:block;}
}

@media all and (orientation:landscape){
    .M108_A_cont .img_m {display:none;}
}


/*** M109_A | Mytrial Review  ***/
.M109_A .tit_e { color:#3566D8;text-align:center; } 
.M109_A .tit_b { text-align:center; }
.M109_A .tit_e + .tit_b { margin-top:20px; }
.M109_A_cont { margin-top:100px; }

/* Owl As-is 초기화 */
.M109_A_cont .owl-stage-outer, .M109_A_cont .owl-stage, .M109_A_cont .owl-item { height:auto !important; }
.M109_A_cont .owl-stage { width:100%; }
.M109_A_cont .owl-carousel .active span {background:none;}
.M109_A_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}

/* owl-carousel */
.M109_A_cont {position:relative;}
.M109_A_cont .owl-carousel .owl-stage {display:block !important;}
.M109_A_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M109_A_cont .owl-carousel .item { display:block;position:relative;float:left;width:440px;background:#FFF;box-sizing:border-box; }
.M109_A_cont .owl-navm {top: 120px;}
.M109_A_cont .img {position:relative;width:100%;background:#FFF;overflow:hidden;}
.M109_A_cont .img:before {content:"";display:block;width:100%;height:0;padding-bottom:258px;background-color:#ddd;}
.M109_A_cont .img .img_p,
.M109_A_cont .img .img_m { position:absolute;left:0;top:0;width:100%;height:100%;z-index:1; }
.M109_A_cont .img img {width:100%;}
.M109_A_cont .box { width:100%;padding:16px 40px 40px 0;background:#FFF; }
.M109_A_cont .md_tit { display:block;font-weight:bold;font-size:18px;line-height:27px; }
.M109_A_cont .md_txt { display:block;margin-top:12px;font-size:14px;line-height:20px;color:rgba(0,0,0,0.8); }
.M109_A_cont .md_txt02 { display:block;display:-webkit-box;overflow:hidden;margin-top:25px;font-size:14px;line-height:20px;color:rgba(0,0,0,0.7);opacity:0;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical; }
.M109_A_cont .md_btn {margin-top:10px;}
.M109_A_cont .owl-carousel .owl-item { transition:all 0.1s; }
.M109_A_cont .owl-carousel.act .owl-item.cloned { opacity:1; }
.M109_A_cont .owl-carousel .owl-item:hover { margin-top:-23px;box-shadow:#A3A3A3 8px 8px 16px; }
.M109_A_cont .owl-carousel .owl-item:hover .box { position:relative;top:-23px;padding-left:20px;z-index:2; }
.M109_A_cont .owl-carousel .owl-item:hover .md_txt02 { opacity:1; }


/* 3단이하 */
.M109_A_cont.m1 .owl-carousel,
.M109_A_cont.m2 .owl-carousel,
.M109_A_cont.m3 .owl-carousel {width:calc(100% + 26px);margin-left:-26px;}
.M109_A_cont.m1 .owl-carousel .item,
.M109_A_cont.m2 .owl-carousel .item,
.M109_A_cont.m3 .owl-carousel .item {width:calc(33.3% - 26px);max-width:440px;margin-left:24px;}
.M109_A_cont.m3 .owl-carousel .item:last-child {width:calc(33.4% - 26px);}
.M109_A_cont.m1 .owl-pagn,
.M109_A_cont.m2 .owl-pagn,
.M109_A_cont.m3 .owl-pagn {display:none;}

/* Navication */
.M109_A_cont .owl-pagn { display:none;position:relative;width:100%;max-width:1318px;margin-top:40px;padding-bottom:0;z-index:2;}
.M109_A_cont .owl-pagn-inner {position:absolute;right:0;top:0;}
.M109_A_cont .owl-nav { position:absolute;left:50%;bottom:-58px;transform:translateX(-50%);width:76px; }

/* -PC 확장형- */
@media all and (max-width:1504px){
    .M109_A_cont .owl-nav {right:0}
    .M109_A_cont .owl-carousel .item {width:calc((100vw - 186px - 52px - 17px) / 3);}
    .M109_A_cont .owl-item.cloned:last-child {display:none;}
}



/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M109_A .tit_e {margin-bottom:10px;}
    .M109_A .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* owl-carousel */
    .M109_A_cont .owl-carousel .item {width:60vw;max-width:300px;min-width:220px;}
    .M109_A_cont.m1 .owl-carousel,
    .M109_A_cont.m2 .owl-carousel,
    .M109_A_cont.m3 .owl-carousel {width:100%;margin-left:0;}
    .M109_A_cont.m1 .owl-carousel .item,
    .M109_A_cont.m2 .owl-carousel .item,
    .M109_A_cont.m3 .owl-carousel .item {width:60vw !important;max-width:300px;min-width:220px;margin-left:0 !important;}
    .M109_A_cont .box {width:95%;margin-top:15px;}
    .M109_A_cont.m2 .owl-pagn,
    .M109_A_cont.m3 .owl-pagn {display:block;}

    /* Navication */
    .M109_A_cont .owl-pagn {margin-top:30px;padding-bottom:0;}
}

@media all and (max-width:900px){
    .M109_A_cont:after {opacity:0;}
}

@media all and (max-width:600px){
    /* owl-carousel */
    .M109_A_cont.m1 .owl-carousel {display:block;margin-left:0;}
    .M109_A_cont.m1 .owl-carousel .item {width:100% !important;max-width:540px;margin-left:0;}
}

/*** M110_A | Mytrial Company intro ***/
.M110_A.cont { background:#000; } 
.M110_A .tit_e { margin-bottom: 20px; }
.M110_A .visual_img .txt { background: #fff; }
.M110_A_cont { position:relative;overflow:hidden; }

/* visual_img */
.M110_A_cont .visual_img { position:relative; }
.M110_A_cont .visual_img .img { position:relative;max-width:100%;height:295px;margin:97px 4.24% 20px; }
.M110_A_cont .visual_img .img .img_p, .M110_A_cont .visual_img .img .img_m { position:absolute;top:0;left:0;width:100%;height:100%; }
.M110_A_cont .visual_img .img .img_m { display: none; }
.M110_A_cont .visual_img .img .img_p:after, .M110_A_cont .visual_img .img .img_m:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }

/* 첫번째 슬라이드 */
.M110_A_cont .tab_slide_wrap { position:absolute;width:100%;top:0;left:0; }
.M110_A_cont .slider-nav { padding:0 59px; }
.M110_A_cont .slider-nav .slick-track { padding-bottom: 60px; }
.M110_A_cont .slider-nav.unSlick-width .slick-track { padding-bottom:39px;transform: translate3d(0px, 0px, 0px) !important; }
.M110_A_cont .slider-nav .slick-slide { position:relative;margin:0 27px;width:auto !important;cursor:pointer; }
.M110_A_cont .slider-nav .slick-slide:first-child { margin-left: 0; }
.M110_A_cont .slider-nav .slick-slide:last-child { margin-right: 0; }
.M110_A_cont .slider-nav a { position: relative; display: block; padding-top: 3px; padding-bottom: 9px; color: rgba(245, 245, 245, 0.8); transition: color 0.3s; }
.M110_A_cont .slider-nav a img { opacity:0.3; }
.M110_A_cont .slider-nav .slick-slide.is-active a { font-weight:bold;color:#fff; }
.M110_A_cont .slider-nav .slick-slide.is-active a img { opacity:0.8; }
.M110_A_cont .slider-nav .slick-slide.is-active a:hover, .M110_A_cont .slider-nav .slick-slide.is-active a:focus { color: #fff; }
.M110_A_cont .slider-nav .slick-slide.is-active a:hover img, .M110_A_cont .slider-nav .slick-slide.is-active a:focus img { opacity:0.8; }
.M110_A_cont .slider-nav .slick-slide.is-active a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #fff; }

/* 슬라이드 arrow */
.M110_A_cont .tab_slide_wrap .slick-arrowContainer { position: absolute; top: 10px; width: 100%; display: none; }
.M110_A_cont .tab_slide_wrap .slick-arrowContainer.addArrow { display: block; }
.M110_A_cont .tab_slide_wrap .slick-arrowContainer button { content: ""; position: absolute; width: 17px; height: 17px; border-top: 2px solid #fff; border-left: 2px solid #fff; transition: border-color 0.3s; }
.M110_A_cont .tab_slide_wrap .slick-arrowContainer button.prev { top: 6px; left: 27px; transform: rotate(-45deg); }
.M110_A_cont .tab_slide_wrap .slick-arrowContainer button.next { top: 6px; right: 27px; transform: rotate(135deg); }
.M110_A_cont .tab_slide_wrap .slick-arrowContainer button.prev.slick-disabled, .M110_A_cont .tab_slide_wrap .slick-arrowContainer button.next.slick-disabled { opacity: 0.2; cursor: default; }
.M110_A_cont .tab_slide_wrap .slick-arrowContainer button.prev:hover:after, .M110_A_cont .tab_slide_wrap .slick-arrowContainer button.next:hover:after { border-color: #00b3e3; }
.M110_A_cont .tab_slide_wrap .slick-arrowContainer button.prev:not(.slick-disabled):hover, .M110_A_cont .tab_slide_wrap .slick-arrowContainer button.prev:not(.slick-disabled):focus, .M110_A_cont .tab_slide_wrap .slick-arrowContainer button.next:not(.slick-disabled):hover, .M110_A_cont .tab_slide_wrap .slick-arrowContainer button.next:not(.slick-disabled):focus { border-color: #00b3e3; }

/*두번째 슬라이드*/
.M110_A_cont .slider-tabSection { position:absolute;top:96px;left:0;width:100%;max-width:1318px; }
.M110_A_cont .slider-tabContents { top: 0; left: 0; }
.M110_A_cont .slider-tabContents .slick-slide.is-active h3 { color: #c00; background-color: #000; }

/* tab_panel */
.M110_A_cont .slider-tabSection .slider-tabContents .tab_panel { position:relative;width:100%;margin:0; }
.M110_A .tit_b+.M110_A_cont { margin-top: 50px; }
.M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt { padding:0 9%;background-color:transparent; }
.M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_inner { display:flex;align-items:center;padding:80px 0 50px;text-align:left;box-sizing: border-box; }
.M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .tit_s { font-size: 24px; line-height: 45px; font-weight: normal; }
.M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 30px; font-weight: bold; }
.M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_col { font-size: 30px; font-weight: bold; color: #4473D9; }
.M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .logo_box { max-width: 100%; height: 100%; }
.M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .img_logo { position: relative; }
.M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .img_logo img { max-width: 152px; min-height: 140px; }
.M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_logo { text-align: center; color: #003383; font-weight: bold; padding-bottom: 20px; }

/* txt_box */
.M110_A_cont .slider-tabSection .tabContents .txt .txt_box { padding-left:60px;color:#FFF; }
.M110_A_cont .slider-tabSection .tabContents .txt .md_tit { display:block;color:inherit; }
.M110_A_cont .slider-tabSection .tabContents .txt .md_tit a { transition: color 0.3s; }
.M110_A_cont .slider-tabSection .tabContents .txt .md_txt { margin-top: 10px; }
.M110_A_cont .slider-tabSection .tabContents .txt .md_btn { margin-top: 20px; }
.M110_A_cont .slider-tabSection .tabContents .txt .md_btn .btn_arrow { margin-right: 15px; }

/* scrollbar */
.M110_A_cont .slider-tabSection .slider-tabContents .tab_panel .tabContents .txt .scrollbar-inner { max-height: 167px; }

/** -Mobile UI- **/
@media all and (max-width:1300px) {
    .M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .tit_s { font-size: 22px; line-height: 38px; }
    .M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 28px; }
}
@media all and (max-width:1023px) {
    .M110_A .tit_e { margin-bottom: 10px; }
    .M110_A .tit_b+.M110_A_cont { margin-top: 30px; }

    /* visual_img */
    .M110_A_cont .visual_img .img { height: 100vh; max-height: 554px; }
    .M110_A_cont .visual_img .img .img_m { display: block; }
    .M110_A_cont .visual_img .img .img_p { display: none; }
    .M110_A_cont .tab_slide_wrap { top: 30px; width: calc(100% - 60px); }
    .M110_A_cont .tabMenu-slide .swiper-slide-thumb-active:before { bottom: -50px; }
    .M110_A_cont .slider-nav .slick-slide.is-active a:before { bottom: -37px; border-bottom: 17px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; }
    .M110_A_cont .tab_slide_wrap .slick-arrowContainer { top: 8px; }
    .M110_A_cont .slider-tabSection { top: 105px; left: 50%; width: calc(100% - 20px); transform: translate(-50%, 0); }
    .M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt { border-radius: 25px; background-color: #fff; padding: 0 30px; height: 389px; }
    .M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_inner { display: block; padding: 0; }
    .M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_inner .txt_box { padding: 0; }
    .M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_box:before { padding-bottom: 0; }
    .M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .tit_s { font-size: 14px; line-height: 28px; }
    .M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 18px; }
    .M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_col { font-size: 18px; }
    .M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_btn { display: flex; flex-direction: column; margin-top: 20px; }
    .M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_btn .btn_arrow { margin-bottom: 10px; }
    .M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .img_logo { padding-top: 16px; text-align: center; }
    .M110_A_cont .slider-tabSection .slider-tabContents .tabContents .txt .img_logo img { width: 115px; max-width: 115px; min-height: 107px; margin: 0 auto; }
}
@media all and (max-width:600px) {
    .M110_A.cont { padding-bottom: 0; }
    .M110_A_cont { margin: 0 -30px 0 -30px; }

    /* 20220225 슬라이드 애로우 기능 추가 */
    .M110_A_cont .swiper-container.tabMenu-slide { width: 80%; }
    .M110_A_cont .slider-nav { padding: 0px 40px; }
    .M110_A_cont .slider-nav .slick-slide { margin: 0 10px; }
    .M110_A_cont .tab_slide_wrap .slick-arrowContainer button.prev { left: 7px; }
    .M110_A_cont .tab_slide_wrap .slick-arrowContainer button.next { right: 7px; }
    .M110_A_cont .tab_slide_wrap .slick-arrowContainer.addArrow { top: 11px; }
    .M110_A_cont .tab_slide_wrap .slick-arrowContainer button { content: ""; position: absolute; width: 13px; height: 13px; border-top: 2px solid #fff; border-left: 2px solid #fff; }

    /* scrollbar */
    .M110_A_cont .slider-tabSection .slider-tabContents .tab_panel .tabContents .txt .scrollbar-inner { height: 183px; }
}



/*** M110_B | Mytrial DTA ***/
.M110_B .tit_e { margin-bottom:20px; }
.M110_B .tit_b { margin-top:-12px; }
.M110_B .tit_e + .tit_b { margin-top:0; }
.M110_B .visual_img .txt {background:#fff;}
.M110_B.bg .visual_img .txt {background:#f5f5f5;}
* + .M110_B_cont {margin-top:10px;}
.M110_B .tit_e + .M110_B_cont { margin-top:0; }
.M110_B .tit_b + .M110_B_cont { margin-top:70px; }
.M110_B +  .M110_B { margin-top:-60px;padding-top:0; }

.M110_B_cont .tit_sub { font-size:24px;line-height:36px;margin-bottom:30px; }

/* tab_list */
.M110_B_cont .tab_list { margin-top:0;margin-bottom:20px; }
.M110_B .tit_e + .M110_B_cont .tab_list,
.M110_B .tit_b + .M110_B_cont .tab_list {margin-top:70px;margin-bottom:0;}
.M110_B_cont .tab_list li { float:left;width:auto; }
.M110_B_cont .tab_list li { margin-right:40px; }
.M110_B_cont .tab_list li:last-child {margin-right:0;}
.M110_B_cont .tab_list li .tab_btn { position:relative;display:block;padding-top:0;padding-bottom:6px;font-size:18px;line-height:27px;color:#888;transition:color 0.3s; }
.M110_B_cont .tab_list li .tab_btn:hover,
.M110_B_cont .tab_list li .tab_btn:focus { color:#00b3e3;}
.M110_B_cont .tab_list li .tab_btn.active { font-weight:bold;color:#000; }
.M110_B_cont .tab_list li .tab_btn.active:after { position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#000;content:""; }

/* tab_panel */
.M110_B_cont .tab_panel {display:none;}
.M110_B_cont .tab_panel.active {display:block;}

/* card_box */
.M110_B_cont .card_item { position:relative;width:100%;margin:0;padding:40px 120px 40px 170px;background:#FAFAFA; }
.M110_B_cont .card_item .md_tit { display:block;display:-webkit-box;overflow:hidden;width:100%;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical; }
.M110_B_cont .card_item .md_txt {display: block;margin-top: 10px;line-height: 24px;color: #555;font-size: 18px;}
.M110_B_cont .card_item .btn_area { margin-top:40px;margin-left:-10px;line-height:44px; } 
.M110_B_cont .card_item .btn_area:after { display:block;clear:both;content:""; }
.M110_B_cont .card_item .btn_m { display:block;float:left;min-width:170px;margin-left:10px; }
.M110_B_cont .card_item .btn_ty:before { background:#1C98C2; }
.M110_B_cont .card_item .btn_arrow { float:right;color:#000; }
.M110_B_cont .card_item .btn_arrow span:after {border-color:#000; }

.M110_B_cont .card_item .emblem { position:absolute;overflow:hidden;top:40px;left:60px;width:80px;height:80px;border-radius:8px;box-shadow:0 4px 16px 0 rgba(0,0,0,0.08);font-size:0;text-indent:-999999px; }
.M110_B_cont .card_item .emblem.type1 { background-size:44px 44px; }
.M110_B_cont .card_item .emblem.type2 { background-size:44px 44px; }
.M110_B_cont .card_item .emblem.type3 { background-size:44px 44px; }
.M110_B_cont .card_item .emblem.type4 { background-size:44px 44px; }
.M110_B_cont .card_item .emblem.type5 { background-size:44px 44px; }
.M110_B_cont .card_item .emblem.type6 { background-size:44px 44px; }
.M110_B_cont .card_item .emblem.type7 { background-size:44px 44px; }
.M110_B_cont .card_item .emblem.type8 { background-size:44px 44px; }
.M110_B_cont .card_item .emblem.type9 { background-size:44px 44px; }

.M110_B_cont .card_item .flag { position:absolute;top:-10px;left:-10px;min-width:50px;height:24px;padding:0 6px;background-color:#000;font-weight:bold;font-size:12px;line-height:22px;color:#FFF;text-align:center;text-transform:uppercase; }
.M110_B_cont .card_item .flag:after { position:absolute;bottom:-10px;left:0;width:0;height:0;border-top:10px solid #939393;border-left:10px solid transparent;content:""; }


/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M110_B .tit_e { margin-bottom:10px; }
    .M110_B .tit_b { margin-top:-6px; }
    * + .M110_B_cont { margin-top:0; }
    .M110_B .tit_b + .M110_B_cont { margin-top:30px; }
    .M110_B +  .M110_B { margin-top:0px; }

    .M110_B_cont .tit_sub { font-size:18px;line-height:27px;margin-bottom:20px; }

    /* tab_list */
    .M110_B_cont .tab_slide_area {margin-left:-10px;margin-right:-10px;}
    .M110_B_cont .tab_slide_area:before,
    .M110_B_cont .tab_slide_area:after {content:"";position:absolute;width:20px;height:100%;z-index:2;}
    .M110_B_cont .tab_slide_area:before {top:0;left:0;background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
    .M110_B_cont .tab_slide_area:after {top:0;right:0;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}

    .M110_B_cont .tab_list { margin-top:0;margin-bottom:30px; }
    .M110_B .tit_e + .M110_B_cont .tab_list,
    .M110_B .tit_b + .M110_B_cont .tab_list {margin-top:40px;}
    .M110_B_cont .tab_list li {margin-right:40px;}
    .M110_B_cont .tab_list li:first-child {padding-left:10px;}
    .M110_B_cont .tab_list li:last-child {margin-right:0;padding-right:10px;}
    .bg .M110_B_cont .tab_slide_area:before {top:0;left:0;background:linear-gradient(to right,rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%);}
    .bg .M110_B_cont .tab_slide_area:after {background:linear-gradient(to right,rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%);}  

    /* card_box */
    .M110_B_cont .card_item { padding:30px 20px; }
    .M110_B_cont .card_item .txt { padding-left:52px; }
    .M110_B_cont .card_item .btn_area { margin-top:20px;margin-left:0;padding:0 22px; }
    .M110_B_cont .card_item .btn_m { min-width:100%;width:100%;margin-top:10px;margin-left:0; } 

    .M110_B_cont .card_item .emblem { top:30px;left:20px;width:32px;height:32px; }
    .M110_B_cont .card_item .emblem.type1 { background-size:19px 19px; }
    .M110_B_cont .card_item .emblem.type2 { background-size:19px 19px; }
    .M110_B_cont .card_item .emblem.type3 { background-size:19px 19px; }
    .M110_B_cont .card_item .emblem.type4 { background-size:19px 19px; }
    .M110_B_cont .card_item .emblem.type5 { background-size:19px 19px; }
    .M110_B_cont .card_item .emblem.type6 { background-size:19px 19px; }
    .M110_B_cont .card_item .emblem.type7 { background-size:19px 19px; }
    .M110_B_cont .card_item .emblem.type9 { background-size:20px 20px; }

    .M110_B_cont .card_item .md_txt {font-size: 14px;}
}

@media all and (max-width:600px){
    /* tab_list */
    .M110_B_cont .tab_slide_area {margin-left:-30px;margin-right:-30px;}
    .M110_B_cont .tab_list li {margin-right:20px;}
    .M110_B_cont .tab_list li:first-child {padding-left:30px;}
    .M110_B_cont .tab_list li:last-child {padding-right:30px;}
    .M110_B_cont .tab_list li .tab_btn { padding-top:1px;padding-bottom:9px;font-size:16px; }    
}



/*** M110_C | Mytrial Video Demo ***/
.M110_C .tit_e { margin-bottom: 30px; }
.M110_C_cont { position: relative; }
.M110_C_cont .tab_slide_wrap { width: 100%; margin-bottom: 30px; }
.M110_C_cont .slider-nav { padding: 0; }
.M110_C_cont .slider-nav .slick-slide { cursor: pointer; position: relative; margin: 0 20px; width: auto !important; }
.M110_C_cont .slider-nav .slick-slide:first-child { margin-left: 0; }
.M110_C_cont .slider-nav .slick-slide:last-child { margin-right: 0; }
.M110_C_cont .slider-nav a { position: relative; display: inline-block; padding-top: 3px; padding-bottom: 9px; color: #888; transition: color 0.3s; font-size: 20px; outline-offset: -2px; }
.M110_C_cont .slider-nav .swiper-slide.active a { font-weight: bold; color: #000; }
.M110_C_cont .slider-nav .swiper-slide.active a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #000; content: ""; }
.M110_C_cont .slider-nav .swiper-slide.active a:hover { color: #000; }

/* navigation */
.M110_C_cont .navigation { display: flex; position: absolute; align-items: center; right: 0; top: -60px; width: 270px; padding-bottom: 0; z-index: 2; height: 30px; }

/* slick-counter */
.M110_C_cont .navigation .slick-counter { margin-right: 5px; }
.M110_C_cont .navigation .slick-counter:after { display: block; clear: both; content: ''; }
.M110_C_cont .navigation .slick-counter .first, .M110_C_cont .navigation .slick-counter .current, .M110_C_cont .navigation .slick-counter .total { display: block; float: left; font-weight: bold; font-size: 16px; line-height: 24px; vertical-align: middle; }
.M110_C_cont .navigation .slick-counter .total { color: #888; }
.M110_C_cont .navigation .slick-counter .progress { display: block; float: left; overflow: hidden; width: 80px; height: 2px; margin: 12px 9px 0 6px; background-color: #CCC; background-image: linear-gradient(to right, black, black); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; border-radius: 10px; vertical-align: middle; }

/* slide md_play  */
.M110_C_cont .navigation .md_play { /*overflow: hidden;*/ transition: all 0.4s; }
.M110_C_cont .navigation .md_play a { display: block; position: relative; width: 28px; height: 28px; overflow: hidden; outline: none; }
.M110_C_cont .navigation .md_play .md_btn_play:before { position: absolute; left: 54%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ""; transform: translate(-50%, -50%); transition: all 0.4s; }
.M110_C_cont .navigation .md_play .md_btn_stop { display: block; }
.M110_C_cont .navigation .md_play .md_btn_stop:before { position: absolute; left: 11px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M110_C_cont .navigation .md_play .md_btn_stop:after { position: absolute; left: 16px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M110_C_cont .navigation .md_play:hover:before, .M110_C_cont .navigation .md_play:focus:before { transform: translateX(0); }
.M110_C_cont .navigation .md_play .md_btn_play { display: none; }
.M110_C_cont .navigation .md_play.on .md_btn_play { display: block; }
.M110_C_cont .navigation .md_play.on .md_btn_stop { display: none; }

/* 슬라이드 arrow */
.M110_C_cont .navigation .slick-arrowContainer { display: block; margin-left: auto; width: 76px; }
.M110_C_cont .navigation .slick-arrowContainer:after { display: block; clear: both; content: ''; }
.M110_C_cont .navigation .slick-arrowContainer .prev, .M110_C_cont .navigation .slick-arrowContainer .next { display: block; float: left; position: relative; overflow: hidden; width: 30px; height: 30px; background: transparent; border: 1px solid #000; border-radius: 50%; box-sizing: border-box; outline: none; transition: all 0.4s; webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.M110_C_cont .navigation .slick-arrowContainer .next { margin-left: 16px; }
.M110_C_cont .navigation .slick-arrowContainer .prev:hover, .M110_C_cont .navigation .slick-arrowContainer .next:hover { background: #347AF4; border-color: #347AF4 }
.M110_C_cont .navigation .slick-arrowContainer .prev:before, .M110_C_cont .navigation .slick-arrowContainer .next:before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #347AF4; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M110_C_cont .navigation .slick-arrowContainer .prev:hover:before, .M110_C_cont .navigation .slick-arrowContainer .next:hover:before { transform: translateX(0); }
.M110_C_cont .navigation .slick-arrowContainer .prev:after, .M110_C_cont .navigation .slick-arrowContainer .next:after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M110_C_cont .navigation .slick-arrowContainer .prev:after { margin: -3px 0 0 -2px; transform: rotate(-135deg); }
.M110_C_cont .navigation .slick-arrowContainer .next:after { margin: -3px 0 0 -5px; transform: rotate(45deg); }
.M110_C_cont .navigation .slick-arrowContainer .prev:hover:after, .M110_C_cont .navigation .slick-arrowContainer .next:hover:after { border-color: #fff; }
.M110_C_cont .navigation .slick-arrowContainer .slick-disabled:before { display: none; }
.M110_C_cont .navigation .slick-arrowContainer .slick-disabled, .M110_C_cont .navigation .slick-arrowContainer .slick-disabled:after, .M110_C_cont .navigation .slick-arrowContainer .slick-disabled:hover, .M110_C_cont .navigation .slick-arrowContainer .slick-disabled:hover:after { background: none !important; border-color: #aaa !important; cursor: default; }

/*두번째 슬라이드*/
.M110_C_cont .slider-tabSection { position: relative; width: 100%; }
.M110_C_cont .slider-tabContents .slick-slide.is-active h3 { color: #c00; background-color: #000; }

/* tab_panel */
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents { display: flex; justify-content: space-between; }
.M110_C .tit_b+.M110_C_cont { margin-top: 50px; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents:after { display: block; clear: both; content: ''; }
.M110_C_cont .slider-tabSection .slider-tabContents .tab_panel { position: relative; width: 100%; margin: 0; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .img { position: relative; overflow: hidden; transition: all 1s; opacity: 1; position: relative; overflow: hidden; width: 70%; max-width: 646px; }
.M110_C_cont .slider-tabSection .slider-tabContents .tab_panel.slick-slide .tabContents .img { opacity: 0; }
.M110_C_cont .slider-tabSection .slider-tabContents .tab_panel.slick-slide.slick-active .tabContents .img { left: 0; opacity: 1; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .img img { width: 100%; height: 100%; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .img video { width: 100%; height: 100%; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .txt { position: relative; width: 48%; padding-left: 50px; padding-bottom: 60px; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 30px; font-weight: bold; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_col { font-size: 30px; font-weight: bold; color: #4473D9; }

/* md_control */
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control { position: absolute; bottom: 0px; left: 0; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay { position: relative; margin-left: 50px; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay:after { content: ""; display: block; clear: both; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay a { display: block; position: relative; float: left; width: 42px; height: 42px; margin-right: 10px; overflow: hidden; outline: none; border: 2px solid #ddd; transition: all 0.4s; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay a:focus { outline: auto; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay .md_video_play { background: url("https://image.samsungsds.com/module_src/images/icon/ico_video_play.png?queryString=20241210125943") center no-repeat; cursor: default; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay.on .md_video_play, .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay.on .md_video_play:hover, .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay.on .md_video_play:focus { border-color: #347AF4; background: url("https://image.samsungsds.com/module_src/images/icon/ico_video_play_on.png?queryString=20241210125943") center no-repeat; cursor: pointer; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay .md_video_stop { border-color: #347AF4; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay .md_video_stop:before, .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay .md_video_stop:after { position: absolute; top: 12px; width: 3px; height: 15px; border-radius: 10px; background: #347AF4; content: ""; transition: all 0.4s; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay .md_video_stop:before { left: 13px; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay .md_video_stop:after { left: 22px; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay.on .md_video_stop { cursor: default; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay.on .md_video_stop:before, .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay.on .md_video_stop:after { background: #ddd; }
.M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay.on .md_video_stop { border-color: #ddd; }

/* txt_box */
.M110_C_cont .slider-tabSection .tabContents .txt .md_tit { display: block; }
.M110_C_cont .slider-tabSection .tabContents .txt .md_tit a { transition: color 0.3s; }
.M110_C_cont .slider-tabSection .tabContents .txt .md_txt {margin-top: 10px;-webkit-line-clamp: 9;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;font-size: 18px;}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M110_C .tit_b+.M110_C_cont { margin-top: 30px; }
    .M110_C_cont .tab_slide_wrap { width: 100%; }
    .M110_C_cont .tabMenu-slide .swiper-slide-thumb-active:before { bottom: -50px; }
    .M110_C_cont .slider-nav .slick-list { overflow: visible; }
    .M110_C_cont .slider-tabSection { width: 100%; padding-bottom: 50px; }
    .M110_C_cont .tab_slide_wrap+.slider-tabSection { margin-top: 0px; }
    .M110_C_cont .slider-nav { margin-bottom: 30px; }
    .M110_C_cont .slider-nav a { font-size: 16px; }
    .M110_C_cont .slider-nav .slick-slide { margin: 0 10px; }
    .M110_C_cont .slider-tabSection .slider-tabContents .tabContents { display: flex; justify-content: space-between; flex-direction: column; position: relative; }
    .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .img { width: 100%; max-width: none; }
    .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .txt { width: 100%; padding: 0; padding-bottom: 5px; margin-top: 20px; }
    .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .txt .tit_s { font-size: 16px; line-height: 28px; }
    .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 18px; }
    .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_col { font-size: 18px; }
    .M110_C_cont .slider-tabSection .tabContents .txt .md_txt {font-size: 14px;}
    .M110_C_cont .tab_slide_wrap .slick-arrowContainer { top: auto; bottom: -19px; left: 0; width: calc(100% + 20px); margin: 0 -10px; padding: 0 30px; }
    .M110_C_cont .tab_slide_wrap .slick-arrowContainer .next { float: right; }
    .M110_C_cont .tab_slide_wrap .slick-arrowContainer .prev, .M110_C_cont .tab_slide_wrap .slick-arrowContainer .next { border: 0 !important; }
    .M110_C_cont .tab_slide_wrap .slick-arrowContainer .prev:after, .M110_C_cont .tab_slide_wrap .slick-arrowContainer .next:after { width: 8.49px; height: 8.49px; }
    .M110_C_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:after, .M110_C_cont .tab_slide_wrap .slick-arrowContainer .next:hover:after, .M110_C_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:after, .M110_C_cont .tab_slide_wrap .slick-arrowContainer .next:focus:after { border-color: #2189FF; }
    .M110_C_cont .tab_slide_wrap .slick-arrowContainer .prev:hover, .M110_C_cont .tab_slide_wrap .slick-arrowContainer .next:hover, .M110_C_cont .tab_slide_wrap .slick-arrowContainer .prev:focus, .M110_C_cont .tab_slide_wrap .slick-arrowContainer .next:focus { background: transparent !important; border-color: #2189FF !important; }
    .M110_C_cont .tab_slide_wrap .slick-arrowContainer .prev:before, .M110_C_cont .tab_slide_wrap .slick-arrowContainer .next:before { display: none; }

    /* slide controler */
    .M110_C_cont .navigation { width: 100%; top: auto; bottom: 0; display: block; }
    .M110_C_cont .navigation .slick-counter { position: relative; width: calc(100% - 70px); margin: 0 auto; }
    .M110_C_cont .navigation .slick-counter .progress { position: absolute; right: 0; top: 0; left: 0; width: 100%; }
    .M110_C_cont .navigation .slick-counter .total { float: right; }
    .M110_C_cont .navigation .slick-counter .total:before { display: none; padding: 0 2px; content: '/'; }
    .M110_C_cont .navigation .slick-counter .progress { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); float: inherit; width: calc(100% - 60px); margin: 0; }
    .M110_C_cont .navigation .slick-counter .first, .M110_C_cont .navigation .slick-counter .current, .M110_C_cont .navigation .slick-counter .total { font-size: 14px; line-height: 20px; }

    /* md_play */
    .M110_C_cont .md_play { display: none; }
    .M110_C_cont .navigation .slick-arrowContainer { width: 100%; position: absolute; top: 0; margin: 0 auto; margin-top: -5px; height: 30px; }
    .M110_C_cont .navigation .slick-arrowContainer .prev { left: 0px; margin: 0; }
    .M110_C_cont .navigation .slick-arrowContainer .next { right: 0px; }
    .M110_C_cont .navigation .slick-arrowContainer .prev, .M110_C_cont .navigation .slick-arrowContainer .next { position: absolute; border: 0 !important; }
    .M110_C_cont .navigation .slick-arrowContainer .prev:hover, .M110_C_cont .navigation .slick-arrowContainer .next:hover, .M110_C_cont .navigation .slick-arrowContainer .prev::before, .M110_C_cont .navigation .slick-arrowContainer .next::before, .M110_C_cont .navigation .slick-arrowContainer .prev::after, .M110_C_cont .navigation .slick-arrowContainer .next::after { background: none; }
    .M110_C_cont .navigation .slick-arrowContainer .prev:hover:after, .M110_C_cont .navigation .slick-arrowContainer .next:hover:after { border-color: #000; }

    /* video controler */
    .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_control { position: relative; margin-top: 25px; bottom: 0; }
    .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay { height: 32px; text-align: center; font-size: 0; margin: 0; }
    .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay a { float: none; display: inline-block; width: 32px; height: 32px; }
    .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay .md_video_play { background-size: 10px auto !important; margin-right: 0; }
    .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay .md_video_stop:before, .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay .md_video_stop:after { height: 12px; top: 8px; }
    .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay .md_video_stop:before { left: 9px; }
    .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay .md_video_stop:after { left: 16px; }
}






/*** M110_D | 활용예시 & 특장점 & Demo 1 ***/
.M110_D .tit_b + .tit_e, .M110_D .tit_bt + .tit_e { margin-top: 80px; }
.M110_D .tit_e { display: block; margin-bottom: 30px; }
.M110_D.cont { overflow: visible; }
.M110_D_cont { position: relative; }
.M110_D_cont .img_p { display: block; }
.M110_D_cont .img_m { display: none; }

/* 첫번째 슬라이드 */
.M110_D_cont .tab_slide_wrap { width: 100%; }
.M110_D_cont .slider-nav { padding: 0; }
.M110_D_cont .slider-nav.unSlick-width .slick-track { transform: translate3d(0px, 0px, 0px) !important; }
.M110_D_cont .slider-nav .slick-slide { position: relative; margin: 0 20px 30px; width: auto !important; cursor: pointer; }
.M110_D_cont .slider-nav .slick-slide:first-child { margin-left: 0; }
.M110_D_cont .slider-nav .slick-slide:last-child { margin-right: 0; }
.M110_D_cont .slider-nav a { position: relative; display: block; padding-top: 3px; padding-bottom: 9px; color: #888; transition: color 0.3s; }
.M110_D_cont .slider-nav .slick-slide.is-active a { font-weight: bold; color: #000; }
.M110_D_cont .slider-nav .slick-slide.is-active a:hover, .M110_D_cont .slider-nav .slick-slide.is-active a:focus { color: #000; }
.M110_D_cont .slider-nav .slick-slide.is-active a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #000; content: ""; }

/* 슬라이드 arrow */
.M110_D_cont .tab_slide_wrap .slick-arrowContainer { position: absolute; top: -56px; right: 0; z-index: 999; width: auto; }
.M110_D_cont .tab_slide_wrap .slick-arrowContainer:after { display: block; clear: both; content: ''; }
.M110_D_cont .tab_slide_wrap .slick-arrowContainer.addArrow { display: block; }
.M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next { display: block; float: left; position: relative; overflow: hidden; width: 30px; height: 30px; background: transparent; border: 1px solid #000 !important; border-radius: 50%; box-sizing: border-box; outline: none; transition: all 0.4s; webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.M110_D_cont .tab_slide_wrap .slick-arrowContainer .next { margin-left: 16px; }
.M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:hover, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:hover, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:focus, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:focus { background: #2189ff !important; border-color: #2189ff !important; }
.M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:before, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #2189ff; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:before, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:hover:before, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:before, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:focus:before { transform: translateX(0); }
.M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:after, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:after { margin: -3px 0 0 -2px; transform: rotate(-135deg); }
.M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:after { margin: -3px 0 0 -5px; transform: rotate(45deg); }
.M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:after, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:hover:after, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:after, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:focus:after { border-color: #fff; }
.M110_D_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:before { display: none; }
.M110_D_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:after, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:hover, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:focus, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:hover:after, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:focus:after { background: none !important; border-color: #aaa !important; cursor: default; }

/* slick-counter */
.M110_D_cont .slick-counter { position: absolute; top: -53px; right: 114px; z-index: 999; width: auto; }
.M110_D_cont .slick-counter:after { display: block; clear: both; content: ''; }
.M110_D_cont .slick-counter .first, .M110_D_cont .slick-counter .current, .M110_D_cont .slick-counter .total { display: block; float: left; font-weight: bold; font-size: 16px; line-height: 24px; vertical-align: middle; }
.M110_D_cont .slick-counter .total { color: #888; }
.M110_D_cont .slick-counter .progress { display: block; float: left; overflow: hidden; width: 80px; height: 2px; margin: 12px 9px 0 6px; background-color: #CCC; background-image: linear-gradient(to right, black, black); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; border-radius: 10px; vertical-align: middle; }

/*두번째 슬라이드*/
.M110_D_cont .slider-tabSection { position: relative; width: 100%; }
.M110_D_cont .slider-tabSection .slick-list { overflow: visible; }
.M110_D_cont .tab_slide_wrap + .slider-tabSection { margin-top: 0; }
.M110_D_cont .slider-tabContents { top: 0; left: 0; }
.M110_D_cont .slider-tabContents .slick-slide.is-active h3 { color: #c00; background-color: #000; }

/* tab_panel */
.M110_D_cont .slider-tabSection .slider-tabContents .tab_panel { position: relative; width: 100%; margin: 0; }
.M110_D .tit_b+.M110_D_cont { margin-top: 50px; }
.M110_D_cont .slider-tabSection .slider-tabContents .tabContents:after { display: block; clear: both; content: ''; }
.M110_D_cont .slider-tabSection .slider-tabContents .tabContents .img { position: relative; float: left; overflow: hidden; left: 0; width: 780px; transition: all 1s; opacity: 0; }
.M110_D_cont .slider-tabSection .slider-tabContents .tabContents > .md_tit { display: block; margin: -20px 0 30px; }
.M110_D_cont .slider-tabSection .slider-tabContents .tabContents .img:before { display: block; width: 100%; height: 0; padding-bottom: 64.10256410256%; content: ''; }
.M110_D_cont .slider-tabSection .slider-tabContents .slick-active .tabContents .img { left: 0; opacity: 1; }
.M110_D_cont .slider-tabSection .slider-tabContents .tabContents .img .img_p { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M110_D_cont .slider-tabSection .slider-tabContents .tabContents .img img { width: 100%; height: 100%; }
.M110_D_cont .slider-tabSection .slider-tabContents .tabContents .img video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/* btn_movie */
.M110_D_cont .slider-tabSection .slider-tabContents .tabContents .btn_movie { left: 50%; top: 50%; transform: translate(-51%, -52%); }
.M110_D_cont .slider-tabSection .slider-tabContents .tabContents .txt { float: left; width: calc(100% - 780px); padding: 0 0 0 50px; }
.M110_D_cont .slider-tabSection .slider-tabContents .tabContents .txt:after { display: block; clear: both; content: ''; }
.M110_D_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 30px; font-weight: bold; }
.M110_D_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_col { color: #4473D9; }

/* txt_box */
.M110_D_cont .slider-tabSection .tabContents .txt .md_tit { display: block; font-size: 32px; line-height: 48px; }
.M110_D_cont .slider-tabSection .tabContents .txt .md_tit a { transition: color 0.3s; }
.M110_D_cont .slider-tabSection .tabContents .txt .md_tit.tit_s { font-size: 22px; line-height: 36px; }
.M110_D_cont .slider-tabSection .tabContents .txt .md_tit + .md_txt { margin-top: 20px; }
.M110_D_cont .slider-tabSection .tabContents .txt .md_txt + .md_txt { margin-top: 28px; }
.M110_D_cont .slider-tabSection .tabContents .txt .md_txt + .md_btn { margin-top: 14px; }
.M110_D_cont .slider-tabSection .tabContents .txt .md_txt + .md_btn:after { display: block; clear: both; content: ''; }

/* video type */
.M110_D_cont .video_tab { display: flex; flex-direction: row; align-items: flex-start; }
.M110_D_cont .video_tab .video_box { align-self: flex-start; width: 59.2%; padding: 0 5.2%; background: #000; }
.M110_D_cont .video_tab .video_box .video { position: relative; width: 100%; max-width: 780px; height: auto; padding-top: 70%; max-height: 450px; }
.M110_D_cont .video_tab .video_box .video video { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
.M110_D_cont .video_tab .item { position: relative; display: block; float: left; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; cursor: default; }
.M110_D_cont .video_tab .md_control { width: 36%; margin-left: 4.5%; box-sizing: border-box; }
.M110_D_cont .video_tab .md_control .pagn li { position: relative; padding-left: 36px; margin-top: 17px; min-height: 24px; font-weight: normal; }
.M110_D_cont .video_tab .md_control .pagn li:first-child { margin-top: 0; }
.M110_D_cont .video_tab .md_control .pagn li span { display: inline-block; position: absolute; left: 0; top: 6px; width: 20px; height: 20px; background: #CCC; border-radius: 10px; font-weight: bold; font-size: 12px; line-height: 20px; color: #FFF; text-align: center; }
.M110_D_cont .video_tab .md_control .pagn li.act { color: #1778EA; }
.M110_D_cont .video_tab .md_control .pagn li.act span { background: #347AF4; color: #FFF; }
.M110_D_cont .video_tab .md_control .pagn li p { position: relative; display: inline-block; }
.M110_D_cont .video_tab .md_control .pagn li.act p { font-weight: bold; text-decoration: underline; }
.M110_D_cont .video_tab .md_control .play { position: relative; margin-top: 50px; }
.M110_D_cont .video_tab .md_control .play:after { content: ""; display: block; clear: both; }
.M110_D_cont .video_tab .md_control .play a { display: block; position: relative; float: left; width: 42px; height: 42px; margin-right: 10px; overflow: hidden; outline: none; border: 2px solid #ddd; transition: all 0.4s; }
.M110_D_cont .video_tab .md_control .play a:focus { outline: auto; }
.M110_D_cont .video_tab .md_control .play .md_btn_play { background: url("https://image.samsungsds.com/module_src/images/icon/ico_video_play.png?queryString=20241210125943") center no-repeat; cursor: default; }
.M110_D_cont .video_tab .md_control .play.on .md_btn_play, .M110_D_cont .video_tab .md_control .play.on .md_btn_play:hover, .M110_D_cont .video_tab .md_control .play.on .md_btn_play:focus { border-color: #347AF4; background: url("https://image.samsungsds.com/module_src/images/icon/ico_video_play_on.png?queryString=20241210125943") center no-repeat; cursor: pointer; }
.M110_D_cont .video_tab .md_control .play .md_btn_stop { border-color: #347AF4; }
.M110_D_cont .video_tab .md_control .play .md_btn_stop:before, .M110_D_cont .video_tab .md_control .play .md_btn_stop:after { position: absolute; top: 12px; width: 3px; height: 15px; border-radius: 10px; background: #347AF4; content: ""; transition: all 0.4s; }
.M110_D_cont .video_tab .md_control .play .md_btn_stop:before { left: 13px; }
.M110_D_cont .video_tab .md_control .play .md_btn_stop:after { left: 22px; }
.M110_D_cont .video_tab .md_control .play.on .md_btn_stop { cursor: default; }
.M110_D_cont .video_tab .md_control .play.on .md_btn_stop:before, .M110_D_cont .video_tab .md_control .play.on .md_btn_stop:after { background: #ddd; }
.M110_D_cont .video_tab .md_control .play.on .md_btn_stop { border-color: #ddd; }
.M110_D_cont .slider-tabContents .txt_reverse { display: flex; justify-content: space-between; }

.M110_D_cont .slider-tabContents .txt_reverse .md_tit { width: 691px; width: 52.38817285823%; }
.M110_D_cont .slider-tabContents .txt_reverse .md_tit .md_btn { display: inline-block; margin-top: 14px; vertical-align: top; }
.M110_D_cont .slider-tabContents .txt_reverse .md_txt { width: 562px; width: 42.60803639121%; }
.M110_D_cont .slider-tabContents .md_tit { display: block; }
.M110_D_cont .slider-tabContents .md_tit strong { font-size: 22px; font-weight: bold; }

.M110_D_cont .slider-tabContents .md_tit > p:first-child { margin: 10px 0 30px 0; }
.M110_D_cont .slider-tabContents .md_tit > p:first-child + .md_btn { margin-top: -17px; }
.M110_D_cont .slider-tabContents .md_tit > p:last-child { margin-top: 10px; }
.M110_D_cont .slider-tabContents .md_tit > p:nth-child(1) { margin-top: 0; }

.M110_D_cont .slider-tabContents .md_txt { display: block; position: relative; font-size: 18px; }
.M110_D_cont .slider-tabContents .md_txt .md_strTxt { font-size: 24px; margin-bottom: 20px; display: block; }
/* ※ 레이아웃 문제로 인해 float: right;를 주석 처리합니다. */
.M110_D_cont .slider-tabContents .md_txt:after { display: block; height: 1px; clear: both; content: ''; }
.M110_D_cont .slider-tabContents .md_txt.type_txt { margin-top: 107px; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 { font-size: 20px; }
.M110_D_cont .slider-tabContents .md_txt.type_txt .txt_type1 p { margin-top: 2px; margin-bottom: 0; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 strong { font-size: 30px; font-weight: bold; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .tit_regular { font-size: 24px; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .tit_regular + p { margin-top: 2px; margin-bottom: 0; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .tit_regular ~ .copy { margin-top: 22px; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy { display: block; margin-top: 34px; text-align: right; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .inner_l { display: block; font-size: 0; text-align: left; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .inner_l:after { display: block; clear: both; content: ''; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .inner_l .txt_l { display: inline-block; vertical-align: top; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .inner_l .copy_s { display: inline-block; color: #000; vertical-align: top; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_num { display: inline-block; font-size: 160px; line-height: 1; margin-top: -21px; vertical-align: top; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_num .inner_l .txt_l { font-size: 160px; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_num .inner_l .copy_s { margin-top: 0; padding-top: 21px; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt { display: inline-block; font-weight: bold; font-size: 105px; line-height: 116px; vertical-align: top; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt .inner_l .txt_l { font-weight: bold; font-size: 105px; line-height: 1.1; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt .inner_l .copy_s { margin-top: 0; padding-top: 11px; line-height: 1.1; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_exe { font-size: 86px; line-height: 102px; margin-top: 12px; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_exe .inner_l .txt_l { font-size: 86px; line-height: 1.2; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_exe strong { font-size: 86px; }
.M110_D_cont .slider-tabSection .slider-tabContents .tabContents { transition: opacity 1s; opacity: 0; }
.M110_D_cont .slider-tabSection .slider-tabContents .slick-active .tabContents { opacity: 1; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt + .copy_s { margin-top: 9px; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_s { display: inline-block; font-size: 20px; vertical-align: top; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1.align_l, .M110_D_cont .slider-tabContents .md_txt .txt_type1.align_l .copy, .M110_D_cont .slider-tabContents .md_txt .txt_type1.align_l .copy .inner_l { text-align: left; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1.align_r, .M110_D_cont .slider-tabContents .md_txt .txt_type1.align_r .copy, .M110_D_cont .slider-tabContents .md_txt .txt_type1.align_r .copy .inner_l { text-align: right; }
.M110_D_cont .slider-tabContents .md_txt .txt_type1.align_c, .M110_D_cont .slider-tabContents .md_txt .txt_type1.align_c .copy, .M110_D_cont .slider-tabContents .md_txt .txt_type1.align_c .copy .inner_l { text-align: center; }

/* md_play  */
.M110_D_cont .md_play { display: none; position: absolute; right: 92px; top: -56px; overflow: hidden; transition: all 0.4s; }
.M110_D_cont .md_play a { display: block; position: relative; width: 28px; height: 28px; overflow: hidden; outline: none; }
.M110_D_cont .md_play .md_btn_play:before { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ''; transform: translate(-50%, -50%); transition: all 0.4s; }
.M110_D_cont .md_play .md_btn_stop:before { position: absolute; left: 11px; top: 9px; width: 2px; height: 10px; background: #000; content: ''; transition: all 0.4s; }
.M110_D_cont .md_play .md_btn_stop:after { position: absolute; left: 16px; top: 9px; width: 2px; height: 10px; background: #000; content: ''; transition: all 0.4s; }
.M110_D_cont .md_play:hover:before, .M110_D_cont .md_play:focus:before { transform: translateX(0); }
.M110_D_cont .md_play .md_btn_play { display: none; }
.M110_D_cont .md_play .md_btn_stop { display: block; }
.M110_D_cont .md_play.on .md_btn_play { display: block; }
.M110_D_cont .md_play.on .md_btn_stop { display: none; }
.M110_D.bg .tabContents .img { background-color: #f5f5f5; }

@media all and (max-width:1300px) {
    .M110_D_cont .slider-tabSection .slider-tabContents .tabContents .img { float: initial; width: 100%; height: auto; }
    .M110_D_cont .slider-tabSection .slider-tabContents .tabContents .txt { float: initial; width: 100%; margin-top: 20px; padding-left: 0; }
    .M110_D_cont .slick-counter .progress { width: 73px; }
}

/** -Mobile UI- **/
@media all and (max-width:1515px) {
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_num .inner_l .txt_l { font-size: 106px; line-height: 1; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_num .inner_l .copy_s { padding-top: 18px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt .inner_l .txt_l { font-size: 66px; line-height: 1.1; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt .inner_l .copy_s { padding-top: 7px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_exe, .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_exe strong, .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_exe .inner_l .txt_l { font-size: 66px; line-height: 1.2; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .inner_l .copy_s { margin-top: 0; padding-top: 16px; }
}

@media all and (max-width:1023px) {
    .M110_D .tit_b, .M110_D .tit_bt { font-size: 22px; }
    .M110_D .tit_b + .tit_e, .M110_D .tit_bt + .tit_e { margin-top: 45px; }
    .M110_D .tit_e { margin-bottom: 10px; }
    .M110_D .tit_b+.M110_D_cont { margin-top: 30px; }
    .M110_D_cont .tab_slide_wrap { width: 100%; }
    .M110_D_cont .tabMenu-slide .swiper-slide-thumb-active:before { bottom: -50px; }
    .M110_D_cont .slider-tabSection .slick-list { overflow: hidden; }
    .M110_D_cont .slider-tabSection { width: 100%; padding-bottom: 50px; }
    .M110_D_cont .slider-tabSection .slider-tabContents .tabContents .img { float: initial; width: 100%; height: auto; }
    .M110_D_cont .slider-tabSection .slider-tabContents .tabContents > .md_tit { margin-top: 0; margin-bottom: 20px; font-size: 20px; line-height: 32px; }
    .M110_D_cont .slider-tabSection .slider-tabContents .tabContents .txt { float: initial; width: 100%; padding: 0; }
    .M110_D_cont .slider-tabSection .slider-tabContents .tabContents .img + .txt { margin-top: 16px; }
    .M110_D_cont .slider-tabSection .slider-tabContents .tabContents .txt .tit_s { font-size: 16px; line-height: 28px; }
    .M110_D_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 18px; }
    .M110_D_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_tit { font-size: 20px; line-height: 32px !important; }
    .M110_D_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_tit + .md_txt { margin-top: 8px; }
    .M110_D_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_txt + .md_txt { margin-top: 25px; }

    .M110_D_cont .slider-tabContents .txt_reverse .md_txt { width: auto; }
    .M110_D_cont .slider-tabContents .txt_reverse .md_tit { width: auto; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .tit_regular { font-size: 21px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .tit_regular + p { margin-top: 6px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt .inner_l .txt_l { display: inline-block; vertical-align: top; max-width: none; font-size: 70px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_exe .inner_l .txt_l { font-size: 60px; line-height: 1.4; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_exe strong { font-size: 60px; }

    .M110_D_cont .tab_slide_wrap .slick-arrowContainer { top: auto; bottom: -19px; left: 0; width: calc(100% + 20px); margin: 0 -10px; }
    .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next { float: right; }
    .M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next { border: 0 !important; }
    .M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:after, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:after { width: 8.49px; height: 8.49px; }
    .M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:after, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:hover:after, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:after, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:focus:after { border-color: #2189FF; }
    .M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:hover, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:hover, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:focus, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:focus { background: transparent !important; border-color: #2189FF !important; }
    .M110_D_cont .tab_slide_wrap .slick-arrowContainer .prev:before, .M110_D_cont .tab_slide_wrap .slick-arrowContainer .next:before { display: none; }

    /* slick-counter */
    .M110_D_cont .slick-counter { top: auto; bottom: -15px; left: 50%; right: auto; width: 100%; padding: 0 30px; transform: translateX(-50%); }
    .M110_D_cont .slick-counter .total { float: right; }
    .M110_D_cont .slick-counter .total:before { display: none; padding: 0 2px; content: '/'; }
    .M110_D_cont .slick-counter .progress { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); float: inherit; width: calc(100% - 116px); margin: 0; }
    .M110_D_cont .slick-counter .first, .M110_D_cont .slick-counter .current, .M110_D_cont .slick-counter .total { font-size: 14px; line-height: 20px; }
    .M110_D_cont .slider-nav .slick-list { overflow: visible; }

    /* video type */
    .M110_D_cont .video_tab .md_control .pagn li { margin-top: 10px; padding-left: 26px; }
    .M110_D_cont .video_tab .md_control .pagn li span { top: 4px; }
    .M110_D_cont .video_tab .md_control .play { margin-top: 20px; }
    .M110_D_cont .slider-tabContents .txt_reverse { display: flex; flex-flow: column-reverse; }
    .M110_D_cont .slider-tabContents .txt_reverse .md_txt { margin-bottom: 30px; line-height: normal; }
    .M110_D_cont .slider-tabContents .md_tit strong { font-size: 16px; }
    .M110_D_cont .slider-tabContents .md_tit > p { max-width: 100%; }
    .M110_D_cont .slider-tabContents .md_tit > p:first-child { margin: 0 0 20px 0; }
    .M110_D_cont .slider-tabContents .md_tit > p:first-child + .md_btn { margin-top: -9px; }
    .M110_D_cont .slider-tabContents .md_txt.type_txt { margin-top: 0; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 { font-size: 18px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 strong { font-size: 21px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt { margin-top: 0; font-size: 70px; line-height: 90px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt + .copy_s { margin-top: 9px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_s { font-size: 18px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1.align_l .copy, .M110_D_cont .slider-tabContents .md_txt .txt_type1.align_l .copy .inner_l, .M110_D_cont .slider-tabContents .md_txt .txt_type1.align_r .copy, .M110_D_cont .slider-tabContents .md_txt .txt_type1.align_r .copy .inner_l, .M110_D_cont .slider-tabContents .md_txt .txt_type1.align_c .copy, .M110_D_cont .slider-tabContents .md_txt .txt_type1.align_c .copy .inner_l { text-align: right; }
    .M110_D_cont .slider-tabContents .md_txt { font-size: 16px; }
    .M110_D_cont .slider-tabContents .md_txt .md_strTxt { font-size: 18px; margin-bottom: 10px; line-height: 26px; }
}
@media all and (max-width:838px) {

    /* video type */
    .M110_D_cont .video_tab { display: block; }
    .M110_D_cont .video_tab .video_box { width: 100%; padding: 0; }
    .M110_D_cont .video_tab .video_box .video { max-width: 100%; height: 100%; max-height: inherit; }
    .M110_D_cont .video_tab .md_control { width: 100%; margin-left: 0; margin-top: 25px; }
    .M110_D_cont .video_tab .md_control .play { height: 32px; text-align: center; font-size: 0; }
    .M110_D_cont .video_tab .md_control .play a { float: none; display: inline-block; width: 32px; height: 32px; }
    .M110_D_cont .video_tab .md_control .play .md_btn_play { background-size: 10px auto !important; }
    .M110_D_cont .video_tab .md_control .play .md_btn_stop:before, .M110_D_cont .video_tab .md_control .play .md_btn_stop:after { height: 12px; top: 8px; }
    .M110_D_cont .video_tab .md_control .play .md_btn_stop:before { left: 9px; }
    .M110_D_cont .video_tab .md_control .play .md_btn_stop:after { left: 16px; }
}
@media all and (max-width:600px) {
    .M110_D_cont .swiper-container.tabMenu-slide { width: 80%; }
    .M110_D_cont .slider-nav .slick-slide { margin: 0 10px; }
    .M110_D_cont .slider-nav .slick-slide:last-of-type { margin-right: 10px; }
    .M110_D_cont .slider-tabSection { padding: 0 0 30px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 { font-size: 14px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 strong { font-size: 14px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt { font-size: 50px; line-height: 72px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt + .copy_s { margin-top: 11px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_s { font-size: 14px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_num .inner_l .txt_l { font-size: 76px; line-height: 1; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_num .inner_l .copy_s { padding-top: 12px; line-height: 1; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt .inner_l .txt_l { font-size: 50px; line-height: 1.3; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt .inner_l .copy_s { margin-top: 0; padding-top: 8px; line-height: 1.3; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_exe .inner_l .txt_l { font-size: 40px; line-height: 1.35; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_exe .inner_l .copy_s { margin-top: 0; padding-top: 0; line-height: 1.35; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .tit_regular { font-size: 18px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_exe strong { font-size: 40px; }
    .M110_D_cont .slider-tabContents .md_txt .txt_type1 .copy .copy_txt .inner_l .txt_l { font-size: 50px; line-height: 1.3; }
}





/*** M110_E | Mytrial Company intro ***/
.M110_E .tit_e { margin-bottom:30px; }
.M110_E .tit_b + .tit_desc,
.M110_E .tit_b + .md_txt {margin-top: -20px;}
.M110_E .tit_b { margin-top: -12px; margin-bottom: 40px; }
.M110_E .tit_b .txt_l { display: block; margin: 4.2rem 0 -1rem 0.1rem; font-weight: 400; font-size: 1.8rem; line-height: 2.8rem; letter-spacing: -0.04rem; }
.M110_E .md_txt { margin-bottom: 40px; }
.M110_E .visual_img .txt { background: #fff; }
.M110_E_cont { position:relative;padding-top:92px; }

/* visual_img */
.M110_E_cont .visual_img { position:relative; }
.M110_E_cont .visual_img .img { position:relative;max-width:100%;height:298px;margin:0; }
.M110_E_cont .visual_img .img .img_p, .M110_E_cont .visual_img .img .img_m { position:absolute;top:0;left:0;width:100%;height:100%; }
.M110_E_cont .visual_img .img .img_m { display: none; }
.M110_E_cont .visual_img .img .img_p:after, .M110_E_cont .visual_img .img .img_m:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }

/* 첫번째 슬라이드 */
.M110_E_cont .tab_slide_wrap { position:absolute;width:100%;top:0;left:0; }
.M110_E_cont .slider-nav { padding:0; }
.M110_E_cont .slider-nav .slick-track { padding-bottom: 60px; }
.M110_E_cont .slider-nav.unSlick-width .slick-track { padding-bottom:39px;transform: translate3d(0px, 0px, 0px) !important; }
.M110_E_cont .slider-nav .slick-slide { position:relative;margin:0 20px;width:auto !important;cursor:pointer; }
.M110_E_cont .slider-nav .slick-slide:first-child { margin-left: 0; }
.M110_E_cont .slider-nav .slick-slide:last-child { margin-right: 0; }
.M110_E_cont .slider-nav a { display: block; position: relative; padding-top: 0; padding-bottom: 18px; color: #888; transition: color 0.3s; line-height: 44px; } 
.M110_E_cont .slider-nav .slick-slide.is-active a { color: #000; } 
.M110_E_cont .slider-nav .slick-slide.is-active a:hover, .M110_E_cont .slider-nav .slick-slide.is-active a:focus { opacity:1; }
.M110_E_cont .slider-nav .slick-slide.is-active a:after { position:absolute;bottom:0;left:0;width: 100%;height: 2px;background:#000;content:""; }

/* 슬라이드 arrow */
.M110_E_cont .tab_slide_wrap .slick-arrowContainer { position:absolute;top:-56px;right:0;z-index:999;width:auto; }
.M110_E_cont .tab_slide_wrap .slick-arrowContainer:after { display:block;clear:both;content:''; }
.M110_E_cont .tab_slide_wrap .slick-arrowContainer.addArrow { display: block; }
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev,
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .next { display:block;float:left;position:relative;overflow:hidden;width:30px;height:30px;background:transparent;border: 1px solid #000 !important; border-radius:50%;box-sizing:border-box;outline:none;transition: all 0.4s;webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0); }
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .next { margin-left:16px; }
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:hover, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:hover, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:focus, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:focus { background:#2189ff !important;border-color:#2189ff !important; }
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:before, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #2189ff; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:before, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:hover:before, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:before,
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:focus:before { transform: translateX(0); }
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:after,
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:after { margin: -3px 0 0 -2px; transform: rotate(-135deg); }
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:after { margin: -3px 0 0 -5px; transform: rotate(45deg); }
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:after, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:hover:after, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:after, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:focus:after { border-color: #fff; }
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:before { display: none; }
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:after, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:hover, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:focus, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:hover:after, 
.M110_E_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:focus:after { background: none !important; border-color: #aaa !important;cursor:default; }

/* slick-counter */
.M110_E_cont .slick-counter { position: absolute; top: -53px; right: 114px; z-index: 999; width: auto; display: flex; align-items: center;}
.M110_E_cont .slick-counter .total { color: #888; }
.M110_E_cont .slick-counter .first, .M110_E_cont .slick-counter .current, .M110_E_cont .slick-counter .total{font-weight: bold; font-size: 16px; line-height: 24px;}
.M110_E_cont .slick-counter .progress {overflow: hidden; width: 8rem; height: 2px; background-color: #CCC; border-radius: 10px; margin: 0 0.8rem;}
.M110_E_cont .slick-counter .progress p{height: 100%; background: #000; transition: width .3s;}

/*두번째 슬라이드*/
.M110_E_cont .slider-tabSection {width:100%;max-width:1318px; }
.M110_E_cont .slider-tabContents { top: 0; left: 0; }
.M110_E_cont .slider-tabContents .slick-slide.is-active h3 { color: #c00; background-color: #000; }

/* tab_panel */
.M110_E_cont .slider-tabSection .slider-tabContents .tab_panel { position:relative;width:100%;margin:0; }
.M110_E .tit_b+.M110_E_cont { margin-top: 50px; }
.M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt { position: absolute; top: 50%; left: 0; z-index: 2; padding: 0 6% 0 6%; background-color: transparent; transform: translate(0%, -50%); }
.M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_inner { padding: 0px 0 0; text-align: left; box-sizing: border-box; }
.M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .tit_s { font-size: 24px; line-height: 45px; font-weight: normal; }
.M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 30px; font-weight: bold; }
.M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_col { font-size: 30px; font-weight: bold; color: #4473D9; }
.M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .logo_box { max-width: 100%; height: 100%; }
.M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .img_logo { position: absolute; top: 0px; right: 40px; }
.M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .img_logo img { max-width:100px; }
.M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_logo { text-align: center; color: #003383; font-weight: bold; padding-bottom: 20px; }

/* txt_box */
.M110_E_cont .slider-tabSection .tabContents .txt .txt_box { color:#FFF; }
.M110_E_cont .slider-tabSection .tabContents .txt .md_tit { display:block;font-weight:bold;font-size:16px;line-height:24px;color:inherit; }
.M110_E_cont .slider-tabSection .tabContents .txt .md_tit a { transition: color 0.3s; }
.M110_E_cont .slider-tabSection .tabContents .txt .md_txt { margin-top:10px;font-size:26px;line-height:42px; }
.M110_E_cont .slider-tabSection .tabContents .txt .md_btn { margin-top:20px; }
.M110_E_cont .slider-tabSection .tabContents .txt .md_btn .btn_arrow { margin-right:15px;color:#FFF; }
.M110_E_cont .slider-tabSection .tabContents .txt .md_btn .btn_arrow span:after { border-color:#FFF; }

/* scrollbar */
.M110_E_cont .slider-tabSection .slider-tabContents .tab_panel .tabContents .txt .scrollbar-inner { max-height: 190px; }

/* en */
html[lang="en"] .M110_E_cont .slider-tabSection .slider-tabContents .tab_panel .tabContents .txt .scrollbar-inner { max-height: 230px; }
html[lang="en"] .M110_E_cont .visual_img .img { height: 350px; }
html[lang="en"] .M110_E_cont .slider-tabSection .tabContents .txt .md_txt { line-height: 38px; }

@media all and (max-width:1300px) {
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .tit_s { font-size: 22px; line-height: 38px; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 28px; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M110_E .tit_e {margin-bottom:10px;}
    .M110_E .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M110_E .tit_b .txt_l { margin-top: 0; padding: 0.6rem 0 0; font-size: 1.4rem; line-height: 2.4rem; }
    .M110_E .tit_desc,
    .M110_E .md_txt {width:100%;margin-bottom:20px;}
    .M110_E .tit_b + .tit_desc,
    .M110_E .tit_b + .md_txt {margin-top:-10px;}
    .M110_E .tit_b+.M110_E_cont { margin-top: 30px; }
    .M110_E_cont { padding-top:0; }

    /* visual_img */
    .M110_E_cont .visual_img .img { height:100vh;max-height:380px; }
    .M110_E_cont .visual_img .img .img_m { display:block; }
    .M110_E_cont .visual_img .img .img_p { display:none; }
    .M110_E_cont .tab_slide_wrap { position:static;top:auto;left:auto; }
    .M110_E_cont .tabMenu-slide .swiper-slide-thumb-active:before { bottom: -50px; }
    .M110_E_cont .slider-nav .slick-slide { margin:0 15px; }
    .M110_E_cont .slider-nav .slick-track { padding-bottom:30px; }
    .M110_E_cont .slider-nav a { padding-top:6px;padding-bottom:6px;line-height:36px; }
    .M110_E_cont .slider-nav a img { height:36px; }
    .M110_E_cont .slider-nav .slick-slide.is-active a:before { bottom: -37px; border-bottom: 17px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; }
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer { top:auto;bottom:-19px;left:0;width:calc(100% + 20px);margin:0 -10px; }
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .next { float:right; }
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev, 
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .next { border:0 !important; }
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:after, 
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:after { width:8.49px;height:8.49px; }
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:after, 
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:hover:after, 
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:after, 
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:focus:after { border-color:#2189FF; }
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:hover, 
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:hover, 
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:focus, 
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:focus { background:transparent !important;border-color:#2189FF !important; }
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .prev:before, 
    .M110_E_cont .tab_slide_wrap .slick-arrowContainer .next:before { display:none; }
    
    .M110_E_cont .slider-tabSection { padding-bottom:50px; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt { padding:56px 24px 0; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_inner { display: block; padding: 0; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_inner .txt_box { padding: 0; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_box:before { padding-bottom: 0; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .tit_s { font-size: 14px; line-height: 28px; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_txt { font-size:16px;line-height:28px; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 18px; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_col { font-size: 18px; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_btn { display: flex; flex-direction: column; margin-top: 20px; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_btn .btn_arrow { margin-bottom: 10px; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .img_logo { top: 0px; right: 20px; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tabContents .txt .img_logo img { width:60px;height:60px;margin: 0 auto; }
    .M110_E_cont .slick-list { overflow:visible; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tab_panel { margin:0 10px; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tab_panel .tabContents .txt .scrollbar-inner { max-height:300px; }

    /* slick-counter */
    .M110_E_cont .slick-counter { top:auto;bottom:-15px;left:50%;right:auto;width:calc(100% - 60px);transform:translateX(-50%); justify-content: center;}
    .M110_E_cont .slick-counter .total:before { display:none;padding:0 2px;content:'/'; }  
    .M110_E_cont .slick-counter .progress { width: calc(100% - 80px); margin: 0 1rem; }
    .M110_E_cont .slick-counter .first, 
    .M110_E_cont .slick-counter .current, 
    .M110_E_cont .slick-counter .total { font-size:14px;line-height:20px; }

    /* en */
    html[lang="en"] .M110_E_cont .slider-tabSection .slider-tabContents .tab_panel .tabContents .txt .scrollbar-inner { max-height: 380px; }
    html[lang="en"] .M110_E_cont .visual_img .img { height: 100vh; max-height: 440px; }
    html[lang="en"] .M110_E_cont .slider-tabSection .tabContents .txt .md_txt { line-height: 26px; }
}

@media all and (max-width:600px) {
    .M110_E_cont .swiper-container.tabMenu-slide { width: 80%; }
    .M110_E_cont .slider-nav .slick-slide { margin: 0 10px; }
    .M110_E_cont .slider-tabSection .slider-tabContents .tab_panel { margin:0 5px; }
}




/*** M110_F | 활용예시 & 특장점 2 ***/
.M110_F .tit_b + .tit_e,
.M110_F .tit_bt + .tit_e { margin-top:80px; }
.M110_F .tit_e { display:block;margin-bottom:30px; }
.M110_F.cont { overflow:visible; }
.M110_F_cont { position:relative; }
.M110_F_cont .img_p { display:block; }
.M110_F_cont .img_m { display:none; }

/* 첫번째 슬라이드 */
.M110_F_cont .tab_slide_wrap { width:100%; }
.M110_F_cont .slider-nav { padding:0; }
.M110_F_cont .slider-nav.unSlick-width .slick-track { transform: translate3d(0px, 0px, 0px) !important; }
.M110_F_cont .slider-nav .slick-slide { position:relative;margin:0 20px 30px;width:auto !important;cursor:pointer; }
.M110_F_cont .slider-nav .slick-slide:first-child { margin-left: 0; }
.M110_F_cont .slider-nav .slick-slide:last-child { margin-right: 0; }
.M110_F_cont .slider-nav a { position:relative;display:block;padding-top:3px;padding-bottom:9px;color:#888;transition:color 0.3s; }
.M110_F_cont .slider-nav .slick-slide.is-active a { font-weight:bold;color:#000; }
.M110_F_cont .slider-nav .slick-slide.is-active a:hover, 
.M110_F_cont .slider-nav .slick-slide.is-active a:focus { color:#000; }
.M110_F_cont .slider-nav .slick-slide.is-active a:after { position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#000;content:""; }

/* 슬라이드 arrow */
.M110_F_cont .tab_slide_wrap .slick-arrowContainer { position:absolute;top:-56px;right:0;z-index:999;width:auto; }
.M110_F_cont .tab_slide_wrap .slick-arrowContainer:after { display:block;clear:both;content:''; }
.M110_F_cont .tab_slide_wrap .slick-arrowContainer.addArrow { display: block; }
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev,
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .next { display:block;float:left;position:relative;overflow:hidden;width:30px;height:30px;background:transparent;border: 1px solid #000 !important; border-radius:50%;box-sizing:border-box;outline:none;transition: all 0.4s;webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0); }
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .next { margin-left:16px; }
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:hover, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:hover, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:focus, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:focus { background:#2189ff !important;border-color:#2189ff !important; }
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:before, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #2189ff; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:before, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:hover:before, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:before,
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:focus:before { transform: translateX(0); }
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:after,
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:after { margin: -3px 0 0 -2px; transform: rotate(-135deg); }
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:after { margin: -3px 0 0 -5px; transform: rotate(45deg); }
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:after, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:hover:after, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:after, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:focus:after { border-color: #fff; }
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:before { display: none; }
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:after, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:hover, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:focus, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:hover:after, 
.M110_F_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:focus:after { background: none !important; border-color: #aaa !important;cursor:default; }

/* slick-counter */
.M110_F_cont .slick-counter { position:absolute;top:-53px;right:114px;z-index:999;width:auto; }
.M110_F_cont .slick-counter:after { display:block;clear:both;content:''; }
.M110_F_cont .slick-counter .first,
.M110_F_cont .slick-counter .current,
.M110_F_cont .slick-counter .total { display:block;float:left;font-weight:bold;font-size:16px;line-height:24px;vertical-align:middle; }
.M110_F_cont .slick-counter .total { color:#888; }
.M110_F_cont .slick-counter .progress { display:block;float:left;overflow:hidden;width:80px;height:2px;margin:12px 9px 0 6px;background-color:#CCC;background-image: linear-gradient(to right, black, black);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;border-radius:10px;vertical-align:middle; }

.M110_F_cont .slick-counter .md_play { display: none; }

/*두번째 슬라이드*/
.M110_F_cont .slider-tabSection { position:relative;width:100%; }
.M110_F_cont .slider-tabSection .slick-list { overflow:visible; } 
.M110_F_cont .tab_slide_wrap + .slider-tabSection { margin-top:0; }
.M110_F_cont .slider-tabContents { top: 0; left: 0; }
.M110_F_cont .slider-tabContents .slick-slide.is-active h3 { color: #c00; background-color: #000; }

/* tab_panel */
.M110_F_cont .slider-tabSection .slider-tabContents .tab_panel { position:relative;width:100%;margin:0; }
.M110_F .tit_b+.M110_F_cont { margin-top: 50px; }
.M110_F_cont .slider-tabSection .slider-tabContents .tabContents:after { display:block;clear:both;content:''; }
.M110_F_cont .slider-tabSection .slider-tabContents .tabContents .img {position: relative;float: right;overflow: hidden;left: 0;width: 780px;transition: all 1s;opacity: 0;}
.M110_F_cont .slider-tabSection .slider-tabContents .tabContents > .md_tit { display:block;margin:-20px 0 30px; }
.M110_F_cont .slider-tabSection .slider-tabContents .tabContents .img:before {display: block;width: 100%;height: 0;padding-bottom: 64.10256410256%;content: '';}
.M110_F_cont .slider-tabSection .slider-tabContents .slick-active .tabContents .img { left:0;opacity:1; }
.M110_F_cont .slider-tabSection .slider-tabContents .tabContents .img .img_p { position:absolute;left:0;top:0;width:100%;height:100%; } 
.M110_F_cont .slider-tabSection .slider-tabContents .tabContents .img img { width:100%;height:100%; }
.M110_F_cont .slider-tabSection .slider-tabContents .tabContents .img video { position:absolute;left:0;top:0;width:100%;height:100%; }
/* btn_movie */
.M110_F_cont .slider-tabSection .slider-tabContents .tabContents .btn_movie {left:50%;top:50%;transform:translate(-51%,-52%);}
.M110_F_cont .slider-tabSection .slider-tabContents .tabContents .txt { float:left;width:calc(100% - 780px);padding:0 60px 0 0; }
.M110_F_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 30px; font-weight: bold; }
.M110_F_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_col { color: #4473D9; }

/* txt_box */
.M110_F_cont .slider-tabSection .tabContents .txt .md_tit { display:block;font-size:32px;line-height:48px; }
.M110_F_cont .slider-tabSection .tabContents .txt .md_tit a { transition:color 0.3s; }
.M110_F_cont .slider-tabSection .tabContents .txt .md_tit.tit_s { font-size:22px;line-height:36px; }
.M110_F_cont .slider-tabSection .tabContents .txt .md_tit + .md_txt {margin-top: 20px;font-size: 18px;}
.M110_F_cont .slider-tabSection .tabContents .txt .md_tit + .md_txt { margin-top:20px; }
.M110_F_cont .slider-tabSection .tabContents .txt .md_txt + .md_txt { margin-top:28px; }
.M110_F_cont .slider-tabSection .tabContents .txt .md_txt + .md_btn { margin-top: 17px; }
.M110_F.bg .tabContents .img { background-color: #f5f5f5; }

@media all and (max-width:1300px) {
    .M110_F_cont .slider-tabSection .slider-tabContents .tabContents .img { float:initial;width:100%;height:auto; }
    .M110_F_cont .slider-tabSection .slider-tabContents .tabContents .txt { float:initial;width:100%;margin-top:20px;padding-left:0; }
    .M110_F_cont .slick-counter .progress { width:73px; }   
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M110_F .tit_b, 
    .M110_F .tit_bt { font-size:22px; }
    .M110_F .tit_b + .tit_e,
    .M110_F .tit_bt + .tit_e { margin-top:45px; }
    .M110_F .tit_e { margin-bottom: 10px; }
    .M110_F .tit_b+.M110_F_cont { margin-top: 30px; }
    
    .M110_F_cont .tab_slide_wrap { width:100%; }    
    .M110_F_cont .tabMenu-slide .swiper-slide-thumb-active:before { bottom: -50px; }
    .M110_F_cont .slider-tabSection .slick-list { overflow:hidden; }
    .M110_F_cont .slider-tabSection { width:100%;padding-bottom:50px; }
    .M110_F_cont .slider-tabSection .slider-tabContents .tabContents .img { float:initial;width:100%;height:auto; }
    .M110_F_cont .slider-tabSection .slider-tabContents .tabContents > .md_tit { margin-top:0;margin-bottom:20px;font-size:20px;line-height:32px; }
    .M110_F_cont .slider-tabSection .slider-tabContents .tabContents .txt { float:initial;width:100%;padding:0; }
    .M110_F_cont .slider-tabSection .slider-tabContents .tabContents .img + .txt { margin-top:16px; }
    .M110_F_cont .slider-tabSection .slider-tabContents .tabContents .txt .tit_s { font-size:16px;line-height:28px; }
    .M110_F_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 18px; }
    .M110_F_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_tit { font-size:20px;line-height:32px !important; }
    .M110_F_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_tit + .md_txt {margin-top: 8px;font-size: 14px;}
    .M110_F_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_txt + .md_txt { margin-top:25px; }  
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer { top:auto;bottom:-19px;left:0;width:calc(100% + 20px);margin:0 -10px; }
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .next { float:right; }
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev, 
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .next { border:0 !important; }
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:after, 
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:after { width:8.49px;height:8.49px; }
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:after, 
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:hover:after, 
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:after, 
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:focus:after { border-color:#2189FF; }
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:hover, 
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:hover, 
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:focus, 
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:focus { background:transparent !important;border-color:#2189FF !important; }
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .prev:before, 
    .M110_F_cont .tab_slide_wrap .slick-arrowContainer .next:before { display:none; }

    /* slick-counter */
    .M110_F_cont .slick-counter { top:auto;bottom:-15px;left:50%;right:auto;width:100%;padding:0 30px;transform:translateX(-50%); }
    .M110_F_cont .slick-counter .total { float:right; }
    .M110_F_cont .slick-counter .total:before { display:none;padding:0 2px;content:'/'; }
    .M110_F_cont .slick-counter .progress { position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);float:inherit;width:calc(100% - 116px);margin:0; }    
    .M110_F_cont .slick-counter .first, 
    .M110_F_cont .slick-counter .current, 
    .M110_F_cont .slick-counter .total { font-size:14px;line-height:20px; }
    .M110_F_cont .slider-nav .slick-list { overflow:visible; }
    .M110_F_cont .slider-tabSection .tabContents .txt .md_txt + .md_btn { margin-top: 14px; }
}
@media all and (max-width:600px) {    
    .M110_F_cont .swiper-container.tabMenu-slide { width: 80%; }
    .M110_F_cont .slider-nav .slick-slide { margin:0 10px; }
    .M110_F_cont .slider-nav .slick-slide:last-of-type { margin-right:10px; }
    .M110_F_cont .slider-tabSection { padding:0 0 30px; }    
}




/*** M110_G | 특장점 3 ***/
.M110_G .tit_b + .tit_e,
.M110_G .tit_bt + .tit_e { margin-top:80px; }
.M110_G .tit_e { display:block;margin-bottom:30px; }
.M110_G.cont { overflow:visible; }
.M110_G_cont { position:relative; }
.M110_G_cont .img_p { display:block; }
.M110_G_cont .img_m { display:none; }

/* 첫번째 슬라이드 */
.M110_G_cont .tab_slide_wrap { width:100%; }
.M110_G_cont .slider-nav { padding:0; }
.M110_G_cont .slider-nav.unSlick-width .slick-track { transform: translate3d(0px, 0px, 0px) !important; }
.M110_G_cont .slider-nav .slick-slide { position:relative;margin:0 20px 30px;width:auto !important;cursor:pointer; }
.M110_G_cont .slider-nav .slick-slide:first-child { margin-left: 0; }
.M110_G_cont .slider-nav .slick-slide:last-child { margin-right: 0; }
.M110_G_cont .slider-nav a { position:relative;display:block;padding-top:3px;padding-bottom:9px;color:#888;transition:color 0.3s; }
.M110_G_cont .slider-nav .slick-slide.is-active a { font-weight:bold;color:#000; }
.M110_G_cont .slider-nav .slick-slide.is-active a:hover, 
.M110_G_cont .slider-nav .slick-slide.is-active a:focus { color:#000; }
.M110_G_cont .slider-nav .slick-slide.is-active a:after { position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#000;content:""; }

/* 슬라이드 arrow */
.M110_G_cont .tab_slide_wrap .slick-arrowContainer { position:absolute;top:-56px;right:0;z-index:999;width:auto; }
.M110_G_cont .tab_slide_wrap .slick-arrowContainer:after { display:block;clear:both;content:''; }
.M110_G_cont .tab_slide_wrap .slick-arrowContainer.addArrow { display: block; }
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev,
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .next { display:block;float:left;position:relative;overflow:hidden;width:30px;height:30px;background:transparent;border: 1px solid #000 !important; border-radius:50%;box-sizing:border-box;outline:none;transition: all 0.4s;webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0); }
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .next { margin-left:16px; }
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:hover, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:hover, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:focus, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:focus { background:#2189ff !important;border-color:#2189ff !important; }
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:before, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #2189ff; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:before, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:hover:before, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:before,
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:focus:before { transform: translateX(0); }
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:after,
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:after { margin: -3px 0 0 -2px; transform: rotate(-135deg); }
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:after { margin: -3px 0 0 -5px; transform: rotate(45deg); }
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:after, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:hover:after, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:after, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:focus:after { border-color: #fff; }
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:before { display: none; }
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:after, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:hover, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:focus, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:hover:after, 
.M110_G_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:focus:after { background: none !important; border-color: #aaa !important;cursor:default; }

/* slick-counter */
.M110_G_cont .slick-counter { position:absolute;top:-53px;right:150px;z-index:99;width:auto; }
.M110_G_cont .slick-counter:after { display:block;clear:both;content:''; }
.M110_G_cont .slick-counter .first,
.M110_G_cont .slick-counter .current,
.M110_G_cont .slick-counter .total { display:block;float:left;font-weight:bold;font-size:16px;line-height:24px;vertical-align:middle; }
.M110_G_cont .slick-counter .total { color:#888; }
.M110_G_cont .slick-counter .progress { display:block;float:left;overflow:hidden;width:80px;height:2px;margin:12px 9px 0 6px;background-color:#CCC;background-image: linear-gradient(to right, black, black);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;border-radius:10px;vertical-align:middle; }

/* md_play  */
.M110_G_cont .md_play { position:absolute;overflow:hidden;top:-56px;right:108px;z-index:99;transition:all 0.4s; }
.M110_G_cont .md_play a {display:block;position:relative;width:28px;height:28px;overflow:hidden;outline:none;}
.M110_G_cont .md_play .md_btn_play:before {position:absolute;left:50%;top:50%;width:0;height:0;border-width:5px 0 5px 8px;border-style:solid;border-color:transparent;border-left-color:#000;content:"";transform:translate(-50%,-50%);transition:all 0.4s;}
.M110_G_cont .md_play .md_btn_play:hover:before, .M110_G_cont .md_play .md_btn_play:focus:before {border-left-color:#fff;}
.M110_G_cont .md_play .md_btn_stop:before {position:absolute;left:11px;top:9px;width:2px;height:12px;background:#000;content:"";transition:all 0.4s;}
.M110_G_cont .md_play .md_btn_stop:after {position:absolute;left:16px;top:9px;width:2px;height:12px;background:#000;content:"";transition:all 0.4s;}
.M110_G_cont .md_play .md_btn_stop:hover:before, .M110_G_cont .md_play .md_btn_stop:focus:before,
.M110_G_cont .md_play .md_btn_stop:hover:after, .M110_G_cont .md_play .md_btn_stop:focus:after {background:#fff;}
.M110_G_cont .md_play:before {position:absolute;left:0;top:0;width:30px;height:30px; background: #2189ff; border-radius:50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M110_G_cont .md_play:hover, 
.M110_G_cont .md_play:focus { background: #2189ff !important; border-color: #2189ff !important; }
.M110_G_cont .md_play:hover:before, 
.M110_G_cont .md_play:focus:before { transform: translateX(0); }
.M110_G_cont .md_play .md_btn_play {display:none;}
.M110_G_cont .md_play .md_btn_stop {display:block;}
.M110_G_cont .md_play.on .md_btn_play {display:block;}
.M110_G_cont .md_play.on .md_btn_stop {display:none;}

/*두번째 슬라이드*/
.M110_G_cont .slider-tabSection { position:relative;width:100%; }
.M110_G_cont .slider-tabSection .slick-list { overflow:visible; } 
.M110_G_cont .tab_slide_wrap + .slider-tabSection { margin-top:0; }
.M110_G_cont .slider-tabContents { top: 0; left: 0; }
.M110_G_cont .slider-tabContents .slick-slide.is-active h3 { color: #c00; background-color: #000; }

/* tab_panel */
.M110_G_cont .slider-tabSection .slider-tabContents .tab_panel { position:relative;width:100%;margin:0; }
.M110_G .tit_b+.M110_G_cont { margin-top: 50px; }
.M110_G_cont .slider-tabSection .slider-tabContents .tabContents:after { display:block;clear:both;content:''; }
.M110_G_cont .slider-tabSection .slider-tabContents .tabContents .img { position:relative;overflow:hidden;width:100%;transition:all 1s;opacity:0; } 
.M110_G_cont .slider-tabSection .slider-tabContents .tabContents > .md_tit { display:block;margin:-20px 0 30px; min-height: 104px;}
.M110_G_cont .slider-tabSection .slider-tabContents .tabContents .img:before { display:block;width:100%;height:0;padding-bottom:39.5%;content:""; }
.M110_G_cont .slider-tabSection .slider-tabContents .slick-active .tabContents .img { left:0;opacity:1; }
.M110_G_cont .slider-tabSection .slider-tabContents .tabContents .img .img_p,
.M110_G_cont .slider-tabSection .slider-tabContents .tabContents .img .img_m { position:absolute;left:0;top:0;width:100%;height:100%; } 
.M110_G_cont .slider-tabSection .slider-tabContents .tabContents .img img { width:100%;height:100%; }
.M110_G_cont .slider-tabSection .slider-tabContents .tabContents .img video { position:absolute;left:0;top:0;width:100%;height:100%; }
.M110_G_cont .slider-tabSection .slider-tabContents .tabContents .txt { width:100%;margin-top:30px; }
.M110_G_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 30px; font-weight: bold; }
.M110_G_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_col { color: #4473D9; }

/* txt_box */
.M110_G_cont .slider-tabSection .tabContents .txt .md_tit { display:block;font-size:32px;line-height:48px; }
.M110_G_cont .slider-tabSection .tabContents .txt .md_tit a { transition:color 0.3s; }
.M110_G_cont .slider-tabSection .tabContents .txt .md_tit.tit_s { font-size:22px;line-height:36px; }
.M110_G_cont .slider-tabSection .tabContents .txt .md_tit + .md_txt { margin-top:20px; }
.M110_G_cont .slider-tabSection .tabContents .txt .md_txt + .md_txt { margin-top:28px; }

@media all and (max-width:1300px) {
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents .img { float:initial;width:100%;height:auto; }
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents .txt { float:initial;width:100%;margin-top:20px;padding-left:0; }
    .M110_G_cont .slick-counter .progress { width:73px; }   
}
/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M110_G .tit_b, 
    .M110_G .tit_bt { font-size:22px; }
    .M110_G .tit_b + .tit_e,
    .M110_G .tit_bt + .tit_e { margin-top:45px; }
    .M110_G .tit_e { margin-bottom: 10px; }
    .M110_G .tit_b+.M110_G_cont { margin-top: 30px; }
    
    .M110_G_cont .tab_slide_wrap { width:100%; }    
    .M110_G_cont .tabMenu-slide .swiper-slide-thumb-active:before { bottom: -50px; }
    .M110_G_cont .slider-tabSection { width:100%;padding-bottom:50px; }
    .M110_G_cont .slider-tabSection .slick-list { overflow:hidden; }
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents .img { float:initial;width:100%;height:auto; }
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents > .md_tit { margin-top:0;margin-bottom:20px;font-size:20px;line-height:32px; min-height: 64px;}
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents .txt { float:initial;width:100%;padding:0; }
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents .img + .txt { margin-top:16px; }
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents .txt .tit_s { font-size:16px;line-height:28px; }
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 18px; }
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_tit { font-size:20px;line-height:32px !important; }
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_tit + .md_txt { margin-top:8px; }
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_txt + .md_txt { margin-top:25px; }  
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer { top:auto;bottom:-19px;left:0;width:calc(100% + 20px);margin:0 -10px; }
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .next { float:right; }
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev, 
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .next { border:0 !important; }
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:after, 
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:after { width:8.49px;height:8.49px; }
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:after, 
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:hover:after, 
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:after, 
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:focus:after { border-color:#2189FF; }
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:hover, 
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:hover, 
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:focus, 
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:focus { background:transparent !important;border-color:#2189FF !important; }
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .prev:before, 
    .M110_G_cont .tab_slide_wrap .slick-arrowContainer .next:before { display:none; }

    /* slick-counter */
    .M110_G_cont .slick-counter { top:auto;bottom:-15px;left:50%;right:auto;width:100%;padding:0 30px;transform:translateX(-50%); }
    .M110_G_cont .slick-counter .total { float:right; }
    .M110_G_cont .slick-counter .total:before { display:none;padding:0 2px;content:'/'; }
    .M110_G_cont .slick-counter .progress { position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);float:inherit;width:calc(100% - 116px);margin:0; }    
    .M110_G_cont .slick-counter .first, 
    .M110_G_cont .slick-counter .current, 
    .M110_G_cont .slick-counter .total { font-size:14px;line-height:20px; }    
    
    .M110_G_cont .slider-nav .slick-list { overflow:visible; }
    .M110_G_cont .md_play { display:none; }
}
@media all and (max-width:600px) { 
    .M110_G_cont .img_p { display:none; }
    .M110_G_cont .img_m { display:block; } 

    .M110_G_cont .swiper-container.tabMenu-slide { width: 80%; }
    .M110_G_cont .slider-nav .slick-slide { margin:0 10px 15px; }
    .M110_G_cont .slider-nav .slick-slide:last-of-type { margin-right:10px; }
    .M110_G_cont .slider-tabSection { width:calc(100% + 60px);margin:0 -30px;padding-bottom:30px; }
    
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents .img:before { padding-bottom:44.445%; }
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents > .md_tit { padding:0 30px; }
    .M110_G_cont .slider-tabSection .slider-tabContents .tabContents .txt { padding:0 30px; }
}



/*** M110_H | 활용예시 & 특장점 & Demo 1-2 ***/
.M110_H .tit_b + .tit_e,
.M110_H .tit_bt + .tit_e { margin-top:80px; }
.M110_H .tit_e { display:block;margin-bottom:30px; }
.M110_H.cont { overflow:visible; }
.M110_H_cont { position:relative; }
.M110_H_cont .img_p { display:block; }
.M110_H_cont .img_m { display:none; }

/* 첫번째 슬라이드 */
.M110_H_cont .tab_slide_wrap { width:100%; }
.M110_H_cont .slider-nav { padding:0; }
.M110_H_cont .slider-nav.unSlick-width .slick-track { transform: translate3d(0px, 0px, 0px) !important; }
.M110_H_cont .slider-nav .slick-slide { position:relative;margin:0 20px 30px;width:auto !important;cursor:pointer; }
.M110_H_cont .slider-nav .slick-slide:first-child { margin-left: 0; }
.M110_H_cont .slider-nav .slick-slide:last-child { margin-right: 0; }
.M110_H_cont .slider-nav a { position:relative;display:block;padding-top:3px;padding-bottom:9px;color:#888;transition:color 0.3s; }
.M110_H_cont .slider-nav .slick-slide.is-active a { font-weight:bold;color:#000; }
.M110_H_cont .slider-nav .slick-slide.is-active a:hover, 
.M110_H_cont .slider-nav .slick-slide.is-active a:focus { color:#000; }
.M110_H_cont .slider-nav .slick-slide.is-active a:after { position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#000;content:""; }

/* 슬라이드 arrow */
.M110_H_cont .tab_slide_wrap .slick-arrowContainer { position:absolute;top:-56px;right:0;z-index:999;width:auto; }
.M110_H_cont .tab_slide_wrap .slick-arrowContainer:after { display:block;clear:both;content:''; }
.M110_H_cont .tab_slide_wrap .slick-arrowContainer.addArrow { display: block; }
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev,
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .next { display:block;float:left;position:relative;overflow:hidden;width:30px;height:30px;background:transparent;border: 1px solid #000 !important; border-radius:50%;box-sizing:border-box;outline:none;transition: all 0.4s;webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0); }
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .next { margin-left:16px; }
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:hover, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:hover, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:focus, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:focus { background:#2189ff !important;border-color:#2189ff !important; }
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:before, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #2189ff; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:before, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:hover:before, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:before,
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:focus:before { transform: translateX(0); }
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:after,
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:after { margin: -3px 0 0 -2px; transform: rotate(-135deg); }
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:after { margin: -3px 0 0 -5px; transform: rotate(45deg); }
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:after, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:hover:after, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:after, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:focus:after { border-color: #fff; }
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:before { display: none; }
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:after, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:hover, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:focus, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:hover:after, 
.M110_H_cont .tab_slide_wrap .slick-arrowContainer .slick-disabled:focus:after { background: none !important; border-color: #aaa !important;cursor:default; }

/* slick-counter */
.M110_H_cont .slick-counter { position:absolute;top:-53px;right: 136px;z-index:999;width:auto; }
.M110_H_cont .slick-counter:after { display:block;clear:both;content:''; }
.M110_H_cont .slick-counter .first,
.M110_H_cont .slick-counter .current,
.M110_H_cont .slick-counter .total { display:block;float:left;font-weight:bold;font-size:16px;line-height:24px;vertical-align:middle; }
.M110_H_cont .slick-counter .total { color:#888; }
.M110_H_cont .slick-counter .progress { display:block;float:left;overflow:hidden;width:80px;height:2px;margin:12px 9px 0 6px;background-color:#CCC;background-image: linear-gradient(to right, black, black);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;border-radius:10px;vertical-align:middle; }

/*두번째 슬라이드*/
.M110_H_cont .slider-tabSection { position:relative;width:100%; }
.M110_H_cont .slider-tabSection .slick-list { overflow:visible; } 
.M110_H_cont .tab_slide_wrap + .slider-tabSection { margin-top:0; }
.M110_H_cont .slider-tabContents { top: 0; left: 0; }
.M110_H_cont .slider-tabContents .slick-slide.is-active h3 { color: #c00; background-color: #000; }

/* tab_panel */
.M110_H_cont .slider-tabSection .slider-tabContents .tab_panel { position:relative;width:100%;margin:0; }
.M110_H .tit_b+.M110_H_cont { margin-top: 50px; }
.M110_H_cont .slider-tabSection .slider-tabContents .tabContents:after { display:block;clear:both;content:''; }
.M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img { position:relative;float:left;overflow:hidden;left:0;width:780px;transition:all 1s;opacity:0; }
.M110_H_cont .slider-tabSection .slider-tabContents .tabContents > .md_tit { display:block;margin:-20px 0 30px; }
.M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img:before { display:block;width:100%;height:0;padding-bottom: 64.10256410256%;content:""; }
.M110_H_cont .slider-tabSection .slider-tabContents .slick-active .tabContents .img { left:0;opacity:1; }
.M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img .img_p { position:absolute;left:0;top:0;width:100%;height:100%; } 
.M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img img { width:100%;height:100%; }
.M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img video { position:absolute;left:0;top:0;width:100%;height:100%; }
/* btn_movie */
.M110_H_cont .slider-tabSection .slider-tabContents .tabContents .btn_movie {left:50%;top:50%;transform:translate(-51%,-52%);}
.M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt { float:left;width:calc(100% - 780px);padding:0 0 0 50px; }
.M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 30px; font-weight: bold; }
.M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_col { color: #4473D9; }

/* txt_box */
.M110_H_cont .slider-tabSection .tabContents .txt .md_tit { display:block;font-size:32px;line-height:48px; }
.M110_H_cont .slider-tabSection .tabContents .txt .md_tit a { transition:color 0.3s; }
.M110_H_cont .slider-tabSection .tabContents .txt .md_tit.tit_s { font-size:22px;line-height:36px; }
.M110_H_cont .slider-tabSection .tabContents .txt .md_tit + .md_txt { margin-top:20px; }
.M110_H_cont .slider-tabSection .tabContents .txt .md_txt {font-size: 18px;}
.M110_H_cont .slider-tabSection .tabContents .txt .md_txt + .md_txt { margin-top:28px; }
.M110_H_cont .slider-tabSection .tabContents .txt .md_txt + .md_btn {
  margin-top: 20px;
}
.M110_H_cont .slider-tabSection .tabContents .txt .md_btn .btn_arrow {font-size: 18px;}

/* md_play  */
.M110_H_cont .md_play { position: absolute; right: 92px; top: -56px; transition: all 0.4s; }
.M110_H_cont .md_play a { display: block; position: relative; width: 28px; height: 28px; overflow: hidden; }
.M110_H_cont .md_play .md_btn_play:before { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ''; transform: translate(-50%, -50%); transition: all 0.4s; }
.M110_H_cont .md_play .md_btn_stop:before { position: absolute; left: 11px; top: 9px; width: 2px; height: 10px; background: #000; content: ''; transition: all 0.4s; }
.M110_H_cont .md_play .md_btn_stop:after { position: absolute; left: 16px; top: 9px; width: 2px; height: 10px; background: #000; content: ''; transition: all 0.4s; }
.M110_H_cont .md_play:hover:before, .M110_H_cont .md_play:focus:before { transform: translateX(0); }
.M110_H_cont .md_play .md_btn_play { display: none; }
.M110_H_cont .md_play .md_btn_stop { display: block; }
.M110_H_cont .md_play.on .md_btn_play { display: block; }
.M110_H_cont .md_play.on .md_btn_stop { display: none; }
.M110_H.bg .tabContents .img { background-color: #f5f5f5; }

@media all and (max-width:1300px) {
    .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img { float:initial;width:100%;height:auto; }
    .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt { float:initial;width:100%;margin-top:20px;padding-left:0; }
    .M110_H_cont .slick-counter .progress { width:73px; }   
}
/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M110_H .tit_b, 
    .M110_H .tit_bt { font-size:22px; }
    .M110_H .tit_b + .tit_e,
    .M110_H .tit_bt + .tit_e { margin-top:45px; }
    .M110_H .tit_e { margin-bottom: 10px; }
    .M110_H .tit_b+.M110_H_cont { margin-top: 30px; }
    
    .M110_H_cont .tab_slide_wrap { width:100%; }    
    .M110_H_cont .tabMenu-slide .swiper-slide-thumb-active:before { bottom: -50px; }
    .M110_H_cont .slider-tabSection .slick-list { overflow:hidden; }
    .M110_H_cont .slider-tabSection { width:100%;padding-bottom:50px; }
    .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img { float:initial;width:100%;height:auto; }
    .M110_H_cont .slider-tabSection .slider-tabContents .tabContents > .md_tit { margin-top:0;margin-bottom:20px;font-size:20px;line-height:32px; }
    .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt { float:initial;width:100%;padding:0; }
    .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img + .txt { margin-top:16px; }
    .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt .tit_s { font-size:16px;line-height:28px; }
    .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt .txt_bold { font-size: 18px; }
    .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_tit { font-size:20px;line-height:32px !important; }
    .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_tit + .md_txt {margin-top: 8px;font-size: 14px;}
    .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt .md_txt + .md_txt { margin-top:25px; }  
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer { top:auto;bottom:-19px;left:0;width:calc(100% + 20px);margin:0 -10px; }
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .next { float:right; }
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev, 
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .next { border:0 !important; }
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:after, 
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:after { width:8.49px;height:8.49px; }
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:hover:after, 
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:hover:after, 
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:focus:after, 
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:focus:after { border-color:#2189FF; }
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:hover, 
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:hover, 
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:focus, 
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:focus { background:transparent !important;border-color:#2189FF !important; }
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .prev:before, 
    .M110_H_cont .tab_slide_wrap .slick-arrowContainer .next:before { display:none; }

    /* slick-counter */
    .M110_H_cont .slick-counter { top:auto;bottom:-15px;left:50%;right:auto;width:100%;padding:0 30px;transform:translateX(-50%); }
    .M110_H_cont .slick-counter .total { float:right; }
    .M110_H_cont .slick-counter .total:before { display:none;padding:0 2px;content:'/'; }
    .M110_H_cont .slick-counter .progress { position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);float:inherit;width:calc(100% - 116px);margin:0; }    
    .M110_H_cont .slick-counter .first, 
    .M110_H_cont .slick-counter .current, 
    .M110_H_cont .slick-counter .total { font-size:14px;line-height:20px; }    
    .M110_H_cont .slider-nav .slick-list { overflow:visible; }
    .M110_H_cont .md_play { display: none; }
    .M110_H_cont .slider-tabSection .tabContents .txt .md_btn .btn_arrow {font-size: 14px;}
    .M110_H_cont .slider-tabSection .tabContents .txt .md_txt {font-size: 14px;}
}
@media all and (max-width:600px) {    
    .M110_H_cont .swiper-container.tabMenu-slide { width: 80%; }
    .M110_H_cont .slider-nav .slick-slide { margin:0 10px; }
    .M110_H_cont .slider-nav .slick-slide:last-of-type { margin-right:10px; }
    .M110_H_cont .slider-tabSection { padding:0 0 30px; }    
}



/*** M111_A | Mytrial Price ***/
.M111_A.cont { overflow:visible; }
.M111_A .tit_e { color:#3566D8;text-align:center; } 
.M111_A .tit_b { text-align:center; }
.M111_A .tit_e + .tit_b { margin-top:20px; }
.M111_A .tit_b + .M111_A_cont {padding-top:20px;}
.M111_A .tit_desc { margin-top:20px;font-size:20px;line-height:29px;text-align:center; }
.M111_A .tit_btn {margin-bottom:40px;}
.M111_A .tit_desc + .tit_btn {margin-top:-30px;}
.M111_A .btn_area { margin-top:40px;text-align:center; }
.M111_A .txt_desc { margin-top:20px;line-height:24px;color:rgba(0,0,0,0.4); }

.M111_A .tit_xs { margin-top:10px; }

.M111_A_cont .md_tit { display:block;font-weight:bold;color:#3566D8; }
.M111_A_cont .md_txt { margin-top:50px;padding-top:40px;border-top:1px solid #C7C7C7; }
.M111_A_cont .md_price { position:relative;margin-top:24px;padding-top:29px; }
.M111_A_cont .md_price .price { font-weight:bold;font-size:44px;line-height:58px;color:#3566D8; }
.M111_A_cont .md_price .price .won { font-size:36px; }
.M111_A_cont .md_price .old { position:absolute;top:0;left:0;font-size:20px;line-height:29px;color:rgba(0,0,0,0.5);text-decoration:line-through; }
.M111_A_cont .md_price .txt { margin-top:8px;padding:0;color:rgba(0,0,0,0.8); }
.M111_A_cont dl.md_txt dd { position:relative;padding-left:30px;margin:10px 0;line-height:24px; }
.M111_A_cont dl.md_txt dd:first-of-type { margin-top:0; }
.M111_A_cont dl.md_txt dd:before {  position:absolute;top:2px;left:0;width:20px;height:20px;background:url(https://image.samsungsds.com/module_src/images/icon/ic_check_20.svg?queryString=20241210125943) no-repeat center center; content:''; }
.M111_A_cont dl.md_txt dd.selected { font-weight:bold; }
.M111_A_cont .md_btn {margin-top:10px;}

.M111_A_cont .module_ty { margin-top:60px;margin-left:-32px;display:flex;flex-wrap:wrap;}
.M111_A_cont .module_ty .li { display:block;overflow:hidden;width:calc(33.333% - 32px);margin:0 0 0 32px;padding:30px 50px 50px;background:#fafafa; }
.M111_A_cont .module_ty .li.type2 .md_tit,
.M111_A_cont .module_ty .li.type2 .md_price .price { color:#000; }
.M111_A_cont .module_ty .li.selected { background:#3566D8; }
.M111_A_cont .module_ty .li.selected .md_txt { border-color:#FFF; }
.M111_A_cont .module_ty .li.selected .md_tit,
.M111_A_cont .module_ty .li.selected .md_price .price,
.M111_A_cont .module_ty .li.selected dl.md_txt dd { color:#FFF; }
.M111_A_cont .module_ty .li.selected .md_price .old { color:rgba(255,255,255,0.5); }
.M111_A_cont .module_ty .li.selected .txt { color:rgba(255,255,255,0.8); }
.M111_A_cont .module_ty .li.selected dl.md_txt dd:before { background:url(https://image.samsungsds.com/module_src/images/icon/ic_check_20_white.svg?queryString=20241210125943) no-repeat center center; }


.bg .M111_A_cont .module_ty .li {background:#fff;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M111_A .tit_e {margin-bottom:10px;}
    .M111_A .tit_b {margin-top:-6px;margin-bottom:10px;}
    .M111_A .tit_b + .M111_A_cont {padding-top:10px;}
    .M111_A .tit_desc {width:100%;margin-bottom:20px;}
    .M111_A .tit_btn {margin-bottom:40px;}
    .M111_A .tit_desc + .tit_btn {margin-top:-10px;}
    .M111_A_cont .md_btn a {display:block;}

    /* 기본 3단 */
    .M111_A_cont .module_ty { margin-top:60px;margin-left:-16px; }
    .M111_A_cont .module_ty .li { width:calc(33.333% - 32px);margin:0 16px 0 16px;padding:30px 50px;}
    .M111_A_cont .module_ty .li:nth-child(2n + 1) {clear:left;}

    /* 2단 */
    .M111_A_cont .module_ty .li:only-child {width:calc(100% - 16px);}
    .M111_A_cont .module_ty .li:first-child:nth-last-child(2),
    .M111_A_cont .module_ty .li:first-child:nth-last-child(2) ~ .li {width:calc(50% - 16px);}

    /* 3, 5, 6, 9단 */
    .M111_A_cont .module_ty .li:first-child:nth-last-child(3),
    .M111_A_cont .module_ty .li:first-child:nth-last-child(3) ~ .li,
    .M111_A_cont .module_ty .li:first-child:nth-last-child(5),
    .M111_A_cont .module_ty .li:first-child:nth-last-child(5) ~ .li,
    .M111_A_cont .module_ty .li:first-child:nth-last-child(6),
    .M111_A_cont .module_ty .li:first-child:nth-last-child(6) ~ .li,
    .M111_A_cont .module_ty .li:first-child:nth-last-child(9),
    .M111_A_cont .module_ty .li:first-child:nth-last-child(9) ~ .li {width:calc(33.3% - 16px);}
    .M111_A_cont .module_ty .li:first-child:nth-last-child(3) ~ .li:nth-child(3n + 1),
    .M111_A_cont .module_ty .li:first-child:nth-last-child(5) ~ .li:nth-child(3n + 1),
    .M111_A_cont .module_ty .li:first-child:nth-last-child(6) ~ .li:nth-child(3n + 1),
    .M111_A_cont .module_ty .li:first-child:nth-last-child(9) ~ .li:nth-child(3n + 1) {clear:left;width:calc(33.3% - 16px);}
    .M111_A_cont .module_ty .li:first-child:nth-last-child(3) ~ .li:nth-child(2n + 1),
    .M111_A_cont .module_ty .li:first-child:nth-last-child(5) ~ .li:nth-child(2n + 1),
    .M111_A_cont .module_ty .li:first-child:nth-last-child(6) ~ .li:nth-child(2n + 1),
    .M111_A_cont .module_ty .li:first-child:nth-last-child(9) ~ .li:nth-child(2n + 1) {clear:none;}
}

@media all and (max-width:600px){
    /* 1단 */
    .M111_A_cont {margin-top:0;margin-right:0;margin-left:0;}
    .M111_A_cont .module_ty .li {margin:10px 0 0 0;width:100% !important;}
    .M111_A_cont .module_ty .li:first-child {margin-top:0;}
}




/*** M112_A | Mytrial Related Sites  ***/
.M112_A .tit_e {margin-bottom:20px;} 
.M112_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M112_A .tit_e + .tit_b {margin-top:0;}

/* Owl As-is 초기화 */
.M112_A_cont .owl-stage-outer, .M112_A_cont .owl-stage, .M112_A_cont .owl-item {height:auto !important;}
.M112_A_cont .owl-carousel .active span {background:none;}
.M112_A_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}

/* owl-carousel */
.M112_A_cont {position:relative;padding-top:10px;}
.M112_A_cont .owl-carousel {display:flex;}
.M112_A_cont .owl-carousel .owl-stage {display:flex !important;}
.M112_A_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M112_A_cont .owl-carousel .owl-item {display:flex;}
.M112_A_cont .owl-carousel .item { display:flex;position:relative;float:left;width:300px;padding:30px 30px 20px;box-sizing:border-box;background:#f5f5f5;}
.M112_A_cont .owl-carousel .item .arrow_btn { display:block;position:absolute;bottom:49px;left:73px;height:50px; }
.M112_A_cont .owl-carousel .item .arrow_btn .arrow_icon{position:absolute;right:0;top:50%;display:inline-block;width:33px;height:4px;background:#000;border-radius:2px;transition:all 0.3s; }
.M112_A_cont .owl-carousel .item .arrow_btn .arrow_icon:before {position:absolute;right:0;top:-10px;display:block;width:24px;height:24px;transform:rotate(45deg);border:solid #000;border-width:4px 4px 0 0;border-radius:2px;content:''; }
.M112_A_cont .owl-carousel .item .arrow_btn:hover .arrow_icon {right:-3px;}
.M112_A_cont .box {width:100%;}
.M112_A_cont .md_tit { display:block;font-size:27px;line-height:39px;color:rgba(0,0,0,0.3); }
.M112_A_cont .md_txt { display:block;margin-top:14px;font-weight:bold;font-size:27px;line-height:39px; }
.M112_A_cont:after {position:absolute;left:-1000px;top:0;width:1000px;height:100%;background:rgba(255,255,255,0.8);content:"";z-index:10;transition:opacity 0.4s;}
.M112_A_cont .owl-carousel.act .owl-item.cloned {opacity:0;}


/* Background Gray */
.bg .M112_A_cont .owl-carousel .item {background:#fff;}
.bg .M112_A_cont:after {background:rgba(245,245,245,0.8);}

/* 4단이하 */
.M112_A_cont.m1 .owl-carousel,
.M112_A_cont.m2 .owl-carousel { display:flex;width:auto;margin-left:-30px; }
.M112_A_cont.m3 .owl-carousel,
.M112_A_cont.m4 .owl-carousel {display:flex;width:auto;margin-left:-26px;}
.M112_A_cont.m1 .owl-carousel .item { width:100%;height:395px;margin-left:30px;padding:40px; }
.M112_A_cont.m2 .owl-carousel .item { width:654px;height:395px;margin-left:30px;padding:40px; } 
.M112_A_cont.m3 .owl-carousel .item { width:calc(33.333% - 30px);height:395px;margin-left:30px;padding:40px; }
.M112_A_cont.m4 .owl-carousel .item { width:310px;margin-left:26px; }
.M112_A_cont.m1 .owl-pagn,
.M112_A_cont.m2 .owl-pagn,
.M112_A_cont.m3 .owl-pagn,
.M112_A_cont.m4 .owl-pagn {display:none;}

/* Navication */
.M112_A_cont .owl-pagn {position:relative;width:100%;max-width:1318px;margin-top:40px;padding-bottom:0;z-index:2;}
.M112_A_cont .owl-pagn-inner {position:absolute;right:0;top:0;}
.M112_A_cont .owl-nav {position:absolute;right:calc(100% - 1318px);bottom:-97px;}

/* -PC 확장형- */
@media all and (max-width:1504px){
    .M112_A_cont .owl-nav {right:0}
    .M112_A_cont.m4 .owl-carousel {display:block;margin-left:0;}
    .M112_A_cont.m4 .owl-carousel .item {width:300px;margin-left:0;}
    .M112_A_cont.m4 .owl-pagn {display:block;}
}

@media all and (max-width:1168px){
    .M112_A_cont.m3 .owl-carousel {display:block;margin-left:0;}
    .M112_A_cont.m3 .owl-carousel .item { width:400px;margin-left:0; }
    .M112_A_cont.m3 .owl-pagn {display:block;}
}   

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M112_A .tit_e {margin-bottom:10px;}
    .M112_A .tit_b {margin-top:-6px;margin-bottom:20px;}

    .M112_A_cont .md_tit { font-size:22px;line-height:32px; }
    .M112_A_cont .md_txt { font-size:22px;line-height:32px; }

    /* owl-carousel */
    .M112_A_cont .owl-carousel .item {width:300px;padding:30px 30px 20px;}
    .M112_A_cont .owl-carousel .item:after {left:-16px;width:16px}

    /* 4단이하 */
    .M112_A_cont.m1 .owl-carousel .item:after {left:-26px;width:26px}
    .M112_A_cont.m2 .owl-carousel {display:block;margin-left:0;}
    .M112_A_cont.m2 .owl-carousel .item { width:500px;margin-left:0; }
    .M112_A_cont.m2 .owl-pagn,
    .M112_A_cont.m3 .owl-pagn,
    .M112_A_cont.m4 .owl-pagn {display:block;}

    /* Navication */
    .M112_A_cont .owl-pagn {margin-top:30px;padding-bottom:0;}
    .M112_A_cont .owl-carousel .item .arrow_btn .arrow_icon { width:28px;height:2.5px; }
    .M112_A_cont .owl-carousel .item .arrow_btn .arrow_icon:before { top:-6px;width:15px;height:15px;border-width:2.5px 2.5px 0 0;border-radius:0; }
}

@media all and (max-width:900px){
    .M112_A_cont:after {opacity:0;}
}

@media all and (max-width:600px){
    .M112_A_cont .owl-carousel .item {width:100% !important;min-width:300px !important;}
    .M112_A_cont .owl-carousel .item:after {left:-16px;width:16px}

    /* 1단 */
    .M112_A_cont.m1 .owl-carousel {display:block;margin-left:0;}
    .M112_A_cont.m1 .owl-carousel .item { width:100%;height:352px;margin-left:0; }
}






/*** M112_B | Mytrial Related Sites 2 ***/
.M112_B .tit_e { margin-bottom:20px; } 
.M112_B .tit_b { margin-top:-12px;margin-bottom:40px; }
.M112_B .tit_e + .tit_b {margin-top:0;}

/* Owl As-is 초기화 */
.M112_B_cont .owl-stage-outer, .M112_B_cont .owl-stage, .M112_B_cont .owl-item {height:auto !important;}
.M112_B_cont .owl-carousel .active span {background:none;}
.M112_B_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}

/* owl-carousel */
.M112_B_cont { position:relative; }
.M112_B_cont .owl-carousel { display:flex; }
.M112_B_cont .owl-carousel .owl-stage {display:flex !important;}
.M112_B_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M112_B_cont .owl-carousel .owl-item {display:flex;}
.M112_B_cont .owl-carousel .item { display:flex;position:relative;width:100%;height:auto;margin-left:26px;padding:40px;box-sizing:border-box;background:#f5f5f5; }
.M112_B_cont .owl-carousel .item:first-of-type { margin-left:0; }
.M112_B_cont .owl-carousel .item .arrow_btn { display:block;position:absolute;top:44px;right:40px;width:32px;height:32px; }
.M112_B_cont .owl-carousel .item .arrow_btn .arrow_icon { display:inline-block;width:100%;height:100%;background:url(https://image.samsungsds.com/module_src/images/icon/ic_export_32.svg?queryString=20241210125943) no-repeat center center; }
.M112_B_cont .box { width:100%; }
.M112_B_cont .md_tit { display:block;font-size:24px;line-height:36px; }
.M112_B_cont .md_txt {display: block;margin-top: 10px;font-size: 18px;line-height: 28px;}

/* Background Gray */
.bg .M112_B_cont .owl-carousel .item { background:#FFF; }

/* 4단이하 */
.M112_B_cont.m1 .owl-carousel .item { width:100%;margin-left:0; }
.M112_B_cont.m2 .owl-carousel .item { width:calc(50% - 13px); } 
.M112_B_cont.m3 .owl-carousel .item { width:calc(33.333% - 17.33px); }
.M112_B_cont.m4 .owl-carousel .item { width:calc(25% - 19.5px); }

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M112_B .tit_e {margin-bottom:10px;}
    .M112_B .tit_b {margin-top:-6px;margin-bottom:20px;}

    .M112_B_cont .md_tit { font-size:16px;line-height:28px; }
    .M112_B_cont .md_txt { font-size:14px;line-height:24px; }

    /* owl-carousel */
    .M112_B_cont .owl-carousel { flex-wrap:wrap; }
    .M112_B_cont .owl-carousel .item,
    .M112_B_cont.m1 .owl-carousel .item,
    .M112_B_cont.m2 .owl-carousel .item,
    .M112_B_cont.m3 .owl-carousel .item,
    .M112_B_cont.m4 .owl-carousel .item { width:100%;margin-top:10px;margin-left:0;padding:16px 20px 20px ;}
    .M112_B_cont .owl-carousel .item:first-of-type { margin-top:0; }
    .M112_B_cont .owl-carousel .item .arrow_btn { top:16px;right:20px;width:24px;height:24px; }
}



/*** M113_A | Mytrial Contact us  ***/
.M113_A { padding: 40px 0 0 0 !important; }
.M113_A.bg { background: #fff; }
.M113_A.mt { background: #f5f5f5; }
.cont.bg + .M113_A { background: #f5f5f5; }

/* M113_A_cont */
.M113_A_cont {position:relative;padding:85px 0;background:#02091e url(https://image.samsungsds.com/module_src/images/default/bg_contact.jpg?queryString=20241210125943) center/cover no-repeat;color:#fff;}
.M113_A_cont .visual_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M113_A_cont .visual_img .img_p, .M113_A_cont .visual_img .img_m { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.M113_A_cont .visual_img .img_m { display: none; }
.M113_A_cont .visual_img.white_ty + .inner .md_btn a:after,
.M113_A_cont .visual_img.white_ty + .inner .md_btn button:after { border-color: rgba(255, 255, 255, 0.4); }
.M113_A_cont .txt { position: relative; }
.M113_A_cont .md_tit { display: block; margin-top: 0; font-weight: bold; font-size: 24px; line-height: 48px; max-width: 1090px; }
.M113_A_cont .md_txt { margin-top: 30px; color: rgba(255, 255, 255, 0.8); }
.M113_A_cont .md_txt .mark { display: inline-block; padding: 0 10px; font-size: 12px; color: rgba(255, 255, 255, 0.4); vertical-align: top; }
.M113_A_cont .md_btn { position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: transparent; }
.M113_A_cont .md_btn a, .M113_A_cont .md_btn button { display: inline-block; width: auto; min-width: 200px; height: 44px; margin: 0 5px; padding: 0 40px; font-size: 16px; line-height: 42px; vertical-align: top; }
.M113_A_cont .md_btn button span { line-height: 40px; vertical-align: top; }
.M113_A_cont .md_btn a:after,
.M113_A_cont .md_btn button:after { border-color: #888; }
.M113_A_cont .md_btn a:hover:after, .M113_A_cont .md_btn button:hover:after,
.M113_A_cont .md_btn a:focus:after,
.M113_A_cont .md_btn button:focus:after { border-color: #2189ff; }
.M113_A_cont .txt.center { text-align: center; }
.M113_A_cont .txt.right { text-align: right; }

@media all and (max-width:1500px) {
    .M113_A_cont .md_tit { max-width: 75%; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M113_A { padding: 20px 0 0 0 !important; }

    /* M113_A_cont */
    .M113_A_cont { padding: 70px 0 60px 0; }
    .M113_A_cont .md_tit { margin-top: -6px; font-size: 22px; line-height: 36px; text-align: center; max-width: none; }
    .M113_A_cont .md_txt { margin-top: 20px; text-align: center; }
    .M113_A_cont .md_txt .mark { padding: 0 8px; font-size: 10px; }
    .M113_A_cont .md_btn { position: relative; top: auto; right: auto; transform: initial; margin: 40px 0 0 0; text-align: center; }
    .M113_A_cont .md_btn a, .M113_A_cont .md_btn button { min-width: 152px; height: 40px; font-size: 14px; line-height: 38px; }
    .M113_A_cont .md_btn a span, .M113_A_cont .md_btn button span { margin-top: -6px; line-height: 1.2; vertical-align: middle; }
}
@media all and (max-width:768px) {
    .M113_A_cont .md_btn a, .M113_A_cont .md_btn button { display: block; width: 60%; margin: 8px auto 0 auto; }
    .M113_A_cont .md_btn a:first-child, .M113_A_cont .md_btn button:first-child { display: block; width: 60%; margin-top: 0; }
    .M113_A_cont .md_btn a:only-child, .M113_A_cont .md_btn button:only-child { display: inline-block; width: auto; margin-top: 0; }
    .M113_A_cont .visual_img .img_p { display: none; }
    .M113_A_cont .visual_img .img_m { display: block; }
}



/*** M114_A | popup 구매신청 ***/
.M114_A .form_list ul:after { display:block;clear:both;content:""; }
.M114_A .form_list ul { display:flex; }
.M114_A .form_list ul + .txt_box { margin-top:30px; }
.M114_A .form_list li { width:25%;padding:26px 24px;border:solid #CCC;border-width:1px 1px 1px 0; }
.M114_A .form_list li:first-of-type { border-left-width:1px; }
.M114_A .form_list .tit { font-size:14px;line-height:20px;color:#666; }
.M114_A .form_list .txt { position:relative;margin-top:12px; }
.M114_A .form_list .print_txt, .input_box { display:block; }
.M114_A .form_list .print_txt { display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding-right:30px;font-size:16px;line-height:24px;color:#000; }
.M114_A .form_list .print_txt.email { padding-right:0; }
.M114_A .form_list .input_box.tel { display:flex; }
.M114_A .form_list .input_box.tel .nation_code { width:77px; }
.M114_A .form_list .input_box.tel .mobile { width:126px;margin-left:8px; }
.M114_A .form_list .btn_modify { position:absolute;top:50%;right:0;z-index:9;transform:translateY(-50%);width:16px;height:16px;background:url(https://image.samsungsds.com/module_src/images/icon/ic_tag_edit16.svg?queryString=20241210125943) no-repeat 0 0;line-height:26px;font-size:0; }
.M114_A .btn_area { margin-top:30px !important;text-align:center; }
.M114_A .txta_cont { width:100%;height:182px;margin-top:10px;padding:12px 16px;line-height:24px; }
.M114_A .form_list .txt_box .md_tit { font-weight:500;line-height:24px; }

/* btn_chk */
.M114_A .form_list .btn_chk { height:48px;min-width:120px;margin-left:4px;font-weight:normal;font-size:14px;line-height:46px; } 
.M114_A .form_list .btn_chk:after { border-color:#A5A5A5; }

/* invalid_msg */
.M114_A .invalid_msg { display:none;margin-top:5px;font-size:15px;line-height:25px;color:#FF0000; }
.M114_A .invalid + .invalid_msg,
.M114_A input.invalid + .invalid_msg, 
.M114_A input.invalid + .btn_chk + .invalid_msg,
.M114_A .email_box.invalid + .btn_chk + .invalid_msg,
.M114_A textarea.invalid + .invalid_msg,
.M114_A select.invalid + .invalid_msg { display:block; }

/* input */
.M114_A input[type=text], 
.M114_A input[type=password] { height:34px;padding:0 14px;font-size:12px;border-color:#CCC; }
.M114_A input[type=text].invalid,
.M114_A .invalid input[type=text], 
.M114_A input[type=password].invalid,
.M114_A .invalid input[type=password] { border-color:#FF0000; }

/* select */
/* IE */
.M114_A select::-ms-expand { display:none; }
.M114_A select { -o-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none; }
.M114_A select { position:relative;display:block;width:100%;height:34px;padding:0 14px;background:url(https://image.samsungsds.com/module_src/images/icon/ic_dropdown_12.svg?queryString=20241210125943) no-repeat calc(100% - 14px) center;border:1px solid #CCC;font-size:12px; }
.M114_A select.invalid { border-color:#FF0000; }

/* select box */
.M114_A .select_box { display:flex;flex-wrap:wrap; }
.M114_A .select_item { width:calc(50% + 15px);margin-left:50px; }
.M114_A .select_item:first-of-type { width:calc(50% - 65px);margin-left:0; }

/* pop_longletter */
.M114_A .form_list .pop_longletter { display:none;position:absolute;top:35px;left:0;z-index:999;width:200px;box-sizing:border-box;padding:12px;font-size:14px;text-indent:0;font-style:normal;line-height:1.43;color:#333;background:#FFF;border:1px solid #EAEAEA;color:#333;text-align:left;word-break:break-all; }
.M114_A .form_list .pop_longletter:after, 
.M114_A .form_list .pop_longletter:before { position:absolute;bottom:100%;left:13px;height:0;width:0;border:solid transparent;content: " ";pointer-events: none; }
.M114_A .form_list .pop_longletter:after { margin-left:-6px;border-color:transparent;border-bottom-color:#FFF;border-width:6px; }
.M114_A .form_list .pop_longletter:before { margin-left:-7px;border-color:transparent;border-bottom-color:#EAEAEA;border-width:7px; }



/*** M115_A | popup 무료체험 신청  ***/
.popup_layer .M115_A { padding-top:20px; }
.M115_A .form_check_list > ul > li { position:relative;margin-top:16px;padding:30px 40px;background:#FAFAFA; }
.M115_A .form_check_list > ul > li:first-of-type { margin-top:0; } 
.M115_A .form_check_list li.inuse:after { position:absolute;top:0;right:0;height:26px;padding:4px 10px;background:#E5E5E5;font-weight:500;font-size:12px;line-height:18px;color:#000;content:"사용중"; }
.M115_A .form_check_list input[type=checkbox]+label { padding-left:57px; }
.M115_A .form_check_list input[type=checkbox]+label .icon { top:50%;transform:translateY(-50%); }
.M115_A .form_check_list .md_tit { display:block;font-weight:bold;font-size:22px;line-height:33px;color:#000;vertical-align:middle; }
.M115_A .form_check_list .md_tit em { display:inline-block;font-weight:bold;font-size:14px;line-height:20px;color:#1778EA;vertical-align:2px; }
.M115_A .form_check_list .md_txt { display:block;margin-top:4px;font-weight:normal;font-size:13px;line-height:19px;color:#666; }
.M115_A .form_check_list .txt_box { display:block;margin-top:6px;margin-left:-8px; }
.M115_A .form_check_list .txt_box .tit { margin-left:8px;color:#000; }
.M115_A .form_check_list .txt_box .txt { margin-left:4px; }
.M115_A .form_check_list .btn_area { position:absolute;top:50%;right:30px;z-index:9;transform:translateY(-50%);margin-top:0; }
/* 2022.09.24 */
.M115_A .form_check_list .btn_area .btn_warning { text-align:center; }
.M115_A .form_check_list .btn_area .btn_warning .pop_longletter { top:33px; }
.M115_A .form_check_list .btn_area .btn_warning .pop_longletter:after,
.M115_A .form_check_list .btn_area .btn_warning .pop_longletter:before { left:133px; }



/*** M116_A | popup 무료체험 신청  ***/
.popup_layer .M116_A  { padding:20px 80px 0; }
.popup_layer .M116_A hr { width:100%;height:1px;margin:40px 0;background:#E4E6EC; }
.M116_A .form_list dt { position:relative;width:100%;margin-top:30px; }
.M116_A .form_list dt:first-of-type { margin-top:0; }
.M116_A .form_list dt i { color:#FF0000; }
.M116_A .form_list dt .ico_tip { display:inline-block;width:16px;height:16px;background:url(https://image.samsungsds.com/module_src/images/icon/ic_tip_16.svg?queryString=20241210125943) no-repeat center center;font-size:0;cursor:pointer; } 
/* pop_longletter 2022.09.30 수정 */
.M116_A .form_list dt .pop_longletter { display:none;position:absolute;top:32px;left:41px;z-index:999;width:345px;box-sizing:border-box;padding:12px;font-size:14px;text-indent:0;font-style:normal;line-height:1.43;color:#333;background:#FFF;border:1px solid #EAEAEA;color:#333;text-align:left;word-break:break-all; } 
html[lang="en"] .M116_A .form_list dt .pop_longletter { left:84px; }
.M116_A .form_list dt .pop_longletter:after, 
.M116_A .form_list dt .pop_longletter:before { position:absolute;bottom:100%;left:13px;height:0;width:0;border:solid transparent;content: " ";pointer-events: none; }
.M116_A .form_list dt .pop_longletter:after { margin-left:-6px;border-color:transparent;border-bottom-color:#FFF;border-width:6px; }
.M116_A .form_list dt .pop_longletter:before { margin-left:-7px;border-color:transparent;border-bottom-color:#EAEAEA;border-width:7px; }
.M116_A .form_list dd { position:relative;width:100%;margin-top:10px;font-size:0; } 
.M116_A .form_list .email_box { display:inline-block;position:relative;width:calc(100% - 260px); }
html[lang="en"] .M116_A .form_list .email_box { width:calc(100% - 278px); }
.M116_A .form_list .email_box + .txt { display:inline-block;height:48px;padding:0 10px 0 5px;font-size:16px;line-height:46px;color:#999;vertical-align:middle; }
.M116_A .form_list .name { width:calc(50% - 4px);margin-left:4px; }
.M116_A .form_list .name.first { margin-left:0; }
/* btn_chk */
.M116_A .form_list .btn_chk { position:absolute;top:0;right:0;height:48px;min-width:120px;margin-left:0;font-weight:normal;font-size:14px;line-height:46px; }
.M116_A .form_list .btn_chk:after { border-color:#A5A5A5; }
html[lang="en"] .M116_A .form_list .btn_chk { padding:0 15px; }
/* E: 2022.09.30 */

/* invalid_msg 2022.09.27 */
.M116_A .invalid_msg { display:none;margin-top:5px;font-size:14px;line-height:22px;color:#FF0000; }
.M116_A .fixed_msg { display:block !important;margin-top:5px;font-size:14px;line-height:22px;color:#888; }
.M116_A .invalid + .invalid_msg, 
.M116_A .invalid + .txt + .btn_chk + .invalid_msg { display:block; }

/* input */
.M116_A input[type=text], 
.M116_A input[type=password] { height:48px;border-color:#CCC; }
.M116_A input[type=text].invalid, 
.M116_A input[type=password].invalid { border-color:#FF0000; }

/* select */
/* IE */
.M116_A select::-ms-expand { display:none; }
.M116_A select { -o-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none; }
.M116_A select { position:relative;display:block;width:100%;height:60px;padding:0 20px;background:url(https://image.samsungsds.com/module_src/images/icon/ic_dropdown_20.svg?queryString=20241210125943) no-repeat calc(100% - 20px) center;border:1px solid #DDD;font-size:16px; }
.M116_A select.invalid { border-color:#FF0000; }

/* select box */
.M116_A .select_box { display:flex;flex-wrap:wrap; }
.M116_A .select_item { width:calc(50% + 15px);margin-left:50px; }
.M116_A .select_item:first-of-type { width:calc(50% - 65px);margin-left:0; }



/*** M117_A | Servie list ***/
.M117_A.cont { overflow:visible; }
.M117_A .tit_e + .tit_b { margin-top:20px; }
.M117_A .tit_b + .M117_A_cont { padding-top:70px; }

.M117_A_cont .tit { font-weight:bold;font-size:18px;line-height:28px; }
.M117_A_cont .txt { line-height:24px; }
.M117_A_cont .tit + .txt { margin-top:10px; }
.M117_A_cont .md_tit { display:block;font-weight:bold; }
.M117_A_cont .bullet_list dt { font-weight:bold;line-height:24px; }
.M117_A_cont .bullet_list dd { position:relative;padding-left:14px;margin-top:10px;line-height:24px; }
.M117_A_cont .bullet_list dd:before { position:absolute;top:-1px;left:0;width:14px;height:24px;content:'•'; }
.M117_A_cont .txt + .bullet_list { margin-top:30px; }
.M117_A_cont hr { overflow:visible;width:100%;margin-top:40px;padding-top:40px;border-top:1px solid #DDD; }
.M117_A_cont .txt_dec { color:#888; }
.M117_A_cont .service_list .txt_dec li { margin-top:0; }

/* i.info_pop */
.M117_A_cont i.info_pop { display: none; position: absolute; left: 30px; top: -15px; width: 270px; padding: 12px; font-size: 14px; text-indent: 0; font-style: normal; line-height: 1.43; color: rgba(0, 0, 0, 0.8); background: #fff; border: 1px solid #a6a6a6; text-align: left; letter-spacing: -0.56px; }
.M117_A_cont .info_pop.width200 { width: 200px; }
.M117_A_cont .ic_info_sm:hover .M117_A_cont i.info_pop { display: block; z-index: 9999; }
.M117_A_cont i.info_pop:after, .M117_A_cont i.info_pop:before { right: 100%; top: 22px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.M117_A_cont i.info_pop:after { border-color: rgba(255, 255, 255, 0); border-right-color: #FFF; border-width: 8px; margin-top: -8px; }
.M117_A_cont i.info_pop:before { border-color: rgba(166, 166, 166, 0); border-right-color: #a6a6a6; border-width: 9px; margin-top: -9px; }

/* service_list */
.M117_A_cont .service_list li { margin-top:40px; }
.M117_A_cont .service_list li:first-of-type { margin-top:0; }
.bg .M117_A_cont .service_list li { background:#FFF; }
/* service_box */
.M117_A_cont .service_box { padding:0 60px 40px;border:1px solid #DDD; }
.M117_A_cont .service_item { position:relative;margin:0 -60px;padding:40px 60px 40px 170px;background:#FAFAFA; }
.M117_A_cont .service_item .md_txt { margin-top:10px;padding-top:0;border-top:0;color:#555; }
.M117_A_cont .service_item .btn_area { position:absolute;top:50%;right:50px;transform:translateY(-50%);font-size:0; }
.M117_A_cont .service_item .btn_area .btn_m { min-width:170px;margin-right:10px; }

.M117_A_cont .service_item .emblem { position:absolute;overflow:hidden;top:40px;left:60px;width:80px;height:80px;border-radius:8px;box-shadow:0 4px 16px 0 rgba(0,0,0,0.08);font-size:0;text-indent:-999999px; }
.M117_A_cont .service_item .emblem.type1 { background-size:44px 44px; }
.M117_A_cont .service_item .emblem.type2 { background-size:65px 65px; }
.M117_A_cont .service_item .emblem.type3 { background-size:44px 44px; }
.M117_A_cont .service_item .emblem.type4 { background-size:44px 44px; }
.M117_A_cont .service_item .emblem.type5 { background-size:44px 44px; }
.M117_A_cont .service_item .emblem.type6 { background-size:44px 44px; }
.M117_A_cont .service_item .emblem.type7 { background-size:44px 44px; }
.M117_A_cont .service_item .emblem.type8 { background-size:44px 44px; }
.M117_A_cont .service_item .emblem.type9 { background-size:44px 44px; }

/* service_info */
.service_info { padding-top:40px; }

/* service_policy */
.M117_A_cont .service_policy .table_ty02 { margin-top:20px; }
.M117_A_cont .service_policy .table_ty02 th, .M117_A_cont .service_policy .table_ty02 td { font-weight:500;font-size:14px;line-height:24px; }
.M117_A_cont .service_policy .table_ty02 th { background:#FAFAFA;font-weight:bold; }
.M117_A_cont .service_policy .info_txt_box { padding:60px 0 24px; }
.M117_A_cont .service_policy .tit_xs { color:#888; }
.M117_A_cont .service_policy .txt_xs { color:#888; }
.M117_A_cont .service_policy * + .txt_xs { margin-top:10px; }

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M117_A .tit_e + .tit_b + .tit_b { margin-top:10px; }
    .M117_A .tit_b + .M117_A_cont { padding-top:30px;}
    .M117_A .tit_desc {width:100%;margin-bottom:20px;}    
    .M117_A .tit_desc + .tit_btn {margin-top:-10px;}
    .M117_A_cont hr { margin-top:30px;padding-top:30px; }
    .M117_A_cont .info_txt_box .box_tit { top:10px;font-size:14px;line-height:20px; }

    /* service_item */
    .M117_A_cont .service_box { padding:0 30px 30px; }
    .M117_A_cont .service_item { margin:0 -30px;padding:30px 30px 30px 30px; }
    .M117_A_cont .service_item .txt { padding-left:52px; }
    .M117_A_cont .service_item .btn_area { position:relative;top:auto;right:auto;transform:initial;margin-top:20px;padding:0 11px; }
    .M117_A_cont .service_item .btn_area .btn_m { min-width:initial;width:100%;margin-top:10px;margin-right:0; }
    .M117_A_cont .service_item .emblem { position:absolute;overflow:hidden;top:30px;left:20px;width:32px;height:32px; }
    .M117_A_cont .service_item .emblem.type1 { background-size:20px 20px; }
    .M117_A_cont .service_item .emblem.type2 { background-size:20px 20px; }
    .M117_A_cont .service_item .emblem.type3 { background-size:20px 20px; }
    .M117_A_cont .service_item .emblem.type4 { background-size:20px 20px; }
    .M117_A_cont .service_item .emblem.type5 { background-size:20px 20px; }
    .M117_A_cont .service_item .emblem.type6 { background-size:20px 20px; }
    .M117_A_cont .service_item .emblem.type7 { background-size:20px 20px; }
    .M117_A_cont .service_item .emblem.type8 { background-size:20px 20px; }
    .M117_A_cont .service_item .emblem.type9 { background-size:20px 20px; }
    /* service_policy */
    .M117_A_cont .service_policy .info_txt_box { padding:30px 0 10px; }
    .M117_A_cont .service_policy .tit_xs { font-size:10px;line-height:20px; }
    /*.table_ty02 */
    .M117_A_cont .table_ty02 .ic_info_sm { display:inline-block; }
    /* i.info_pop */
    .M117_A_cont i.info_pop { top:25px;left:-110px;width:230px; }
    .M117_A_cont i.info_pop:after, i.info_pop:before { top:auto !important;bottom:100%;left:117px;right:auto !important;border:solid transparent; }
    .M117_A_cont i.info_pop:after { margin-top:0;margin-left:-6px;border-color:transparent;border-bottom-color:#FFF;border-width:6px; }
    .M117_A_cont i.info_pop:before { margin-top:0;margin-left:-7px;border-color:transparent;border-bottom-color:#a6a6a6;border-width:7px; }
}

@media all and (max-width:600px){    
    .M117_A_cont {margin-top:0;margin-right:0;margin-left:0;}
}



/*** M118_A | Mytrial Module Tab Menu ***/
.M118_A .tabs_area ul { display:flex;justify-content:center; }
.M118_A .tabs_area li { margin:0 15px; }
.M118_A .tabs_area .tabs_btn { font-weight:bold; font-size:32px; line-height:52px; color:#888; text-align:center; } 
.M118_A .tabs_area .tabs_btn.selected { color:#000; }

.M118_A .tabs_panel { display:none; }
.M118_A .tabs_panel + [class*="M104_"].tabs_panel { padding-top:100px; }
.M118_A .tabs_panel.selected { display:block; }
.M118_A .tabs_panel .cont { padding-top:80px;background:transparent; }

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M118_A .tabs_area .tabs_btn { font-size:16px; line-height:36px; }
    .M118_A .tabs_panel .cont { padding-top:40px; }
}





/*** M119_A | Service intro video 1 ***/
.M119_A.cont { padding:80px 0 140px; }
.M119_A .tit {margin-top:10px;font-weight:normal;}
.M119_A .tit + .M119_A_cont {margin-top:40px;}
.M119_A .tit_e { display:block;margin-bottom:10px; }

.M119_A_cont { position:relative; }

.M119_A_cont .img img { width:100%; }
.M119_A_cont .img .img_p { display: block; }
.M119_A_cont .img .img_m { display: none; }

/** md_cont **/
.M119_A_cont .caroufredsel_wrapper { position: relative; width:100%; }
.M119_A_cont .md_cont { display: flex; align-items: center; overflow: hidden; }
.M119_A_cont .md_cont .li { position: relative; width: 100%; overflow: hidden; }
.M119_A_cont .md_cont .li .txt.center { text-align: center; }
.M119_A_cont .md_cont .li .txt.right { text-align: right; }
.M119_A_cont .md_cont .li .txt .md_tit { display:block; }
.M119_A_cont .md_cont .li .txt .md_tit + .md_tit { margin-top: 10px; }

.M119_A_cont .video_cont { position: relative; overflow: hidden; max-height: 740px; margin-top: 20px; }
.M119_A_cont .video_cont::before { content: ""; display: block; padding-bottom: 56.146%; }

.M119_A_cont .video_cont .video_box { position: absolute; inset: 0; overflow: hidden; }
.M119_A_cont .video_cont .video_box iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }

.M119_A_cont .video_cont .md_link { position: absolute; inset: 0; display: block; overflow: hidden; }
.M119_A_cont .video_cont .md_link:before { position: absolute; inset: 0; content: ""; background: rgba(0,0,0,0.46); transition: all 0.3s ease-in-out; z-index: 1; }

.M119_A_cont .video_cont .md_link .img { position: absolute; inset: 0; }
.M119_A_cont .video_cont .md_link .img > p { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }
.M119_A_cont .video_cont .md_link:hover .img > p,
.M119_A_cont .video_cont .md_link:focus .img > p { transform: none; }

.M119_A_cont .video_cont .md_link .btn_movie { left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; }
.M119_A_cont .video_cont .md_link:hover .btn_movie:before, 
.M119_A_cont .video_cont .md_link:focus .btn_movie:before { transform: translateX(0); }

/* md_cont_control */
.M119_A_cont .md_cont_control { position: absolute; top: -36px; right: 0; display: flex; align-items: center; z-index: 10; }
.M119_A_cont .md_cont_bar { display: flex; align-items: center; width: auto; height: auto; padding: 0; margin: 0; }
.M119_A_cont .md_cont_bar .bar { position: initial; left: initial; top: initial; width:80px; transform: translate(0, 0); margin: 0 10px; }
.M119_A_cont .md_cont_bar .md_cont_bar_st { float: initial; }
.M119_A_cont .md_cont_bar .md_cont_bar_ed { float: initial; }
/* md_play */
.M119_A_cont .md_play { margin-left: 7px; }
.M119_A_cont .md_play a { display: block; position: relative; overflow: hidden; width: 30px; height: 30px; outline: none; }
.M119_A_cont .md_play a::before { position: absolute; left: 50%; top: 50%; content: ""; transform: translate3d(-50%, -50%, 0); transition: all 0s; z-index: 2; }
.M119_A_cont .md_play a::after { content: ''; display: block; width: 100%; height: 100%; background: #0098c2; border-color: #0098c2; transform: translate3d(-100%, 0, 0); transition: transform .4s; }
.M119_A_cont .md_play a:hover::after,
.M119_A_cont .md_play a:focus::after { transform: translate3d(0, 0, 0); }

.M119_A_cont .md_play .md_btn_play { display: none; }
.M119_A_cont .md_play .md_btn_play:before {  width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; }
.M119_A_cont .md_play .md_btn_play:hover:before,
.M119_A_cont .md_play .md_btn_play:focus:before { border-left-color: #fff; }

.M119_A_cont .md_play .md_btn_stop:before { width: 8px; height: 12px; border:2px solid #000; border-width: 0 2px; }
.M119_A_cont .md_play .md_btn_stop:hover:before,
.M119_A_cont .md_play .md_btn_stop:focus:before { border-color: #fff; }
/* md_play.on */
.M119_A_cont .md_play.on .md_btn_stop { display: none; }
.M119_A_cont .md_play.on .md_btn_play { display: block; }

/* md_pagn */
.M119_A_cont .md_pagn { margin-left: 33px; }
.M119_A_cont .md_pagn .md_pagn_prev + .md_pagn_next { margin-left: 20px; }

@media all and (max-width:1023px){
    .M119_A.cont { padding: 45px 0 60px; }
    .M119_A .tit_e { margin-bottom: 10px; }
    .M119_A .tit + .M119_A_cont { margin-top: 20px; }

    /* control */
    .M119_A_cont .md_cont_control { position: relative; top: inherit; right: inherit; display: block; width: 100%; margin-top: 20px; }
    .M119_A_cont .md_cont_bar { width: 100%; height: 30px; padding: 0 40px; margin: 0; }
    .M119_A_cont .md_cont_bar .bar { order: 2; width: 100%; margin-left: 20px; margin-right: 0; }
    .M119_A_cont .md_cont_bar .md_cont_bar_st { order: 0; }
    .M119_A_cont .md_cont_bar .md_cont_bar_ed { order: 1; }
    .M119_A_cont .md_play,
    .M119_A_cont .md_pagn { display: none; }

    /* owl-navm */
    .M119_A_cont .owl-navm { display: block; }
    .M119_A_cont .owl-navm .owl-prevm,
    .M119_A_cont .owl-navm .owl-nextm { top: initial; bottom: 0; transform: translateY(0); border-radius: 50%; background: transparent; }
    .M119_A_cont .owl-navm .owl-prevm::after,
    .M119_A_cont .owl-navm .owl-nextm::after { border-color: #000; }
    .M119_A_cont .owl-navm .owl-prevm:hover,
    .M119_A_cont .owl-navm .owl-nextm:hover,
    .M119_A_cont .owl-navm .owl-prevm:focus,
    .M119_A_cont .owl-navm .owl-nextm:focus { background: transparent; }
}

@media all and (max-width:838px){
    .M119_A { padding-bottom: 0; }
    .M119_A + .cont { padding-top: 50px; }
}

@media all and (max-width:600px){
    .M119_A_cont .md_cont .li .txt .md_tit { font-size: 20px; line-height: 32px; }
}




/*** M119_B | Service intro video 2 ***/
.M119_B .tit_e { display:block;margin-bottom:10px; }
.M119_B .visual_img .txt {background:#fff;}
.M119_B.bg .visual_img .txt {background:#f5f5f5;}
* + .M119_B_cont {margin-top:10px;}
.M119_B .tit_e + .M119_B_cont {margin-top:0;}
.M119_B_cont { position:relative; }

/* 바로가기 추가 */
.M119_B_cont .title_list .md_tit { font-weight:bold;font-size:32px;line-height:52px;letter-spacing:-0.6px; }
.M119_B_cont .title_list .md_btn_box .btn_arrow { font-size: 22px; }

/* slider-nav */
.M119_B_cont .slider-nav { margin-top:0;margin-bottom:30px; }
.M119_B .tit_main_e + .M119_B_cont .slider-nav,
.M119_B .md_tit + .M119_B_cont .slider-nav {margin-top:50px;margin-bottom:0;}
.M119_B_cont .slider-nav .item {float:left;width:auto;}
.M119_B_cont .slider-nav .item {margin-right:40px;}
.M119_B_cont .slider-nav .item:last-child {margin-right:0;}
.M119_B_cont .slider-nav .item .tab_btn {position:relative;display:block;padding-top:3px;font-size:24px;color:#ccc;transition:color 0.3s;font-weight:bold;}
.M119_B_cont .slider-nav .item .tab_btn:hover,
.M119_B_cont .slider-nav .item .tab_btn:focus {color:#00b3e3;}
.M119_B_cont .slider-nav .item.slick-current .tab_btn {color:#000;}

.M119_B_cont .title_list > .md_tit {display:none;}
.M119_B_cont .title_list > .md_tit.active {display:block;}
.M119_B_cont .slider { margin-top:40px; }

/* visual_img */
.M119_B_cont .slider_cont .slick-list {overflow: inherit !important;overflow-y: hidden;}
.M119_B_cont .slick-slide,
.M119_B_cont .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {transform: scale(0.9);transition: transform 0.3s ease-in-out;}
.M119_B_cont .slick-center,
.M119_B_cont .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {transform: scale(1);}
.M119_B_cont .slick-current.slick-active{transform: scale(1);}
.M119_B_cont .slick-slide:not(.slick-active) .video_cont:after {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;content:'';} 
.M119_B_cont .slick-slide .video_cont .md_link .img,
.M119_B_cont .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .video_cont .md_link .img {opacity:1;transition: opacity 0.3s ease-in-out;}
.M119_B_cont .slick-center .video_cont .md_link .img,
.M119_B_cont .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .video_cont .md_link .img {opacity:1;}
.M119_B_cont .slick-slide .video_cont .md_link:before,
.M119_B_cont .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .video_cont .md_link:before {background:rgba(0,0,0,0.46);transition: all 0.3s ease-in-out;}
.M119_B_cont .slick-center .video_cont .md_link:before,
.M119_B_cont .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .video_cont .md_link:before {background:rgba(0,0,0,0.46);}

.M119_B_cont .video_cont {position:relative;overflow:hidden;max-height:740px;}
.M119_B_cont .video_cont:before {content: "";display:block;width:100%;height:0;padding-bottom:56.146%;}
.M119_B_cont .video_cont iframe {display:none;position:absolute;left:0;top:0;width:100%;height:100%;}
.M119_B_cont .md_link {position:absolute;left:0;top:0;width:100%;height:100%;}
.M119_B_cont .md_link .img_m {display:none;}

.M119_B_cont .img img {width:100%;}
.M119_B_cont .video_cont .md_link {width:100%;}
.M119_B_cont .video_cont .md_link:before {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.46);transition: all 0.3s ease-in-out;content:"";z-index:1;}
.M119_B_cont .video_cont .btn_movie {left:50%;top:50%;transform:translate(-51%,-52%);z-index:2;}
.M119_B_cont .md_link .img_p, 
.M119_B_cont .md_link .img_m {position:absolute;left:0;top:0;width:100%;height:100%;background-position:center;background-size:cover;transition:none;}
.M119_B_cont .md_link:hover .img_p, 
.M119_B_cont .md_link:hover .img_m,
.M119_B_cont .md_link:focus .img_p, 
.M119_B_cont .md_link:focus .img_m  {transform:none;}
.M119_B_cont .video_cont .md_link:hover .btn_movie:before, .M119_B_cont .video_cont .md_link:focus .btn_movie:before {transform:translateX(0);}
.M119_B_cont .video_cont .md_link:hover .btn_movie:after, .M119_B_cont .video_cont .md_link:focus .btn_movie:after {border-left-color:#fff;}

.M119_B_cont .slider .slick-arrow {top:50%;width:50px;height:80px;z-index:2;}
.M119_B_cont .slider .slick-prev {left:-140px;}
.M119_B_cont .slider .slick-next {right:-140px;left:auto;}
.M119_B_cont .slider .slick-arrow::before {position: absolute;width:42px;height:42px;border-top: 2px solid #fff;border-left: 2px solid #fff;transition: border-color 0.3s;opacity:1;content:'';}
.M119_B_cont .slider .slick-arrow:hover::before{border-color:#2189ff;}
.M119_B_cont .slider .slick-prev::before{top: 19px;left:16px;transform: rotate(-45deg);}
.M119_B_cont .slider .slick-next::before{top: 19px;right:16px;transform: rotate(135deg);}

/* Navication */
.M119_B_cont .slider .slick-prev,
.M119_B_cont .slider .slick-next {display:none !important;}
.M119_B_cont .navigation { position: absolute;right:0;top:-36px;width:240px;padding-bottom:0;z-index:2;height:30px;}
.M119_B_cont .carousel-pagn { position:absolute;right:114px;top:6px;width:auto; }
.M119_B_cont .carousel-pagn-inner {position:absolute;right:0px;top:0;width:130px;height:21px;font-size:16px;line-height:21px; }
.M119_B_cont .carousel-pagn-bar { width:73px; }
.M119_B_cont .carousel-nav {position:absolute;right:0;bottom:0;width:auto; }
.M119_B_cont .carousel-nav:after {content:"";display:block;clear:both;}
.M119_B_cont .carousel-nav .carousel-prev,
.M119_B_cont .carousel-nav .carousel-next { display:block;float:left;position:relative;overflow:hidden;width:30px;height:30px;background:transparent;border: 1px solid #000 !important; border-radius:50%;box-sizing:border-box;outline:none;transition: all 0.4s;webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0); }
.M119_B_cont .carousel-nav .carousel-prev:after,
.M119_B_cont .carousel-nav .carousel-next:after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M119_B_cont .carousel-nav .carousel-next { margin-left:16px; }
.M119_B_cont .carousel-nav .carousel-prev:hover, 
.M119_B_cont .carousel-nav .carousel-next:hover, 
.M119_B_cont .carousel-nav .carousel-prev:focus, 
.M119_B_cont .carousel-nav .carousel-next:focus { background:#2189ff !important;border-color:#2189ff !important; }
.M119_B_cont .carousel-nav .carousel-prev:before, 
.M119_B_cont .carousel-nav .carousel-next:before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #2189ff; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M119_B_cont .carousel-nav .carousel-prev:hover:after, 
.M119_B_cont .carousel-nav .carousel-next:hover:after, 
.M119_B_cont .carousel-nav .carousel-prev:focus:after, 
.M119_B_cont .carousel-nav .carousel-next:focus:after { border-color: #fff; }

/* -PC 확장형- */
@media all and (max-width:1600px){
    .M119_B_cont .slider .carousel-prev {left:10px;}
    .M119_B_cont .slider .carousel-next {right:10px;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M119_B .tit_main_e {margin-bottom:10px;}
    .M119_B .md_tit {margin-top:-6px;}
    * + .M119_B_cont {margin-top:0;}
    .M119_B_cont .title_list .md_btn_box .btn_arrow { font-size: 14px; }
    .M119_B_cont .title_list .md_tit { font-size:20px;line-height:32px; }

    /* slider-nav */
    .M119_B_cont .tab_slide_area {position:relative;margin-left:-10px;margin-right:-10px;}
    .M119_B_cont .tab_slide_area:before,
    .M119_B_cont .tab_slide_area:after {content:"";position:absolute;width:20px;height:100%;z-index:2;}
    .M119_B_cont .tab_slide_area:before {top:0;left:0;background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
    .M119_B_cont .tab_slide_area:after {top:0;right:0;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}

    .M119_B_cont .slider {margin-top:30px;}
    .M119_B_cont .slider-nav {margin-top:0;margin-bottom:20px;;}
    .M119_B .tit_main_e + .M119_B_cont .slider-nav,
    .M119_B .md_tit + .M119_B_cont .slider-nav {margin-top:40px;}
    .M119_B_cont .slider-nav .item {margin-right:40px;}
    .M119_B_cont .slider-nav .item:first-child {padding-left:10px;}
    .M119_B_cont .slider-nav .item:last-child {margin-right:0;padding-right:10px;}
    .bg .M119_B_cont .tab_slide_area:before {top:0;left:0;background:linear-gradient(to right,rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%);}
    .bg .M119_B_cont .tab_slide_area:after {background:linear-gradient(to right,rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%);}
    .M119_B .md_tit + .M119_B_cont .tab_panel {margin-top:20px;}

    .M119_B_cont .slick-slide .video_cont .md_link:before,
    .M119_B_cont .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .video_cont .md_link:before {background:rgba(0,0,0,0.6);transition: all 0.3s ease-in-out;}
    .M119_B_cont .slick-center .video_cont .md_link:before,
    .M119_B_cont .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .video_cont .md_link:before {background:rgba(0,0,0,0.46);}

    /* Navication */
    .M119_B_cont .slider .slick-prev,
    .M119_B_cont .slider .slick-next {display:none !important;}
    .M119_B_cont .carousel-nav { right:auto;width:calc(100% + 20px);margin:0 -10px; }
    .M119_B_cont .navigation {display:block;position:relative;margin-top:20px;width:100%;top:auto;bottom:0;}
    .M119_B_cont .carousel-pagn {right:0;left:0;margin:0 auto;width:calc(100% - 60px);}
    .M119_B_cont .carousel-pagn-inner { width:100%;right:auto;font-size:14px; }
    .M119_B_cont .carousel-pagn-bar { width:calc(100% - 60px); }
    .M119_B_cont .carousel-nav .carousel-prev, .M119_B_cont .carousel-nav .carousel-next { border:0 !important; }
    .M119_B_cont .carousel-nav .carousel-next { float:right; }
    .M119_B_cont .carousel-nav .carousel-prev:after, .M119_B_cont .carousel-nav .carousel-next:after { width:8.49px;height:8.49px; }
    .M119_B_cont .carousel-nav .carousel-prev:hover:after, 
    .M119_B_cont .carousel-nav .carousel-next:hover:after, 
    .M119_B_cont .carousel-nav .carousel-prev:focus:after, 
    .M119_B_cont .carousel-nav .carousel-next:focus:after { border-color:#2189FF; }
    .M119_B_cont .carousel-nav .carousel-prev:hover, 
    .M119_B_cont .carousel-nav .carousel-next:hover, 
    .M119_B_cont .carousel-nav .carousel-prev:focus, 
    .M119_B_cont .carousel-nav .carousel-next:focus { background:transparent !important;border-color:#2189FF !important; }
    .M119_B_cont .carousel-nav .carousel-prev:before, 
    .M119_B_cont .carousel-nav .carousel-next:before { display:none; }
}
@media all and (max-width:600px){
    /* slider-nav */
    .M119_B_cont .tab_slide_area {margin-left:-30px;margin-right:-30px;}
    .M119_B_cont .slider-nav .item {margin-right:20px;}
    .M119_B_cont .slider-nav .item:first-child {padding-left:30px;}
    .M119_B_cont .slider-nav .item:last-child {padding-right:30px;}
    .M119_B_cont .slider-nav .item .tab_btn {padding-top:1px;font-size:16px;}

    /* tab_panel */
    .M119_B_cont .slider_cont { margin-top:20px;margin-left:-30px;margin-right:-30px; }
    .M119_B_cont .slick-slide, .M119_B_cont .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {transform:scale(1);margin:0 7px;}
    .M119_B_cont .slider_cont .slick-list {padding:0 23px !important;}
}



/*** M119_C | Reviews ***/
.M119_C .tit_e { margin-bottom:20px; } 
.M119_C .tit_b {margin-top:-12px;margin-bottom:40px;}
.M119_C .tit_e + .tit_b { margin-top:0; }

/* owl-carousel */
.M119_C_cont {position:relative; }
.M119_C_cont .owl-carousel { display:flex;flex-wrap:wrap; }
.M119_C_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M119_C_cont .txt sup, .M119_C_cont .txt sub {display:inline-block;}

.M119_C_cont .owl-carousel .owl-stage-outer { overflow:visible; }
.M119_C_cont .owl-carousel .item { padding:0; }
.M119_C_cont .owl-carousel .item .img { width:100%; }
.M119_C_cont .owl-carousel .item .img img { width:100%; }
.M119_C_cont .owl-carousel .item .txt { padding:20px 80px 0 20px;background:url(https://image.samsungsds.com/module_src/images/icon/ic_mention_41.svg?queryString=20241210125943) no-repeat 0 0; } 
.M119_C_cont .owl-carousel .item .txt .md_txt { margin-top:0;font-size:20px;line-height:32px; }
.M119_C_cont .owl-carousel .item .txt .md_user { margin-top:20px;color:rgba(0,0,0,0.6);font-size:16px;line-height:24px; }
.M119_C_cont .owl-carousel .item .txt .md_user .mark { margin:0 10px 0;background:transparent;font-size:10px;color:rgba(51,51,51,0.4);vertical-align:3px; }

/* 기본 1단 */
.M119_C_cont.m1 .owl-carousel .item { display:flex;flex-wrap:wrap;width:100%;padding:0; }
.M119_C_cont.m1 .owl-carousel .item .img { order:2;width:calc(59.1%);margin-bottom:0; }
.M119_C_cont.m1 .owl-carousel .item .txt { order:1;width:calc(40.9%);padding:20px 80px 0 20px; }
.M119_C_cont.m1 .owl-carousel .item .txt .md_txt { margin-top:0;font-size:24px;line-height:40px; }
.M119_C_cont.m1 .owl-pagn, .M119_C_cont.m1 .md_play { display:none; }

/* 2단 */
.M119_C_cont.m2 .owl-carousel .item { width:calc(50% - 13px);margin-left:26px; }
.M119_C_cont.m2 .owl-carousel .item:first-of-type { margin-left:0; }
.M119_C_cont.m2 .owl-carousel .item .txt { padding-right:60px; }
.M119_C_cont.m2 .owl-pagn, .M119_C_cont.m2 .md_play { display:none; }

/* 3단 */
.M119_C_cont.m3 .owl-carousel .item { width:calc(33.33% - 17.33px);margin-left:26px; }
.M119_C_cont.m3 .owl-carousel .item:first-of-type { margin-left:0; }
.M119_C_cont.m3 .owl-carousel .item .txt { padding-right:30px; }
.M119_C_cont.m3 .owl-pagn, .M119_C_cont.m3 .md_play { display:none; }

/* 4단 */
.M119_C_cont.m4 .owl-carousel .item { width:422px; }
.M119_C_cont.m4 .owl-carousel .item:first-of-type { margin-left:0; }
.M119_C_cont.m4 .owl-carousel .item .txt { padding-right:30px; }

/* owl-pagn */
.M119_C_cont .owl-pagn { position:absolute;top:-41px;right:145px;height:21px; }
.M119_C_cont .owl-pagn-inner { width:130px;height:100%; }
.M119_C_cont .owl-pagn-bar { width:80px; }
.M119_C_cont .owl-pagn-st, .M119_C_cont .owl-pagn-ed { font-size:16px;line-height:21px; }
 /* owl-nav */
.M119_C_cont .owl-nav { position:absolute;top:-46px;right:0;width:76px; }

/* md_play  */
.M119_C_cont .md_play { position:absolute;overflow:hidden;top:-46px;right:108px;z-index:99;transition:all 0.4s; }
.M119_C_cont .md_play a {display:block;position:relative;width:28px;height:28px;overflow:hidden;outline:none;}
.M119_C_cont .md_play .md_btn_play:before {position:absolute;left:50%;top:50%;width:0;height:0;border-width:5px 0 5px 8px;border-style:solid;border-color:transparent;border-left-color:#000;content:"";transform:translate(-50%,-50%);transition:all 0.4s;}
.M119_C_cont .md_play .md_btn_play:hover:before, .M119_C_cont .md_play .md_btn_play:focus:before {border-left-color:#fff;}
.M119_C_cont .md_play .md_btn_stop:before {position:absolute;left:11px;top:9px;width:2px;height:12px;background:#000;content:"";transition:all 0.4s;}
.M119_C_cont .md_play .md_btn_stop:after {position:absolute;left:16px;top:9px;width:2px;height:12px;background:#000;content:"";transition:all 0.4s;}
.M119_C_cont .md_play .md_btn_stop:hover:before, .M119_C_cont .md_play .md_btn_stop:focus:before,
.M119_C_cont .md_play .md_btn_stop:hover:after, .M119_C_cont .md_play .md_btn_stop:focus:after {background:#fff;}
.M119_C_cont .md_play:before {position:absolute;left:0;top:0;width:30px;height:30px; background: #0098c2; border-radius:50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M119_C_cont .md_play:hover, 
.M119_C_cont .md_play:focus { background: #0098c2 !important; border-color: #0098c2 !important; }
.M119_C_cont .md_play:hover:before, 
.M119_C_cont .md_play:focus:before { transform: translateX(0); }
.M119_C_cont .md_play .md_btn_play {display:none;}
.M119_C_cont .md_play .md_btn_stop {display:block;}
.M119_C_cont .md_play.on .md_btn_play {display:block;}
.M119_C_cont .md_play.on .md_btn_stop {display:none;}

/* 해당 모듈에서 버튼 스타일 변경 - 디자인요청 */
.M119_C_cont .module_ty .img .btn_movie {left:50%;top:50%;width:80px;height:80px;transform:translate(-51%,-52%);z-index:2;background:transparent; }
.M119_C_cont .module_ty .img .md_link:hover .btn_movie:before, .M119_C_cont .module_ty .img .md_link:focus .btn_movie:before {transform:translateX(0);}
.M119_C_cont .module_ty .img .md_link:hover .btn_movie:after, .M119_C_cont .module_ty .img .md_link:focus .btn_movie:after {border-left-color:#fff;}


@media all and (max-width:1504px){
    /* 3단 */
    .M119_C_cont.m3 .owl-carousel .item { width:422px; }
}
@media all and (max-width:1300px){
    /* 기본 1단 */
    .M119_C_cont.m1 .owl-carousel .item { display:flex;flex-wrap:wrap;width:100%;padding:0; }
    .M119_C_cont.m1 .owl-carousel .item .img { order:1;width:100%;margin-bottom:20px; }
    .M119_C_cont.m1 .owl-carousel .item .txt { order:2;width:100%; }
}    
@media all and (max-width:1168px){
    /* 2단 */
    .M119_C_cont.m2 .owl-carousel .item { width:646px; }    
}    

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .M119_C .tit_e {margin-bottom:10px;}
    .M119_C .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* Owl As-is 초기화 */
    .M119_C_cont {margin:0;}

    /* owl-carousel */
    .M119_C_cont .owl-carousel .item .txt { padding-right:20px;background-size:30px 30px; }
    .M119_C_cont .owl-carousel .item .txt .md_txt { font-size:18px;line-height:30px; }
    .M119_C_cont .owl-carousel .item .txt .md_user { margin-top:10px; }
    .M119_C_cont .owl-carousel .item .img { margin-bottom:10px; } 

    .M119_C_cont.m1 .owl-carousel .item .txt { padding-right:20px; }
    .M119_C_cont.m1 .owl-carousel .item .txt .md_txt { font-size:18px;line-height:30px; }
    .M119_C_cont.m1 .owl-carousel .item .img { margin-bottom:10px; }  
    
    /* owl-pagn */
    .M119_C_cont .owl-pagn { position:static;width:100%;margin-top:30px;padding:0 30px; }
    .M119_C_cont .owl-pagn-inner { width:100%; }
    .M119_C_cont .owl-pagn-bar { left:30px;width:calc(100% - 60px); }
    .M119_C_cont .owl-pagn-ed { float:right; }
    .M119_C_cont .owl-pagn-ed:before { display:none; }
    .M119_C_cont.m2 .owl-pagn, .M119_C_cont.m3 .owl-pagn { display:block !important; } 

    /* owl-navm */
    .M119_C_cont .owl-navm { display:block !important;top:auto;bottom:-4px;transform:initial;width:calc(100% + 20px);margin:0 -10px; }
    .M119_C_cont .owl-navm .owl-prevm, .M119_C_cont .owl-navm .owl-nextm { background-color:transparent;border:0 !important; }
    .M119_C_cont .owl-navm .owl-prevm:before, .M119_C_cont .owl-navm .owl-nextm:before { display:none; }
    .M119_C_cont .owl-navm .owl-prevm:after, .M119_C_cont .owl-navm .owl-nextm:after { width:8.49px;height:8.49px;border-color:#000; }
    .M119_C_cont .owl-navm .owl-prevm:hover:after, 
    .M119_C_cont .owl-navm .owl-nextm:hover:after, 
    .M119_C_cont .owl-navm .owl-prevm:focus:after, 
    .M119_C_cont .owl-navm .owl-nextm:focus:after { border-color:#2189FF; }
    .M119_C_cont .owl-navm .owl-prevm:hover, 
    .M119_C_cont .owl-navm .owl-nextm:hover, 
    .M119_C_cont .owl-navm .owl-prevm:focus, 
    .M119_C_cont .owl-navm .owl-nextm:focus { background:transparent !important;border-color:#2189FF !important; }
    .M119_C_cont .md_play { display:none !important; }
    .M119_C_cont .module_ty .img .btn_movie {width:64px;height:64px;}
}

@media all and (max-width:600px){
    /* owl-carousel */
    .M119_C_cont .owl-carousel .item { width:100%; }
    .M119_C_cont .owl-carousel .item:first-child { margin-top:0; }
    .M119_C_cont .owl-carousel .item .txt { padding:18px 18px 0; }
    .M119_C_cont .owl-carousel .item .txt .md_txt { font-size:14px;line-height:24px; }
    .M119_C_cont .owl-carousel .item .txt .md_user { font-size:14px;line-height:24px; }

    /* 1단 */
    .M119_C_cont.m1 .owl-carousel .item { width:100%; }
    .M119_C_cont.m1 .owl-carousel .item .txt { padding:18px 18px 0; }
    .M119_C_cont.m1 .owl-carousel .item .txt .md_txt { font-size:14px;line-height:24px; }
    .M119_C_cont.m1 .owl-carousel .item .txt .md_user { font-size:14px;line-height:24px; }
    .M119_C_cont.m1 .owl-carousel .item .img {width:100%;}
    .M119_C_cont.m1 .owl-pagn { display:none; }

    /* 2단 */
    .M119_C_cont.m2 .owl-carousel .item { width:300px; }
    .M119_C_cont.m2 .owl-carousel .item .txt { padding-right:18px; }

    /* 3단 */
    .M119_C_cont.m3 .owl-carousel .item { width:300px; }

    /* 4단 */
    .M119_C_cont.m4 .owl-carousel .item { width:300px; }

    /* new_type_video */
    .M119_C .tit_ect {margin-bottom:10px;}
    .M119_C .tit_sub {margin-bottom:30px;}
}




/*** M120_A | banner ***/
.M120_A { position:relative;overflow:visible;z-index:1;margin:-40px 0 0;padding:80px 0 0 !important; }
.cont.bg + .M120_A { background:#f5f5f5; }
.M120_A + .cont { padding-top:160px !important; }
.M120_A .consulting_bnr { top:0;bottom:auto; padding: 0 80px; display: flex; flex-direction: column; justify-content: center; gap: 14px;}
.M120_A .consulting_bnr .md_tit { font-size:24px;line-height:40px; }
.M120_A .consulting_bnr .md_btn_box {position: unset;}
.M120_A .consulting_bnr .md_btn_box.right { position:absolute;top:50%;right:80px;transform:translateY(-50%); } 
.M120_A .consulting_bnr .btn_arrow { font-size:16px;line-height:24px; }
.M120_A .consulting_bnr .btn_m { min-width:160px; }
.M120_A .consulting_bnr.row {flex-direction: row; justify-content: space-between; align-items: center;}
.M120_A .consulting_bnr.row .md_btn_box.right {position: unset; top: unset; right: unset; transform: unset;}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M120_A { margin-top:0;padding-top:0 !important; }
    .M120_A + .cont { padding-top:50px !important; }
    .M120_A .consulting_bnr .md_tit { font-size:22px;line-height:34px; }
    .M120_A .consulting_bnr .btn_arrow { font-size:14px; }       
}
@media all and (max-width:800px) { 
    .M120_A .consulting_bnr .md_btn_box.right { position:static;margin-top:30px; }   
    .M120_A .consulting_bnr.row .md_btn_box.right{position: unset; margin: unset;}  
}
@media all and (max-width:600px) { 
    .M120_A .consulting_bnr { padding:44px 30px; height: auto; min-height: 160px; }  
    .M120_A .consulting_bnr.row{flex-direction: column; justify-content: center;}
}

/*** M120_B ***/
.M120_B .tit_e { position: relative; margin-bottom: 31px; font-size: 20px; }
.M120_B_cont:after { position: absolute; left: -1000px; top: 0; width: 1000px; height: 100%; background: #fff; content: ""; z-index: 2; }

/* owl-carousel */
.M120_B_cont { position: relative; }
.M120_B_cont .owl-carousel { display: flex; width: auto; }
.M120_B_cont .owl-carousel .active span { background: none; }
.M120_B_cont .owl-carousel:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }
.M120_B_cont .owl-carousel .item { display: flex; position: relative; float: left; width: 840px; max-height: 200px; }
.M120_B_cont.m1 .owl-carousel .item { width: 100%; }
.M120_B_cont .owl-carousel .item .md_tit { position: absolute; z-index: 1; top: 0; left: 0; display: flex; justify-content: space-between; width: 100%; height: 100%; padding: 80px 60px;}
.M120_B_cont .owl-carousel .item .md_tit .b_title { font-size:26px;line-height:42px; display: flex; align-items: center;justify-content: center; margin: 0; color:#fff; font-weight: bold; }
.M120_B_cont .owl-carousel .item .md_tit .md_btn { margin: 0; }
.M120_B_cont .owl-carousel .item .md_tit .md_btn .btn_ty.btn_m { margin: 0; padding: 0; color: #fff; text-align: center; min-width: 160px;}
.M120_B_cont .owl-carousel .item .md_tit .md_btn .btn_ty::after { border-color: #fff; }

.M120_B_cont .owl-carousel .md_tit { display: block; }
.M120_B_cont .owl-carousel .md_txt { margin-bottom: 20px; display: block; }

/* img */
.M120_B_cont .owl-carousel .visual_img { position: relative; width: 100%;}
.M120_B_cont .owl-carousel .visual_img .img { position: relative; width: 100%; height: 100%;}
.M120_B_cont .owl-carousel .visual_img .img .img_p { position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.M120_B_cont .owl-carousel .visual_img .img .img_m { display: none; }



/* Background Gray */
.bg .M120_B_cont:after { background: #f5f5f5; }
.M120_B_cont.itemMax .owl-carousel .owl-stage-outer { overflow: inherit !important; overflow-y: hidden; }
.M120_B_cont.m1 .owl-pagn { display: none; }

/* Navication */
.M120_B_cont .navigation { position: absolute; right: 0; top: -58px; width: 240px; padding-bottom: 0; z-index: 2; height: 30px; }

/* pc버전 item 1개 */
.M120_B_cont.m1 .navigation { display: none; }
.M120_B_cont .owl-pagn { position: absolute; right: 147px; top: 8px; width: 130px; }
.M120_B_cont .owl-pagn-inner { position: absolute; right: 0; top: 0; margin-right: 16px; width: 130px;}
.M120_B_cont .owl-pagn-inner .owl-pagn-bar { position: absolute; left: 50%; top: 50%; width: 80px; height: 2px; background: #ccc; transform: translate(-50%, -48%); overflow: hidden; }
.M120_B_cont .owl-nav.disabled { display: none !important; }
.M120_B_cont .owl-nav { width: auto; position: absolute; right: 0; bottom: 0; }
.M120_B_cont .owl-nav:after { content: ""; display: block; clear: both; }
.M120_B_cont .owl-nav .carousel-prev { float: left; }
.M120_B_cont .owl-nav .carousel-next { float: right; }
.cont .M120_B_cont .owl-nav .owl-prev { float: left; margin-right: 16px;}
.cont .M120_B_cont .owl-nav .owl-next { float: right; }
.cont .M120_B_cont .owl-nav .owl-prev:hover, .cont .M120_B_cont .owl-nav .owl-next:hover, .cont .M120_B_cont .owl-nav .owl-prev:focus, .cont .M120_B_cont .owl-nav .owl-next:focus { background: #2189ff !important; border-color: #2189ff !important;}
.cont .M120_B_cont .owl-nav .owl-prev:hover:after, .cont .M120_B_cont .owl-nav .owl-next:hover:after, .cont .M120_B_cont .owl-nav .owl-prev:focus:after, .cont .M120_B_cont .owl-nav .owl-next:focus:after { border-color: #fff;}
.M120_B_cont .owl-carousel .owl-nav button.owl-prev { float: left; }
.M120_B_cont .owl-carousel .owl-nav button.owl-next { float: right; }
.cont .M120_B_cont .owl-prev:before, .cont .M120_B_cont .owl-nav .owl-next:before { display: none; }
.M120_B_cont .owl-carousel .owl-nav button.owl-prev::after, .M120_B_cont .owl-carousel .owl-nav button.owl-next::after { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M120_B_cont .owl-carousel .owl-nav button.owl-prev::after { margin: -3px 0 0 -2px; transform: rotate(-135deg); }
.M120_B_cont .owl-carousel .owl-nav button.owl-next::after { margin: -3px 0 0 -5px; transform: rotate(45deg); }
.M120_B_cont .carousel-pagn { position: absolute; right: 70px; top: 8px; width: 94px; }
.M120_B_cont .carousel-pagn-inner { position: absolute; right: 0px; top: 0; }

/* md_play  */
.M120_B_cont .md_play { position: absolute; right: 121px; top: 1px; overflow: hidden; transition: all 0.4s; }
.M120_B_cont .md_play a { display: block; position: relative; width: 28px; height: 28px; overflow: hidden; outline: none; }
.M120_B_cont .md_play .md_btn_play:before { position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ""; transform: translate(-50%, -50%); transition: all 0.4s; }
.M120_B_cont .md_play .md_btn_stop:before { position: absolute; left: 11px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M120_B_cont .md_play .md_btn_stop:after { position: absolute; left: 16px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M120_B_cont .md_play:hover:before, .M120_B_cont .md_play:focus:before { transform: translateX(0); }
.M120_B_cont .md_play .md_btn_play { display: none; }
.M120_B_cont .md_play .md_btn_stop { display: block; }
.M120_B_cont .md_play.on .md_btn_play { display: block; }
.M120_B_cont .md_play.on .md_btn_stop { display: none; }

/* 20230828 이지미만 등록하는 배너 */
.imgBanner .owl-carousel .item .md_tit .md_btn { position: absolute; right: 60px; }
.M120_B_cont .owl-carousel .item .md_tit .md_btn.black .btn_ty.btn_m { color: #000; }
.M120_B_cont .owl-carousel .item .md_tit .md_btn.black .btn_ty::after { border-color: #000; }
.M120_B_cont .owl-carousel .item .md_tit .md_btn.black .btn_ty.btn_m:hover { color: #fff; }
.M120_B_cont .owl-carousel .item .md_tit .md_btn.black .btn_ty:hover::after { border-color: #2189ff; }
/* //20230828 이지미만 등록하는 배너 */

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M120_B .tit_e { margin-bottom: 10px; }
    .M120_B .tit_b { margin-bottom: 10px; }

    .M120_B_cont .owl-carousel .visual_img .img .img_p { display: none; }
    .M120_B_cont .owl-carousel .visual_img .img .img_m { display: block; }

    /* owl-carousel */
    .M120_B_cont { padding-top: 0; margin-top: 30px; }
    .M120_B_cont:before { display: none; }

    .M120_B_cont .slider { padding-left: 0; }
    .M120_B_cont .owl-carousel { padding-left: 0; margin-left: 0; }
    .M120_B_cont .owl-carousel .owl-stage-outer { overflow: inherit !important; }
    .M120_B_cont .owl-carousel .item { width: 500px !important;max-height: 180px;}

    .M120_B_cont .owl-carousel .item .md_tit { flex-direction: column; justify-content: center; padding: 30px 20px; text-align: center; }
    .M120_B_cont .owl-carousel .item .md_tit .md_btn { width: 160px; margin: 0 auto;}
    .M120_B_cont .owl-carousel .item .md_tit .b_title { font-size: 18px; line-height: 28px; margin-bottom: 20px;}
    .M120_B_cont .owl-carousel .item .link_box { padding: 25px 25px 50px 25px; }
    .M120_B_cont .owl-carousel .item .arrow_btn { left: 25px; right: 25px; bottom: 20px; }
    .M120_B_cont .owl-carousel .item:after { left: -16px; width: 16px }
    
    .cont .M120_B_cont .owl-nav .owl-prev, .cont .M120_B_cont .owl-nav .owl-next { border: none !important;}
    .cont .M120_B_cont .owl-nav .owl-prev:hover, .cont .M120_B_cont .owl-nav .owl-next:hover, .cont .M120_B_cont .owl-nav .owl-prev:focus, .cont .M120_B_cont .owl-nav .owl-next:focus { background-color: transparent !important; border: none !important;}
    .cont .M120_B_cont .owl-nav .owl-prev:hover:after, .cont .M120_B_cont .owl-nav .owl-next:hover:after, .cont .M120_B_cont .owl-nav .owl-prev:focus:after, .cont .M120_B_cont .owl-nav .owl-next:focus:after { border-color: #2189ff;}
 
    .M120_B_cont .owl-pagn { right: 0; left: 0; margin: 0 auto; width: calc(100% - 70px); }
    .M120_B_cont .owl-pagn-inner .owl-pagn-bar { width: calc(100% - 60px); height: 2px; background: #ccc; }
    .M120_B_cont .owl-pagn-inner .owl-pagn-ed { float: right; color: #888; }
    .M120_B_cont .owl-pagn-inner .owl-pagn-ed::before { content: none; display: none; }
    .M120_B_cont .owl-nav { right: auto; width: 100%; display: block !important; }

    /* Navication */
    .M120_B_cont .navigation { position: relative; margin-top: 30px; width: 100%; top: auto; bottom: 0; }
    .M120_B_cont .owl-pagn-inner { width: 100%;}
    .M120_B_cont .carousel-pagn { right: 0; left: 0; margin: 0 auto; width: calc(100% - 70px); }
    .M120_B_cont .md_play { display: none; }

    /* itme 1개 였을때 */
    .M120_B_cont.m1 .owl-carousel .item { width: 100% !important;}
    .M120_B_cont.m1 .owl-carousel .item .md_tit { text-align: left; justify-content: space-between; flex-direction: row; align-items: center; padding: 60px 80px;}
    .M120_B_cont.m1 .owl-carousel .item .md_tit .md_btn { margin: 0;}
    .M120_B_cont.m1 .owl-carousel .item .md_tit .b_title { margin-bottom: 0;}
    .M120_B_cont.m1 .navigation { display: none; }
    .M120_B_cont.m2 .owl-pagn, .M120_B_cont.m3 .owl-pagn, .M120_B_cont.m4 .owl-pagn, .M120_B_cont.m5 .owl-pagn, .M120_B_cont.m6 .owl-pagn, .M120_B_cont.m7 .owl-pagn, .M120_B_cont.m8 .owl-pagn { display: block; }

    /* 20230828 이지미만 등록하는 배너 */
    .imgBanner .M120_B_cont .owl-carousel .item { max-height: 378px; }
    .imgBanner .M120_B_cont .owl-carousel .visual_img { height: 378px; }
    .imgBanner .M120_B_cont .owl-carousel .item .md_tit .md_btn { right: 0; left: 0; bottom: 70px; margin: 0 auto; }
    /* //20230828 이지미만 등록하는 배너 */
}
@media all and (max-width:600px) {
    .cont.M120_B .inner { padding: 0;}
    .cont.M120_B .inner .tit_e {font-size: 14px; padding: 0 30px;}
    .cont.M120_B .inner .M120_B_cont {padding: 0 30px;}
    .cont.M120_B .inner .M120_B_cont.m1 {padding: 0;}

    .M120_B_cont:after { display: none; }
    .M120_B_cont .owl-carousel .item { width: 300px !important; }
    .M120_B_cont .owl-carousel .item .md_tit { justify-content: center;}
    .M120_B_cont .owl-carousel .item .md_tit .md_btn .btn_ty.btn_m { font-size: 16px; margin: 0 auto;}

    /* itme 1개 였을때  */
    .M120_B_cont.m1 .owl-carousel { display: block; margin-left: 0; }
    .M120_B_cont.m1 .owl-carousel .item { margin-left: 0; }
    .M120_B_cont.m1 .owl-carousel .item .md_tit { flex-direction: column; text-align: center; justify-content: center; padding: 30px 20px;}
    .M120_B_cont.m1 .owl-carousel .item .md_tit .b_title{ margin-bottom: 20px;}
}






/*** M121_A | Hard Coding ***/
.M121_A .tit_b + .tit_e,
.M121_A .tit_bt + .tit_e { margin-top:80px; }
.M121_A .tit_e { margin-bottom:20px; }
.M121_A .tit_e + .tit_b { line-height:58px; }
.M121_A .tit_e + .tit_m { line-height:48px; }
.M121_A .tit_m + .md_txt {font-size: 18px;}
.M121_A .tit_b + .txt,
.M121_A .tit_b + .md_txt { margin-top:10px;font-size:20px;line-height:32px; }
.M121_A .txt_col { color:#1778EA; }
.M121_A.cont { overflow:visible; }

.M121_A .view_cont { position:relative; }
.M121_A .view_cont > .md_tit { line-height:58px; }
.M121_A .view_cont > .md_txt { margin-top:20px;font-size:20px;line-height:32px; }
.M121_A .view_cont .left { float:left;width:calc(50% - 13.5px); }
.M121_A .view_cont .right { float:right;width:calc(50% - 13.5px);margin-left:27px; }
.M121_A .view_cont .right + *, .M121_A .view_cont .clear_both { clear:both; }

/* txt_dec */
.M121_A .view_cont .txt_dec li {color: rgba(0, 0, 0, 0.6);font-size: 18px;}

/* bullet_list */
.M121_A .view_cont .bullet_list {display:block;width:100%;}
.M121_A .view_cont .bullet_list li {color: rgba(0, 0, 0, 0.6);font-size: 18px;}
.M121_A .view_cont .bullet_list li:before {content:attr(data-bullet);margin-right:5px;}
.M121_A .view_cont .bullet_list li[data-bullet="-"] {text-indent:-11px;padding-left:11px;}
.M121_A .view_cont .bullet_list li[data-bullet="※"] {text-indent:-20px;padding-left:20px;}
.M121_A .view_cont * + .bullet_list { margin-top:20px; }

/* process_list */
.M121_A .view_cont .process_list { display:flex;margin-top:50px; }
.M121_A .view_cont .process_list > li { position:relative;width:238px;min-height:238px;margin-left:32px;padding:52px 30px 30px;background:#F8F8F8; }
.M121_A .view_cont .process_list > li:before { position:absolute;top:50%;left:-16px;transform:translate(-50%);width:0;height:0;border-top:6px solid transparent;border-left:12px solid #CCC;border-bottom:6px solid transparent;content:''; }
.M121_A .view_cont .process_list > li:first-of-type { margin-left:0; }
.M121_A .view_cont .process_list > li:first-of-type:before { display:none; } 
.M121_A .view_cont .process_list > li .icon { position:absolute;top:20px;right:20px;width:48px;height:48px; }
.M121_A .view_cont .process_list > li .icon img { width:100%;height:100%; }
.M121_A .view_cont .process_list > li .md_tit { font-weight:bold;font-size:20px; }
.M121_A .view_cont .process_list > li .md_tit span { display:block; }
.M121_A .view_cont .process_list > li .md_tit .num { color:#0A78EA; }
.M121_A .view_cont .process_list > li .md_tit .num + span { margin-top:2px; }
.M121_A .view_cont .process_list > li > ul { margin-top:10px; }
.M121_A .view_cont .process_list > li > ul > li {position: relative;padding-left: 11px;font-size: 16px;line-height: 24px;color: #666;}
.M121_A .view_cont .process_list > li > ul > li:before {content:'';width:3px;height:3px;top:12px;left:4px;border-radius:3px;position:absolute;background:#61666f;}

/* features_list */
.M121_A .view_cont .features_list { display:flex; }
.M121_A .view_cont .features_list > li { position:relative;width:33.33%;min-height:265px;margin-left:26px;padding:30px 30px 152px;background:#F8F8F8; }
.M121_A .view_cont .features_list > li:first-of-type { margin-left:0; }
.M121_A .view_cont .features_list > li .icon { position:absolute;bottom:30px;right:30px;width:100px;height:100px; }
.M121_A .view_cont .features_list > li .icon img { width:100%;height:100%; }
.M121_A .view_cont .features_list > li .md_tit { font-weight:bold;font-size:24px;line-height:36px; }
.M121_A .view_cont .features_list > li .md_txt {margin-top: 10px;font-size: 16px;line-height: 24px;color: #666;}
.M121_A.bg .view_cont .features_list > li { background:#FFF; }

/* partner_list */
.M121_A .view_cont .partner_list { display:flex;margin-top:50px; }
.M121_A .view_cont .partner_list > li { position:relative;width:33.33%;min-height:265px;margin-left:26px;padding:88px 30px 74px;background:#F8F8F8; }
.M121_A .view_cont .partner_list > li:first-of-type { margin-left:0; }
.M121_A .view_cont .partner_list > li .icon { position:absolute;top:30px;right:30px;width:50px;height:50px; }
.M121_A .view_cont .partner_list > li .icon img { width:100%;height:100%; }
.M121_A .view_cont .partner_list > li .md_tit { font-weight:bold;font-size:24px;line-height:36px; }
.M121_A .view_cont .partner_list > li .md_txt { margin-top:20px;font-size:14px;line-height:24px;color:#666; }
.M121_A .view_cont .partner_list > li .md_txt strong { color:#000; }
.M121_A .view_cont .partner_list > li .md_btn { position:absolute;bottom:30px;left:30px; }
.M121_A.bg .view_cont .partner_list > li { background:#FFF; }
.M121_A .view_cont .table_ty05 { margin-top:50px; }
.M121_A .view_cont .table_ty05 tr.ti th { padding-right:calc(64% + 26px); }

/* grp_royalblue
---------- ---------- ---------- ---------- ---------- */
.grp_royalblue { padding: 4rem; background-color: #2b3f9f; }
.grp_royalblue.type_bgclear { padding: 0; background-color: transparent; }
.grp_royalblue:first-child { margin-top: 5rem; }
.grp_royalblue .img_royalblue { max-width: 100%; }
.grp_royalblue .img_p { display: block; }
.grp_royalblue .img_m { display: none; }
.grp_royalblue .list_advantage { padding: 2rem 8.40064620355% 0; }
.grp_royalblue .list_advantage:first-child, .grp_royalblue .blind:first-child + .list_advantage { padding-top: 0; }
.grp_royalblue ~ .list_advantage { margin-top: -2rem; padding-top: 0; }

/* list_advantage
---------- ---------- ---------- ---------- ---------- */
.list_advantage { padding: 4rem 13.6rem; padding: 4rem 10.98546042003%; font-size: 0; }
.list_advantage .item_advantage { margin-top: 0.4rem; padding: 2.4rem 0; border-radius: 0.8rem; background-color: rgba(0, 0, 0, 0.25); }
.list_advantage .item_advantage:first-child { margin-top: 0; }
.list_advantage .item_advantage:after { display: block; clear: both; content: ''; }
.list_advantage .tit_advantage { float: left; padding: 0 3rem; width: 15.6rem; box-sizing: border-box; font-weight: 700; font-size: 1.6rem; line-height: normal; color: #fff; }
.list_advantage .tit_advantage + .conts_advantage:before { position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; width: 0.1rem; background-color: rgba(255, 255, 255, 0.15); content: ''; }
.list_advantage .conts_advantage { overflow: hidden; position: relative; padding: 0 2.4rem; font-size: 1.4rem; line-height: normal; color: rgba(255, 255, 255, 0.75); }

/* list_square
---------- ---------- ---------- ---------- ---------- */
.list_square { display: inline-block; font-size: 0; line-height: normal; vertical-align: top; }
.list_square .item_square { position: relative; margin-top: 1rem; padding-left: 1.2rem; font-size: 1.4rem; text-align: left; }
.list_square .item_square:first-child { margin-top: 0; }
.list_square .item_square:before { position: absolute; top: 0.9rem; left: 0; z-index: 1; width: 0.3rem; height: 0.3rem; background-color: rgba(255, 255, 255, 0.5); content: ''; }
.list_square .txt_l { display: inline-block; vertical-align: middle; }

/* 20231213 Amazon Connect 페이지 하드코딩 */
.amazon-features { margin-bottom: 80px; }
.amazon-features .features-title_cont { margin-bottom: 40px; }
.amazon-features .features-title_cont h4 { display: flex; align-items: center; margin-bottom: 10px; }
.amazon-features .features-title_cont h4 span { display: inline-flex; align-items: center; justify-content: center; width: 39px; height: 39px; font-size: 24px; background-color: #000; color: #fff; border-radius: 50%; margin-right: 8px; }
.amazon-features .features-title_cont p { font-size: 20px; letter-spacing: -1px; }
.amazon-features .features-cont { width: 100%; display: flex; justify-content: space-between; }
.amazon-features .features-cont article { width: 50%; max-width: 643px; margin-right: 50px; }
.amazon-features .features-cont article img { width: 100%; }
.amazon-features .features-cont aside { width: 50%; max-width: 625px; }
.amazon-features .features-cont aside dl { border-top: 2px solid #000; border-bottom: 1px solid #ddd; }
.amazon-features .features-cont aside dl dt { font-size: 19px; font-weight: bold; text-align: center; border-bottom: 1px solid #ddd; padding: 16px 0; }
.amazon-features .features-cont aside dl dt p { display: flex; align-items: center; justify-content: center; }
.amazon-features .features-cont aside dl dt p i { display: inline-block; width: 25px; height: 25px; background-image: url('https://image.samsungsds.com/kr/aws-service/features_plus_icon.png?queryString=20241210125943'); background-repeat: no-repeat; background-position: 0 0; margin: 0 10px; }
.amazon-features .features-cont aside dl dd { padding: 20px 30px; }
.amazon-features .features-cont aside dl dd ul li { border-bottom: 1px dashed #B1B8BE; padding-bottom: 20px; margin-bottom: 20px; }
.amazon-features .features-cont aside dl dd ul li:last-child { border-bottom: 0; padding-bottom: 0px; margin-bottom: 0px; }
.amazon-features .features-cont aside dl dd ul li strong { display: block; font-size: 19px; margin-bottom: 10px; }
.amazon-features .features-cont aside dl dd ul li span { position: relative; display: block; padding-left: 13px; letter-spacing: -1px; line-height: 26px; margin-bottom: 10px; }
.amazon-features .features-cont aside dl dd ul li span::before { content: ''; position: absolute; top: 13px; left: 0; width: 3px; height: 3px; background-color: #000; border-radius: 50px; }
.amazon-features .features-cont aside dl dd ul li span:last-child { margin-bottom: 0; }
.amazon-features .features-cont aside dl dd ul li span em { font-size: 14px; color: #666; }
.amazon-features:nth-child(even) .features-cont { flex-direction: row-reverse; }
.amazon-features:nth-child(even) .features-cont article { margin-left: 50px; margin-right: 0; }
.amazon-features:last-child { margin-bottom: 0; }
/* //20231213 Amazon Connect 페이지 하드코딩 */



/* M121_A | Proposition | 20241014 추가 */
.M121_A_cont.Proposition .item{display: flex; flex-direction: row; gap: 25px; padding-top: 20px;}

.M121_A_cont.Proposition .box {position: relative; display: flex; justify-content: space-between; flex-direction: column; top: 0; transition: background 0.3s, top 0.3s; border: 1px solid #e9e9e9; flex:1;}
.M121_A_cont.Proposition .box .txt_box{display: flex; flex-direction: column; gap: 14px; position: relative; padding: 50px 35px; z-index: 2; transition: color 0.3s;}
.M121_A_cont.Proposition .box .txt_box .tit{font-size: 2.4rem; font-weight: bold; line-height: 34px;}
.M121_A_cont.Proposition .box .txt_box .txt{color: #666;}

.M121_A_cont.Proposition .box .img{width: 100%; height: 230px;}
.M121_A_cont.Proposition .box .img span{position: absolute; width: 100%; height: 230px; background: center center / cover no-repeat; display: block; transition: height 0.3s;}

.M121_A_cont.Proposition .box .icon_box{padding-top: 50px; display: flex; align-items: center; justify-content: center;}
.M121_A_cont.Proposition .box .icon_box .icon{display: flex; width: 140px; aspect-ratio: 1/1; background: rgba(0,0,0,0.04); border-radius: 50%; align-items: center; justify-content: center; transition: background 0.3s;}
.M121_A_cont.Proposition .box .icon_box .icon img{width: 50%; aspect-ratio: 1/1; transition: filter 0.3s;}

.M121_A_cont.Proposition .box:hover{top: -20px;}
.M121_A_cont.Proposition .box:hover .txt_box{color: #fff;}
.M121_A_cont.Proposition .box:hover .txt_box p{color: inherit;}

.M121_A_cont.Proposition .box.typeA::before ,
.M121_A_cont.Proposition .box.typeA::after{content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; transition: opacity 0.3s;}
.M121_A_cont.Proposition .box.typeA::before {opacity: 0; background: linear-gradient(180deg, rgba(11,76,149,1) 51%, rgba(11,76,149,0.5) 80%, rgba(11,76,149,0) 100%);}
.M121_A_cont.Proposition .box.typeA::after {opacity: 1; background: linear-gradient(180deg, rgba(11,76,149,0) 51%, rgba(11,76,149,0) 80%, rgba(11,76,149,0) 100%);}
.M121_A_cont.Proposition .box.typeA:hover::before {opacity: 1;}
.M121_A_cont.Proposition .box.typeA:hover::after {opacity: 0;}
.M121_A_cont.Proposition .box.typeA:hover .img span{height: 50%; bottom: 0;}

.M121_A_cont.Proposition .box.typeB{justify-content: flex-start;}
.M121_A_cont.Proposition .box.typeB:hover{background-color: #0B4C95;}
.M121_A_cont.Proposition .box.typeB:hover .icon_box .icon{background: rgba(0,0,0,0.2);}
.M121_A_cont.Proposition .box.typeB:hover .icon_box .icon img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7483%) hue-rotate(91deg) brightness(98%) contrast(107%);}


/* M121_A | offerings | 20241011 추가 */
.M121_A .M121_A_cont.offerings .txt{background-color: #f5f5f5;}
.M121_A.bg .M121_A_cont.offerings .txt{background-color: #fff;}
.M121_A .tit_e + .M121_A_cont.offerings {margin-top: 30px;}

.M121_A_cont.offerings .item {display: flex; flex-wrap: wrap; gap: 16px; margin-top: 40px;}

.M121_A_cont.offerings .item .img{flex: 528; max-height: unset; aspect-ratio: 528 / 481; margin: 0;}
.M121_A_cont.offerings .item .img span{width: 100%; height: 100%; background: center center / cover no-repeat; display: block;}

.M121_A_cont.offerings .item .txt_box{flex:774; display: flex; flex-direction: column; gap: 16px;}
.M121_A_cont.offerings .item .txt_box .txt{display: flex; gap: 20px; flex-direction: column; flex:1; width: 100%; padding: 25px 50px; justify-content: center; font-size: 1.8rem;}
.M121_A_cont.offerings .item .txt_box .txt .md_txt{margin: 0; color: #666; font-size: inherit;}
.M121_A_cont.offerings .item .txt_box .txt .row{display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 10px;}
.M121_A_cont.offerings .item .txt_box .txt .row b{font-size: 2.4rem; line-height: 36px;}
.M121_A_cont.offerings .item .txt_box .txt .row p{font-weight: bold; min-width: 210px;}
.M121_A_cont.offerings .item .md_btn{display: flex; margin: 0; gap: 10px; flex-wrap: wrap;}
.M121_A_cont.offerings .btn_m{min-width: 180px; margin: 0;}

.M121_A_cont.offerings .item .img + .txt_box .txt .row b{display: block;}
.M121_A_cont.offerings .item .img + .txt_box .txt .row p{max-width: 255px;}



/* 20241114 emm~ 페이지 하드코딩 */
.M121_A_cont.hoverBox { display: flex; width: 100%; margin: 50px -16px 0 -16px; }
.M121_A_cont.hoverBox .item { position: relative; width: 33.333%; margin: 0 16px; }
.M121_A_cont.hoverBox .item .contentsBtn { position: relative; top: 0; display: block; background-color: #fff; border: 1px solid #E9E9E9; transition: all 0.4s; }
.M121_A_cont.hoverBox .item .contentsBtn .txt_box { }
.M121_A_cont.hoverBox .item .contentsBtn .txt_box h3 { font-size: 24px; line-height: 34px; padding: 50px 40px 0 40px; }

.M121_A_cont.hoverBox .item .contentsBtn .txt_box h3 .sm_txt { display: block; text-decoration: none; font-size: 20px; line-height: 32px; }

.M121_A_cont.hoverBox .item .contentsBtn .txt_box p { line-height: 24px; color: #666; margin-top: 16px; padding: 0px 40px 50px 40px; }
.M121_A_cont.hoverBox .item .contentsBtn .hover_box { pointer-events: none; transition: all 0.4s; opacity: 0; background-color: #0B4C95; padding: 50px 40px; position: absolute; top: 0; left: 0; }
.M121_A_cont.hoverBox .item .contentsBtn .hover_box p { display: block; color: #fff; line-height: 24px; }
.M121_A_cont.hoverBox .item .contentsBtn .hover_box p::-webkit-scrollbar { width: 5px; height: 100%; position: absolute; top: 0; left: -30px; background-color: rgb(255 255 255 / 15%); border-radius: 50px; }
.M121_A_cont.hoverBox .item .contentsBtn .hover_box p::-webkit-scrollbar-track { height: 100%; }
.M121_A_cont.hoverBox .item .contentsBtn .hover_box p::-webkit-scrollbar-thumb { width: 5px; min-height: 30px; border-radius: 50px; background-color: #0c407a; position: absolute; top: 0; left: 10px; }
.M121_A_cont.hoverBox .item .contentsBtn:hover .hover_box,
.M121_A_cont.hoverBox .item .contentsBtn:focus .hover_box { transition: all 0.4s; opacity: 1; display: block; top: -20px; pointer-events: auto; }

.M121_A_cont.hoverBox .item article.contentsBtn {}
.M121_A_cont.hoverBox .item article.contentsBtn .txt_box { transition: all 0.4s;  }
.M121_A_cont.hoverBox .item article.contentsBtn .txt_box p { margin-top: 22px; }
.M121_A_cont.hoverBox .item article.contentsBtn:hover .txt_box,
.M121_A_cont.hoverBox .item article.contentsBtn:focus .txt_box { background-color: #0B4C95; }

.M121_A_cont.hoverBox .item article.contentsBtn:hover .txt_box h3,
.M121_A_cont.hoverBox .item article.contentsBtn:hover .txt_box p,
.M121_A_cont.hoverBox .item article.contentsBtn:focus .txt_box h3,
.M121_A_cont.hoverBox .item article.contentsBtn:focus .txt_box p { color: #fff; }
/* //20241114 emm~ 페이지 하드코딩 */

/* 20241118 emm 페이지 Features 하드코딩 */
.M121_A_cont.circle_arc{position: relative;}
.M121_A_cont.circle_arc .img_m{display: none;}
.M121_A_cont.circle_arc .img_wrap{position: relative; }
.M121_A_cont.circle_arc img{width: 100%;}
.M121_A_cont.circle_arc .img_wrap .img_p img{position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s;}
.M121_A_cont.circle_arc .img_wrap .img_p img.active{opacity: 1;}
.M121_A_cont.circle_arc .img_wrap .img_p img.show{opacity: 1;}
.M121_A_cont.circle_arc .text_wrap, .M121_A_cont.circle_arc .hover_wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.M121_A_cont.circle_arc .text_item{position: absolute;}
.M121_A_cont.circle_arc .text_item.item1{top: 0; left: 63%;}
.M121_A_cont.circle_arc .text_item.item2{top: 34.5%; left: 71%;}
.M121_A_cont.circle_arc .text_item.item3{top: 72.5%; left: 68.5%;}
.M121_A_cont.circle_arc .text_item.item4{top: 72.5%; left: 5%; text-align: right; max-width: 350px;}
.M121_A_cont.circle_arc .text_item.item5{top: 34.5%; left: 1%; text-align: right; max-width: 365px;}
.M121_A_cont.circle_arc .text_item .tit{font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 7px; transition: 0.3s;}
.M121_A_cont.circle_arc .text_item.active .tit{color: #3694FF;}
.M121_A_cont.circle_arc .text_item.show .tit{color: #3694FF;}
.M121_A_cont.circle_arc .text_item .txt{font-size: 1.6rem; line-height: 2.4rem; color: #666;}
.M121_A_cont.circle_arc .hover_area{position: absolute; cursor: pointer;}
/* 20241118 emm 페이지 Features 하드코딩 */


/* 20241120 erp 페이지 하드코딩 */
.erp_service{margin-top: 50px; display: flex; flex-direction: column; gap: 40px;}
.erp_service img{width: 100%;}
.erp_service .img_m{display: none;}
.erp_service .article{position: relative; display: flex; justify-content: center;}
.erp_service .article .img_wrap{width: 100%;}
.erp_service .article .text_wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-evenly; color: #fff;}
.erp_service .article .text_wrap .text_box .tit{font-size: 20px; line-height: 29px;}
.erp_service .article .text_wrap .text_box .txt{font-size: 32px; line-height: 32px; font-weight: bold;}
.erp_service .article .text_wrap .text_box .num{font-size: 58px; line-height: 86px; font-weight: bold; padding-right: 10px;}
.erp_service .article .text_wrap .text_box p{text-align: center;}

.scenario{display: grid; grid-template-columns: repeat(auto-fit, minmax(30%, auto)); gap: 20px; margin-top: 50px;}
.scenario .item{padding: 40px 35px; border: 2px solid #eee;}
.scenario .item:nth-child(odd){background-color: #eaf4ff; border-color: #eaf4ff;}
.scenario .item .md_cate{font-size: 16px; line-height: 24px; margin-bottom: 15px; color: #2189ff; font-weight: bold;}
.scenario .item .md_tit{font-size: 24px; line-height: 34px; margin-bottom: 27px;}
.scenario .item .md_txt{font-size: 16px; line-height: 24px; color: #666;}

.reference{margin-top: 50px; display: flex; flex-direction: column; gap: 40px;}
.reference img{width: 100%;}
.reference .img_m{display: none;}
/* 20241120 erp 페이지 하드코딩 */

/* 2041206 emm_intro 하드코딩 */
.emm_intro .md_txt{font-size: 16px; line-height: 28px; margin-top: 50px;}
.emm_intro .img_m{display: none;}
.emm_intro .article{position: relative; display: flex; justify-content: center; margin-top: 100px; height: 320px; overflow: hidden;}
.emm_intro .article .img_wrap{width: 100%;}
.emm_intro .article .img_wrap::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);}
.emm_intro .article .img_wrap p{width: 100%; height: 100%; }
.emm_intro .article .text_wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-flow: row wrap; justify-content: space-evenly; color: #fff; z-index: 2;}
.emm_intro .article .text_wrap .text_box {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; max-width: calc(33.3% - 15px);}
.emm_intro .article .text_wrap .text_box .txt_div{min-height: 80px; display: flex; align-items: center; font-size: 24px; line-height: 32px; font-weight: bold; gap: 40px;}
.emm_intro .article .text_wrap .text_box p{text-align: center;}
/* 2041206 emm_intro 하드코딩 */


@media all and (max-width:1504px){
    .M121_A_cont.offerings .item .img + .txt_box .md_btn{flex-direction: column; min-width: 196px;}
    
    /* 20241118 emm 페이지 Features 하드코딩 */
    .M121_A_cont.circle_arc .text_item .tit{font-size: 1.7rem; line-height: 2.4rem; margin-bottom: 3px;}
    .M121_A_cont.circle_arc .text_item .txt{font-size: 1.4rem; line-height: 2.0rem;}
    .M121_A_cont.circle_arc .text_item.item4{max-width: 295px;}
    .M121_A_cont.circle_arc .text_item.item5{max-width: 280px;}
    /* 20241118 emm 페이지 Features 하드코딩 */
}

@media all and (max-width:1300px){
    .M121_A_cont.offerings .md_btn a:nth-child(even) {margin-top: 0;}
    .M121_A_cont.offerings .item .txt_box .txt{font-size: 1.6rem;}
    .M121_A_cont.offerings .item .txt_box .txt .row b{font-size: 2rem; display: block;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M121_A .tit_b, .M121_A .tit_bt { font-size: 22px; line-height: 36px;}
    .M121_A .tit_b + .tit_e, .M121_A .tit_bt + .tit_e { margin-top: 45px; }
    .M121_A .tit_e + .tit_b {line-height: 36px;}
    .M121_A .tit_e + .tit_m { font-size: 18px; line-height: 28px; }
    .M121_A .tit_m + .md_txt { font-size: 16px; }

    /* features_list */
    .M121_A .view_cont .features_list { flex-wrap: wrap; margin-top: 16px; }
    .M121_A .view_cont .features_list > li { width: 100%; min-height: auto; margin-top: 16px; margin-left: 0; padding: 24px 20px 114px; }
    .M121_A .view_cont .features_list > li:first-of-type { margin-top: 0; }
    .M121_A .view_cont .features_list > li .icon { bottom: 24px; right: 20px; width: 70px; height: 70px; }
    .M121_A .view_cont .features_list > li .md_tit { font-size: 18px; line-height: 28px; }
    .M121_A .view_cont .features_list > li .md_txt { font-size: 14px; }

    /* process_list */
    .M121_A .view_cont .process_list { flex-wrap: wrap; margin-top: 24px; }
    .M121_A .view_cont .process_list > li { width: 100%; min-height: 166px; margin-top: 12px; margin-left: 0; padding: 16px 20px 20px; }
    .M121_A .view_cont .process_list > li:first-of-type { margin-top: 0; }
    .M121_A .view_cont .process_list > li:before { display: none; }
    .M121_A .view_cont .process_list > li > ul > li { font-size: 14px; }
    .M121_A .view_cont .left { float: initial; width: 100%; }
    .M121_A .view_cont .right { float: initial; width: 100%; margin-left: 0; }
    .M121_A .view_cont .right .table_ty05 { margin-top: -1px; }
    .M121_A .view_cont .right .table_ty05 thead { display: none; }
    .M121_A .view_cont .table_ty05 { margin-top: 32px; }
    .M121_A .view_cont .table_ty05 tr.ti th { padding-right: 0; }
    .M121_A .view_cont .txt_dec li { font-size: 14px; }
    .M121_A .view_cont .bullet_list li { font-size: 14px; }

    /* grp_royalblue
    ---------- ---------- ---------- ---------- ---------- */
    .grp_royalblue { margin: 0; padding: 0; }
    .grp_royalblue:first-child { margin-top: 2.4rem; }
    .grp_royalblue .img_p { display: none; }
    .grp_royalblue .img_m { display: block; }
    .grp_royalblue .list_advantage { padding: 2rem; }
    .grp_royalblue .list_advantage:first-child, .grp_royalblue .blind:first-child + .list_advantage { padding-top: 2rem; }
    .grp_royalblue ~ .list_advantage { margin-top: 0; padding-top: 2rem; }

    /* list_advantage
    ---------- ---------- ---------- ---------- ---------- */
    .list_advantage { padding: 2rem; }
    .list_advantage .item_advantage { padding: 1.4rem 0; }
    .list_advantage .tit_advantage { display: block; float: none; width: auto; padding: 0 1.6rem; }
    .list_advantage .tit_advantage + .conts_advantage { margin-top: 1.4rem; }
    .list_advantage .tit_advantage + .conts_advantage:before { display: none; }
    .list_advantage .conts_advantage { padding: 0 1.6rem; }

    /* list_square
    ---------- ---------- ---------- ---------- ---------- */
    .list_square .item_square { font-size: 1.3rem; }

    /* 20231213 Amazon Connect 페이지 하드코딩 */
    .amazon-features { margin-bottom: 40px; }
    .amazon-features .features-cont { flex-wrap: wrap; }
    .amazon-features .features-title_cont { margin-bottom: 20px; }
    .amazon-features .features-title_cont h4 { align-items: flex-start; margin-bottom: 5px; }
    .amazon-features .features-title_cont h4 span { width: 30px; height: 30px; min-width: 30px; font-size: 18px; margin-top: 4px; margin-right: 6px; }
    .amazon-features .features-title_cont p { font-size: 16px; }
    .amazon-features .features-cont article { width: 100%; max-width: none; margin: 0 auto 20px auto !important; }
    .amazon-features .features-cont aside { width: 100%; max-width: none; }
    .amazon-features .features-cont aside dl dt { font-size: 15px; padding: 12px 0; }
    .amazon-features .features-cont aside dl dt p i { margin: 0 8px; }
    .amazon-features .features-cont aside dl dd { padding: 20px; }
    .amazon-features .features-cont aside dl dd ul li strong { font-size: 16px; }
    .amazon-features .features-cont aside dl dd ul li span { line-height: 24px; }
    .amazon-features .features-cont aside dl dd ul li span::before { width: 4px; height: 4px; }
    .amazon-features .features-cont aside dl dd ul li span em { font-size: 12px; }
    /* //20231213 Amazon Connect 페이지 하드코딩 */

    .M121_A_cont.offerings .item{flex-direction: column; margin-top: 20px;}
    .M121_A_cont.offerings .item .img{width: 100%; max-height: 400px;}
    .M121_A_cont.offerings .item .txt_box .txt{font-size: 1.4rem;}
    .M121_A_cont.offerings .item .txt_box .txt .row p{font-size: 1.6rem;}
    .M121_A_cont.offerings .item .txt_box .txt .row b{font-size: 2.4rem;}
    .M121_A_cont.offerings .item .txt_box .txt .row{flex-direction: column; align-items: flex-start; gap: 20px;}

    .M121_A_cont.offerings .item .img + .txt_box .md_btn{flex-direction: row;}


    /* 20241114 emm~ 페이지 하드코딩 */
    .M121_A_cont.hoverBox { margin: 0; flex-wrap: wrap; }
    .M121_A_cont.hoverBox .item { margin: 0 0 10px 0; width: 100%; }
    .M121_A_cont.hoverBox .item:last-child { margin-bottom: 0; }
    .M121_A_cont.hoverBox .item .contentsBtn .txt_box h3 { font-size: 18px; line-height: normal; padding: 20px 20px 0 20px; }
    
    .M121_A_cont.hoverBox .item .contentsBtn .txt_box h3 .sm_txt { font-size: 16px; }

    .M121_A_cont.hoverBox .item .contentsBtn .txt_box p { line-height: normal; margin-top: 10px; padding: 0px 20px 20px 20px; }
    .M121_A_cont.hoverBox .item .contentsBtn:hover,
    .M121_A_cont.hoverBox .item .contentsBtn:focus { top: 0px; }
    .M121_A_cont.hoverBox .item .contentsBtn .hover_box { display: none; }
    .M121_A_cont.hoverBox .item .contentsBtn:hover .hover_box,
    .M121_A_cont.hoverBox .item .contentsBtn:focus .hover_box { opacity: 0; display: none; }
    /* //20241114 emm~ 페이지 하드코딩 */
    
    /* 20241118 emm 페이지 Features 하드코딩 */
    .M121_A_cont.circle_arc .hover_wrap{display: none;}
    .M121_A_cont.circle_arc .key_img{display: none;}
    .M121_A_cont.circle_arc .img_p{display: none;}
    .M121_A_cont.circle_arc .img_m{display: flex; justify-content: center; margin-bottom: 30px;}
    .M121_A_cont.circle_arc .img_m img{width: 50%;}
    .M121_A_cont.circle_arc .text_wrap{position: unset; margin-top: 20px;}
    .M121_A_cont.circle_arc .text_item{position: unset; max-width: unset !important; text-align: left !important; margin-bottom: 30px;}
    .M121_A_cont.circle_arc .text_item .tit{font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 10px;}
    .M121_A_cont.circle_arc .text_item .txt{font-size: 1.4rem; line-height: 2.1rem;}
    .M121_A_cont.circle_arc .text_item.active .tit{color: #000;}
    .M121_A_cont.circle_arc .text_item.show .tit{color: #000;}
    /* 20241118 emm 페이지 Features 하드코딩 */

    /* 20241120 erp 페이지 하드코딩 */
    .erp_service {margin-top: 20px;}
    .erp_service .img_p{display: none;}
    .erp_service .img_m{display: block;}
    .erp_service .article .text_wrap{flex-direction: column; align-items: flex-start; padding: 40px; gap: 30px;}
    .erp_service .article .text_wrap .text_box .tit{font-size: 14px; line-height: 20px;}
    .erp_service .article .text_wrap .text_box .txt{font-size: 18px; line-height: 27px;}
    .erp_service .article .text_wrap .text_box .num{font-size: 40px; line-height: 59px;}

    .scenario{grid-template-columns: repeat(auto-fit, minmax(100%, auto)); margin-top: 20px; gap: 10px;}
    .scenario .item {padding: 25px 20px;}
    .scenario .item .md_cate{font-size: 14px; line-height: 17px; margin-bottom: 10px;}
    .scenario .item .md_tit{font-size: 20px; line-height: 30px; margin-bottom: 20px;}
    
    .reference{margin-top: 20px;}
    .reference .img_p{display: none;}
    .reference .img_m{display: block;}
    /* 20241120 erp 페이지 하드코딩 */
    
    /* 2041206 emm_intro 하드코딩 */
    .emm_intro .md_txt{font-size: 14px; line-height: 24px; margin-top: 20px;}
    .emm_intro .article{height: 420px; margin-top: 30px;}
    .emm_intro .img_p{display: none;}
    .emm_intro .img_m{display: block;}
    .emm_intro .article .text_wrap{flex-flow: column nowrap;}
    .emm_intro .article .text_wrap .text_box {gap: 5px; align-items: start; max-width: 100%; padding: 0 40px; height: fit-content;}
    .emm_intro .article .text_wrap .text_box .txt_div{min-height: auto; flex-direction: column; align-items: start; gap: 0;}
    .emm_intro .article .text_wrap .text_box p{text-align: left;}
    /* 2041206 emm_intro 하드코딩 */
}

@media all and (max-width:768px) {
    .M121_A .tit_b br, .M121_A .tit_bt br, .M121_A .tit_m br { display: none !important; }
}

@media all and (max-width:600px){
    .M121_A_cont.offerings .item .img + .txt_box .md_btn,
    .M121_A_cont.offerings .item .txt_box .md_btn{flex-direction: column;}
    
    /* 20241118 emm 페이지 Features 하드코딩 */
    .M121_A_cont.circle_arc .img_m img{width: 80%;}
    /* 20241118 emm 페이지 Features 하드코딩 */
}







/*** M121_B | 100% bg ***/
.M121_B .inner { max-width: 100%; padding: 0; }
.M121_B .view_cont { position: relative; }
.M121_B .view_cont .visual_img { position: relative; margin-bottom: 0px; }
.M121_B .view_cont .visual_img .visual_items .item_s { position: relative; max-width: 1504px; margin: 0 auto; padding: 0 93px; }
.M121_B .view_cont .visual_img .visual_items .item_s .item_s_cont strong { display: block; text-align: left; margin-bottom: 30px; }
.M121_B .view_cont .visual_img .visual_items .item_s .item_s_cont ul { display: flex; }
.M121_B .view_cont .visual_img .visual_items .item_s .item_s_cont ul li { width: 33.33%; border-right: 1px solid rgba(255, 255, 255, 0.2); padding: 10px 0; }
.M121_B .view_cont .visual_img .visual_items .item_s .item_s_cont ul li:last-child { border-right: 0; }
.M121_B .view_cont .visual_img .visual_items .item_s .item_s_cont ul li em { font-size: 50px; display: block; font-weight: bold; line-height: normal; margin-bottom: 10px; }
.M121_B .view_cont .visual_img .img { overflow: hidden; }
.M121_B .view_cont .visual_img .visual_items + .img { position: absolute; top: 50%; left: 0; width: 100%; height: 100%; background: #f5f5f5; transform: translateY(-50%); }
.M121_B .view_cont .visual_img .img .img_p, .M121_B .view_cont .visual_img .img .img_m { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M121_B .view_cont .visual_img .img .img_m { display: none; }

/* 20240201 추가 */
.M121_B .view_cont .pc_show { display: block; }
.M121_B .view_cont .mo_show { display: none; }
.M121_B .view_cont .bgimg > div { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.M121_B .view_cont .inner { max-width: 1504px; padding: 0 93px; z-index: 2; }
.M121_B .view_cont .section.why { position: relative; padding: 6.7rem 0; }
.M121_B .view_cont .section.why .bgimg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.M121_B .view_cont .section.why .inner { display: flex; align-items: center; justify-content: space-between; }
.M121_B .view_cont .section.why .tit_m { color: #fff; margin-right: auto; }
.M121_B .view_cont .section.why .logo { width: 31.4rem; background-repeat: no-repeat; background-size: contain; background-position: center; }
.M121_B .view_cont .section.why .logo::before { content:''; display: block; padding-bottom: 18.471337579617835%; }
.M121_B .view_cont .section.simply { position: relative; padding: 12.3rem 0 14.3rem;}
.M121_B .view_cont .section.simply .bgimg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.M121_B .view_cont .section.simply .txt { color: #fff; }
.M121_B .view_cont .section.simply .txt dl { display: flex; flex-wrap: wrap; font-size: 2rem; line-height: 1.8; }
.M121_B .view_cont .section.simply .txt dl dt { flex: 1 0 18rem; font-weight: 700; color: #5ac3ff; }
.M121_B .view_cont .section.simply .txt dl dd { flex: 1 1 calc(100% - 20.5rem); color: #CCD0D4; margin-left: 2.5rem; }
.M121_B .view_cont .section.simply .img { margin: 6rem 0 0; }
.M121_B .view_cont .section.simply .img .pc_show,
.M121_B .view_cont .section.simply .img .mo_show { background-position: center; background-size: contain; background-repeat: no-repeat; }
.M121_B .view_cont .section.simply .img .pc_show::before { content:''; display: block; padding-bottom: 14.98397435897436%; }
.M121_B .view_cont .section.simply .img .mo_show::before { content:''; display: block; padding-bottom: 167.6829268292683%; }
.M121_B .view_cont .section.simply .slogan { margin-top: 6rem; font-size: 2.8rem; font-weight: 700; color: #fff; line-height: 1.6; }
.M121_B .view_cont .section.simply .slogan span { font-size: 3.2rem; color: transparent; background: linear-gradient(90deg, rgba(36, 208, 246, 1) 0%, rgba(33, 137, 255, 1) 100%); -webkit-background-clip: text; background-clip: text; }

html[lang="en"] .M121_B .view_cont .section.simply .txt dl dt { flex: 1 0 19rem; }
html[lang="en"] .M121_B .view_cont .section.simply .txt dl dd { flex: 1 1 calc(100% - 30.5rem); }

@media all and (max-width:1200px) {
    .M121_B .view_cont .visual_img .visual_items .item_s .item_s_cont ul li em { font-size: 36px; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M121_B .view_cont .visual_img .visual_items .item_s { width: 100%; padding: 0 30px; max-width: none; margin: 0; }
    .M121_B .view_cont .visual_img .visual_items .item_s .item_s_cont strong { margin-bottom: 10px; }
    .M121_B .view_cont .visual_img .visual_items .item_s .item_s_cont ul { flex-direction: column; }
    .M121_B .view_cont .visual_img .visual_items .item_s .item_s_cont ul li { width: 100%; border-right: 0; border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }
    .M121_B .view_cont .visual_img .visual_items .item_s .item_s_cont ul li:last-child { border-bottom: 0; }

    /* 20240201 추가 */
    .M121_B .view_cont .inner { max-width: 838px; padding: 0 30px; }
    .M121_B .view_cont .pc_show { display: none; }
    .M121_B .view_cont .mo_show { display: block; }
    .M121_B .view_cont .section.why { padding: 3rem; text-align: center; }
    .M121_B .view_cont .section.why .tit_m { font-size: 2.2rem; margin-right: inherit; }
    .M121_B .view_cont .section.why .inner { display: block; }
    .M121_B .view_cont .section.why .logo { width: 23rem; margin: 0.5rem auto 0; }
    .M121_B .view_cont .section.simply { padding: 4.5rem 0 5rem; }
    .M121_B .view_cont .section.simply .txt dl { display: unset; font-size: 1.6rem; line-height: 1.6; letter-spacing: -0.065rem; word-break: break-all; }
    .M121_B .view_cont .section.simply .txt dl dd { margin-left: 0; margin-top: 0.5rem; }
    .M121_B .view_cont .section.simply .txt dl dd + dt { margin-top: 1.5rem; }
    .M121_B .view_cont .section.simply .img { margin-top: 3rem; }
    .M121_B .view_cont .section.simply .slogan { margin-top: 3rem; font-size: 2rem; }
    .M121_B .view_cont .section.simply .slogan span { font-size: 2.4rem; }
}
@media all and (max-width:768px){    
    .M121_B .view_cont .visual_img .visual_items .item_s .item_s_cont ul li em { font-size: 34px; }
}




/*** M122_A ***/
.M122_A .tit_b + .tit_e, .M122_A .tit_bt + .tit_e { margin-top: 80px; }
.M122_A .tit_e + .tit_m { margin-top: 10px; line-height: 48px; }
.M122_A .txt_col { color: #1778EA; }
.M122_A.cont { overflow: visible; }
.M122_A .M122_A_cont { position: relative; background-color: #F5F5F5; margin-top: 20px; }
.M122_A.bg .M122_A_cont { position: relative; background-color: #fff; margin-top: 20px; }
.M122_A .M122_A_cont .left { float: left; width: calc(50% - 13.5px); }
.M122_A .M122_A_cont .right { float: right; width: calc(50% - 13.5px); margin-left: 27px; }
.M122_A .M122_A_cont .right + *, .M122_A .M122_A_cont .clear_both { clear: both; }
.M122_A_cont .module_ty { overflow: hidden; padding: 50px 80px; }
.M122_A_cont .li { float: left; padding-right: 20px; width: 50%; margin-bottom: 40px; }
.M122_A_cont .module_ty .li .txt { padding: 0; }
.M122_A_cont .module_ty .li .md_txt {font-size: 18px;}
.M122_A_cont .module_ty .li .md_txt li { position: relative; padding-left: 10px; }
.M122_A_cont .module_ty .li .md_txt li::before { content: '-'; position: absolute; left: 0; top: 0px; }
.M122_A_cont .li:first-child:nth-last-child(3), .M122_A_cont .li:first-child:nth-last-child(3) ~ .li, .M122_A_cont .li:first-child:nth-last-child(4), .M122_A_cont .li:first-child:nth-last-child(4) ~ .li, .M122_A_cont .li:first-child:nth-last-child(5), .M122_A_cont .li:first-child:nth-last-child(5) ~ .li, .M122_A_cont .li:first-child:nth-last-child(6), .M122_A_cont .li:first-child:nth-last-child(6) ~ .li { width: 33.3%; }
.M122_A_cont .li:nth-child(3), .M122_A_cont .li:nth-child(6) { padding-right: 0; }
.M122_A_cont .li:nth-child(4), .M122_A_cont .li:nth-child(5), .M122_A_cont .li:nth-child(6) { margin-bottom: 0; }


/* M122_table */
.M122_A .M122_A_table{margin-top: 50px;}
.M122_A .M122_A_table .bg_type01{background-color: #E7ECF0; font-weight: normal; color: #000;}
.M122_A .M122_A_table .bg_type02{background-color: #3566D7;}
.M122_A .M122_A_table .bg_type03{background-color: #485E71;}
.M122_A .M122_A_table .bg_type04{background-color: #F4F9FF; font-weight: bold; text-align: center;}
.M122_A .M122_A_table thead td p{border: 1px solid #ddd; border-bottom: none; border-radius: 20px 20px 0 0; height: 50px; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 1.8rem; margin: 0 2px; color: #fff;}
.M122_A .M122_A_table thead td:first-child p{margin-left: 0;}
.M122_A .M122_A_table thead td:last-child p{margin-right: 0;}
.M122_A .M122_A_table tbody td{border: 1px solid #ddd; padding: 20px; font-size: 1.5rem; line-height: 26px;}
.M122_A .M122_A_table tbody td ul li {position: relative; padding-left: 14px;}
.M122_A .M122_A_table tbody td ul li::before{content: ""; display: block; width: 5px; height: 5px; background-color: #666; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); border-radius: 50%;}
.M122_A .M122_A_table tbody td ul li + li{margin-top: 6px;}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M122_A .tit_b, .M122_A .tit_bt { font-size: 22px; }
    .M122_A .tit_b + .tit_e, .M122_A .tit_bt + .tit_e { margin-top: 45px; }
    .M122_A .tit_e + .tit_m { font-size: 18px; line-height: 28px; }
    .M122_A .M122_A_cont { margin-top: 16px; }
    .M122_A_cont .module_ty { padding: 20px }
    .M122_A_cont .li { width: 100% !important; margin-bottom: 30px !important; }
    .M122_A_cont .li:last-child { margin-bottom: 0px !important; }

    .M122_A_cont .module_ty .li .md_txt {font-size: 14px;}
}
@media all and (max-width:768px) {
    .M122_A .tit_b br, .M122_A .tit_bt br, .M122_A .tit_m br { display: none !important; }
}






/*** M123_A  ***/
.M123_A .tit_e {margin-bottom:30px;} 
.M123_A .tit_b {margin-top:-12px;margin-bottom:40px;}
.M123_A .tit_e + .tit_b {margin-top:0;}

/* M123_A_cont */
.M123_A_cont {display: flex; flex-wrap: wrap; counter-reset: item;}
.M123_A_cont .li { position:relative; width: calc(33.333% - 17.33px); height:500px; overflow:hidden;margin-right: 26px;}
.M123_A_cont .li:last-child { margin-right: 0;}
.M123_A_cont .li:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/* img */
.M123_A_cont .img { width: 100%; height: 100%;}
.M123_A_cont .img .img_p { position: absolute; bottom: 0; width: 100%; height: 100%; }
 

/* txt */
.M123_A_cont .txt {position:relative;height: 100%; padding:30px;background:#fff;box-sizing:border-box;}
.M123_A_cont .txt::after {display:block;position:absolute; left:20px; bottom:48px;font-family:'SharpSansNo1' !important;font-size:130px;font-weight:bold;content:counter(item, decimal-leading-zero);counter-increment:item;z-index: 1;}
.M123_A_cont .txt.opacity_01::after { opacity: 30%;}
.M123_A_cont .txt.opacity_02::after { opacity: 24%;}
.M123_A_cont .txt.opacity_03::after { opacity: 80%; color: #fff;}
.M123_A_cont .txt .tit_e {margin-bottom:20px;display:block;}
.M123_A_cont .txt .md_tit {position: relative; z-index: 1; font-size: 32px;  line-height: 48px;}
.M123_A_cont .txt .md_txt {position: relative; margin-top:10px; font-size: 16px; word-break: break-all; z-index: 2;}


/** -Mobile UI- **/
@media all and (max-width:1375px){
    .M123_A_cont .txt .md_tit{ font-size: 28px;}
}

@media all and (max-width:1257px){
    .M123_A_cont .txt .md_tit{ font-size: 24px; line-height: 35px;}
}

@media all and (max-width:1023px){
    .M123_A .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M123_A_cont .li { width: auto; height:auto; min-height: 340px; margin: 0 0 16px 0;}
    .M123_A_cont .txt { padding: 20px;}
    .M123_A_cont .txt .tit_e {margin-bottom:16px;}
    .M123_A_cont .txt .md_txt {margin-top:10px;}
    .M123_A_cont .txt .md_btn {margin-top:10px;}
    .M123_A_cont .txt .md_btn a {display:block;}
}

@media all and (max-width:570px){
    .M123_A_cont .txt .md_tit{font-size: 16px; line-height: 28px;}
    .M123_A_cont .txt .md_txt{font-size: 14px;}
    .M123_A_cont .txt::after{font-size: 92px; bottom: 40px;}
}





/*** M123_B ***/
.M123_B .tit_e {margin-bottom:20px;} 
.M123_B .tit_b {margin-top:-12px;margin-bottom:40px;}
.M123_B .tit_e + .tit_b {margin-top:0;}

/* M123_B_cont */
.M123_B_cont {display: flex;counter-reset: item; width: auto; justify-content: space-between;}
.M123_B_cont .li {position:relative;width: 310px; height:auto; background-color: #f5f5f5; overflow:hidden; display: flex; flex-wrap: wrap; margin-right: 26px;}
.M123_B_cont .li:last-child { margin-right: 0;}
.cont.M123_B.bg .li { background-color: #FFFFFF;}
.M123_B_cont .li:first-child {margin-top:0;}
.M123_B_cont .li:after {display:block;clear:both;height:0;content:"";overflow:hidden;}


/* txt */
.M123_B_cont .txt { position:relative; padding:30px; box-sizing:border-box;  overflow: hidden; }
.M123_B_cont .txt::after {display:block;position:absolute;right:-4px; top:33px; color:rgba(0,0,0,0.1);font-family:'SharpSansNo1' !important;font-size:120px;font-weight:bold;line-height:50px;content:counter(item, decimal-leading-zero);counter-increment:item;z-index: 1;}
.M123_B_cont .txt .tit_e {margin-bottom:20px;display:block;}
.M123_B_cont .txt .md_tit {display:block; font-size: 20px; margin-top: 77px;}
.M123_B_cont .txt .md_txt {margin-top: 10px;font-size: 16px;}

.M123_B_cont .li:first-child:nth-last-child(3),
.M123_B_cont .li:first-child:nth-last-child(3) ~ .li{width: 32%;height: auto;}
.M123_B_cont .li:first-child:nth-last-child(2),
.M123_B_cont .li:first-child:nth-last-child(2) ~ .li{width: 49%;height: auto;}

/** -Mobile UI- **/
@media all and (max-width:1425px){
    .M123_B .tit_b {margin-top:-6px;margin-bottom:20px;}
    .M123_B_cont .li {width: 40%; margin-right:16px;}
    .M123_B_cont .txt{ padding: 24px 20px; width: 100%; }
}

@media all and (max-width:1023px){
    .M123_B_cont { flex-wrap: wrap;}
    .M123_B .tit_b {margin-top:-6px;margin-bottom:20px;}

    /* M123_B_cont */
    .M123_B_cont .txt .tit_e {margin-bottom:10px;}
    .M123_B_cont .txt .md_txt {margin-top: 10px;font-size: 14px;}
    .M123_B_cont .txt .md_txt {margin-top:10px;}
    .M123_B_cont .txt .md_btn {margin-top:10px;}
    .M123_B_cont .txt .md_btn a {display:block;}

    .M123_B_cont .li{ margin:0 0 16px; width: 100% !important; }
    .M123_B_cont .li:first-child:nth-last-child(3),
    .M123_B_cont .li:first-child:nth-last-child(3) ~ .li{width: auto;}
    .M123_B_cont .li:first-child:nth-last-child(2),
    .M123_B_cont .li:first-child:nth-last-child(2) ~ .li{width: auto;}
}

@media all and (max-width:600px){
    .M123_B_cont .li {margin-top:0;overflow:visible;}
    .bg .M123_B_cont .li:first-child {margin-top:0;}

    /* img */
    .M123_B_cont .img {width:calc(100% + 60px);}
    .M123_B_cont .img:before {display:none;}

    /* txt */
    .M123_B_cont .txt {float:none;}
    .M123_B_cont .li:nth-child(3n + 1) .txt,
    .M123_B_cont .li:nth-child(3n + 2) .txt,
    .M123_B_cont .li:nth-child(3n) .txt {float:none;width:calc(100% + 30px);min-height:294px;}
    .M123_B_cont .li:last-child .txt {margin-bottom:0;}

    .M123_B_cont .txt::after {font-size: 120px;}
    .M123_B_cont .txt .md_tit {margin-top: 107px;}
}

/*** M123_C ***/
.M123_C .tit_e { margin-bottom: 3rem; letter-spacing: 0; }
.M123_C .tit_b { margin-top: -1.2rem; margin-bottom: 4rem; }
.M123_C .tit_e + .tit_b { margin-top: 0; }

/* M123_C_cont */
.cont.M123_C.bg .M123_C_cont .box_trend { background-color: #fff; }
.M123_C_cont { display: flex; flex-direction: column; }
.M123_C_cont .slider_cont { display: flex; margin: 0 -13px; }
.M123_C_cont .item_trend { overflow: hidden; display: inline-block; position: relative; width: 33.33%; box-sizing: border-box; vertical-align: top; margin: 13px; }
.M123_C_cont .img_trend { max-width: 100%; }
.M123_C_cont .box_trend { position: relative; height: 100%; padding: 3.1rem 3rem; box-sizing: border-box; background-color: #f5f5f5; }
.M123_C_cont .box_trend .emph_cate { display: block; font-weight: 500; font-size: 1.6rem; letter-spacing: 0; }
.M123_C_cont .box_trend .emph_cate + .tit_trend { margin-top: 0.8rem; }
.M123_C_cont .box_trend .tit_trend { display: block; position: relative; z-index: 1; font-size: 2.4rem; line-height: 1.5833; -webkit-transition: font-size 0.4s; -moz-transition: font-size 0.4s; -o-transition: font-size 0.4s; transition: font-size 0.4s; }
.M123_C_cont .box_trend .tit_trend + .txt_trend { margin-top: 0.6rem; }
.M123_C_cont .box_trend .txt_trend { position: relative; z-index: 2; font-size: 1.6rem; line-height: 1.5; color: #666; letter-spacing: -0.025rem; }
.M123_C_cont .box_trend .thumb_trend { margin-top: 20px; }

.M123_C_cont .box_trend .cst_box .fs24 { display: block; font-size: 24px; margin-bottom: 20px; }
.M123_C_cont .box_trend .cst_box section p { color: #666; letter-spacing: -1px; }

.M123_C_cont .navigation { display: flex; align-items: center; justify-content: space-between; width: 270px; padding-bottom: 0; margin-left: auto; margin-bottom: 20px; }
.M123_C_cont .carousel-pagn { width: auto; display: flex; align-items: center; }
.M123_C_cont .carousel-pagn-inner { width: 130px; font-size: 16px; line-height: normal; height: auto; }
.M123_C_cont .carousel-pagn-bar { width: 73px; }
.M123_C_cont .carousel-nav { width: auto; }
.M123_C_cont .carousel-nav:after { content: ""; display: block; clear: both; }
.M123_C_cont .carousel-nav .carousel-prev, .M123_C_cont .carousel-nav .carousel-next { display: block; float: left; position: relative; overflow: hidden; width: 30px; height: 30px; background: transparent; border: 1px solid #000 !important; border-radius: 50%; box-sizing: border-box; outline: none; transition: all 0.4s; webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.M123_C_cont .carousel-nav .carousel-prev:after, .M123_C_cont .carousel-nav .carousel-next:after { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #000; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; transition: all 0.4s; }
.M123_C_cont .carousel-nav .carousel-next { margin-left: 16px; }
.M123_C_cont .carousel-nav .carousel-prev:hover, .M123_C_cont .carousel-nav .carousel-next:hover, .M123_C_cont .carousel-nav .carousel-prev:focus, .M123_C_cont .carousel-nav .carousel-next:focus { background: #2189ff !important; border-color: #2189ff !important; }
.M123_C_cont .carousel-nav .carousel-prev:before, .M123_C_cont .carousel-nav .carousel-next:before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #2189ff; border-radius: 50%; content: ""; transform: translateX(-100%); transition: all 0.4s; }
.M123_C_cont .carousel-nav .carousel-prev:hover:after, .M123_C_cont .carousel-nav .carousel-next:hover:after, .M123_C_cont .carousel-nav .carousel-prev:focus:after, .M123_C_cont .carousel-nav .carousel-next:focus:after { border-color: #fff; }
.M123_C_cont .navigation .md_play { transition: all 0.4s; }
.M123_C_cont .navigation .md_play a { display: block; position: relative; width: 28px; height: 28px; overflow: hidden; outline: none; }
.M123_C_cont .navigation .md_play .md_btn_play:before { position: absolute; left: 54%; top: 50%; width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; content: ""; transform: translate(-50%, -50%); transition: all 0.4s; }
.M123_C_cont .navigation .md_play .md_btn_stop { display: block; }
.M123_C_cont .navigation .md_play .md_btn_stop:before { position: absolute; left: 11px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M123_C_cont .navigation .md_play .md_btn_stop:after { position: absolute; left: 16px; top: 9px; width: 2px; height: 10px; background: #000; content: ""; transition: all 0.4s; }
.M123_C_cont .navigation .md_play:hover:before, .M123_C_cont .navigation .md_play:focus:before { transform: translateX(0); }
.M123_C_cont .navigation .md_play .md_btn_play { display: none; }
.M123_C_cont .navigation .md_play.on .md_btn_play { display: block; }
.M123_C_cont .navigation .md_play.on .md_btn_stop { display: none; }

/** -Mobile UI- **/
@media all and (max-width:1375px) {
    .M123_C_cont .box_trend .tit_trend { font-size: 2.8rem; }
}
@media all and (max-width:1257px) {
    .M123_C_cont .box_trend .tit_trend { font-size: 2.4rem; line-height: 3.5rem; }
}
@media all and (max-width:1023px) {
    .M123_C_cont { flex-direction: column-reverse; }
    .M123_C_cont .slider_cont { flex-wrap: wrap; margin: 0; }

    /* slide Navication */
    .M123_C_cont .carousel-nav { position: absolute; top: 0; width: calc(100% + 20px); margin: 0 -10px; }
    .M123_C_cont .navigation { display: block; position: relative; margin-top: 20px; width: 100%; top: auto; bottom: 0; }
    .M123_C_cont .carousel-pagn { margin: 0 auto; width: calc(100% - 60px); height: 30px; }
    .M123_C_cont .navigation .md_play { display: none; }
    .M123_C_cont .carousel-pagn-inner { width: 100%; right: auto; font-size: 14px; }
    .M123_C_cont .carousel-pagn-bar { width: calc(100% - 60px); }
    .M123_C_cont .carousel-nav .carousel-prev, .M123_C_cont .carousel-nav .carousel-next { border: 0 !important; }
    .M123_C_cont .carousel-nav .carousel-next { float: right; }
    .M123_C_cont .carousel-nav .carousel-prev:after, .M123_C_cont .carousel-nav .carousel-next:after { width: 8.49px; height: 8.49px; }
    .M123_C_cont .carousel-nav .carousel-prev:hover:after, .M123_C_cont .carousel-nav .carousel-next:hover:after, .M123_C_cont .carousel-nav .carousel-prev:focus:after, .M123_C_cont .carousel-nav .carousel-next:focus:after { border-color: #2189FF; }

    .M123_C_cont .carousel-nav .carousel-prev:hover,
    .M123_C_cont .carousel-nav .carousel-next:hover,
    .M123_C_cont .carousel-nav .carousel-prev:focus,
    .M123_C_cont .carousel-nav .carousel-next:focus,
    .logistics .M123_C_cont .carousel-nav .carousel-prev:hover,
    .logistics .M123_C_cont .carousel-nav .carousel-next:hover,
    .logistics .M123_C_cont .carousel-nav .carousel-prev:focus,
    .logistics .M123_C_cont .carousel-nav .carousel-next:focus { background: transparent !important; border-color: #2189FF !important; }

    .M123_C_cont .carousel-nav .carousel-prev:before, .M123_C_cont .carousel-nav .carousel-next:before { display: none; }
    .M123_C .tit_b { margin-top: -0.6rem; margin-bottom: 2rem; }
    .M123_C_cont .tit_e { margin-bottom: 1.6rem; }
    .M123_C_cont .item_trend { width: 100%; margin: 0 0 1.6rem 0; }
    .M123_C_cont .box_trend { padding: 2rem; }
    .M123_C_cont .box_trend .tit_trend + .txt_trend { margin-top: 1rem; }
    .M123_C_cont .box_trend .txt_trend { margin-top: 1rem; }
    .M123_C_cont .box_trend .txt_trend + .thumb_trend { margin-top: 2rem; position: static; }

    .M123_C_cont .box_trend .cst_box .fs24 { font-size: 20px; }
}
@media all and (max-width:570px) {
    .M123_C_cont .box_trend .tit_trend { font-size: 1.6rem; line-height: 2.8rem; }
    .M123_C_cont .box_trend .txt_trend { font-size: 1.4rem; }
}






/*** M124_A ***/
.M124_A .tit_bt { margin-bottom: 80px; }
.M124_A .tit_e { margin-bottom: 20px; }
.M124_A .tit_b { margin-top: -12px; margin-bottom: 40px; }
.M124_A .tit_e + .tit_b { margin-top: 0; }

/* board_ty  */
.M124_A .board_ty { border: 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
.M124_A .board_ty .li { width: 50%; max-width: 630px; border-bottom: 0; padding: 0; min-height: auto; display: flex; justify-content: space-between; margin-bottom: 30px; }
.M124_A .board_ty .li:first-child:nth-last-child(1),
.M124_A .board_ty .li:first-child:nth-last-child(1) ~ .li { width: 100%; max-width: none; }

.M124_A .board_ty .img { float: none; position: relative; width: 260px; height: auto; } /* height: 180px */
.M124_A .board_ty .img::before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 62.346% }
.M124_A .board_ty .img_p, .M124_A .board_ty .img_m { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.M124_A .board_ty .img + .txt { position: relative; float: none; width: calc(100% - 290px); max-width: none; min-height: auto; }
.M124_A .board_ty .txt { width: 90%; }
.M124_A .board_ty .txt .md_sns { position: absolute; top: 0; right: 0; }
.M124_A .board_ty .cate { margin-bottom: 10px; }
.M124_A .board_ty .cate span { float: left; }
.M124_A .board_ty .cate span.bold { color: #000; font-weight: bold; }
.M124_A .board_ty .cate span:before { display: inline-block; width: 1px; height: 10px; margin: 0 7px; background: #888; content: ""; }
.M124_A .board_ty .cate span:first-child:before { display: none; }
.M124_A .board_ty .cate:after { display: block; clear: both; height: 0; content: ""; overflow: hidden; }
.M124_A .board_ty .md_tit {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} /* 2023-07-11 M27_A에서 공통으로 선언된 부분만 추가 */
.M124_A .board_ty .md_tit a {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} /* 2023-07-11 M27_A에서 공통으로 선언된 부분만 추가 */
.M124_A .board_ty .md_txt {margin-top: 8px;word-wrap: break-word;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #666;font-size: 18px;}
.M124_A .board_ty .md_txt + .md_btn { position: relative; }
.M124_A .board_ty .md_btn { left: 0; bottom: 0; margin-top: 4px; }
@media all and (max-width:1380px) {
    .M124_A .board_ty { flex-direction: column; }
    .M124_A .board_ty .li { width: 100%; max-width: none; }
    .M124_A .board_ty .li:first-child:nth-last-child(1),
    .M124_A .board_ty .li:first-child:nth-last-child(1) ~ .li { margin-bottom: 0; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M124_A .tit_bt { margin-bottom: 30px; }
    .M124_A .tit_e { margin-bottom: 10px; }
    .M124_A .tit_b { margin-top: -6px; margin-bottom: 40px; }
    .M124_A .tit_e + .M124_A_cont { margin-top: 20px; }
    .M124_A .board_ty .li { flex-direction: column; margin-bottom: 48px; }

    /* board_ty  */
    .M124_A .board_ty .img { display: block; width: 100%; margin-bottom: 20px; }
    .M124_A .board_ty .img::before { padding-bottom: 56.346%; }
    .M124_A .board_ty .md_txt {-webkit-line-clamp: 1;font-size: 14px;}
    .M124_A .board_ty .md_txt + .md_btn {position: static;margin-top: 14px;} 
    .M124_A .board_ty .txt { width: 100% !important; }
}

/* 2023-07-11 M27_A에서 공통으로 선언된 부분만 추가 */
@media all and (max-width: 760px) {
    .M124_A .board_ty .md_tit { white-space: inherit; }
    .M124_A .board_ty .md_tit a { white-space: inherit; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}





/*** M125_A | Card Style 1 ***/
.M125_A .tit_b + .tit_e,
.M125_A .tit_bt + .tit_e { margin-top:80px; }
.M125_A .tit_e { margin-bottom:20px; }
.M125_A .tit_e + .tit_b { line-height:58px; }
.M125_A .tit_e + .tit_m { line-height:48px; }
.M125_A .tit_e + .tit_b .txt_l { display: block; margin-left: 0.1rem; padding: 0 0 2rem; font-weight: 400; font-size: 1.8rem; line-height: 2.8rem; letter-spacing: -0.04rem; }
.M125_A .tit_b + .txt,
.M125_A .tit_b + .md_txt { margin-top:10px;font-size:20px;line-height:32px; }
.M125_A .txt_col { color:#1778EA; }
.M125_A.cont { overflow:visible; }
.M125_A .tit_e ~ .md_txt { margin-bottom: 20px; font-size: 18px; }
.M125_A_cont { position:relative; }
.M125_A_cont > .md_tit { line-height:58px; }
.M125_A_cont > .md_txt { margin-top:20px;font-size:20px;line-height:32px; }

/* txt_dec */
.M125_A_cont .txt_dec li { color:rgba(0,0,0,0.6); }

/* features_list */
.M125_A_cont .features_list { display:flex;flex-wrap:wrap; }
.M125_A_cont .features_list > li { position:relative;width:100%;min-height:265px;margin-left:26px;padding:30px 30px 152px;background:#F8F8F8; }
.M125_A_cont .features_list > li:first-of-type { margin-left:0; }
.M125_A_cont .features_list > li .icon { position:absolute;bottom:30px;right:30px;width:100px;height:100px; }
.M125_A_cont .features_list > li .icon img { width:100%;height:100%; }
.M125_A_cont .features_list > li .md_tit { font-weight:bold;font-size:24px;line-height:36px; }
.M125_A_cont .features_list > li .md_txt {margin-top: 10px;font-size: 16px;line-height: 24px;color: #666;}

.M125_A_cont.m1 .features_list > li { width:100%;margin-left:0; }
.M125_A_cont.m2 .features_list > li { width:calc(50% - 13px); }
.M125_A_cont.m3 .features_list > li { width:calc(33.333% - 17.33px); }
.M125_A_cont.m4 .features_list > li { width:calc(25% - 19.5px); }
.M125_A_cont.m4 .features_list > li:nth-of-type(4n+1){ margin-left:0; }
.M125_A_cont.m4 .features_list > li:nth-of-type(n+5){ margin-top:26px; }

.M125_A_cont .features_list > li a { display: block; }
.M125_A_cont .features_list > li a .md_tit { color: #000; }
.M125_A_cont .features_list > li a::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.3s; }
.M125_A_cont .features_list > li a:hover::before { background-color: rgba(33, 137, 255, 0.1); mix-blend-mode: multiply; }

/* col3 */
.col3 .M125_A_cont .features_list { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: -26px -13px 0 -13px; }
.col3 .M125_A_cont .features_list > li { width: calc(33% - 24px); margin: 26px 13px 0 13px; }
.col3 .M125_A_cont .features_list > li:first-child, .col3 .M125_A_cont .features_list > li:last-child { margin-left: 13px; }
.col3 .M125_A_cont.m4 .features_list > li:nth-of-type(4n+1){ margin-left: 13px; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M125_A .tit_b, 
    .M125_A .tit_bt { font-size:22px; }
    .M125_A .tit_b + .tit_e,
    .M125_A .tit_bt + .tit_e { margin-top:45px; }
    .M125_A .tit_e + .tit_m { font-size:18px;line-height:28px; }
    .M125_A .tit_e + .md_txt { font-size: 14px; }
    .M125_A .tit_e + .tit_b .txt_l { font-size: 1.4rem; line-height: 2.4rem; }

    /* features_list */
    .M125_A_cont .features_list { flex-wrap:wrap;margin-top:16px; }
    .M125_A_cont .features_list > li { width:100%;min-height:auto;margin-top:16px;margin-left:0;padding:24px 20px 114px; }
    .M125_A_cont .features_list > li:first-of-type { margin-top:0; }
    .M125_A_cont .features_list > li .icon { bottom:24px;right:20px;width:70px;height:70px; }
    .M125_A_cont .features_list > li .md_tit { font-size:18px;line-height:28px; }

    .M125_A_cont.m1 .features_list > li,
    .M125_A_cont.m2 .features_list > li,
    .M125_A_cont.m3 .features_list > li,
    .M125_A_cont.m4 .features_list > li { width:100%;margin-left:0; }

    .M125_A_cont .features_list > li .md_txt {font-size: 14px;}

    /* col3 */
    .col3 .M125_A_cont .features_list { margin: -16px 0px 0 0px; }
    .col3 .M125_A_cont .features_list > li { width: 100%; margin: 16px 0px 0 0px; }
    .col3 .M125_A_cont .features_list > li:first-child, .col3 .M125_A_cont .features_list > li:last-child { margin-left: 0px; }
    .col3 .M125_A_cont .features_list > li:last-child { margin-top: 16px; }
    .col3 .M125_A_cont.m4 .features_list > li:nth-of-type(4n+1) { margin-left: 0px; margin-top: 16px; }
}
@media all and (max-width:768px){    
    .M125_A .tit_b br,
    .M125_A .tit_bt br, 
    .M125_A .tit_m br { display:none !important; }
}




/*** M125_B | Card Style 2 ***/
.M125_B .tit_b + .tit_e,
.M125_B .tit_bt + .tit_e { margin-top:80px; }
.M125_B .tit_e { margin-bottom:20px; }
.M125_B .tit_e + .tit_b { line-height:58px; }
.M125_B .tit_e + .tit_m { line-height:48px; }
.M125_B .tit_b + .txt,
.M125_B .tit_b + .md_txt { margin-top:10px;font-size:20px;line-height:32px; }
.M125_B .tit_e + .md_txt { margin-bottom: 20px; }
.M125_B .txt_col { color:#1778EA; }
.M125_B.cont { overflow:visible; }

.M125_B_cont { position:relative; }
.M125_B_cont > .md_tit { line-height:58px; }
.M125_B_cont > .md_txt { margin-top:20px;font-size:20px;line-height:32px; }

/* features_list */
.M125_B_cont .features_list { display:flex;flex-wrap:wrap;margin-left:-26px; }
.M125_B_cont .features_list > li { position:relative;width:calc(50% - 26px);min-height:302px;margin-top:26px;margin-left:26px;padding:30px 30px 152px;background:#F8F8F8; }
.M125_B_cont .features_list > li:first-of-type,
.M125_B_cont .features_list > li:nth-of-type(2) { margin-top:0; }
.M125_B_cont .features_list > li .icon { position:absolute;bottom:30px;right:30px;width:100px;height:100px; }
.M125_B_cont .features_list > li .icon img { width:100%;height:100%; }
.M125_B_cont .features_list > li .md_tit { font-weight:bold;font-size:24px;line-height:36px; }
.M125_B_cont .features_list > li .md_txt {margin-top: 10px;font-size: 16px;line-height: 24px;color: #666;}
.bg .M125_B_cont .features_list > li { background:#FFF; }

.M125_B_cont .features_list > li.no_icon { padding: 30px; min-height: auto; }

@media all and (max-width:1300px) { 
}
/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M125_B .tit_b, 
    .M125_B .tit_bt { font-size:22px; }
    .M125_B .tit_b + .tit_e,
    .M125_B .tit_bt + .tit_e { margin-top:45px; }
    .M125_B .tit_e + .tit_m { font-size:18px;line-height:28px; }

    /* features_list */
    .M125_B_cont .features_list { margin-left:0; }
    .M125_B_cont .features_list > li { width:100%;min-height:auto;margin-top:16px;margin-left:0;padding:24px 20px 114px; }
    .M125_B_cont .features_list > li:nth-of-type(2) { margin-top:16px; }
    .M125_B_cont .features_list > li .icon { bottom:24px;right:20px;width:70px;height:70px; }
    .M125_B_cont .features_list > li .md_tit { font-size:18px;line-height:28px; }

    .M125_B_cont .features_list > li .md_txt {font-size: 14px;}
}
@media all and (max-width:768px){    
    .M125_B .tit_b br,
    .M125_B .tit_bt br, 
    .M125_B .tit_m br { display:none !important; }
}






/*** M126_A | Partner List ***/
.M126_A .tit_b + .tit_e,
.M126_A .tit_bt + .tit_e { margin-top:80px; }
.M126_A .tit_e { margin-bottom:20px; }
.M126_A .tit_e + .tit_b { line-height:58px; }
.M126_A .tit_e + .tit_m { line-height:48px; }
.M126_A .tit_b + .txt,
.M126_A .tit_b + .md_txt { margin-top:20px;font-size:20px;line-height:32px; }
.M126_A .txt_col { color:#1778EA; }
.M126_A.cont { overflow:visible; }

.M126_A_cont { position:relative; }
.M126_A_cont > .md_tit { font-size:40px;line-height:58px; }
.M126_A_cont > .md_txt { margin-top:20px;font-size:20px;line-height:32px; }

/* Owl As-is 초기화 */
.M126_A_cont .owl-stage-outer, .M126_A_cont .owl-stage, .M126_A_cont .owl-item {height:auto !important;}
.M126_A_cont .owl-carousel .active span {background:none;}
.M126_A_cont .owl-carousel .owl-stage-outer {overflow:inherit !important;overflow-y:hidden;}

/* owl-carousel */
.M126_A_cont { position:relative; }
.M126_A_cont .owl-carousel { display:flex;margin-top:50px; }
.M126_A_cont .owl-carousel .owl-stage {display:flex !important;}
.M126_A_cont .owl-carousel:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.M126_A_cont .owl-carousel .owl-item {display:flex;}
.M126_A_cont .owl-carousel .item { position:relative;width:33.33%;min-height:265px;margin-left:26px;padding:88px 30px 74px;background:#F8F8F8; }
.M126_A_cont .owl-carousel .item:first-of-type { margin-left:0; }
.M126_A_cont .owl-carousel .item .icon { position:absolute;top:30px;right:30px;width:50px;height:50px; }
.M126_A_cont .owl-carousel .item .icon img { width:100%;height:100%; }
.M126_A_cont .owl-carousel .item .md_tit { font-weight:bold;font-size:24px;line-height:36px; }
.M126_A_cont .owl-carousel .item .md_txt {margin-top: 20px;font-size: 16px;line-height: 24px;color: #666;}
.M126_A_cont .owl-carousel .item .md_txt strong { color:#000; }
.M126_A_cont .owl-carousel .item .md_txt .info { margin-bottom:20px;font-size:16px;line-height:28px; }
.M126_A_cont .owl-carousel .item .md_btn { position:absolute;bottom:30px;left:30px; }
.M126_A_cont:after {position:absolute;left:-1000px;top:0;width:1000px;height:100%;background:rgba(255,255,255,0.8);content:"";z-index:10;transition:opacity 0.4s;}
.M126_A_cont .owl-carousel.act .owl-item.cloned {opacity:0;}

/* Background Gray */
.bg .M126_A_cont .owl-carousel .item { background:#FFF; }
.bg .M126_A_cont:after {background:rgba(245,245,245,0.8);}

/* 4단이하 */
.M126_A_cont.m1 .owl-carousel .item { width:100%;margin-left:0; }
.M126_A_cont.m2 .owl-carousel .item { width:calc(50% - 13px); }
.M126_A_cont.m3 .owl-carousel .item { width:calc(33.333% - 17.33px); }
.M126_A_cont.m4 .owl-carousel .item { width:calc(25% - 19.5px); }
.M126_A_cont.m4 .owl-carousel .item:nth-of-type(4n+1){ margin-left:0; }
.M126_A_cont.m4 .owl-carousel .item:nth-of-type(n+5){ margin-top:26px; }

/* Navication */
.M126_A_cont .owl-pagn { display:none;position:relative;width:100%;max-width:1318px;margin-top:40px;padding-bottom:0;z-index:2;}
.M126_A_cont .owl-pagn-inner {position:absolute;right:0;top:0;}
.M126_A_cont .owl-nav {position:absolute;right:calc(100% - 1318px);bottom:-97px;}


/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .M126_A .tit_b, 
    .M126_A .tit_bt { font-size:22px; }
    .M126_A .tit_b + .tit_e,
    .M126_A .tit_bt + .tit_e { margin-top:45px; }
    .M126_A .tit_e + .tit_m { font-size:18px;line-height:28px; }
    .M126_A .tit_e { margin-bottom:10px; }
    .M126_A .tit_e + .tit_b { font-size:24px;line-height:30px; }
    .M126_A .tit_b + .md_txt { margin-top:10px;font-size:14px;line-height:24px; }

    .M126_A_cont > .md_tit { font-size:24px;line-height:30px; }
    .M126_A_cont > .md_tit br { display:none !important; }
    .M126_A_cont > .md_txt { margin-top:10px;font-size:14px;line-height:24px; }

    /* owl-carousel */
    .M126_A_cont .owl-carousel { margin-top:30px; }
    .M126_A_cont .owl-carousel .item { width:300px;padding:88px 30px 67px; }
    .M126_A_cont .owl-carousel .item:after { left:-16px;width:16px }
    .M126_A_cont .owl-carousel .item .icon {top:28px; }
    .M126_A_cont .owl-carousel .item .md_tit { font-size:18px;line-height:28px; }
    .M126_A_cont .owl-carousel .item .md_txt .info { margin-bottom:10px; }    
    .M126_A_cont .owl-carousel .item .md_txt {font-size: 14px;}
  
    /* 4단이하 */
    .M126_A_cont.m1 .owl-carousel .item:after { left:-26px;width:26px }
    .M126_A_cont.m2 .owl-carousel { display:block;margin-left:0; }
    .M126_A_cont.m2 .owl-carousel .item { width:500px;margin-left:0; }
    .M126_A_cont.m3 .owl-carousel .item { width:400px;margin-left:0; }
    .M126_A_cont.m4 .owl-carousel .item { width:300px;margin-left:0; }    
    .M126_A_cont.m2 .owl-pagn,
    .M126_A_cont.m3 .owl-pagn,
    .M126_A_cont.m4 .owl-pagn { display:block; }

    /* Navication */
    .M126_A_cont .owl-pagn { width:calc(100% - 60px);margin:30px auto 0;padding:0 30px; }
    .M126_A_cont .owl-pagn-bar { left:30px; }
    .M126_A_cont .owl-pagn-ed { float:right;padding-left:0; }
    .M126_A_cont .owl-pagn-ed:before { display:none; }
    .M126_A_cont .owl-navm { display:block;top:auto;bottom:-8px;transform:initial;width:calc(100% + 20px);margin:0 -10px; }
    .M126_A_cont .owl-navm .owl-prevm, .M126_A_cont .owl-navm .owl-nextm { background-color:transparent;border:0 !important; }
    .M126_A_cont .owl-navm .owl-prevm:hover, 
    .M126_A_cont .owl-navm .owl-nextm:hover, 
    .M126_A_cont .owl-navm .owl-prevm:focus, 
    .M126_A_cont .owl-navm .owl-nextm:focus { background:transparent !important; border-color:transparent !important; }
    .M126_A_cont .owl-navm .owl-prevm:before, 
    .M126_A_cont .owl-navm .owl-nextm:before { display:none; }   
    .M126_A_cont .owl-navm .owl-prevm:after, 
    .M126_A_cont .owl-navm .owl-nextm:after { border-color:#000; }
    .M126_A_cont .owl-navm .owl-prevm:hover:after, 
    .M126_A_cont .owl-navm .owl-nextm:hover:after, 
    .M126_A_cont .owl-navm .owl-prevm:focus:after, 
    .M126_A_cont .owl-navm .owl-nextm:focus:after { border-color:#2189ff; }
}
@media all and (max-width:900px){
    .M126_A_cont:after {opacity:0;}
}
@media all and (max-width:768px){    
    .M126_A .tit_b br,
    .M126_A .tit_bt br, 
    .M126_A .tit_m br { display:none !important; }
}
@media all and (max-width:600px) {   
    .M126_A_cont .owl-carousel .item {width:100% !important;min-width:300px !important;}
    .M126_A_cont .owl-carousel .item:after {left:-16px;width:16px}

    /* 1단 */
    .M126_A_cont.m1 .owl-carousel {display:block;margin-left:0;}
    .M126_A_cont.m1 .owl-carousel .item { width:100%;margin-left:0; }
}



/*** MP_customer_form ***/
.MP_customer_form .hide_pc { display: none; }
.MP_customer_form .hide_mo { display: block; }
.MP_customer_form .inner { padding: 0 147px; }
.MP_customer_form .inner ~ .inner .form_list { margin-top: 2.6rem; }
.MP_customer_form .inner .tit_b { text-align: center; }
.MP_customer_form .inner strong.tit_b { display: block; }
.MP_customer_form .inner .tit_b { text-align: center; }
.MP_customer_form .inner > .txt { margin-top: 20px; text-align: center; }
.MP_customer_form hr { width: 100%; height: 2px; margin: 30px 0 10px; background: #000; }

/* MP_customer_cont */
.MP_customer_cont .form_list { margin-top: 50px; }
.MP_customer_cont .form_list dl { display: flex; flex-wrap: wrap; margin-left: -50px; }
.MP_customer_cont .form_list dt, .MP_customer_cont .form_list dd { margin-top: 20px; }
.MP_customer_cont .form_list dt { width: 80px; margin-left: 50px; padding: 18px 5px 0 0; }
.MP_customer_cont .form_list dt i { margin-left: 2px; color: #FF0000; vertical-align: 1px; }

/* 2022.09.17 */
.MP_customer_cont .form_list dd { width: calc(50% - 130px); }
.MP_customer_cont .form_list dd.colspan3 { width: calc(100% - 130px); }
.MP_customer_cont .form_list dt.colspan4 { width: 100%; margin-left: 50px; padding-top: 0; margin-top: 30px; }

/* 220919 추가 */
.MP_customer_cont .form_list dd.colspan4 { width: 100%; margin-left: 50px; }
.MP_customer_cont .form_list dt .lab_frm { display: table-cell; vertical-align: middle; }
.MP_customer_cont .form_list .emph_frm_caution { display: inline-block; font-size: 1.2rem; line-height: normal; letter-spacing: 0; vertical-align: top; }
.MP_customer_cont .form_list .outer_half { margin-left: -5rem; line-height: normal; }
.MP_customer_cont .form_list .inner_half { width: 54.2727%; padding-left: 5rem; line-height: normal; vertical-align: top; }
.MP_customer_cont .form_list .inner_half:first-child { width: 45.7272%; }
.MP_customer_cont .form_list .inner_half .invalid_msg { text-align: left; vertical-align: top; }
.MP_customer_cont .form_list .inner_half .emph_frm_caution { margin-top: 0.7rem; }

/* invalid_msg */
.MP_customer_cont .invalid_msg { display: none; margin-top: 5px; font-size: 14px; line-height: 24px; color: #FF0000; }
.MP_customer_cont input.invalid + .invalid_msg, .MP_customer_cont textarea.invalid + .invalid_msg, .MP_customer_cont select.invalid + .invalid_msg { display: block; }
.MP_customer_cont input.invalid + .outer_half .invalid_msg, .MP_customer_cont textarea.invalid + .outer_half .invalid_msg, .MP_customer_cont select.invalid + .outer_half .invalid_msg { display: block; }

/* input */
.MP_customer_cont input[type=text], .MP_customer_cont input[type=password] { height: 60px; border-color: #DDD; }
.MP_customer_cont input[type=text].invalid, .MP_customer_cont input[type=password].invalid { border-color: #FF0000; }
.MP_customer_cont input:read-only, .MP_customer_cont input[readonly=readonly] { background-color: #F9F9F9; }

/* select */
/* IE */
.MP_customer_cont select::-ms-expand { display: none; }
.MP_customer_cont select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.MP_customer_cont select { position: relative; display: block; width: 100%; height: 60px; padding: 0 20px; background: url(https://image.samsungsds.com/module_src/images/icon/ic_dropdown_20.svg?queryString=20241210125943) no-repeat calc(100% - 20px) center; border: 1px solid #DDD; font-size: 16px; }
.MP_customer_cont select.invalid { border-color: #FF0000; }

/* select box */
.MP_customer_cont .select_box { display: flex; flex-wrap: wrap; }
.MP_customer_cont .select_item { width: calc(50% + 15px); margin-left: 50px; }
.MP_customer_cont .select_item:first-of-type { width: calc(50% - 65px); margin-left: 0; }

/* textarea */
.MP_customer_cont textarea { border-color: #DDD; }
.MP_customer_cont textarea.invalid { border-color: #FF0000; }

/* txta_cont */
.MP_customer_cont .txta_cont { width: 100%; height: 250px; }

/* form */
.MP_customer_cont .form { max-width: inherit; margin-top: 40px; }
.MP_customer_cont .check_msg.type1 { padding: 40px; }
.MP_customer_cont .check_msg.type1 .txt { margin-top: 25px; line-height: 24px; }
.MP_customer_cont .check_msg.type1 .txt + ul { margin-top: 20px; padding-left: 0; }
.MP_customer_cont .check_msg.separate_tnc li:first-child { height: 24px; line-height: 24px; }
.MP_customer_cont input[type=checkbox] { top: 2px; left: 0; width: 20px; height: 20px; }
.MP_customer_cont .check_msg li { position: relative; height: 24px; margin-top: 20px; line-height: 24px; }
.MP_customer_cont .check_msg li:first-of-type { margin-left: 0; }
.MP_customer_cont .check_msg li.ck_option { height: auto; }
.MP_customer_cont .check_msg li .ip_btn { margin: 0; padding: 0; line-height: 24px; }
.MP_customer_cont .check_msg.type1 .ip_check .icon { top: 2px; border-color: #888; }
.MP_customer_cont .check_msg.type1 input[type=checkbox]:checked+label .icon { border-color: #000; }

/* 220919 추가 */
.MP_customer_cont .term_option { font-size: 1.6rem; }
.MP_customer_cont .check_msg.type1 ul + h2 { margin-top: 40px; }
.MP_customer_cont .check_msg.type1 li .ck_opt_child + .ip_check { position: static; margin-left: 0; padding-left: 0; }
.MP_customer_cont .newsletter_type { margin-top: 15px; }
.MP_customer_cont .newsletter_type ul { margin-top: -20px; padding: 0; }
.MP_customer_cont .newsletter_type li { display: inline-block !important; margin-left: 20px; padding-top: 0 !important; padding-left: 40px; line-height: 24px; }
.MP_customer_cont .newsletter_type li:first-of-type { padding-left: 40px; }
.MP_customer_cont .newsletter_type li .ck_opt_child + label { position: absolute; top: 0; left: 0; width: 100%; height: 24px; }
.MP_customer_cont .newsletter_type li label .icon { top: 3px; border-color: #888; }
.MP_customer_cont .newsletter_type li input[type=checkbox]:checked+label .icon { border-color: #000; }

/* 220919 추가 */
.MP_customer_cont .txt_cookie_info { margin: 10px 0 0 0; font-size: 12px; color: #000; }
.MP_customer_cont .btn_btm { margin-top: 40px; }

/* 220919 추가 */
.MP_customer_cont input:focus+.ip_check .icon, .MP_customer_cont input:focus+label .icon { outline: -webkit-focus-ring-color solid 1px; }
.MP_customer_cont .form_list .check_msg { margin-left: 30px; }
.MP_customer_cont .form_list .check_msg input[type=checkbox] { top: 4px; }
.MP_customer_cont .form_list .check_msg .ip_check .icon { top: 2px; border-color: #888; }
.MP_customer_cont .form_list .check_msg input[type=checkbox]:checked+label .icon { border-color: #000; }
.MP_customer_cont .form_list .check_msg .ip_check { position: static; display: block; font-size: 1.6rem; line-height: 38px; font-weight: normal; margin: 6px 0; overflow: inherit; }
.MP_customer_cont .form_list .check_msg .ck_opt_child + label { position: absolute; top: -4px; left: 0; width: 100%; min-height: 24px; }

/* moudle_ty */
.MP_customer_cont * + .moudle_ty { margin-top: 40px; }
.MP_customer_cont .moudle_ty { display: flex; align-items: center; justify-content: space-between; padding: 30px; background: #FAFAFA; }
.MP_customer_cont .moudle_ty .txt { font-weight: 500; font-size: 18px; line-height: 27px; color: rgba(0, 0, 0, 0.7); }
.MP_customer_cont .moudle_ty .btn_area .btn_m { min-width: 210px; }

/* combobox_list */
.MP_customer_cont .combobox_list_area { position: relative; }
.MP_customer_cont .combobox_list { overflow-y: scroll; overflow-x: hidden; position: absolute; top: 59px; left: 0; z-index: 6999; width: 100%; max-height: 210px; background: #FFF; border: 1px solid #DDD; }
.MP_customer_cont .combobox_list.open { display: block; }
.MP_customer_cont .combobox_list .combobox_li { cursor: pointer; }
.MP_customer_cont .combobox_list .combobox_item { padding: 3px 16px 3px; }
.MP_customer_cont .combobox_list .combobox_item:hover, .MP_customer_cont .combobox_list .combobox_item:focus, .MP_customer_cont .combobox_list .combobox_item.selected { background: #007fff; color: #FFF; }
.MP_customer_cont + .check_msg { margin-top: 4rem; }
html[lang='en'] .MP_customer_cont .form_list dl { margin-top: -1.5rem; }
html[lang='en'] .MP_customer_cont .form_list dt { display: table; width: 10.1rem; height: 6rem; margin-left: auto; padding: 0; line-height: 1.375; letter-spacing: 0.025rem; }
html[lang='en'] .MP_customer_cont .form_list dd { width: calc(50% - 15rem); }
html[lang='en'] .MP_customer_cont .form_list dd.colspan3 { width: calc(100% - 15rem); }
html[lang='en'] .MP_customer_cont .form_list dd.colspan4 { width: 100%; }
html[lang='en'] .MP_customer_cont .form_list dt.colspan4 { width: 100%; margin-left: 50px; padding-top: 0; margin-top: 30px; line-height: 5rem }

/* 230330 추가 */
html[lang='en'] .MP_customer_cont .txta_cont { height: 15rem; }

/* 20230612 newsletter 신규 추가 */
.newsletter .MP_customer_cont .form_list dl { margin-bottom: 40px; }
.newsletter .MP_customer_cont .form_list .form_list_check li { position: relative; padding-left: 40px; margin-bottom: 10px; }
.newsletter .MP_customer_cont .form_list .form_list_check li:last-child { margin-bottom: 0; }
.newsletter .MP_customer_cont .form_list .form_list_check li label { position: static; margin-left: 0; padding-left: 0; }
.newsletter .MP_customer_cont .form_list .form_list_check li label span { top: 6px; border-color: #888; }
.newsletter .MP_customer_cont .newsletter_type article { font-size: 14px; }
.newsletter .MP_customer_cont .newsletter_type article strong { color: #f00; font-weight: normal; }

/* 20231027 추가 */
body > #ui-id-1.ui-autocomplete { max-height: 522px; overflow-y: auto; overflow-x: hidden; }
body > #ui-id-1.ui-autocomplete::-webkit-scrollbar{ width: 5px; }
body > #ui-id-1.ui-autocomplete::-webkit-scrollbar-thumb{ width: 30%; background: #ccc; border-radius: 10px; }
body > #ui-id-1.ui-autocomplete::-webkit-scrollbar-track { background: transparent; }
body > #ui-id-1.ui-autocomplete .ui-menu-item-wrapper { line-height: 20px; padding:3px 10px;}
body > #ui-id-1.ui-autocomplete .ui-state-active,
body > #ui-id-1.ui-autocomplete .ui-state-hover{ border: 0 none; margin: 0; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .MP_customer_form  .inner { padding: 0 30px !important; }
    .MP_customer_cont .form_list dl { margin-left: 0; }
    .MP_customer_cont .form_list dt, .MP_customer_cont .form_list dd, .MP_customer_cont .form_list dd.colspan3, .MP_customer_cont .form_list dd.colspan4 { width: 100%; margin-left: 0; }
    .MP_customer_cont .form_list dt.colspan4 { width: 100%; margin-left: 0; }

    /* 220919 추가 */
    .MP_customer_cont .form_list dt { margin-top: 20px; padding: 0; font-size: 16px; }
    .MP_customer_cont .form_list dd { margin-top: 10px; }
    .MP_customer_cont .form_list dt:first-child { margin-top: 0; }

    /* 220919 추가 */
    .MP_customer_cont .select_item, .MP_customer_cont .select_item:first-of-type { width: 100%; margin-left: 0; }
    .MP_customer_cont .select_item + .select_item select { border-top: 0; }

    /* 220919 추가 */
    .MP_customer_cont .form_list .check_msg { margin-left: 0; }
    .MP_customer_cont .form_list .check_msg li { padding-left: 30px; margin-top: 15px; height: inherit; }
    .MP_customer_cont .form_list .check_msg li:first-of-type { margin-top: 0; }
    .MP_customer_cont .form_list .check_msg .ck_opt_child + label { padding: 0 0 0 28px; }
    .MP_customer_cont .form_list .check_msg li .ip_btn { font-size: 14px; }
    .MP_customer_form .inner + .inner { margin-top: 4.5rem; }
    .MP_customer_cont .form_list .inner_half { width: 50%; }
    .MP_customer_cont .form_list .inner_half:first-child { width: 50%; }
    html[lang='en'] .MP_customer_cont .form_list dl { margin-top: 0; }
    html[lang='en'] .MP_customer_cont .form_list dt, html[lang='en'] .MP_customer_cont .form_list dd, html[lang='en'] .MP_customer_cont .form_list dd.colspan3, html[lang='en'] .MP_customer_cont .form_list dd.colspan4 { width: 100%; height: auto; }
    html[lang='en'] .MP_customer_cont .form_list dt:first-child { margin-top: 0; }
    html[lang='en'] .MP_customer_cont .form_list dt.colspan4 { width: 100%; margin-left: 0; }
    /* 230330 추가 */ 
}
@media all and (min-width:1px) and (max-width:767px) {
    .MP_customer_form .hide_pc { display: block; }
    .MP_customer_form .hide_mo { display: none; }
    .MP_customer_cont input[type=text], .MP_customer_cont input[type=password], .MP_customer_cont select { height: 50px; }
    .MP_customer_cont .txta_cont { height: 140px; font-size: 16px; line-height: 28px; }

    /* 220919 추가 */
    .MP_customer_cont .form { margin: 0 -30px; }
    .MP_customer_cont .form .check_msg { margin-top: 60px; padding: 30px; }

    /* input */
    .MP_customer_cont input[type=checkbox]+label .icon { width: 20px; height: 20px; margin-top: 0px; top: 2px; }
    .MP_customer_cont .check_msg.type1 .txt { margin-top: 15px; line-height: 24px; }
    .MP_customer_cont .check_msg.type1 .txt + ul { margin-top: 15px; }
    .MP_customer_cont .check_msg.type1 ul + h2 { margin-top: 30px; }
    .MP_customer_cont .term_option { font-size: 14px; }
    .MP_customer_cont .check_msg li { height: auto; margin-top: 15px; line-height: normal; }
    .MP_customer_cont .check_msg.separate_tnc li:first-child { height: auto; line-height: normal; }
    .MP_customer_cont .check_msg li .ip_btn { font-size: 14px; line-height: 20px; }
    .MP_customer_cont .newsletter_type ul { margin-top: -15px; margin-left: -10px; }
    .MP_customer_cont .newsletter_type li { margin-left: 10px !important; }
    .MP_customer_cont .newsletter_type li:first-of-type { margin-left: 0px !important; }
    .MP_customer_cont .newsletter_type li:last-of-type { margin-left: 0px !important; }
    .MP_customer_cont .txt_cookie_info { padding: 0 30px; }

    /* moudle_ty */
    .MP_customer_cont * + .moudle_ty { margin-top: 30px; }
    .MP_customer_cont .moudle_ty { flex-wrap: wrap; align-items: left; justify-content: center; padding: 30px 20px; }
    .MP_customer_cont .moudle_ty .txt { width: 100%; font-size: 16px; line-height: 26px; text-align: center; }
    .MP_customer_cont .moudle_ty .btn_area { width: 100%; margin-top: 30px; }
    .MP_customer_cont .moudle_ty .btn_area .btn_m { width: 100%; }
    .MP_customer_cont .form_list .inner_half { width: 100%; margin-top: 1rem; }
    .MP_customer_cont .form_list .inner_half:first-child { width: 100%; margin-top: 0; }
    .MP_customer_cont .form_list .inner_half .emph_frm_caution { margin-top: 0.5rem; }
    .MP_customer_cont .form_list dd.colspan4 .inner_half { margin-top: 0; }
    .MP_customer_cont .form_list dd.colspan4 .inner_half:first-child { margin-top: 0; }

    /* 20230612 newsletter 신규 추가 */
    .newsletter .MP_customer_cont .form_list .form_list_check li { padding-left: 30px; }
    .newsletter .MP_customer_cont .newsletter_type article { margin-top: 0.75rem; }
    .newsletter .MP_customer_cont .newsletter_type article strong { display: inline-block; margin-top: 0.75rem; vertical-align: middle; }
}



/*** MP_customer_landing ***/
.MP_customer_landing { padding:0; }
.MP_customer_landing .inner { padding:0 94px; }
/* S: 2022.09.17 */
.MP_customer_landing .tit_b { line-height:59px;text-align:center; } 
.MP_customer_landing .tit_b + .txt { margin-top:10px;font-size:22px;line-height:32px;text-align:center; }
/* E: 2022.09.17 */
.MP_customer_landing .txt_blue { color:#3566D8; }

/* MP_visual_cont */
.MP_customer_landing .MP_visual_cont { position:relative;padding:140px 0 120px;background:#F7F9FE; }
.MP_customer_landing .MP_visual_cont .tit_l { margin-bottom:0;font-size:56px;line-height:80px;text-align:center;letter-spacing:0; }

/* MP_customer_cont */
.MP_customer_landing .MP_customer_cont { position:relative;padding:100px 0 120px 0; }
.MP_customer_landing .MP_customer_cont:before { position:absolute;top:0;right:0;width:22%;height:100px;content:'';background:#F7F9FE; }

/* landing_list 2022.09.15 */
.MP_customer_landing .landing_list { margin-top:50px; }
.MP_customer_landing .landing_list ul { display:flex;flex-wrap:wrap;margin:-10px 0 0 -10px; }
.MP_customer_landing .landing_list li { width:432px;margin:10px 0 0 10px;background:#FAFAFA; }  
.MP_customer_landing .landing_list li a { display:block; }    
.MP_customer_landing .landing_list li .img { display:block;width:432px;height:260px; }   
.MP_customer_landing .landing_list li .img img { width:100%; }
.MP_customer_landing .landing_list li .txt { display:block;padding:30px; }   
.MP_customer_landing .landing_list li:nth-last-child(1),
.MP_customer_landing .landing_list li:nth-last-child(2) { width:calc(50% - 10px); }       
.MP_customer_landing .landing_list li .md_tit { display:block; }     
.MP_customer_landing .landing_list li:nth-last-child(1) .md_tit,
.MP_customer_landing .landing_list li:nth-last-child(2) .md_tit { font-size:18px;line-height:27px; }
.MP_customer_landing .landing_list li .md_txt { display:block;margin-top:10px;font-size:16px;line-height:26px; }
.MP_customer_landing .landing_list li .md_txt.txt_xs { font-size:14px;line-height:20px;color:rgba(0,0,0,0.5); }
.MP_customer_landing .landing_list li .md_txt span + span:before { display:inline-block;width:1px;height:10px;margin:0 8px;background:rgba(0,0,0,0.4);content:''; }
/* landing_list hover */
.MP_customer_landing .landing_list li:hover { background:#EFEFEF; }
.MP_customer_landing .landing_list li:nth-last-child(1):hover,
.MP_customer_landing .landing_list li:nth-last-child(2):hover { background:#FAFAFA; } 
.MP_customer_landing .landing_list li:hover .md_txt { line-height:26px;color:#000; }
.MP_customer_landing .landing_list li:hover .md_txt.txt_xs { line-height:20px;color:rgba(0,0,0,0.5); }
/* 2022.09.15 */

/** -PC UI- **/
@media all and (max-width:1599px){
    /* landing_list */
    .MP_customer_landing .landing_list li { width:calc(33.333% - 10px); }  
    .MP_customer_landing .landing_list li .img { width:100%;height:auto; }  
}
@media all and (max-width:1199px){
    /* MP_visual_cont */
    .MP_customer_landing .MP_visual_cont .tit_l { font-size:40px;line-height:64px; }

    /* MP_customer_cont */
    .MP_customer_landing .MP_customer_cont { padding:80px 0 120px; }
    .MP_customer_landing .MP_customer_cont:before { height:80px; }
    .MP_customer_landing .MP_customer_cont .tit_b,
    .MP_customer_landing .MP_customer_cont .txt { text-align:center; }
    .MP_customer_landing .MP_customer_cont .tit_b { font-size:32px;line-height:47px; }
    .MP_customer_landing .MP_customer_cont .txt { font-size:18px;line-height:27px; }

    /* landing_list */
    .MP_customer_landing .landing_list { width:438px;margin:40px auto 0; }
    .MP_customer_landing .landing_list ul { justify-content:center; }
    .MP_customer_landing .landing_list li { width:438px; }
    .MP_customer_landing .landing_list li:nth-last-child(1),
    .MP_customer_landing .landing_list li:nth-last-child(2) { width:438px; } 
    .MP_customer_landing .landing_list li .img { height:0;padding-bottom:260px; }
    .MP_customer_landing .landing_list li .txt { padding:20px 10px; }
}
/** -Mobile UI- **/
@media all and (max-width:1023px){
    .MP_customer_landing  .inner { padding:0 30px !important; }

    /* landing_list */
    .MP_customer_landing .landing_list li .tit_s { font-size:18px;line-height:27px; }    
    .MP_customer_landing .landing_list li:nth-last-child(1) .md_tit,
    .MP_customer_landing .landing_list li:nth-last-child(2) .md_tit { font-size:16px;line-height:26px; }
    .MP_customer_landing .landing_list li .md_txt { font-size:14px;line-height:24px; }

}
@media all and (min-width:1px) and (max-width:719px) { 
    /* MP_visual_cont */
    .MP_customer_landing .MP_visual_cont { padding:80px 0; }
    .MP_customer_landing .MP_visual_cont .tit_l { font-size:30px;line-height:44px; }

    /* MP_customer_cont */
    .MP_customer_landing .MP_customer_cont { padding:80px 0 40px; }
    .MP_customer_landing .MP_customer_cont .inner { margin-top:-50px; }
    .MP_customer_landing .MP_customer_cont:before { left:0;right:auto;width:5.2%;height:80px;content:'';background:#F7F9FE; }
    .MP_customer_landing .MP_customer_cont .tit_b { font-size:20px;line-height:29px; }
    .MP_customer_landing .MP_customer_cont .txt { width:270px;margin:10px auto 0;font-size:14px;line-height:24px; }
    
    /* landing_list */
    .MP_customer_landing .landing_list { width:300px; }    
    .MP_customer_landing .landing_list li { width:300px; }
    .MP_customer_landing .landing_list li:nth-last-child(1),
    .MP_customer_landing .landing_list li:nth-last-child(2) { width:300px; } 
    .MP_customer_landing .landing_list li .img { height:180px;padding-bottom:0; }
    .MP_customer_landing .landing_list li .txt { width:auto;margin:0; }
    .MP_customer_landing .landing_list li .md_txt span { display:block; }
    .MP_customer_landing .landing_list li .md_txt span + span:before { display:none; }   
}






/*** MP_customer_inquiryForm ***/
.MP_customer_inquiryForm .img_m { display: none; }
.MP_customer_inquiryForm .img_p { display: block; }
.MP_customer_inquiryForm .inner { padding: 0 147px; }
.MP_customer_inquiryForm .inner .inner_cont { display: flex; justify-content: space-between; }
.MP_customer_inquiryForm .inner .tit_b { text-align: center; margin-bottom: 80px; }
.MP_customer_inquiryForm .inner strong.tit_b { display: block; }
.MP_customer_inquiryForm .inner > .txt { margin-top: 20px; text-align: center; }
.MP_customer_inquiryForm .inquirySection { width: 100%; max-width: 696px; }
.MP_customer_inquiryForm .inquirySection .MP_customer_inquiryCont { display: flex; flex-direction: column; height: 100%; }
.MP_customer_inquiryForm .inquirySection.left_cont { position: relative; overflow: hidden; max-width: 454px; margin-right: 60px; }
.MP_customer_inquiryForm .inquirySection.left_cont article { background-color: #ccc; position: relative; height: 100%; padding: 80px 40px; }
.MP_customer_inquiryForm .inquirySection.left_cont .img { height: 100%; }
.MP_customer_inquiryForm .inquirySection.left_cont .img p { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.MP_customer_inquiryForm .inquirySection.left_cont aside { position: absolute; top: 80px; left: 0; padding: 0 40px; }
.MP_customer_inquiryForm .inquirySection.left_cont aside .txt_cont strong { display: block; color: #fff; margin-bottom: 20px; }
.MP_customer_inquiryForm .inquirySection.left_cont aside .txt_cont .md_txt { color: #fff; font-size: 18px; }
.MP_customer_inquiryForm .inquirySection.left_cont aside .txt_cont a { display: block; margin: 40px auto 0 auto; }
.MP_customer_inquiryForm .inquirySection.left_cont aside .txt_cont.black .md_txt { color: #000; }
.MP_customer_inquiryForm .inquirySection.left_cont aside .txt_cont.black a { color: #000; }
.MP_customer_inquiryForm .inquirySection.left_cont aside .txt_cont.black a:hover,
.MP_customer_inquiryForm .inquirySection.left_cont aside .txt_cont.black a:focus { color: #fff; }
.MP_customer_inquiryForm .inquirySection.left_cont aside .txt_cont.black a::before { background-color: #000; }
.MP_customer_inquiryForm .inquirySection.left_cont aside .txt_cont.black a::after { border: 1px solid #000; }

/* MP_customer_inquiryCont */
.MP_customer_inquiryCont .form_list { margin-bottom: 40px; }
.MP_customer_inquiryCont .form_list dl { display: flex; flex-wrap: wrap; margin-left: -50px; align-items: center; }
.MP_customer_inquiryCont .form_list dt, .MP_customer_inquiryCont .form_list dd { margin-bottom: 20px; }
.MP_customer_inquiryCont .form_list dt { width: 80px; margin-left: 50px; }
.MP_customer_inquiryCont .form_list dt i { margin-right: 4px; color: #F00; vertical-align: -3px; }
.MP_customer_inquiryCont .form_list dd { width: calc(50% - 130px); }
.MP_customer_inquiryCont .form_list dd.colspan3 { width: calc(100% - 130px); }
.MP_customer_inquiryCont .form_list dt.colspan4 { width: 100%; margin-left: 50px; padding-top: 0; margin-top: 30px; }
.MP_customer_inquiryCont .form_list dd.colspan4 { width: 100%; margin-left: 50px; }
.MP_customer_inquiryCont .form_list dt .lab_frm { display: table-cell; vertical-align: middle; }
.MP_customer_inquiryCont .form_list .emph_frm_caution { display: inline-block; font-size: 1.2rem; line-height: normal; letter-spacing: 0; vertical-align: top; }
.MP_customer_inquiryCont .form_list .outer_half { margin-left: -5rem; line-height: normal; }
.MP_customer_inquiryCont .form_list .inner_half { width: 54.2727%; padding-left: 5rem; line-height: normal; vertical-align: top; }
.MP_customer_inquiryCont .form_list .inner_half:first-child { width: 45.7272%; }
.MP_customer_inquiryCont .form_list .inner_half .invalid_msg { text-align: left; vertical-align: top; }
.MP_customer_inquiryCont .form_list .inner_half .emph_frm_caution { margin-top: 0.7rem; }
.inquirySection .MP_customer_inquiryCont .inquiry_banner { background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; justify-content: space-between; align-items: center; padding: 30px; margin-bottom: 20px; }
.inquirySection .MP_customer_inquiryCont .inquiry_banner p { color: #fff; }
.inquirySection .MP_customer_inquiryCont .inquiry_banner p strong { display: block; font-size: 18px; }
.inquirySection .MP_customer_inquiryCont .inquiry_banner a { width: 210px; height: 44px; line-height: 42px; }

/* invalid_msg */
.MP_customer_inquiryCont .invalid_msg { display: none; margin-top: 5px; font-size: 14px; line-height: 24px; color: #FF0000; }
.MP_customer_inquiryCont input.invalid + .invalid_msg, .MP_customer_inquiryCont select.invalid + .invalid_msg { display: block; }
.MP_customer_inquiryCont input.invalid + .outer_half .invalid_msg, .MP_customer_inquiryCont select.invalid + .outer_half .invalid_msg { display: block; }

/* input */
.MP_customer_inquiryCont input[type=text], .MP_customer_inquiryCont input[type=password] { height: 60px; border-color: #DDD; }
.MP_customer_inquiryCont input[type=text].invalid, .MP_customer_inquiryCont input[type=password].invalid { border-color: #FF0000; }
.MP_customer_inquiryCont input:read-only, .MP_customer_inquiryCont input[readonly=readonly] { background-color: #F9F9F9; }

/* IE */
.MP_customer_inquiryCont select::-ms-expand { display: none; }
.MP_customer_inquiryCont select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.MP_customer_inquiryCont select { position: relative; display: block; width: 100%; height: 60px; padding: 0 20px; background-image: url('https://image.samsungsds.com/module_src/images/icon/ic_dropdown_20.svg'); background-repeat: no-repeat; background-position: calc(100% - 20px) center; border: 1px solid #DDD; font-size: 16px; }
.MP_customer_inquiryCont select.invalid { border-color: #FF0000; }

/* select box */
.MP_customer_inquiryCont .select_box { display: flex; flex-wrap: wrap; }
.MP_customer_inquiryCont .select_box .select_item { width: calc(50% + 15px); margin-left: 50px; }
.MP_customer_inquiryCont .select_box .select_item:first-of-type { width: calc(50% - 65px); margin-left: 0; }

/* txta_cont */
.MP_customer_inquiryCont .txta_cont { width: 100%; height: 250px; }

/* form */
.MP_customer_inquiryCont .form { width: 100%; height: 100%; background-color: #f5f5f5; }
.MP_customer_inquiryCont .check_msg.type1 { padding: 40px; background-color: transparent; }
.MP_customer_inquiryCont .check_msg.type1 .txt { margin-top: 25px; line-height: 24px; }
.MP_customer_inquiryCont .check_msg.type1 .txt + ul { margin-top: 20px; }
.MP_customer_inquiryCont .check_msg.separate_tnc li:first-child { height: 24px; line-height: 24px; }
.MP_customer_inquiryCont .check_msg.separate_tnc > ul > li:first-child { padding-left: 40px; }
.MP_customer_inquiryCont input[type=checkbox] { top: 2px; left: 0; width: 20px; height: 20px; }
.MP_customer_inquiryCont .check_msg li { position: relative; height: 24px; margin-top: 20px; padding-left: 40px; line-height: 24px; }
.MP_customer_inquiryCont .check_msg li.ck_option { height: auto; }
.MP_customer_inquiryCont .check_msg li .ip_btn { margin: 0; padding: 0; line-height: 24px; }
.MP_customer_inquiryCont .check_msg.type1 .ip_check .icon { top: 2px; border-color: #888; }
.MP_customer_inquiryCont .check_msg.type1 input[type=checkbox]:checked+label .icon { border-color: #000; }
.MP_customer_inquiryCont .term_option { font-size: 1.6rem; }
.MP_customer_inquiryCont .check_msg.type1 ul + h2 { margin-top: 40px; }
.MP_customer_inquiryCont .check_msg.type1 li .ck_opt_child + .ip_check { position: static; margin-left: 0; padding-left: 0; }
.MP_customer_inquiryCont .newsletter_type { margin-top: 15px; }
.MP_customer_inquiryCont .newsletter_type ul { margin-top: -20px; padding: 0; margin-left: -2rem; }
.MP_customer_inquiryCont .check_msg li .newsletter_type ul { margin-left: -2rem; }
.MP_customer_inquiryCont .newsletter_type li { display: inline-block !important; margin-left: 20px; padding-top: 0 !important; padding-left: 40px; line-height: 24px; }
.MP_customer_inquiryCont .newsletter_type li:first-of-type { padding-left: 40px; }
.MP_customer_inquiryCont .newsletter_type li .ck_opt_child + label { position: absolute; top: 0; left: 0; width: 100%; height: 24px; }
.MP_customer_inquiryCont .newsletter_type li label .icon { top: 3px; border-color: #888; }
.MP_customer_inquiryCont .newsletter_type li input[type=checkbox]:checked+label .icon { border-color: #000; }
.MP_customer_inquiryCont .txt_cookie_info { margin: 10px 0 0 0; font-size: 12px; color: #000; }
.MP_customer_inquiryCont .btn_btm { margin-top: 40px; line-height: normal; height: 42px;}
.MP_customer_inquiryCont input:focus+.ip_check .icon, .MP_customer_inquiryCont input:focus+label .icon { outline: -webkit-focus-ring-color solid 1px; }
.MP_customer_inquiryCont .form_list .check_msg { margin-left: 30px; }
.MP_customer_inquiryCont .form_list .check_msg input[type=checkbox] { top: 4px; }
.MP_customer_inquiryCont .form_list .check_msg .ip_check .icon { top: 2px; border-color: #888; }
.MP_customer_inquiryCont .form_list .check_msg input[type=checkbox]:checked+label .icon { border-color: #000; }
.MP_customer_inquiryCont .form_list .check_msg .ip_check { position: static; display: block; font-size: 1.6rem; line-height: 38px; font-weight: normal; margin: 6px 0; overflow: inherit; }
.MP_customer_inquiryCont .form_list .check_msg .ck_opt_child + label { position: absolute; top: -4px; left: 0; width: 100%; min-height: 24px; }

/* moudle_ty */
.MP_customer_inquiryCont * + .moudle_ty { margin-top: 40px; }
.MP_customer_inquiryCont .moudle_ty { display: flex; align-items: center; justify-content: space-between; padding: 30px; background: #FAFAFA; }
.MP_customer_inquiryCont .moudle_ty .txt { font-weight: 500; font-size: 18px; line-height: 27px; color: rgba(0, 0, 0, 0.7); }
.MP_customer_inquiryCont .moudle_ty .btn_area .btn_m { min-width: 210px; }

/* combobox_list */
.MP_customer_inquiryCont .combobox_list_area { position: relative; }
.MP_customer_inquiryCont .combobox_list { overflow-y: scroll; overflow-x: hidden; position: absolute; top: 59px; left: 0; z-index: 6999; width: 100%; max-height: 210px; background: #FFF; border: 1px solid #DDD; }
.MP_customer_inquiryCont .combobox_list.open { display: block; }
.MP_customer_inquiryCont .combobox_list .combobox_li { cursor: pointer; }
.MP_customer_inquiryCont .combobox_list .combobox_item { padding: 3px 16px 3px; }
.MP_customer_inquiryCont .combobox_list .combobox_item:hover, .MP_customer_inquiryCont .combobox_list .combobox_item:focus, .MP_customer_inquiryCont .combobox_list .combobox_item.selected { background: #007fff; color: #FFF; }
.MP_customer_inquiryCont + .check_msg { margin-top: 4rem; }
html[lang='en'] .MP_customer_inquiryCont .form_list dl { margin-top: -1.5rem; }
html[lang='en'] .MP_customer_inquiryCont .form_list dt { display: table; width: 10.1rem; height: 6rem; margin-left: auto; padding: 0; }
html[lang='en'] .MP_customer_inquiryCont .form_list dd { width: calc(50% - 15rem); }
html[lang='en'] .MP_customer_inquiryCont .form_list dd.colspan3 { width: calc(100% - 15rem); }
html[lang='en'] .MP_customer_inquiryCont .form_list dd.colspan4 { width: 100%; }
html[lang='en'] .MP_customer_inquiryCont .txta_cont { height: 15rem; }

/* 웨비나 문의하기 */
.MP_customer_inquiryForm .inquirySection.left_cont.webinar article { padding: 0; background-color: #fff; }
.MP_customer_inquiryForm .inquirySection.left_cont.webinar .thumb { height: auto; position: relative; margin-bottom: 40px; }
.MP_customer_inquiryForm .inquirySection.left_cont.webinar .thumb .img { width: 100%; height: 380px; }
.MP_customer_inquiryForm .inquirySection.left_cont.webinar aside { position: relative; top: 0px; padding: 40px; background-color: #F5F5F5; height: 100%; }
.MP_customer_inquiryForm .inquirySection.left_cont.webinar aside .txt_cont .md_txt { color: #000; }
.MP_customer_inquiryForm .inquirySection.left_cont.webinar aside .txt_cont strong { color: #000; }
/* //웨비나 문의하기 */

/* agenda 내용 */
.inquiry_agenda_container { padding-top: 0; }
.inquiry_agenda_container .inner { padding: 0 147px; }
.security2022-wrapper .inblock { display: block }
.security2022-wrapper .realwebinar-wrap { width: 100%; margin: auto; }
.security2022-wrapper .section-wrap { width: 100%; margin: auto; padding: 20px 0; }
.security2022-wrapper .program-wrap .program-container:first-of-tpe { margin-bottom: 0.5rem; }
.security2022-wrapper .program-wrap .program-container .program__title { background-color: #252525; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.security2022-wrapper .program-wrap .program-container .program__title p { width: 85%; padding: 0.8rem 1.2rem; font-size: 18px; font-weight: 500; text-align: center; }
.security2022-wrapper .program-wrap .program-container .program__title p.t_title em { display: none }
.security2022-wrapper .program-wrap .program-container .program__title p.t_time { width: 15%; min-width: 4rem; border-right: 1px solid #484848; }
.security2022-wrapper .program-wrap .program-container .program__contents { height: auto; overflow: hidden; font-size: 1rem; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.security2022-wrapper .program-wrap .program-table { display: table; width: 100%; border-collapse: collapse; }
.security2022-wrapper .program-wrap .program-table > ul { display: table-row; }
.security2022-wrapper .program-wrap .program-table > ul > li { border: 1px solid #777; }
.security2022-wrapper .program-wrap .program-table > ul > li:first-of-type { width: 15%; min-width: 4rem; font-size: 16px; line-height: 1; text-align: center; vertical-align: middle; }
.security2022-wrapper .program-wrap .program-table > ul li { display: table-cell; padding: 0.7rem 0.8rem; vertical-align: middle; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap { padding: 0; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .inner-table { display: table; width: 100%; height: 100%; border-collapse: collapse; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .inner-table li { border-left: 1px solid #414141; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .inner-table li:first-of-type { border-left: 0; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .inner-table li:first-of-type > p { line-height: 28px; font-size: 0.8rem; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .inner-table li:first-of-type .bold { font-weight: bold; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .inner-table li:last-of-type .tit_mc { font-weight: bold; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .inner-table .inblock { display: block; }
.w100p { width: 100%; }
.dp-flex { display: flex; flex-flow: row wrap; font-weight: 600; }
.security2022-wrapper .program-wrap .program-table>ul .inner-table-wrap .dp-flex .inner-table { display: flex; flex-flow: column nowrap; width: 100%; text-align: center; font-size: 16px; }
.security2022-wrapper .program-wrap .program-table>ul .inner-table-wrap .dp-flex .inner-table li { display: flex; flex-direction: column; justify-content: center; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table:first-of-type li { border-left: 0; }
.ct-flex { display: flex; flex-flow: row wrap; font-weight: 600; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table { display: flex; flex-flow: column nowrap; width: calc(100% / 3); text-align: left; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table li { flex-direction: column; justify-content: center; word-break: keep-all; font-size: 16px; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table li:first-of-type { flex-direction: row; font-size: 16px; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table li:not(:first-of-type) { min-height: 90px; line-height: 20px; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table li:last-of-type { min-height: 6.75rem; border-bottom: none; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table li.break-time { height: 36px; color: #fff; min-height: auto; text-align: center; border-left: none; background: #2b2b2b; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table li.break-time span { line-height: normal; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table:first-child li.break-time span { display: none; }
.security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table:last-child li.break-time span { display: none; }
.ct-flex .inner-table .title { font-weight: 600; text-align: center; color: #fff; }
.title-bg-1 { background: #44569f; }
.title-bg-2 { background: #67a4d7; }
.title-bg-3 { background: #6fabb8; }
.inner-table .info-text { margin-top: 5px; font-size: 14px; font-weight: 100; }
.security2022-wrapper .inquiry_btn { font-size: 14px; display: block; text-align: center; margin-top: 15px; }
/* //agenda 내용 */

.MP_customer_inquiryForm .inner .submitBtn_area { width: calc(100% - 514px); max-width: 696px; float: right; }
.MP_customer_inquiryForm .inner .submitBtn_area .btn_btm { line-height: normal; text-align: center; }

/* 20230627 기술 분석 백서(2023) 하드코딩 form */
.gated_form .form.formType_1 .form_list dl { display: flex; align-items: center; flex-wrap: wrap; margin-left: -50px; font-size: 16px; }
.gated_form .form.formType_1 .form_list dl dt { width: 80px; margin-left: 50px; }
.gated_form .form.formType_1 .form_list dl dt i { margin-right: 4px; color: #F00; vertical-align: -3px; }
.gated_form .form.formType_1 .form_list dl dd { width: calc(50% - 130px); }
.gated_form .form.formType_1 .form_list dl dt, .gated_form .form.formType_1 .form_list dl dd { margin-bottom: 20px; }
.gated_form .form.formType_1 .form_list dl dd input[type=text], .gated_form .form.formType_1 .form_list dl dd input[type=password] { height: 60px; border-color: #DDD; }
.gated_form .form.formType_1 .form_list dl dd.colspan3 { width: calc(100% - 130px); }
.gated_form .form.formType_1 .form_list .invalid_msg { display: none; margin-top: 5px; font-size: 14px; line-height: 24px; color: #FF0000; }
.gated_form .form.formType_1 .form_list select { position: relative; display: block; width: 100%; height: 60px; padding: 0 20px; background-image: url('https://image.samsungsds.com/module_src/images/icon/ic_dropdown_20.svg'); background-repeat: no-repeat; background-position: calc(100% - 20px) center; border: 1px solid #DDD; font-size: 16px; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.gated_form .form.formType_1 .form_list dl input[type=text].invalid, .gated_form .form.formType_1 .form_list dl input[type=password].invalid { border-color: #FF0000; }
.gated_form .form.formType_1 .form_list dl input.invalid + .invalid_msg, .gated_form .form.formType_1 .form_list dl select.invalid + .invalid_msg { display: block; }

html[lang="en"] .gated_form .form.formType_1 .form_list dl dt { width: 130px; }
html[lang="en"] .gated_form .form.formType_1 .form_list dl dd { width: calc(50% - 180px); }
html[lang="en"] .gated_form .form.formType_1 .form_list dl dd.colspan3 { width: calc(100% - 180px); }
html[lang="en"] .check_msg.type1 ul .all_agree label.ip_check { position: static; margin-left: 0; padding-left: 0; }
/* //20230627 기술 분석 백서(2023) 하드코딩 form */

/* 20241106 AR_replay 추가 */
.AR_hero {min-height: 260px; display: flex; align-items: center; background-position: 65% center; position: relative;}
.AR_hero h1 {min-width:1504px; margin: 0 auto; padding: 0 147px; z-index: 1;}
.MP_customer_inquiryForm.AR_replay {padding-bottom: 300px;}
.MP_customer_inquiryForm.AR_replay .inquirySection.left_cont {overflow: unset;}
.MP_customer_inquiryForm.AR_replay .inquirySection.left_cont article {background-color: #f5f5f5; padding: 40px; overflow-y: auto;}
.MP_customer_inquiryForm.AR_replay .inquirySection.left_cont aside {top: 0; padding: 40px;}
.MP_customer_inquiryForm .inquirySection.left_cont aside .txt_cont strong{color: #000; font-size: 17px;}
.MP_customer_inquiryForm .inquirySection.left_cont aside .txt_cont .md_txt{color: #000; font-size: 15px;}
.AR_IDC{display: flex; justify-content: center; padding-top: 20px; height: unset !important;}

html[lang='en'] .AR_replay .MP_customer_inquiryCont .check_msg.type1 .txt{margin-top: 0;}
html[lang='en'] .AR_replay .form .check_msg{margin: 0;}
html[lang='en'] .AR_replay .MP_customer_inquiryCont .form_list dl{margin-top: 0;}
html[lang="en"] .AR_replay .MP_customer_inquiryCont .form_list dt{ display: unset; width: 90px; height: unset; margin-left: 50px; padding: unset; font-size: 14px;}
html[lang="en"] .AR_replay .MP_customer_inquiryCont .form_list dd{ width: calc(50% - 140px); }
html[lang="en"] .AR_replay .MP_customer_inquiryCont .form_list dd.colspan3 { width: calc(100% - 140px); }
html[lang="en"] .AR_replay .MP_customer_inquiryCont select{font-size: 14px;}
html[lang="en"] .AR_replay .MP_customer_inquiryCont input[type=text]{font-size: 14px;}

@media all and (max-width:1200px) {
    .MP_customer_inquiryForm .inner .tit_b { margin-bottom: 30px; }
    .MP_customer_inquiryForm .inner .inner_cont { flex-direction: column; }
    .MP_customer_inquiryForm .inquirySection { max-width: none; }
    .MP_customer_inquiryForm .inquirySection.left_cont { max-width: none; margin-right: 0px; margin-bottom: 40px; }
    .MP_customer_inquiryForm .inquirySection.left_cont article { height: 480px; padding: 0; }
    .MP_customer_inquiryForm .inquirySection.left_cont aside { top: 40px; padding: 0 20px; height: calc(100% - 40px); }
    .MP_customer_inquiryCont .form_list { margin-top: 0px; }
    .MP_customer_inquiryForm .inner .submitBtn_area { width: 100%; max-width: none; }

    .security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table li:not(:first-of-type) { min-height: 140px; line-height: 20px; }
    .security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table li.break-time { min-height: 40px; }

    /* 웨비나 문의하기 */
    .MP_customer_inquiryForm .inquirySection.left_cont.webinar article { height: auto; }
    .MP_customer_inquiryForm .inquirySection.left_cont.webinar .thumb { margin-bottom: 20px; }
    .MP_customer_inquiryForm .inquirySection.left_cont.webinar aside { height: auto; }
    .MP_customer_inquiryForm .inquirySection.left_cont.webinar aside .txt_cont a { position: relative; bottom: 0; left: auto; margin: 0 auto; }
    /* //웨비나 문의하기 */ 
    
    /* 20241106 AR_replay 추가 */
    .AR_hero h1{min-width: unset;}
    .AR_IDC{padding: 20px 0 40px 0;}
    .AR_IDC img{width: 70%;}
    .pc_only{display: none;}
    .MP_customer_inquiryForm.AR_replay {padding-bottom: 120px;}
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .MP_customer_inquiryForm .img_m { display: block; }
    .MP_customer_inquiryForm .img_p { display: none; }
    .MP_customer_inquiryForm .inner,
    .inquiry_agenda_container .inner { padding: 0 30px !important; }
    .MP_customer_inquiryCont .form_list dl { margin-left: 0; }
    .MP_customer_inquiryCont .form_list dt, .MP_customer_inquiryCont .form_list dd, .MP_customer_inquiryCont .form_list dd.colspan3, .MP_customer_inquiryCont .form_list dd.colspan4 { width: 100%; margin-left: 0; }
    .MP_customer_inquiryCont .form_list dt.colspan4 { width: 100%; margin-left: 0; }
    .MP_customer_inquiryCont .form_list dt { padding: 0; font-size: 16px; margin-bottom: 10px; }
    .MP_customer_inquiryCont .form_list dt:first-child { margin-top: 0; }
    .MP_customer_inquiryCont .select_item, .MP_customer_inquiryCont .select_item:first-of-type { width: 100%; margin-left: 0; }
    .MP_customer_inquiryCont .select_item + .select_item select { border-top: 0; }
    .MP_customer_inquiryCont .form_list .check_msg { margin-left: 0; }
    .MP_customer_inquiryCont .form_list .check_msg li { padding-left: 30px; margin-top: 15px; height: inherit; }
    .MP_customer_inquiryCont .form_list .check_msg li:first-of-type { margin-top: 0; }
    .MP_customer_inquiryCont .form_list .check_msg .ck_opt_child + label { padding: 0 0 0 28px; }
    .MP_customer_inquiryCont .form_list .check_msg li .ip_btn { font-size: 14px; }
    .MP_customer_inquiryForm .inner + .inner { margin-top: 4.5rem; }
    .MP_customer_inquiryCont .form_list .inner_half { width: 50%; }
    .MP_customer_inquiryCont .form_list .inner_half:first-child { width: 50%; }

    .MP_customer_inquiryForm .inquirySection.left_cont aside .txt_cont .md_txt { font-size: 16px; }

    html[lang='en'] .MP_customer_inquiryCont .form_list dl { margin-top: 0; }
    html[lang='en'] .MP_customer_inquiryCont .form_list dt, html[lang='en'] .MP_customer_inquiryCont .form_list dd, html[lang='en'] .MP_customer_inquiryCont .form_list dd.colspan3, html[lang='en'] .MP_customer_inquiryCont .form_list dd.colspan4 { width: 100%; height: auto; }
    html[lang='en'] .MP_customer_inquiryCont .form_list dt:first-child { margin-top: 0; }


    /* agenda 내용 */
    .security2022-wrapper .section-wrap { padding: 10px 0px; }
    .security2022-wrapper .realwebinar-wrap { min-width: auto; }
    .security2022-wrapper .program-wrap .program-container .program__title p { font-size: 16px; }
    .security2022-wrapper .program-wrap .program-container .program__title p.t_time, .security2022-wrapper .program-wrap .program-container .program__title p.t_speaker { width: 15%; display: inline-block; }
    .security2022-wrapper .program-wrap .program-container .program__title p.t_title em { display: inline-block; }
    .security2022-wrapper .program-wrap .program-container .program__title p.t_speaker { opacity: 0; }
    .security2022-wrapper .program-wrap .program-container .program__contents .program__btn-group a { padding: 0.4rem 0.6rem; margin-right: 0.5rem; }
    
    .security2022-wrapper .program-wrap .program-container .program__contents .program__btn-group .program__btn-video::before { margin-top: -0.65rem; margin-right: 0.8rem; }
    .security2022-wrapper .program-wrap .program-container .program__contents .program__btn-group .program__btn-download::before { margin-top: -0.65rem; margin-right: 0.8rem; }
    .security2022-wrapper .program-wrap .program-container .program__contents .program__btn-group .program__btn-qna { margin-top: 0.6rem; }
    .security2022-wrapper .program-wrap .program-container .program__contents .program__btn-group .program__btn-qna::before { margin-top: -0.65rem; margin-right: 0.8rem; }
    .security2022-wrapper .program-wrap .program-table .inner-table { display: block; }
    .security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table { font-size: 1rem; }
    .security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table .info-text { font-size: 13px; }
    .security2022-wrapper .program-wrap .program-table > ul li { padding: .75rem .6rem; }
    .security2022-wrapper .program-wrap .program-table > ul li .ct-flex { padding: 0; }
    .security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table li:not(:first-of-type) { min-height: 125px; }
    .security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table li.break-time { min-height: 40px; }
    .ct-flex .inner-table .title { padding: .6rem .7rem; }
    .inner-table .info-text { margin-top: 7px; }
    .security2022-wrapper .inquiry_btn { font-size: 13px; }
    /* //agenda 내용 */ 

    /* 20230627 기술 분석 백서(2023) 하드코딩 form */
    .gated_form .im { width: 50%; display: block; text-align: center; margin: 0 auto; }
    .gated_form .form.formType_1 { display: block; width: 100%; padding: 0; margin-top: 50px; }
    /* //20230627 기술 분석 백서(2023) 하드코딩 form */

    .MP_customer_inquiryCont .check_msg li .newsletter_type ul { margin-left: 0; }
    
    /* 20241106 AR_replay 추가 */
    .AR_hero::before{content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); top: 0; left: 0;}
    .AR_hero {background-position: 70% center;}
    .AR_hero h1{min-width: unset; font-size: 28px; padding: 0 30px; text-align: center;}
    .AR_IDC{padding: 20px 0 40px 0;}
    .MP_customer_inquiryForm.AR_replay {padding-bottom: 60px;}
    .MP_customer_inquiryForm.AR_replay .inquirySection.left_cont article{height: unset;}
    .MP_customer_inquiryForm.AR_replay .inquirySection.left_cont aside{position: unset; padding: 0;}
        
    html[lang='en'] .AR_replay .MP_customer_inquiryCont .form_list dt,
    html[lang='en'] .AR_replay .MP_customer_inquiryCont .form_list dd,
    html[lang='en'] .AR_replay .MP_customer_inquiryCont .form_list dd.colspan3,
    html[lang='en'] .AR_replay .MP_customer_inquiryCont .form_list dd.colspan4{width: 100%; margin-left: 0;}
}

@media all and (min-width:1px) and (max-width:768px) {
    .MP_customer_inquiryCont input[type=text], .MP_customer_inquiryCont input[type=password], .MP_customer_inquiryCont select { height: 50px; }
    .MP_customer_inquiryCont .txta_cont { height: 140px; font-size: 16px; line-height: 28px; }
    .MP_customer_inquiryCont .form .check_msg { margin-top: 0px; padding: 30px; }
    .MP_customer_inquiryCont .form .check_msg.type1 > ul { padding: 0; }

    /* input */
    .MP_customer_inquiryCont input[type=checkbox]+label .icon { width: 20px; height: 20px; margin-top: 0px; top: 2px; }
    .MP_customer_inquiryCont .check_msg.type1 .txt { margin-top: 15px; line-height: 24px; }
    .MP_customer_inquiryCont .check_msg.type1 .txt + ul { margin-top: 15px; }
    .MP_customer_inquiryCont .check_msg.type1 ul + h2 { margin-top: 30px; }
    .MP_customer_inquiryCont .term_option { font-size: 14px; }
    .MP_customer_inquiryCont .check_msg li { margin-top: 15px; }
    .MP_customer_inquiryCont .check_msg.separate_tnc li:first-child { height: 20px; line-height: 20px; }
    .MP_customer_inquiryCont .check_msg.separate_tnc > ul > li:first-child, .MP_customer_inquiryCont .check_msg li { padding-left: 35px; }
    .MP_customer_inquiryCont .check_msg li .ip_btn { font-size: 14px; line-height: 20px; }
    .MP_customer_inquiryCont .check_msg.separate_tnc .newsletter_type ul li { margin-right: 10px; padding-left: 25px; }
    .MP_customer_inquiryCont .check_msg.separate_tnc .newsletter_type ul li:first-child { margin-left: 0 !important; padding-left: 25px; }
    .MP_customer_inquiryCont .newsletter_type ul { margin-top: -15px; margin-left: -10px; }
    .MP_customer_inquiryCont .newsletter_type li { margin-left: 10px }
    .MP_customer_inquiryCont .newsletter_type li:first-of-type { margin-left: 10px !important; }
    .MP_customer_inquiryCont .txt_cookie_info { padding: 0 30px; }
    .inquirySection .MP_customer_inquiryCont .inquiry_banner { flex-direction: column; background-position: 0 0; }
    .inquirySection .MP_customer_inquiryCont .inquiry_banner p { text-align: center; margin-bottom: 20px; }
    .inquirySection .MP_customer_inquiryCont .inquiry_banner p strong { font-size: 16px; margin-top: 10px; }

    /* moudle_ty */
    .MP_customer_inquiryCont * + .moudle_ty { margin-top: 30px; }
    .MP_customer_inquiryCont .moudle_ty { flex-wrap: wrap; align-items: left; justify-content: center; padding: 30px 20px; }
    .MP_customer_inquiryCont .moudle_ty .txt { width: 100%; font-size: 16px; line-height: 26px; text-align: center; }
    .MP_customer_inquiryCont .moudle_ty .btn_area { width: 100%; margin-top: 30px; }
    .MP_customer_inquiryCont .moudle_ty .btn_area .btn_m { width: 100%; }
    .MP_customer_inquiryCont .form_list .inner_half { width: 100%; margin-top: 1rem; }
    .MP_customer_inquiryCont .form_list .inner_half:first-child { width: 100%; margin-top: 0; }
    .MP_customer_inquiryCont .form_list .inner_half .emph_frm_caution { margin-top: 0.5rem; }
    .MP_customer_inquiryCont .form_list dd.colspan4 .inner_half { margin-top: 0; }
    .MP_customer_inquiryCont .form_list dd.colspan4 .inner_half:first-child { margin-top: 0; }

    /* 웨비나 문의하기 */
    .MP_customer_inquiryForm .inquirySection.left_cont.webinar .thumb .img { height: 250px; }
    .MP_customer_inquiryForm .inquirySection.left_cont.webinar aside { padding: 30px 20px; }
    /* //웨비나 문의하기 */

    /* agenda 내용 */
    .security2022-wrapper .program-wrap .program-container .program__title p { padding: .8rem; font-size: 14px; }
    .security2022-wrapper .program-wrap .program-container .program__title p.t_time,
    .security2022-wrapper .program-wrap .program-table > ul > li:first-of-type { width: 17%; }
    .ct-flex { flex-direction: column; }
    .security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table { font-size: 1.15rem; width: 100%; }
    .security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table li { border-left: none; }
    .security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table li:not(:first-of-type) { min-height: auto; line-height: 20px; }
    .security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table:first-child li.break-time span { display: block; }
    .security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table:last-child li.break-time span { display: block; }
    .security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table li:first-of-type { font-size: 14px; }
    .security2022-wrapper .program-wrap .program-table > ul .inner-table-wrap .ct-flex .inner-table .info-text { font-size: 13px; }
    .security2022-wrapper .program-wrap .program-table > ul > li:first-of-type { font-size: 14px; }
    /* //agenda 내용 */

    /* 20230627 기술 분석 백서(2023) 하드코딩 form */
    .gated_form .im { width: 100%; }
    .gated_form .form.formType_1 .form_list dl { margin-left: 0; }
    .gated_form .form.formType_1 .form_list dl dt { padding: 0; font-size: 16px; margin-bottom: 10px; }
    .gated_form .form.formType_1 .form_list dl dt,
    .gated_form .form.formType_1 .form_list dl dd,
    .gated_form .form.formType_1 .form_list dl dd.colspan3,
    .gated_form .form.formType_1 .form_list dl dd.colspan4,
    html[lang="en"] .gated_form .form.formType_1 .form_list dl dt,
    html[lang="en"] .gated_form .form.formType_1 .form_list dl dd,
    html[lang="en"] .gated_form .form.formType_1 .form_list dl dd.colspan3 { width: 100%; margin-left: 0; }
    /* //20230627 기술 분석 백서(2023) 하드코딩 form */
    
    /* 20241106 AR_replay 추가 */
    .AR_IDC img{width: 100%;}
}





/*** .MP_responsibility ***/
.MP_responsibility { position: relative; }
.MP_responsibility .show_pc { display: block; animation: fade both 0.4s 0.1s ease-in; }
.MP_responsibility .show_mo { display: none; animation: fade both 0.4s 0.1s ease-in; }
.MP_responsibility > .cont { padding: 10rem 0; }
.MP_responsibility .about_tit { max-width: unset; font-size: 4rem; line-height: 5.6rem; text-align: center; }
.MP_responsibility .sub_center_tit { display: block; text-align: center; font-size: 25px; margin-top: 60px; }
.MP_responsibility .im_full { margin: 60px 0; }

/* policy_acco */
.MP_responsibility .policy_acco { max-width: 118rem; margin: 60px auto 0; border-top: 2px solid #999; }
.MP_responsibility .policy_acco > li { border-bottom: 2px solid #999; }
.MP_responsibility .policy_acco > li .tit {display: block; line-height: 3.2rem; color: #000; font-weight: normal; padding: 1.5rem 6rem 1.5rem 2rem; font-size:2rem; background: url(https://image.samsungsds.com/global/ko/images/icon/ico_plus.png?queryString=20241210125943) no-repeat center right 3rem; background-size: 1.6rem auto; }
.MP_responsibility .policy_acco > li .tit[aria-expanded="true"] { background-image: url(https://image.samsungsds.com/global/ko/images/icon/ico_minus.png?queryString=20241210125943); }
.MP_responsibility .policy_acco > li .text { display: none; padding: 2.5rem 4.5rem; border-top: 2px solid #ccc; background: #f3f3f3; }
.MP_responsibility .policy_acco > li .text .txt { font-size: 1.6rem; line-height:2.8rem; color: #000; }
.MP_responsibility .policy_acco > li .text .txt strong { display: block; font-size: 1.8rem; line-height: 3rem; margin-bottom: 1.5rem; }

/* exctv_list */
.MP_responsibility .exctv_list { max-width: 102rem; margin: 3rem auto 0; padding: 0 2rem; }
.MP_responsibility .exctv_list li { position: relative; font-size: 1.8rem; line-height: 3.2rem; padding-left: 1.4rem; color: #000;}
.MP_responsibility .exctv_list li::before { position: absolute; left: 0; top: 0; content: '·'; }
.MP_responsibility .exctv_img { margin: 6rem 0; text-align: center; }
.MP_responsibility .exctv_img img { max-width: 100%; }

/* plan_box */
.MP_responsibility .plan_img { margin-top: 6rem; text-align: center; }
.MP_responsibility .plan_img img { max-width: 100%; }

/* cert_section, cert_table */
.MP_responsibility .cert_list { display: flex; border-collapse: collapse; flex-wrap: wrap; margin-top: 30px; }
.MP_responsibility .cert_list li { display: flex; align-items: center; padding: 20px 50px; width: 50%; border: 1px solid #ddd; margin-top: -1px; margin-left: -1px; }
.MP_responsibility .cert_list li article { width: 100%; max-width: 120px; margin-right: 40px; }
.MP_responsibility .cert_list li article i { display: block; width: 100px; height: 100px; margin: 0 auto 10px auto; background-repeat: no-repeat; background-position: center; }
.MP_responsibility .cert_list li article span { display: block; text-align: center; font-weight: bold; line-height: 22px; }
.MP_responsibility .cert_list li article .bg_txt { display: flex; justify-content: center; align-items: center; max-width: 100px; height: 80px; background-color: #848484; font-size: 12px; line-height: 18px; letter-spacing: -1px; text-align: center; color: #fff; border-radius: 15px; }
.MP_responsibility .cert_list li:nth-of-type(2) article .bg_txt { background-color: #6F6F6F; }
.MP_responsibility .cert_list li:nth-of-type(3) article .bg_txt { background-color: #474747; }
.MP_responsibility .cert_list li:last-of-type article .bg_txt { background-color: #333; }

.MP_responsibility .cert_table { margin: 6rem auto 0; border: 0 none; }
.MP_responsibility .cert_table table { border-right: 0 none; }
.MP_responsibility .cert_table table th,
.MP_responsibility .cert_table table td { min-height:unset; padding: 2.5rem 2rem; text-align: center; vertical-align: middle; font-size: 1.6rem; line-height: 2.8rem; font-weight: bold; color: #000; border-width:0 1px 1px 0; border-style: solid; border-color: #ddd; box-sizing: border-box; }
.MP_responsibility .cert_table table th { background: #fafafa; }
.MP_responsibility .cert_table table th:last-child,
.MP_responsibility .cert_table table td:last-child { border-right: 0;}
.MP_responsibility .cert_table table tbody th,
.MP_responsibility .cert_table table tbody td { font-size: 1.4rem; line-height: 2.4rem; }
.MP_responsibility .cert_table table tbody td { font-weight: normal; text-align: left; }

.MP_responsibility .table_infoTxt { display: block; color: #888; text-align: right; margin: 30px 0 5px 0; }
.MP_responsibility .cert_table_v1 { text-align: center; }
.MP_responsibility .cert_table_v1 thead th { width: 25%; background-color: #FAFAFA; border: 1px solid #ddd; padding: 20px 10px; }
.MP_responsibility .cert_table_v1 tbody td { position: relative; border: 1px solid #ddd; padding: 20px 10px; }
.MP_responsibility .cert_table_v1 tbody td span { display: block; font-size: 14px; line-height: 26px; color: #888; }
.MP_responsibility .cert_table_v1 tbody tr:first-child td:nth-of-type(3)::before, 
.MP_responsibility .cert_table_v1 tbody tr:first-child td:nth-of-type(4)::before, 
.MP_responsibility .cert_table_v1 tbody tr:first-child td:last-child::before { content: ''; width: 100%; height: 4px; position: absolute; top: 0; left: 0; background-color: #ccc; }
.MP_responsibility .cert_table_v1 tbody tr:first-child td:nth-of-type(3)::before { background-color: #000; }
.MP_responsibility .cert_table_v1 tbody tr:first-child td:nth-of-type(4)::before { background-color: #B9D6F9; }
.MP_responsibility .cert_table_v1 tbody tr:first-child td:last-child::before { background-color: #1778EA; }
.MP_responsibility .info_list { margin-top: 60px; }
.MP_responsibility .info_list li { padding: 30px 50px 30px 0; border-bottom: 1px solid #999; display: flex; justify-content: space-between; }
.MP_responsibility .info_list li:first-child { border-top: 1px solid #999; }
.MP_responsibility .info_list li strong { font-size: 25px; line-height: 37px; width: 100%; max-width: 290px; margin-right: 50px; }
.MP_responsibility .info_list li p { width:100%; font-size: 18px; line-height: 32px; }

/* prgm_list */
.MP_responsibility .prgm_list { display: flex; margin-top: 6rem; }
.MP_responsibility .prgm_list .box { position: relative; width: 33%; max-width: 410px; background-color: #F5F5F5; }
.MP_responsibility .prgm_list .box::before { content: ''; position: absolute; width: 20px; height: 80px; right: -35px; top: 0; background-image: url('https://image.samsungsds.com//kr/digital_responsibility/prgm_arrow.png?queryString=20241210125943'); }
.MP_responsibility .prgm_list .box:last-child::before { display: none; }
.MP_responsibility .prgm_list .box + .box { margin-left: 4.4rem; }
.MP_responsibility .prgm_list .md_tit { display: block; line-height: 28px; text-align: center; font-size: 18px; color: #fff; background-color: #7D94A8; padding: 10px 0; }
.MP_responsibility .prgm_list .box:first-child .md_tit { background-color: #3771A4; }
.MP_responsibility .prgm_list .box:nth-of-type(2) .md_tit { background-color: #0098C2; }
.MP_responsibility .prgm_list .box:last-child .md_tit { background-color: #1383EB; }
.MP_responsibility .prgm_list ul { padding: 2rem 3rem 3rem; }
.MP_responsibility .prgm_list ul li + li { margin-top: 1rem; }
.MP_responsibility .prgm_list ul li { position: relative; padding-left: 1.4rem; font-size: 1.6rem; line-height: 2.6rem; }
.MP_responsibility .prgm_list ul li:before { position: absolute; left: 0; top: 1.3rem; content: ''; display: block; width: 4px; height: 4px; background: #000; border-radius: 50%; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .MP_responsibility .show_pc { display: none; }
    .MP_responsibility .show_mo { display: block; }

    .MP_responsibility > .cont { padding: 4.5rem 0 5rem; }
    .MP_responsibility .about_tit { font-size: 2rem; line-height: 3rem; }
    .MP_responsibility .about_tit + .sub_tit { margin-top: 2rem; }
    .MP_responsibility .sub_tit { font-size: 1.4rem; line-height: 2.4rem; padding: 0; }
    .MP_responsibility .sub_center_tit { font-size: 20px; line-height: 32px; margin-top: 40px; }
    
    .MP_responsibility .im_full { margin: 40px 0; }
    .MP_responsibility .im_full img { margin: 0px auto; }

    /* policy_acco */
    .MP_responsibility .policy_acco { margin-top: 4.4rem; margin-left: -3rem; margin-right: -3rem; }
    .MP_responsibility .policy_acco > li .tit { font-size: 1.6rem; line-height: 2.4rem; }
    .MP_responsibility .policy_acco > li .text { padding: 2rem; }
    .MP_responsibility .policy_acco > li .text .txt,
    .MP_responsibility .policy_acco > li .text .txt strong { font-size: 1.4rem; line-height: 2.4rem; }

    /* exctv_list */
    .MP_responsibility .exctv_list { margin-top: 2rem; padding: 0; }
    .MP_responsibility .exctv_list li { font-size: 1.4rem; line-height: 2.4rem; padding-left: 1.1rem; }
    .MP_responsibility .exctv_img { margin: 4rem 0; }

    /* plan_box */
    .MP_responsibility .plan_img { margin-top: 4rem; }

    /* cert_section, cert_table */
    .MP_responsibility .table_infoTxt { margin-top: 20px; }
    .MP_responsibility .cert_list { margin-top: 20px; }
    .MP_responsibility .cert_list li { width: 100%; margin-left: 0; padding: 20px; align-items: flex-start; }
    .MP_responsibility .cert_list li article { max-width: 70px; margin-right: 20px; }
    .MP_responsibility .cert_list li article i { width: 70px; height: 70px; background-size: 100%; margin-bottom: 5px; }
    .MP_responsibility .cert_list li article .bg_txt { width: 70px; height: 70px; font-size: 10px; padding: 5px 0; }

    .MP_responsibility .cert_table { margin-top: 4rem; }
    .MP_responsibility .cert_table table { min-width: 129.2rem; }
    .MP_responsibility .cert_table table th,
    .MP_responsibility .cert_table table td { padding: 1.5rem 2rem; }

    .MP_responsibility .cert_table_v1 { overflow-x: auto; }
    .MP_responsibility .cert_table_v1 table { width: 100%; min-width: 800px; }
    .MP_responsibility .info_list { margin-top: 40px; }
    .MP_responsibility .info_list li { padding: 30px 10px; flex-wrap: wrap; justify-content: flex-start; }
    .MP_responsibility .info_list li strong { font-size: 18px; line-height: 27px; width: 100%; max-width: none; margin-right: 0px; margin-bottom: 9px; }
    .MP_responsibility .info_list li p { font-size: 14px; line-height: 24px; }

    /* prgm_list */
    .MP_responsibility .prgm_list { display: block; margin-top: 4rem; }
    .MP_responsibility .prgm_list .box { width: 100%; max-width: unset; }
    .MP_responsibility .prgm_list .box + .box { margin: 40px 0 0; }
    .MP_responsibility .prgm_list .box::before { width: 250px; height: 20px; right: 50%; transform: translate(50%, 0%); top: auto; bottom: -30px; background-image: url('https://image.samsungsds.com//kr/digital_responsibility/prgm_arrow_mo.png?queryString=20241210125943'); }
    .MP_responsibility .prgm_list .md_tit { line-height: 28px; font-size: 1.6rem; }
    .MP_responsibility .prgm_list ul { padding: 1.5rem 3rem 2rem; }
    .MP_responsibility .prgm_list ul li { font-size: 1.4rem; line-height: 2.4rem; padding-left: 1.3rem; }
    .MP_responsibility .prgm_list ul li:before { top: 1.1rem; width: 3px; height: 3px; }
}

@media all and (max-width:768px) {
    /* policy_acco */
    .MP_responsibility .policy_acco > li .tit { background-position: center right 1.4rem; background-size: 1.1rem auto; }
    .MP_responsibility .policy_acco > li .text { padding: 1.6rem 1.4rem; }
}




/*** MP_ai ***/
.MP_ai em { font-weight: inherit; }
.MP_ai .pc_show { display: block; }
.MP_ai .mo_show { display: none; }

.MP_ai .section_vis { position: relative; height: 56rem; min-height: 51rem; background: #000; overflow: hidden; }
.MP_ai .section_vis .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; animation: scaleBg both ease-in-out 3.2s; overflow: hidden; z-index: 1;}
.MP_ai .section_vis .img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.MP_ai .section_vis .txt { position: relative; width: 100%; max-width: 150.4rem; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 9.3rem 9.6rem; margin: 0 auto; color: #fff; z-index: 11; }
.MP_ai .section_vis .txt h1 { font-size: 4.4rem; line-height: 6rem; }
.MP_ai .section_vis .txt strong { display: block; font-size: 2.4rem; line-height: 3.4rem; margin-top: 2rem; }
.MP_ai .section_vis .txt p { font-size: 1.8rem; line-height: 3.4rem; margin-top: 1rem; }

.MP_ai .fixed_tab { position: absolute; left: 0; bottom: 0; width: 100%; height: 9.6rem; z-index: 11; }
.MP_ai .fixed_tab .tab_inner { width: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 11; }
.MP_ai .fixed_tab.fixed .tab_inner { position: fixed; left: 0; right: 0; transition: 0.2s; }
.MP_ai .fixed_tab ul { max-width: 131.8rem; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.MP_ai .fixed_tab ul li { flex: 1 1 33.333%; text-align: center; }
.MP_ai .fixed_tab ul li a { display: flex; flex-direction: column; justify-content: center; height: 9.6rem; color: #fff; opacity: 0.5; transition: all .2s; }
.MP_ai .fixed_tab ul li a span { font-size: 1.5rem; line-height: 2.2rem; margin-bottom: 0.3rem; }
.MP_ai .fixed_tab ul li a strong { font-size: 2rem; line-height: 2.9rem; }
.MP_ai .fixed_tab ul li.active a { background-color: #0A78EA; opacity: 1; }

.MP_ai .cont.section0,
.MP_ai .cont.section1,
.MP_ai .cont.section2 { padding: 10rem 0; }

.MP_ai .cont .ttl_wrap { position: relative; }
.MP_ai .cont .ttl_wrap em { display: block; font-size: 1.9rem; line-height: 2.8rem; }
.MP_ai .cont .ttl_wrap strong { display: block; font-size: 2.4rem; line-height: 3.6rem; margin-top: 1.5rem; }
.MP_ai .cont .ttl_wrap h2 { font-size: 4.6rem; line-height: 6.8rem; }
.MP_ai .cont .ttl_wrap .btn_wrap { display: flex; margin-top: 2.8rem; }
.MP_ai .cont .ttl_wrap .btn_wrap p { flex: 1 1 50%; font-size: 1.9rem; line-height: 2.8rem; color: #666; text-align: left; margin-right: auto; }
.MP_ai .cont .ttl_wrap .btn_wrap .btn_m { min-width: auto; }
.MP_ai .cont .ttl_wrap .btn_wrap .btn_m span { white-space: nowrap; word-break: keep-all;}
.MP_ai .cont .ttl_wrap .btn_wrap .btn_m + .btn_m { margin-left: 1rem; }

.MP_ai .cont .contents { margin-top: 6rem; }
.MP_ai .cont .col_group { display: flex; align-items: center; justify-content: space-between; }
.MP_ai .cont .col_group .col_l { flex: 0 0 47.7%;}
.MP_ai .cont .col_group .col_r { flex: 1 1 50%; margin-left: 3rem; }

.MP_ai .module_ty .img { margin-bottom: 0 }
.MP_ai .module_ty .img:before { padding-bottom: 61.049%; }
.MP_ai .module_ty .img .img_p { background-size: cover; background-position: center; background-repeat: no-repeat; }
.MP_ai .module_ty .img .btn_movie { left: 50%; top: 50%; width: 6.9rem; height: 6.9rem; transform: translate(-51%,-52%); z-index:2; }
.MP_ai .module_ty .img .btn_movie:after { border-width: 9px 0 9px 15px; }
.MP_ai .module_ty .img .md_link:hover .btn_movie:before,
.MP_ai .module_ty .img .md_link:focus .btn_movie:before {transform:translateX(0);}
.MP_ai .module_ty .img .md_link:hover .btn_movie:after,
.MP_ai .module_ty .img .md_link:focus .btn_movie:after {border-left-color:#fff;}

.MP_ai .txt_list li { padding: 2.9rem 4rem; background: #F8F8F8; }
.MP_ai .cont.bg .txt_list li { background: #fff; }
.MP_ai .txt_list li + li { margin-top: 1.5rem; }
.MP_ai .txt_list li span { display: block; font-size: 1.6rem; line-height: 2.4rem; color:#666; }
.MP_ai .txt_list li strong { display: block; font-size: 2.4rem; line-height: 3.6rem; }

html[lang='en'] .MP_ai .txt_list li { display: flex; flex-direction: column; }
html[lang='en'] .MP_ai .txt_list li span { order: 2; }

.MP_ai .cont.section3 { padding: 10rem 0; }
.MP_ai .box_link { display: flex; align-items: flex-start; justify-content: space-between; }
.MP_ai .box_link li { position: relative; flex: 0 0 calc(50% - 1.95rem); height: 22.5rem; padding: 3rem 8rem 3rem 3rem; background: #fff; }
.MP_ai .box_link li + li { margin-left: 2.6rem; }
.MP_ai .box_link li strong { display: block; font-size: 2.2rem; line-height: 3.3rem; }
.MP_ai .box_link li p { font-size: 1.8rem; margin-top: 2rem; }
.MP_ai .box_link .arrow_btn { position:absolute; right: 3rem; bottom: 3rem; display:block; width: 3.3rem; height: 1.6rem; }
.MP_ai .box_link .arrow_btn .arrow_icon{ position:absolute; right:0; top:50%; margin-top: -1px; display:block; width: 3.3rem; height: 2px; background: #000; transition:all 0.3s; }
.MP_ai .box_link .arrow_btn .arrow_icon:before { position: absolute; right: 0; top: -4px; content:''; display: block; width: 1rem; height: 1rem; transform: rotate(45deg); border: solid #000; border-width: 2px 2px 0 0; }
.MP_ai .box_link .arrow_btn:hover .arrow_icon { right: -3px; }
.MP_ai .M10_A { padding-top: 0 !important; }

/* animation */
.MP_ai .ban { opacity: 0; transition: all 500ms ease; }
.MP_ai .ban.in-view { opacity: 1; }
.MP_ai .section_vis .txt > * { animation: txtTop both 0.4s 0.1s; }
.MP_ai .section_vis .txt h1 { animation-delay: .1s; }
.MP_ai .section_vis .txt strong { animation-delay: .3s; }
.MP_ai .section_vis .txt p { animation-delay: .5s; }
.MP_ai .ban.in-view .ttl_wrap > * { animation: txtTop both 0.4s 0.1s; }
.MP_ai .ban.in-view .ttl_wrap em { animation-delay: .1s; }
.MP_ai .ban.in-view .ttl_wrap h2 { animation-delay: .3s; }
.MP_ai .ban.in-view .ttl_wrap .btn_wrap { animation-delay: .5s; }
.MP_ai .ban.in-view .img { animation: fade both 0.4s 0.2s; }
.MP_ai .ban.in-view .txt_list li { animation: txtTop both 0.4s 0.1s; }
.MP_ai .ban.in-view .txt_list li:nth-child(1) { animation-delay: .1s ;}
.MP_ai .ban.in-view .txt_list li:nth-child(2) { animation-delay: .3s ;}
.MP_ai .ban.in-view .txt_list li:nth-child(3) { animation-delay: .5s ;}


@media all and (max-width:1023px) {
    .MP_ai .pc_show { display: none; }
    .MP_ai .mo_show { display: block; }

    .MP_ai .section_vis { height: calc(100vh - 110px);}
    .MP_ai .section_vis .txt { padding: 4rem 3rem 9rem; justify-content: flex-start; }
    .MP_ai .section_vis .txt h1 { font-size: 3.4rem; line-height: 5rem; }
    .MP_ai .section_vis .txt strong { font-size: 2rem; line-height: 3rem; }
    .MP_ai .section_vis .txt p { font-size: 1.4rem; line-height: 2.4rem; margin-top: 0.5rem; }

    .MP_ai .fixed_tab { height: 6.6rem; }
    .MP_ai .fixed_tab ul li a { padding: 0 2rem; }
    .MP_ai .fixed_tab ul li a span { display: none; }
    .MP_ai .fixed_tab ul li a { height: 6.6rem; font-size: 1.4rem; line-height: 2rem; }
    .MP_ai .fixed_tab ul li a strong { font-size: 1.4rem; line-height: 2rem; }

    .MP_ai .cont.section0,
    .MP_ai .cont.section1,
    .MP_ai .cont.section2 { padding: 6rem 0; }

    .MP_ai .cont .ttl_wrap em { font-size: 1.6rem; line-height: 2.4rem; }
    .MP_ai .cont .ttl_wrap strong { font-size: 1.6rem; line-height: 2.6rem; }
    .MP_ai .cont .ttl_wrap h2 { font-size: 2.4rem; line-height: 3.6rem; margin-top: 0.5rem; }
    .MP_ai .cont .ttl_wrap .btn_wrap { flex-wrap: wrap; margin-top: 1rem; }
    .MP_ai .cont .ttl_wrap .btn_wrap p { flex: 0 0 100%; font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 3rem; }
    .MP_ai .cont .ttl_wrap .btn_wrap .btn_m { flex: 1 1 calc(50% - 0.5rem); padding: 0 2rem; }

    .MP_ai .cont .contents { margin-top: 4rem; }
    .MP_ai .cont .col_group { display: block; }
    .MP_ai .cont .col_group .col_r { margin: 2rem 0 0; }

    .MP_ai .module_ty .img .btn_movie { width: 5rem; height: 5rem; }
    .MP_ai .module_ty .img .btn_movie:after { border-width: 7px 0 7px 12px; }

    .MP_ai .txt_list li { padding: 2rem; }
    .MP_ai .txt_list li + li { margin: 1rem 0 0; }
    .MP_ai .txt_list li span { font-size: 1.4rem; }
    .MP_ai .txt_list li strong { font-size: 1.8rem; line-height: 2.8rem; }

    .MP_ai .cont.section3 { padding: 5rem 0; }
    .MP_ai .box_link { display: block; }
    .MP_ai .box_link li { height: 14rem; padding: 2rem 5rem 2rem 2rem; }
    .MP_ai .box_link li + li { margin: 1rem 0 0; }
    .MP_ai .box_link li strong { font-size: 1.8rem; line-height: 2.7rem; }
    .MP_ai .box_link li p { font-size: 1.4rem; line-height: 2.4rem; margin-top: 1rem; }
    .MP_ai .box_link .arrow_btn { right: 2rem; bottom: 2rem; width: 2.1rem; }
    .MP_ai .box_link .arrow_btn .arrow_icon { width: 2.1rem; }
}




/*** MP_logistics : 디지털 물류(hardCoding) ***/
.MP_logistics .bg_mint { background-color: #EEFCFA; }
.MP_logistics .point_green { color: #039A83; }
.MP_logistics .point_green em { display: inline-block; color: #fff; background-color: #039A83; font-weight: bold; height: 38px !important; line-height: 36px !important; }
.MP_logistics .img_m,
.MP_logistics .only_m { display: none; }
.MP_logistics .tit_m { margin-bottom: 40px; }
.logistics .MP_logistics .M06_E_cont .navigation .carousel-nav button:hover { background-color: transparent !important; }
/* common youtube Thumbnail */
.MP_logistics .video_cont { position: relative; overflow: hidden; }
.MP_logistics .video_cont::before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 56.146%; }
.MP_logistics .video_cont .video_box iframe { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.MP_logistics .video_cont a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.MP_logistics .video_cont a::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.46); transition: all 0.3s ease-in-out; content: ""; z-index: 1; }
.MP_logistics .cont .btn_movie::before { background-color: #039A83; }
.MP_logistics .video_cont a:hover .btn_movie:before, .MP_logistics .video_cont a:focus .btn_movie:before { transform: translateX(0); background-color: #039A83; }
.MP_logistics .video_cont a:hover .btn_movie:after, .MP_logistics .video_cont a:focus .btn_movie:after { border-left-color: #fff; }
.MP_logistics .video_cont .btn_movie:hover i, .MP_logistics .video_cont .btn_movie:focus i { border-color: #039A83; }
.MP_logistics .video_cont .img p { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; transition: none; }
.MP_logistics .video_cont a .btn_movie { left: 50%; top: 50%; transform: translate(-51%, -52%); z-index: 2; }
/* //common youtube Thumbnail */

/* key visual */
.MP_logistics .kv_main { position: relative; padding: 0; }
.MP_logistics .kv_main .custom_inner .md_visual .img { overflow: hidden; }
.MP_logistics .kv_main .custom_inner .md_visual .img p { max-height: 913px; display: flex; width: 100%; justify-content: center; align-items: center; }
.MP_logistics .kv_main .custom_inner .md_visual .img p::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.MP_logistics .kv_main .custom_inner .md_visual .img p video { width: 100%; height: 100%; }
.MP_logistics .kv_main .custom_inner .md_visual .inner { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.MP_logistics .kv_main .custom_inner .md_visual .inner .txt { color: #fff; text-align: center; }
.MP_logistics .kv_main .custom_inner .md_visual .inner .txt h3 { color: #fff; }
.MP_logistics .kv_main .custom_inner .md_visual .inner .txt p { font-size: 24px; line-height: 40px; max-width: 690px; margin: 0 auto 60px auto; }
.MP_logistics .kv_main .custom_inner .md_visual .inner .txt .btn_ty02:before { background: #039A83; }
.MP_logistics .kv_main .custom_inner .md_visual .inner .txt .btn_ty02:hover, 
.MP_logistics .kv_main .custom_inner .md_visual .inner .txt .btn_ty02:focus { background: #039A83; }
.MP_logistics .kv_main .custom_inner .md_visual .inner .txt .btn_ty02:hover:after, 
.MP_logistics .kv_main .custom_inner .md_visual .inner .txt .btn_ty02:focus:after { border-color: #039A83; }

.MP_logistics .video_control_wrap {position: absolute; right:185px; bottom: 40px; color:#fff; cursor:pointer; z-index:13;}
.MP_logistics .video_control_wrap p {display: inline-block;overflow: hidden;}
.MP_logistics .video_control_wrap p button {position:relative; display: inline-block; padding: 0; outline:none; font-size:14px; color:#fff; border:1px solid #fff; transition: all 0.4s; }
.MP_logistics .video_control_wrap p button:focus,
.MP_logistics .video_control_wrap p button:active {outline:0; padding: 0;}
.MP_logistics .video_control_wrap p button span { position:relative; margin: 0 8px; vertical-align: middle;}
.MP_logistics .video_control_wrap p button .blind { margin: 0;}
.MP_logistics .video_control_wrap p button .sr_only {top:0;left:0;width: inherit;height: inherit;min-width: 40px;min-height: 40px;}
.MP_logistics .video_control_wrap .btn_play button:before,
.MP_logistics .video_control_wrap .btn_sound button:before { content: ''; position:relative; display: inline-block; width: 40px; height: 40px; vertical-align: middle;  background-position: center center !important; transition: all 0.4s;}
.MP_logistics .video_control_wrap .btn_play.pause button:before { background: url('https://image.samsungsds.com/module_src/images/icon/ico_kvideo_pause.png?queryString=20241210125943') no-repeat;}
.MP_logistics .video_control_wrap .btn_play.play button:before { background: url('https://image.samsungsds.com/module_src/images/icon/ico_kvideo_play.png?queryString=20241210125943') no-repeat;}

.MP_logistics .video_control_wrap .btn_play.play button:hover,
.MP_logistics .video_control_wrap .btn_play.play button:focus { border-color:#039A83; }
.MP_logistics .video_control_wrap .btn_play.play button:hover:before,
.MP_logistics .video_control_wrap .btn_play.play button:focus:before { background-color:#039A83;  }
.MP_logistics .video_control_wrap .btn_play.pause button:hover,
.MP_logistics .video_control_wrap .btn_play.pause button:focus { border-color:#039A83; }
.MP_logistics .video_control_wrap .btn_play.pause button:hover:before,
.MP_logistics .video_control_wrap .btn_play.pause button:focus:before { background-color:#039A83; }
/* //key visual */

/* M06_E auto slide */
.MP_logistics .M06_E .inner .txt { margin-bottom: 40px; }
.MP_logistics .M06_E_cont .navigation { top: -75px; }
.MP_logistics .M06_E_cont .md_play::before { background: #039A83; }
.MP_logistics .M06_E_cont .md_play .md_btn_play:hover, 
.MP_logistics .M06_E_cont .md_play .md_btn_play:focus, 
.MP_logistics .M06_E_cont .md_play .md_btn_stop:hover, 
.MP_logistics .M06_E_cont .md_play .md_btn_stop:focus { background: #039A83 !important; border-color: #039A83 !important; }

.MP_logistics .M06_E_cont .slider_cont .item .link_box:hover,
.MP_logistics .M06_E_cont .slider_cont .item .link_box:focus { top: 0px; box-shadow: none; }
/* //M06_E auto slide */

/* section3 */
.MP_logistics .section3 .inner section { position: relative; }
.MP_logistics .section3 .inner section ul { display: flex; margin: 0 -15px 15px -15px; }
.MP_logistics .section3 .inner section ul li { border: 1px solid #EAEAEA; width: 33.33%; margin: 0 15px; }
.MP_logistics .section3 .inner section ul li .title { height: 163px; background-color: #F2FAF9; border-bottom-right-radius: 400px 30px; border-bottom-left-radius: 400px 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.MP_logistics .section3 .inner section ul li .title p { margin-bottom: 10px; font-weight: normal; }
.MP_logistics .section3 .inner section ul li .title strong { font-size: 40px; color: #039A83; }
.MP_logistics .section3 .inner section ul li .title strong span { font-size: 22px; color: #000; font-weight: normal; }
.MP_logistics .section3 .inner section ul li .txt { padding: 30px 30px 35px 30px; }
.MP_logistics .section3 .inner section .s_txt { float: right; color: #666; }
/* //section3 */

/* 띠 배너 컨텐츠 */
.MP_logistics .banner_section { width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 0; background-image: url('https://image.samsungsds.com//kr/logistics/ban_pc.png?queryString=20241210125943'); }
.MP_logistics .banner_section .inner { height: 207px; display: flex; align-items: center; }
.MP_logistics .banner_section .inner h3 { color: #fff; margin-bottom: 0; }
/* //띠 배너 컨텐츠 */

/* M15_A */
.MP_logistics .M15_A { padding-top: 100px; }
.MP_logistics .M15_A h3 { margin-bottom: 25px; }
.MP_logistics .M15_A .txt { font-size: 20px; line-height: 32px; margin-bottom: 40px; }
/* //M15_A */

/* section5 */
.MP_logistics .section5 { padding-top: 0 ; }
.MP_logistics .section5 .custom_inner { overflow: hidden; }
.MP_logistics .section5 .custom_inner .inner section { position: relative; display: flex; }
.MP_logistics .section5 .custom_inner .inner section aside { width: 36%; min-width: 450px; }
.MP_logistics .section5 .custom_inner .inner section aside strong { display: block; margin-bottom: 25px; }
.MP_logistics .section5 .custom_inner:first-child .inner section aside strong { margin-top: 110px; }
.MP_logistics .section5 .custom_inner .inner section aside p { font-size: 20px; line-height: 32px; }
.MP_logistics .section5 .custom_inner .inner section article { width: 64%; }
.MP_logistics .section5 .custom_inner:first-child .inner section article .img_p { margin: 60px 0 0 -85px; height: 535px; }
.MP_logistics .section5 .custom_inner:last-child { padding: 100px 0 0px 0; }
.MP_logistics .section5 .custom_inner:last-child .inner section aside { width: 49%; min-width: 650px; }
.MP_logistics .section5 .custom_inner:last-child .inner section article { width: 51%; }
.MP_logistics .section5 .custom_inner:last-child .inner section article .img_p { text-align: right; }
.MP_logistics .section5 .custom_inner:last-child .inner section article .img_p img { width: 100%; max-width: 664px; }
/* //section5 */

/* section6 */
.MP_logistics .section6 { padding: 0; }
.MP_logistics .section6 .custom_inner .inner section { display: flex; justify-content: space-between; width: 100%; padding: 100px 0; }
.MP_logistics .section6 .custom_inner .inner aside { position: relative; display: flex; flex-direction: column; width: 49%; max-width: 600px; padding-right: 20px; }
.MP_logistics .section6 .custom_inner .inner aside strong { display: block; margin-bottom: 25px; }
.MP_logistics .section6 .custom_inner .inner aside p { font-size: 20px; line-height: 32px; margin-bottom: 20px; }

.MP_logistics .section6 .custom_inner .inner aside .md_control { margin-top: auto; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay { position: relative; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay:after { content: ""; display: block; clear: both; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay a { display: block; position: relative; float: left; width: 42px; height: 42px; margin-right: 10px; overflow: hidden; outline: none; border: 2px solid #ddd; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay a:last-child { margin-right: 0; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay a:focus { outline: auto; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay .md_video_play { background: url("https://image.samsungsds.com/module_src/images/icon/ico_video_play.png?queryString=20241210125943") center no-repeat; cursor: default; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay.on .md_video_play,
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay.on .md_video_play:hover,
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay.on .md_video_play:focus { border-color: #039A83; background: url("https://image.samsungsds.com/module_src/images/icon/ico_video_play_on.png?queryString=20241210125943") center no-repeat; filter: invert(45%) sepia(86%) saturate(3031%) hue-rotate(144deg) brightness(93%) contrast(101%); cursor: pointer; cursor: pointer; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay .md_video_stop { border-color: #039A83; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay .md_video_stop:before,
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay .md_video_stop:after { position: absolute; top: 12px; width: 3px; height: 15px; border-radius: 10px; background: #039A83; content: ""; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay .md_video_stop:before { left: 13px; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay .md_video_stop:after { left: 22px; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay.on .md_video_stop { cursor: default; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay.on .md_video_stop:before,
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay.on .md_video_stop:after { background: #ddd; }
.MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay.on .md_video_stop { border-color: #ddd; }

.MP_logistics .section6 .custom_inner .inner article { width: 51%; max-width: 660px; }
.MP_logistics .section6 .custom_inner:nth-child(even) section { flex-direction: row-reverse; }
.MP_logistics .section6 .custom_inner:nth-child(even) section aside { padding-right: 0; padding-left: 20px; }
.MP_logistics .section6 .custom_inner:last-child section { padding-bottom: 0; }
.MP_logistics .section6 .custom_inner:last-child .inner aside { width: 40%; max-width: 520px; min-width: 520px; padding-right: 20px; }
.MP_logistics .section6 .custom_inner:last-child .inner article { width: 65%; max-width: 750px; margin-top: -50px; }
.MP_logistics .section6 .custom_inner .inner article .img p video { display: block; width: 100%; height: 100%; }
/* //section6 */

/* section7 */
.MP_logistics .section7 { padding: 100px 0 120px 0; }
.MP_logistics .section7 h3 { text-align: center; }
.MP_logistics .section7 .btn_m { left: 50%; margin-left: -107px; color: #039A83; }
.MP_logistics .section7 .btn_ty:after { border-color: #039A83; }
.MP_logistics .section7 .btn_m::before { background-color: #039A83; }
.MP_logistics .section7 .btn_ty:hover::after, .MP_logistics .section7 .btn_ty:focus::after { border-color: #039A83; }
.MP_logistics .section7 .btn_ty:hover, .MP_logistics .section7 .btn_ty:focus { color: #fff; }
.MP_logistics .section7 section { margin-top: 40px; }
.MP_logistics .section7 section .img p.img_p img { width: 101%; max-width: 1319px; }
/* //section7 */

/* M07_B */
.MP_logistics .M07_B_cont { margin: 0; margin: 0 -13px; }
.MP_logistics .M07_B_cont .owl-carousel { display: flex !important; }
.MP_logistics .M07_B_cont .owl-carousel .item { padding: 0; max-width: 646px; margin: 0 13px; float: none; }
.MP_logistics .M07_B_cont .owl-carousel .item .video_cont { margin-bottom: 20px; }
.MP_logistics .M07_B_cont .owl-carousel .item .txt .md_btn { float: left; }
.MP_logistics .M07_B_cont .owl-carousel .item .txt .md_btn a { color: #039A83; }
.MP_logistics .M07_B_cont .owl-carousel .item .txt .md_btn a:hover { color: #039A83; }
.MP_logistics .M07_B_cont .owl-carousel .item .txt .md_btn a span:after { border: solid #039A83; border-width: 3px 3px 0 0; }
.MP_logistics .M07_B_cont .owl-carousel .item .txt .md_btn a:hover span:after { border: solid #039A83; border-width: 3px 3px 0 0; }
/* //M07_B */

/* accordion menu */
.MP_logistics .accordion .accordion_cont .toggle_btn { position: relative; display: block; }
.MP_logistics .accordion .accordion_cont .tab_btn:after, .MP_logistics .accordion .accordion_cont .toggle_btn:after { content: ""; display: inline-block; background: url('https://image.samsungsds.com/module_src/images/icon/icon-arrow-right.svg?queryString=20241210125943') center center no-repeat; transition: filter 0.3s; }
.MP_logistics .accordion .accordion_cont .tab_panel { display: none; }
.MP_logistics .accordion .accordion_cont .tab_panel.active { display: block; }
.MP_logistics .accordion .accordion_cont .tab_panel .toggle_list li:first-child button { border-top: 1px solid #ddd; }
.MP_logistics .accordion .accordion_cont .tab_panel .toggle_btn { position: relative; width: 100%; padding: 20px 64px 20px 0; font-size: 16px; line-height: 24px; font-weight: bold; text-align: left; border-bottom: 1px solid #ddd; transition: color 0.3s; outline: none; }
.MP_logistics .accordion .accordion_cont .tab_panel .toggle_btn:hover, .MP_logistics .accordion .accordion_cont .tab_panel .toggle_btn:focus { color: #039A83; }
.MP_logistics .accordion .accordion_cont .tab_panel .toggle_btn:after { position: absolute; top: 50%; right: 12px; width: 12px; height: 12px; transform: translateY(-50%) rotate(90deg); transition: transform 0.3s; }
.MP_logistics .accordion .accordion_cont .tab_panel .toggle_btn.active:after { transform: translateY(-50%) rotate(-90deg); }
.MP_logistics .accordion .accordion_cont .tab_panel .toggle_btn:hover:after, 
.MP_logistics .accordion .accordion_cont .tab_panel .toggle_btn:focus:after { filter: none; }
.MP_logistics .accordion .accordion_cont .tab_panel .toggle_cont { display: none; padding: 40px; background-color: #F5F5F5; }
.MP_logistics .accordion .accordion_cont .tab_panel .toggle_cont .md_btn { margin-top: 20px; }
.MP_logistics .accordion .accordion_cont .tab_panel .toggle_cont .md_txt { display: flex; align-items: center; }
.MP_logistics .accordion .accordion_cont .tab_panel .toggle_cont .md_txt p { font-size: 16px; }
.MP_logistics .accordion .accordion_cont .tab_panel .toggle_cont .md_txt .txt_col { font-weight: bold; color: #039A83; }
.MP_logistics .bg.accordion .accordion_cont .tab_panel .toggle_cont { background-color: #fff; }
/* //accordion menu */

/* M46_A */
.MP_logistics .M46_A_cont .li { padding: 0; margin-bottom: 0; }
.MP_logistics .M46_A_cont .li a { display: block; padding: 30px 35px; }
.MP_logistics .M46_A_cont .li a .txt strong { background-image: url('https://image.samsungsds.com/module_src/images/icon/ico_page_view.png?queryString=20241210125943'); background-position: right center; background-repeat: no-repeat; background-size: 32px; }

/* //M46_A */
@media all and (max-width:1400px) {
    /* section5 */
    .MP_logistics .section5 .custom_inner:first-child .inner section aside strong { margin-top: 7.857142857142857vw; }
    .MP_logistics .section5 .custom_inner:first-child .inner section article .img_p { margin: 4.285714285714286vw 0 0 -6.071428571428571vw; height: 38.21428571428571vw; }
    .MP_logistics .section5 .custom_inner:first-child .inner section article .img_p img { width: 69.142857vw; }
    /* //section5 */ 
}

@media all and (max-width:1200px) {
    /* key visual */
    .MP_logistics .kv_main .custom_inner .md_visual .inner .txt h3 { margin-bottom: 30px; font-size: 30px; line-height: 44px; }
    .MP_logistics .kv_main .custom_inner .md_visual .inner .txt p { font-size: 16px; line-height: 28px; margin: 0 auto 40px auto; }
    .MP_logistics .M06_E .inner .txt { margin-bottom: 90px; }
    .MP_logistics .M06_E_cont .navigation { top: -70px; }
    /* //key visual */

    /* section5 */
    .MP_logistics .section5 .custom_inner:first-child .inner section article .img_p { margin: 4.285714285714286vw 0 0 -11.071429vw; }
    .MP_logistics .section5 .custom_inner:first-child .inner section article .img_p img { width: 66.142857vw; }
    .MP_logistics .section5 .custom_inner:last-child .inner section { align-items: center; }
    /* //section5 */

    /* section6 */
    .MP_logistics .section6 .custom_inner:last-child .inner aside { padding-bottom: 30px; }
    .MP_logistics .section6 .custom_inner:last-child .inner article { margin-top: 0px; width: 100%; max-width: 600px; margin: 0 auto; }
    .MP_logistics .section6 .custom_inner:last-child .video_cont::before { padding-bottom: 67%; }
    /* //section6 */ 
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .MP_logistics .img_p,
    .MP_logistics .only_p { display: none; }
    .MP_logistics .img_m,
    .MP_logistics .only_m { display: block; }
    .MP_logistics .point_green em { height: 32px; line-height: 32px; }
    .MP_logistics .tit_m { margin-bottom: 30px; }

    /* key visual */
    .MP_logistics .kv_main .custom_inner .md_visual .img p { max-height: none; height: 560px; }
    .MP_logistics .kv_main .custom_inner .md_visual .img p video { width: 1090px; height: 100%; }
    .MP_logistics .video_control_wrap { right: 50%; bottom: 30px; margin-right: -21px; }
    /* //key visual */

    /* M06_E auto slide */
    .MP_logistics .M06_E .inner .txt { margin-bottom: 30px; }
    .MP_logistics .M06_E_cont .navigation { top: auto }
    /* //M06_E auto slide */

    /* section3 */
    .MP_logistics .section3 .inner section ul { margin: 0 0 10px 0; flex-wrap: wrap; }
    .MP_logistics .section3 .inner section ul li { width: 100%; margin: 0 0 20px 0; }
    .MP_logistics .section3 .inner section ul li:last-child { margin-bottom: 0; }
    .MP_logistics .section3 .inner section ul li .title p { font-size: 18px; margin-bottom: 5px; }
    .MP_logistics .section3 .inner section ul li .title strong { font-size: 24px; }
    .MP_logistics .section3 .inner section ul li .title strong span { font-size: 18px; }
    .MP_logistics .section3 .inner section ul li .txt { padding: 20px 20px 30px 20px; }
    /* //section3 */

    /* 띠 배너 컨텐츠 */
    .MP_logistics .banner_section { background-image: url('https://image.samsungsds.com//kr/logistics/ban_mo.png?queryString=20241210125943'); }
    .MP_logistics .banner_section .inner { height: 109px; }
    .MP_logistics .banner_section .inner h3 { font-size: 20px; }
    /* //띠 배너 컨텐츠 */

    /* M15_A */
    .MP_logistics .M15_A h3 { margin-bottom: 15px; }
    .MP_logistics .M15_A .txt { font-size: 16px; line-height: 26px; margin-bottom: 30px; }
    .MP_logistics .M15_A .M15_A_cont .diagram_wrap .diagram { text-align: center; }
    .MP_logistics .M15_A .M15_A_cont .diagram .link_list { display: block !important; }
    .MP_logistics .M15_A .M15_A_cont .diagram .link_list li:first-child a { top: 0% !important; left: 0% !important; width: 100% !important; height: 11.2% !important; }
    .MP_logistics .M15_A .M15_A_cont .diagram .link_list li:nth-child(2) a { top: 15.5% !important; left: 11.5% !important; width: 89% !important; height: 12% !important; }
    .MP_logistics .M15_A .M15_A_cont .diagram .link_list li:nth-child(3) a { top: 29.7% !important; left: 11.5% !important; width: 89% !important; height: 12% !important; }
    .MP_logistics .M15_A .M15_A_cont .diagram .link_list li:nth-child(4) a { top: 43.4% !important; left: 11.5% !important; width: 89% !important; height: 12% !important; }
    .MP_logistics .M15_A .M15_A_cont .diagram .link_list li:nth-child(5) a { top: 57.2% !important; left: 11.5% !important; width: 89% !important; height: 12% !important; }
    .MP_logistics .M15_A .M15_A_cont .diagram .link_list li:nth-child(6) a { top: 70.9% !important; left: 11.5% !important; width: 89% !important; height: 12% !important; }
    .MP_logistics .M15_A .M15_A_cont .diagram .link_list li:last-child a { top: 88.5% !important; left: 0% !important; width: 100% !important; height: 12% !important; }
    /* //M15_A */

    /* section5 */
    .MP_logistics .section5 { padding-bottom: 0; }
    .MP_logistics .section5 .custom_inner { padding: 50px 0 60px 0 !important; }
    .MP_logistics .section5 .custom_inner .inner section { flex-wrap: wrap; }
    .MP_logistics .section5 .custom_inner .inner section aside { width: 100% !important; min-width: auto !important; margin-bottom: 30px; }
    .MP_logistics .section5 .custom_inner .inner section aside strong { margin-bottom: 15px; }
    .MP_logistics .section5 .custom_inner .inner section aside p { font-size: 16px; line-height: 26px; }
    .MP_logistics .section5 .custom_inner .inner section article { width: 100% !important; }
    .MP_logistics .section5 .custom_inner:first-child .inner section article .img_m { margin-left: -30px; }
    .MP_logistics .section5 .custom_inner:first-child .inner section aside strong { margin-top: 0; }
    /* //section5 */

    /* section6 */
    .MP_logistics .section6 .custom_inner .inner section { flex-wrap: wrap; padding: 50px 0 60px 0; }
    .MP_logistics .section6 .custom_inner .inner aside { width: 100%; max-width: none; padding: 0px !important; }
    .MP_logistics .section6 .custom_inner .inner aside strong { margin-bottom: 15px; }
    .MP_logistics .section6 .custom_inner .inner aside p { font-size: 16px; line-height: 26px; }
    .MP_logistics .section6 .custom_inner .inner aside .md_control { margin-bottom: 10px; }
    .MP_logistics .section6 .custom_inner .inner article { width: 100%; max-width: none; }
    .MP_logistics .section6 .custom_inner:last-child .inner aside { width: 100%; max-width: none; min-width: auto; }

    .MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay a { width: 32px; height: 32px; }
    .MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay .md_video_stop:before,
    .MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay .md_video_stop:after { top: 8px; width: 3px; height: 12px; }
    .MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay .md_video_stop:before { left: 9px; }
    .MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay .md_video_stop:after { left: 16px; }

    .MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay .md_video_play,
    .MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay.on .md_video_play,
    .MP_logistics .section6 .custom_inner .inner aside .md_control .videoPlay.on .md_video_play:hover { background-size: 10px; }
    /* //section6 */

    /* section7 */
    .MP_logistics .section7 { padding: 50px 0 60px 0; }
    .MP_logistics .section7 section { margin-top: 30px; }
    .MP_logistics .section7 section .img p { text-align: center; }
    /* //section7 */

    /* M07_B */
    .MP_logistics .M07_B_cont .owl-carousel .item .video_cont { margin-bottom: 17px; }
    /* //M07_B */

    /* accordion menu */
    .MP_logistics .accordion .accordion_cont .tab_panel .toggle_cont .md_txt br { display: none; }
    .MP_logistics .accordion .accordion_cont .tab_panel { margin-top: 30px; border-top: 2px solid #000; }
    .MP_logistics .accordion .accordion_cont .tab_panel .toggle_btn { padding: 12px 28px 12px 0; font-size: 14px; line-height: 24px; }
    .MP_logistics .accordion .accordion_cont .tab_panel .toggle_btn:after { right: 8px; }
    .MP_logistics .accordion .accordion_cont .tab_panel .toggle_cont { padding: 20px; }
    .MP_logistics .accordion .accordion_cont .tab_panel .toggle_cont .md_btn { margin-top: 15px; }
    .MP_logistics .accordion .accordion_cont .tab_panel .toggle_cont .md_txt p { font-size: 14px; line-height: 24px; }
    /* //accordion menu */

    /* M46_A */
    .MP_logistics .M46_A_cont { margin: 16px 0 0 0; }
    .MP_logistics .M46_A_cont .module_ty { display: flex; flex-wrap: wrap; }
    .MP_logistics .M46_A_cont .module_ty .li { margin: 0 0 10px 0; width: 100% !important; }
    .MP_logistics .M46_A_cont .module_ty .li:last-child { margin-bottom: 0; }
    .MP_logistics .M46_A_cont .li a .txt strong { background-size: 24px; }
    /* //M46_A */ 
}

@media all and (max-width:768px) {
    /* section5 */
    .MP_logistics .section5 .custom_inner:first-child .inner section article .img_m img { width: 101.30208333333333vw; }
    .MP_logistics .section5 .custom_inner:last-child .inner section article .img_m img { width: 100%; }
    /* //section5 */

    /* section7 */
    .MP_logistics .section7 h3 { text-align: left; margin-bottom: 15px; }
    .MP_logistics .section7 .btn_m { left: 0; margin-left: 0; }
    .MP_logistics .section7 section .img p { text-align: left; }
    /* //section7 */

    /* M07_B */
    .MP_logistics .M07_B_cont { margin: 0; }
    .MP_logistics .M07_B_cont .owl-carousel { flex-wrap: wrap; }
    .MP_logistics .M07_B_cont .owl-carousel .item { width: 100%; max-width: none; margin: 0 0 40px 0; }
    .MP_logistics .M07_B_cont .owl-carousel .item:last-child { margin-bottom: 0; }
    /* //M07_B */ 
}



/*** MP_cateer : 커리어(hardCoding) ***/
.MP_career h3 { margin-bottom: 60px; }

.career_innovation h3,
.career_benefits h3,
.career_locations h3 { text-align: center; }

/* innovation */
.career_innovation { padding:0 0 50px 0; }
.career_innovation section { display: flex; }
.career_innovation section aside { width: 50%; }
.career_innovation section aside .img_p img { width: 100%; }

.career_innovation section article { display: flex; align-items: center; width: 50%; }
.career_innovation section article .md_txt { padding-right: 60px; }
.career_innovation section article .md_txt strong { display: block; margin-bottom: 16px; }
.career_innovation section article .md_txt ul { display: flex; flex-wrap: wrap; margin: -10px; }
.career_innovation section article .md_txt ul li { margin: 10px; width: calc(50% - 20px); max-width: 210px; }
.career_innovation section article .md_txt ul li a { width: 100%; min-width: auto; }
/* //innovation */

/* tab */
.career_tab .MP_cateer_cont { position: relative; }
.career_tab .MP_cateer_cont .tab_slide_wrap { width: 100%; margin-bottom: 30px; }
.career_tab .MP_cateer_cont .slider-nav { overflow: hidden; display: flex; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.career_tab .MP_cateer_cont .slider-nav .swiper-slide { cursor: pointer; position: relative; margin: 0 20px; width: auto !important; float: left; }
.career_tab .MP_cateer_cont .slider-nav .swiper-slide:first-child { margin-left: 0; }
.career_tab .MP_cateer_cont .slider-nav .swiper-slide:last-child { margin-right: 0; }
.career_tab .MP_cateer_cont .slider-nav a { position: relative; display: block; font-weight: normal; line-height: 28px; padding-bottom: 18px; color: #888; transition: color 0.3s; }
.career_tab .MP_cateer_cont .slider-nav .swiper-slide.is-active a { color: #000; font-weight: bold; }
.career_tab .MP_cateer_cont .slider-nav .swiper-slide.is-active a:hover, .career_tab .MP_cateer_cont .slider-nav .swiper-slide.is-active a:focus { color: #000; }
.career_tab .MP_cateer_cont .slider-nav .swiper-slide.is-active a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #000; }
.career_tab .MP_cateer_cont .slider-tabSection { position: relative; margin-bottom: 30px; }
.career_tab .MP_cateer_cont .slider-tabSection .slider-tabContents .tab_panel { position: relative; width: 100%; padding: 50px; background-color: #f8f8f8; }
.MP_cateer .tit_b+.career_tab .MP_cateer_cont { margin-top: 50px; }
.career_tab .MP_cateer_cont .slider-tabSection .slider-tabContents .tabContents strong { display: block; font-size: 24px; line-height: 36px; margin-bottom: 20px; }
.career_tab .MP_cateer_cont .slider-tabSection .slider-tabContents .tabContents p { font-size: 16px; line-height: 28px; }

.career_tab .MP_cateer_cont .navigation .carousel-pagn { display: none; }

.career_tab .MP_cateer_cont .navigation .slick-arrowContainer { width: 100%; display: none; }
.career_tab .MP_cateer_cont .navigation .slick-arrowContainer button { content: ""; position: absolute; top: 0px; width: 17px; height: 17px; border-top: 2px solid #000; border-left: 2px solid #000; transition: border-color 0.3s; }
.career_tab .MP_cateer_cont .navigation .slick-arrowContainer button.prev { left: 0px; transform: rotate(-45deg); }
.career_tab .MP_cateer_cont .navigation .slick-arrowContainer button.next { right: 0px; transform: rotate(135deg); }
.career_tab .MP_cateer_cont .navigation .slick-arrowContainer button.prev.slick-disabled, .career_tab .MP_cateer_cont .navigation .slick-arrowContainer button.next.slick-disabled { opacity: 0.2; cursor: default; }
.career_tab .MP_cateer_cont .navigation .slick-arrowContainer button.prev:hover:after, .career_tab .MP_cateer_cont .navigation .slick-arrowContainer button.next:hover:after { border-color: #00b3e3; }
.career_tab .MP_cateer_cont .navigation .slick-arrowContainer button.prev:not(.slick-disabled):hover, .career_tab .MP_cateer_cont .navigation .slick-arrowContainer button.prev:not(.slick-disabled):focus, .career_tab .MP_cateer_cont .navigation .slick-arrowContainer button.next:not(.slick-disabled):hover, .career_tab .MP_cateer_cont .navigation .slick-arrowContainer button.next:not(.slick-disabled):focus { border-color: #00b3e3; }

.career_tab .btn_cont { text-align: center; }
/* //tab */

/* locations */
.career_locations section { display: flex; }
.career_locations section aside { width: 50%; }
.career_locations section aside .img_p img { width: 100%; }

.career_locations section article { display: flex; align-items: center; width: 50%; }
.career_locations section article .md_txt { padding-left: 60px; }
.career_locations section article .md_txt strong { display: block; margin-bottom: 16px; }
.career_locations section article .md_txt p { margin-bottom: 40px; }
.career_locations section article .md_txt ul { display: flex; flex-wrap: wrap; margin: -10px; }
.career_locations section article .md_txt ul li { margin: 10px; width: calc(50% - 20px); max-width: 210px; }
.career_locations section article .md_txt ul li em { display: block; width: 100%; border: 1px solid #000; border-radius: 23px; height: 44px; padding: 0 15px; box-sizing: border-box; font-size: 16px; font-weight: bold; line-height: 42px; text-align: center; }
/* //locations */

/* benefits */
.career_benefits section ul { display: flex; flex-wrap: wrap; max-width: 1100px; margin: -20px auto; }
.career_benefits section ul li { width: 20%; text-align: center; margin: 20px 0; }
.career_benefits section ul li .icon { width: 150px; height: 150px; border: 1px solid #9DB3C6; border-radius: 100%; margin: 0 auto; background-position: center; background-repeat: no-repeat; }
.career_benefits section ul li .txt { margin-top: 8px; font-weight: bold; }
/* //benefits */

/* comment */
.career_comment section { display: flex; justify-content: space-between; }
.career_comment section article { background-image: url('https://image.samsungsds.com/module_src/images/data/anr_left_bg.png'); background-repeat: no-repeat; background-position: 0 0; padding-right: 20px; }
.career_comment section article h4 { position: relative; display: block; font-size: 36px; line-height: 56px;     padding: 40px 60px 0 60px; margin-bottom: 20px; }
.career_comment section article span { font-size: 22px; color: #555; padding-left: 60px; }
/* //comment */

@media all and (max-width:1300px) {
    /* tab */
    .career_tab .MP_cateer_cont .tab_slide_wrap { padding: 0 30px; }
    .career_tab .MP_cateer_cont .navigation .slick-arrowContainer { display: block; position: absolute; top: 7px; }
    /* //tab */
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .MP_career h3 { margin-bottom: 40px; }

    /* innovation */
    .career_innovation { padding: 0 0 40px 0; }
    .career_innovation section { flex-wrap: wrap; flex-direction: column-reverse; }
    .career_innovation section aside { width: 100%; }
    .career_innovation section aside .img_p { margin-bottom: 20px; }
    .career_innovation section article { width: 100%; }
    .career_innovation section article .md_txt { padding-left: 0; }
    .career_innovation section article .md_txt strong { margin-bottom: 10px; }
    /* //innovation */

    /* tab */
    .career_tab .MP_cateer_cont .tab_slide_wrap { padding: 0px; }
    .career_tab .MP_cateer_cont .slider-nav .swiper-slide { margin: 0 15px; }
    .career_tab .MP_cateer_cont .slider-nav a { padding-bottom: 10px; }
    .career_tab .MP_cateer_cont .slider-tabSection { padding-bottom: 40px; }
    .career_tab .MP_cateer_cont .slider-tabSection .slider-tabContents .slick-list { overflow: inherit !important; }
    .career_tab .MP_cateer_cont .slider-tabSection .slider-tabContents .tab_panel { margin: 0 5px; padding: 24px; width: 300px; }
    .career_tab .MP_cateer_cont .slick-arrowContainer { top: 8px; }
    .career_tab .MP_cateer_cont .slider-tabSection .slider-tabContents .tabContents .txt_box { padding: 0; }
    .career_tab .MP_cateer_cont .slider-tabSection .slider-tabContents .tabContents .txt_box:before { padding-bottom: 0; }
    .career_tab .MP_cateer_cont .slider-tabSection .slider-tabContents .tabContents strong { font-size: 18px; line-height: 27px; }
    .career_tab .MP_cateer_cont .navigation { position: absolute; bottom: 0px; width: 100%; z-index: 1; }
    .career_tab .MP_cateer_cont .navigation .carousel-pagn { display: block; top: 5px; width: calc(100% - 60px); margin: 0 auto; }
    .career_tab .MP_cateer_cont .navigation .slick-arrowContainer button { width: 12px; height: 12px; }
    /* //tab */

    /* locations */
    .career_locations section { flex-wrap: wrap; }
    .career_locations section aside { width: 100%; }
    .career_locations section aside .img_p { margin-bottom: 30px; }
    .career_locations section article { width: 100%; }
    .career_locations section article .md_txt { padding-left: 0; }
    .career_locations section article .md_txt strong { margin-bottom: 10px; }
    .career_locations section article .md_txt p { margin-bottom: 30px; }
    .career_locations section article .md_txt ul li em { font-size: 14px; }
    /* //locations */

    /* benefits */
    .career_benefits section ul { margin: -10px 0; }
    .career_benefits section ul li { width: 33.33%; margin: 10px 0; }
    .career_benefits section ul li .icon { width: 140px; height: 140px; background-size: 70px; }
    /* //benefits */

    /* comment */
    .career_comment section { flex-wrap: wrap; flex-direction: column-reverse; }
    .career_comment section article { background: none; padding-right: 0px; }
    .career_comment section article h4 { font-size: 28px; line-height: 42px; padding: 0px; margin-bottom: 12px; }
    .career_comment section aside { margin-bottom: 30px; }
    .career_comment section article span { font-size: 20px; line-height: 32px; padding-left: 0px; }
    /* //comment */
}

@media all and (max-width:768px) {
    /* benefits */
    .career_benefits section ul li { width: 50%; }
    /* //benefits */
    
    /* locations */
    .career_locations section article .md_txt ul { margin: 0px; }
    .career_locations section article .md_txt ul li { margin: 0 0 10px 0; width: 100%; max-width: none; }
    .career_locations section article .md_txt ul li:last-child { margin-bottom: 0; }
    /* //locations */
}




/*** MP_fabrix ***/
.MP_fabrix em { font-weight: inherit; }
.MP_fabrix .c_mint { color: #24D0F6; }
.MP_fabrix .pc_show { display: block; }
.MP_fabrix .mo_show { display: none; }

.MP_fabrix .cont[style*="display: none"] + .cont { padding-top: 100px; }

.MP_fabrix .bgimg > div { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }

.MP_fabrix .section_vis { position: relative; height: 56rem; background: #000; overflow: hidden; }
.MP_fabrix .section_vis .bgimg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; animation: scaleBg both ease-in-out 3.2s; overflow: hidden; z-index: 1;}
.MP_fabrix .section_vis .txt { position: absolute; left: 50%; top: 50%; width: 100%; max-width: 150.4rem; padding: 0 9.3rem; margin: 0 auto; color: #fff; transform: translate(-50%, -50%); z-index: 11; }
.MP_fabrix .section_vis .txt h1 { font-size: 4.4rem; line-height: 6rem; }
.MP_fabrix .section_vis .txt strong { display: block; width: fit-content; font-size: 2.4rem; line-height: 3.4rem; color: transparent; background: linear-gradient(90deg, rgba(36,208,246,1) 0%, rgba(33,137,255,1) 100%); -webkit-background-clip: text;  margin-top: 2rem; }
.MP_fabrix .section_vis .txt p { font-size: 1.8rem; line-height: 2.8rem; margin-top: 1rem; }

.MP_fabrix .section.intro { padding: 8rem 0 9rem;}
.MP_fabrix .section.intro .inner {  max-width: 150.4rem; padding: 0 9.3rem; margin: 0 auto; }
.MP_fabrix .section.intro p { font-size: 1.8rem; line-height: 2.8rem; }
.MP_fabrix .section.intro .tit_m { display: block; margin-top: 4.5rem; }

.MP_fabrix .section.why { padding: 6.7rem 9.3rem ; }
.MP_fabrix .section.why .bgimg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.MP_fabrix .section.why .inner { max-width: 1318px; z-index: 2; padding: 0; }
.MP_fabrix .section.why .tit_m { color: #fff; margin-right: auto; }
.MP_fabrix .section.why .logo { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 18.266rem; background-repeat: no-repeat; background-size: contain; background-position: center; }
.MP_fabrix .section.why .logo::before { content:''; display: block; padding-bottom: 30.63%; }

.MP_fabrix .section.simply { padding: 12.3rem 0 14.3rem;}
.MP_fabrix .section.simply .bgimg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.MP_fabrix .section.simply .inner { z-indeX: 2; display: flex; justify-content: space-between; gap: 1.5rem;}
.MP_fabrix .section.simply .txt { color: #fff; }
.MP_fabrix .section.simply .txt dl{font-size: 1.8rem; line-height: 3.4rem; display: grid; grid-template-columns: 13rem auto; column-gap: 2.5rem;}
.MP_fabrix .section.simply .txt dl dt{font-weight: 700;}
.MP_fabrix .section.simply .txt dl dd{color: #CCD0D4;}

html[lang="pt"] .MP_fabrix .section.simply .txt dl { grid-template-columns: 20rem auto; column-gap: 1rem;}

.MP_fabrix .section.simply .txt .tit_m { display: block; margin-top: 8rem; }
.MP_fabrix .section.simply .txt p { font-size: 2rem; line-height: 3.4rem; margin-top: 2.5rem; }
.MP_fabrix .section.simply .img{width: 507px; min-width: 350px; background: center center / contain no-repeat;}
.MP_fabrix .section.simply .img::before { content:''; display: block; padding-bottom: 49.30%; }

.MP_fabrix .M119_A { padding: 10rem 0 12rem; }
.MP_fabrix .M119_A .tit_e { font-weight: normal; }

.MP_fabrix .M120_A { z-index: 2; margin: -80px 0 0; background-color: transparent; }

.MP_fabrix .M110_H .tit_e { margin-bottom: 1rem; }
.MP_fabrix .M110_H_cont .slider-tabSection .slider-tabContents .tabContents > .md_tit { margin: 0 0 4rem; }
.MP_fabrix .M110_H_cont .slick-counter { top: -3rem; }
.MP_fabrix .M110_H_cont .md_play,
.MP_fabrix .M110_H_cont .tab_slide_wrap .slick-arrowContainer { top: -3.3rem; }

.MP_fabrix .M15_A .tit_e { margin-bottom: 1rem; }
.MP_fabrix .M15_A .tit_b { margin-bottom: 1rem; }
.MP_fabrix .M15_A .tit_desc { margin-bottom: 4rem; }
.MP_fabrix .M15_A_cont .diagram_wrap .diagram { width: 52.6%; }
.MP_fabrix .M15_A_cont .diagram_wrap .tab_panel { width: 42%; vertical-align: top; }
.MP_fabrix .M15_A_cont .tab_panel .content .md_tit { display: block; border-bottom: 1px solid #ddd; padding-bottom: 1.5rem; }
.MP_fabrix .M15_A_cont .tab_panel .content .tit_s { font-size: 2.4rem; line-height: 2.8rem; }
.MP_fabrix .M15_A_cont .tab_panel .content .md_txt { margin-top: 1.5rem; }
.MP_fabrix .M15_A_cont .tab_panel .content .md_txt li { position: relative; font-size: 1.6rem; line-height: 2.6rem; padding-left: 1.3rem; }
.MP_fabrix .M15_A_cont .tab_panel .content .md_txt li::before { position: absolute; left: 0; top: 1rem; content:''; display: block; width: 3px; height: 3px; border-radius: 3px; background: #000; }
.MP_fabrix .M15_A_cont .tab_panel .content .md_txt li + li { margin-top: 1.5rem; }

.MP_fabrix .M110_C .tit_e { margin-bottom: 1rem; }
.MP_fabrix .M110_C .M110_C_cont { margin-top: 4rem; }
.MP_fabrix .M110_C_cont .slider-nav a { padding: 0 0 1.5rem; }
.MP_fabrix .M110_C_cont .tab_slide_wrap { margin-bottom: 4rem; }
.MP_fabrix .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .img { width: 75%; max-width: 78rem; }
.MP_fabrix .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .img video { display: block; }
.MP_fabrix .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .txt { padding-left: 6rem; }
.MP_fabrix .M110_C_cont .slider-tabSection .tabContents .txt .md_tit { font-size: 2.4rem; line-height: 2.8rem; }
.MP_fabrix .M110_C_cont .slider-tabSection .tabContents .txt .md_txt { font-size: 1.6rem; line-height: 2.8rem; margin-top: 1.5rem; }
.MP_fabrix .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay { margin-left: 6rem; }
.MP_fabrix .M110_C_cont .navigation { display: none; }

.MP_fabrix .M46_A .tit_e { margin-bottom: 4rem; }
.MP_fabrix .M46_A_cont .li .txt .md_txt { font-size: 1.6rem; margin-top: 0.5rem; }
.MP_fabrix .M46_A_cont .li .txt .md_btn { margin-top: 4rem; }
.MP_fabrix .M46_A_cont .li .txt .md_btn a { font-size: 1.6rem; }

.MP_fabrix .M47_A_cont .md_tit { margin-bottom: 2rem;}
.MP_fabrix .M47_A_cont .md_txt { font-size: 1.6rem; }

.MP_fabrix .M10_A { padding-top: 0 !important; }

/* animation */
.MP_fabrix .ban { opacity: 0; transition: all 500ms ease; }
.MP_fabrix .ban.in-view { opacity: 1; }
.MP_fabrix .section_vis .txt > * { animation: txtTop both 0.4s 0.1s; }
.MP_fabrix .section_vis .txt h1 { animation-delay: .1s; }
.MP_fabrix .section_vis .txt strong { animation-delay: .3s; }
.MP_fabrix .section_vis .txt p { animation-delay: .5s; }

.MP_fabrix .section.intro .ban.in-view > * { animation: fade both 0.4s 0.1s; }
.MP_fabrix .section.intro .ban.in-view p { animation-delay: .1s; }
.MP_fabrix .section.intro .ban.in-view strong { animation-delay: .5s; }

.MP_fabrix .section.simply .ban.in-view > * { animation: fade both 0.4s 0.1s; }
.MP_fabrix .section.simply .ban.in-view .txt { animation-delay: .1s; }
.MP_fabrix .section.simply .ban.in-view .img { animation-delay: .5s; }


@media all and (max-width:1023px) {
    .MP_fabrix .pc_show { display: none; }
    .MP_fabrix .mo_show { display: block; }
    
    .MP_fabrix .cont[style*="display: none"] + .cont { padding-top: 50px; }

    .MP_fabrix .section_vis { height: calc(100vh - var(--headerH, 11.1rem )); }
    .MP_fabrix .section_vis .bgimg > div { background-position: center bottom; }
    .MP_fabrix .section_vis .txt { padding: 0 3rem; left: unset; top: 4rem; transform: translate(0, 0); }
    .MP_fabrix .section_vis .txt h1 { font-size: 3.4rem; line-height: 5rem; }
    .MP_fabrix .section_vis .txt strong { font-size: 2rem; line-height: 3rem; }
    .MP_fabrix .section_vis .txt p { font-size: 1.4rem; line-height: 2.4rem; }

    .MP_fabrix .section.intro { padding: 4.5rem 0 5rem; }
    .MP_fabrix .section.intro .inner { padding: 0 3rem; }
    .MP_fabrix .section.intro p { font-size: 1.6rem; line-height: 2.6rem; }
    .MP_fabrix .section.intro .tit_m { margin-top: 2rem; }

    .MP_fabrix .section.why { padding: 3rem; text-align: center; }
    .MP_fabrix .section.why .tit_m { font-size: 2.2rem; margin-right: inherit; }
    .MP_fabrix .section.why .logo { position: inherit; right: inherit; top: inherit; width: 13.2rem; transform: translateY(0); margin: 0.5rem auto 0; }

    .MP_fabrix .section.simply { padding: 4.5rem 0 5rem; }
    .MP_fabrix .section.simply .inner {flex-direction: column;}
    .MP_fabrix .section.simply .txt dl { display: unset; font-size: 1.6rem; line-height: 2.6rem; }
    .MP_fabrix .section.simply .txt dl dd { margin-left: 0; margin-top: 0.5rem; }
    .MP_fabrix .section.simply .txt dl dd + dt { margin-top: 1.5rem; }
    .MP_fabrix .section.simply .txt .tit_m { margin-top: 4rem; }
    .MP_fabrix .section.simply .txt p { font-size: 1.8rem; line-height: 2.8rem; margin-top: 1rem; }
    .MP_fabrix .section.simply .img { width: 100%; max-width: 50.7rem; min-width: auto; margin: 3rem auto 0; }

    .MP_fabrix .M120_A { margin-top: 0px; }

    .MP_fabrix .cont.bg.M119_A { padding: 4.5rem 0 6rem; }
    .MP_fabrix .M119_A_cont .md_cont .li { padding-top: 0; }

    .MP_fabrix .M110_H_cont .slider-tabSection .slider-tabContents .tabContents > .md_tit { margin-bottom: 2rem; }
    .MP_fabrix .M110_H_cont .slick-counter { top: auto; }
    .MP_fabrix .M110_H_cont .md_play,
    .MP_fabrix .M110_H_cont .tab_slide_wrap .slick-arrowContainer { top: auto; }

    .MP_fabrix .M15_A .tit_b { margin-bottom: 2rem; }
    .MP_fabrix .M15_A_cont .diagram_wrap .diagram { width: 100%; }
    .MP_fabrix .M15_A_cont .diagram_wrap .tab_panel { width: 100%; }
    .MP_fabrix .M15_A_cont .tab_panel .content .tit_s { font-size: 1.6rem; line-height: 2.6rem; }
    .MP_fabrix .M15_A_cont .tab_panel .content .md_tit { padding-bottom: 1rem; }
    .MP_fabrix .M15_A_cont .tab_panel .content .md_txt { margin-top: 1rem; }
    .MP_fabrix .M15_A_cont .tab_panel .content .md_txt li { font-size: 1.4rem; line-height: 2.4rem; }
    .MP_fabrix .M15_A_cont .tab_panel .content .md_txt li + li { margin-top: 1rem; }

    .MP_fabrix .M110_C .M110_C_cont { margin-top: 3rem; }
    .MP_fabrix .M110_C_cont .slider-nav a { padding-bottom: 0.9rem; }
    .MP_fabrix .M110_C_cont .tab_slide_wrap { margin-bottom: 3rem; }
    .MP_fabrix .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .img { width: 100%; }
    .MP_fabrix .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .txt { padding-left: 0; }
    .MP_fabrix .M110_C_cont .slider-tabSection .tabContents .txt .md_tit { font-size: 1.6rem; }
    .MP_fabrix .M110_C_cont .slider-tabSection .tabContents .txt .md_txt { font-size: 1.4rem; margin-top: 1rem;}
    .MP_fabrix .M110_C_cont .slider-tabSection .slider-tabContents .tabContents .md_control .videoPlay { margin-left: 0; }
    .MP_fabrix .M110_C_cont .navigation { display: block; }

    .MP_fabrix .M46_A .tit_e { margin-bottom: 2rem; }
    .MP_fabrix .M46_A_cont .li .txt .md_txt { font-size: 1.4rem; }
    .MP_fabrix .M46_A_cont .li .txt .md_btn { margin-top: 2rem; }
    .MP_fabrix .M46_A_cont .li .txt .md_btn a { font-size: 1.4rem;}

    .MP_fabrix .M47_A_cont .md_tit { margin-bottom: 1rem; }
    .MP_fabrix .M47_A_cont .md_txt{ font-size: 1.4rem; }
}



/*** MP_brityworks ***/
.MP_brityworks .c_blue { color: #1E66EE; }
.MP_brityworks .t_point { color: #1778EA; }
.MP_brityworks em { font-weight: inherit; }
.MP_brityworks .pc_show { display: block; }
.MP_brityworks .mo_show { display: none; }

.MP_brityworks .section_vis { position: relative; height: 61rem; min-height: 51rem; background: #E7F0FD; overflow: hidden; }
.MP_brityworks .section_vis .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; animation: scaleBg both ease-in-out 3.2s; overflow: hidden; z-index: 1;}
.MP_brityworks .section_vis .img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.MP_brityworks .section_vis .txt { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; max-width: 150.4rem; height: 100%; padding: 0 9.3rem 9.6rem; margin: 0 auto; z-index: 11; }
.MP_brityworks .section_vis .txt strong { display: block; font-size: 2.4rem; line-height: 3.4rem; letter-spacing: -0.07em; }
.MP_brityworks .section_vis .txt h1 { font-size: 4.4rem; line-height: 6rem; letter-spacing: -0.07em; margin-top: 1rem; }
.MP_brityworks .section_vis .txt p { font-size: 1.8rem; line-height: 3.4rem; letter-spacing: -0.07em; margin-top: 2rem; }
.MP_brityworks .section_vis .txt .btn_m { margin-top: 3rem; font-weight: normal; }
.MP_brityworks .section_vis .txt .btn_ty::after { border-width: 2px; }
[lang='en'] .MP_brityworks .section_vis .txt * { letter-spacing: -0.005em; }

.MP_brityworks .fixed_tab { position: absolute; bottom: 0px; left: 0; width: 100%; height: 9.6rem; z-index: 11; }
.MP_brityworks .fixed_tab .tab_inner { width: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 11; }
.MP_brityworks .fixed_tab.fixed .tab_inner { position: fixed; left: 0; right: 0; transition: 0.2s; }
.MP_brityworks .fixed_tab ul { max-width: 131.8rem; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.MP_brityworks .fixed_tab ul li { flex: 0 0 25%; max-width: 25%; text-align: center; }
.MP_brityworks .fixed_tab ul li a { display: flex; flex-direction: column; justify-content: center; height: 9.6rem; color: #fff; opacity: 0.5; transition: all .2s; }
.MP_brityworks .fixed_tab ul li a span { font-size: 1.5rem; line-height: 2.2rem; margin-bottom: 0.3rem; }
.MP_brityworks .fixed_tab ul li a strong { font-size: 2rem; line-height: 2.9rem; }
.MP_brityworks .fixed_tab ul li.active a { background-color: #0A78EA; opacity: 1; }

.MP_brityworks .cont { padding: 10rem 0 12rem; }

.MP_brityworks .about { padding-bottom: 19rem; }
.MP_brityworks .about .ttl_wrap { position: relative; }
.MP_brityworks .about .ttl_wrap strong { display: block; font-size: 2.4rem; line-height: 3.6rem; }
.MP_brityworks .about .ttl_wrap h2 { display: flex; align-items: center; font-size: 4.6rem; line-height: 6.8rem; }
.MP_brityworks .about .ttl_wrap h2 i { width: 7.2rem; background-size: cover; background-repeat: no-repeat; background-position: center; margin-left: 1rem; }
.MP_brityworks .about .ttl_wrap h2 i:before { content:''; display: block; width: 100%; padding-bottom: 90.22%; }
.MP_brityworks .about .ttl_wrap p { font-size: 1.9rem; line-height: 2.8rem; color: #666; margin-top: 2rem; }
.MP_brityworks .about .contents { display: flex; align-items: center; justify-content: space-between; margin-top: 6rem; }
.MP_brityworks .about .contents .img { flex: 0 0 47.8%; max-width: 629px; }
.MP_brityworks .about .contents .img .img_p { background-size: cover; background-repeat: no-repeat; background-position: center; }
.MP_brityworks .about .contents .img .img_p::before { content:''; display: block; width: 100%; padding-bottom: 61.049%; }
[lang='en'] .MP_brityworks .about .contents .img .img_p::before { padding-bottom: 64.3879173290938%; }
.MP_brityworks .about .contents .txt_list { flex: 1 1 50%; margin-left: 3rem; }
.MP_brityworks .about .contents .txt_list li { position: relative; padding: 2rem 4rem; background: #fff; }
.MP_brityworks .about .contents .txt_list li + li { margin-top: 1rem; }
.MP_brityworks .about .contents .txt_list li p { display: block; font-size: 1.6rem; line-height: 2.6rem; color:#666; }
.MP_brityworks .about .contents .txt_list li strong { display: block; font-size: 2.4rem; line-height: 3.6rem; }
.MP_brityworks .about .contents .txt_list li .btn_arrow { position: absolute; right: 4rem; bottom: 2rem; }

.MP_brityworks .M120_A { margin-top: -11rem; padding-top: 11rem !important; }
.MP_brityworks .M120_A + .cont { padding-top: 13rem !important; }

.MP_brityworks .M119_A_cont .md_cont .li { padding-top: 0; }

.MP_brityworks .cont.feature .ttl_wrap h2 { font-size: 4rem; line-height: 6.2rem; }
.MP_brityworks .cont.feature .contents { margin-top: 6rem; }
.MP_brityworks .cont.feature .feature_list { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 5px 0 0 5px; }
.MP_brityworks .cont.feature .feature_list li { align-self: stretch; position: relative; flex: 0 0 calc(50% - 1.5rem); padding: 3.5rem 18rem 3.5rem 5rem; border: 1px solid #ddd; background: #fff; z-index: 2; }
.MP_brityworks .cont.feature .feature_list li:nth-child(2n + 2) { margin-left: 3rem; }
.MP_brityworks .cont.feature .feature_list li:nth-child(n + 3) { margin-top: 3rem; }
.MP_brityworks .cont.feature .feature_list li span{ position: absolute; right: 4rem; bottom: 2rem; font-size: 1.4rem; line-height: 2.8rem; color: #666; }
.MP_brityworks .cont.feature .feature_list li i { position: absolute; left: 0; top: 0; display: block; width: 4.6rem; line-height: 5.4rem; font-size: 2.4rem; text-align: center; color: #fff; font-weight: 700; font-family: 'SharpSansNo1' !important; z-index: 3; }
.MP_brityworks .cont.feature .feature_list li strong { display: block; padding-left: 3rem; font-size: 2rem; line-height: 3.2rem; }
html[lang="en"] .MP_brityworks .cont.feature .feature_list li strong em { font-size: 15px; }
.MP_brityworks .cont.feature .feature_list li strong + p { margin-top: 2rem; }
.MP_brityworks .cont.feature .feature_list li p { position: relative; font-size: 1.5rem; line-height: 2.4rem; padding-left: 0.8rem; }
.MP_brityworks .cont.feature .feature_list li p::before { position: absolute; left: 0; top: 1.2rem; content:''; display: block; width: 2px; height: 2px; border-radius: 2px; background:#004095; }
.MP_brityworks .cont.feature .feature_list li p + p { margin-top: 0.8rem; }
.MP_brityworks .cont.feature .feature_list li .ico { position: absolute; right: 4rem; top: 50%; transform: translateY(-50%); width: 12rem; background-size: cover; background-repeat: no-repeat; background-position: center; }
.MP_brityworks .cont.feature .feature_list li .ico::before { content:''; display: block; padding-bottom: 100%; }
.MP_brityworks .cont.feature .feature_list li::before { position: absolute; left: -0.5rem; top: -0.5rem; content:''; display: block; width: 0; height: 0; border-width: 10rem 10rem 0 0; border-style: solid; border-color: transparent; z-index: 3; }
.MP_brityworks .cont.feature .feature_list li:nth-child(1)::before { border-top-color: #3192FF; }
.MP_brityworks .cont.feature .feature_list li:nth-child(2)::before { border-top-color: #006DFF; }
.MP_brityworks .cont.feature .feature_list li:nth-child(3)::before { border-top-color: #0963DC; }
.MP_brityworks .cont.feature .feature_list li:nth-child(4)::before { border-top-color: #0E55B8; }
.MP_brityworks .cont.feature .feature_list li i::before,
.MP_brityworks .cont.feature .feature_list li i::after { position: absolute; content:''; display: block; width: 0.5rem; height: 0.5rem; border-width: 0 0 0.5rem 0.5rem; border-style: solid; border-color: transparent; border-bottom-color: #000; }
.MP_brityworks .cont.feature .feature_list li i::before { left: -0.5rem; top: 9rem;  }
.MP_brityworks .cont.feature .feature_list li i::after { left: 9rem; top: -0.5rem; }

.MP_brityworks .M22_A .price-wrap_v1 { position: relative; }
.MP_brityworks .M22_A .price-wrap_v1:nth-of-type(1) > .bg { position: absolute; left: -20.5rem; top: -1.8rem; width: 18.5rem; }
.MP_brityworks .M22_A .price-wrap_v1:nth-of-type(1) > .bg::before { content:''; display: block; width: 100%; padding-bottom: 84.864%; }
.MP_brityworks .M22_A .price-wrap_v1:nth-of-type(3) > .bg { position: absolute; right: 17.6rem; top: 4.2rem; width: 8rem; }
.MP_brityworks .M22_A .price-wrap_v1:nth-of-type(3) > .bg::before { content:''; display: block; width: 100%; padding-bottom: 90%; }
html[lang="en"] .MP_brityworks .M22_A .price-wrap_v1:nth-of-type(3) > .bg { right: 21.6rem; }

.MP_brityworks .M22_A .ttl_area .bg { position: absolute; left: -11.5rem; top: -1.8rem; width: 18.5rem; }
.MP_brityworks .M22_A .ttl_area .bg::before { content:''; display: block; width: 100%; padding-bottom: 84.864%; }
.MP_brityworks .M22_A .plan_ttl { position: relative; }
.MP_brityworks .M22_A .plan_ttl .bg { position: absolute; right: 17.6rem; top: 1.4rem; width: 8rem; }
.MP_brityworks .M22_A .plan_ttl .bg::before { content:''; display: block; width: 100%; padding-bottom: 90%; }

.MP_brityworks .M16_B .M16_B_cont > .bg { position: absolute; right: -20.3rem; bottom: -7rem; width: 22.3rem; }
.MP_brityworks .M16_B .M16_B_cont > .bg::before { content:''; display: block; width: 100%; padding-bottom: 101.793%; }

.MP_brityworks .M06_F .tit_e { font-size: 2rem; line-height: 2.9rem; margin-bottom: 1rem; }
.MP_brityworks .M06_F .tit_b { margin-bottom: 1.5rem; }
.MP_brityworks .M06_F .inner .btn_arrow { font-size: 1.6rem; }
.MP_brityworks .M06_F .M06_F_cont { margin-top: 6rem; }
.MP_brityworks .M06_F .M06_F_cont .owl-carousel .md_tit { margin-top: 0.8rem; }
.MP_brityworks .M06_F .M06_F_cont .owl-carousel .item .link_box { padding: 3rem; }
.MP_brityworks .M06_F .M06_F_cont .owl-carousel .item .link_box a:hover { color: inherit; }
.MP_brityworks .M06_F .M06_F_cont .owl-carousel .item .md_cate { margin-bottom: 0; }
.MP_brityworks .M06_F .M06_F_cont .owl-carousel .item .md_tit .b_title + .s_txt { font-size: 2rem; line-height: 3.2rem; font-weight: 700; margin-top: 0; }
.MP_brityworks .M06_F .M06_F_cont .owl-carousel .item .arrow_btn { position: unset; left: unset; right: unset; bottom: unset; margin-top: 4rem; }

.MP_brityworks .box_link { display: flex; align-items: flex-start; justify-content: space-between; }
.MP_brityworks .box_link li { align-self: stretch; position: relative; flex: 0 0 calc(25% - 1.95rem); min-height:22.5rem; padding: 3rem 3rem 5rem; background: #fff; }
.MP_brityworks .box_link li + li { margin-left: 2.6rem; }
.MP_brityworks .box_link li strong { display: block; font-size: 2.2rem; line-height: 3.3rem; }
.MP_brityworks .box_link li p { font-size: 1.6rem; line-height: 2.8rem; margin-top: 2rem; }
.MP_brityworks .box_link .arrow_btn { position:absolute; right: 3rem; bottom: 3rem; display:block; width: 3.3rem; height: 1.6rem; }
.MP_brityworks .box_link .arrow_btn .arrow_icon{ position:absolute; right:0; top:50%; margin-top: -1px; display:block; width: 3.3rem; height: 2px; background: #000; transition:all 0.3s; }
.MP_brityworks .box_link .arrow_btn .arrow_icon:before { position: absolute; right: 0; top: -4px; content:''; display: block; width: 1rem; height: 1rem; transform: rotate(45deg); border: solid #000; border-width: 2px 2px 0 0; }
.MP_brityworks .box_link .arrow_btn:hover .arrow_icon { right: -3px; }
.MP_brityworks .M10_A { padding-top: 0 !important; }

/* animation */
.MP_brityworks .ban { opacity: 0; transition: all 500ms ease; }
.MP_brityworks .ban.in-view { opacity: 1; }
.MP_brityworks .section_vis .txt > * { animation: txtTop both 0.4s 0.1s; }
.MP_brityworks .section_vis .txt strong { animation-delay: .1s; }
.MP_brityworks .section_vis .txt h1 { animation-delay: .3s; }
.MP_brityworks .section_vis .txt p { animation-delay: .5s; }
.MP_brityworks .section_vis .txt .btn_m { animation-delay: .8s; }
.MP_brityworks .ban.in-view .ttl_wrap > * { animation: txtTop both 0.4s 0.1s; }
.MP_brityworks .ban.in-view .ttl_wrap strong { animation-delay: .1s; }
.MP_brityworks .ban.in-view .ttl_wrap h2 { animation-delay: .3s; }
.MP_brityworks .ban.in-view .ttl_wrap p { animation-delay: .5s; }
.MP_brityworks .ban.in-view .img { animation: fade both 0.4s 0.2s; }
.MP_brityworks .ban.in-view .txt_list li { animation: txtTop both 0.4s 0.1s; }
.MP_brityworks .ban.in-view .txt_list li:nth-child(1) { animation-delay: .1s ;}
.MP_brityworks .ban.in-view .txt_list li:nth-child(2) { animation-delay: .2s ;}
.MP_brityworks .ban.in-view .txt_list li:nth-child(3) { animation-delay: .4s ;}
.MP_brityworks .ban.in-view .txt_list li:nth-child(4) { animation-delay: .6s ;}
.MP_brityworks .ban.in-view .txt_list li:nth-child(5) { animation-delay: .8s ;}
.MP_brityworks .ban.in-view .feature_list li { animation: txtTop both 0.4s 0.1s; }
.MP_brityworks .ban.in-view .feature_list li:nth-child(1) { animation-delay: .1s ;}
.MP_brityworks .ban.in-view .feature_list li:nth-child(2) { animation-delay: .3s ;}
.MP_brityworks .ban.in-view .feature_list li:nth-child(3) { animation-delay: .5s ;}
.MP_brityworks .ban.in-view .feature_list li:nth-child(4) { animation-delay: .8s ;}

html[lang="en"] .MP_brityworks .ban.in-view .feature_list li { min-height: 300px; }
html[lang="en"] .MP_brityworks .ban.in-view .feature_list li:nth-child(2) { padding-bottom: 80px; }

@media all and (max-width:1180px) {
    .MP_brityworks .M22_A .ttl_area .bg,
    .MP_brityworks .M22_A .plan_ttl .bg { display: none; }
}

@media all and (max-width:1023px) {
    .MP_brityworks .pc_show { display: none; }
    .MP_brityworks .mo_show { display: block; }

    .MP_brityworks .section_vis { height: calc(100vh - 110px); }
    .MP_brityworks .section_vis .txt { justify-content: flex-start; padding: 9rem 3rem; }
    .MP_brityworks .section_vis .txt h1 { font-size: 3.4rem; line-height: 5rem; }
    .MP_brityworks .section_vis .txt strong { font-size: 2rem; line-height: 3rem; }
    .MP_brityworks .section_vis .txt p { font-size: 1.4rem; line-height: 2.4rem; margin-top: 2rem; }

    .MP_brityworks .fixed_tab { height: 6.6rem; }
    .MP_brityworks .fixed_tab ul li a { height: 6.6rem; font-size: 1.4rem; line-height: 2rem; padding: 0 1rem; }
    .MP_brityworks .fixed_tab ul li a span { display: none; }
    .MP_brityworks .fixed_tab ul li a strong { font-size: 1.4rem; line-height: 2rem; }

    .MP_brityworks .cont { padding: 5rem 0 6rem; }

    .MP_brityworks .cont.about { padding: 9rem 0; }
    .MP_brityworks .cont.about .ttl_wrap strong { font-size: 1.8rem; line-height: 2.7rem; }
    .MP_brityworks .cont.about .ttl_wrap h2 { font-size: 3rem; line-height: 4.5rem; }
    .MP_brityworks .cont.about .ttl_wrap h2 i { display: none; }
    .MP_brityworks .cont.about .ttl_wrap p { font-size: 1.6rem; line-height: 2.6rem; margin-top: 1rem; }
    .MP_brityworks .cont.about .contents { display: block; margin-top: 3rem; }
    .MP_brityworks .cont.about .contents .txt_list { margin: 2.8rem 0 0; }
    .MP_brityworks .cont.about .contents .txt_list li { padding: 2rem; }
    .MP_brityworks .cont.about .contents .txt_list li p { font-size: 1.4rem; line-height: 2.2rem; }
    .MP_brityworks .cont.about .contents .txt_list li strong { font-size: 1.8rem; line-height: 2.8rem; margin-top: 0.5rem; }
    .MP_brityworks .cont.about .contents .txt_list li .btn_arrow { position: unset; right: unset; bottom: unset; margin-top: 1rem; }

    .MP_brityworks .M120_A { margin: 0; padding: 0 !important;}
    .MP_brityworks .M120_A .consulting_bnr { position: unset; right: unset; bottom: unset; height: auto; padding: 2.7rem 3rem; }
    .MP_brityworks .M120_A .consulting_bnr .md_btn_box { position: unset; margin-top: 1rem; }

    .MP_brityworks .M120_A + .cont { padding: 5rem 0 6rem !important ; }
    .MP_brityworks .M119_A_cont .md_cont .li { padding-bottom: 0; }

    .MP_brityworks .cont.feature { padding: 6rem 0; }
    .MP_brityworks .cont.feature .ttl_wrap h2 { font-size: 2.4rem; line-height: 3.6rem; }
    .MP_brityworks .cont.feature .contents { margin-top: 2.5rem; }
    .MP_brityworks .cont.feature .feature_list { display: block; }
    .MP_brityworks .cont.feature .feature_list li:nth-child(2n + 2),
    .MP_brityworks .cont.feature .feature_list li:nth-child(n + 3),
    .MP_brityworks .cont.feature .feature_list li { margin: 2rem 0 0; }
    .MP_brityworks .cont.feature .feature_list li strong { font-size: 1.6rem; line-height: 2.4rem; }
    .MP_brityworks .cont.feature .feature_list li p { font-size: 1.4rem; line-height: 2.2rem; }
    .MP_brityworks .cont.feature .feature_list li strong + p { margin-top: 1rem; }
    .MP_brityworks .cont.feature .feature_list li p + p { margin-top: 0.6rem; }
    .MP_brityworks .cont.feature .feature_list li span { display: block; position: unset; right: unset; bottom: unset; font-size: 1.2rem; line-height: 1.8rem; margin-top: 1rem; }

    html[lang="en"] .MP_brityworks .ban.in-view .feature_list li { min-height: auto; }
    html[lang="en"] .MP_brityworks .ban.in-view .feature_list li:nth-child(2) { padding-bottom: 3.5rem;; }

    .MP_brityworks .M06_F .tit_e { font-size: 1.4rem; line-height: 2.4rem; }
    .MP_brityworks .M06_F .tit_b { font-size: 2.4rem; line-height: 3.6rem; margin-bottom: 1rem; }
    .MP_brityworks .M06_F .inner .btn_arrow { font-size: 1.4rem; }
    .MP_brityworks .M06_F .M06_F_cont { margin-top: 2rem; }
    .MP_brityworks .M06_F .M06_F_cont .owl-carousel .item { min-height: 19rem; }
    .MP_brityworks .M06_F .M06_F_cont .owl-carousel .item .md_cate { height: auto; font-size: 1.6rem; line-height: 2.4rem; }
    .MP_brityworks .M06_F .M06_F_cont .owl-carousel .item .md_tit .b_title { font-size: 1.8rem; line-height: 2.8rem; }
    .MP_brityworks .M06_F .M06_F_cont .owl-carousel .item .arrow_btn { margin-top: 2rem; }

    .MP_brityworks .M22_A .price-wrap_v1:nth-of-type(1) > .bg,
    .MP_brityworks .M22_A .price-wrap_v1:nth-of-type(3) > .bg,
    .MP_brityworks .M16_B .M16_B_cont > .bg { display: none; }

    .MP_brityworks .box_link { display: block; }
    .MP_brityworks .box_link li { height: 14rem; min-height: unset; padding: 2rem 5rem 2rem 2rem; }
    .MP_brityworks .box_link li + li { margin: 1rem 0 0; }
    .MP_brityworks .box_link li strong { font-size: 1.8rem; line-height: 2.7rem; }
    .MP_brityworks .box_link li p { font-size: 1.4rem; line-height: 2.4rem; margin-top: 1rem; }
    .MP_brityworks .box_link .arrow_btn { right: 2rem; bottom: 2rem; width: 2.1rem; }
    .MP_brityworks .box_link .arrow_btn .arrow_icon { width: 2.1rem; }
}

@media all and (max-width:600px) {
    .MP_brityworks .M120_A .consulting_bnr { min-height: unset; text-align: left; }

    .MP_brityworks .cont.feature .feature_list li { padding: 15.5rem 2rem 2.5rem; }
    .MP_brityworks .cont.feature .feature_list li strong { padding-left: 0; }
    .MP_brityworks .cont.feature .feature_list li .ico { top: 2rem; left: 50%; right: unset; transform: translate(-50%, 0); }
}





/*** MP_brityauto ***/
.MP_brityauto em { font-weight: inherit; }
.MP_brityauto .pc_show { display: block; }
.MP_brityauto .mo_show { display: none; }

.MP_brityauto .section_vis { position: relative; height: 56rem; min-height: 51rem; background: #000; overflow: hidden; }
.MP_brityauto .section_vis .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; animation: scaleBg both ease-in-out 3.2s; overflow: hidden; z-index: 1;}
.MP_brityauto .section_vis .img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.MP_brityauto .section_vis .txt { position: relative; width: 100%; max-width: 150.4rem; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 9.3rem 9.6rem; margin: 0 auto; color: #fff; z-index: 11; }
.MP_brityauto .section_vis .txt h1 { font-size: 4.4rem; line-height: 6rem; }
.MP_brityauto .section_vis .txt strong { display: block; font-size: 2.4rem; line-height: 3.4rem; margin-top: 2rem; }
.MP_brityauto .section_vis .txt p { font-size: 1.8rem; line-height: 3.4rem; margin-top: 1rem; }

.MP_brityauto .fixed_tab { position: absolute; left: 0; bottom: 0; width: 100%; height: 9.6rem; z-index: 11; }
.MP_brityauto .fixed_tab .tab_inner { width: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 11; }
.MP_brityauto .fixed_tab.fixed .tab_inner { position: fixed; left: 0; right: 0; transition: 0.2s; }
.MP_brityauto .fixed_tab ul { max-width: 131.8rem; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.MP_brityauto .fixed_tab ul li { flex: 0 0 25%; max-width: 25%; text-align: center; }
.MP_brityauto .fixed_tab ul li a { display: flex; flex-direction: column; justify-content: center; height: 9.6rem; color: #fff; opacity: 0.5; transition: all .2s; }
.MP_brityauto .fixed_tab ul li a span { font-size: 1.5rem; line-height: 2.2rem; margin-bottom: 0.3rem; }
.MP_brityauto .fixed_tab ul li a strong { font-size: 2rem; line-height: 2.9rem; }
.MP_brityauto .fixed_tab ul li.active a { background-color: #0A78EA; opacity: 1; }

.MP_brityauto .MP_brityauto_cont .cont { padding: 10rem 0 12rem; }

.MP_brityauto .cont .ttl_wrap { position: relative; }
.MP_brityauto .cont .ttl_wrap em { display: block; font-size: 1.9rem; line-height: 2.8rem; }
.MP_brityauto .cont .ttl_wrap strong { display: block; font-size: 2.4rem; line-height: 3.6rem; margin-top: 1.5rem; }
.MP_brityauto .cont .ttl_wrap h2 { font-size: 4.6rem; line-height: 6.8rem; }
.MP_brityauto .cont .ttl_wrap .btn_wrap { display: flex; align-items: center; margin-top: 2rem; }
.MP_brityauto .cont .ttl_wrap .btn_wrap p { flex: 1 1 50%; font-size: 1.9rem; line-height: 2.8rem; color: #666; text-align: left; margin-right: auto; }
.MP_brityauto .cont .ttl_wrap .btn_wrap .btn_m { min-width: auto; }
.MP_brityauto .cont .ttl_wrap .btn_wrap .btn_m span { white-space: nowrap; word-break: keep-all;}
.MP_brityauto .cont .ttl_wrap .btn_wrap .btn_m + .btn_m { margin-left: 1rem; }

.MP_brityauto .cont .contents { margin-top: 6rem; }
.MP_brityauto .cont .col_group { display: flex; align-items: center; justify-content: space-between; }
.MP_brityauto .cont .col_group .col_l { flex: 0 0 47.7%;}
.MP_brityauto .cont .col_group .col_r { flex: 1 1 50%; margin-left: 3rem; }

.MP_brityauto .module_ty .img { margin-bottom: 0 }
.MP_brityauto .module_ty .img:before { padding-bottom: 61.049%; }
.MP_brityauto .module_ty .img .img_p { background-size: cover; background-position: center; background-repeat: no-repeat; }
.MP_brityauto .module_ty .img .btn_movie { left: 50%; top: 50%; width: 6.9rem; height: 6.9rem; transform: translate(-51%,-52%); z-index:2; }
.MP_brityauto .module_ty .img .btn_movie:after { border-width: 9px 0 9px 15px; }
.MP_brityauto .module_ty .img .md_link:hover .btn_movie:before,
.MP_brityauto .module_ty .img .md_link:focus .btn_movie:before {transform:translateX(0);}
.MP_brityauto .module_ty .img .md_link:hover .btn_movie:after,
.MP_brityauto .module_ty .img .md_link:focus .btn_movie:after {border-left-color:#fff;}

.MP_brityauto .txt_list li { padding: 2.9rem 4rem; background: #F8F8F8; }
.MP_brityauto .cont.bg .txt_list li { background: #fff; }
.MP_brityauto .txt_list li + li { margin-top: 1.5rem; }
.MP_brityauto .txt_list li span { display: block; font-size: 1.6rem; line-height: 2.4rem; color:#666; }
.MP_brityauto .txt_list li strong { display: block; font-size: 2.4rem; line-height: 3.6rem; }

.MP_brityauto .cont.bpa > i.bg { position: absolute; left: calc(50% + 56.6rem); bottom: -8rem; display: block; width: 28rem; background-size: 100% auto; background-position: center; background-repeat: no-repeat; opacity: 0.3; }
.MP_brityauto .cont.bpa > i.bg::before { content:''; display: block; width: 100%; padding-bottom: 100%; }

.MP_brityauto .cont.rpa h2 { display: flex; align-items: center; }
.MP_brityauto .cont.rpa h2 i.bg { display: block; width:5.4rem; margin-left: 1rem; background-size: 100% auto; background-position: center; background-repeat: no-repeat; }
.MP_brityauto .cont.rpa h2 i.bg::before { content:''; display: block; width: 100%; padding-bottom: 100%; }

.MP_brityauto .cont.cognitive .col_r { position: relative; }
.MP_brityauto .cont.cognitive .col_r i.bg { position: absolute; left: 0; top: -6.8rem; display: block; width:9.4rem; background-size: 100% auto; background-position: center; background-repeat: no-repeat; }
.MP_brityauto .cont.cognitive .col_r i.bg::before { content:''; display: block; width: 100%; padding-bottom: 100%; }

.MP_brityauto .assistant + .cont { padding: 10rem 0; }

.MP_brityauto .box_link { display: flex; align-items: flex-start; justify-content: space-between; }
.MP_brityauto .box_link li { position: relative; flex: 0 0 calc(33.333% - 1.733rem); height: 22.5rem; padding: 3rem 8rem 3rem 3rem; background: #F8F8F8; }
.MP_brityauto .box_link li + li { margin-left: 2.6rem; }
.MP_brityauto .box_link li strong { display: block; font-size: 2.2rem; line-height: 3.3rem; }
.MP_brityauto .box_link li p { font-size: 1.6rem; line-height: 2.8rem; margin-top: 2rem; }
.MP_brityauto .box_link .arrow_btn { position:absolute; right: 3rem; bottom: 3rem; display:block; width: 3.3rem; height: 1.6rem; }
.MP_brityauto .box_link .arrow_btn .arrow_icon{ position:absolute; right:0; top:50%; margin-top: -1px; display:block; width: 3.3rem; height: 2px; background: #000; transition:all 0.3s; }
.MP_brityauto .box_link .arrow_btn .arrow_icon:before { position: absolute; right: 0; top: -4px; content:''; display: block; width: 1rem; height: 1rem; transform: rotate(45deg); border: solid #000; border-width: 2px 2px 0 0; }
.MP_brityauto .box_link .arrow_btn:hover .arrow_icon { right: -3px; }
.MP_brityauto .M10_A { padding-top: 0 !important; }

/* animation */
.MP_brityauto .ban { opacity: 0; transition: all 500ms ease; }
.MP_brityauto .ban.in-view { opacity: 1; }
.MP_brityauto .section_vis .txt > * { animation: txtTop both 0.4s 0.1s; }
.MP_brityauto .section_vis .txt h1 { animation-delay: .1s; }
.MP_brityauto .section_vis .txt strong { animation-delay: .3s; }
.MP_brityauto .section_vis .txt p { animation-delay: .5s; }
.MP_brityauto .ban.in-view .ttl_wrap > * { animation: txtTop both 0.4s 0.1s; }
.MP_brityauto .ban.in-view .ttl_wrap em { animation-delay: .1s; }
.MP_brityauto .ban.in-view .ttl_wrap h2 { animation-delay: .3s; }
.MP_brityauto .ban.in-view .ttl_wrap .btn_wrap { animation-delay: .5s; }
.MP_brityauto .ban.in-view .img { animation: fade both 0.4s 0.2s; }
.MP_brityauto .ban.in-view .txt_list li { animation: txtTop both 0.4s 0.1s; }
.MP_brityauto .ban.in-view .txt_list li:nth-child(1) { animation-delay: .1s ;}
.MP_brityauto .ban.in-view .txt_list li:nth-child(2) { animation-delay: .3s ;}
.MP_brityauto .ban.in-view .txt_list li:nth-child(3) { animation-delay: .5s ;}


@media all and (max-width:1023px) {
    .MP_brityauto .pc_show { display: none; }
    .MP_brityauto .mo_show { display: block; }

    .MP_brityauto .section_vis { height: calc(100vh - 110px);}
    .MP_brityauto .section_vis .txt { padding: 9rem 3rem; justify-content: flex-start; }
    .MP_brityauto .section_vis .txt h1 { font-size: 3.4rem; line-height: 5rem; }
    .MP_brityauto .section_vis .txt strong { font-size: 2rem; line-height: 3rem; }
    .MP_brityauto .section_vis .txt p { font-size: 1.4rem; line-height: 2.4rem; margin-top: 0.5rem; }

    .MP_brityauto .fixed_tab { height: 6.6rem; }
    .MP_brityauto .fixed_tab ul li a { height: 6.6rem; font-size: 1.4rem; line-height: 2rem; padding: 0 1rem; }
    .MP_brityauto .fixed_tab ul li a span { display: none; }
    .MP_brityauto .fixed_tab ul li a strong { font-size: 1.4rem; line-height: 2rem; }

    .MP_brityauto .MP_brityauto_cont .cont { padding: 9rem 0; }

    .MP_brityauto .cont .ttl_wrap em { font-size: 1.6rem; line-height: 2.4rem; }
    .MP_brityauto .cont .ttl_wrap strong { font-size: 1.6rem; line-height: 2.6rem; }
    .MP_brityauto .cont .ttl_wrap h2 { font-size: 2.4rem; line-height: 3.6rem; margin-top: 0.5rem; }
    .MP_brityauto .cont .ttl_wrap .btn_wrap { flex-wrap: wrap; margin-top: 1rem; }
    .MP_brityauto .cont .ttl_wrap .btn_wrap p { flex: 0 0 100%; font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 3rem; }
    .MP_brityauto .cont .ttl_wrap .btn_wrap .btn_m { flex: 1 1 calc(50% - 0.5rem); padding: 0 2rem; }

    .MP_brityauto .cont .contents { margin-top: 4rem; }
    .MP_brityauto .cont .col_group { display: block; }
    .MP_brityauto .cont .col_group .col_r { margin: 2rem 0 0; }

    .MP_brityauto .module_ty .img .btn_movie { width: 5rem; height: 5rem; }
    .MP_brityauto .module_ty .img .btn_movie:after { border-width: 7px 0 7px 12px; }

    .MP_brityauto .txt_list li { padding: 2rem; }
    .MP_brityauto .txt_list li + li { margin: 1rem 0 0; }
    .MP_brityauto .txt_list li span { font-size: 1.4rem; }
    .MP_brityauto .txt_list li strong { font-size: 1.8rem; line-height: 2.8rem; }

    .MP_brityauto .cont.bpa > i.bg,
    .MP_brityauto .cont.rpa h2 i.bg,
    .MP_brityauto .cont.cognitive .col_r i.bg { display: none; }

    .MP_brityauto .assistant + .cont { padding: 5rem 0; }

    .MP_brityauto .box_link { display: block; }
    .MP_brityauto .box_link li { height: 14rem; padding: 2rem 5rem 2rem 2rem; }
    .MP_brityauto .box_link li + li { margin: 1rem 0 0; }
    .MP_brityauto .box_link li strong { font-size: 1.8rem; line-height: 2.7rem; }
    .MP_brityauto .box_link li p { font-size: 1.4rem; line-height: 2.4rem; margin-top: 1rem; }
    .MP_brityauto .box_link .arrow_btn { right: 2rem; bottom: 2rem; width: 2.1rem; }
    .MP_brityauto .box_link .arrow_btn .arrow_icon { width: 2.1rem; }
}





/*** MP_britybpa ***/
.MP_britybpa .c_blue { color: #1778EA; }
.MP_britybpa .pc_show { display: block; }
.MP_britybpa .mo_show { display: none; }
.MP_britybpa .img_wrap > div { position: relative; background-position: center top; background-size: 100% auto; background-repeat: no-repeat; }
.MP_britybpa .img_wrap > div::before { content:''; display: block; }

.MP_britybpa .section_vis { position: relative; height: 56rem; min-height: 51rem; background: #E7F0FD; overflow: hidden; }
.MP_britybpa .section_vis .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; animation: scaleBg both ease-in-out 3.2s; overflow: hidden; z-index: 1;}
.MP_britybpa .section_vis .img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.MP_britybpa .section_vis .txt { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; max-width: 150.4rem; color: #fff; height: 100%; padding: 0 9.3rem; margin: 0 auto; z-index: 11; }
.MP_britybpa .section_vis .txt h1 { font-size: 4.4rem; line-height: 1.5; letter-spacing: -0.07em; }
.MP_britybpa .section_vis .txt p { font-size: 2.8rem;  line-height: 1.5; letter-spacing: -0.07em; font-weight: 700; margin-top: 2rem; }

.MP_britybpa .M107_A .md_txt { font-size: 2rem; line-height: 1.6; }

.MP_britybpa .M119_A.cont { padding: 10rem 0 12rem; }
.MP_britybpa .M119_A .tit_e { font-size: 2rem; line-height: 1.4; }
.MP_britybpa .M119_A .md_cont .li .txt .md_tit { line-height: 1.5; }
.MP_britybpa .M119_A_cont .md_cont .li { padding-top: 8rem; }
.MP_britybpa .M119_A_cont .video_cont .md_link:before { display: none; }

.MP_britybpa .feature .inner > .bg { position: absolute; right: -14rem; bottom: -12rem;  width: 30rem; background-position: center; background-size: 100% auto; background-repeat:no-repeat; }
.MP_britybpa .feature .inner > .bg::before { content:''; display: block; padding-bottom: 70%;}
.MP_britybpa .feature .ttl_wrap .tit_s { font-size: 2rem; line-height: 1.6; }
.MP_britybpa .feature .ttl_wrap .tit_m { line-height: 1.5; margin-top: 1rem; }
.MP_britybpa .feature .feature_list { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 3rem; }
.MP_britybpa .feature .feature_list li { flex: 1 0 calc(50% - 1.3rem); padding: 3rem; background: #fff; }
.MP_britybpa .feature .feature_list li:nth-child(2n + 2) { margin-left: 2.6rem; }
.MP_britybpa .feature .feature_list li:nth-child(n + 3) { margin-top: 2.6rem; }
.MP_britybpa .feature .feature_list li p { font-size: 1.6rem; line-height: 1.75; color: #666; }
.MP_britybpa .feature .feature_list li strong { display: block; font-size: 2.4rem; line-height: 1.5; margin-top: 0.5rem; }

.MP_britybpa .service .ttl_wrap .tit_s { font-size: 2rem; line-height: 1.6; }
.MP_britybpa .service .ttl_wrap .tit_m { line-height: 1.5; margin-top: 1rem; }
.MP_britybpa .service .img { margin-top: 3rem; }
.MP_britybpa .service .img .pc_show::before { padding-bottom: 36.949%; }
.MP_britybpa .service .img .mo_show::before { padding-bottom: 117.333%; }
.MP_britybpa .service.bg .img .pc_show::before { padding-bottom: 44.992%; }
.MP_britybpa .service.bg .img .mo_show::before { padding-bottom: 179%; }

.MP_britybpa .M110_H .tit_bt { line-height: 1.45; }
.MP_britybpa .M110_H .tit_e { font-size: 2rem; line-height: 1.5; margin: 3rem 0 0; }
.MP_britybpa .M110_H .M110_H_cont { margin-top: 2.4rem; }
.MP_britybpa .M110_H .M110_H_cont .tab_slide_wrap + .slider-tabSection { margin-top: 3rem; }
.MP_britybpa .M110_H .M110_H_cont .slider-nav a { font-size: 2rem; line-height: 1.4; letter-spacing:-0.04em; padding: 0.5rem 0 1.8rem; }
.MP_britybpa .M110_H .M110_H_cont .slider-nav .slick-slide { margin: 0 1.5rem 0; }
.MP_britybpa .M110_H .M110_H_cont .slider-tabSection .tabContents { display: flex; align-items: flex-start; justify-content: space-between; }
.MP_britybpa .M110_H .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img { float: unset; flex: 0 0 54.4rem; }
.MP_britybpa .M110_H .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img:before { display: none; }
.MP_britybpa .M110_H .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img_wrap > div::before { padding-bottom: 56.346%; }
.MP_britybpa .M110_H .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt { float: unset; flex: 1 1 calc(100% - 54.4rem - 5rem); padding-left: 5rem; font-size: 1.8rem; }

.MP_britybpa .M110_H.example .M110_H_cont { margin-top: 0rem; }
.MP_britybpa .M110_H.example .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img { flex: 1 1 59.180%; max-width: 78rem; }
.MP_britybpa .M110_H.example .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img_wrap > div::before { padding-bottom: 64.102%; }
.MP_britybpa .M110_H.example .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt { flex: 1 1 calc(100% - 59.180% - 6rem); padding-left: 6rem; line-height: 1.5; }

.MP_britybpa .M47_A_cont .owl-carousel .item { padding: 3rem; }


/* animation */
.MP_britybpa .ban { opacity: 0; transition: all 500ms ease; }
.MP_britybpa .ban.in-view { opacity: 1; }
.MP_britybpa .section_vis .txt > * { animation: txtTop both 0.4s 0.1s; }
.MP_britybpa .section_vis .txt h1 { animation-delay: .3s; }
.MP_britybpa .section_vis .txt p { animation-delay: .5s; }
.MP_britybpa .ban.in-view .M107_A_cont > * { animation: txtTop both 0.4s 0.1s; }
.MP_britybpa .ban.in-view .M107_A_cont .md_tit { animation-delay: .1s; }
.MP_britybpa .ban.in-view .M107_A_cont .md_txt { animation-delay: .3s; }
.MP_britybpa .ban.in-view .ttl_wrap > * { animation: txtTop both 0.4s 0.1s; }
.MP_britybpa .ban.in-view .ttl_wrap .tit_s { animation-delay: .1s; }
.MP_britybpa .ban.in-view .ttl_wrap .tit_m { animation-delay: .3s; }
.MP_britybpa .ban.in-view .feature_list li { animation: txtTop both 0.4s 0.1s; }
.MP_britybpa .ban.in-view .feature_list li:nth-child(1) { animation-delay: .5s; }
.MP_britybpa .ban.in-view .feature_list li:nth-child(2) { animation-delay: .7s; }
.MP_britybpa .ban.in-view .feature_list li:nth-child(3) { animation-delay: .9s; }
.MP_britybpa .ban.in-view .feature_list li:nth-child(4) { animation-delay: 1.1s; }
.MP_britybpa .ban.in-view .img_wrap { animation: fade both .4s .5s; }



@media all and (max-width:1300px) {
    .MP_britybpa .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt { width: unset; margin: unset; padding: unset; }
}


@media all and (max-width:1023px) {
    .MP_britybpa .pc_show { display: none; }
    .MP_britybpa .mo_show { display: block; }
    .MP_britybpa .M107_A .md_tit br.mo_show { display: block !important; }

    .MP_britybpa .section_vis { height: 56rem; }
    .MP_britybpa .section_vis .txt { justify-content: flex-start; padding: 4rem 3rem; }
    .MP_britybpa .section_vis .txt h1 { font-size: 2.4rem; }
    .MP_britybpa .section_vis .txt p { font-size: 1.6rem; margin-top: 2rem; }

    .MP_britybpa .M107_A .md_txt { font-size: 1.6rem; word-break: break-all; }

    .MP_britybpa .M119_A.cont { padding: 5rem 0 6rem; }
    .MP_britybpa .M119_A .tit_e { font-size: 1.4rem; margin-bottom: 0; }
    .MP_britybpa .M119_A_cont { margin-top: .6rem; }
    .MP_britybpa .M119_A_cont .md_cont .li { padding: 0; }
    .MP_britybpa .M119_A_cont .md_cont .li .txt .md_tit { font-size: 2rem; margin-bottom: 0; }
    .MP_britybpa .M119_A_cont .video_cont { margin-top: 2rem; }

    .MP_britybpa .feature .inner > .bg { display: none; }
    .MP_britybpa .feature .ttl_wrap .tit_s { font-size: 1.4rem; }
    .MP_britybpa .feature .ttl_wrap .tit_m { font-size: 2rem; margin-top: .6rem; }

    .MP_britybpa .feature .feature_list { display: block; margin-top: 2rem; }
    .MP_britybpa .feature .feature_list li + li,
    .MP_britybpa .feature .feature_list li:nth-child(2n + 2),
    .MP_britybpa .feature .feature_list li:nth-child(n + 3) { margin: 1.6rem 0 0; }
    .MP_britybpa .feature .feature_list li p { font-size: 1.4rem; }
    .MP_britybpa .feature .feature_list li strong { font-size: 1.8rem; margin-top: 1rem; }

    .MP_britybpa .service .ttl_wrap .tit_s { font-size: 1.4rem; }
    .MP_britybpa .service .ttl_wrap .tit_m { font-size: 2rem; letter-spacing: -0.05em; margin-top: 0.6rem; }
    .MP_britybpa .service .img { margin-top: 2rem; }

    .MP_britybpa .M110_H .tit_bt { font-size: 2.4rem; }
    .MP_britybpa .M110_H .tit_e { font-size: 1.4rem; margin-top: 2.4rem; }
    .MP_britybpa .M110_H .M110_H_cont { margin-top: 1.5rem; }
    .MP_britybpa .M110_H .M110_H_cont .slider-nav a { font-size: 1.6rem; padding: 1.2rem 0; }
    .MP_britybpa .M110_H .M110_H_cont .slider-tabSection .tabContents { display: block; }
    .MP_britybpa .M110_H .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .img { width: 100%; max-width: 100%; }
    .MP_britybpa .M110_H .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt { width: 100%; margin: 3rem 0 0; padding: 0; word-break: break-all; font-size: 1.4rem; }

    .MP_britybpa .M110_H.example .M110_H_cont .tab_slide_wrap + .slider-tabSection { margin-top: 1.6rem; }
    .MP_britybpa .M110_H.example .M110_H_cont .slider-tabSection .slider-tabContents .tabContents .txt { margin-top: 1.6rem; padding: 0; word-break: break-all; }

    .MP_britybpa .M47_A .owl-pagn-inner { display: flex; align-items: center; justify-content: space-between; padding: 0 3.2rem; }
    .MP_britybpa .M47_A .owl-pagn-bar { position: unset; flex: 1 1 100%; margin: 0 1.2rem; }
    .MP_britybpa .M47_A .owl-pagn-st { float: unset; }
    .MP_britybpa .M47_A .owl-pagn-ed { float: unset; padding-left: 0; }
    .MP_britybpa .M47_A .owl-pagn-ed:before { display: none; }
    .MP_britybpa .M47_A .owl-navm { position: relative; top: unset; transform: unset; }
    .MP_britybpa .M47_A .owl-navm .owl-prevm,
    .MP_britybpa .M47_A .owl-navm .owl-nextm { position: absolute; top: 2.2rem; background: transparent; border: 0 none !important; opacity: 1; }
    .MP_britybpa .M47_A .owl-navm .owl-prevm { left: -1rem; }
    .MP_britybpa .M47_A .owl-navm .owl-nextm { right: -1rem; }
    .MP_britybpa .M47_A .owl-navm .owl-prevm::after,
    .MP_britybpa .M47_A .owl-navm .owl-nextm::after { border-color: #000; }
    .MP_britybpa .M47_A .owl-navm .owl-prevm::before,
    .MP_britybpa .M47_A .owl-navm .owl-nextm::before { display: none; }
    .MP_britybpa .M47_A .owl-navm .owl-prevm:hover,
    .MP_britybpa .M47_A .owl-navm .owl-nextm:hover,
    .MP_britybpa .M47_A .owl-prevm:focus,
    .MP_britybpa .M47_A .owl-nextm:focus { background: transparent !important; background-color: transparent !important; }
    .MP_britybpa .M47_A .owl-navm .owl-prevm:hover::after,
    .MP_britybpa .M47_A .owl-navm .owl-nextm:hover::after,
    .MP_britybpa .M47_A .owl-prevm:focus::after,
    .MP_britybpa .M47_A .owl-nextm:focus::after { border-color: #2189FF; }
}





/*** MP_logistics_story ***/
.MP_logistics_story em { font-weight: inherit; }
.MP_logistics_story .c_green { color:#039A83; }
.MP_logistics_story .pc_show { display: block; }
.MP_logistics_story .mo_show { display: none; }
.MP_logistics_story_cont .img > .img_p { display: block; }
.MP_logistics_story_cont .img > .img_m { display: none; }

.MP_logistics_story .M01_E_cont .md_visual { height: calc(100vh -  170px) !important; min-height: 51rem; }
.MP_logistics_story .M01_E_cont .md_visual .li.act .img::before { position: absolute; left: 0; bottom: 0; right: 0; content:''; display: block; height: 50%; background: linear-gradient(0deg, rgba(0,45,39,1) 0%, rgba(0,45,39,0) 100%); z-index: 2; }

.MP_logistics_story .M01_E_cont .md_visual .li .txt{ display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 100%; min-height: unset; max-width: 150.4rem; padding: 0 9.3rem 18rem; margin: 0; transform:translateX(-50%); }
.MP_logistics_story .M01_E_cont .md_visual .li .txt .txt_inner { display: block; padding: 0; }
.MP_logistics_story .M01_E_cont .md_visual .li .txt .tit_b { display: block; font-size: 6rem; line-height: 1.4; color: #fff; }
.MP_logistics_story .M01_E_cont .md_visual .li .txt .tit_s { display: block; font-size: 2.4rem; line-height: 1.4; color: #fff; font-weight: 400; margin: 3rem 0 0; }

.MP_logistics_story .M01_E_cont .video_control_wrap { bottom: 12rem; }
.MP_logistics_story .M01_E_cont .md_visual .li:before { background: rgba(0,0,0, 0.5); }
.MP_logistics_story .M01_E_cont .video_control_wrap .btn_play.pause button:hover,
.MP_logistics_story .M01_E_cont .video_control_wrap .btn_play.pause button:focus { border-color: #039A83;}
.MP_logistics_story .M01_E_cont .video_control_wrap .btn_play.pause button:hover:before,
.MP_logistics_story .M01_E_cont .video_control_wrap .btn_play.pause button:focus:before { background-color: #039A83; }
.MP_logistics_story .M01_E_cont .video_control_wrap .btn_play.play button:hover,
.MP_logistics_story .M01_E_cont .video_control_wrap .btn_play.play button:focus { border-color:#039A83; }
.MP_logistics_story .M01_E_cont .video_control_wrap .btn_play.play button:hover:before,
.MP_logistics_story .M01_E_cont .video_control_wrap .btn_play.play button:focus:before { background-color: #039A83; }

.MP_logistics_story .M01_E_cont .ico_scrolldown { position: absolute; left: 50%; bottom: 12.6rem; display: block; width: 3rem; height: 7.1rem; transform: translateX(-50%); background-position: center; background-size: 100% auto; background-repeat: no-repeat; z-index: 11; }

.MP_logistics_story .fixed_tab { position: absolute; left: 0; bottom: 0; width: 100%; height: 9.6rem; z-index: 11; }
.MP_logistics_story .fixed_tab .tab_inner { width: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 11; }
.MP_logistics_story .fixed_tab.fixed .tab_inner { position: fixed; left: 0; right: 0; transition: 0.2s; }
.MP_logistics_story .fixed_tab ul { max-width: 131.8rem; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.MP_logistics_story .fixed_tab ul li { flex: 0 0 33.333%; max-width: 33.333%; text-align: center; }
.MP_logistics_story .fixed_tab ul li a { display: flex; flex-direction: column; justify-content: center; height: 9.6rem; color: #fff; opacity: 0.7; transition: all .2s; }
.MP_logistics_story .fixed_tab ul li a .bullet { display: flex; align-items: center; justify-content: center; margin: 0 0 0.5rem; }
.MP_logistics_story .fixed_tab ul li a .bullet i { position: relative; display: block; width: 2.2rem; height: 1.8rem; }
.MP_logistics_story .fixed_tab ul li a .bullet i + i { margin-left: 1rem; }
.MP_logistics_story .fixed_tab ul li a .bullet i svg { display: block; width: 2.2rem; height: 1.8rem; opacity: .2; transform: scale(0.75); transition: all .3s; }
.MP_logistics_story .fixed_tab ul li a .bullet i svg path { fill: #fff; }
.MP_logistics_story .fixed_tab ul li a .bullet i svg rect { width: 2.2rem; height: 1.8rem; background: #fff; opacity: 0; }
.MP_logistics_story .fixed_tab ul li a strong { font-size: 2rem; line-height: 1.4; }

.MP_logistics_story .fixed_tab ul li.active a { background-color: rgb(0, 163, 139 , 0.5); opacity: 1; }
.MP_logistics_story .fixed_tab ul li:nth-child(1).active a .bullet i:nth-child(1) svg { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 5px rgb(255 255 255 / 0.5)); }
.MP_logistics_story .fixed_tab ul li:nth-child(2).active a .bullet i:nth-child(2) svg { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 5px rgb(255 255 255 / 0.5)); }
.MP_logistics_story .fixed_tab ul li:nth-child(3).active a .bullet i:nth-child(3) svg { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 5px rgb(255 255 255 / 0.5)); }

.MP_logistics_story .cont .inner { z-index: 2; }
.MP_logistics_story .cont > .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; background-repeat:no-repeat; background-position: center; z-index: 1; }

.MP_logistics_story .cont .bg_box_s,
.MP_logistics_story .cont .bg_box_l { position: absolute;  background-size: cover; background-repeat:no-repeat; background-position: center; z-index: 1; }
.MP_logistics_story .cont .bg_box_s::before,
.MP_logistics_story .cont .bg_box_l::before { display: block; content:''; }
.MP_logistics_story .cont .bg_box_s { left: 0; top: 50%; width: 103.9rem; transform: translate(-47rem, -48rem); }
.MP_logistics_story .cont .bg_box_s::before { padding-bottom: 92.96934061318774%; }
.MP_logistics_story .cont .bg_box_l { left: 50%; bottom: -22rem; width: 127.4rem; transform: translateX(22rem); }
.MP_logistics_story .cont .bg_box_l::before { padding-bottom: 98.11616954474097%; }

.MP_logistics_story .section0 { background: #FBFBFB; padding: 0; }
.MP_logistics_story .section0 .inner {  padding-top: 4.75rem; padding-bottom: 4.75rem; }
.MP_logistics_story .section0 .inner:nth-of-type(1) { padding-top: 19rem; }
.MP_logistics_story .section0 .inner:nth-of-type(2) { padding-bottom: 19rem; }

.MP_logistics_story .art:nth-of-type(2) { background: #000; }
.MP_logistics_story .section1 { padding: 26rem 0 14.5rem; background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(8, 24, 41, 1) 100%); }
.MP_logistics_story .section1_2 { padding: 14.5rem 0; background: linear-gradient(180deg, rgba(8, 24, 41, 1) 0%, rgba(10, 30, 47, 1) 100%); }
.MP_logistics_story .section1_3 { padding: 14.5rem 0; background: linear-gradient(180deg, rgba(10, 30, 47, 1) 0%, rgba(7, 10, 13, 1) 100%); }
.MP_logistics_story .section1_4 { padding: 14.5rem 0 26rem; background: linear-gradient(180deg, rgba(7, 10, 13, 1) 0%, rgba(10, 16, 21, 1) 100%); }

.MP_logistics_story .section2 { padding: 24rem 0; }
.MP_logistics_story .section2 > .bg { background: #000; }
.MP_logistics_story .section2 > .bg video { position: absolute; left: 50%; top: 50%; display: block; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); opacity: 0.45; }

.MP_logistics_story .cont .ttl_wrap { text-align: center; }
.MP_logistics_story .cont .ttl_wrap .tit_b { font-size: 4.6rem; line-height: 1.4; }
.MP_logistics_story .cont .ttl_wrap .tit_s { font-size: 2rem; line-height: 1.6; font-weight: 400; margin: 1.5rem 0 0; }
.MP_logistics_story .cont .ttl_wrap .tit_m { font-size: 2.6rem; line-height: 1.5; margin-top: 3rem; }
.MP_logistics_story .cont .ttl_wrap mark { display: inline-block; padding: 0 0.8rem; color: #fff; background: #039A83; }
.MP_logistics_story .cont .ttl_wrap + .contents { margin: 4rem 0 0; }

.MP_logistics_story .cont:not(.section0) .ttl_wrap .tit_b,
.MP_logistics_story .cont:not(.section0) .ttl_wrap .tit_s,
.MP_logistics_story .cont:not(.section0) .ttl_wrap .tit_m { color: #fff; }

.MP_logistics_story .img > .img_p,
.MP_logistics_story .img > .img_m { position: relative; width: 100%; background-size: 100% auto; background-position: center top; background-repeat: no-repeat; }
.MP_logistics_story .img > .img_p::before,
.MP_logistics_story .img > .img_m::before { display: block; content: ''; }

.MP_logistics_story .img_phas1 { max-width: 80rem; margin: 0 auto; }
.MP_logistics_story .img_phas1::before { padding-bottom: 78.125%; }

.MP_logistics_story .img_phas2 { max-width: 57.6rem; margin: 0 auto; }
.MP_logistics_story .img_phas2::before { padding-bottom: 94.44444444444444%; }

.MP_logistics_story .img_phas2_2 { max-width: 131.8rem; margin: 0 auto; }
.MP_logistics_story .img_phas2_2::before { padding-bottom: 37.177541729893775%; }

.MP_logistics_story .video > .video_p { position: relative; display: block; width: 100%; max-width: 78rem; margin: 0 auto; }
.MP_logistics_story .video > .video_p video { position: absolute; left: 0; top: 0; z-index: 1; }
.MP_logistics_story .video > .video_p::before { display: block; content: ''; padding-bottom: 57.69230769230769%; }

.MP_logistics_story .M112_B .tit_e { font-size: 2.4rem; line-height: 1.5; }
.MP_logistics_story .M112_B_cont .md_tit { font-size: 2.2rem; }
.MP_logistics_story .M112_B_cont .md_txt { font-size: 1.8rem; margin-top: 4rem; }
.MP_logistics_story .M112_B_cont .owl-carousel .item .arrow_btn .arrow_icon { background-image: url(https://image.samsungsds.com/module_src/images/icon/ico_page_view.png); background-size: cover; }

/* animation */
.MP_logistics_story .ban { opacity: 0; transition: all 500ms ease; }
.MP_logistics_story .ban.in-view { opacity: 1; }
.MP_logistics_story .ban.in-view .ttl_wrap .tit_b { animation: txtTop both 0.4s 0.1s; }
.MP_logistics_story .ban.in-view .ttl_wrap .tit_s { animation: txtTop both 0.4s 0.3s; }
.MP_logistics_story .ban.in-view .ttl_wrap .tit_m { animation: txtTop both 0.4s 0.5s; }
.MP_logistics_story .ban.in-view .img { animation: fade both 0.4s 0.4s; }
.MP_logistics_story .ban.in-view .video { animation: fade both 0.4s 0.4s; }

@media all and (max-width:1504px) {
    .MP_logistics_story .M01_E_cont .md_visual .li .txt { left: 50%; margin: 0; }
}

@media all and (max-width:1023px) {
    .MP_logistics_story .pc_show { display: none; }
    .MP_logistics_story .mo_show { display: block; }
    .MP_logistics_story_cont .img > .img_p { display: none; }
    .MP_logistics_story_cont .img > .img_m { display: block; }

    .MP_logistics_story .M01_E_cont .md_visual .li .txt { padding: 0 3rem 13.6rem; }
    .MP_logistics_story .M01_E_cont .md_visual .li .txt .tit_b { font-size: 3.4rem; }
    .MP_logistics_story .M01_E_cont .md_visual .li .txt .tit_s { font-size: 1.4rem; line-height: 1.65; margin: 1rem 0 0; }
    .MP_logistics_story .M01_E_cont .ico_scrolldown { display: none; }

    .MP_logistics_story .M01_E_cont .video_control_wrap { bottom: 10rem; }

    .MP_logistics_story .fixed_tab { height: 6.6rem; }
    .MP_logistics_story .fixed_tab ul li a { height: 6.6rem; }
    .MP_logistics_story .fixed_tab ul li a .bullet { display: none; }
    .MP_logistics_story .fixed_tab ul li a strong { font-size: 1.4rem; }

    .MP_logistics_story .cont .bg_box_s { left: 0; right: unset; width: 100%; transform: translate(-50%, -40%); }
    .MP_logistics_story .cont .bg_box_l { left: unset; right: 0; bottom: 0; width: 100%; transform: translate(42%, 36%); }

    .MP_logistics_story .section0 .inner { padding-top: 9rem; }
    .MP_logistics_story .section0 .inner:nth-of-type(1) { padding-top: 9rem; padding-bottom: 0; }
    .MP_logistics_story .section0 .inner:nth-of-type(2) { padding-bottom: 9rem; }

    .MP_logistics_story .section1 { padding: 12rem 0 5.2rem; }
    .MP_logistics_story .section1_2 { padding: 5.2rem 0; }
    .MP_logistics_story .section1_3 { padding: 5.2rem 0; }
    .MP_logistics_story .section1_4 { padding: 5.2rem 0 12rem; background: linear-gradient(180deg, #05090b 0%, #0E151C 10%, #0B1117 100%); }
    .MP_logistics_story .section1_4 .bg { background-size: auto calc(100% - 23rem); background-position: center bottom 5rem; }

    .MP_logistics_story .section2 { padding: 12rem 0; }

    .MP_logistics_story .cont .ttl_wrap .tit_b { font-size: 2.4rem; line-height: 1.5; }
    .MP_logistics_story .cont .ttl_wrap .tit_s { font-size: 1.4rem; margin-top: 1rem; }
    .MP_logistics_story .cont .ttl_wrap .tit_m { font-size: 1.6rem; margin-top: 1rem; }

    .MP_logistics_story .cont .ttl_wrap + .contents { margin-top: 3rem; }

    .MP_logistics_story .img_phas1 { max-width: 40rem; }
    .MP_logistics_story .img_phas1::before { padding-bottom: 158.16666666666666%; }
    
    .MP_logistics_story .img_phas2 { max-width: 40rem; }
    .MP_logistics_story .img_phas2::before { padding-bottom: 106.66666666666667%; }
    
    .MP_logistics_story .img_phas2_2 { max-width: 40rem; }
    .MP_logistics_story .img_phas2_2::before { padding-bottom: 151.33333333333334%; }

    .MP_logistics_story .video > .video_p { max-width: 58rem; }

    .MP_logistics_story .M112_B .tit_e { font-size: 1.8rem; margin: 0 0 2rem; }
    .MP_logistics_story .M112_B_cont .owl-carousel .item .arrow_btn { top: 2rem; }
    .MP_logistics_story .M112_B_cont .owl-carousel .item, .M112_B_cont.m1 .owl-carousel .item { padding: 2rem; }
    .MP_logistics_story .M112_B_cont .md_tit { font-size: 1.8rem; line-height: 1.6; }
    .MP_logistics_story .M112_B_cont .md_txt { font-size: 1.4rem; line-height: 1.4; margin: 1.6rem 0 0; }
}

@media all and (max-width:460px) {
    .MP_logistics_story .section1_4 .bg { background-size: 280% auto; background-position: center bottom 10rem; }
}





/*** MP_ESG | 최신소식, 인사이트리포트 ***/
.MP_ESG {}
.MP_ESG .inner_sch_form { margin-bottom: 100px; }

/* 인사이트리포트 : list 1개 : default */
.MP_ESG .cont_list { margin-top: 40px; }
.MP_ESG .cont_list .item { display: flex; margin-bottom: 40px; }
.MP_ESG .cont_list .item .img { position: relative; overflow: hidden; width: 100%; height: 100%; max-width: 310px; max-height: 174px; margin: 0; }
.MP_ESG .cont_list .item .img::before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 56.346%; }
.MP_ESG .cont_list .item .img a { background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.MP_ESG .cont_list .item .txt { display: flex; flex-wrap: wrap; width: 100%; padding: 0 0 0 20px; }
.MP_ESG .cont_list .item .txt .eyebrow { display: flex; align-items: center; width: 100%; margin-bottom: 5px; }
.MP_ESG .cont_list .item .txt .eyebrow span { position: relative; font-size: 14px; line-height: 16px; color: #888; margin: 0 10px; }
.MP_ESG .cont_list .item .txt .eyebrow span:first-child { margin-left: 0; }
.MP_ESG .cont_list .item .txt .eyebrow span:nth-of-type(2)::before { content: ''; position: absolute; top: 50%; left: -11px; transform: translate(0%, -50%); width: 1px; height: 10px; background-color: #888; }
.MP_ESG .cont_list .item .txt .md_tit { width: 100%; display: flex; align-items: center; margin-bottom: 10px; }
.MP_ESG .cont_list .item .txt .md_tit a,
.MP_ESG .cont_list .item .txt .md_txt p { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.MP_ESG .cont_list .item .txt .md_txt { margin: 0; margin-bottom: auto; }
.MP_ESG .cont_list .item .txt .md_tit a { -webkit-line-clamp: 1; }
.MP_ESG .cont_list .item .txt .md_txt p { -webkit-line-clamp: 2; }
.MP_ESG .cont_list .item .md_btn { display: flex; width: 100%; margin: 0; margin-top: auto; }
.MP_ESG .cont_list .item .md_btn a { position: relative; line-height: 20px; margin: 0 10px; font-size: 14px; color: #2189FF; }
.MP_ESG .cont_list .item .md_btn a:first-child { margin-left: 0; }
.MP_ESG .cont_list .item .md_btn a:first-child::before { display: none; }
.MP_ESG .cont_list .item .md_btn a::before { content: ''; position: absolute; top: 50%; left: -11px; transform: translate(0%, -50%); width: 1px; height: 10px; background-color: #2189FF; }

/* 최신소식 : list 3개 */
.MP_ESG .cont_list.item3 { display: flex; flex-wrap: wrap; margin: 10px -10px -10px -10px; }
.MP_ESG .cont_list.item3 .item { flex-wrap: wrap; align-content: flex-start; width: calc(33.33334% - 20px); margin: 30px 10px 30px 10px; }
.MP_ESG .cont_list.item3 .item .img { max-width: none; height: auto; max-height: 240px; margin-bottom: 24px; }
.MP_ESG .cont_list.item3 .item .txt { padding: 0; }
.MP_ESG .cont_list.item3 .item .txt .eyebrow { margin-bottom: 10px; }
.MP_ESG .cont_list.item3 .item .txt .md_tit { align-items: flex-start; }
.MP_ESG .cont_list.item3 .item .txt .md_tit a { -webkit-line-clamp: 2; }
.MP_ESG .cont_list.item3 .item .txt .md_txt { width: 100%; margin-bottom: 25px; }
.MP_ESG .cont_list.item3 .item .txt .md_txt p { color: #666; }

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .MP_ESG .inner { padding: 0 20px; }
    .MP_ESG .inner_sch_form { margin-bottom: 50px; }
    .MP_ESG .grp_conts_filter { display: flex; align-items: center; justify-content: space-between; }
    .MP_ESG .cont_list { display: flex; flex-wrap: wrap; margin: 0px -10px -10px }
    .MP_ESG .cont_list .item { width: calc(50% - 20px); flex-wrap: wrap; margin: 30px 10px 0 10px; }
    .MP_ESG .cont_list .item .img { max-width: none; max-height: none; height: auto; min-height: 84px; margin-bottom: 15px; }
    .MP_ESG .cont_list .item .txt { padding: 0; }
    .MP_ESG .cont_list .item .txt .eyebrow { margin-bottom: 10px; }
    .MP_ESG .cont_list .item .txt .eyebrow span { margin: 0px 5px; }
    .MP_ESG .cont_list .item .txt .eyebrow span.cate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 110px; }
    .MP_ESG .cont_list .item .txt .eyebrow span:nth-of-type(2)::before { left: -5px; height: 12px; }
    .MP_ESG .cont_list .item .txt .md_tit { align-items: flex-start; }
    .MP_ESG .cont_list .item .txt .md_tit a { -webkit-line-clamp: 2; }
    .MP_ESG .cont_list .item .txt .md_txt { display: flex; align-items: flex-start; margin-bottom: 15px; }
    .MP_ESG .cont_list .item .txt .md_txt p { -webkit-line-clamp: 3; }
}

@media all and (max-width:768px){
    /* 최신소식 : list 3개 */
    .MP_ESG .cont_list.item3 .item { width: calc(50% - 20px); }
}

@media all and (max-width:600px){
    .MP_ESG .cont_list .item .txt .eyebrow span.cate { max-width: 65px; }

    /* 최신소식 : list 3개 */
    .MP_ESG .cont_list.item3 { margin: 40px 0 0 0; }
    .MP_ESG .cont_list.item3 .item { width: 100%; margin: 40px 0 0 0; }
    .MP_ESG .cont_list.item3 .item:first-child { margin-top: 0; }
    .MP_ESG .cont_list.item3 .item .txt .eyebrow span.cate { max-width: none; }
    .MP_ESG .cont_list.item3 .item .img { max-height: none; margin-bottom: 15px; }
}







/*** MP_ESG | 회사정보, 공급망 ESG ***/
.MP_ESGsupplier { padding: 0; }
.MP_ESGsupplier .margin-t{margin-top: 60px;}

.MP_ESGsupplier .img img{width: 100%;}
.MP_ESGsupplier .img .img_m { display: none; }

.MP_ESGsupplier .inner .sub_tit{margin-top: 20px;}
.MP_ESGsupplier .type2 .inner{margin: 100px auto;}
.MP_ESGsupplier .type2 .inner:first-child{margin-top: 0;}
.MP_ESGsupplier .type2 .inner:last-child{margin-bottom: 0;}

.MP_ESGsupplier .ul_dw{margin: 60px 0 0 0; max-width: unset;}
.MP_ESGsupplier .M15_A{margin-top: 100px;}
.MP_ESGsupplier .M15_A_cont .tit_desc{margin: 20px 0 0 0;}

.MP_ESGsupplier .unclick{position: absolute; width: 20%; height: 20%; top: 20%; left: 36%; width: 28%; height: 57%; border-radius: 50%; z-index: 5;}


/** -Mobile UI- **/
@media all and (max-width:1023px){
    .MP_ESGsupplier .img .img_p { display: none; }
    .MP_ESGsupplier .img .img_m { display: block; width: 100%;}
    .MP_ESGsupplier .diagram .img{display: unset;}

    .MP_ESGsupplier .inner .sub_tit{margin-top: 10px;}
    .MP_ESGsupplier .margin-t{margin-top: 20px;}
    .MP_ESGsupplier .type2 .inner{margin: 50px auto;}
    .MP_ESGsupplier .unclick{display: none;}
    .MP_ESGsupplier .cbox.type2 .h5{font-size: 2rem;}
    .MP_ESGsupplier .table_ty06.margin-t{margin-top: 30px;}

    .MP_ESGsupplier .M15_A{margin-top: 50px;}
    .MP_ESGsupplier .M15_A .img .img_p{display: block;}
    .MP_ESGsupplier .M15_A .img .img_m{display: none;}
    .MP_ESGsupplier .M15_A_cont .tit_desc{display: none;}
}

@media all and (max-width:768px){
    .MP_ESGsupplier .h6{text-align: center !important;}
}

@media all and (max-width:600px){
    .MP_ESGsupplier .M15_A .img .img_p{display: none;}
    .MP_ESGsupplier .M15_A .img .img_m{display: block;}
}

/*** MP_esgStrategy 지속가능경영 체계 - ESG 전략 ***/
.MP_esgStrategy { }
.MP_esgStrategy .img { margin-top: 100px; }
.MP_esgStrategy .img img { width: 100%; }
.MP_esgStrategy .performance_table { margin-top: 60px; }
.MP_esgStrategy .performance_table table { }
.MP_esgStrategy .performance_table table td { background-color: #fff; padding: 30px 40px; font-size: 17px; }
.MP_esgStrategy .performance_table table td.th { background-color: #FAFAFA; text-align: center; }
.MP_esgStrategy .performance_table table td .un_bax { display: flex; justify-content: center; }
.MP_esgStrategy .performance_table table td .un_bax li { width: 70px; margin: 0 10px; }
.MP_esgStrategy .performance_table table td .un_bax li:first-child { margin-left: 0; }
.MP_esgStrategy .performance_table table td .un_bax li:last-child { margin-right: 0; }
.MP_esgStrategy .performance_table table td .un_bax li img { width: 100%; }
.list_people_frame { margin: 5.6rem -13px 0 -13px; font-size: 0; display: flex; }
.list_people_frame .item_people_frame { width: 20%; margin: 0 13px; }
.list_people_frame .img_people_frame { width: 100%; border: 0.1rem solid #ddd; box-sizing: border-box; }
.list_people_frame .info_people_frame { margin-top: 2.2rem; text-align: center; }
.list_people_frame .tit_people_frame { display: block; font-weight: 700; font-size: 2rem; color: #000; letter-spacing: -0.025rem; }
.list_people_frame .txt_people_frame { display: block; margin-top: 0.8rem; font-weight: 400; font-size: 1.6rem; color: #333; letter-spacing: -0.025rem; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .MP_esgStrategy .img { margin-top: 40px; }
}
@media all and (max-width:768px) {
    .MP_esgStrategy .performance_table table { min-width: 900px !important; }
    .MP_esgStrategy .performance_table table td { padding: 20px; }
    .list_people_frame { margin: 40px 0px 0 0px; flex-wrap: wrap; flex-direction: column; }
    .list_people_frame li:last-child { margin-bottom: 0; }
    .list_people_frame .item_people_frame { width: 100%; margin: 0 0 0 0; max-width: 242px; margin: 0 auto 15px auto; }
    .list_people_frame .info_people_frame { margin-top: 0; }
    .list_people_frame .img_people_frame { margin-bottom: 10px; }
    .list_people_frame .tit_people_frame { font-size: 16px; }
    .list_people_frame .txt_people_frame { font-size: 14px; }
}



/*** MP_compliance | 윤리&준법경영 - 준법경영 ***/
.custom_tab { height: 80px; }
.custom_tab ul{display: flex; justify-content: center;}
.custom_tab ul li{border-left:1px solid #6b6b6b; position: relative; padding: 0 20px;}
.custom_tab ul li a{font-size: 2.4rem;}
.custom_tab ul li a:hover{color: #8a8a8a;}
.custom_tab ul li a.on{font-weight: bold; color: #2189ff;}
.custom_tab .only_mb{display: none;}
.custom_tab ul li:first-child{border-left: none;}
.custom_tab ul li .tab_depth2{position: absolute; bottom: -4.5rem; right: 0; font-size: 2.2rem;}
.custom_tab ul li .tab_depth2::before{content: ""; display: block; width: 12px; height: 16px; border-left: 1px solid #333333; border-bottom: 1px solid #333333; position: absolute; left: -22px; top: 0;}

.MP_compliance .flex_box{display: flex; flex-direction: column; align-items: center; margin-top: 40px;}
.MP_compliance .flex_box .img img{max-width: 952px;}
.MP_compliance .flex_box.type2{margin-top: 60px;}
.MP_compliance .flex_box.type2 .img img{max-width: 1278px;}

.MP_compliance .margin-t{margin-top: 60px;}

.MP_compliance .img {display: flex;}
.MP_compliance .img img{width: 100%; max-width: 1010px; margin: 0 auto;}
.MP_compliance .img .img_m { display: none; }

.MP_compliance .inner{padding: 0 30px;}
.MP_compliance .inner+.inner{margin-top: 60px;}
.MP_compliance .inner .sub_tit{margin-top: 20px;}
.MP_compliance .inner .sub_tit .blue{color: #2189FF;}
.MP_compliance .inner .sub_tit .disc{color: #999999;}

.MP_compliance .M46_A_cont{margin-top: 60px;;}

.MP_compliance .custom_box{display: flex; width: 100%; flex-direction: column; gap: 20px; max-width: 1026px; margin: 30px auto 0 auto;}
.MP_compliance .custom_box .inner_box{display: flex; gap: 20px;}
.MP_compliance .custom_box .inner_box .item{display: flex; justify-content: center; align-items: center; width: 50%; padding: 25px; border: 1px solid #dddddd; flex-wrap: wrap; text-align: center; font-size: 2rem; line-height: 3rem;}

.MP_compliance .mb_textBox{display: none;}

.MP_compliance .cbox.type2{background: #f5f5f5;}

/** -Mobile UI- **/
@media all and (max-width:1023px){
    .custom_tab { height: 65px; }
    .custom_tab ul li a{font-size: 2rem;}
    .custom_tab ul li .tab_depth2{font-size: 1.8rem; bottom: -3.5rem;}
    .custom_tab ul li .tab_depth2::after{width: 10px; height: 14px; left: -18px;}

    .MP_compliance .img .img_p { display: none; }
    .MP_compliance .img .img_m { display: block; width: 100%;}

    .MP_compliance .mb_textBox{display: block;}
    .MP_compliance .mb_textBox > ul > li{padding: 30px 0; text-align: left; border-bottom: 1px solid #ddd;}
    .MP_compliance .mb_textBox > ul > li:last-child{border: none;}
    .MP_compliance .mb_textBox ul li ul {margin-top: 20px;}
    .MP_compliance .mb_textBox ul li ul li{list-style:disc; list-style-position: inside; margin-top: 16px;}
    .MP_compliance .mb_textBox ul li ul li p{margin: 10px 0 0 30px; line-height: 24px; position: relative;}
    .MP_compliance .mb_textBox ul li ul li p::before{content: ""; display: block; width: 5px; height: 2px; background-color: #999999; position: absolute; left: -10px; top: 11px;}
    .MP_compliance .mb_textBox .title{font-size: 2rem; font-weight: bold;}
    .MP_compliance .mb_textBox .title.type2{font-size: 1.6rem;}
    .MP_compliance .mb_textBox > ul > li:first-child .title{color: #3771A4;}
    .MP_compliance .mb_textBox > ul > li:first-child ul li::marker{color: #3771A4;}
    .MP_compliance .mb_textBox > ul > li:nth-child(2) .title{color: #0098C2;}
    .MP_compliance .mb_textBox > ul > li:nth-child(2) ul li::marker{color: #0098C2;}
    .MP_compliance .mb_textBox > ul > li:last-child .title{color: #2189ff;}
    .MP_compliance .mb_textBox > ul > li:last-child ul li::marker{color: #2189ff;}
    .MP_compliance .mb_textBox .text{font-size: 1.4rem; line-height: 24px; padding-top: 20px; display: block;}

    .MP_compliance .inner .sub_tit{margin-top: 10px;}
    .MP_compliance .margin-t{margin-top: 20px;}
    
    .MP_compliance .flex_box.type2{display: none;}
}

@media all and (max-width:768px){
    .custom_tab { background: #000; height: auto; }
    .custom_tab .only_mb{display: block; background: url('https://image.samsungsds.com/resource/kr/images/icon/ico_ev_arr.png?queryString=20241210125943') no-repeat center right 14px; background-size: 12px 6px; padding: 18px 0 18px 22px; color: #fff; font-size: 1.2rem;}
    .custom_tab .only_mb.show{background-image: url('https://image.samsungsds.com/resource/kr/images/icon/ico_ev_arr2.png?queryString=20241210125943');}
    .custom_tab ul{flex-direction: column; display: none; position: absolute; width: 100%; background: #000;}
    .custom_tab ul.show{display: flex;}
    .custom_tab ul li{border-left: none; border-top: 1px solid #333333; padding: 0;}
    .custom_tab ul li.has_depth{display: flex; flex-direction: column;}
    .custom_tab ul li a{color: #fff; display: block; width: 100%; padding: 18px 0 18px 22px; font-size: 1.2rem !important;}
    .custom_tab ul li .tab_depth2{position: relative; bottom: unset; border-top: 1px solid #333333; padding: 18px 0 18px 38px; background: #494949;}
    .custom_tab ul li .tab_depth2::before{width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; top: 50%; transform: translate(0, -50%); left: 22px;}

    .MP_compliance .flex_box{gap: 20px;}

    .MP_compliance .mb_textBox ul li{text-align: left;}
    
    .MP_compliance .cbox .h6{text-align: center !important;}
    .MP_compliance .custom_box .inner_box{flex-direction: column;}
    .MP_compliance .custom_box .inner_box .item{width: 100%; font-size: 1.6rem;}
}




/*** 윤리 & 준법경영 > 준법경영 > 공정거래 : MP_fairTrade ***/
.MP_fairTrade { }
.MP_fairTrade .con { margin: 60px auto 0 auto; }
.MP_fairTrade .cbox .inner .h5 { font-size: 40px; line-height: 56px; max-width: none; }

/* section 1 */
.MP_fairTrade .con.sec1 { max-width: 1120px; text-align: center; border: 1px solid #ddd; padding: 40px 70px; }
.MP_fairTrade .con.sec1 p { font-size: 18px; line-height: 32px; }
.MP_fairTrade .con.sec1 .intro_top { font-size: 20px; }
.MP_fairTrade .con.sec1 .intro_middle { }
.MP_fairTrade .con.sec1 .intro_middle p { margin-top: 28px; }
.MP_fairTrade .con.sec1 .intro_bottom { margin-top: 28px; }
.MP_fairTrade .con.sec1 .intro_bottom aside { margin-top: 30px; text-align: right; }
.MP_fairTrade .con.sec1 .intro_bottom aside p { font-size: 16px; line-height: 28px; }

/* section 2 */
.MP_fairTrade .con.sec2 { max-width: 1180px; }
.MP_fairTrade .con.sec2 dl:first-child { border-top: 1px solid #ddd; }
.MP_fairTrade .con.sec2 dl { font-size: 20px; line-height: 32px; border-bottom: 1px solid #ddd; display: flex; padding: 25px 40px; }
.MP_fairTrade .con.sec2 dl dt { font-weight: bold; width: 100%; max-width: 70px; }
html[lang="en"] .MP_fairTrade .con.sec2 dl dt { max-width: 110px; }
.MP_fairTrade .con.sec2 dl dd { }

/* section 3 */
.MP_fairTrade .con.sec3 { max-width: 1180px; }
.MP_fairTrade .con.sec3 ul { display: flex; flex-wrap: wrap; margin: -25px -40px; }
.MP_fairTrade .con.sec3 ul li { margin: 25px 40px; width: calc(50% - 80px); max-width: 550px; }
.MP_fairTrade .con.sec3 ul li h5 { font-size: 26px; line-height: 34px; margin-bottom: 30px; }
.MP_fairTrade .con.sec3 ul li h5 span { font-size: 20px; }
.MP_fairTrade .con.sec3 ul li p { line-height: 26px; }

/* section 4 */
.MP_fairTrade .con.sec4 { max-width: 906px; background-color: #fff; padding: 40px; }
.MP_fairTrade .con.sec4 .allDown { display: block; margin: 0 auto; }
.MP_fairTrade .con.sec4 .allDown .down { display: flex; align-items: center; justify-content: center; }
.MP_fairTrade .con.sec4 .allDown .down i { background-size: 16px; background-position: right center; width: 16px; height: 16px; margin-left: 6px; }
.MP_fairTrade .con.sec4 .allDown:hover .down i, .MP_fairTrade .con.sec4 .allDown:focus .down i { transition: all 0.4s; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(352deg) brightness(104%) contrast(103%); }
.MP_fairTrade .con.sec4 section { display: flex; margin: 30px -13px 0 -13px; padding-top: 30px; border-top: 1px dashed #ddd; }
.MP_fairTrade .con.sec4 section article { width: 50%; margin: 0 13px; padding: 30px 40px; background-color: #FCFCFC; border: 1px solid #F3F3F3; }
.MP_fairTrade .con.sec4 section article strong { display: block; font-size: 20px; margin-bottom: 20px; }
.MP_fairTrade .con.sec4 section article ul { }
.MP_fairTrade .con.sec4 section article ul li { position: relative; padding-left: 10px; margin-bottom: 18px; }
.MP_fairTrade .con.sec4 section article ul li:last-child { margin-bottom: 0; }
.MP_fairTrade .con.sec4 section article ul li::before { content: ''; position: absolute; top: 9px; left: 0; width: 2px; height: 2px; background-color: #000; border-radius: 10px; }
.MP_fairTrade .con.sec4 .allDown .down i, .MP_fairTrade .con.sec4 section article ul li a, .MP_fairTrade .con.sec4 section ol li a { background-image: url('https://image.samsungsds.com/kr/ethics_compliance/ic_download_50.png?queryString=20241210125943'); background-repeat: no-repeat; }
.MP_fairTrade .con.sec4 section article ul li a { display: block; width: 100%; background-position: right center; }
.MP_fairTrade .con.sec4 section ol { width: 50%; margin: 0 13px; }
.MP_fairTrade .con.sec4 section ol li { margin-bottom: 10px; }
.MP_fairTrade .con.sec4 section ol li:last-child { margin-bottom: 0; }
.MP_fairTrade .con.sec4 section ol li a { display: block; width: 100%; font-size: 18px; font-weight: bold; background-color: #FCFCFC; border: 1px solid #F3F3F3; padding: 20px 55px; background-position: right 40px center; }

/** -Mobile UI- **/
@media all and (max-width:1023px) { }

@media all and (max-width:768px) {
    .MP_fairTrade .cbox .inner { padding: 0 30px; }
    .MP_fairTrade .cbox .inner .h5 { font-size: 20px; line-height: 30px; }
    .MP_fairTrade .con { margin: 40px auto 0 auto; }
    .MP_fairTrade .con.sec1 { max-width: none; padding: 30px; }
    .MP_fairTrade .con.sec1 .intro_top { font-size: 16px; line-height: 26px; }
    .MP_fairTrade .con.sec1 p, .MP_fairTrade .con.sec1 .intro_bottom aside p { font-size: 14px; line-height: 24px; }

    .MP_fairTrade .con.sec2 dl { font-size: 14px; line-height: 24px; padding: 25px 10px; flex-wrap: wrap; }
    .MP_fairTrade .con.sec2 dl dt { width: 100%; max-width: none; font-size: 18px; margin-bottom: 10px; }
    .MP_fairTrade .con.sec2 dl dd { width: 100%; }

    .MP_fairTrade .con.sec3 ul { margin: 0; }
    .MP_fairTrade .con.sec3 ul li { margin: 0; width: 100%; max-width: none; margin-bottom: 30px; }
    .MP_fairTrade .con.sec3 ul li:last-child { margin-bottom: 0; }
    .MP_fairTrade .con.sec3 ul li h5 { font-size: 20px; line-height: 30px; margin-bottom: 20px; }
    
    .MP_fairTrade .con.sec4 { max-width: none; padding: 30px; }
    .MP_fairTrade .con.sec4 .allDown { min-width: 215px; }
    .MP_fairTrade .con.sec4 section { margin: 20px 0 0 0; padding-top: 20px; flex-wrap: wrap; }
    .MP_fairTrade .con.sec4 section article { width: 100%; margin: 0 0 10px 0; padding: 20px; }
    .MP_fairTrade .con.sec4 section article strong { font-size: 16px; margin-bottom: 16px; }
    .MP_fairTrade .con.sec4 section article ul li { margin-bottom: 12px; }
    .MP_fairTrade .con.sec4 section ol { width: 100%; margin: 0px; }
    .MP_fairTrade .con.sec4 section ol li a { font-size: 16px; padding: 20px; background-position: right 20px center; }
    .MP_fairTrade .con.sec4 section article ul li a, .MP_fairTrade .con.sec4 section ol li a { background-size: 16px; }
}




/*** MP_error_event | MP_sns_link ***/
.MP_error_event .box.type1 { padding: 15rem 0 12rem; }
.MP_error_event .msg_box.type1.error-container { padding-top: 0; padding-bottom: 0; }

@media all and (max-width:1024px){
    .MP_error_event .box.type1 { padding: 7rem 0; }
}
@media all and (max-width:767px){
    .MP_error_event .box.type1 { padding: 5rem 0; }
}

/*  MP_sns_link */
.MP_sns_link .pc_show { display: block; }
.MP_sns_link .mo_show { display: none; }
.MP_sns_link { padding: 10rem 0; background: #fafafa; text-align: center; }
.MP_sns_link .sns_list { padding-top: 2rem; }
.MP_sns_link .sns_list ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.MP_sns_link .sns_list ul li { flex: 0 0 9rem; }
.MP_sns_link .sns_list ul li a { display: block; padding: 2rem; transition: background .1s; }
.MP_sns_link .sns_list ul li a:hover { background: #EFEFEF; }
.MP_sns_link .sns_list ul li i { display: block; width: 9rem; height: 9rem; }
.MP_sns_link .sns_list i.ico_newsletter { background:url('https://image.samsungsds.com/module_src/images/icon/sns_news.png') no-repeat 0 0; }
.MP_sns_link .sns_list i.ico_linkedin { background:url('https://image.samsungsds.com/module_src/images/icon/sns_linkedin.png') no-repeat 0 0; }
.MP_sns_link .sns_list i.ico_facebook { background:url('https://image.samsungsds.com/module_src/images/icon/sns_facebook.png') no-repeat 0 0; }
.MP_sns_link .sns_list i.ico_twitterX { background:url('https://image.samsungsds.com/module_src/images/icon/sns_twitterX.png') no-repeat 0 0; }
.MP_sns_link .sns_list i.ico_instagram { background:url('https://image.samsungsds.com/module_src/images/icon/sns_instagram.png') no-repeat 0 0; }
.MP_sns_link .sns_list i.ico_youtube { background:url('https://image.samsungsds.com/module_src/images/icon/sns_youtube.png') no-repeat 0 0; }
.MP_sns_link .sns_list i.ico_naverpost { background:url('https://image.samsungsds.com/module_src/images/icon/sns_naverpost.png') no-repeat 0 0; }

/* MP_error_event in MP_sns_link */
.MP_error_event .MP_sns_link { padding: 7rem 0; background: #F5F5F5; }

@media all and (max-width:1199px){
    .MP_sns_link .sns_list ul { max-width: 26rem; justify-content: flex-start; margin: 0 auto; }
}
@media all and (max-width:1023px){
    .MP_sns_link .pc_show { display: none; }
    .MP_sns_link .mo_show { display: block; }
}





/* real_summit_2024 하드코딩 css */
.MP_real_summit_2024 .cont { padding: 110px 0 130px 0; }
.MP_real_summit_2024 .cont+.cont.bg, .MP_real_summit_2024 .cont.bg+.cont, .MP_real_summit_2024 .cont+.cont.bg_bk, .MP_real_summit_2024 .cont.bg_bk+.cont { padding-top: 110px; }
.MP_real_summit_2024 .cont .inner { max-width: 100%; padding: 0 170px; }
.MP_real_summit_2024 .hybrid_br { display: block; }
.MP_real_summit_2024 .btn_ty04.bg { background: #0069FF; }
.MP_real_summit_2024 .btn_ty04.bg::before { background: #2189ff; }
.MP_real_summit_2024 .text_bar { width: 2px; height: 24px; background-color: #fff; margin: 0 20px; display: inline-block; opacity: 0.15; }

/* 2024리얼 공통 */
.MP_real_summit_2024 .cont.bg { background-color: #F0F2F7; }
.MP_real_summit_2024 .md_btn a { min-width: 150px; }
.MP_real_summit_2024 .cont .btn_movie { width: 90px; height: 90px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.MP_real_summit_2024 h2.tit_b { margin-left: 0; }
.MP_real_summit_2024 h3.md_txt { color: #666; font-weight: normal; margin-top: 15px; }

.MP_real_summit_2024 .navigation { position: absolute; right: 0; top: -100px; display: flex; justify-content: space-between; align-items: center; width: 333px; height: auto; z-index: 2; }
.MP_real_summit_2024 .navigation .owl-pagn { position: relative; width: auto; right: 0; top: 0; }
.MP_real_summit_2024 .navigation .owl-pagn-inner { width: 133px; position: relative; margin-right: 0; }
.MP_real_summit_2024 .navigation .owl-pagn-inner .owl-pagn-bar { width: 80px; }
.MP_real_summit_2024 .navigation .owl-nav { position: relative; display: flex !important; width: auto; margin: 0 -5px; }

.MP_real_summit_2024 .navigation .md_play { position: initial; }
.MP_real_summit_2024 .navigation .md_play a { position: relative; display: block; width: 30px; height: 30px; overflow: hidden; outline: none; background-color: transparent; transition: all .4s; }
.MP_real_summit_2024 .navigation .md_play a::after, .MP_real_summit_2024 .navigation .md_play a::after { position: absolute; left: 0; top: 0; content: ''; width: 30px; height: 30px; z-index: 1; background-color: transparent; transition: all 0.4s; }
.MP_real_summit_2024 .navigation .md_play a:hover, .MP_real_summit_2024 .navigation .md_play a:focus { }
.MP_real_summit_2024 .navigation .md_play a:hover::after, .MP_real_summit_2024 .navigation .md_play a:focus::after { }
.MP_real_summit_2024 .navigation .md_play .md_btn_play::before, .MP_real_summit_2024 .navigation .md_play .md_btn_stop::before { position: absolute; left: 50%; top: 50%; content: ''; display: block; transform: translate(-50%, -50%); z-index: 2; transition: all 0.4s; }
.MP_real_summit_2024 .navigation .md_play .md_btn_play::before { width: 0; height: 0; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent; border-left-color: #000; }
.MP_real_summit_2024 .navigation .md_play .md_btn_stop::before { width: 6px; height: 10px; border-width: 0 2px; border-style: solid; border-color: #000; background-color: transparent; transition: all 0.4s; }
.MP_real_summit_2024 .navigation .md_play .md_btn_play:hover::before, .MP_real_summit_2024 .navigation .md_play .md_btn_play:focus::before { }
.MP_real_summit_2024 .navigation .md_play .md_btn_stop:hover::before, .MP_real_summit_2024 .navigation .md_play .md_btn_stop:focus::before { }
.MP_real_summit_2024 .navigation .md_play .md_btn_play { display: none; }
.MP_real_summit_2024 .navigation .md_play .md_btn_stop { display: block; }
.MP_real_summit_2024 .navigation .md_play.on .md_btn_play { display: block; }
.MP_real_summit_2024 .navigation .md_play.on .md_btn_stop { display: none; }

.MP_real_summit_2024 .navigation .owl-nav button { width: 50px; height: 50px; margin: 0 5px; }
.MP_real_summit_2024 .navigation .owl-nav button:hover, .MP_real_summit_2024 .navigation .owl-nav button:focus { background: #000 !important; border-color: #000 !important; }
.MP_real_summit_2024 .navigation .owl-nav button::before { background: #000; width: 50px; height: 50px; }
/* 2024리얼 공통 : 슬라이드 호버 */
.MP_real_summit_2024 .item .md_link:hover .img p {  transform: scale(1.1); }


/* key visual */
.MP_real_summit_2024 .kv_main { position: relative; padding: 0 !important; }
.MP_real_summit_2024 .kv_main .custom_inner { }
.MP_real_summit_2024 .kv_main .custom_inner .md_visual { }
.MP_real_summit_2024 .kv_main .custom_inner .md_visual .img { overflow: hidden; }
.MP_real_summit_2024 .kv_main .custom_inner .md_visual .img p { max-height: 913px; display: flex; width: 100%; justify-content: center; align-items: center; }
.MP_real_summit_2024 .kv_main .custom_inner .md_visual .img .img_m { display: none; }
.MP_real_summit_2024 .kv_main .custom_inner .md_visual .img p video { width: 100%; height: 100%; object-fit: cover; }
.MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt { color: #fff; text-align: center; }
.MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt + .txt {margin-top: 60px;}
.MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt .tit_l { color: #fff; font-size: 6rem; line-height: 8rem; margin-bottom: 1rem; }
.MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt p { font-size: 4rem; line-height: 48px; transition: font-size 0.4s; font-weight: bold; display: flex; align-items: center; justify-content: center; margin-top: 10px; }
.MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt p.highlight{color: #A2FF00;}
.MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt p:last-child { font-weight: normal; margin-top: 15px; font-size: 3rem;}
.MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .md_btn { display: flex; justify-content: center; margin-top: 50px; }
.MP_real_summit_2024 .video_control_wrap { position: absolute; right: 185px; bottom: 40px; color: #fff; cursor: pointer; z-index: 13; }
.MP_real_summit_2024 .video_control_wrap p { display: inline-block; overflow: hidden; }
.MP_real_summit_2024 .video_control_wrap p button { position: relative; display: inline-block; padding: 0; outline: none; font-size: 14px; color: #fff; border: 1px solid #fff; transition: all 0.4s; }
.MP_real_summit_2024 .video_control_wrap p button:focus, .MP_real_summit_2024 .video_control_wrap p button:active { outline: 0; padding: 0; }
.MP_real_summit_2024 .video_control_wrap p button span { position: relative; margin: 0 8px; vertical-align: middle; }
.MP_real_summit_2024 .video_control_wrap p button .blind { margin: 0; }
.MP_real_summit_2024 .video_control_wrap p button .sr_only { top: 0; left: 0; width: inherit; height: inherit; min-width: 40px; min-height: 40px; }
.MP_real_summit_2024 .video_control_wrap .btn_play button:before, .MP_real_summit_2024 .video_control_wrap .btn_sound button:before { content: ''; position: relative; display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-position: center center !important; transition: all 0.4s; }
.MP_real_summit_2024 .video_control_wrap .btn_play.pause button:before { background: url('https://image.samsungsds.com/module_src/images/icon/ico_kvideo_pause.png?queryString=20241210125943') no-repeat; }
.MP_real_summit_2024 .video_control_wrap .btn_play.play button:before { background: url('https://image.samsungsds.com/module_src/images/icon/ico_kvideo_play.png?queryString=20241210125943') no-repeat; }
.MP_real_summit_2024 .video_control_wrap .btn_play.play button:hover, .MP_real_summit_2024 .video_control_wrap .btn_play.play button:focus { border-color: #2189ff; }
.MP_real_summit_2024 .video_control_wrap .btn_play.play button:hover:before, .MP_real_summit_2024 .video_control_wrap .btn_play.play button:focus:before { background-color: #2189ff; }
.MP_real_summit_2024 .video_control_wrap .btn_play.pause button:hover, .MP_real_summit_2024 .video_control_wrap .btn_play.pause button:focus { border-color: #2189ff; }
.MP_real_summit_2024 .video_control_wrap .btn_play.pause button:hover:before, .MP_real_summit_2024 .video_control_wrap .btn_play.pause button:focus:before { background-color: #2189ff; }
.MP_real_summit_2024 .kv_main .scroll_icon { height: 50px; aspect-ratio: 43/65; position: absolute; bottom: 5%; left: 50%; transform: translate(-50%, 0); background-color: #fff; border-radius: 35px; }
.MP_real_summit_2024 .kv_main .scroll_icon .scroller { width: 2px; height: 7px; background-color: #000E37; position: absolute; top: 9px; left: 50%; transform: translate(-50%, 0); }
.btn-motion span { position: absolute; top: 0; left: 50%; width: 8px; height: 8px; margin-left: -4px; border-left: 2px solid #000E37; border-bottom: 2px solid #000E37; transform: rotate(-45deg); animation: btn-motion 2s infinite; opacity: 0; box-sizing: border-box; }
.btn-motion span:nth-of-type(1) { top: 22px; animation-delay: 0s; }
.btn-motion span:nth-of-type(2) { top: 27px; animation-delay: .15s; }
.btn-motion span:nth-of-type(3) { top: 32px; animation-delay: .3s; }
@keyframes btn-motion {
    0% { opacity: 0; }
    50% { opacity: 0.6; }
    100% { opacity: 0; }
}
.MP_real_summit_2024 .kv_main .common-ani-item { opacity: 1; }
.MP_real_summit_2024 .kv_main .visual-timer { display: flex; justify-content: center; align-items: center; gap: 40px; margin-top: 40px; }
.MP_real_summit_2024 .kv_main .visual-timer dl { display: flex; align-items: center; justify-content: center; padding: 45px 40px; background-color: #00AAFF; border-radius: 96px; min-width: 260px; }
.MP_real_summit_2024 .kv_main .visual-timer dl dt { width: 54px; aspect-ratio: 54/40; }
.MP_real_summit_2024 .kv_main .visual-timer dl dt img { width: 100%; }
.MP_real_summit_2024 .kv_main .visual-timer dl dd { font-size: 10rem; line-height: 10rem; font-weight: bold; transform: translate(0, -5px); }

/* M120_B */
.MP_real_summit_2024 .M120_B .cont_title { position: absolute; top: 0; z-index: 3; }

.MP_real_summit_2024 .M120_B .tit_e { font-size: 4rem; line-height: 4.8rem; margin-bottom: 15px; }
.MP_real_summit_2024 .M120_B .txt_l { color: #666; }
.MP_real_summit_2024 .cont .M120_B_cont { left: 0; }
.MP_real_summit_2024 .cont .M120_B_cont::after { left: -530px; }
.MP_real_summit_2024 .cont.bg .M120_B_cont::after { background: #f0f2f7; }
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .owl-stage-outer { left: 500px; }

.MP_real_summit_2024 .cont .M120_B_cont .navigation { left: 0; top: 240px; z-index: 3; }

.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item { width: 520px; max-height: unset; height: 560px; border-radius: 20px; overflow: hidden; }
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .md_tit { padding: 40px; flex-direction: column; justify-content: flex-end; }
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .md_tit .s_tit { color: #fff; font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 15px; }
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .md_tit .m_tit { color: #fff; font-size: 2rem; line-height: 3.2rem; margin-bottom: 40px; font-weight: bold; min-height: 64px; }
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .img p { background-position: center; background-size: cover; background-repeat: no-repeat; }
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .md_tit .btn_m { min-width: 150px; }
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .md_tit .btn_ty02:after { border: 1px solid #555; }
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .md_tit .btn_ty02:hover:after, .MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .md_tit .btn_ty02:focus:after { border-color: #2189ff; }

/* 카드(아이템) 호버기능 추가 및 a태그로 변경 */
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item:hover .btn_m,
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item:focus .btn_m{color: #fff;}
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item:hover .btn_m::before,
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item:focus .btn_m::before{background: #2189ff; transform:  translateX(0%);}
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item:hover .btn_m::after,
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item:focus .btn_m::after{border-color:#2189ff;}
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .visual_img{transition: transform 0.3s;}
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item:hover .visual_img,
.MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item:focus .visual_img{transform: scale(1.05);}


/* M125_A */
.MP_real_summit_2024 .M125_A .tit_b { margin-bottom: 15px; }
.MP_real_summit_2024 .M125_A .txt_l {font-size: 1.6rem; line-height: 1.6rem; color: #666; padding: 0; }
.MP_real_summit_2024 .M125_A_cont { margin-top: 40px; }
.MP_real_summit_2024 .M125_A_cont .features_list { gap: 24px; }
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li { background: none; flex: 1; width: auto; padding: 0; margin: 0; }
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap{}
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap::before{display: none;}
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap:hover .md_tit,
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap:focus .md_tit{color: #2189ff;}
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap:hover .md_txt,
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap:focus .md_txt{color: #000;}
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap:hover .btn_m,
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap:focus .btn_m{color: #fff;}
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap:hover .btn_m::before,
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap:focus .btn_m::before{background: #2189ff; transform:  translateX(0%);}
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap:hover .btn_m::after,
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap:focus .btn_m::after{border-color:#2189ff;}
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap:hover .image,
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_wrap:focus .image{background-size: 105%;}
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_tit { transition: color 0.3s;}
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_txt { font-size: 1.6rem; margin-top: 16px;  transition: color 0.3s;}
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_btn { margin-top: 40px; margin-left: 0; }
.MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_btn .btn_m { width: 100%; min-width: unset; max-width: 150px; }
.MP_real_summit_2024 .M125_A_cont .features_list>li p:hover::before { background: #2189ff; }
.MP_real_summit_2024 .M125_A_cont .image { aspect-ratio: 510/286; border-radius: 20px; margin-bottom: 24px; background-size: 100%; background-position: center; transition: background-size 0.3s;}

/* M25_B - FAQ */
.MP_real_summit_2024 .M25_B { }
.MP_real_summit_2024 .M25_B_cont { border: none; }
.MP_real_summit_2024 .M25_B .toggle_list li { border-radius: 20px; background-color: #F0F2F7; outline: 2px solid #F0F2F7; }
.MP_real_summit_2024 .bg.M25_B .toggle_list li { background-color: #fff; }
.MP_real_summit_2024 .M25_B .toggle_list li:hover, .MP_real_summit_2024 .M25_B .toggle_list li:focus { outline: 2px solid #000; background-color: #fff; transition: all 0.3s; }
.MP_real_summit_2024 .M25_B .toggle_list li.active_li { background-color: #fff; outline: 2px solid #000; }
.MP_real_summit_2024 .M25_B .toggle_list li+li { margin-top: 14px; }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_btn { font-weight: bold; border: none; padding: 35px 70px 35px 50px; font-size: 2.2rem; display: flex; align-items: center; }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_btn:after { right: 45px; filter: invert(36%) sepia(0%) saturate(1350%) hue-rotate(234deg) brightness(108%) contrast(92%); }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_btn:hover::after, .MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_btn:focus::after { filter: none; }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_btn.active::before { content: ""; display: flex; width: 40px; min-width: 40px; height: 40px; background: url('https://image.samsungsds.com//kr/real/qna_q.png?queryString=20241210125943') no-repeat center / cover; margin-right: 15px; }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_btn.active::after { filter: none; }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_btn:hover, .MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_btn:focus { color: #000; }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_btn.active { font-weight: bold; }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_cont { padding: 0 50px 35px; color: #000; background: unset; font-size: 1.8rem; }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_cont .md_txt { display: block; border-top: 1px solid #F0F2F7; padding-top: 35px; }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_cont .md_txt { display: flex; }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_cont .md_txt::before { content: ""; display: flex; width: 40px; min-width: 40px; height: 40px; background: url('https://image.samsungsds.com//kr/real/qna_a.png?queryString=20241210125943') no-repeat center / cover; margin-right: 15px; }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_cont .md_txt p { width: calc(100% - 60px); }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_cont .md_txt a { display: block; }
.MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_cont .md_txt a.in_bl { display: inline-block; }
/* M25_B - FAQ */

/* M10_C - Contact */
.MP_real_summit_2024 .M10_C_cont .li:after { display: none; }
.MP_real_summit_2024 .M10_C_cont .txt { padding: 0 170px; text-align: left; }
.MP_real_summit_2024 .M10_C_cont .txt .md_tit { font-size: 2.4rem; }
.MP_real_summit_2024 .M10_C_cont .txt .md_tit p { display: flex; align-items: center; font-size: 1.6rem; }
.MP_real_summit_2024 .M10_C_cont .text_bar { height: 12px; margin: 0 12px; }
.MP_real_summit_2024 .M10_C_cont .txt span { font-size: 1.6rem; }
.MP_real_summit_2024 .M10_C_cont .btn_m { min-width: 150px; }
.MP_real_summit_2024 .M10_C_cont .btn_m+.btn_m { margin-left: 10px; }
.MP_real_summit_2024 .M10_C_cont .share_btn { width: 44px; height: 44px; border-radius: 44px; min-width: unset; padding: 0; position: relative; }
.MP_real_summit_2024 .M10_C_cont .share_btn img { z-index: 5; transition: all 0.4s; position: absolute; top: 50%; left: 50%; transform: translate(-55%, -50%); }
.MP_real_summit_2024 .M10_C_cont .share_btn:hover, .MP_real_summit_2024 .M10_C_cont .share_btn:focus { background-color: #2189ff; }
.MP_real_summit_2024 .M10_C_cont .share_btn:hover img, .MP_real_summit_2024 .M10_C_cont .share_btn:focus img { filter: invert(98%) sepia(8%) saturate(821%) hue-rotate(249deg) brightness(110%) contrast(100%); }
.MP_real_summit_2024 .M10_C_cont .visual_img { height: 300px; padding: 0; background-color: #131D41; }
.MP_real_summit_2024 .M10_C_cont .visual_img::before { display: none; }
.MP_real_summit_2024 .M10_C_cont .visual_img p { width: 100%; height: 100%; background-position: right bottom; background-repeat: no-repeat; }
.MP_real_summit_2024 .M10_C_cont .visual_img p.img_m { background-size: 40%; }
/* M10_C - Contact */

/* 슬라이드 2 */
.MP_real_summit_2024 .real2024-slide2 { }
.MP_real_summit_2024 .real2024-slide2 .tit_b{margin-right: 350px;}
.MP_real_summit_2024 .real2024-slide2 .real2024-slide2_cont { position: relative; margin-top: 40px; }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel { }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .owl-stage-outer { overflow: inherit !important; }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .owl-nav.disabled { display: none !important; }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item { width: 100%; max-width: 510px; }

.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item a:hover .md_txt,
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item a:focus .md_txt { color: #000; }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item a:hover .txt .md_btn p,
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item a:focus .txt .md_btn p { color: #fff; }

.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item a:hover .txt .md_btn p::before,
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item a:focus .txt .md_btn p::before { transform: translateX(0%); }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item a:hover .txt .md_btn p::after,
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item a:focus .txt .md_btn p::after { border-color: #2189ff; }

.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .img { position: relative; overflow: hidden; margin-bottom: 20px; border-radius: 20px; max-height: 286px; }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .img::before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 56.146%; }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .img p { background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: transform linear 0.3s; }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .txt { padding: 0 20px 20px 20px; }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .txt .md_tit { font-size: 24px; line-height: 34px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .txt .md_txt { color:#000; margin-top: 16px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .txt .md_btn { margin: 40px 0 0 0; }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .txt .md_btn p { margin: 0; min-width: 150px; }
.MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .txt .md_btn p span { background-color: transparent; }
/* //슬라이드 2 */

/* 모달팝업 youtube */
.MP_real_summit_2024 .real2024-videoCont { }
.MP_real_summit_2024 .real2024-videoCont article { display: flex; justify-content: space-between; margin: 40px -12px 0 -12px; height: 706px; }
.MP_real_summit_2024 .real2024-videoCont article section { position: relative; display: flex; flex-wrap: wrap; width: 55%; margin: 0 12px; }
.MP_real_summit_2024 .real2024-videoCont article section .item { position: relative; overflow: hidden; display: flex; flex-direction: column; border-radius: 20px; width: 100%; background-color: #000;}
.MP_real_summit_2024 .real2024-videoCont article section .item .img { position: relative; width: 100%; height: 100%; overflow: hidden;}
.MP_real_summit_2024 .real2024-videoCont article section:first-child .item {background-color: #00296F;}
.MP_real_summit_2024 .real2024-videoCont article section:first-child .item .img { width: 100%; }
.MP_real_summit_2024 .real2024-videoCont article section:last-child {width: 45%; }
.MP_real_summit_2024 .real2024-videoCont article section:last-child .item { margin-bottom: 24px; }
.MP_real_summit_2024 .real2024-videoCont article section:last-child .item:last-child { margin-bottom: 0; }
.MP_real_summit_2024 .real2024-videoCont article section:last-child .item .img { width: 100%; }
.MP_real_summit_2024 .real2024-videoCont article section .item .txt { width: 100%; background-color: #000; padding: 16px 48px 48px 48px; }
.MP_real_summit_2024 .real2024-videoCont article section:first-child .item .txt { background-color: #00296F; }
.MP_real_summit_2024 .real2024-videoCont article section:last-child .item .txt { padding: 34px 32px; }
.MP_real_summit_2024 .real2024-videoCont article section .item .txt strong { font-size: 24px; line-height: 36px; color: #fff; }
.MP_real_summit_2024 .real2024-videoCont article section:last-child .item .txt strong { font-size: 20px; line-height: 30px; }
.MP_real_summit_2024 .slidePopup { }
.MP_real_summit_2024 .slidePopup.is_vod .swiper-slide { padding-bottom: 50%; }
.MP_real_summit_2024 .slidePopup .video_cont { position: relative; overflow: hidden; max-height: 660px; }
.MP_real_summit_2024 .slidePopup .video_cont::before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 50%; }
.MP_real_summit_2024 .slidePopup .video_cont .video_box { }
.MP_real_summit_2024 .slidePopup .video_cont .video_box iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/* 카드(아이템) 호버기능 추가 및 a태그로 변경 */
.MP_real_summit_2024 .real2024-videoCont article section .item .img>span{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: no-repeat center / cover; transition: transform 0.3s;}
.MP_real_summit_2024 .real2024-videoCont .item:hover .btn_movie::before,
.MP_real_summit_2024 .real2024-videoCont .item:focus .btn_movie::before{transform: translateX(0);}
.MP_real_summit_2024 .real2024-videoCont .item:hover .btn_movie i,
.MP_real_summit_2024 .real2024-videoCont .item:focus .btn_movie i{border-color: #2189ff;}
.MP_real_summit_2024 .real2024-videoCont .item:hover .img>span,
.MP_real_summit_2024 .real2024-videoCont .item:focus .img>span{transform: scale(1.05);}
/* //모달팝업 youtube */

@media all and (max-width:1920px) {
    .MP_real_summit_2024 .real2024-videoCont article { height: 36.770833333333336vw; }
    .MP_real_summit_2024 .real2024-videoCont article section .item .txt { padding: 0.8333333333333334vw 2.5vw 2.5vw 2.5vw; }
    .MP_real_summit_2024 .real2024-videoCont article section .item .txt strong { font-size: 1.25vw; line-height: 1.875vw; }
    .MP_real_summit_2024 .real2024-videoCont article section:last-child .item .txt { padding: 1.7708333333333333vw 1.6666666666666667vw; }
    .MP_real_summit_2024 .real2024-videoCont article section:last-child .item .txt strong { font-size: 1.0416666666666665vw; line-height: 1.5625vw; }
    .MP_real_summit_2024 .cont .btn_movie { width: 4.6875vw; height: 4.6875vw; }
    .MP_real_summit_2024 .cont .btn_movie::after { border-width: 0.6770833333333334vw 0 0.6770833333333334vw 1.09375vw; }
}
@media all and (max-width:1400px) {
    .MP_real_summit_2024 .cont .inner { padding: 0 60px; }
    .MP_real_summit_2024 .M10_C_cont .txt { padding: 0 60px; }
}
@media all and (max-width:1200px) {
    /* key visual */
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt + .txt {margin-top: 4rem;}
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt .tit_l { font-size: 5rem; }
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt p{font-size: 3.5rem; line-height: 40px;}
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt p:last-child{font-size: 2.5rem;}
    .MP_real_summit_2024 .video_control_wrap { right: 10%; }
    .MP_real_summit_2024 .kv_main .scroll_icon { display: none; }
    .MP_real_summit_2024 .kv_main .visual-timer dl { min-width: 220px; }
    .MP_real_summit_2024 .kv_main .visual-timer dl dt { width: 45px; }
    .MP_real_summit_2024 .kv_main .visual-timer dl dd { font-size: 8rem; line-height: 8rem; }
    .MP_real_summit_2024 .cont .M120_B_cont:after { left: -650px; }
}

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    /* 공통 */
    .MP_real_summit_2024 .hybrid_br { display: none; }
    .MP_real_summit_2024 .cont { padding: 80px 0; }
    .MP_real_summit_2024 .cont+.cont.bg, .MP_real_summit_2024 .cont.bg+.cont, .MP_real_summit_2024 .cont+.cont.bg_bk, .MP_real_summit_2024 .cont.bg_bk+.cont { padding-top: 80px; }
    .MP_real_summit_2024 .img_p, .MP_real_summit_2024 .only_p { display: none; }
    .MP_real_summit_2024 .img_m, .MP_real_summit_2024 .only_m { display: block; }
    .MP_real_summit_2024 .point_green em { height: 32px; line-height: 32px; }
    .MP_real_summit_2024 .tit_m { margin-bottom: 30px; }
    .MP_real_summit_2024 .text_bar { height: 20px; margin: 0 12px; }
    .MP_real_summit_2024 h2.tit_b { font-size: 32px; line-height: 42px; }
    .MP_real_summit_2024 h3.md_txt { font-size: 16px; line-height: 24px; margin-top: 8px; }
    .MP_real_summit_2024 .cont .btn_movie { width: 50px; height: 50px; }
    .MP_real_summit_2024 .cont .btn_movie::after { border-width: 7px 0 7px 12px; }
    .MP_real_summit_2024 .cont .inner { padding: 0 30px !important; }

    .MP_real_summit_2024 .navigation { top: auto !important; bottom: 0; width: 100% !important; }
    .MP_real_summit_2024 .navigation .owl-pagn { right: 0; left: 70px; width: calc(100% - 190px); margin: 0; }
    .MP_real_summit_2024 .navigation .owl-pagn .owl-pagn-st { float: left; }
    .MP_real_summit_2024 .navigation .owl-pagn .owl-pagn-ed { float: right; }
    .MP_real_summit_2024 .navigation .owl-pagn .owl-pagn-ed::before { display: none; }
    .MP_real_summit_2024 .navigation .owl-pagn-inner { width: 100% !important; }
    .MP_real_summit_2024 .navigation .owl-pagn-inner .owl-pagn-bar { width: calc(100% - 60px) !important; left: 50%; transform: translate(-50%, -48%); }
    .MP_real_summit_2024 .navigation .owl-nav { margin: 0 !important; width: calc(100% - 50px) !important; position: absolute; top: -19px !important;; }
    .MP_real_summit_2024 .navigation .owl-nav button { margin: 0; }
    .MP_real_summit_2024 .navigation .owl-nav button.owl-prev, .MP_real_summit_2024 .navigation .owl-nav button.owl-next { border: 1px solid #000 !important; }
    .MP_real_summit_2024 .navigation .owl-nav .owl-prev { position: absolute; left: 0; }
    .MP_real_summit_2024 .navigation .owl-nav .owl-next { position: absolute; right: 0; }
    .MP_real_summit_2024 .navigation .md_play { position: absolute; top: auto; right: 0 !important; display: block; }
    .MP_real_summit_2024 .navigation .owl-pagn-inner .owl-pagn-ed { position: relative; float: right; padding-left: 0; }
    .MP_real_summit_2024 .navigation .owl-pagn-inner .owl-pagn-ed::before { display: none; }


    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt .tit_l { font-size: 4rem; line-height: 50px; margin-bottom: 5px; }
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt p { font-size: 2.5rem; line-height: 30px; margin-top: 20px; }
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt p:last-child { font-size: 2rem; }
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .md_btn { margin-top: 60px; }
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .md_btn .btn_m { min-width: 140px; }
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .img p { max-height: none; height: 650px; }
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .img_p { display: none !important; }
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .img .img_m { display: flex; }
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .img p video { width: 1090px; height: 100%; }
    .MP_real_summit_2024 .kv_main .visual-timer { gap: 30px; }
    .MP_real_summit_2024 .kv_main .visual-timer dl { padding: 30px; min-width: 170px; }
    .MP_real_summit_2024 .kv_main .visual-timer dl dt { width: 30px; }
    .MP_real_summit_2024 .kv_main .visual-timer dl dd { font-size: 6.5rem; line-height: 6.5rem; }
    .MP_real_summit_2024 .M120_B .cont_title { position: relative; }

    .MP_real_summit_2024 .M120_B .tit_e { font-size: 3.2rem; margin-bottom: 10px; }
    .MP_real_summit_2024 .M120_B .txt_l { top: 0; font-size: 1.6rem; }

    .MP_real_summit_2024 .cont .M120_B_cont::after { left: -1000px; }
    .MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .img p { display: block; }
    .MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .owl-stage-outer { left: 0px; }

    .MP_real_summit_2024 .cont .M120_B_cont { padding-bottom: 70px !important; }

    .MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .md_tit { text-align: left; padding: 24px; }
    .MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .md_tit .s_tit { font-size: 1.2rem; margin-bottom: 8px; }
    .MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .md_tit .m_tit { font-size: 1.6rem; line-height: 24px; margin-bottom: 24px; }
    .MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .md_tit .md_btn { margin: unset; }
    .MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item .md_tit .md_btn .btn_m { margin: 0; }

    /* M125_A */
    .MP_real_summit_2024 .M125_A_cont .image { aspect-ratio: 300/169; }
    .MP_real_summit_2024 .M125_A_cont .features_list { flex-direction: column; gap: 48px; }
    .MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li { width: 100%; flex: auto; }
    .MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_tit { min-height: auto; }
    .MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_txt { margin-top: 8px; }
    .MP_real_summit_2024 .M125_A .M125_A_cont .features_list>li .md_btn { margin-top: 30px; }
    /* M125_A */

    /* M25_B - FAQ */
    .MP_real_summit_2024 .M25_B .tit_b { font-size: 3.2rem; }
    .MP_real_summit_2024 .M25_B_cont .tab_panel { border: none; }
    .MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_btn { font-size: 1.8rem; padding: 24px 48px 24px 24px; }
    .MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_cont { font-size: 1.6rem; padding: 0 24px 24px; }
    .MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_btn:after { right: 30px; }
    .MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_btn.active::before, .MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_cont .md_txt::before { width: 30px; min-width: 30px; height: 30px; margin-right: 10px; }
    .MP_real_summit_2024 .M10_C_cont .txt { padding: 0 30px; }
    .MP_real_summit_2024 .M10_C_cont .txt .md_tit { font-size: 1.8rem; }
    .MP_real_summit_2024 .M10_C_cont .txt .md_tit p { margin-top: 16px; }
    .MP_real_summit_2024 .M10_C_cont .txt .md_tit>span { font-weight: normal; margin-top: 8px; display: inline-block; }
    .MP_real_summit_2024 .M10_C_cont .txt .md_btn { margin-top: 24px; }

    /* 슬라이드 2 */
    .MP_real_summit_2024 .real2024-slide2 .tit_b{margin-right: 0;}
    .MP_real_summit_2024 .real2024-slide2 .real2024-slide2_cont { margin-top: 30px; padding-bottom: 70px; }
    .MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .txt .md_tit { font-size: 18px; line-height: 26px; }
    .MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .txt .md_txt { font-size: 16px; margin-top: 8px; }
    .MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .txt .md_btn p { max-width: 150px; }
    /* //슬라이드 2 */

    /* 모달팝업 youtube */
    .MP_real_summit_2024 .real2024-videoCont article { margin: 40px 0 0 0; height: auto; flex-wrap: wrap; }
    .MP_real_summit_2024 .real2024-videoCont article section { margin: 0; width: 100%; }
    .MP_real_summit_2024 .real2024-videoCont article section:last-child { margin: 0; width: 100%;}
    .MP_real_summit_2024 .real2024-videoCont article section:first-child .item { margin-bottom: 2px; }
    .MP_real_summit_2024 .real2024-videoCont article section:first-child .item, .MP_real_summit_2024 .real2024-videoCont article section:first-child .item .img, .MP_real_summit_2024 .real2024-videoCont article section:last-child .item, .MP_real_summit_2024 .real2024-videoCont article section:last-child .item .img { }
    .MP_real_summit_2024 .real2024-videoCont article section:first-child .item, .MP_real_summit_2024 .real2024-videoCont article section:last-child .item { margin-bottom: 16px; }
    .MP_real_summit_2024 .real2024-videoCont article section:last-child .item:last-child { margin-bottom: 0; }
    .MP_real_summit_2024 .real2024-videoCont article section:first-child .item .img, .MP_real_summit_2024 .real2024-videoCont article section:last-child .item .img { height: 100%; }
    .MP_real_summit_2024 .real2024-videoCont article section .item .img::before { content: ""; display: block; width: 100%; padding-bottom: 63%; }
    .MP_real_summit_2024 .real2024-videoCont article section:last-child .item .img::before { padding-bottom: 45%; }
    .MP_real_summit_2024 .real2024-videoCont article section .item .txt, .MP_real_summit_2024 .real2024-videoCont article section:last-child .item .txt { padding: 0 24px 24px 24px; }
    .MP_real_summit_2024 .real2024-videoCont article section .item .txt strong, .MP_real_summit_2024 .real2024-videoCont article section:last-child .item .txt strong { font-size: 18px; line-height: 24px; }
    /* //모달팝업 youtube */ 
}

@media all and (max-width:768px) {
    /* 슬라이드 2 */
    .MP_real_summit_2024 .real2024-slide2 .owl-carousel .item { max-width: none; }
    .MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .img { margin-bottom: 16px; max-height: none; }
    .MP_real_summit_2024 .real2024-slide2 .owl-carousel .item .txt { padding: 0; }
    /* //슬라이드 2 */ 
}

@media all and (max-width:600px) {
    .MP_real_summit_2024 .hybrid_br { display: block; }
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt .tit_l { font-size: 4rem; line-height: 6rem; }
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt p { font-size: 2.2rem; margin-top: 10px;}
    .MP_real_summit_2024 .kv_main .custom_inner .md_visual .inner .txt p:last-child { font-size: 1.8rem; margin-top: 10px;}
    .MP_real_summit_2024 .kv_main .visual-timer dl { padding: 20px; min-width: 120px; }
    .MP_real_summit_2024 .kv_main .visual-timer dl dt { width: 25px; }
    .MP_real_summit_2024 .kv_main .visual-timer dl dd { font-size: 4.5rem; line-height: 4.5rem; transform: translate(0, -3px); }
    .MP_real_summit_2024 .cont.M120_B .inner .tit_e { font-size: 3.2rem; padding: 0; }
    .MP_real_summit_2024 .M120_B .txt_l { font-size: 1.6rem; }
    .MP_real_summit_2024 .cont .M120_B_cont .owl-carousel .item { height: 386px; }
    .MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_btn.active { align-items: flex-start; }
    .MP_real_summit_2024 .M25_B_cont .tab_panel .toggle_cont .md_txt { align-items: flex-start; }
    .MP_real_summit_2024 .M10_C_cont .md_btn { display: flex; gap: 8px; flex-flow: row wrap; }
    .MP_real_summit_2024 .M10_C_cont .btn_m:not(.share_btn) { min-width: 135px; }
    .MP_real_summit_2024 .M10_C_cont .share_btn { min-width: unset; }
    .MP_real_summit_2024 .M10_C_cont .btn_m+.btn_m { margin-left: 0; }
    .MP_real_summit_2024 .M10_C_cont .visual_img { min-height: unset; height: 350px; max-height: 350px; }
    .MP_real_summit_2024 .M10_C_cont .visual_img p.img_m { background-size: 50%; }
}
@media all and (max-width:450px) {
    .M10_C_cont .visual_img { max-height: unset; }
    .MP_real_summit_2024 .M10_C_cont .md_btn .btn_m:not(.share_btn) { width: calc(50% - 4px); padding: 0 10px; }
    .MP_real_summit_2024 .M10_C_cont .share_btn { margin-top: 16px; }
    .MP_real_summit_2024 .M10_C_cont.type2 .share_btn { margin-top: 0; }
}
/* real_summit_2024 하드코딩 css */

/*** MP_stock : 주주총회 ***/
.MP_stock *{font-family: 'Noto Sans KR',sans-serif !important;}
.MP_stock .accordion { padding-top: 0; }
.MP_stock .bg{background-color: #F9F9F9;}
.MP_stock .cont.bg + .M10_A {background-color: #f9f9f9;}

/* accordion menu */
.MP_stock .accordion .accordion_cont .tab_panel > ul { }
.MP_stock .accordion .accordion_cont .tab_panel > ul > li { position: relative; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: -1px; z-index: 1; }
.MP_stock .accordion .accordion_cont .tab_panel > ul > li.active { border-top: 4px solid #000; border-bottom: 4px solid #000; z-index: 2; }
.MP_stock .accordion .accordion_cont .tab_panel > ul > li:first-child { margin-top: 0px; }
.MP_stock .accordion .accordion_cont .tab_panel .toggle_btn { position: relative; width: 100%; padding: 40px 64px 40px 0; font-size: 32px; line-height: 47px; font-weight: 500; text-align: left; transition: color 0.3s; outline: none; color: #666;}
.MP_stock .accordion .accordion_cont .tab_panel > ul > li.active .toggle_btn {color: #000; font-weight: 600;}
.MP_stock .accordion .accordion_cont .tab_panel > ul > li .toggle_btn:hover { color: #2189FF; }
.MP_stock .accordion .accordion_cont .tab_panel > ul > li .toggle_btn::after, .MP_stock .accordion .accordion_cont .tab_panel > ul > li .toggle_btn::before { content: ""; display: inline-block; position: absolute; top: 50%; right: 16px; width: 16px; height: 2px; background-color: #000; }
.MP_stock .accordion .accordion_cont .tab_panel > ul > li .toggle_btn::after { transform: translateY(-50%) rotate(90deg); transition: transform 0.3s; }
.MP_stock .accordion .accordion_cont .tab_panel > ul > li.active .toggle_btn::after { transform: translateY(-50%); }
.MP_stock .accordion .accordion_cont .tab_panel > ul > li .toggle_btn::before { margin-top: -1px; }
.MP_stock .accordion .accordion_cont .tab_panel .toggle_cont { display: none; padding: 40px 24px; border-top: 1px solid #ddd; position: relative;}
.MP_stock .accordion .accordion_cont .tab_panel .toggle_cont .md_txt { display: flex; align-items: center; }
.MP_stock .accordion .accordion_cont .tab_panel .toggle_cont .md_txt p { font-size: 16px; }
.MP_stock .bg.accordion .accordion_cont .tab_panel .toggle_cont { background-color: #fff; }
.MP_stock .accordion .accordion_cont .tab_panel > ul > li .toggle_btn:hover::after,
.MP_stock .accordion .accordion_cont .tab_panel > ul > li .toggle_btn:hover::before{background-color: #2189ff;}
/* //accordion menu */


/* 기본 h2 및 텍스트 */
.MP_stock .h2_tit{font-size: 2.4rem;}
.MP_stock .h2_tit_l{font-size: 3.2rem; line-height: 3.2rem; padding-bottom: 8px;}
.MP_stock .h2_tit.margin-t{margin-top: 70px;}

.MP_stock .stock_txt{font-size: 1.8rem; color: #666; margin: 8px 0 16px;}

.MP_stock .annotation{font-size: 1.6rem !important; color: #888 !important; margin-top: 16px; padding-left: 24px; position: relative;}
.MP_stock .annotation::before{content: "※"; position: absolute; left: 0;}
/* 기본 h2 및 텍스트 */

/* list 공통 */
.MP_stock .common_list{display: flex; align-items: center; font-weight: 400; }
.MP_stock .common_list li{padding: 0 16px; position: relative;}
.MP_stock .common_list li::after{background: #ddd; position: absolute; top: 8px; right: 0; display: block; content: ""; width: 1px; height: 16px;}
.MP_stock .common_list li:last-child:after{display: none;}
.MP_stock .common_list li:first-child {padding-left: 0;}
.MP_stock .common_list li:last-child {padding-right: 0;}
.MP_stock .common_list a{font-size: 1.8rem; height: 100%; display: flex; align-items: center; gap: 10px; transition: color 0.2s;}
/* list 공통 */

/* 파일 다운로드 list */
.MP_stock .file_list {position: absolute; top: 40px; right: 24px;}
.MP_stock .file_list a{color: #2189ff; text-decoration: underline; text-underline-offset : 2px;}
.MP_stock .file_list a::before{content: ""; display: block; width: 20px; height: 20px; background: url('https://image.samsungsds.com/module_src/images/icon/ic_download_blue.svg?queryString=20241210125943') center / cover no-repeat; margin-top: 2px; transition: filter 0.2s;}
.MP_stock .file_list a:hover{text-decoration: underline !important; color: #000;}
.MP_stock .file_list a:hover::before{filter: brightness(0) saturate(100%);}
/* 파일 다운로드 list */


/* 링크 다운로드 list */
.MP_stock .link_list {margin-top: 24px;}
.MP_stock .link_list a{font-weight: 500;}
.MP_stock .link_list a::after{content: ""; display: block; width: 20px; height: 20px; background: url('https://image.samsungsds.com/module_src/images/icon/ico_page_view_bold.svg?queryString=20241210125943') center / cover no-repeat; margin-top: 2px; transition: filter 0.2s;}
.MP_stock .link_list a:hover{color: #2189ff;}
.MP_stock .link_list a:hover::after{filter: brightness(0) saturate(100%) invert(44%) sepia(98%) saturate(2623%) hue-rotate(196deg) brightness(100%) contrast(102%);}
/* 링크 다운로드 list */

/* 개요 div */
.MP_stock .summary_box{margin-top: 16px; padding: 24px 32px; color: #666; font-size: 1.8rem;}
.MP_stock .summary_box .summary{color: #000; margin-right: 40px; font-weight: 500;}
.MP_stock .summary_box p + p {margin-top: 8px;}
/* 개요 div */

/* table */
.MP_stock .table_ty06{font-size: 1.8rem; }
.MP_stock .table_ty06 th:first-child{width: 15%;}
.MP_stock .table_ty06 th:nth-child(2){width: 70%;}
.MP_stock .table_ty06 tr td{color: #666;}
.MP_stock .table_ty06 tr td:last-child{padding: 20px 25px;}
.MP_stock .table_ty06 tr td:nth-child(2){text-align: left;}
.MP_stock .table_ty06 tr td:first-child span::before{content:"제";}
.MP_stock .table_ty06 tr td:first-child span::after{content:"호";}
[data-country="en"] .MP_stock .table_ty06 tr td:first-child span::before{content:"No.";}
[data-country="en"] .MP_stock .table_ty06 tr td:first-child span::after{display: none;}
/* table */

/* 운영 부분 */
.MP_stock .operation .h2_tit{margin-top: 48px;}
.MP_stock .operation p{font-size: 1.8rem;color: #000; margin: 16px 0 0; }

.MP_stock .operation dl {font-size: 1.8rem; padding-left: 16px;}
.MP_stock .operation dl dt{position: relative; margin-top: 16px; font-weight: 500;}
.MP_stock .operation dl dt::before{content: "•"; display: block; top: 0; left: -14px; position: absolute;}
.MP_stock .operation dl dd{color: #666; margin-top: 8px;}
/* 운영 부분 */

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    /* accordion menu */
    .MP_stock .accordion .accordion_cont .tab_panel .toggle_btn { padding: 16px 0px; font-size: 20px; line-height: 29px; }
    .MP_stock .accordion .accordion_cont .tab_panel .toggle_cont { padding: 32px 0; }
    .MP_stock .accordion .accordion_cont .tab_panel .toggle_cont .md_txt p { }
    /* //accordion menu */ 

    .MP_stock .h2_tit{font-size: 1.9rem;}
    .MP_stock .h2_tit_l{font-size: 2rem;}
    .MP_stock .h2_tit.margin-t{margin-top: 40px;}
    .MP_stock .stock_txt{font-size: 1.6rem;}
    .MP_stock .annotation{font-size: 1.4rem !important;}

    .MP_stock .common_list{flex-wrap: wrap;}
    .MP_stock .common_list a{font-size: 1.6rem; gap: 8px;}

    .MP_stock .file_list{position: unset; margin-top: 16px; }
    .MP_stock .file_list a::before{width: 18px; height: 18px;}
    
    .MP_stock .link_list{flex-direction: column; align-items: flex-start; gap: 16px;}
    .MP_stock .link_list li{padding: 0;}
    .MP_stock .link_list li::after{display: none;}
    .MP_stock .link_list a::after{width: 18px; height: 18px;}
    
    .MP_stock .summary_box{font-size: 1.6rem;}
    .MP_stock .summary_box p{display: flex;}

    .MP_stock .table_ty06{font-size: 1.6rem;}

    .MP_stock .operation .h2_tit{margin-top: 32px;}
    .MP_stock .operation p{font-size: 1.6rem;}
    .MP_stock .operation dl {font-size: 1.6rem;}
}
@media all and (max-width:768px) {
    .MP_stock .file_list li:nth-child(2n){width: calc(100% - 115px);}
    .MP_stock .file_list li:nth-child(2n + 1){padding-left: 0;}
    .MP_stock .file_list li:nth-child(n + 3){margin-top: 16px;}
    .MP_stock .file_list li:nth-child(2n)::after {display: none;}
}
/*** MP_stock : 주주총회 ***/




/*** ContactUs1 ***/
.contactus1 { }

/* 탭 */
.contactus1 .contactTab_wrap .tab { margin: 60px 0; }
.contactus1 .contactTab_wrap .tab ul { width: 100%; display: flex; }
.contactus1 .contactTab_wrap .tab ul li { width: 50%; background-color: #f6f6f6; border-left: 0; }
.contactus1 .contactTab_wrap .tab ul li a { display: block; font-size: 18px; color: #888; font-weight: bold; padding: 16px 0; text-align: center; }
.contactus1 .contactTab_wrap .tab ul li.on { background-color: #000; }
.contactus1 .contactTab_wrap .tab ul li.on a { color: #fff; }
.contactus1 .contactTab_wrap .tab ul li.on a:hover { color: #fff !important; }
.contactus1 form fieldset { border: 1px solid #ddd; padding: 34px 60px; margin-bottom: 10px; }
.contactus1 form fieldset.select { border: 1px solid #000; }
.contactus1 form fieldset.complete { }
.contactus1 form fieldset dl dt { position: relative; }
.contactus1 form fieldset dl dt button { cursor: pointer; width: 100%; text-align: left; display: flex; align-items: center; font-size: 18px; }
.contactus1 form fieldset.select dl dt button { flex-wrap: wrap; }
.contactus1 form fieldset dl dt button i { position: relative; display: block; margin-left: auto; width: 34px; height: 34px; background-color: #ddd; border-radius: 100px; }
.contactus1 form fieldset.complete dl dt button i { background-color: #2189FF; }
.contactus1 form fieldset dl dt button i::before { position: absolute; top: 13px; left: 10px; content: ''; width: 13px; height: 6px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(135deg); }
.contactus1 form fieldset.select dl dt button i { display: none; }
.contactus1 form fieldset dl dt button strong { color: #2189FF; margin-right: 20px; }
.contactus1 form fieldset.select dl dt button strong { margin: 0 0 5px 0; }
.contactus1 form fieldset.select dl dt button strong, .contactus1 form fieldset.select dl dt button h3 { width: 100%; }
.contactus1 form fieldset.select dl dt button h3 { font-size: 24px; }
.contactus1 form fieldset dl dt button:disabled { cursor: unset; }
.contactus1 form fieldset dl dt button:disabled strong, .contactus1 form fieldset dl dt button:disabled h3 { color: #aaa; }
.contactus1 form fieldset dl dt span { display: none; }
.contactus1 form fieldset.select dl dt span { display: block; position: absolute; bottom: 0; right: 0; }
.contactus1 form fieldset.select dl dt span i { color: #f00; }
.contactus1 form fieldset dl dd { display: none; margin-top: 50px; }
.contactus1 form fieldset dl dd input[type="text"], .contactus1 form fieldset dl dd input[type="password"], .contactus1 form fieldset dl dd select { height: 60px; border-color: #DDD; }
.contactus1 form fieldset dl dd select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; display: block; width: 100%; height: 60px; padding: 0 20px; background: url('https://image.samsungsds.com/module_src/images/icon/ic_dropdown_20.svg') no-repeat calc(100% - 20px) center; border: 1px solid #DDD; font-size: 16px; }
.contactus1 form fieldset dl dd textarea { width: 100%; height: 250px; border-color: #DDD; }
.contactus1 form fieldset dl dd input[type="text"].invalid, .contactus1 form fieldset dl dd input[type="password"].invalid, .contactus1 form fieldset dl dd select.invalid { border-color: #f00; }
.contactus1 form .list_btn_check { display: none; }
.contactus1 form fieldset.select .list_btn_check { display: flex; justify-content: center; margin-top: 60px; }
.contactus1 form .list_btn_check .action-button { position: relative; width: 150px; height: 44px; margin: 0 10px; font-size: 16px; font-weight: bold; color: #000; border: 1px solid #ddd; background-color: #fff; cursor: pointer; }
.contactus1 form .list_btn_check .action-button.active { border: 1px solid #000; }
.contactus1 form .list_btn_check .action-button.active::before { border-top: 2px solid #000; border-right: 2px solid #000; }
.contactus1 form .list_btn_check .action-button:hover { border: 1px solid #000; }
.contactus1 form .list_btn_check .action-button::before { position: absolute; top: 44%; content: ''; width: 8px; height: 8px; border-top: 2px solid #aaa; border-right: 2px solid #aaa; }
.contactus1 form .list_btn_check .prev { padding-left: 5px; }
.contactus1 form .list_btn_check .next { padding-right: 5px; }
.contactus1 form .list_btn_check .prev.action-button::before { left: 40px; transform: rotate(225deg); }
.contactus1 form .list_btn_check .next.action-button::before { right: 40px; transform: rotate(45deg); }
.contactus1 form .list_btn_check .action-button:hover::before { border-top: 2px solid #000; border-right: 2px solid #000; }
.contactus1 form fieldset.select dl dd { display: block; }
.contactus1 form fieldset.select dl dd ul { }
.contactus1 form fieldset.select dl dd ul li { }
.contactus1 form fieldset.select dl dd ul li:last-child { margin-bottom: 0; }
.contactus1 form fieldset dl dd > ul > li { display: flex; width: 100%; align-items: flex-start; margin-bottom: 10px; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.contactus1 form fieldset dl dd > ul > li label { display: block; margin-top: 16px; }
.contactus1 form fieldset dl dd > ul > li > p { width: 100px; }
.contactus1 form fieldset dl dd > ul > li > p label { }
.contactus1 form fieldset dl dd > ul > li p label i { color: #f00; }
.contactus1 form fieldset dl dd > ul > li article { flex-grow: 1; height: 90px; }
.contactus1 form fieldset dl dd > ul > li article .tab_pannel { width: 100%; display: none; }
.contactus1 form fieldset dl dd > ul > li article .tab_pannel.on { display: flex; justify-content: space-between; }
.contactus1 form fieldset dl dd > ul > li article .tab_pannel .select_item { width: 100%; }
.contactus1 form fieldset dl dd > ul > li .colspan_50 { width: 49%; height: 90px; display: flex; }
.contactus1 form fieldset dl dd > ul > li article.tabPannel_cont { }
.contactus1 form fieldset dl dd > ul > li article.tabPannel_cont .colspan_50 { flex-wrap: wrap; }
.contactus1 form fieldset dl dd > ul > li .colspan_50 p { width: 100%; max-width: 100px; }
.contactus1 form fieldset dl dd > ul > li > .combobox_list_area { display: flex; width: 100%; }
.contactus1 form fieldset dl dd > ul > li .combobox_list_area > p { width: 100px; }
.contactus1 form fieldset dl dd > ul > li .txt_byte { margin-left: auto; }
.contactus1 form fieldset dl dd .invalid_msg { display: none; width: 100%; margin-top: 5px; font-size: 14px; line-height: 24px; color: #FF0000; }
.contactus1 form fieldset.select dl dd input.invalid + .invalid_msg, .contactus1 form fieldset.select dl dd textarea.invalid + .invalid_msg, .contactus1 form fieldset.select dl dd select.invalid + .invalid_msg { display: block; }

/* 약관동의 체크박스 */
.contactus1 form fieldset .form { width: 100%; max-width: none; }
.contactus1 form fieldset .form .check_msg { }
.contactus1 form fieldset .form .txt_cookie_info { margin-bottom: 0; }
.contactus1 form .submit_area { text-align: center; margin-top: 60px; }
.contactus1 form .submit_area .submit { width: 200px; height: 44px; font-size: 16px; font-weight: bold; border: 1px solid #000; }
.contactus1 form .submit_area .submit:disabled { cursor: unset; border-color: #aaa; }

/** -Mobile UI- **/
@media all and (max-width:1023px) {
    .contactus1.cont .inner { max-width: none; padding: 0; }
    .contactus1 .contactTab_wrap { margin-top: 40px; background: 0; }
    .contactus1 .contactTab_wrap .tab { margin: 40px 0; padding: 0 30px; background: 0; }
    .contactus1 .contactTab_wrap .tab ul { position: relative; }
    .contactus1 .contactTab_wrap .tab ul li { border-top: 0; }
    .contactus1 .contactTab_wrap .tab ul li a { letter-spacing: normal; }
    .contactus1 form fieldset { border: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 30px; margin-bottom: 0px; }
    .contactus1 form fieldset.select { border: 0; border-top: 1px solid #000; border-bottom: 1px solid #000; padding-top: 40px; padding-bottom: 40px; }
    .contactus1 form fieldset dl dt button { font-size: 16px; }
    .contactus1 form fieldset.select dl dt button { margin-bottom: 10px; }
    .contactus1 form fieldset.select dl dt button h3 { font-size: 20px; }
    .contactus1 form fieldset dl dt button strong { margin-right: 16px; }
    .contactus1 form fieldset dl dt button i { width: 28px; height: 28px; }
    .contactus1 form fieldset dl dt button i::before { top: 10px; left: 9px; width: 12px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; }
    .contactus1 form fieldset.select dl dt span { position: relative; font-size: 16px; }
    .contactus1 form fieldset dl dd { margin-top: 30px; }
    .contactus1 form fieldset dl dd > ul > li { margin-bottom: 0px; }
    .contactus1 form fieldset dl dd > ul > li > p { width: 100%; font-size: 16px; margin-bottom: 10px; }
    .contactus1 form fieldset dl dd > ul > li article .tab_pannel { flex-wrap: wrap; }
    .contactus1 form fieldset dl dd > ul > li .colspan_50 { width: 100%; height: auto; flex-wrap: wrap; margin-bottom: 0px; }
    .contactus1 form fieldset dl dd > ul > li article.tabPannel_cont { height: auto; }
    .contactus1 form fieldset dl dd > ul > li article.tabPannel_cont .colspan_50 { height: 90px; margin-bottom: 10px; }
    .contactus1 form fieldset dl dd > ul > li article.tabPannel_cont .colspan_50:last-child { margin-bottom: 0; }
    .contactus1 form fieldset dl dd > ul > li > .combobox_list_area { width: 100%; flex-wrap: wrap; margin-bottom: 0; }
    .contactus1 form fieldset dl dd > ul > li .colspan_50:last-child { margin-bottom: 0; }
    .contactus1 form fieldset dl dd > ul > li .colspan_50 p, .contactus1 form fieldset dl dd > ul > li .combobox_list_area > p { max-width: none; font-size: 16px; margin-bottom: 10px; }
    .contactus1 form fieldset dl dd > ul > li article { width: 100%; }
    .contactus1 form fieldset.select .list_btn_check { margin: 40px -5px 0 -5px; }
    .contactus1 form .list_btn_check .action-button { width: 145px; margin: 0 5px; }

    /* 약관동의 체크박스 */
    .contactus1 form fieldset .form .check_msg { padding: 15px; }
    .contactus1 form fieldset .form .check_msg.type1 > ul { padding: 0 0 0 15px; }
    .contactus1 form fieldset .form .check_msg li .newsletter_type > ul { margin: 0; }
    .contactus1 form fieldset .form .check_msg li .newsletter_type li { padding-left: 10px; }
}







/*** MP_contactus2 ***/
.MP_contactus2 .inner { max-width: 1396px; }
.MP_contactus2 .MP_contactus2_ttl { text-align: center; }
.MP_contactus2 .MP_contactus2_ttl .txt { font-size: 16px; margin: 20px 0 0; }
.MP_contactus2_tab { margin: 80px 0 0; }
.MP_contactus2_tab ul { display: flex; align-items: center; justify-content: center; }
.MP_contactus2_tab ul li + li { display: flex; align-items: center; margin-left: 20px; }
.MP_contactus2_tab ul li + li::before { content: ''; display: block; width: 1px; height: 20px; background: #6B6B6B; margin-right: 20px; }
.MP_contactus2_tab ul li a { display: block; font-size: 24px; color: #000; }
.MP_contactus2_tab ul li.on a { font-weight: 700; color: #2189FF; }
.MP_contactus2_cont .progress { margin: 80px 0 0; }
.MP_contactus2_cont .progress ul { display: flex; justify-content: center; }
.MP_contactus2_cont .progress ul li { position: relative; flex: 0 1 223px; margin: 0 53px; }
.MP_contactus2_cont .progress ul li:first-child { margin-left: 0; }
.MP_contactus2_cont .progress ul li:last-child { margin-right: 0; }
.MP_contactus2_cont .progress ul li .arrow { position: absolute; left: calc(-24px - 20%); top: 50%; width: 24px; height: 24px; background-size: 100% auto; background-position: center; transform: translate3d(0, -50%, 0); }
.MP_contactus2_cont .progress ul li a { position: relative; display: flex; align-items: center; justify-content: flex-start; }
.MP_contactus2_cont .progress ul li a::before { position: absolute; left: 0; top: 0; content: ''; width: 100px; height: 100px; border-radius: 50%; background: #F6F6F6; }
.MP_contactus2_cont .progress ul li a .ico { flex: 0 0 100px; width: 100px; border-radius: 50%; background-size: 60px auto; background-position: center; filter: grayscale(1); opacity: 0.45; margin-right: 20px; }
.MP_contactus2_cont .progress ul li a .ico::before { content: ''; display: block; padding-bottom: 100%; }
.MP_contactus2_cont .progress ul li a span { display: block; color: #aaa; font-weight: 700; line-height: 1.5; }
.MP_contactus2_cont .progress ul li a strong { display: block; font-size: 18px; font-weight: normal; color: #aaa; line-height: 1.5; }
.MP_contactus2_cont .progress ul li.on a::before { background: #E8F3FF; }
.MP_contactus2_cont .progress ul li.on a .ico { filter: grayscale(0); opacity: 1; }
.MP_contactus2_cont .progress ul li.on a span { color: #2189FF; }
.MP_contactus2_cont .progress ul li.on a strong { color: #000; font-weight: 700; }
/* tab_panel */
.MP_contactus2_cont .tab_panel { margin: 60px 0 0; }
.MP_contactus2_cont .tab_panel .tab_panel_ttl { display: flex; align-items: center; justify-content: space-between; }
.MP_contactus2_cont .tab_panel .tab_panel_ttl h3 { font-size: 24px; }
.MP_contactus2_cont .tab_panel .tab_panel_ttl .caption { font-size: 16px; }
.MP_contactus2_cont .tab_panel .tab_panel_ttl .caption i { display: inline-block; color: #FF0000; padding-right: 5px; transform: translateY(-2px); }
.MP_contactus2_cont .tab_panel dl { padding: 30px 0; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 30px 0 0; }
.MP_contactus2_cont .tab_panel dl + dl { margin: 0; border-top: 0 none; }
.MP_contactus2_cont .tab_panel dl dd + dt,
.MP_contactus2_cont .tab_panel dl dd + dd { margin-left: 30px; }
.MP_contactus2_cont .tab_panel dl dt { flex: 0 0 100px; line-height: 60px; font-size: 16px; }
.MP_contactus2_cont .tab_panel dl dt i { display: inline-block; color: #FF0000; padding-left: 5px; transform: translateY(-2px); }
.MP_contactus2_cont .tab_panel dl dd { flex: 1 1 auto; min-width: calc(50% - 100px - 15px); }
.MP_contactus2_cont .tab_panel dl dd + dd { min-width: calc(50% - 100px - 30px); }
.MP_contactus2_cont .tab_panel dl dd.colspan3 { min-width: calc(50% - 100px); }
.MP_contactus2_cont .tab_panel dl:has(dd + dd) dd { max-width: calc(50% - 65px); }
.MP_contactus2_cont .tab_panel dl:not(:has(dd + dd)) dd.colspan3 { max-width: initial; }
/* btn */
.MP_contactus2_cont .tab_panel .btn_area { display: flex; align-items: center; justify-content: center; margin: 60px 0 0; }
.MP_contactus2_cont .tab_panel .btn_area button { position: relative; display: flex; align-items: center; justify-content: center; width: 160px; height: 44px; font-size: 16px; font-weight: 700; border: 1px solid #000; overflow: hidden; }
.MP_contactus2_cont .tab_panel .btn_area button + button { margin-left: 10px; }
.MP_contactus2_cont .tab_panel .btn_area button::before { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 100%; background: #000; transform: translate3d(-105%, 0, 0); transition: transform .3s; z-index: 1; }
.MP_contactus2_cont .tab_panel .btn_area button span,
.MP_contactus2_cont .tab_panel .btn_area button i { position: relative; z-index: 2; transition: all .3s; }
.MP_contactus2_cont .tab_panel .btn_area button span { order: 1; line-height: 18px; padding: 0 12px; }
.MP_contactus2_cont .tab_panel .btn_area button i { order: 2; display: block; width: 18px; height: 18px; background-size: 100% auto; background-position: center; }
.MP_contactus2_cont .tab_panel .btn_area .btn_prev span { padding-right: 20px; }
.MP_contactus2_cont .tab_panel .btn_area .btn_next span { padding-left: 20px; }
.MP_contactus2_cont .tab_panel .btn_area .btn_prev { border-color: #ddd; }
.MP_contactus2_cont .tab_panel .btn_area .btn_prev i { order: 0; transform: rotate(180deg); opacity: 0.36; }
.MP_contactus2_cont .tab_panel .btn_area button:hover::before,
.MP_contactus2_cont .tab_panel .btn_area button:focus::before { transform: translate3d(0,0,0); }
.MP_contactus2_cont .tab_panel .btn_area button:hover span,
.MP_contactus2_cont .tab_panel .btn_area button:focus span,
.MP_contactus2_cont .tab_panel .btn_area button:hover i,
.MP_contactus2_cont .tab_panel .btn_area button:focus i { filter: invert(1); }
/* checkbox area */
.MP_contactus2_cont .check-wrap { background: #f3f3f3; padding: 40px; overflow: hidden; }
.MP_contactus2_cont .check-wrap .error_msg { font-size: 14px; line-height: 1.6; margin-top: 14px; }
.MP_contactus2_cont .chk-group { padding-left: 30px; }
.MP_contactus2_cont .chk-group .chk-group { margin-top: 20px; }
.MP_contactus2_cont .chk-group + .chk-group { margin-top: 16px; }
.MP_contactus2_cont .chk-group.col { display: flex; flex-wrap: wrap; align-items: center; justify-items: flex-start; gap: 10px 30px; }
.MP_contactus2_cont .all_chk + .chk-group { border-top: 1px solid #ddd; margin-top: 25px; padding-top: 25px; }
.MP_contactus2_cont .all_chk .ip_btn { font-weight: 700; }
.MP_contactus2_cont .chk-item { position: relative; padding-left: 34px; }
.MP_contactus2_cont .chk-item input { opacity: 0; }
.MP_contactus2_cont .chk-item input + label { display: block; font-size: initial; line-height: initial; font-weight: initial; padding: 0; overflow: initial; }
.MP_contactus2_cont .chk-item input,
.MP_contactus2_cont .chk-item input + label { position: absolute; left: 0; top: 2px; width: 20px; height: 20px; box-sizing: border-box; overflow: hidden; }
.MP_contactus2_cont .chk-item input + label .icon { position: initial; width: 100%; height: 100%; display: block; top: initial; left: initial; margin: 0; border: 1px solid #888; background: #fff; }
.MP_contactus2_cont .chk-item input:checked + label .icon { border-color: #0a78ea; background: #0a78ea url('https://image.samsungsds.com/resource/kr/images/icon/ico_ck_white.png') no-repeat 50% 50%; }
.MP_contactus2_cont .chk-item .ip_btn { display: block; font-size: 16px; line-height: 1.6; }
.MP_contactus2_cont .chk-item .ip_btn .term_option { font-size: 100%; }

.MP_contactus2_cont input[type=text],
.MP_contactus2_cont input[type=password] { height: 60px; width: 100%; border-color: #DDD; }
.MP_contactus2_cont input[type=text].invalid,
.MP_contactus2_cont input[type=password].invalid { border-color: #FF0000; }
.MP_contactus2_cont input:read-only,
.MP_contactus2_cont input[readonly=readonly] { background-color: #F9F9F9; }

.MP_contactus2_cont select::-ms-expand { display: none; }
.MP_contactus2_cont select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; display: block; width: 100%; height: 60px; padding: 0 20px; background: url(https://image.samsungsds.com/module_src/images/icon/ic_dropdown_20.svg?queryString=20240425012314) no-repeat calc(100% - 20px) center; border: 1px solid #DDD; font-size: 16px; }
.MP_contactus2_cont select.invalid { border-color: #FF0000; }

.MP_contactus2_cont textarea { border-color: #DDD; }
.MP_contactus2_cont textarea.invalid { border-color: #FF0000; }
.MP_contactus2_cont textarea.txta_cont { width: 100%; height: 250px; }
.MP_contactus2_cont .byte-wrap { display: block; text-align: right; }

.MP_contactus2_cont .combobox_list_area { position: relative; display: block; width: 100%; }

.MP_contactus2_cont .invalid_msg { display: none; margin-top: 5px; font-size: 14px; line-height: 1.7; color: #FF0000; }
.MP_contactus2_cont input.invalid + .invalid_msg,
.MP_contactus2_cont textarea.invalid + .invalid_msg,
.MP_contactus2_cont select.invalid + .invalid_msg { display: block; }
@media all and (max-width:1280px) {
    .MP_contactus2_cont .progress ul li { flex: 0 1 200px; }
    .MP_contactus2_cont .progress ul li .arrow { left: calc( -24px - 8% ); }
    .MP_contactus2_cont .progress ul li a::before { width: 80px; height: 80px; }
    .MP_contactus2_cont .progress ul li a .ico { flex: 0 0 80px; background-size: 50px auto; }
}
@media all and (max-width:1023px) {
    .MP_contactus2_tab { margin-top: 40px; }
    .MP_contactus2_tab ul li a { font-size: 18px; }
    .MP_contactus2_cont .progress { margin-top: 40px; }
    .MP_contactus2_cont .progress ul { justify-content: center; }
    .MP_contactus2_cont .progress ul li { flex: 0 0 60px; margin: 0 20px; }
    .MP_contactus2_cont .progress ul li + li { margin-left: 20px; }
    .MP_contactus2_cont .progress ul li .arrow { left: -30px; top: 22px; width: 20px; height: 20px; transform: translate3d(0, 0, 0); }
    .MP_contactus2_cont .progress ul li a { flex-direction: column; }
    .MP_contactus2_cont .progress ul li a::before { width: 60px; height: 60px; }
    .MP_contactus2_cont .progress ul li a .ico { flex: 0 0 60px; width: 60px; margin-right: 0; background-size: 38px auto; }
    .MP_contactus2_cont .progress ul .txt { margin-top: 4px; }
    .MP_contactus2_cont .progress ul .txt strong { position: absolute; overflow: hidden; left: -9999em; height: 1px; width: 1px; text-indent: -9999px; }
    .MP_contactus2_cont .tab_panel .tab_panel_ttl { flex-direction: column; align-items: flex-start; }
    .MP_contactus2_cont .tab_panel .tab_panel_ttl h3 { font-size: 20px; }
    .MP_contactus2_cont .tab_panel .tab_panel_ttl .caption { margin-top: 10px; }
    .MP_contactus2_cont .tab_panel dl { display: block; border: 0 none; margin: 30px 0 0; padding: 0; }
    .MP_contactus2_cont .tab_panel dl + dl { margin-top: 0; }
    .MP_contactus2_cont .tab_panel dl dd + dt,
    .MP_contactus2_cont .tab_panel dl dd + dd { margin-left: 0; }
    .MP_contactus2_cont .tab_panel dl dt { margin-top: 20px; line-height: 1.2; }
    .MP_contactus2_cont .tab_panel dl dd { margin-top: 10px; }
    .MP_contactus2_cont .tab_panel dl:has(dd + dd) dd,
    .MP_contactus2_cont .tab_panel dl dd.colspan3 { max-width:initial; }
    .MP_contactus2_cont .tab_panel .btn_area { margin-top: 40px; }
    .MP_contactus2_cont input[type=text],
    .MP_contactus2_cont input[type=password],
    .MP_contactus2_cont select { height: 50px; }
    .MP_contactus2_cont .check-wrap { margin-top: 40px; }
}
@media all and (max-width:767px) {
    .MP_contactus2_cont .tab_panel .btn_area button { flex: 0 0 calc(50% - 5px); }
    .MP_contactus2_cont .check-wrap { padding: 30px; }
    .MP_contactus2_cont .chk-group { padding-left: 20px; }
    .MP_contactus2_cont .chk-group .chk-group { margin-top: 16px; padding-left: 25px; }
    .MP_contactus2_cont .chk-item { padding-left: 28px; }
    .MP_contactus2_cont .chk-item .ip_btn { font-size: 14px; word-break: keep-all; }
}
@media all and (max-width:650px) {
    .MP_contactus2_cont .chk-group.col { display: block; }
    .MP_contactus2_cont .chk-group.col .chk-item + .chk-item { margin-top: 10px; }
}






/*** MP_trial_popup | popup layer ***/
/** pop_module **/
.txt_blue { color:#1778EA !important; }
/* txt_bytes */
.txt_bytes { margin-top:5px;font-size:14px;line-height:20px;text-align:right; }

.popup_layer { display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:100001;width:800px;min-width:320px;max-width:100%;height:auto;max-height:100%;margin:0;padding:50px 0;background:#FFF;outline:none; }
.popup_layer.alert { width:658px; } 
.popup_layer.apply { width:1160px; }
.popup_layer .pop_md_tit { padding:0 60px 30px;border:0;text-align:center; }
.popup_layer .pop_md_tit .md_tit { font-size:28px;line-height:41px;color:#000; }
.popup_layer .pop_md_tit .md_txt { margin-top:8px;line-height:24px; }
.popup_layer .pop_md_cont { margin:0;padding:0 60px; }
.popup_layer .txta_c { text-align:center; }
.popup_layer .txt_msg { font-weight:bold;font-size:28px;line-height:41px;color:#000;text-align:center; }
.popup_layer .icon_area + .txt_msg { margin-top:20px; }
.popup_layer .txt_msg + .txt { margin-top:20px; }

/* Close Btn */
.popup_layer .btn_closex {position:absolute;right:24px;top:24px;width:18px;height:18px;background:none !important;outline:none;transform:rotate(45deg);transition:transform 0.4s;z-index:50;}
.popup_layer .btn_closex:before {position:absolute;left:50%;top:0;width:2px;height:100%;margin-left:-1px;background:#000;content:"";}
.popup_layer .btn_closex:after {position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background:#000;content:"";}
.popup_layer .btn_closex:hover, 
.popup_layer .btn_closex:focus { transform:rotate(225deg); }
.popup_layer .btn_closex:hover:before,
.popup_layer .btn_closex:hover:after,
.popup_layer .btn_closex:focus:before,
.popup_layer .btn_closex:focus:after { background-color:#0098c2; }

/* popup_layer checkbox */
.popup_layer input[type=checkbox] { position: absolute; width: 22px; height: 23px; opacity: 0; }
.popup_layer input[type=checkbox] + label { display:inline-block;position:relative;overflow:hidden;padding:0 0 0 38px;font-weight:normal;font-size:16px;line-height:26px; }
.popup_layer input[type=checkbox] + label .icon { display:inline-block;position:absolute;top:4px;left:0;width:20px;height:20px;margin:0;background:url('https://image.samsungsds.com/module_src/images/icon/ic_checkbox_nor.svg?queryString=20241210125943') no-repeat center center;border:0;border-radius:0;outline:0; }
.popup_layer input[type=checkbox]:checked + label .icon { background:url('https://image.samsungsds.com/module_src/images/icon/ic_checkbox_chk.svg?queryString=20241210125943') no-repeat center center;border:0 !important;border-radius:0;outline:0; }
.popup_layer input[type=checkbox]+label.error .icon { border-color: #ff0000 !important; }
.popup_layer input[type=checkbox]:disabled + label .icon { background:url('https://image.samsungsds.com/module_src/images/icon/ic_checkbox_dis.svg?queryString=20241210125943') no-repeat center center;border:0;border-radius:0;  }

/* btn_area */
.popup_layer .btn_area { margin-top:50px;text-align:center; }
.popup_layer .btn_area a, .popup_layer .btn_area button { min-width:180px;margin:0 6px; }

/* service_loading */
.popup_layer .service_loading { padding-bottom:24px; }
.popup_layer .service_loading .img { width:100%;height:80px;background:url('https://image.samsungsds.com/module_src/images/icon/ic_loading_80.svg?queryString=20241210125943') no-repeat center top;-webkit-animation-name:spin80;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear; }
.popup_layer .service_loading .txt_loading { display:block;margin-top:30px;font-weight:bold;font-size:28px;line-height:41px;color:#000;text-align:center; }
.popup_layer .service_loading .txt_loading + .txt { margin-top:30px; }
.popup_layer .service_loading .txt { line-height:24px; }
@-webkit-keyframes spin80 {
    from   { -webkit-transform:rotate(0deg); }
    to   { -webkit-transform:rotate(360deg); }
}

/* icon */
.popup_layer .icon_area { text-align:center; }
.popup_layer .ico_chk_circle { display:inline-block;width:50px;height:50px;margin:0 auto;background:url('https://image.samsungsds.com/module_src/images/icon/ic_chk_circle50.svg?queryString=20241210125943') no-repeat 0 0; }
.popup_layer .ico_warning { display:inline-block;width:50px;height:50px;margin:0 auto;background:url('https://image.samsungsds.com/module_src/images/icon/ic_lending_warning.svg?queryString=20241210125943') no-repeat 0 0; }






/* 2024 리뉴얼 M700_A */
.common-btn { font-size: 0; }
.common-btn a { display: inline-flex; justify-content: center; align-items: center; padding: 10px 8px 10px 16px; border-radius: 100px; border: 1px solid #000000; position: relative; overflow: hidden; transition: border-color 0.35s; }
.common-btn a:hover, .common-btn a:focus { border-color: #0069FF; }
.common-btn a:hover.common-btn--white, .common-btn a:focus.common-btn--white { border-color: #0069FF; }
.common-btn a:hover.common-btn--blue, .common-btn a:focus.common-btn--blue { border-color: #1428A0; }
.common-btn a:hover .common-btn__text, .common-btn a:focus .common-btn__text { color: #ffffff; }
.common-btn a:hover .common-btn__over--bg, .common-btn a:focus .common-btn__over--bg { transform: translateX(0%); }
.common-btn a:hover .common-btn_arrow--bx.black img,
.common-btn a:focus .common-btn_arrow--bx.black img { filter: brightness(0) saturate(100%) invert(100%) sepia(83%) saturate(2%) hue-rotate(169deg) brightness(108%) contrast(100%); }
.common-btn a:hover .common-btn--ic--bx .common-btn--ic--hover, .common-btn a:focus .common-btn--ic--bx .common-btn--ic--hover { opacity: 1; }
.common-btn a .common-btn__text { transition: color 0.35s; font-weight: 500; font-size: 14px; line-height: 19.6px; color: #000000; }
.common-btn a .common-btn--content { z-index: 10; position: relative; display: inline-flex; justify-content: center; align-items: center; }
.common-btn a .common-btn__over--bg { border-radius: 100px; transition: transform 0.35s; left: 0; top: 0; position: absolute; z-index: 5; width: 100%; height: 100%; background-color: #0069FF; transform: translateX(-100%); }
.common-btn a .common-btn--ic--bx { position: relative; line-height: 0; }
.common-btn a .common-btn--ic--bx .common-btn--ic { margin-right: 10px; }
.common-btn a .common-btn--ic--bx .common-btn--ic--hover { transition: opacity 0.35s; opacity: 0; position: absolute; left: 0; top: 0; }
.common-btn a.common-btn--black { background-color: #000000; }
.common-btn a.common-btn--black .common-btn__text { color: #ffffff; }
.common-btn a.common-btn--white { background-color: transparent; border-color: #ffffff; }
.common-btn a.common-btn--white .common-btn__text { color: #ffffff; }
.common-btn a.common-btn--blue { background-color: #0069FF; border-color: #0069FF; }
.common-btn a.common-btn--blue .common-btn__text { color: #ffffff; }
.common-btn a.common-btn--blue .common-btn__over--bg { background-color: #1428A0; }
.common-btn a.common-btn--blue--transparent { font-weight: 500; background-color: transparent; border-color: #0069FF; }
.common-btn a.common-btn--blue--transparent .common-btn__text { color: #ffffff; }
.common-btn a .common-btn_arrow--bx { display: inline-block; position: relative; width: 24px; height: 24px; line-height: normal; }
.common-btn a .common-btn_arrow--bx img { transition: filter 0.35s; }
.common-btn a .common-btn_arrow--bx img.common-btn_arrow { opacity: 1; }
.common-btn a .common-btn_arrow--bx img.common-btn_arrow--hover { left: 0; top: 0; opacity: 0; position: absolute; }
.common-title-bx { margin-bottom: 60px; box-sizing: border-box; }
.common-title-bx dl dt { margin-bottom: 20px; display: inline-flex; flex-direction: column; }
.common-title-bx dl dt .common-title__item { overflow: hidden; position: relative; display: inline-block; }
.common-title-bx dl dt .common-title__item .common-title__text { font-weight: 700; font-size: 48px; line-height: 67px; display: inline-block; opacity: 0; word-break: keep-all; transform: translateY(100%); }
.common-control.white .common-list__control .common-list__control-btns ul li .common-list__number { color: #ffffff; }
.common-control.white .common-list__control .common-list__control-btns ul li button { background-color: rgba(255, 255, 255, 0.2); }
.common-control.white .common-list__control .common-list__control-btns ul li button span { background-color: #ffffff; }
.common-control.white .common-list__control .common-list__control-btn--play .common-play--bx img { filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(209deg) brightness(105%) contrast(101%); }
.common-control .common-list__control { display: flex; justify-content: flex-start; align-items: flex-end; }
.common-control .common-list__control .common-list__control-btn--bx { display: flex; justify-content: flex-start; align-items: center; margin-left: 12px; margin-right: 18px; }
.common-control .common-list__control .common-list__control-btn--bx .common-list__control-btn { width: 40px; height: 40px; font-size: 0; line-height: 0; }
.common-control .common-list__control .common-list__control-btn--bx .common-list__control-btn:hover .control-btn__bx img,
.common-control .common-list__control .common-list__control-btn--bx .common-list__control-btn:focus-within .control-btn__bx img { filter: invert(24%) sepia(85%) saturate(3062%) hue-rotate(210deg) brightness(102%) contrast(107%); }
.common-control .common-list__control .common-list__control-btn--bx .common-list__control-btn .control-btn__bx { position: relative; }
.common-control .common-list__control .common-list__control-btn--bx .common-list__control-btn .control-btn__bx img { width: 100%; }
.common-control .common-list__control .common-list__control-btn--play { font-size: 0; line-height: 0; margin-left: 12px; position: relative; }
.common-control .common-list__control .common-list__control-btn--play .common-play--bx { position: relative; }
.common-control .common-list__control .common-list__control-btn--play .common-play--bx:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; }
.common-control .common-list__control .common-list__control-btn--play.on .common-play--bx:nth-child(1) { opacity: 0; }
.common-control .common-list__control .common-list__control-btn--play.on .common-play--bx:nth-child(2) { opacity: 1; }
.common-control .common-list__control .common-list__control-btns { position: relative; top: -18px; }
.common-control .common-list__control .common-list__control-btns ul { display: flex; justify-content: flex-start; align-items: center; gap: 12px; }
.common-control .common-list__control .common-list__control-btns ul li { width: 60px; height: 4px; position: relative; }

.common-control .common-list__control .common-list__control-btn--play:hover .common-play--bx img,
.common-control .common-list__control .common-list__control-btn--play:focus-within .common-play--bx img { filter: invert(24%) sepia(85%) saturate(3062%) hue-rotate(210deg) brightness(102%) contrast(107%); }

.common-control .common-list__control .common-list__control-btns ul li .common-list__number { font-size: 14px; line-height: 19.6px; color: #000000; margin-bottom: 15px; position: absolute; bottom: 5px; opacity: 0; }
.common-control .common-list__control .common-list__control-btns ul li button { display: inline-block; border-radius: 100px; position: absolute; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.2); }
.common-control .common-list__control .common-list__control-btns ul li button span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; transform: scaleX(0); transform-origin: center right; }
.common-label { font-size: 0; }
.common-label span { display: inline-block; font-weight: 500; font-size: 14px; line-height: 10px; padding: 8px 9px 10px; background-color: #FF8AFF; border-radius: 100px; color: #ffffff; }
.common-label.common-label--blue span { background-color: #0069FF; }
.common-banner-bx { overflow: hidden; position: relative; }
.common-banner-bx .banner-bx-inner { max-width: 1920px; width: 100%; height: 300px; margin: 0 auto; background-color: #131D41; box-sizing: border-box; padding: 76px 170px 68px; position: relative; }
.common-banner-bx .banner-bx-inner dl { position: relative; z-index: 10; }
.common-banner-bx .banner-bx-inner dl dt { font-weight: 700; font-size: 30px; line-height: 45px; color: #ffffff; margin-bottom: 30px; }
.common-banner-bx .banner-bx-inner .banner-img { position: absolute; top: 0; right: 0; width: auto; height: 300px; }
.common-footer { position: relative; z-index: 10; }
.common-footer .footer-inner { margin: 0 auto; background-color: #15171C; padding: 30px 170px; max-width: 1920px; width: 100%; display: flex; justify-content: space-between; box-sizing: border-box; align-items: flex-start; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.common-footer .footer-inner .footer-info .footer-info__news { display: none; }
.common-footer .footer-inner .footer-info .footer-menu-list { position: relative; z-index: 10; display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-info-btn--bx { position: relative; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-info-btn--bx .footer-info-btn { font-weight: 700; font-size: 14px; line-height: 24px; color: #E8EAEF; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-info-btn--bx .footer-info-btn:hover, .common-footer .footer-inner .footer-info .footer-menu-list .footer-info-btn--bx .footer-info-btn:focus { color: #0069FF; }

.common-footer .footer-inner .footer-info .footer-menu-list .footer-info-btn--bx .footer-info--menu-bx { display: none; position: absolute; left: 0; top: 10px; transform: translateY(calc(-100% - 10px)); padding-bottom: 10px; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-info-btn--bx .footer-info--menu-bx ul { padding: 20px; background-color: #000000; border-radius: 10px; display: flex; flex-direction: column; gap: 10px; }

.common-footer .footer-inner .footer-info .footer-menu-list .footer-info-btn--bx .footer-info--menu-bx ul li a { white-space: nowrap; font-weight: 500; font-size: 14px; line-height: 19.6px; color: #D1D5DF; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-info-btn--bx .footer-info--menu-bx ul li a:hover, .common-footer .footer-inner .footer-info .footer-menu-list .footer-info-btn--bx .footer-info--menu-bx ul li a:focus { color: #0069FF; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-menus { display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-menus li { display: flex; justify-content: flex-start; align-items: center; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-menus li:after { content: ""; width: 4px; height: 4px; border-radius: 100%; background-color: #414854; margin-left: 10px; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-menus li:last-child:after { display: none; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-menus li button { font-weight: 500; font-size: 14px; line-height: 24px; color: #E8EAEF; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-menus li a { display: inline-block; font-weight: 500; font-size: 14px; line-height: 24px; color: #D1D5DF; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-menus li a:hover, .common-footer .footer-inner .footer-info .footer-menu-list .footer-menus li a:focus { color: #0069FF; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-menus li.ic-wa { opacity: 0.7; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-menus li.ic-wa:hover, .common-footer .footer-inner .footer-info .footer-menu-list .footer-menus li.ic-wa:focus-within { opacity: 1; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-menus li.ic-wa a { line-height: 0; width: 28px; }
.common-footer .footer-inner .footer-info .footer-menu-list .footer-menus li.ic-wa a img { width: 100%; }
.common-footer .footer-inner .footer-info .address { margin-top: 30px; font-size: 12px; line-height: 16.8px; color: #8D9098; }
.common-footer .footer-inner .footer-right-bx { position: relative; z-index: 11; display: flex; justify-content: flex-start; align-items: center; gap: 20px; }
.common-footer .footer-inner .footer-right-bx .social-list { display: flex; justify-content: center; align-items: center; }
.common-footer .footer-inner .footer-right-bx .social-list:after { content: ""; width: 4px; height: 4px; border-radius: 100%; background-color: #414854; margin-left: 20px; }
.common-footer .footer-inner .footer-right-bx .social-list ul { display: flex; justify-content: flex-start; align-items: center; gap: 20px; }
.common-footer .footer-inner .footer-right-bx .social-list ul li a { opacity: 0.5; }
.common-footer .footer-inner .footer-right-bx .social-list ul li a:hover, .common-footer .footer-inner .footer-right-bx .social-list ul li a:focus { opacity: 1; }
.common-footer .footer-inner .footer-right-bx .language-bx { position: relative; }
.common-footer .footer-inner .footer-right-bx .language-bx button { cursor: pointer; display: inline-flex; justify-content: flex-start; align-items: center; font-weight: 500; font-size: 14px; line-height: 24px; color: #8D9098; gap: 10px; }
.common-footer .footer-inner .footer-right-bx .language-bx button .language-bx--icon { position: relative; width: 24px; height: 24px; }
.common-footer .footer-inner .footer-right-bx .language-bx button:hover, .common-footer .footer-inner .footer-right-bx .language-bx button:focus { color: #D1D5DF; }

.common-footer .footer-inner .footer-right-bx .language-bx button:hover, .common-footer .footer-inner .footer-right-bx .language-bx button:focus { color: #D1D5DF; }
.common-footer .footer-inner .footer-right-bx .language-bx button:hover .language-bx--icon img, 
.common-footer .footer-inner .footer-right-bx .language-bx button:focus .language-bx--icon img { 
    filter: invert(95%) sepia(55%) saturate(20%) hue-rotate(293deg) brightness(150%) contrast(104%);
}

.common-footer .footer-inner .footer-right-bx .language-menus { position: absolute; left: 50%; top: 10px; transform: translate(-50%, calc(-100% - 10px)); display: none; padding-bottom: 10px; }
.common-footer .footer-inner .footer-right-bx .language-menus ul { display: flex; flex-direction: column; gap: 10px; padding: 10px; background-color: #000000; overflow: hidden; border-radius: 10px; }

.common-footer .footer-inner .footer-right-bx .language-menus ul li.on a { color: #0069FF; }
.common-footer .footer-inner .footer-right-bx .language-menus ul li a { white-space: nowrap; font-weight: 500; font-size: 14px; line-height: 19.6px; color: #D1D5DF; }
.common-footer .footer-inner .footer-right-bx .language-menus ul li a:hover, .common-footer .footer-inner .footer-right-bx .language-menus ul li a:focus, .common-footer .footer-inner .footer-right-bx .language-menus ul li a.on { color: #0069FF; }
.common-bottom-menu-bx { position: relative; z-index: 10; }
.common-bottom-menu-bx .bottom-menu-bx-inner { max-width: 1920px; margin: 0 auto; width: 100%; display: flex; padding: 100px 170px; box-sizing: border-box; background-color: #15171C; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__left-bx { display: flex; justify-content: flex-start; align-items: flex-start; border-right: 1px solid rgba(255, 255, 255, 0.1); }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__left-bx ul { width: 210px; display: flex; flex-direction: column; gap: 10px; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__left-bx ul li:first-child a { font-size: 18px; line-height: 25.2px; font-weight: 700; color: #E8EAEF; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__left-bx ul li:first-child a:hover, .common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__left-bx ul li:first-child a:focus { color: #0069FF; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__left-bx ul li a { font-size: 16px; line-height: 24px; color: #D1D5DF; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__left-bx ul li a:hover, .common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__left-bx ul li a:focus { font-weight: 700; color: #0069FF; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx { width: 100%; padding-left: 98px; display: flex; justify-content: space-between; align-items: flex-start; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-menu ul { display: flex; flex-direction: column; gap: 10px; margin-bottom: 44px; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-menu ul li a { font-weight: 500; font-size: 16px; line-height: 22.4px; color: #D1D5DF; display: inline-flex; justify-content: center; align-items: center; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-menu ul li a:hover, .common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-menu ul li a:focus { font-weight: 700; color: #0069FF; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-menu .bottom-menu__news a { font-weight: 700; font-size: 16px; line-height: 24px; display: inline-flex; justify-content: center; align-items: center; color: #0069FF; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-menu .bottom-menu__news a:hover, .common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-menu .bottom-menu__news a:focus { color: #00AAFF; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family { position: relative; }

.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family a { font-weight: 500; font-size: 16px; line-height: 22.4px; color: #D1D5DF; display: inline-flex; justify-content: center; align-items: center; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family a img { transition: transform 0.25s; }

.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family a:hover, .common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family a:focus { color: #0069FF; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family a:hover img, .common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family a:focus img { transform: rotate(180deg); }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family .family-menus-bx { display: none; position: absolute; bottom: 15px; left: 50%; transform: translate(-50%, calc(100% + 12px)); padding-top: 15px; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family .family-menus-bx .family-menus-bx--container { gap: 40px; display: flex; justify-content: flex-start; align-items: flex-start; padding: 20px; box-sizing: border-box; background-color: #000000; border-radius: 10px; overflow: hidden; }

.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family .family-menus-bx .family-menus h4 { font-weight: 700; font-size: 14px; line-height: 19.6px; color: #ffffff; margin-bottom: 10px; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family .family-menus-bx .family-menus ul { display: flex; flex-direction: column; gap: 10px; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family .family-menus-bx .family-menus ul li { display: flex; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family .family-menus-bx .family-menus ul li a { white-space: nowrap; font-weight: 500; font-size: 14px; line-height: 19.6px; color: #D1D5DF; }
.common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family .family-menus-bx .family-menus ul li a:hover, .common-bottom-menu-bx .bottom-menu-bx-inner .bottom-menu__right-bx .bottom-menu__right-family .family-menus-bx .family-menus ul li a:focus { color: #0069FF; }
.m-br { display: none; }
.pc-br { display: inline-block; }
.m-img { display: none; }
.pc-img { display: inline-block; }
.common-ani-item { opacity: 0; }
@media screen and (max-width:1900px) {
    .common-title-bx { margin-bottom: 50px; }
    .banner-bx .banner-bx-inner { padding: 87px 70px 79px; }
    .banner-bx .banner-bx-inner dl dt { font-size: 26px; line-height: 31.2px; }
}
@media screen and (max-width:1439px) {
    .common-bottom-menu-bx { display: none; }
    .common-footer .footer-inner { flex-direction: column; justify-content: center; align-items: center; padding: 40px 0 56px; }
    .common-footer .footer-inner .footer-info { margin-bottom: 40px; }
    .common-footer .footer-inner .footer-info .footer-info__news { display: block; text-align: center; margin-bottom: 40px; }
    .common-footer .footer-inner .footer-info .footer-info__news .footer-btn--top button { display: inline-flex; width: 37px; height: 37px; justify-content: center; align-items: center; background-color: rgba(217, 217, 217, 0.1); border-radius: 50%; overflow: hidden; margin-bottom: 29px; }
    .common-footer .footer-inner .footer-info .footer-menu-list { margin-bottom: 40px; }
    .common-footer .footer-inner .footer-info .address { text-align: center; font-size: 14px; line-height: 22px; }
    .common-footer .footer-inner .footer-right-bx { flex-direction: column-reverse; gap: 40px; }
    .common-footer .footer-inner .footer-right-bx .social-list:after { display: none; }
}
@media screen and (max-width:1024px) {
    .common-title-bx { padding-left: 20px; }
    .common-title-bx dl dt .common-title__item .common-title__text { font-size: 26px; line-height: 39px; }
    .common-banner-bx .banner-bx-inner { padding: 67px 64px; height: auto; }
    .common-banner-bx .banner-bx-inner dl { text-align: center; }
    .common-banner-bx .banner-bx-inner dl dt { font-size: 26px; line-height: 39px; }
    .common-banner-bx .banner-bx-inner .banner-img { height: 100%; right: -705px; }
    .common-footer .footer-inner .footer-info .footer-menu-list { flex-direction: column; }
    .common-footer .footer-inner .footer-info .footer-menu-list .footer-info-btn--bx .footer-info--menu-bx { left: 50%; transform: translate(-50%, calc(-100% - 10px)); }
    .common-footer .footer-inner .footer-info .footer-menu-list .footer-menus { flex-wrap: wrap; padding: 0 20px; justify-content: center; align-items: center; }
    .common-footer .footer-inner .footer-info .footer-menu-list .footer-menus li a { font-weight: 400; }
    .m-br { display: inline-block; }
    .pc-br { display: none; }
    .m-img { display: inline-block; }
    .pc-img { display: none; }
    .common-control .common-list__control .common-list__control-btn--bx { margin-right: 0; margin-left: 0px; }
    .common-control .common-list__control .common-list__control-btn--bx .common-list__control-btn { display: none; }
    .common-control .common-list__control .common-list__control-btn--play { margin-left: 12px; }
    .common-control .common-list__control .common-list__control-btns { width: 100%; }
    .common-control .common-list__control .common-list__control-btns ul { width: 100%; }
    .common-control .common-list__control .common-list__control-btns ul li { width: 30px; }
}

@media screen and (max-width:600px) {
    .common-control .common-list__control .common-list__control-btn--play{margin-left: 3px;}
    .common-control .common-list__control .common-list__control-btns ul {gap: 7px;}
    .common-control .common-list__control .common-list__control-btns ul li { width: 21px; }
}

.sds-wrap { background-color: #dedede; }
.sds-wrap .inner { max-width: none; padding: 0; }
.sds-wrap .inner .visual-bx { position: relative; width: 100%; left: 0; top: 0; display: flex; justify-content: center; align-items: center; }
.sds-wrap .inner .visual-bx .visual-container { display: flex; justify-content: center; align-items: center; overflow: hidden; background-color: #ffffff; max-width: 1920px; width: 100%; }
.sds-wrap .inner .visual-bx .visual-inner { max-width: 1920px; width: 100%; position: relative; overflow: hidden; }


.sds-wrap .inner .visual-bx .visual-inner .ic-scroll { color: #000; font-weight: 700; position: absolute; left: 50%; transform: translateX(calc(-50% + 50px)); bottom: 53px; font-size: 16px; line-height: 22.4px; display: inline-flex; justify-content: center; align-items: center; z-index: 20; }
.sds-wrap .inner .visual-bx .visual-inner .ic-scroll img.ic-scroll--white { display: none; }
.sds-wrap .inner .visual-bx .visual-inner .ic-scroll img.ic-scroll--black { display: inline-block; }
.sds-wrap .inner .visual-bx .visual-inner .ic-scroll.white { color: #ffffff; }
.sds-wrap .inner .visual-bx .visual-inner .ic-scroll.white img.ic-scroll--white { display: inline-block; }
.sds-wrap .inner .visual-bx .visual-inner .ic-scroll.white img.ic-scroll--black { display: none; }
.sds-wrap .bullet_list li[data-bullet] + li[data-bullet] {margin-top: 3px;}

/* section1 메인 슬라이드 arrow */
/* .sds-wrap .inner .visual-bx .visual-inner .visual-control-bx { position: absolute; left: 170px; bottom: 53px; z-index: 10; }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control { z-index: 10; position: absolute; top: 50%; width: 100%; height: 0px; display: flex; justify-content: space-between; align-items: center; }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn:hover.visual-swiper-control__btn--white button .visual-swiper-control__btn--bx, .sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn:focus-within.visual-swiper-control__btn--white button .visual-swiper-control__btn--bx { width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.1); }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn:hover.visual-swiper-control__btn--white button .visual-swiper-control__btn--bx img,
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn:focus-within.visual-swiper-control__btn--white button .visual-swiper-control__btn--bx img { filter: brightness(0) saturate(100%) invert(26%) sepia(87%) saturate(3341%) hue-rotate(209deg) brightness(100%) contrast(109%); }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn:hover.visual-swiper-control__btn--black button .visual-swiper-control__btn--bx, .sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn:focus-within.visual-swiper-control__btn--black button .visual-swiper-control__btn--bx { width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.1); }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn:hover.visual-swiper-control__btn--black button .visual-swiper-control__btn--bx img,
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn:focus-within.visual-swiper-control__btn--black button .visual-swiper-control__btn--bx img { filter: brightness(0) saturate(100%) invert(26%) sepia(87%) saturate(3341%) hue-rotate(209deg) brightness(100%) contrast(109%); }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn.visual-swiper-control__btn--black button .visual-swiper-control__btn--bx img { filter: brightness(0) contrast(100); }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn button { display: inline-flex; justify-content: center; align-items: center; width: 180px; height: 180px; position: relative; }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn button .visual-swiper-control__btn--bx { overflow: hidden; display: inline-flex; justify-content: center; align-items: center; width: 60px; height: 60px; transition: background-color 0.25s; position: relative; border: 1px solid transparent; background-color: rgba(255, 255, 255, 0); border-radius: 100%; }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn button .visual-swiper-control__btn--bx img.visual-swiper-control__btn--cb { transition: opacity 0.25s; position: absolute; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn button .visual-swiper-control__btn--bx img.visual-swiper-control__btn--blue { position: absolute; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn.visual-swiper-control__left button { transform: translateX(-44px); }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn.visual-swiper-control__right button { transform: translateX(44px); } */
.sds-wrap .inner .visual-bx .visual-inner .visual-control-bx { position: absolute; left: 170px; bottom: 53px; z-index: 10; }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control { z-index: 10; position: absolute; top: 50%; width: 100%; height: 0px; display: flex; justify-content: space-between; align-items: center; }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn:hover.visual-swiper-control__btn--white button .visual-swiper-control__btn--bx, .sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn:focus-within.visual-swiper-control__btn--white button .visual-swiper-control__btn--bx { width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.1); }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn:hover .visual-swiper-control__btn--bx img,
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn:focus .visual-swiper-control__btn--bx img { filter: brightness(0) saturate(100%) invert(26%) sepia(87%) saturate(3341%) hue-rotate(209deg) brightness(100%) contrast(109%) }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn button { display: inline-flex; justify-content: center; align-items: center; width: 180px; height: 180px; position: relative; }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn button .visual-swiper-control__btn--bx { overflow: hidden; display: inline-flex; justify-content: center; align-items: center; width: 60px; height: 60px; transition: background-color 0.25s; position: relative; border: 1px solid transparent; background-color: rgba(255, 255, 255, 0); border-radius: 100%; }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn button .visual-swiper-control__btn--bx img.visual-swiper-control__btn--cb { transition: opacity 0.25s; position: absolute; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn.visual-swiper-control__left button { transform: translateX(-44px); }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn.visual-swiper-control__right button { transform: translateX(44px); }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control.white .visual-swiper-control__btn button .visual-swiper-control__btn--bx img { filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(209deg) brightness(105%) contrast(101%); }
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control.white .visual-swiper-control__btn:hover .visual-swiper-control__btn--bx img,
.sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control.white .visual-swiper-control__btn:focus .visual-swiper-control__btn--bx img { filter: invert(24%) sepia(67%) saturate(4033%) hue-rotate(211deg) brightness(104%) contrast(103%) }



.sds-wrap .inner .visual-bx .visual-inner .visual-list { font-size: 0; display: flex; justify-content: flex-start; align-items: stretch; }
.sds-wrap .inner .visual-bx .visual-inner .visual-list>li { max-height: 1080px; height: 100dvh; padding-top: 61px; box-sizing: border-box; }
.sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item { display: flex; justify-content: center; align-items: center; background-color: #F2F7FF; }
.sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__info { box-sizing: border-box; padding: 0 170px; width: 50%; display: flex; justify-content: center; align-items: center; }
.sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__info dl { display: flex; flex-direction: column; gap: 30px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__info dl dt { font-weight: 700; font-size: 48px; line-height: 57px; color: #000000; word-break: keep-all; }
.sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__info dl dd { display: block; font-size: 18px; line-height: 25px; color: #000000; word-break: keep-all; }

.sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__info dl dd .s_txt {font-size: 14px; line-height: normal; margin-top: 15px; color: #666; letter-spacing: 0; }

.sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__info dl dd.visual-item__btn-bx { display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__info dl dd.visual-item__btn-bx.ct_btn { flex-wrap: wrap; }
.sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__img { border-radius: 80px 0px 0px 0px; overflow: hidden; width: 50%; height: 100%; }
.sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type { padding-top: 75px; box-sizing: border-box; position: relative; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item__real-summit { z-index: 100; position: absolute; width: 162px; height: 24px; left: 170px; top: 181px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item__real-summit img { width: 100%; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info { position: absolute; left: 170px; width: 885px; bottom: 206px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl { display: flex; flex-direction: column; gap: 30px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dt { font-weight: 700; font-size: 48px; line-height: 72px; color: #000000; word-break: keep-all; position: relative; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dt .visual-item__top-img { position: absolute; left: 0; top: -20px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dt .visual-item__top-img img.visual-item__top-img--on-air { width: 86px; height: 44px; transform: translateY(-100%); }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dt .visual-item__top-img img.visual-item__top-img--on-logo { width: 126px; height: 70px; transform: translateY(-100%); }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dt.color-white { color: #ffffff; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dd { display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 20px; line-height: 30px; color: #000000; word-break: keep-all; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dd.visual-item__date { display: flex; justify-content: flex-start; gap: 20px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dd.visual-item__date span { font-weight: 700; font-size: 20px; line-height: 30px; color: #ffffff; position: relative; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dd.visual-item__date span:first-child { padding-right: 20px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dd.visual-item__date span:first-child:before { content: ""; display: inline-block; width: 1px; height: 27px; position: absolute; right: 0; top: 2px; background-color: rgba(255, 255, 255, 0.5); }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dd.color-white { color: #ffffff; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-images--dot-bx { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 1920px; min-height: 1080px; height: 100%; display: flex; justify-content: flex-start; flex-shrink: 0; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 { background-color: #F2FDFC; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx { gap: 5px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot { position: relative; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot img { width: 100%; object-fit: cover; object-position: center; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(1) { top: 211px; width: 56px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(2) { top: 221px; width: 220px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(3) { top: 132px; width: 108px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(4) { top: 171px; width: 448px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(5) { top: 251px; width: 107px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(6) { top: 334px; width: 107px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(7) { top: 73px; width: 448px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(8) { top: -10px; width: 220px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(9) { top: 192px; width: 107px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(10) { top: 272px; width: 57px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 { background-color: #030F41; }
@keyframes dot-loop {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx { animation-timing-function: linear; animation-duration: 250s; animation-direction: initial; animation-iteration-count: infinite; display: flex; justify-content: flex-start; align-items: flex-start; gap: 7px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx.on { animation-name: dot-loop; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop { position: relative; display: flex; justify-content: flex-start; gap: 7px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot { position: relative; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot.f-img-dot--ani--init { display: flex; justify-content: center; align-items: center; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot.f-img-dot--ani--init img { transform: scale(0.05); opacity: 0; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot.f-img-dot--ani.f-img-dot--ani--1 img { transform: translate3d(210px, 200px, 0); width: 20px; height: 20px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot.f-img-dot--ani.f-img-dot--ani--2 img { transform: translate3d(210px, 470px, 0); width: 20px; height: 20px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot.f-img-dot--ani.f-img-dot--ani--3 img { transform: translate3d(-110px, 310px, 0); width: 20px; height: 20px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot.f-img-dot--ani.f-img-dot--ani--4 img { transform: translate3d(-130px, 272px, 0); width: 20px; height: 20px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot.f-img-dot--ani.f-img-dot--ani--5 img { transform: translate3d(-310px, 120px, 0); width: 20px; height: 20px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot.f-img-dot--ani img { position: absolute; width: 20px; height: 20px; border-radius: 100%; overflow: hidden; opacity: 0; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot img { width: 100%; object-fit: cover; object-position: center; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot:nth-child(1), .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot:nth-child(7) { top: 354px; width: 146px; height: 146px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot:nth-child(2), .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot:nth-child(8) { top: 107px; width: 300px; height: 533px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot:nth-child(3), .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot:nth-child(9) { top: 269px; width: 146px; height: 262px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot:nth-child(4), .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot:nth-child(10) { top: 0; width: 455px; height: 856px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot:nth-child(5), .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot:nth-child(11) { top: 161px; width: 146px; height: 479px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot:nth-child(6), .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-02 .visual-images--dot-bx .visual-images--dot-bx--loop-bx .visual-images--dot-bx--loop .img-dot:nth-child(12) { top: 200px; width: 300px; height: 378px; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-03 { background-color: #000000; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-03 .visual-item--type-03--bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-03 .visual-item--type-03--bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.sds-wrap .inner .sections { display: flex; justify-content: center; align-items: center; position: relative; }
.sds-wrap .inner .sections .section-inner { font-size: 0; max-width: 1920px; width: 100%; position: relative; }
.sds-wrap .inner .sections .section-inner .side-nav { z-index: 10; position: absolute; height: 100%; top: 0; right: 0; }
.sds-wrap .inner .sections .section-inner .side-nav ul { position: sticky; right: 0; top: 0; height: 100dvh; display: flex; justify-content: center; align-items: flex-end; flex-direction: column; gap: 40px; padding-right: 50px;  /* Vector */ box-sizing: border-box; }

.sds-wrap .inner .sections .section-inner .side-nav ul li:hover button { opacity: 1; }
.sds-wrap .inner .sections .section-inner .side-nav ul li:hover button .side-nav__text { font-weight: 700; }
.sds-wrap .inner .sections .section-inner .side-nav ul li:hover button .side-nav__icon { opacity: 1; }

.sds-wrap .inner .sections .section-inner .side-nav ul li.on button { opacity: 1; }
.sds-wrap .inner .sections .section-inner .side-nav ul li.on button .side-nav__text { font-weight: 700; }
.sds-wrap .inner .sections .section-inner .side-nav ul li.on button .side-nav__icon { height: 22px; opacity: 1; background-color: #ffffff; }
.sds-wrap .inner .sections .section-inner .side-nav ul li button { cursor: pointer; display: flex; justify-content: flex-start; align-items: center; gap: 20px; opacity: 0.8; transition: opacity 0.25s; }
.sds-wrap .inner .sections .section-inner .side-nav ul li button .side-nav__text { font-size: 16px; line-height: 22.4px; color: #ffffff; }
.sds-wrap .inner .sections .section-inner .side-nav ul li button .side-nav__icon { transition: height 0.25s; display: inline-block; width: 8px; height: 8px; border-radius: 4px; opacity: 0.3; background-color: #ffffff; }

.sds-wrap .inner .sections .section-inner .section-item { height: 500dvh; background-color: #000000; }
.sds-wrap .inner .sections .section-inner .section-item .section-item--content { width: 100%; height: 100dvh; position: sticky; top: 0; }
.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item--scroll-bx { position: sticky; left: 0; top: 0; width: 100%; height: 100dvh; overflow: hidden; }

.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__bg-video { width: 100%; height: 100%; }
.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__bg-video:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); }
.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__bg-video video { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info { padding-left: 170px; padding-right: 200px; box-sizing: border-box; position: absolute; width: 100%; height: 100%; z-index: 2; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info h2 { margin-bottom: 50px; display: inline-block; font-weight: 700; font-size: 60px; line-height: 90px; color: #ffffff; }
.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info dl dt { margin-bottom: 20px; font-weight: 500; font-size: 30px; line-height: 45px; color: #ffffff; }
.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info dl dd { overflow: hidden; font-size: 20px; line-height: 30px; color: #ffffff; }
.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info dl dd:last-child { margin-top: 40px; }
.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info dl dd.seciton-item-btn--bx { display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px; }

.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item--sheet { width: 100%; position: relative; }
.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item--sheet .section-item--sheet--bx { position: relative; width: 1920px; height: 100dvh; overflow: hidden; left: 50%; transform: translateX(-50%); }
.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item--sheet .section-item--sheet--bx:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 1; }
.sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item--sheet .section-item--sheet--bx video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: none; }

.sds-wrap .inner .video-bx { position: relative; }
.sds-wrap .inner .video-bx .video-bx-inner { padding: 120px 170px 251px 170px; box-sizing: border-box; max-width: 1920px; width: 100%; margin: 0 auto; position: relative; background-color: #ffffff; overflow: hidden; }
.sds-wrap .inner .video-bx .video-bx-inner .common-btn--bx { opacity: 0; }
.sds-wrap .inner .video-bx .video-bx-inner .swiper { overflow: initial !important; }
.sds-wrap .inner .video-bx .video-bx-inner .video-control-bx { position: absolute; left: 170px; bottom: 120px; }
.sds-wrap .inner .video-bx .video-bx-inner .video-control-bx .common-control { opacity: 0; }
.sds-wrap .inner .video-bx .video-bx-inner .video-swiper { padding-left: 0px; }
.sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item { width: 580px; opacity: 0; }
.sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item:hover .video-bx__item--inner .video-bx__play--btn button .video-bx__play--btn--img, .sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item:focus-within .video-bx__item--inner .video-bx__play--btn button .video-bx__play--btn--img { background-color: rgba(0, 105, 255, 0.8); }
.sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item:hover .video-bx__item--inner .video-bx__play--img, .sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item:focus-within .video-bx__item--inner .video-bx__play--img { transform: scale(1.1); }
.sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item .video-bx__item--inner { width: 580px; height: 325px; border-radius: 20px; overflow: hidden; position: relative; }
.sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item .video-bx__item--inner .video-bx__title { position: absolute; left: 20px; top: 20px; font-weight: 700; font-size: 14px; line-height: 16.8px; color: #ffffff; z-index: 11; opacity: 0; }
.sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item .video-bx__item--inner .video-bx__play--btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 112px; height: 80px; z-index: 10; }
.sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item .video-bx__item--inner .video-bx__play--btn button { cursor: pointer; width: 100%; height: 100%; position: relative; }
.sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item .video-bx__item--inner .video-bx__play--btn button .video-bx__play--btn--img { transition: background-color 0.25s; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; background-color: rgba(232, 241, 255, 0.6); width: 80px; height: 80px; border-radius: 30px; backdrop-filter: blur(2px); }
.sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item .video-bx__item--inner .video-bx__play--btn button .video-bx__play--btn--img img { width: 32px; height: 32px; }
.sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item .video-bx__item--inner .video-bx__play--img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.25s; }
.sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__description { padding: 20px 0 0 20px; font-size: 18px; line-height: 25.2px; color: #000000; }
.sds-wrap .inner .ai-bx { position: relative; }
.sds-wrap .inner .ai-bx .ai-control-bx { display: none; }
.sds-wrap .inner .ai-bx .ai-control-bx .common-control { opacity: 0; }
.sds-wrap .inner .ai-bx .ai-bx-inner { overflow: hidden; background-color: #F0F2F7; padding: 150px 170px; box-sizing: border-box; max-width: 1920px; width: 100%; margin: 0 auto; position: relative; }
.sds-wrap .inner .ai-bx .ai-bx-inner .common-btn--bx { opacity: 0; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .swiper { overflow: initial; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 21px; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item { position: relative; width: 100%; height: 100%; opacity: 0; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item:hover a .ai-list__info dl dd.description, .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item:focus-within a .ai-list__info dl dd.description { opacity: 1; transform: translateY(0px); }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item:hover a .ai-list__info .ai-list__arrow, .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item:focus-within a .ai-list__info .ai-list__arrow { opacity: 1; transform: translateX(0px); }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item:hover a .ai-list__img .ai-list__img--bx, .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item:focus-within a .ai-list__img .ai-list__img--bx { overflow: hidden; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item:hover a .ai-list__img .ai-list__img--bx img, .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item:focus-within a .ai-list__img .ai-list__img--bx img { transform: scale(1.1); filter: blur(15px); object-fit: cover; object-position: center; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item:nth-child(7) { display: none; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item:nth-child(8) { display: none; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item.ai-list__item--row { display: inline-block; grid-column: 3/5; width: 100%; height: 379px; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item.ai-list__item--row a .ai-list__info dl dd.description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 75px; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item.ai-list__item--row a .ai-list__img { width: 100%; height: 100%; align-items: flex-end; position: relative; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item.ai-list__item--row a .ai-list__img .dimmed { width: 100%; height: 50%; top: initial; bottom: 0; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item.ai-list__item--row a .ai-list__img .ai-list__img--bx { width: 100%; height: 50%; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item.ai-list__item--column { grid-row: 1/3; display: inline-block; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a { display: block; border-radius: 20px; overflow: hidden; background-color: #ffffff; width: 100%; height: 100%; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__info { position: absolute; padding: 30px; box-sizing: border-box; z-index: 10; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__info dl { display: flex; flex-direction: column; gap: 19px; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__info dl dt { display: inline-flex; gap: 10px; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__info dl dd { font-weight: 700; font-size: 24px; line-height: 31.2px; color: #ffffff; word-break: keep-all; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__info dl dd.color-black { color: #000000; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__info dl dd.description { transition: opacity 0.25s, transform 0.25s; opacity: 0; transform: translateY(20px); font-weight: 400; font-size: 16px; line-height: 22.4px; color: #ffffff; margin-top: 20px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__info .ai-list__arrow { transition: opacity 0.25s, transform 0.25s; margin-top: 23px; opacity: 0; transform: translateX(-10px); }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__img { height: 100%; display: flex; justify-content: center; align-items: center; position: relative; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__img .dimmed { transition: backdrop-filter 0.25s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.3); }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__img .ai-list__img--bx { height: 100%; position: relative; overflow: hidden; }
.sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__img .ai-list__img--bx img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: filter 0.25s, transform 0.25s; }
.sds-wrap .inner .post-bx { position: relative; }
.sds-wrap .inner .post-bx .post-bx-inner { background-color: #FFFFFF; padding: 150px 170px 347px; box-sizing: border-box; max-width: 1920px; width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.sds-wrap .inner .post-bx .post-bx-inner .post-control { position: absolute; left: 170px; bottom: 150px; }
.sds-wrap .inner .post-bx .post-bx-inner .post-control .common-control { opacity: 0; }
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item { width: 800px; opacity: 0; }
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item:not(.nolink):hover a dl dd,
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item:not(.nolink):focus-within a dl dd { color: #0069FF; }

.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item article a.btn_m { position: absolute; bottom: 20px; right: 0; font-size: 14px; font-weight: normal; min-width: auto; padding: 0 20px; cursor: pointer; }
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item article a.btn_m::after { border: 1px solid #ddd; }
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item article a.btn_m span { display: flex; align-items: center; justify-content: center; }
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item article a.btn_m span i { display: block; background-image: url('https://image.samsungsds.com/kr/ethics_compliance/ic_download_50.png?queryString=20241210125943'); background-repeat: no-repeat; background-size: 18px; background-position: right center; width: 18px; height: 18px; margin-left: 6px; transition: all 0.4s; }
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item article a.btn_m:hover::after { border-color: #2189ff; }
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item article a.btn_m:hover span i { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item.nolink a {cursor:unset;}
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item a { position: relative; }
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item a dl { transition: transform 0.25s; margin-bottom: 30px; }
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item a dl dt { transition: color 0.25s; font-weight: 500; font-size: 24px; line-height: 33px; color: #000000; margin-bottom: 30px; }
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item a dl dd { font-weight: 700; font-size: 30px; line-height: 45px; color: #000000; transition: color 0.25s; }
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item a dl dd .s_txt { display: block; font-weight: normal; margin-top: 10px; font-size: 14px; line-height: 22px; }
.sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item a dl dd.post-list__date { margin-top: 30px; font-weight: 400; font-size: 20px; line-height: 30px; color: #666666; }
.sds-wrap .inner .post-bx .post-bx-inner .post-title-bx .common-btn--bx { opacity: 0; }
.sds-wrap .inner .case-bx { position: relative; }
.sds-wrap .inner .case-bx .case-bx-inner { background-color: #F0F2F7; padding: 150px 170px 347px; box-sizing: border-box; max-width: 1920px; width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.sds-wrap .inner .case-bx .case-bx-inner .common-btn--bx { opacity: 0; }
.sds-wrap .inner .case-bx .case-bx-inner .case-control { position: absolute; left: 170px; bottom: 150px; }
.sds-wrap .inner .case-bx .case-bx-inner .case-control .common-control { opacity: 0; }
.sds-wrap .inner .case-bx .case-bx-inner .case-content .case-list .case-list__item { opacity: 0; width: 580px; height: 240px; }
.sds-wrap .inner .case-bx .case-bx-inner .case-content .case-list .case-list__item a { box-sizing: border-box; width: 100%; height: 100%; display: inline-block; padding: 40px 30px; background-color: #ffffff; border-radius: 20px; overflow: hidden; border: 2px solid #FFFFFF; transition: border 0.25s; }
.sds-wrap .inner .case-bx .case-bx-inner .case-content .case-list .case-list__item a:hover, .sds-wrap .inner .case-bx .case-bx-inner .case-content .case-list .case-list__item a:focus-within { border: 2px solid #0069FF; }
.sds-wrap .inner .case-bx .case-bx-inner .case-content .case-list .case-list__item a dl dt { margin-bottom: 30px; }
.sds-wrap .inner .case-bx .case-bx-inner .case-content .case-list .case-list__item a dl dt img { width: auto; height: 70px; }
.sds-wrap .inner .case-bx .case-bx-inner .case-content .case-list .case-list__item a dl dd { font-weight: 500; font-size: 20px; line-height: 30px; color: #000000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }




/* 2024 floating banner */
.small-nav { position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%; height: 0; }
.small-nav .small-nav-inner { 
    width: 100%; 
    max-width: 1920px;
    height: 0; margin: 0 auto; display: flex; justify-content: flex-end; align-items: flex-end; 
}
.small-nav .small-nav-inner .samll-nav-bx { border-radius: 100px; padding: 20px 10px 10px; background-color: rgba(64, 65, 75, 0.6); box-sizing: border-box; position: relative; top: -30px; right: 20px; }
.small-nav .small-nav-inner .samll-nav-bx ul { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; }
.small-nav .small-nav-inner .samll-nav-bx ul:hover li:hover .nav-name, .small-nav .small-nav-inner .samll-nav-bx ul:hover li:focus-within .nav-name, .small-nav .small-nav-inner .samll-nav-bx ul:focus-within li:hover .nav-name, .small-nav .small-nav-inner .samll-nav-bx ul:focus-within li:focus-within .nav-name { opacity: 1; transform: translateX(-100%); }
.small-nav .small-nav-inner .samll-nav-bx ul:hover li:hover a, .small-nav .small-nav-inner .samll-nav-bx ul:hover li:hover button, .small-nav .small-nav-inner .samll-nav-bx ul:hover li:focus-within a, .small-nav .small-nav-inner .samll-nav-bx ul:hover li:focus-within button, .small-nav .small-nav-inner .samll-nav-bx ul:focus-within li:hover a, .small-nav .small-nav-inner .samll-nav-bx ul:focus-within li:hover button, .small-nav .small-nav-inner .samll-nav-bx ul:focus-within li:focus-within a, .small-nav .small-nav-inner .samll-nav-bx ul:focus-within li:focus-within button { opacity: 1; }
.small-nav .small-nav-inner .samll-nav-bx ul:hover li a, .small-nav .small-nav-inner .samll-nav-bx ul:hover li button, .small-nav .small-nav-inner .samll-nav-bx ul:focus-within li a, .small-nav .small-nav-inner .samll-nav-bx ul:focus-within li button { opacity: 0.6; }
.small-nav .small-nav-inner .samll-nav-bx ul li { position: relative; }
.small-nav .small-nav-inner .samll-nav-bx ul li:nth-child(1) .nav-name { top: -6px; left: -19px; }
.small-nav .small-nav-inner .samll-nav-bx ul li:nth-child(2) .nav-name { top: -4px; left: -20px; }
.small-nav .small-nav-inner .samll-nav-bx ul li:nth-child(3) .nav-name { top: 4px; left: -14px; }
.small-nav .small-nav-inner .samll-nav-bx ul li:nth-child(4) .nav-name { top: 22px; left: -14px; }
.small-nav .small-nav-inner .samll-nav-bx ul li .nav-name { pointer-events: none; position: absolute; left: 0px; top: 0px; transform: translateX(calc(-100% - 20px)); font-weight: 500; font-size: 14px; line-height: 19.6px; color: #ffffff; padding: 4px 10px; border-radius: 100px; background-color: rgba(64, 65, 75, 0.6); opacity: 0; transition: opacity 0.25s, transform 0.25s; }
.small-nav .small-nav-inner .samll-nav-bx ul li:last-child { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.small-nav .small-nav-inner .samll-nav-bx ul li:last-child:before { content: ""; width: 4px; height: 4px; border-radius: 100%; overflow: hidden; background-color: rgba(102, 102, 102, 0.5); margin-bottom: 14px; }
.small-nav .small-nav-inner .samll-nav-bx ul li a, .small-nav .small-nav-inner .samll-nav-bx ul li button { display: inline-block; }
.small-nav .small-nav-inner .samll-nav-bx ul li a:hover img, .small-nav .small-nav-inner .samll-nav-bx ul li a:focus img, .small-nav .small-nav-inner .samll-nav-bx ul li button:hover img, .small-nav .small-nav-inner .samll-nav-bx ul li button:focus img { opacity: 1; }
.small-nav .small-nav-inner .samll-nav-bx ul li a img, .small-nav .small-nav-inner .samll-nav-bx ul li button img { transition: opacity 0.25s; }






.sds-wrap .popup { position: fixed; width: 100%; height: 100%; z-index: 200; left: 0; top: 0; justify-content: center; align-items: center; display: none; overflow-y: auto; overscroll-behavior: contain; -ms-overflow-style: none; scrollbar-width: none; }
.sds-wrap .popup.on { display: flex; }
.sds-wrap .popup .popup-inner { position: relative; z-index: 10; width: 1350px; max-height: 680px; text-align: right; aspect-ratio: 16/9; }
.sds-wrap .popup .popup-inner .popup-close { line-height: 0; font-size: 0; display: inline-block; margin-bottom: 10px; position: relative; }
.sds-wrap .popup .popup-inner .popup-content { width: 100%; height: 100%;}
.sds-wrap .popup .popup-inner .popup-content iframe { width: 100%; height: 100%; object-fit: cover; object-position: center; background-color: #000000; }
.sds-wrap .popup .popup-inner .popup-content .popup-video__name { text-align: center; margin-top: 20px; font-weight: 700; font-size: 20px; line-height: 24px; color: #ffffff; }
.sds-wrap .popup .popup-dimmed { position: absolute; width: 100%; height: calc(100% + 1px); background-color: rgba(0, 0, 0, 0.9); }
.swiper-notification { display: none !important; }
@media screen and (max-width:1900px) {
    .sds-wrap .inner .visual-bx .visual-inner .visual-control-bx { left: 80px; bottom: 50px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn.visual-swiper-control__left a { transform: translateX(-60px); }
    .sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control .visual-swiper-control__btn.visual-swiper-control__right a { transform: translateX(60px); }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item__real-summit { left: 80px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info { left: 80px; bottom: 170px; gap: 20px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dt { font-size: 34px; line-height: 40px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(1) { top: 91px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(2) { top: 71px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(3) { top: 50px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(4) { top: 71px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(5) { top: 112px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(6) { top: 155px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(7) { top: 20px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(8) { top: -22px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(9) { top: 82px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx .img-dot:nth-child(10) { top: 123px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item { padding-top: 60px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__info { padding: 0 80px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__info dl dt { font-size: 34px; line-height: 40px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__img img { min-width: 683px; }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info { padding-left: 80px; }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info h2 { margin-bottom: 40px; }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info h2 span { font-size: 34px; line-height: 40.8px; }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info dl dt span { font-size: 22px; line-height: 30.8px; }
    .sds-wrap .inner .video-bx .video-bx-inner { padding: 100px 0 188px 80px; }
    .sds-wrap .inner .video-bx .video-bx-inner .video-control-bx { left: 80px; bottom: 99px; }
    .sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item { width: 422px; }
    .sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item .video-bx__item--inner { width: 422px; height: 236px; }
    .sds-wrap .inner .ai-bx .ai-bx-inner { padding: 100px 80px; }
    .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul { grid-template-columns: 1fr 1fr 1fr; }
    .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item:nth-child(7) { display: block; }
    .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item:nth-child(8) { display: block; }
    .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item.ai-list__item--m--hide { display: none; }
    .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__info { padding: 25px; }
    .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__info dl dd { line-height: 36px; }
    .sds-wrap .inner .post-bx .post-bx-inner { padding: 100px 80px 199px; flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; }
    .sds-wrap .inner .post-bx .post-bx-inner .post-control { left: 80px; bottom: 100px; }
    .sds-wrap .inner .post-bx .post-bx-inner .post-content { width: 100%; }
    .sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item a dl dt { font-size: 18px; line-height: 25.2px; margin-bottom: 20px; }
    .sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item a dl dd { font-size: 24px; line-height: 36px; }
    .sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item a dl dd.post-list__date { font-size: 16px; line-height: 22.4px; }
    .sds-wrap .inner .post-bx .post-bx-inner .post-title-bx { width: 100%; justify-content: flex-start; }
    .sds-wrap .inner .case-bx .case-bx-inner { padding: 100px 80px 199px; flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; }
    .sds-wrap .inner .case-bx .case-bx-inner .case-control { left: 80px; bottom: 100px; }
    .sds-wrap .inner .case-bx .case-bx-inner .case-content .case-list .case-list__item { width: 422px; }
}
@media screen and (max-width:1023px) {
    /* section1 메인 kv슬라이드 */
    .sds-wrap .inner .visual-bx { position: relative; }
    .sds-wrap .inner .visual-bx .visual-inner .ic-scroll { display: none; transform: translateX(-50%); color: #000000; bottom: 23px; }
    .sds-wrap .inner .visual-bx .visual-inner .ic-scroll img.ic-scroll--white { display: none; }
    .sds-wrap .inner .visual-bx .visual-inner .ic-scroll img.ic-scroll--black { display: inline-block; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-control-bx { left: 20px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-control-bx .common-control .common-list__control .common-list__control-btn { display: block; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-swiper-control { display: none; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type { overflow: hidden; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item__real-summit { left: 20px; top: 100px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info { width: 100%; left: 0px; top: 400px; bottom: initial; padding: 0 20px; box-sizing: border-box; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl { gap: 20px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dt { width: 100%; height: auto; font-size: 26px; line-height: 39px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dd { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dd.visual-btn--bx--m-row { flex-direction: row; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dd.visual-item__date { flex-direction: row; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dd.visual-item--type-00--description { display: none; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info dl dd.visual-item--type-01--description { display: none; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx { width: 1170px; position: relative; left: 50%; transform: translateX(-50%); top: -30px; }
    /* //section1 메인 kv슬라이드 */

    /* 2024 floating banner */
    .small-nav { display: none; }
}
@media screen and (max-width:1023px) and (max-width:500px) {
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type.visual-item--type-01 .visual-images--dot-bx { left: -440px; transform: translateX(0); }
}
@media screen and (max-width:1023px) {
    .sds-wrap .inner .visual-bx .visual-inner .visual-list { align-items: flex-start; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-list>li { min-height: auto; height: 800px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item { flex-direction: column-reverse; justify-content: flex-end; align-items: flex-start; padding-top: 60px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__info { padding: 20px 20px 0px; width: 100%; height: 50%; justify-content: flex-start; align-items: flex-start; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__info dl dt { width: 100%; height: auto; display: -webkit-box; font-size: 26px; line-height: 39px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__info dl dd { display: none; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__info dl dd.visual-item__btn-bx { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__img { width: 100%; max-height: 320px; border-radius: 0px 0px 40px 0px; }
    .sds-wrap .inner .visual-bx .visual-inner .visual-list li.visual-item .visual-item__img img { min-width: auto; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
}
@media screen and (max-width:1023px) {
    .sds-wrap .inner .sections .section-inner .side-nav ul { justify-content: flex-end; padding-right: 20px; padding-bottom: 40px; gap: 16px; }
    .sds-wrap .inner .sections .section-inner .side-nav ul li button .side-nav__text { display: none; }
    .sds-wrap .inner .sections .section-inner .section-item { height: auto; position: relative; }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content { height: 800px; }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item--scroll-bx { height: 800px; }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info { padding: 0 20px; }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info h2 { font-size: 34px; line-height: 51px; transform: translateY(0); }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info dl { transform: translateY(0); }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info dl dt { font-size: 22px; line-height: 33px; }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info dl dd { font-size: 18px; line-height: 25px; }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item__info dl dd.seciton-item-btn--bx { flex-direction: column; }

    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item--sheet .section-item--sheet--bx { width: 100%; height: 800px; }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item--sheet .section-item--sheet--bx canvas { display: none; }
    .sds-wrap .inner .sections .section-inner .section-item .section-item--content .section-item--sheet .section-item--sheet--bx video { display: block; }
}
@media screen and (max-width:1023px) {
    .sds-wrap .inner .video-bx .video-bx-inner { padding: 100px 0px 189px 0px; }
    .sds-wrap .inner .video-bx .video-bx-inner .video-control-bx { left: 20px; bottom: 100px; }
    .sds-wrap .inner .video-bx .video-bx-inner .video-bx__list { box-sizing: border-box; }
    .sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item { width: 88.8888888889%; box-sizing: border-box; }
    .sds-wrap .inner .video-bx .video-bx-inner .video-bx__list .video-bx__item .video-bx__item--inner { width: 100%; height: auto; }
}
@media screen and (max-width:1023px) {
    .sds-wrap .inner .ai-bx .ai-bx-inner { padding: 100px 0px 189px 0px; }
    .sds-wrap .inner .ai-bx .ai-bx-inner .ai-control-bx { display: block; position: absolute; left: 20px; bottom: 100px; }
    .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul { gap: 0px; grid-template-columns: none; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box; }
    .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item { width: 88.8888888889%; box-sizing: border-box; }
    .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__info dl dd.description { display: none; }
    .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__info .ai-list__arrow { display: none; }
    .sds-wrap .inner .ai-bx .ai-bx-inner .ai-list .ai-list-inner ul .ai-list__item a .ai-list__img .ai-list__img--bx { width: 100%; height: 100%; }
}
@media screen and (max-width:1023px) {
    .sds-wrap .inner .post-bx .post-bx-inner { padding: 100px 0 189px 0px; }
    .sds-wrap .inner .post-bx .post-bx-inner .post-control { left: 20px; bottom: 100px; }
    .sds-wrap .inner .post-bx .post-bx-inner .post-content { box-sizing: border-box; padding-left: 20px; }
    .sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item { width: 100%; }
    .sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item a dl { width: 100%; padding-right: 23px; box-sizing: border-box; margin-bottom: 20px; }
    .sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item a dl dd.post-list__date { font-weight: 500; margin-top: 20px; }

    .sds-wrap .inner .post-bx .post-bx-inner .post-content .post-list .post-list__item article a.btn_m { right: 20px; bottom: 8px; }
}
@media screen and (max-width:1023px) {
    .sds-wrap .inner .case-bx .case-bx-inner { padding: 100px 0 189px 0px; }
    .sds-wrap .inner .case-bx .case-bx-inner .case-control { left: 20px; bottom: 100px; }
    .sds-wrap .inner .case-bx .case-bx-inner .case-content .case-list .case-list__item { width: 88.8888888889%; }
}
@media screen and (max-width:1023px) {
    .sds-wrap .inner .popup .popup-inner { max-height: initial; height: auto; }
    .sds-wrap .inner .popup .popup-inner .popup-close { left: -20px; }
}

@media screen and (max-width:600px) {
    .sds-wrap .inner .visual-bx .visual-inner .visual-item--type .visual-item--type__info.visual-item--type-00__info { top: 350px;}
}

/* 서브페이지 */
.sub-wrap { 
    background-color: #dedede; 
    /*padding-top: 75px; */
}
.sub-wrap .sub-inner .visual-bx { position: relative; max-width: 1920px; width: 100%; box-sizing: border-box; margin: 0 auto; overflow: hidden; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit { width: 1920px; height: 885px; position: relative; left: 50%; transform: translateX(-50%); background-color: #030F41; }
@keyframes dot-loop {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images--bx { display: flex; justify-content: flex-start; align-items: flex-start; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images { display: flex; justify-content: flex-start; align-items: flex-start; gap: 8px; animation-name: dot-loop; animation-timing-function: linear; animation-duration: 250s; animation-direction: initial; animation-iteration-count: infinite; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; gap: 8px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li { opacity: 0; position: relative; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li img { width: 100%; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(1) { width: 81px; top: 75px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(2) { width: 81px; top: 166px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(3) { width: 81px; top: 203px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(4) { width: 254px; top: 137px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(5) { width: 81px; top: 203px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(6) { width: 79px; top: 216px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(7) { width: 79px; top: 169px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(8) { width: 79px; top: 140px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(9) { width: 333px; top: 51px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(10) { width: 79px; top: 169px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(11) { width: 79px; top: 216px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(12) { width: 83px; top: 112px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(13) { width: 172px; top: 142px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(14) { width: 83px; top: 204px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(15) { width: 260px; top: 50px; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info { position: absolute; top: 378px; z-index: 20; left: 50%; transform: translateX(-50%); mix-blend-mode: difference; }
.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info h2 { font-family: 'NotoSansCJKkr' !important; white-space: nowrap; letter-spacing: -4px; font-weight: 250; font-size: 200px; line-height: 290px; color: #ffffff; }

html[lang="en"] .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info h2 { letter-spacing: -3px; }

.sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info-description { width: 469px; position: absolute; top: 698px; left: 50%; transform: translateX(-50%); text-align: center; font-size: 18px; line-height: 25.2px; color: #ffffff; }
.sub-wrap .sub-inner .visual-bx .ic-scroll { position: absolute; left: 50%; bottom: 56px; transform: translateX(-50%); font-weight: 700; font-size: 16px; line-height: 22.4px; color: #ffffff; display: inline-flex; justify-content: center; align-items: center; gap: 4px; }
.sub-wrap .sub-inner .visual-bx .ic-scroll.ic-scroll--black { color: #000000; }
.sub-wrap .sub-inner .info-text-bx { margin: 0 auto; background-color: #030F41; max-width: 1920px; width: 100%; }
.sub-wrap .sub-inner .info-text-bx .info-text--inner { padding: 150px 262px 150px; }
.sub-wrap .sub-inner .info-text-bx .info-text--inner ul { display: flex; flex-direction: column; gap: 150px; }
.sub-wrap .sub-inner .info-text-bx .info-text--inner ul li span { position: relative; font-weight: 700; font-size: 40px; line-height: 60px; color: #FFFFFF; }
.sub-wrap .sub-inner .info-text-bx .info-text--inner ul li span.blue { color: #00AAFF; }
.sub-wrap .sub-inner .sections { max-width: 1920px; width: 100%; margin: 0 auto; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner { background-color: #030F41; position: relative; }



.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav { 
    position: absolute; z-index: 100; left: 130px; top: 120px; height: 100%; transition: transform 0.2s; 
}
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav.off { top: 0; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul { position: sticky; height: 100dvh; left: 0; top: 150px; display: flex; flex-direction: column; gap: 20px; }



.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li:hover button { opacity: 1; font-weight: 700; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li.on button { opacity: 1; border-bottom: 3px solid #0069FF; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li.on button .side-nav--text { font-weight: 700; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li button { transition: opacity 0.2s, font-weight 0.2s, border 0.2s; cursor: pointer; opacity: 0.6; position: relative; overflow: hidden; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li button .side-nav--text { position: relative; z-index: 10; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li button .side-nav--text span { gap: 10px; font-weight: 500; font-size: 16px; line-height: 22.4px; color: #D1D5DF; }


.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li button .side-nav--over-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1428A0; opacity: 0; transform: translateX(-100%); transition: transform 0.2s; }


.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li button img { display: none; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx { max-width: 1000px; width: 100%; box-sizing: border-box; margin: 0 auto; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item { padding: 150px 0; position: relative; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item:nth-child(1) .section-item--info-bx .section-item--content .section-item--content--img img { width: 1000px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item:nth-child(2) .section-item--info-bx .section-item--content .section-item--content--img img { width: 756px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item:nth-child(3) .section-item--info-bx .section-item--content .section-item--content--img img { width: 681px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item:nth-child(4) .section-item--info-bx .section-item--content .section-item--content--img img { width: 616px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx dl { text-align: center; margin-bottom: 40px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx dl dt { margin-bottom: 50px; overflow: hidden; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx dl dt h2 { font-weight: 700; font-size: 60px; line-height: 90px; color: #ffffff; display: inline-block; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx dl dd { overflow: hidden; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx dl dd span { font-weight: 700; font-size: 30px; line-height: 45px; color: #ffffff; display: inline-block; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .seciton-item--btn-bx { display: flex; justify-content: center; align-items: center; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content { margin-top: 100px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img { text-align: center; position: relative; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot { position: absolute; width: 100%; height: 100%; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg { position: absolute; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg circle { opacity: 0; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-1 { top: 61px; left: 133px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-2 { top: 194px; left: 650px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-3 { top: 228px; left: 134px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-4 { top: 228px; left: 650px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-5 { top: 264px; left: 133px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-6 { top: 194px; left: 650px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-7 { top: 136px; left: 185px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-8 { top: 135px; left: 393px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-9 { top: 135px; left: 510px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-10 { top: 136px; left: 510px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-11 { top: 313px; left: 167px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-12 { top: 313px; left: 498px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-13 { top: 244px; left: 250px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-14 { top: 244px; left: 414px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-15 { top: 241px; left: 578px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-16 { top: 6px; left: 444px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-17 { top: 44px; left: 327px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot svg.dot-18 { top: 83px; left: 252px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img img { width: 100%; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img img.section-item--img-pc { display: inline-block; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img img.section-item--img-m { display: none; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content > ul { display: flex; justify-content: center; align-items: stretch; margin-top: 100px; gap: 20px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content > ul li { width: 320px; background-color: #001954; border-radius: 20px; overflow: hidden; padding: 30px 20px; box-sizing: border-box; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content > ul li .section-item--content--icon { text-align: center; margin-bottom: 10px; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content > ul li .section-item--content--text { text-align: center; font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; }
.sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content > ul li .section-item--content--text span { color: #00AAFF; display: block; }
@media screen and (max-width:1900px) {
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info { top: 342px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info h2 { font-size: 152px; line-height: 216px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info-description { top: 588px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav { left: 50px; }
}
@media screen and (max-width:1440px) {
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit { width: 1478px; height: 690px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(1) { width: 31px; top: 48px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(2) { width: 61px; top: 116px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(3) { width: 61px; top: 144px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(4) { width: 191px; top: 94px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(5) { width: 61px; top: 144px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(6) { width: 61px; top: 154px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(7) { width: 60px; top: 119px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(8) { width: 60px; top: 96px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(9) { width: 251px; top: 30px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(10) { width: 60px; top: 119px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(11) { width: 60px; top: 154px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(12) { width: 62px; top: 75px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(13) { width: 129px; top: 98px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(14) { width: 62px; top: 145px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__images ul li:nth-child(15) { width: 174px; top: 28px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info { top: 300px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info h2 { font-size: 105px; line-height: 155px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info-description { top: 485px; }
    .sub-wrap .sub-inner .info-text-bx .info-text--inner { padding: 90px 120px 150px; }
    .sub-wrap .sub-inner .info-text-bx .info-text--inner ul li span { font-size: 30px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner { position: relative; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav { position: sticky; 
        top: 61px;
        height: 82px; transition: top 0.2s; z-index: 100; background-color: #030F41; 
    }
    .sc_down .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav {
        top: 0;
    }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul { position: absolute; left: 50%; transform: translateX(-50%); top: 20px; flex-direction: row; height: auto; gap: 10px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li.on button { border: 1px solid #1428A0; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li.on button .side-nav--text { color: #ffffff; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li.on button .side-nav--over-bg { transform: translateX(0%); }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li button { border-radius: 100px; padding: 10px 16px; border: 1px solid #D1D5DF; opacity: 1; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li button .side-nav--text { white-space: nowrap; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li button .side-nav--over-bg { opacity: 1; border-radius: 100px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul li button img { display: inline-block; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx { padding: 0; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item { padding: 30px 0px 100px; }
}
@media screen and (max-width:1024px) {
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info { top: 300px; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info h2 { display: inline-block; width: 318px; font-size: 60px; line-height: 72px; white-space: normal; text-align: left; }
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info-description { width: 280px; }
    .sub-wrap .sub-inner .visual-bx .ic-scroll { display: none; }
    .sub-wrap .sub-inner .info-text-bx .info-text--inner { padding: 100px 20px; }
    .sub-wrap .sub-inner .info-text-bx .info-text--inner ul { gap: 80px; }
    .sub-wrap .sub-inner .info-text-bx .info-text--inner ul li span { font-size: 24px; line-height: 36px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav { overflow-x: auto; text-align: center; top: 112px;}
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .side-nav ul { display: inline-flex; position: relative; left: 0; transform: translateX(0); padding-left: 20px; padding-right: 20px;}
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item { position: relative; padding: 40px 20px 100px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item:nth-child(1) .section-item--info-bx .section-item--content .section-item--content--img img { width: 260px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item:nth-child(2) .section-item--info-bx .section-item--content .section-item--content--img img { width: 260px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item:nth-child(3) .section-item--info-bx .section-item--content .section-item--content--img img { width: 260px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item:nth-child(4) .section-item--info-bx .section-item--content .section-item--content--img img { width: 144px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx dl { margin-bottom: 30px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx dl dt { margin-bottom: 30px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx dl dt h2 { font-size: 34px; line-height: 51px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx dl dd span { font-size: 18px; line-height: 25px; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img .section-item--content--img--dot { display: none; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img img.section-item--img-pc { display: none; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content .section-item--content--img img.section-item--img-m { display: inline-block; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content ul { flex-direction: column; align-items: center; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content ul li { padding: 20px 0; max-width: 500px; width: 100%; }
    .sub-wrap .sub-inner .sections .section-inner .section-item-bx__inner .section-item-bx .section-item .section-item--info-bx .section-item--content ul li .section-item--content--text { font-size: 20px; line-height: 28px; }
}

@media screen and (max-width:450px) {
    .sub-wrap .sub-inner .visual-bx .visual-simply-fit .visual-simply-fit__info h2 { font-size: 50px; line-height: 66px; }
}