@charset "utf-8";

/* GmarketSans */
@font-face {
    font-family:'GmarketSansLight';
    src:url('../fonts/GmarketSansLight.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansMedium';
    src:url('../fonts/GmarketSansMedium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansBold';
    src: url('../fonts/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 삭제된 테스트용 LIST 파일에 작성된 css frontend/src/modules/list/components/InsertLayer.vue,UpdateLayer.vue,,ListMain.vue*/
.layerPopup { background-color: rgba(0, 0, 0, 0.7); top: 0; right: 0; bottom: 0; left: 0; position: fixed; overflow: auto; margin: 0; z-index: 999; }
.layerPopup__dialog { border: 1px solid #000000; background-color: white; position: fixed; z-index: 9999; margin: 0; width: 500px; height: 500px; top: 50%; left: 50%; margin-left: -250px; margin-top: -250px; }
.layerPopup__header { height: 40px; font-size: 28px; font-weight: bold; line-height: 28px; padding: 16px 16px 0 25px; background-color: grey; color: white; position: relative;  }
.layerPopup__header .btnClose { position: absolute; right: 15px;  }
.layerPopup__body { padding: 25px; overflow-y: auto; padding: 0px; margin: 20px;  }
.layerPopup__body table { border: 1px solid black; border-collapse: collapse; width: 100%;  }
.layerPopup__body th, .layerPopup td { border: 1px solid black;  }
.layerPopup__body input[type=text] { width: 80%; border: 3px solid #555; margin: 3px;  }
.layerPopup__footer { padding: 0px; margin: 20px; text-align: center;  }
/*삭제된 테스트용 LIST 파일에 작성된 css */

.img-responsive {display:block; max-width:100%; height:auto}
.show720 {display:none}
.show768 {display:none}
.align-self-center {align-self:center}
.flex-wrap-wrap {flex-wrap:wrap}
.umInputStyle {border:1px solid #D8DBDE; border-radius:4px; color:#191919; padding:0 20px; width:100%; height:70px; line-height:70px; box-sizing:border-box; font-size:18px; font-weight:400; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.umInputStyle.readonly {border-color:#D8DBDE; background:#F6F8FA}
.umInputStyle::placeholder {color:#6F767C; font-size:18px; font-weight:300}
.umInputStyle:focus-visible {border-color:#6F767C}
#fileName:focus-visible {border-color:#D8DBDE}
.umInputStyle:autofill, .umInputStyle:autofill:hover, .umInputStyle:autofill:focus, .umInputStyle:autofill:active {-webkit-box-shadow: 0 0 0px 1000px #F6F8FA inset; transition: background-color 5000s ease-in-out 0s}
.umSearchInput {border:1px solid #D8DBDE; border-radius:4px; color:#191919; padding:0 20px; width:100%; height:70px; line-height:70px; box-sizing:border-box; font-size:18px; font-weight:400; -webkit-appearance:none; -moz-appearance:none; appearance:none; text-align:left; background:url('../images/umSearchInputIcon.svg') center left 20px #F6F8FA no-repeat; padding-left:70px; outline:none}
.umSearchInput::placeholder {color:#6F767C; font-size:18px; font-weight:300}
.umRadioStyle {display:inline-flex !important; align-items:center; justify-content:center; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; border-radius:100% !important; height:30px !important; width:30px; background:#fff; border:1px solid #D8DBDE; color:#fff; cursor:pointer; display:inline-block; outline:none; position:relative; z-index:90}
.umRadioStyle:checked {border:1px solid #0C184D}
.umRadioStyle:checked:before {content:''; width:18px; height:18px; background:#0C184D; border-radius:100%}
.umRadioStyle:focus {padding:0 !important; margin:0 !important; background:none !important}
.umRadioStyle + label {padding:0 !important; margin:0 !important; background:none !important; font-size:18px !important; font-weight:400 !important; color:#575B60; margin-left:8px !important; margin-right:30px !important}
.umRadioStyle + label.mr0 {margin-right:0px !important}
.umRadioStyle:checked + label {color:#191919}
.umCheckStyle {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.umCheckStyle + label {display:inline-flex; align-items:center; position:relative; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:16px; font-weight:400; color:#6F767C}
.umCheckStyle + label:before {flex-shrink:0; content:''; width:30px; height:30px; text-align:center; background:#fff; border:1px solid #D8DBDE; border-radius:4px; margin-right:8px}
.umCheckStyle:checked + label:before {border-color:#0C184D; background:url('../images/umCheck.svg') center center #0C184D no-repeat}
.umCheckStyle:checked + label {color:#191919}
.umTextarea {border:1px solid #D8DBDE; border-radius:4px; color:#191919; padding:20px; width:100%; box-sizing:border-box; font-size:18px; font-weight:400; width:100%; height:100%; resize:none}
.umTextarea::placeholder {color:#6F767C; font-size:18px; font-weight:300}
.umTextarea:focus-visible {outline:none; border-color:#6F767C}
.umSearchInputWrap {display:flex; border:none; border-radius:4px; color:#191919; background:#F6F8FA; padding:0 1.25vw; width:100%; max-width:20.4167vw; box-sizing:border-box; font-size:0.9375vw; font-weight:400}
.umSearchInputWrap button {border:none; background:none; padding:0}
.umSearchInputWrap button:focus-visible, .umSearchInputWrap button:focus {outline:none}
.umSearchInputWrap button:hover {filter:brightness(0)}
.umSearchInputWrap .umInputStyle {border:none; background:none; padding:0 0 0 16px}
.umSearchInputWrap .umInputStyle::placeholder {font-size:18px}

.pb200 {padding-bottom:200px}
.minWidth80 {min-width:80px}
.width370 {width:370px}
.height200 {height:200px}
/* .modal-backdrop {z-index:999991}
.umModalStyle {z-index:9999999; padding:0 20px}
.umModalStyle .modal-dialog {height:100vh; display:flex; align-items:center; justify-content:center; margin:0 auto} */
.modal {z-index:999999}
.ui-datepicker {z-index: 1000000 !important;}
.umModalStyle .modal-body {padding:0}
.umModalTop {padding:40px 20px; text-align:center; position:relative}
.umModalTop p {font-size:20px; font-weight:400; line-height:160%; color:#575B60}
.umModalBottom {display:flex; align-items:center; justify-content:center; height:72px; border-top:1px solid #D8DBDE}
.umModalBottom a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:20px; font-weight:500; color:#3F65F1}
.umModalBottom a.umModalCancel {color:#575B60}
.umModalBottom a:nth-child(2) {border-left:1px solid #D8DBDE}

.umCommonModalTop {padding:20px 20px 0 20px; position:relative}
.umCommonModalClose {position:absolute; top:24px; right:20px; width:30px; height:30px; background:url('../images/umCommonModalClose.svg') center center no-repeat}
.umCommonModalBody {padding:30px 20px 30px 20px}

.umCalModalTop {padding:36px}

.umSelectStyleBox {width:100%}
.umSelectStyle {border:1px solid #D8DBDE; background:#fff; border-radius:4px; color:#191919; padding:0; width:100%; height:70px; line-height:70px; box-sizing:border-box; font-size:18px; font-weight:400; position:relative; cursor:pointer}
.umSelectStyle .umSelLabel {display:flex; align-items:center; width:inherit; height:inherit; border:0 none; border-radius:4px; outline:0 none; padding-left:20px; background:transparent; cursor:pointer; color:#6F767C; font-size:18px; font-weight:300; background:url('../images/umSelLabel_arr.svg') center right 20px no-repeat}
.umSelectStyle .umSelLabel.selAct {font-weight:400px; color:#191919}
.umSelectStyle .optionList {position:absolute; top:calc(100% + 8px); left:-1px; width:calc(100% + 2px); background:#fff; color:#fff; list-style-type:none; padding:0; overflow:hidden; max-height:0}
.umSelectStyle .optionList::-webkit-scrollbar {width:6px}
.umSelectStyle .optionList::-webkit-scrollbar-track {background: transparent; }
.umSelectStyle .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.umSelectStyle .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}
.umSelectStyle .optionList .optionItem {display:flex; align-items:center; height:61px; font-size:18px; font-weight:400; color:#575B60; padding:0 20px}
.umSelectStyle .optionList .optionItem:hover {background:#F6F8FA; font-weight:500; color:#191919}
.umSelectStyle.active {z-index:10}
.umSelectStyle.active .umSelLabel {background:url('../images/umSelLabel_active_arr.svg') center right 20px no-repeat; font-weight:400px; color:#191919}
.umSelectStyle.active .optionList {overflow-y:auto; max-height:500px; padding:10px 0; border:1px solid #D8DBDE; border-radius:4px}

.umDotList > li {font-size:14px; font-weight:400; line-height:160%; color:#6F767C; display:flex; margin-bottom:4px}
.umDotList > li:before {content:''; display:inline-flex; flex-shrink:0; width:3px; height:3px; background:#6F767C; border-radius:100%; margin-top:9px; margin-left:8px; margin-right:8px}
.umImList > li {font-size:16px; font-weight:400; line-height:160%; color:#575B60; display:flex; margin-bottom:4px}
.umImList > li:before {content:'*'; margin-top:2px; margin-right:5px}
.umImList2 > li {font-size:16px; font-weight:400; line-height:160%; color:#575B60; display:flex; margin-bottom:4px}
.umImList2 > li:before {content:'*'; margin-top:2px; margin-right:5px; color:#3F65F1}

.postList {background:#F6F8FA; padding:20px 0; max-height:250px; overflow-x:hidden; overflow-y:auto}
.postList > li {padding:0 40px 20px 20px; margin-bottom:20px; border-bottom:1px solid #D8DBDE}
.postList > li:last-child {margin-bottom:0; border-bottom:none}
.postItem {display:flex; align-items:center; margin-bottom:4px}
.postItemBtn1, .postItemBtn2 {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:4px; width:49px; height:26px; font-size:14px; font-weight:500; color:#fff; margin-right:10px}
.postItemBtn1 {background:#0C184D}
.postItemBtn2 {background:#6F767C}
.postItemTxt:hover {text-decoration:underline}

/* 버튼스타일-라운드 */
.btnRound {display:inline-flex; align-items:center; justify-content:center; height:52px; padding:0 20px; box-sizing:border-box; border-radius:60px; font-size:20px; font-weight:600}
.btnRoundSt1 {color:#0C184D !important; border:1px solid #0C184D}
.btnRoundSt1:hover {color:#08123C !important; border:1px solid #08123C}
.btnRoundSt1:active {color:#060C2A !important; border:1px solid #060C2A}
.btnRoundSt1.dimmed {color:#D0D0D0 !important; border:1px solid #D0D0D0; cursor:no-drop}
.btnRoundSt2 {color:#fff !important; background:#0C184D}
.btnRoundSt2:hover {color:#fff !important; background:#08123C}
.btnRoundSt2:active {color:#fff !important; background:#060C2A}
.btnRoundSt2.dimmed {color:#fff !important; background:#D0D0D0; cursor:no-drop}
.btnRoundSt3 {color:#fff !important; background:#3F65F1}
.btnRoundSt3:hover {color:#fff !important; background:#3051C8}
.btnRoundSt3:active {color:#fff !important; background:#1B2F79}
.btnRoundSt3.dimmed {color:#fff !important; background:#D0D0D0; cursor:no-drop}

/* 버튼스타일-박스 */
.btnBox {display:inline-flex; align-items:center; justify-content:center; height:60px; padding:0 24px; box-sizing:border-box; border-radius:4px; font-size:20px; font-weight:500}
.btnBoxPrimary {color:#fff !important; background:#0C184D}
.btnBoxPrimary:hover {color:#fff !important; background:#08123C}
.btnBoxPrimary:active {color:#fff !important; background:#060C2A}
.btnBoxPrimary.dimmed {color:#fff !important; background:#D0D0D0; cursor:no-drop}
.btnBoxSecondary {color:#fff !important; background:#3F65F1}
.btnBoxSecondary:hover {color:#fff !important; background:#3051C8}
.btnBoxSecondary:active {color:#fff !important; background:#1B2F79}
.btnBoxSecondary.dimmed {color:#fff !important; background:#D0D0D0; cursor:no-drop}
.btnBoxOutline {color:#575B60 !important; background:#fff; border:1px solid #D8DBDE}
.btnBoxOutline:hover {color:#575B60 !important; background:#F2F2F2}
.btnBoxOutline:active {color:#575B60 !important; background:#E6E6E6}
.btnBoxOutline.dimmed {color:#fff !important; background:#D8DBDE; cursor:no-drop}
.btnBoxDisable {color:#575B60 !important; background:#D0D0D0}

/* 유저메인 헤더 */
.umHeader {display:flex; align-items:center; justify-content:space-between; position:fixed; top:0; background:none; width:100%; /*height:100px;*/ padding:0 36px; box-sizing:border-box; z-index:9999; border-bottom:1px solid rgba(0,0,0,0)}
.umHeader.fixed {border-bottom:1px solid #D8DBDE; background:#fff; z-index:99999}
.umHeader.active {border-bottom:1px solid #D8DBDE; background:#fff; z-index:99999}
.umHeaderLeft {display:flex; align-items:center}
.umHeaderLeft > h1 {margin-right:70px; line-height:0}
.umHeaderLeft img {height:37.5px}
.umHeaderGnb {display:flex; align-items:center}
.umHeaderGnb > li {margin-right:40px; position:relative}
.umHeaderGnb > li:last-child {margin-right:0}
.umHeaderGnb > li > a {display:flex; align-items:center; height:5.2083vw; font-size:20px; font-weight:600; line-height:160%; color:#191919; border-bottom:solid 2px rgba(255,255,255,0); position:relative; z-index:2; transition:.3s}
.umHeaderGnb > li > a:hover, .umHeaderGnb > li.hover > a {color:#3F65F1; border-bottom:solid 2px #3F65F1}
.umHeaderGnbDepWrap {display:none; position:absolute; z-index:99}
.umHeaderGnbDep {display:flex; align-items:center; width:max-content; height:69px}
.umHeaderGnb > li:nth-child(4) .umHeaderGnbDep {margin-left:calc(-48%)}
.umHeaderGnbDep a {display:block; font-size:18px; font-weight:500; line-height:160%; color:#191919; padding:20px 20px}
.umHeaderGnbDep a:hover {color:#3F65F1}
.umHeaderGnbDepBg {display:none; position:absolute; background:#F6F6F6; width:100%; height:69px; top:calc(100% + 1px); left:0; z-index:1}
.umHeaderRight > a {font-size:20px; font-weight:600; line-height:160%; color:#191919; margin-right:40px}
.umHeaderRight_console {font-size:1.0417vw !important; font-weight:600 !important; color:#fff !important; margin-right:0 !important; display:inline-flex; align-items:center; justify-content:center; height:2.7083vw; padding:0 1.0417vw; box-sizing:border-box; border-radius:3.1250vw}
.umMenuOpen {display:none}
.umHeaderGnbTop {display:none; border-bottom:1px solid rgba(0,0,0,0)}
.umHeaderGnbUtil {display:none; padding:0 36px}
#umMask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background:rgba(0,0,0,0.6)}
.umHeaderGnbUtil_login {display:flex; align-items:center; justify-content:center; font-size:1.8750vw; font-weight:500; color:#fff; height:auto; padding:1.8750vw; border:1px solid #0C184D; background:#0C184D; border-radius:4px; margin-bottom:0.7813vw}
.umHeaderGnbUtil_login:hover, .umHeaderGnbUtil_login:focus {color:#fff}
.umHeaderGnbUtil_logout {display:flex; align-items:center; justify-content:center; font-size:1.8750vw; font-weight:500; color:#fff; height:auto; padding:1.8750vw; border:1px solid #0C184D; background:#0C184D; border-radius:4px; margin-bottom:0.7813vw}
.umHeaderGnbUtil_logout:hover, .umHeaderGnbUtil_login:focus {color:#fff}
.umHeaderGnbUtil_join {display:flex; align-items:center; justify-content:center; font-size:1.8750vw; font-weight:500; color:#575B60; height:auto; padding:1.8750vw; border:1px solid #D8DBDE; background:#fff; border-radius:4px}
.umHeaderGnbUtil_join:hover, .umHeaderGnbUtil_join:focus {color:#575B60}
.umHeaderGnbUtil_free {display:flex; align-items:center; justify-content:center; font-size:1.8750vw; font-weight:500; color:#fff; height:auto; padding:1.8750vw; border:1px solid #3F65F1; background:#3F65F1; border-radius:4px; margin-bottom:0.7813vw}
.umHeaderGnbUtil_free:hover, .umHeaderGnbUtil_free:focus {color:#fff}

/* 유저메인 비주얼 */ 
/*** 240528 메인 백그라운드 색상 변경 ***/
.umMainVisual {background: linear-gradient(to bottom, #dbe6fa, #dbe8fb, #dee9fd), linear-gradient(to right, rgba(219, 230, 250, 1) , rgba(219, 230, 250, 0),rgba(221, 234, 253, 1) ); height:980px; position:relative}
.umMainVisual .swiper-slide {position:relative; width:100%; height:980px}
.umMainVisual-slide1 {}
.background-video {position:absolute; bottom:0; right:0}
.umMainVisual-slide1 .inner {max-width:1368px; margin:0 auto; padding:0 80px; box-sizing:border-box; position:relative; z-index:9}
.umMainVisualTxt {margin-top:267px}
.umMainVisualTxt h2 {font-size:64px; font-weight:300; line-height:140%; color:#191919}
.umMainVisualTxt h2 strong {font-weight:700}
.umMainVisualTxt h3 {font-size:24px; font-weight:400; line-height:160%; color:#6F767C; margin-top:30px}
.umMainVisualBtn {margin-top:100px}
.umMainVisual .swiper-pagination {bottom:40px}
.umMainVisual .swiper-pagination-bullet {background:#0C184D; opacity:0.3}
.umMainVisual .swiper-pagination-bullet-active {opacity:1}

/* 유저메인 컨테이너1 */
.umMainCon1 {background:#0C184D; padding:130px 80px 120px 80px; overflow:hidden}
.umMainCon1 > .inner {max-width:1208px; margin:0 auto}
.umMainCon1_titWrap {display:flex; align-items:flex-end; flex-wrap:wrap}
.umMainCon1_titWrap > h2 {font-size:56px; font-weight:200; line-height:140%; color:#fff; margin-right:90px}
.umMainCon1_titWrap > h2 strong {font-weight:700}
.umMainCon1_titWrap > h3 {font-size:24px; font-weight:400; line-height:160%; color:rgba(255,255,255,0.7); margin-bottom:7px}

/* umGraphWrap */
.umGraphWrap {display:flex; align-items:center; justify-content:space-between; margin-top:80px}
.umGraphWrap > div h4 {text-align:center; position:relative; margin-top:0; margin-bottom:30px}
.umGraphWrap > div h4:after {content:''; display:block; border:1px solid rgba(255,255,255,0.4); width:calc(50% - 56px); position:absolute; top:50%; right:0}
.umGraphWrap > div h4:before {content:''; display:block; border:1px solid rgba(255,255,255,0.4); width:calc(50% - 56px); position:absolute; top:50%; left:0}
.umGraphWrap > div h4 span {display:inline-flex; align-items:center; justify-content:center; height:41px; border-radius:100px; background:rgba(255,255,255,0.4); padding:0 30px; font-size:18px; font-weight:500; line-height:160%; color:#fff; position:relative; z-index:1}
.umGraphArr {flex-shrink:0; margin:100px 30px 0 30px}
.umGraphLeft {width:100%; max-width:660px}
.umGraphRight {width:100%; max-width:400px}

.umGraph1 {display:flex; align-items:flex-end; justify-content:space-between; width:660px; height:450px; background:url('../images/umGraph1_bg.svg') bottom left no-repeat; padding:0 40px 0 60px}
.umGraph1 > div h5 {position:absolute; bottom:-33px; width:100%; text-align:center; margin:0; z-index:9}
.umGraph1 > div h5 span {font-size:18px; font-weight:500; line-height:140%; color:#fff}
.umGraph1-1 {height:calc(100% - 51px); display:flex; align-items:flex-end; margin:0 0 31px 0; position:relative; width:100%; border-radius:10px 10px 0 0; background:url('../images/umGraph1_box.png') no-repeat; background-size:cover}
.umGraph1-2 {height:calc(100% - 51px); display:flex; align-items:flex-end; margin:0 0 31px 0; position:relative; width:100%; border-radius:10px 10px 0 0; background:url('../images/umGraph1_box.png') no-repeat; background-size:cover}
.umGraph1-3 {height:calc(100% - 51px); display:flex; align-items:flex-end; margin:0 0 31px 0; position:relative; width:100%; border-radius:10px 10px 0 0; background:url('../images/umGraph1_box.png') no-repeat; background-size:cover}
.umGraph1_br {width:7px; height:calc(100% + 20px); margin:0 0 0 0; background:url('../images/umGraph1_br.svg') top center no-repeat; position:absolute; right:-4px}
.umGraph1-1-data {position:absolute; bottom:-1px; width:100%; height:300px; background:url('../images/umGraph1-1-data_bg.svg') bottom center no-repeat; background-size:cover}
.umGraph1-1-data:before {content:'90%'; display:block; font-size:34px; font-weight:700; line-height:140%; color:#fff; position:relative; top:-45px; text-align:center}
.umGraph1-2-data {position:absolute; bottom:-1px; width:100%; height:250px; background:url('../images/umGraph1-2-data_bg.svg') bottom center no-repeat; background-size:cover}
.umGraph1-2-data:before {content:'60%'; display:block; font-size:34px; font-weight:700; line-height:140%; color:#fff; position:relative; top:-45px; text-align:center}
.umGraph1-3-data {position:absolute; bottom:-1px; width:100%; height:330px; background:url('../images/umGraph1-3-data_bg.svg') bottom center no-repeat; background-size:cover}
.umGraph1-3-data:before {content:'98%'; display:block; font-size:34px; font-weight:700; line-height:140%; color:#fff; position:relative; top:-45px; text-align:center}
.umGraph1-1-data.active {animation:stack1 2s 1}
.umGraph1-2-data.active {animation:stack2 2s 1}
.umGraph1-3-data.active {animation:stack3 2s 1}
@keyframes stack1 {0% {height:10px}	100% {height:300px}}
@keyframes stack2 {0% {height:10px}	100% {height:250px}}
@keyframes stack3 {0% {height:10px}	100% {height:330px}}

.umGraph2 {display:flex; align-items:flex-end; justify-content:space-between; width:400px; height:450px; background:url('../images/umGraph2_bg.svg') bottom left no-repeat; padding:0 75px 0 75px}
.umGraph2 > .umGraph2-1 {height:calc(100% - 31px); display:flex; align-items:flex-end; margin-bottom:31px; position:relative; width:100%; border-radius:10px 10px 0 0; background:url('../images/umGraph2_box.svg') no-repeat; background-size:cover}
.umGraph2 > .umGraph2-1 h5 {position:absolute; bottom:-27px; width:100%; text-align:center; margin:0; z-index:9}
.umGraph2 > .umGraph2-1 h5 span {display:inline-flex; align-items:center; height:50px; padding:0 10px; font-size:24px; font-weight:600; line-height:140%; color:#fff; background:#3F65F1; border-radius:4px}
.umGraph2-1-data {position:absolute; bottom:-1px; width:100%; border-radius:7px 7px 0 0; overflow:hidden}
.umGraph2-1-data > span {display:flex; justify-content:center}
.umGraph2-1-data-1 {height:220px; font-size:18px; font-weight:500; line-height:140%; color:#191919; padding-top:20px; background:url('../images/umGraph2-1-data-1_bg.png') bottom center no-repeat; background-size:cover}
.umGraph2-1-data-2 {height:100px; font-size:18px; font-weight:500; line-height:140%; color:#fff; padding-top:20px; background:url('../images/umGraph2-1-data-2_bg.png') bottom center no-repeat; background-size:cover}
.umGraph2-1-data-3 {height:100px; font-size:18px; font-weight:500; line-height:140%; color:#fff; padding-top:20px; background:url('../images/umGraph2-1-data-3_bg.png') bottom center no-repeat; background-size:cover}
.umGraph2-1-data-1.active {animation:stack2-1 2.5s 1}
.umGraph2-1-data-2.active {animation:stack2-2 2.5s 1}
.umGraph2-1-data-3.active {animation:stack2-3 2.5s 1}
@keyframes stack2-1 {0% {height:10px} 100% {height:220px}}
@keyframes stack2-2 {0% {height:10px} 100% {height:100px}}
@keyframes stack2-3 {0% {height:10px} 100% {height:100px}}

.umMainCon1_txt {background:rgba(255,255,255,0.1); display:flex; align-items:center; justify-content:center; width:100%; height:49px; padding:0 20px; font-size:18px; font-weight:400; line-height:160%; color:rgba(255,255,255,0.7); border-radius:4px; margin-top:50px}
.umMainCon1_txt-m {display:none}

/* 유저메인 컨테이너2 */
.umMainCon2 {background:#EFEEF4; padding:120px 0 80px 0; position:relative; overflow:hidden}
.umMainCon2_titWrap {max-width:1208px; margin:0 auto; display:flex; align-items:flex-end; flex-wrap:wrap}
.umMainCon2_titWrap > h2 {font-size:56px; font-weight:200; line-height:140%; color:#191919; margin-right:90px}
.umMainCon2_titWrap > h2 strong {font-weight:700}
.umMainCon2_titWrap > h3 {font-size:24px; font-weight:400; line-height:160%; color:#6F767C; margin-bottom:7px}
.umMainCon2swiper {margin-top:80px}
.umMainCon2swiper .swiper-slide {text-align:center; padding:0 80px}
.umMainCon2swiper .swiper-slide img {max-width:1208px}
.umMainCon2swiper-slide1 {background:url('../images/umMainCon2swiper-img1_bg.png') top calc(50% - -36px) left no-repeat; background-size:47%}
.umMainCon2swiper-slide2 {}
.umMainCon2 .swiper-pagination {bottom:40px}
.umMainCon2 .swiper-pagination-bullet {background:#0C184D; opacity:0.3}
.umMainCon2 .swiper-pagination-bullet-active {opacity:1}
.umMainCon2swiper-pc {margin:0 auto}
.umMainCon2swiper-m {display:none}

/* 유저메인 컨테이너3 */
.umMainCon3 {background:#fff; padding:180px 0; position:relative; overflow:hidden}
.umMainCon3_titWrap {max-width:1208px; margin:0 auto; display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap}
.umMainCon3_titWrap > h2 {font-size:56px; font-weight:200; line-height:140%; color:#191919; margin-right:90px}
.umMainCon3_titWrap > h2 strong {font-weight:700}
.umMainCon3_titWrap > h2 strong span {color:#3F65F1}
.umMainCon3_titWrap > h3 {margin-bottom:0px}
.umMainCon3_titWrap > h3 a {display:inline-flex; align-items:center; justify-content:center; width:86px; height:86px; cursor:pointer}
.umMainCon3_titWrap > h3 a:focus, .umMainCon3_titWrap > h3 a:focus-visible {outline:none}
.umMainCon3_titWrap > h3 a:hover img {filter:contrast(0.1)}
.umMainCon3slider {max-width:auto; margin:70px auto 0 auto; text-align:center}
.umMainCon3slider .inner {overflow:hidden; width:100%; margin:0 auto}
.umMainCon3_list > li {position:relative; width:800px; height:auto; margin:0 8px; text-align:left}
.umMainCon3_list > li img {width:100%}
.umMainCon3_list > li h3 {font-size:40px; font-weight:700; line-height:140%; color:#191919; margin:40px 0 10px 0}
.umMainCon3_list > li p {font-size:24px; font-weight:400; line-height:160%; color:#6F767C}
.umMainCon3_m {display:none}

/* 유저메인 컨테이너4 */
.umMainCon4 {background:#0C184D; padding:120px 0; overflow:hidden}
.umMainCon4 > .inner {max-width:1208px; margin:0 auto}
.umMainCon4List {display:flex; justify-content:center}
.umMainCon4List > li {width:33.33%}
.umMainCon4List > li > h3 {font-size:24px; font-weight:400; line-height:160%; color:rgba(255,255,255,0.7); text-align:center; margin:10px 0 0 0}
.umMainCon4List > li > h4 {display:flex; align-items:baseline; justify-content:center; font-size:42px; font-weight:900; line-height:150%; color:#fff; text-align:center; margin:0}
.umMainCon4List > li > h4 span {font-family:'Noto Sans KR' !important; font-size:130px; font-weight:700; line-height:110%; color:#fff}
.odometer-value {font-family:'Noto Sans KR' !important}
.odometer.odometer-auto-theme {margin-right:10px}
/*
.umMainCon4_count1 .odometer-inside .odometer-digit:first-child {width:60px}
.umMainCon4_count3 .odometer-inside .odometer-digit:first-child {width:60px}
*/

/* 유저메인 컨테이너5 */
.umMainCon5 {background:#fff; padding:180px 0 150px 0; position:relative; overflow:hidden}
.umMainCon5_titWrap {max-width:1208px; margin:0 auto; display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap}
.umMainCon5_titWrap > h2 {font-size:56px; font-weight:200; line-height:140%; color:#191919; margin-right:90px}
.umMainCon5_titWrap > h2 strong {font-weight:700}
.umMainCon5_titWrap > h2 strong span {color:#3F65F1}
.umMainCon5_titWrap > h3 {margin-bottom:0px}
.umMainCon5_titWrap > h3 a {display:inline-flex; align-items:center; justify-content:center; width:86px; height:86px; cursor:pointer}
.umMainCon5_titWrap > h3 a:focus, .umMainCon5_titWrap > h3 a:focus-visible {outline:none}
.umMainCon5_titWrap > h3 a:hover img {filter:contrast(0.1)}
.umMainCon5slider {max-width:auto; margin:70px auto 0 auto; text-align:center}
.umMainCon5slider .inner {overflow:hidden; width:100%; margin:0 auto}
.umMainCon5_list {margin-left:calc(494px / -2 - 16px)}
.umMainCon5_list > li {position:relative; width:494px; height:auto; margin:0 8px; text-align:left; background:#EFEEF4; padding:24px; box-sizing:border-box; border-radius:12px}
.umMainCon5_listBox {background:#fff; padding:40px; box-sizing:border-box; border-radius:16px; margin-top:24px}
.umMainCon5_listBox > h4 {font-size:28px; font-weight:700; line-height:150%; color:#191919; margin:0 0 20px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:85px}
.umMainCon5_listBox > p {font-size:18px; font-weight:400; line-height:160%; color:#6F767C; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; height:118px}
.logoList {max-width:1208px; margin:40px auto 0 auto; display:flex; flex-wrap:wrap; justify-content:center;}
.logoList > li {width:20%; text-align:center; margin-bottom:30px}
.umMainCon5_listLogo img {height:70px}
.umMainCon5-pagination {display:none}
.umMainCon5 .swiper-pagination-bullet {background:#0C184D; opacity:0.3}
.umMainCon5 .swiper-pagination-bullet-active {opacity:1}

/* 유저메인 컨테이너6 */
.umMainCon6 {background:#EFEEF4; padding:80px 0 130px 0; overflow:hidden}
.umMainCon6 > .inner {max-width:1208px; margin:0 auto}
.umMainCon6 > .inner2 {max-width:1920px; margin:0 auto}
.umMainCon6 > .inner3 {max-width:1460px; margin:0 auto}
.umMainCon6-1 {display:flex}
.umMainCon6-1-2 {padding:174px 0 0 100px; flex-shrink:0}
.umMainCon6 h3 {display:flex; align-items:center; font-size:40px; font-weight:700; line-height:150%; color:#191919; margin:0}
.umMainCon6 h3 > img {margin-right:10px}
.umMainCon6 h2 {font-size:56px; font-weight:300; line-height:140%; color:#191919; margin:60px 0 20px 0}
.umMainCon6 h2 strong {font-weight:700; line-height:140%; color:#3F65F1}
.umMainCon6 h4 {font-size:24px; font-weight:400; line-height:160%; color:#6F767C; margin:0}
.umMainCon6-2 {margin-top:180px; display:flex; justify-content:space-between}
.umMainCon6-2-1 {flex-shrink:0; padding-top:130px; margin-left:356px}
.umMainCon6-2-2 {margin-right:73px}
.umMainCon6-3 {margin-top:180px; display:flex}
.umMainCon6-3-1 {flex-shrink:0}
.umMainCon6-3-2 {padding:174px 0 0 100px}
.umMainCon6-m {display:none}

/* 유저메인 컨테이너7 */
.umMainCon7 {background:#374FCA; padding:180px 0 180px 0; position:relative; overflow:hidden}
.umMainCon7_titWrap {max-width:1208px; margin:0 auto; display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap}
.umMainCon7_titWrap > h2 {font-size:56px; font-weight:200; line-height:140%; color:#fff; margin-right:90px}
.umMainCon7_titWrap > h2 strong {font-weight:700}
.umMainCon7_titWrap > h2 strong span {color:#3F65F1}
.umMainCon7_titWrap > h3 {margin-bottom:0px}
.umMainCon7_titWrap > h3 a {display:inline-flex; align-items:center; justify-content:center; width:86px; height:86px; cursor:pointer}
.umMainCon7_titWrap > h3 a img {filter:invert(1)}
.umMainCon7_titWrap > h3 a:focus, .umMainCon7_titWrap > h3 a:focus-visible {outline:none}
.umMainCon7_titWrap > h3 a:hover img {opacity:0.5}
.umMainCon7slider {max-width:auto; margin:70px auto 0 auto; text-align:center; position:relative}
.umMainCon7slider .inner {overflow:hidden; width:100%; margin:0 auto}
.umMainCon7_list {margin-left:calc(392px / -1 - 16px)}
.umMainCon7_list > li {position:relative; width:392px; height:auto; margin:0 8px; text-align:left; background:#fff; padding:40px; box-sizing:border-box; border-radius:4px}
.umMainCon7_list > li h4 {margin:0 0 10px 0; font-size:28px; font-weight:700; line-height:150%; color:#191919; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:127px}
.umMainCon7_list > li p {font-size:18px; font-weight:400; line-height:160%; color:#6F767C; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; height:118px}
.umMainCon7-pagination {display:none; bottom:}
.umMainCon7 .swiper-pagination-bullet {background:#fff; opacity:0.3}
.umMainCon7 .swiper-pagination-bullet-active {opacity:1}

/* 유저메인 컨테이너8 */
.umMainCon8 {background:#fff; padding:80px 0; overflow:hidden}
.umMainCon8 > .inner {max-width:1208px; margin:0 auto; text-align:center}
.umMainCon8 > .inner h3 {font-size:40px; font-weight:300; line-height:140%; color:#191919; margin:0}
.umMainCon8 > .inner h3 strong {font-weight:700; color:#0C184D}
.umMainCon8 > .inner p {font-size:18px; font-weight:400; line-height:160%; color:#575B60; margin:10px 0 50px 0}

/* 유저 푸터 */
.umFooterWrap {background:#191919; padding:30px 36px 50px 36px; box-sizing:border-box; overflow:hidden; position:relative}
.umFooterTop {display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #2C2D2F; margin-bottom:30px; padding-top:10px; padding-bottom:30px}
.umFooterTop_left {display:flex; align-items:center}
.umFooterTop_left > img {height:42px}
.umFooterTop_left ul {display:flex; align-items:center; margin-left:167px}
.umFooterTop_left ul > li {display:flex; align-items:center}
.umFooterTop_left ul > li > a {font-size:20px; font-weight:400; line-height:160%; color:#6F767C}
.umFooterTop_left ul > li:nth-child(1):after {content:''; display:block; width:1px; height:16px; background:#646464; margin:0 20px}
.umFooterTop_left ul > li:nth-child(2) > a {font-weight:700; color:#fff}
.umFooterTop_right {width:100%; max-width:280px; position:absolute; top:30px; right:36px}
.umFooterTop_gositeWrap {position:relative}
.umFooterTop_gosite {display:inline-flex; align-items:center; justify-content:space-between; width:100%; height:60px; padding:0 24px; box-sizing:border-box; border-radius:4px; font-size:20px; font-weight:500; border:1px solid #fff; color:#fff}
.umFooterTop_gosite:hover {color:#fff}
.umFooterTop_gositeList {display:none; padding:8px 0; background:#191919; border:1px solid #fff; box-sizing:border-box; border-radius:4px; position:absolute; width:100%; top:calc(100% + 4px); z-index:1000}
.umFooterTop_gositeList > li > a {display:flex; align-items:center; padding:0 24px; height:49px; font-size:18px; font-weight:400; line-height:160%; color:#fff}
.umFooterTop_gositeList > li > a:hover {background:rgba(255,255,255,0.1)}
.umFooterTop_gositeWrap.active .umFooterTop_gositeList {display:block}
.umFooterTop_gositeWrap.active .umFooterTop_gosite i:before {content:"\f077"}
.umFooterBottom > .inner {margin:0 36px 0 320px}
.umFooterBottom_txt {display:flex; align-items:center; flex-wrap:wrap; font-size:18px; font-weight:400; line-height:160%; color:#6F767C; margin-bottom:10px}
.umFooterBottom_txt span {display:block; width:1px; height:16px; background:#646464; margin:0 10px}

/* 유저 플로팅 */
.umFloating {display:none}
.umFloating.fixed {position:fixed; bottom:60px; right:36px; z-index:999; display:flex; flex-wrap:wrap; justify-content:flex-end; width:80px}
.umFloating > li {width:80px; border-radius:80px; transition:.3s}
.umFloating > li > a {width:80px; height:80px; border-radius:80px; padding:15px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; box-shadow:0 0 60px #0C184D4D; transition:.3s; border:1px solid #EFEEF466}
.umFloating > li:nth-child(1) {background:#0C184D}
.umFloating > li:nth-child(2) {background:#3F65F1; margin:12px 0}
.umFloating > li:nth-child(3) {background:#F6F8FA}
.umFloating > li span {display:none; font-size:20px; font-weight:500; line-height:160%; color:#fff; margin-left:10px}
.umFloating > li > a:hover {padding:15px 30px 15px 20px}
.umFloating > li:nth-child(3) > a:hover {padding:15px}
.umFloating > li:hover, .umFloating > li > a:hover {width:max-content}
.umFloating > li:hover span {display:block}
.umFloating > li:nth-child(1):hover > a {background:#08123C}
.umFloating > li:nth-child(1):active > a {background:#060C2A}
.umFloating > li:nth-child(2):hover > a {background:#3051C8}
.umFloating > li:nth-child(2):active > a {background:#1B2F79}
.umFloating > li:nth-child(3):hover > a {background:#EAECEE; width:80px}
.umFloating > li:nth-child(3):active > a {background:#DDDFE1}

/* umSubVisual */
.umSubVisual {width:100%; height:420px; margin-top:5.2083vw; display:flex; align-items:center; justify-content:center}
.umSubVisual > .inner {max-width:1208px; margin:0 auto; text-align:center}
.umSubVisual > .inner h2 {font-size:56px; font-weight:700; line-height:140%; color:#191919; margin:0 0 20px 0}
.umSubVisual > .inner p {font-size:20px; font-weight:400; line-height:140%; color:#575B60}
.umSV01 {background:url('../images/umSV01.jpg') bottom right #DCE9FB no-repeat; background-size:auto}
.umSV02 {background:url('../images/umSV02.jpg') bottom right #DCE9FB no-repeat; background-size:auto}
.umSV03 {background:url('../images/umSV03.jpg') bottom right #DCE9FB no-repeat; background-size:auto}
.umSV04 {background:url('../images/umSV04.jpg') bottom right #DCE9FB no-repeat; background-size:auto}

/* 서브 공통 */
.umTabWrap {padding-right:80px; padding-left:80px; box-sizing:border-box}
.umSubContainer {padding-right:80px; padding-left:80px; box-sizing:border-box; overflow:hidden; min-height:600px}
.umSubContainer > .inner {max-width:1208px; margin:0 auto; padding:120px 0 120px 0}
.umSubConTit1 {font-size:40px; font-weight:400; line-height:140%; color:#191919; text-align:center; margin:0 0 10px 0}
.umSubConTit1 strong {font-weight:600}
.umSubConTxt1 {font-size:18px; font-weight:400; line-height:160%; color:#575B60; text-align:center}
.umSubConTxt2 {display:inline-flex; align-items:center; justify-content:center; background:#ECF0FE; color:#3F65F1; font-size:24px; font-weight:600; padding:0 20px; border-radius:60px; height:46px}
.umSubConTxt3 {font-size:18px; font-weight:400; line-height:160%; color:#575B60; margin-top:20px}
.umSubConTxt3 > span {font-weight:700; color:#3F65F1}
.umSub_h2 {font-size:52px; font-weight:300; line-height:140%; color:#191919}
.umSub_h2 strong {font-weight:700}
.umSub_h2 span {color:#3F65F1}
.umSub_h3 {font-size:28px; font-weight:700; line-height:140%; color:#191919; margin:0; word-break: break-word}
.umSub_h4 {font-size:24px; font-weight:700; line-height:140%; color:#191919; margin:0}
.umSub_h5 {font-size:20px; font-weight:700; line-height:160%; color:#191919; margin:0}
.umSub_h6 {font-size:18px; font-weight:600; line-height:160%; color:#191919; margin:0}
.umSub_p0 {font-size:20px; font-weight:400; line-height:150%; color:#6F767C}
.umSub_p {font-size:18px; font-weight:400; line-height:160%; color:#575B60}
.umSub_p1 {font-size:16px; font-weight:600; line-height:160%; color:#191919}
.umSub_p2 {font-size:16px; font-weight:400; line-height:160%; color:#3F65F1}
.umSub_p3 {font-size:16px; font-weight:500; line-height:140%; color:#6F767C}
.umSub_p4 {font-size:14px; font-weight:400; line-height:160%; color:#6F767C}
.btnDiscount {display:inline-flex; align-items:center; justify-content:center; background:#FEEBEA; color:#F13A2F; font-size:14px; font-weight:700; padding:0 10px; border-radius:30px; height:34px}
.btnBasics {display:inline-flex; align-items:center; justify-content:center; background:#E9ECED; color:#6F767C; font-size:14px; font-weight:700; padding:0 10px; border-radius:30px; height:32px}
.umTxtColor {color:#3F65F1 !important}
.umTxtColor2 {color:#6F767C !important}
.umTxtColor3 {color:#0C184D !important}
.umTxtColor4 {color:#191919 !important}
.payTbl  {width:100%; border-top:1px solid #000; text-align:center}
.payTbl thead th {background:#fff; font-size:20px; font-weight:700; color:#0C184D; padding:24px 36px; text-align:center; height:80px}
.payTbl tbody td {background:none; font-size:18px; font-weight:400; color:#191919; padding:19px 36px; text-align:center; border-bottom:1px solid #D8DBDE; height:60px}
.payTbl tbody tr:last-child td {border-bottom:1px solid #000}

.calTbl  {width:100%; border-top:none; text-align:center}
.calTbl thead th {background:#F5F7FE; font-size:16px; font-weight:700; color:#191919; padding:16px; text-align:center}
.calTbl tbody td {background:none; font-size:16px; font-weight:400; color:#191919; padding:16px; text-align:center; border-bottom:1px solid #D8DBDE}
.calTbl tfoot td {background:none; padding:16px; border-bottom:none}
.calTbl tbody tr:last-child td {border-bottom:1px solid #191919}

.mt30-0 {margin:30px 0 !important}
.mt16 {margin-top:16px}
.mt36 {margin-top:36px}
.mt100 {margin-top:100px}
.mr16 {margin-right:16px}
.umHr {border:none; width:100%; height:1px; background:#D8DBDE; margin:50px 0}
.umHr2 {border:none; width:100%; height:2px; background:#191919; margin:30px 0}

.umTooltip > i {color:#6F767C; vertical-align:baseline}
.umTooltip {position:relative; z-index:2; cursor:pointer; display:inline-flex; align-items:center}
.umTooltip:before,.umTooltip:after {visibility:hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; pointer-events:none}
.umTooltip:before {position:absolute; top:180%; left:50%; margin-bottom:5px; margin-left:-127px; padding:14px; width:267px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; background-color:#191919; color:#fff; content:attr(data-tooltip); text-align:center; font-size:14px; line-height:160%; font-weight:400}
.umTooltip:after {position:absolute; top:140%; left:50%; margin-left:-10px; width:0; border-bottom:12px solid #191919; border-right:12px solid transparent; border-left:12px solid transparent; content:" "; font-size:0; line-height:0}
.umTooltip:hover:before, .umTooltip:hover:after {visibility:visible; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1}
.umTooltip.width325:before {width:325px; margin-left:-162px}
.umBoxStyle1 {background:#F6F8FA; border-radius:4px; padding:30px 26px}
.umBoxStyle2 {background:#F5F7FE; border-radius:4px; padding:30px}
.umBoxStyle3 {background:#fff; border:1px solid #D8DBDE; border-radius:12px; padding:24px}
.umBoxStyle4 {background:#F6F8FA; border-radius:0; padding:16px}
.umAgreeBox {background:#F5F7FE; border-radius:4px; padding:20px}
.umAgreeBox > .inner {overflow-y:auto; overflow-x:hidden; max-height:498px}
.umAgreeBox > .inner.scroll_x {overflow-x:auto;}
.umAgreeBox > .inner.scroll_x::-webkit-scrollbar {height: 4px;}
.umAgreeBox > .inner::-webkit-scrollbar {width:4px;}
.umAgreeBox > .inner::-webkit-scrollbar-thumb {background:#6F767C; border-radius:20px}

/* umTabWrap */
.umTabWrap {border-bottom:1px solid #D8DBDE; padding:0 80px; box-sizing:border-box}
.umTabWrap > .inner {max-width:1208px; margin:0 auto; display:flex; align-items:center}
.umTabWrap > .inner > a {display:flex; align-items:center; justify-content:center; height:80px; font-size:20px; font-weight:400; line-height:160%; color:#575B60; transition:.3s; position:relative}
.umTabWrap.umTab03 > .inner > a {width:33.33%}
.umTabWrap.umTab04 > .inner > a {width:25%}
.umTabWrap > .inner > a.active {font-weight:700; color:#0C184D}
.umTabWrap > .inner > a:hover, .umTabWrap > .inner > a:active {font-weight:400; color:#0C184D}
.umTabWrap > .inner > a.active:before {content:''; display:block; width:100%; height:3px; background:#0C184D; position:absolute; bottom:-1px}

.umSubTab {display:flex; align-items:center; margin:0 -1px}
.umSubTab > a {display:flex; align-items:center; justify-content:center; height:72px; font-size:20px; font-weight:400; line-height:160%; color:#6F767C; background:#F6F8FA; margin:1px; transition:.3s}
.umSubTab.umSubTab01 > a {width:100%}
.umSubTab.umSubTab02 > a {width:50%}
.umSubTab.umSubTab03 > a {width:33.33%}
.umSubTab.umSubTab04 > a {width:25%}
.umSubTab.umSubTab05 > a {width:20%}
.umSubTab > a.active {background:#0C184D; color:#fff}
.umSubTab > a:hover, .umSubTab > a:active {background:#D8DBDE; color:#6F767C}

/* umSubCon1 */
.umSubCon1_list {display:flex; flex-wrap:wrap; margin:50px -8px 0 -8px}
.umSubCon1_list > li {border:1px solid #D8DBDE; border-radius:4px; width:calc(33.33% - 16px); padding-top:50px; margin:0 8px; text-align:center; background:#fff}
.umSubCon1_list > li img {margin:0 auto}

/* umSubCon2 */
.umSubCon2 {background:#F6F8FA}
.umSubCon2_list {display:flex; flex-wrap:wrap; margin:42px -8px 0 -8px}
.umSubCon2_list > li {border:1px solid #D8DBDE; border-radius:4px; width:calc(50% - 16px); padding-top:50px; margin:8px; text-align:center; background:#fff}
.umSubCon2_list > li img {margin:0 auto}
.umSubCon2sliderWrap {border:1px solid #D8DBDE; border-radius:4px; text-align:center; margin-top:8px; background:#fff; padding:50px 0 70px 0; overflow:hidden; position:relative}
.umSubCon2sliderWrap > .inner {max-width:990px; margin:26px auto 0 auto; overflow:hidden}
.umSubCon2slider {margin-left:calc(310px / -1 - 30px)}
.umSubCon2slider > li {width:310px; height:auto; margin:0 15px}
.umSubCon2sliderWrap .swiper-pagination-bullet {background:#0C184D; opacity:0.3}
.umSubCon2sliderWrap .swiper-pagination-bullet-active {opacity:1}
.umSubCon2slider-pagination {bottom:20px !important}

/* umSubCon4 */
.umSubCon4 {background:#F6F8FA}
.umSubCon4List {display:flex; margin-top:50px}
.umSubCon4List-left {display:flex; justify-content:center; flex-shrink:0; padding-top:100px; border:1px solid #D8DBDE; border-radius:4px; background:#fff; width:800px; margin-right:16px}
.umSubCon4List-left img {margin-left:50px}
.umSubCon4List-right {border-top:1px solid #D8DBDE; width:100%}
.umSubCon4List-right > li {border-bottom:1px solid #D8DBDE; height:33.33%; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; padding:0 36px}
.umSubCon4List-right > li h3 {font-size:24px; font-weight:600; line-height:140%; color:#191919; margin:0}

/* umSub02 */
.umSub02-1 {background:linear-gradient(#fff 600px, #F6F8FA 600px)}
.umSub02-2 {background:#F6F8FA}
.umSub02-2 > .inner {max-width:1208px; margin:0 auto}
.umSub02-2-1 {display:flex; justify-content:flex-end; margin-right:-80px; padding-left:36px; margin-top:50px; overflow:hidden}
.umSub02-2-2 {display:flex; border-top:1px solid #D8DBDE; border-bottom:1px solid #D8DBDE; margin-top:50px}
.umSub02-2-2 > li {width:33.33%; border-right:1px solid #D8DBDE; padding:50px}
.umSub02-2-2 > li:last-child {border-right:none}
.umSub02-2-2 > li h3 {margin:0}
.umSub02-2-2-img {display:flex; justify-content:flex-end; margin-top:80px}

/* umSub03 */
.umSub03-1-list {display:flex; margin-top:50px}
.umSub03-1-list_left {flex-shrink:0; width:100%; /*max-width:800px; margin-right:16px*/}
.umSub03-1-list_left_tit {display:flex; align-items:center; justify-content:center; height:56px; background:#0C184D; font-size:20px; font-weight:600; color:#fff; border-radius:4px 4px 0 0}
.umSub03-1-list_left > ul {display:flex; justify-content:space-between; padding:40px 0; border:1px solid #D8DBDE; border-top:0; border-radius:0 0 4px 4px}
.umSub03-1-list_left > ul > li {width:100%; text-align:center}
.umSub03-1-list_left > ul > li:first-child {border-right:1px solid #D8DBDE}
.umSub03-1-list_right {width:100%}
.umSub03-1-list_right_tit {display:flex; align-items:center; justify-content:center; height:56px; background:#3F65F1; font-size:20px; font-weight:600; color:#fff; border-radius:4px 4px 0 0}
.umSub03-1-list_right > ul {padding:40px; border:1px solid #D8DBDE; border-top:0; border-radius:0 0 4px 4px}
.umSub03-1-list_right > ul > li {width:100%; text-align:center}
.umSub03-2 {background:#F6F8FA}
.umSub03-3 {background:#0C184D; text-align:center}
.umSub03-3 .umSub_h2 {color:#fff}
.umSub03-3-list {display:flex; align-items:center; justify-content:space-between; margin-top:50px}
.umSub03-3-list-left {flex-shrink:0; width:100%; max-width:494px}
.umSub03-3-list-left > li {display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(255,255,255,0.4); background:rgba(255,255,255,0.25); border-radius:4px; height:89px; padding:0 36px; font-size:18px; font-weight:300; color:#fff; margin:4px 0}
.umSub03-3-list-left > li strong {font-weight:700}
.umSub03-3Arr {flex-shrink:0; margin:0 16px}
.umSub03-3-list-right {width:100%; border-radius:4px; overflow:hidden}
.umSub03-3-list-right ul {background:#fff; padding:35px 0}
.umSub03-3-list-right ul > li {display:flex; align-items:center; justify-content:center; margin:5px 0; font-size:18px; font-weight:400; color:#575B60; line-height:160%}
.umSub03-3-list-right-bottom {display:flex; align-items:center; justify-content:center; height:102px; background:#ECF0FE; font-size:28px; font-weight:700; color:#0C184D; line-height:150%}

/* umCalculator */
.umSubVisualNo {margin-top:100px}
.maxWidth392 {max-width:392px !important}
.maxWidth596 {max-width:596px !important}
.maxWidth1106 {max-width:1106px !important}
.umCalculatorBox {background:#F5F7FE; border-radius:4px; margin-top:30px; padding:30px}
.umCalculatorTotal {display:flex; align-items:center; justify-content:space-between}
.umCalculatorTotal > span {font-size:20px; font-weight:400; line-height:140%; color:#6F767C; text-decoration:line-through}
.umCalculatorTotal > strong {flex-shrink:0; font-size:56px; font-weight:700; line-height:140%; color:#3F65F1}

/* umFaqTop */
.umFaqTop {display:flex; align-items:center; justify-content:space-between}
.umFaqTopLeft {flex-shrink:0; font-size:28px; font-weight:400; line-height:140%; color:#6F767C}
.umFaqTopLeft > strong {color:#0C184D}
.umFaqTopRight {width:100%; display:flex; justify-content:flex-end}

.umFaqList {margin-top:30px}
.umFaqList > li {border:1px solid #D8DBDE; border-radius:4px; padding:0 36px; margin-bottom:16px; display:none}
.umFaqList > li.show {display:block !important}
.umFaqTitle {display:flex; align-items:center; justify-content:space-between; padding:36px 12px 36px 0; cursor:pointer}
.umFaqTitle > div {display:flex; align-items:center}
.umFaqQ {font-size:34px; font-weight:700; line-height:150%; color:#3F65F1; margin-right:16px}
.umFaqA {font-size:34px; font-weight:700; line-height:150%; color:#6F767C; margin-right:16px}
.umFaqTit {font-size:28px; font-weight:700; line-height:150%; color:#191919}
.umFaqIcon {font-size:40px; color:#6F767C}
.umFaqAn {display:none}
.umFaqAn .umFaqTxt {font-size:18px; font-weight:400; line-height:160%; color:#6F767C}
.umFaqList > li.active .umFaqAn {display:flex; margin-bottom:36px}
.umFaqList > li.active .umFaqTitle {height:auto; padding:36px 12px 20px 0; border-bottom:1px dotted #D8DBDE; margin-bottom:20px}
.umFaqList > li.active .umFaqIcon:before {content:"\f077"}
.umFaqBan {display:flex; align-items:center; justify-content:space-between; background:#F6F8FA; margin-top:120px; padding:20px 36px}
.umFaqBan-left {display:flex; align-items:center}
.umFaqBan-left > img {margin-right:20px}
.umFaqBan-right {width:100%; max-width:190px}
.umFaqNoResults {margin-top:30px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:28px; font-weight:500; line-height:150%; color:#D8DBDE; height:440px}
.umFaqNoResults img {margin:0 auto}

/* umPagination */
.umPagination {display:flex; align-items:center; justify-content:center; margin-top:50px}
.umPagination .first, .umPagination .prev, .umPagination .last, .umPagination .next {display:flex; align-items:center; justify-content:center; width:30px; height:30px; color:#191919; font-size:24px; margin:0 5px}
.umPagination .prev {margin-right:32px}
.umPagination .next {margin-left:32px}
.umPagination .page {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:40px; height:40px; color:#6F767C; font-size:18px; font-weight:700; border-radius:100%; margin:0 8px}
.umPagination .page.active {background:#0C184D; color:#fff}
.dimmedLink {opacity:0.2; cursor:no-drop !important}

/* umNotiList */
.umNotiList {margin:22px -8px 0 -8px; display:flex; flex-wrap:wrap}
.umNotiList > li {border:1px solid #D8DBDE; border-radius:4px; margin:8px; width:calc(33.33% - 16px)}
.umNotiList > li > a {display:block; padding:36px; box-sizing:border-box}
.umNotiList > li > a .umSub_h3 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:16px 0 60px 0; height:78px}
.umNotiList-cate {display:inline-flex; align-items:center; justify-content:center; font-size:18px; font-weight:600; padding:0 10px; border-radius:4px; height:37px}
.umNotiList-cate1 {background:#0C184D; color:#fff}
.umNotiList-cate2 {background:#3F65F1; color:#fff}
.umNotiViewBox {border:1px solid #D8DBDE; border-radius:12px; padding:24px}
.umNotiViewTit {display:flex; align-items:center; justify-content:space-between; background:#F5F7FE; border-radius:8px; padding:20px 36px}
.umNotiViewTit > div {display:flex; align-items:center}
.umNotiViewTit > div .umNotiList-cate {margin-right:16px}
.umNotiViewCon {min-height:480px; padding:36px 36px 100px 36px}
.umNotiViewBottom {margin-top:40px}
.umNotiViewBottom dl {display:flex; align-items:center; justify-content:space-between; padding:24px 36px}
.umNotiViewBottom dl:first-child {border-bottom:1px solid #D8DBDE}
.umNotiViewBottom dl dt {font-size:18px; font-weight:400; line-height:160%; color:#6F767C; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.umNotiViewBottom dl dt span {font-weight:500; color:#191919; margin-right:20px}
.umNotiViewBottom dl dd {flex-shrink:0; font-size:18px; font-weight:400; line-height:160%; color:#6F767C; margin-left:30px}
.umAttach {display:flex; align-items:center; background:#F6F8FA; border-radius:8px; padding:20px 36px}
.umAttachTit {font-size:18px; font-weight:500; line-height:160%; color:#191919}
.umAttachFileWrap2 {margin-left:18px; width:calc(100% - 88px)}
.umAttachFileWrap {display:flex; align-items:center; background:url('../images/umAttachFileIcon.png') center left no-repeat; padding-left:34px; height:30px}
.umAttachFile {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:20px; font-weight:400; color:#6F767C; text-decoration:underline; text-underline-position:from-font}

.umBoardTypeList {border:1px solid #D8DBDE; border-radius:12px; padding:24px}
.umBoardTypeList > table {width:100%; text-align:center; table-layout:fixed}
.umBoardTypeList > table thead th {background:#F5F7FE; font-size:18px; font-weight:600; color:#191919; padding:20px 16px; text-align:center}
.umBoardTypeList > table thead tr:first-child th:first-child {border-radius:8px 0 0 8px}
.umBoardTypeList > table thead tr:first-child th:last-child {border-radius:0 8px 8px 0}
.umBoardTypeList > table tbody td {background:none; font-size:18px; font-weight:400; color:#6F767C; padding:25px 16px; text-align:center; border-bottom:1px solid #D8DBDE}
.umBoardTypeList > table tbody tr:last-child td {border-bottom:none}
.umBoardTypeList_num {font-size:20px; font-weight:600; color:#6F767C}
.umBoardTypeList_Tit {display:flex; align-items:center}
.umBoardTypeList_Tit h3 {font-size:20px; font-weight:600; color:#191919; margin:0 10px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:100%; word-break:break-word;}
.umBoard_newIcon {display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; padding:6px 10px; border-radius:30px; min-height:32px; color:#3F65F1; background:#F5F7FE}
.umBoardTypeList > ul > li {border-bottom:1px solid #D8DBDE; padding-bottom:16px; margin-bottom:16px}
.umBoardTypeList > ul > li:last-child {border-bottom:none; padding-bottom:0; margin-bottom:0}
.umBoardTypeList > ul > li > a {display:flex; align-items:center; justify-content:space-between; padding:16px}
.umBoardTypeList > ul > li > a > div:nth-child(1) {display:flex; align-items:center; flex-wrap:wrap; width:calc(100% - 40px)}
.umBoardTypeList > ul > li > a > div:nth-child(1) > div {display:flex; align-items:center; width:100%}
.umBoardTypeList > ul > li > a > div:nth-child(1) .umBoardTypeList_num {margin-right:10px}
.umBoardTypeList > ul > li > a > div:nth-child(1) .umBoardTypeList_Tit {flex-wrap:wrap; width:100%}
.umBoardTypeList > ul > li > a > div:nth-child(1) .umBoardTypeList_Tit h3 {overflow:inherit; white-space:normal; max-width:calc(100% - 100px)}
.umBoardTypeList > ul > li > a > div:nth-child(1) .umBoard_newIcon {flex-shrink:0}
.umBoardTypeList > ul > li > a > div:nth-child(2) {flex-shrink:0; width:30px; margin-left:10px}
.umBoardTypeList_date {width:100%; font-size:18px; font-weight:400; color:#6F767C; margin-top:10px}

/* 도입문의 */
.umInquiryWrap {border:1px solid #D8DBDE; border-radius:12px; padding:24px}
.umField {display:flex}
.umInquiryTit {display:flex; align-items:center; height:70px; font-size:18px; font-weight:600; color:#191919; background:#F5F7FE; padding:0 30px; width:100%; max-width:188px; margin-right:16px; border-radius:4px}
.umFieldGap {margin-left:16px}
.umEm {font-size:16px; font-weight:400; color:#F13A2F; margin-top:10px}
.umFieldFile {display:flex; align-items:center}
.umFieldFile .btnBox {flex-shrink:0; width:100%; max-width:180px; height:70px; margin-left:4px}
.umAgreeTextarea {border-radius:4px; color:#6F767C; background:#F5F7FE; padding:20px; width:100%; box-sizing:border-box; font-size:18px; font-weight:400; line-height:160%; width:100%; height:200px; overflow-y:auto}
.umAgreeTextarea::-webkit-scrollbar {width:4px}
.umAgreeTextarea::-webkit-scrollbar-thumb {background:#6F767C; border-radius:20px}
.umAgreeTextarea-scrollWrap {border-radius:4px; color:#6F767C; background:#F5F7FE; padding:20px 14px 20px 20px; width:100%; box-sizing:border-box}
.umAgreeTextarea-scrollWrap .umAgreeTextarea {padding:0 6px 0 0; height:160px}
.umRadioWrap1 {display:flex; flex-wrap:wrap; align-self:center; margin-left:left}
.umRadioWrap1 > div {margin:0 10px 10px 0}

/* 본인인증 */
.agreeTxtWrap {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-top:10px}
.agreeTxtBtn {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; font-size:14px; font-weight:500; color:#191919; padding:0 12px; border-radius:4px; height:37px; background:#EFF1F2}
.agreeTxtBtn:hover {color:#191919}
.umAnumberWrap {display:flex; align-items:center}
.umAnumberWrap .umAnumberBox {width:100%; position:relative}
.umAnumberWrap .umAnumberBox .timer {position:absolute; right:22px; top:calc(50% - 10px); font-size:16px; font-weight:500; color:#6F767C; background:#fff}
.umAnumberWrap .btnBox, .umExpiration .btnBox {flex-shrink:0; width:100%; max-width:180px; height:70px; margin-left:4px; text-align:center}
.umExpiration {display:flex; align-items:center}
.umExpiration span {margin:0 8px 0 4px}

/* 발송무료체험 */
.freeTrialWrap {display:flex}
.freeTrialLeft {flex-shrink:0; background:#F6F8FA; width:100%; max-width:660px; margin-right:50px}
.freeTrialLeft .swiper-slide {background:#F6F8FA; text-align:center}
.freeTrialLeft .swiper-slide .umSubConTxt2Wrap {position:absolute; top:80px; width:100%}
.freeTrialLeft .swiper-pagination-bullet {background:#0C184D4D; opacity:1}
.freeTrialLeft .swiper-pagination-bullet-active {background:#0C184D}
.freeMockupWrap {position:absolute; bottom:0; width:100%}
.freeMockup {position:relative; width:500px; margin:0 auto}
.freeSlideKAKAO .umTextareaWrap {position:absolute; top:301px; right:99px; width:100%; text-align:right}
.freeSlideKAKAO .umTextarea {max-width:264px; height:96px; border:none; background:#fff; color:#6F767C; font-size:16px; font-weight:300; border-radius:0 0 10px 10px}
.freeSlideKAKAO .umTextarea::placeholder {color:#6F767C; font-size:16px; font-weight:300}

.freeSlideRCS .umTextareaWrap {position:absolute; top:258px; left:81px; width:100%; text-align:left}
.freeSlideRCS .umTextarea {max-width:264px; height:96px; border:none; background:#F2F5F7; color:#6F767C; font-size:16px; font-weight:300; border-radius:0 0 10px 10px}
.freeSlideRCS .umTextarea::placeholder {color:#6F767C; font-size:16px; font-weight:300}
.freeSlideRCS .umTextarea2 {margin-top:10px; border-radius:10px 10px 0 0; height:130px}

.freeSlideSMS .umTextareaWrap {position:absolute; top:364px; left:81px; width:100%; text-align:left}
.freeSlideSMS .umTextarea {max-width:264px; height:96px; border:none; background:#F2F5F7; color:#6F767C; font-size:16px; font-weight:300; border-radius:10px}
.freeSlideSMS .umTextarea::placeholder {color:#6F767C; font-size:16px; font-weight:300}

.freeTrialSend > dt {background:#F6F8FA; border:1px solid #D8DBDE; border-bottom:none; border-radius:4px 4px 0 0; width:100%; height:70px; display:flex; align-items:center; padding:0 20px; font-size:18px; font-weight:400; line-height:160%; color:#191919}
.freeTrialSend > dt span {flex-shrink:0}
.freeTrialSend > dt input {border:none; background:none; margin-left:10px; width:100%}
.freeTrialSend > dt input:focus-visible {outline:none; border:none}
.freeTrialSend > dd .umTextarea {border-radius:0 0 4px 4px; height:268px}

.umTrialStepWrap {margin-top:40px}
.umTrialStepNum {display:flex}
.umTrialStepNum > li {width:25%; text-align:center; position:relative}
.umTrialStepNum > li span {display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:100%; background:#D8DBDE; color:#fff; font-size:30px; font-weight:700; margin:0 auto}
.umTrialStepNum > li img {filter:grayscale(1); opacity:0.1; position:absolute; top:10px; right:-85px}
.umTrialStepNum > li.active span {background:#0C184D}
.umTrialStepNum > li.active img {filter:none; opacity:1}
.umTrialStatus {display:flex; margin:30px -8px 0 -8px}
.umTrialStatus > li {width:25%; height:350px; margin:0 8px; border:1px solid #0C184D; padding:40px 40px 90px 40px; text-align:center; position:relative}
.umTrialStatus > li img {filter:grayscale(1); opacity:0.4}
.umTrialStatus > li.active img {filter:none; opacity:1}
.umTrialStatusBtn {position:absolute; left:0; bottom:40px; width:100%; text-align:center}
.umTrialStatusBtn > span {display:inline-flex; align-items:center; justify-content:center; height:35px; padding:0 10px; font-size:16px; font-weight:500; box-sizing:border-box; border-radius:30px}
.umTrialStatusBtn > span.umTSB01 {color:#6F767C; background:rgba(111, 118, 124, 0.1)}
.umTrialStatusBtn > span.umTSB02 {color:#3F65F1; background:#E4E9F9}
.umTrialStatusBtn > span.umTSB03 {color:#0C184D; background:#fff; border:1px solid #0C184D}
.umTrialStepNumArr-mobile {display:none}
.umFind {display:flex; align-items:center}
.umFind > li:first-child {margin-right:16px; padding-right:16px; position:relative}
.umFind > li:first-child:before {content:''; display:block; width:1px; height:16px; background:#6F767C; position:absolute; right:0; top:3px}
.umFind > li a {font-size:18px; font-weight:400; color:#191919}
.umCard {display:flex; margin:0 -4px}
.umCard input {margin:0 4px; text-align:center}

/* 자동입력방지 */
.autoInput {display:flex; align-items:center; height:120px; border:1px solid #D8DBDE; border-radius:4px; margin:10px auto 0 auto; overflow:hidden}
.autoInputTextBox {width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; border-right:1px solid #d8dbde}
.autoInputTool {flex-shrink:0}
.autoInputTool > a {display:flex; align-items:center; justify-content:center; width:70px; height:60px; background:#F6F8FA; border-bottom:1px solid #d8dbde}

/* 영업사원 조회 */
.businessList {background:#F6F8FA; border-radius:4px}
.businessList-top {display:flex; align-items:center; border-bottom:1px solid #D8DBDE; height:60px; font-size:18px; font-weight:600; color:#0C184D}
.businessList-top > dt {flex-shrink:0; width:150px; padding-left:30px; font-weight:600}
.businessList-top > dd {width:100%; padding-left:30px}
.businessList-Bottom {height:185px; overflow-x:hidden; overflow-y:auto; padding:10px 0}
.businessList-Bottom a {display:flex; align-items:center; padding:9px 0; font-size:18px; font-weight:400; color:#191919}
.businessList-Bottom .bb_dt {flex-shrink:0; width:150px; padding-left:30px; font-weight:400}
.businessList-Bottom .bb_dd {width:100%; padding-left:30px}
.businessList-Bottom a:hover .bb_dt {text-decoration:underline; text-underline-position:from-font}


@media screen and (max-width:1800px) {
	.umMainVisual-slide1, .umSubVisual {background-position:bottom right -100px}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:1700px) {
	.background-video {right:-100px}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:1600px) {
	.umMainVisual-slide1, .umSubVisual {background-position:bottom right -150px}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:1500px) {
	.umMainVisual-slide1, .umSubVisual {background-position:bottom right -200px}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:1440px) {
	.umMainVisual-slide1, .umSubVisual {background-position:bottom right -250px}
	.umMainCon2swiper-slide1 {background-position:top calc(50% - -36px) left -180px; background-size:60%}
	.umFloating {width:60px}
	.umFloating > li {width:60px; border-radius:60px}ㄴ
	.umFloating > li:nth-child(2) {margin:6px 0}
	.umFloating > li > a {width:60px; height:60px; border-radius:60px; padding:10px}
	.umFloating > li span {font-size:18px; margin-right:10px}
	.umFloating > li img {height:40px}	
	.umMainCon6-1 {flex-wrap:wrap; margin:0}
	.umMainCon6-1-1 {order:2; margin-top:50px; padding-right:80px; width:100%; display:flex; justify-content:flex-start}
	.umMainCon6-1-2 {order:1; padding:100px 80px 0 80px; width:100%}
	.umMainCon6 h2 {margin:30px 0 15px 0}
	.umMainCon6-pc, .umMainCon6 h4 br {display:none}
	.umMainCon6-m {display:block}
	.umMainCon6-2 {flex-wrap:wrap; margin:0}
	.umMainCon6-2-2 {order:2; margin-top:50px; padding-left:80px; width:100%; margin-right:0; display:flex; justify-content:flex-end}
	.umMainCon6-2-1 {order:1; margin:0; padding:180px 80px 0 80px; width:100%}
	.umMainCon6-3 {flex-wrap:wrap; margin:0}
	.umMainCon6-3-1 {order:2; margin-top:50px; padding-right:80px; width:100%; display:flex; justify-content:flex-start}
	.umMainCon6-3-2 {order:1; margin:0; padding:180px 80px 0 80px; width:100%}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}

@media screen and (max-width:1280px) {
	/* Tablet */
	.mt10 {margin-top:0.7813vw !important}
	.mt15 {margin-top:1.1719vw !important}
	.mt16 {margin-top:1.25vw !important}
	.mt20 {margin-top:1.5625vw !important}
	.mt25 {margin-top:1.9531vw !important}
	.mt30 {margin-top:2.3438vw !important}
	.mt35 {margin-top:2.7344vw !important}
	.mt40 {margin-top:3.1250vw !important}
	.mt45 {margin-top:3.5156vw !important}
	.mt50 {margin-top:3.9063vw !important}
	.mt60 {margin-top:4.6875vw !important}
	.mt70 {margin-top:5.4688vw !important}
	.mt80 {margin-top:6.2500vw !important}
	.mt150 {margin-top:11.7188vw !important}
	
	.umMainVisualTxt h2 {font-size:5.1563vw !important}	
	.umMainCon1_titWrap > h2, .umMainCon2_titWrap > h2, .umMainCon3_titWrap > h2, .umMainCon5_titWrap > h2, .umMainCon6 h2, .umMainCon7_titWrap > h2, .umSubVisual > .inner h2, .umSub_h2 {font-size:4.6875vw !important}
	.umMainCon3_list > li h3, .umMainCon6 h3, .umSubConTit1, .umMainCon8 > .inner h3 {font-size:3.4375vw !important}
	.umMainCon5_listBox > h4, .umMainCon7_list > li h4, .umSub_h3 {font-size:2.5vw !important}
	.umMainVisualTxt h3, .umMainCon1_titWrap > h3, .umMainCon2_titWrap > h3, .umMainCon3_list > li p, .umMainCon4List > li > h3, .umMainCon6 h4, .umSubConTxt2, .umSub_h4 {font-size:2.1875vw !important}
	.umSubVisual > .inner p, .umSub_h5, .umSub_p0, .umSub03-1-list_left_tit {font-size:1.8750vw !important}
	.umMainCon5_listBox > p, .umMainCon7_list > li p, .umSubConTxt1, .umSubConTxt3, .umSub_h6, .umSub_p, .umMainCon8 > .inner p, .umMainCon1_txt {font-size:1.7188vw !important}
	.umSub_p1, .umSub_p2 .umSub_p3 {font-size:1.5625vw !important}
	.umSub_p4 {font-size:1.4063vw !important}
	.umMainVisualTxt h3 {margin:2.3438vw 0 0 0}
	.umMainVisualBtn {margin-top:7.8125vw}
	.btnBox {height:auto; padding:1.4063vw 1.8750vw; font-size:1.8750vw}
	.umMainCon3_list > li h3 {margin:3.1250vw 0 0.7813vw 0}
	.umMainCon5_listBox {padding:3.1250vw}
	.umMainCon5_listBox > h4 {margin:0 0 1.5625vw 0}
	.umMainCon1, .umMainCon2, .umMainCon4 {padding-top:9.3750vw; padding-bottom:9.3750vw; padding-right:6.2vw; padding-left:6.2vw}
	.umMainCon3, .umMainCon5, .umMainCon6, .umMainCon7 {padding-top:14.0625vw; padding-bottom:14.0625vw}
	.umMainCon8 {padding-top:6.2500vw; padding-bottom:6.2500vw}
	.umMainCon3_list > li {margin:0 0 5.4688vw 0}
	.umMainCon6-1-2 {padding-top:0}
	.umMainCon6-2-1, .umMainCon6-3-2 {padding-top:14.0625vw}
	.umMainCon1_titWrap > h3, .umMainCon2_titWrap > h3 {margin:1.2500vw 0 0 0}
	.umMainCon6 h2 {margin:2.3438vw 0 1.2500vw 0}
	.umMainCon5slider {margin:5.4688vw auto 0 auto; padding-bottom:3.9063vw}

	.umHeader {padding:0px 2.8125vw; height:9.375vw}
	.umHeaderLeft .umHeaderGnbWrap img, .umMenuOpen img {height:3.9063vw; vertical-align:middle}
	.umHeaderRight > a {font-size:1.8750vw; margin-right:3.1250vw}

	.btnRound {height:auto; padding:0.7813vw 1.5625vw; border-radius:4.6875vw; font-size:1.8750vw; height:4.5313vw}
	.umHeaderRight_console {font-size:1.8750vw !important; height:4.5313vw; padding:0 1.5625vw; border-radius:4.6875vw; margin-right:1.5625vw !important}
	.umMenuOpen {font-size:3.1250vw !important}
	.umHeaderGnbUtil {padding:0 2.8125vw; bottom:2.8125vw}

	.payTbl thead th {font-size:1.5625vw; padding:1.8750vw 2.8125vw}
	.payTbl tbody td {font-size:1.4063vw; padding:1.4844vw 2.8125vw}
	.btnBasics {font-size:1.4063vw; padding:0.7813vw; border-radius:2.3438vw; height:auto}
	.umSub03-3-list {margin-top:3.9063vw}
	.umSub03-3-list-left > li {border-radius:0.3125vw; height:7.4219vw; padding:0 2.8125vw; font-size:1.7188vw; margin:0.3125vw 0}
	.umSub03-1-list_right_tit {height:4.8438vw; font-size:1.8750vw}
	.umSub03-3-list-right ul {padding:3.1250vw 0}
	.umSub03-3-list-right ul > li {margin:0.3906vw 0; font-size:1.7188vw}
	.umSub03-3-list-right-bottom {height:8.4375vw; font-size:2.5vw}

	.umSubConTxt2 {padding:0 1.5625vw; border-radius:4.6875vw; height:3.9844vw}
	.umSubConTxt3 {margin-top:1.5625vw}
	.umMainCon2_titWrap, .umMainCon3_titWrap, .umMainCon5_titWrap, .umMainCon7_titWrap, .umMainCon3_titWrap, .umMainCon3slider, .logoList, .logoList, .umMainCon6-1-2, .umMainCon6-2-1, .umMainCon6-3-2, .umMainCon7_titWrap, .umFooterWrap, .umSubContainer, .umTabWrap {padding-right:6.2vw; padding-left:6.2vw}
	.umMainCon6-1-1, .umMainCon6-3-1 {padding-right:6.2vw; padding-left:0}
	.umMainCon6-2-2 {padding-right:0; padding-left:6.2vw}
	.umMainCon6-1-1, .umMainCon6-2-2, .umMainCon6-3-1 {margin-top:3.9063vw}
	.umSubCon4List-right > li {padding:0 1.8750vw}
	.umSubCon4List-right > li h3 {font-size:2.1875vw}

	.umSubContainer > .inner {padding:9.3750vw 0}

	.umFooterTop_gosite {height:6.0938vw; padding:0 1.5625vw; border-radius:0.3125vw; font-size:1.8750vw}
	.umFooterTop_gositeList {padding:0.6250vw 0; border-radius:0.3125vw}
	.umFooterTop_gositeList > li > a {padding:0 1.8750vw; height:3.9063vw; font-size:1.4063vw}

	.umSubCon1_list, .umSubCon2_list, .umSubCon4List {margin:3.9063vw 0 0 0}

	.umTabWrap > .inner > a {height:6.0938vw; font-size:1.8750vw}
	.umSubTab > a {height:6.0938vw; font-size:1.8750vw}

	.umNotiList > li > a {padding:2.8125vw}
	.umNotiViewTit {padding:1.5625vw 2.8125vw}
	.umNotiViewCon {padding:2.8125vw 2.8125vw 7.8125vw 2.8125vw}
	.umSearchInputWrap {padding:0 1.5625vw}
	.umSearchInputWrap .umInputStyle {padding:0}

	.umMainCon5_listBox > h4 {height:7vw}
	.umMainCon5_listBox > p {height:11vw} 
	.umMainCon7_list > li h4 {height:11vw} 
	.umMainCon7_list > li p {height:11vw}

	.umBoxStyle3 {padding:1.8750vw}
	.umAgreeBox {padding:1.5625vw}

	.umSearchInputWrap {padding:0 1.8750vw; max-width:30.6250vw; font-size:1.7188vw}
	.umSearchInputWrap .umInputStyle {padding:0 0 0 1.25vw}
	.umSearchInputWrap .umInputStyle::placeholder {font-size:1.7188vw}

	




	.background-video {right:-310px}
	.umMainVisual, .umMainVisual .swiper-slide {height:980px}
	.umMainVisual-slide1 {background-position:bottom right -300px}
	.umMainVisualTxt {margin-top:255px}
	.umHeaderGnbWrap {display:none}
	.umHeaderRight {display:flex; align-items:center}
	.umMenuOpen {display:inline-flex; align-items:center; justify-content:flex-end; vertical-align:top; color:#0C184D; margin-right:0 !important}
	.umMenuOpen:hover {color:#08123C}
	.umHeaderGnbWrap {position:fixed; top:0px; right:0; z-index:999999; width:100%; max-width:49.3750vw; height:100%; background:#fff; border-bottom:1px solid #D9D9D9; overflow-y:auto}
	.umHeaderGnbWrap.active {display:block}
	.umHeaderGnb {flex-wrap:wrap; overflow-y:scroll; background:#fff; max-height:calc(100% - 300px)}
	.umHeaderGnb > li {margin-right:0px; width:100%}
	.umHeaderGnb > li > a {font-size:3.1250vw; height:auto; width:100%; padding:3.1250vw 2.8125vw; font-weight:700; border-bottom:1px solid #D8DBDE; justify-content:space-between}
	.umHeaderGnb > li > a:after {content:''; display:block; width:3.9063vw; height:3.9063vw; background:url('../images/umHeaderGnbArr.svg') center center no-repeat}
	.umHeaderGnb > li:nth-child(4) > a {border-bottom:none}
	.umHeaderGnb > li:nth-child(4) > a:after {display:none}
	.umHeaderGnb > li > a:hover {color:#3F65F1; border-bottom:1px solid #D8DBDE}
	.umHeaderGnbDepWrap {display:block !important; position:relative}
	.umHeaderGnbDep {flex-wrap:wrap; width:100%; height:auto}
	.umHeaderGnb > li:nth-child(4) .umHeaderGnbDep {margin-left:0; margin-top:-5px}
	.umHeaderGnbDep > li {width:100%}
	.umHeaderGnbDep a {display:flex; align-items:center; ; justify-content:space-between; padding:1.5625vw 2.8125vw; font-weight:400; width:100%; font-size:3.1250vw}
	.umHeaderGnbDep a:after {content:''; display:block; width:3.9063vw; height:3.9063vw; background:url('../images/umHeaderGnbArr.svg') center center no-repeat}
	.umHeaderGnbDep > li:last-child a {border-bottom:1px solid #D8DBDE; padding-bottom:3.1250vw}
	.umHeaderGnbUtil {display:block; position:absolute; bottom:36px; left:0; width:100%}
	.umHeaderGnbTop {display:flex; align-items:center; justify-content:space-between; height:9.375vw; padding:0 2.8125vw}
	.umSubVisual {margin-top:9.375vw}
	.umHeaderGnbTopLogo {height:37.5px}
	.umHeaderGnbTop > div {display:flex; align-items:center}
	.umHeaderGnbDepBg {display:none !important}
	.umMenuClose {color:#191919; width:3.9063vw; height:3.9063vw}
	.umMainCon1_titWrap, .umMainCon2_titWrap {text-align:center}
	.umMainCon1_titWrap > h2, .umMainCon2_titWrap > h2 {margin:0; width:100%; line-height:120%}
	.umMainCon1_titWrap > h3, .umMainCon2_titWrap > h3 {width:100%; line-height:140%}
	.umMainCon1_titWrap > h2 br, .umMainCon1_titWrap > h3 br, .umMainCon2_titWrap > h2 br, .umMainCon2_titWrap > h3 br {display:none}
	.umGraphWrap {margin-top:70px; justify-content:center; transform:scale(0.9)}
	.umMainCon2_titWrap, .umMainCon3_titWrap, .umMainCon5_titWrap, .umMainCon7_titWrap { margin:0}
	.umMainCon5_list {margin-left:calc(410px / -2 - 16px)}
	.umMainCon5_list > li {width:410px}
	.umMainCon5_listBox > h4 br {display:none}
	.umFooterTop_right {position:relative; top:0; right:0; left:320px; margin-top:20px}
	.umFooterTop_gositeList {top:auto; bottom:100%}
	.umSubCon4List-left {width:740px}
	.umSub02-2-1 {justify-content:flex-start; margin-left:-36px}
	.umSub02-2-2 > li {padding:50px 30px}
	.umSub03-3Arr {overflow:hidden; width:100px}
	.umSub03-3Arr > img {float:right}
	.umNotiList > li {width:calc(50% - 16px)}
	.umNotiList > li > a .umSub_h3 {height:auto; -webkit-line-clamp:1}
	.umTrialStatus > li {padding:30px 20px 90px 20px}
	.umBoardTypeList_Tit h3 {font-size:20px; font-weight:600; color:#191919; margin:0 10px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:90%; word-break:break-word;}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}

@media screen and (max-width:1210px) {
	.umMainVisual-slide1 {background-size:1800px}
    .umBoardTypeList_Tit h3 {font-size:20px; font-weight:600; color:#191919; margin:0 10px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:80%; word-break:break-word;}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}

@media screen and (max-width:1140px) {
	.umMainCon1_titWrap, .umMainCon2_titWrap {text-align:center; width:100%; padding:0}
	.umMainCon1_titWrap > h2 br, .umMainCon1_titWrap > h3 br, .umMainCon2_titWrap > h2 br, .umMainCon2_titWrap > h3 br {display:block}
	.umSubCon4List {flex-wrap:wrap}
	.umSubCon4List-left {width:100%; margin-right:0; margin-bottom:50px}
	.umSubCon4List-right > li {height:140px}
	.umSubCon4List-right > li h3 br {display:none}
	.freeTrialLeft {max-width:580px; margin-right:30px}
	.umBoardTypeList_Tit h3 {font-size:20px; font-weight:600; color:#191919; margin:0 10px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:70%; word-break:break-word;}	
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}

@media screen and (max-width:1100px) {
	.umGraphWrap {margin-top:0px; transform:scale(0.75)}
	.umMainCon1_txt {height:auto; padding:10px 20px; line-height:140%; margin-top:0; text-align:center}
	.umBoardTypeList_Tit h3 {font-size:20px; font-weight:600; color:#191919; margin:0 10px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:60%; word-break:break-word;}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}

@media screen and (max-width:1024px) {
	.umMainVisual-slide1 {background-size:1600px; background-position:bottom right -250px}
	.umGraphWrap {transform:scale(1); flex-wrap:wrap; margin-top:70px}
	.umGraphLeft {max-width:100%}
	.umGraphArr {margin:50px 0; width:100%; text-align:center}
	.umGraphArr > img {transform:rotate(90deg)}
	.umGraph1, .umGraph2 {margin:0 auto}
	.umGraph1 {zoom:1.3}
	.umMainCon1_txt-m {display:block; margin-top:30px}
	.umMainCon1_txt-pc {display:none}
	.umMainCon3_titWrap, .umMainCon3slider, .logoList {text-align:center}
	.umMainCon3_titWrap > h2 {margin-right:0; width:100%}
	.umMainCon3_titWrap > h3 {display:none}
	.umMainCon3_m {display:block}
	.umMainCon3_pc {display:none}
	.umMainCon3_list > li {width:100%}
	.umMainCon3_list > li:last-child {margin-bottom:0}
	.umMainCon4List {flex-wrap:wrap}
	.umMainCon4List > li {width:100%}
	.umMainCon4List > li:nth-child(2) {margin:100px 0}
	.umMainCon5_titWrap {text-align:center; padding:0 36px}
	.umMainCon5_titWrap > h2 {margin-right:0; width:100%}
	.umMainCon5_titWrap > h3 {display:none}
	.umMainCon5slider {position:relative; padding-bottom:50px}
	.umMainCon5-pagination {display:block}
	.umMainCon5_list {margin-left:calc(90% / -1 - 16px)}
	.umMainCon5_list > li {width:90%}
	.logoList > li {width:auto; margin:0 10px 20px 10px}
	.umMainCon7slider .inner {padding-bottom:40px}
	.umMainCon7_titWrap {text-align:center}
	.umMainCon7_titWrap > h2 {margin-right:0; width:100%}
	.umMainCon7_titWrap > h3 {display:none}
	.umMainCon7slider {position:relative}
	.umMainCon7-pagination {display:block}
	.umMainCon7_list {margin-left:calc(316px / -2 - 16px)}
	.umMainCon7_list > li {width:316px; padding:30px}
	.umFooterTop {margin-bottom:20px; padding-bottom:20px}
	.umFooterTop_left {flex-wrap:wrap}
	.umFooterTop_left ul {width:100%; margin-left:0;  margin-top:20px}
	.umFooterBottom > .inner {margin:0}
	.umFooterTop_right {left:0}
	.umSub02-2-2 {flex-wrap:wrap}
	.umSub02-2-2 > li {width:100%; border-right:0; border-bottom:1px solid #D8DBDE; display:flex; justify-content:space-between}
	.umSub02-2-2 > li:last-child {border-bottom:none}
	.umSub02-2-2-img {margin-top:0}
	.umSub03-1-list {flex-wrap:wrap}
	.umSub03-1-list_left {max-width:100%; margin-right:0; margin-bottom:16px}
	.umSub03-3-list {flex-wrap:wrap}
	.umSub03-3-list-left {max-width:100%}
	.umSub03-3Arr {display:flex; align-items:center; justify-content:center; overflow:initial; width:100%; height:100px; margin:16px 0}
	.umSub03-3Arr > img {float:none; transform:rotate(90deg); zoom:0.6}
	.umFaqQ, .umFaqA {font-size:26px}
	.umFaqTit, .umFaqIcon {font-size:22px}
	.umFaqAn .umFaqTxt {font-size:16px}
	.umFaqBan {padding:36px}
	.umFaqBan, .umFaqBan-left {flex-wrap:wrap; justify-content:center}
	.umFaqBan-left {width:100%}
	.umFaqBan-left > img {margin-right:0}
	.umFaqBan-left > div {width:100%; text-align:center; margin-bottom:20px}
	.umFaqBan-left > div .umSub_p0 {margin-top:5px}
	.umFaqBan-right {width:100%}
	.umNotiList > li {width:calc(100% - 16px)}
	.umNotiList > li > a .umSub_h3 {margin:15px 0 30px 0}
	.umField {flex-wrap:wrap}
	.umField.mt16 {margin-top:0}
	.umInquiryTit {max-width:100%; margin:26px 0 16px 0; height:70px !important}
	.umFieldGap {margin-left:0}
	.freeTrialLeft {max-width:500px}
	.umTrialStepWrap {display:flex}
	.umTrialStepNum {flex-wrap:wrap}
	.umTrialStepNum > li {width:100%; display:flex; align-items:center; margin-bottom:16px}
	.umTrialStepNum > li img {top:auto; right:auto; bottom:-50px; left:calc(50% - 15px)}
	.umTrialStepNumArr-pc {display:none}
	.umTrialStepNumArr-mobile {display:block}
	.umTrialStatus {flex-wrap:wrap; margin:0}
	.umTrialStatus > li {width:100%; height:auto; display:flex; align-items:center; padding:40px; margin:0 0 16px 8px}
	.umTrialStatus > li > .umTrialStatus-txt {margin-left:16px; text-align:left; width:100%}
	.umTrialStatus > li > .umTrialStatus-txt .umSub_h4 {margin-top:0 !important}
	.umTrialStatusBtn {position:static; width:auto}
	.umBoardTypeList_Tit h3 {font-size:20px; font-weight:600; color:#191919; margin:0 10px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:50%; word-break:break-word;}	
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}

@media screen and (max-width:960px) {
	.umMainVisual-slide1 {background-size:1450px; background-position:bottom right -230px}
	.umMainVisualTxt {margin-top:210px}
	.umGraph1 {zoom:1.1}
	.umSubCon2slider {margin-left:0}
	.umSubCon1_list > li {width:100%; margin:0}
	.umSubCon1_list > li:nth-child(2) {margin:16px 0}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:900px) {
	.umHeaderRight_login, .umHeaderRight_free, .umHeaderRight_logout {display:none}
	.umMainVisualBtn {margin-top:40px}
	.umGraph1 {zoom:1}
	.umMainCon2swiper-slide1 {background:none}
	.umMainCon2swiper .swiper-slide {padding:0}
	.umMainCon2swiper-m {display:block}
	.umMainCon2swiper-pc {display:none}
	.freeTrialWrap {flex-wrap:wrap}
	.freeTrialLeft {max-width:100%; height:664px; margin-bottom:50px}
	.umPreviewSwiperWrap {bottom:0}
	.umBoardTypeList_Tit h3 {font-size:20px; font-weight:600; color:#191919; margin:0 10px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:45%; word-break:break-word;}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:830px) {
    .umBoardTypeList_Tit h3 {font-size:20px; font-weight:600; color:#191919; margin:0 10px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:38%; word-break:break-word;}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}

@media screen and (max-width:768px) {
	.hide768 {display:none}
	.show768 {display:block}
	
	.umMainVisual-slide1 {background-size:1250px; background-position:bottom right -230px}
	.umNotiList-cate {font-size:15px; line-height:120%}
	.umGraph1 {zoom:0.8}
	.logoList > li {margin:0 5px 0 5px}	
	.umSubVisualNo.umSubContainer > .inner {padding:30px 0}	
	.umSubCon2_list {margin:50px 0 0 0}
	.umSubCon2_list > li {width:100%; padding-top:50px; margin:0 0 16px 0}	
	.umSubCon4List-left {flex-wrap:wrap; padding:70px 20px 0 20px}
	.umSubCon4List-left > div {width:100%; text-align:center; margin-bottom:50px}
	.umSubCon4List-left img {margin-left:0}
	.umSub02-2-1 {justify-content:center; margin-left:0}
	.umSub03-1-list_left > ul {flex-wrap:wrap; padding:40px}
	.umSub03-1-list_left > ul > li:first-child {border-bottom:1px solid #D8DBDE; padding-bottom:30px; margin-bottom:30px; border-right:none}	
	.umCalculatorTotal {flex-wrap:wrap}
	.umCalculatorTotal > span {font-size:18px; width:100%; text-align:right}
	.umCalculatorTotal > strong {font-size:46px; width:100%; text-align:right}
	.umFaqTopLeft {font-size:22px}
	.umSearchInput {height:60px; line-height:60px}
	.umFaqTitle {padding:26px 0}
	.umFaqList > li {padding:0 26px}
	.umFaqList > li.active .umFaqTitle {padding:26px 0 20px 0}
	.umFaqList > li.active .umFaqAn {margin-bottom:26px}
	.umFaqQ, .umFaqA {font-size:22px; margin-right:10px}
	.umFaqTit, .umFaqIcon {font-size:18px}
	.umFaqAn .umFaqTxt {font-size:15px}
	.umNotiList > li > a .umSub_h3 {margin:10px 0 25px 0}
	.umPagination .first, .umPagination .prev, .umPagination .last, .umPagination .next {width:24px; height:24px; font-size:18px; margin:0 3px}
	.umPagination .prev {margin-right:15px}
	.umPagination .next {margin-left:15px}
	.umPagination .page {width:30px; height:30px; font-size:16px; margin:0 4px}
	.umNotiViewTit {flex-wrap:wrap}
	.umNotiViewTit > div {flex-wrap:wrap; width:100%}
	.umNotiViewTit > div .umSub_h3 {width:100%; margin:10px 0}	
	.umNotiViewBottom dl, .umAttach {padding:20px 20px}
	.umNotiViewBottom dl dt, .umAttachTit, .umAttachFile {font-size:16px}
	.umNotiViewBottom dl dt span {margin-right:10px}
	.umNotiViewBottom dl dd {font-size:16px; margin-left:20px}
	.umTrialStatus > li {padding:30px; height:160px}
	.umTrialStepNum > li img {zoom:0.7}
	.umBoardTypeList > ul > li > a {padding:0 16px}
	.umAgreeBox > .inner {max-height:250px}
	.umFloating.fixed {bottom:20px; right:20px}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:720px) {
	/* Mobile */
	.show720 {display:block}
	.mt10 {margin-top:1.3889vw !important}
	.mt15 {margin-top:2.0833vw !important}
	.mt16 {margin-top:2.2222vw !important}
	.mt20 {margin-top:2.7778vw !important}
	.mt25 {margin-top:3.4722vw !important}
	.mt30 {margin-top:4.1667vw !important}
	.mt35 {margin-top:4.8611vw !important}
	.mt40 {margin-top:5.5556vw !important}
	.mt45 {margin-top:6.2500vw !important}
	.mt50 {margin-top:6.9444vw !important}
	.mt60 {margin-top:8.3333vw !important}
	.mt70 {margin-top:9.7222vw !important}
	.mt80 {margin-top:11.1111vw !important}
	.mt150 {margin-top:20.8333vw !important}
	.umHeader {padding:0px 5vw; height:18.0556vw}
	.umHeaderLeft img, .umHeaderLeft .umHeaderGnbWrap img, .umMenuOpen img {height:6.9444vw}
	.umHeaderRight > a {font-size:3.8889vw; margin-right:2.7778vw}
	.btnRound {height:auto; padding:1.3889vw 2.7778vw; border-radius:8.3333vw; font-size:3.3333vw; height:8.0556vw}
	.umHeaderRight_console {font-size:3.8889vw !important; height:9.0278vw; padding:0 2.7778vw; border-radius:8.3333vw; margin-right:2.7778vw !important}
	.umMenuOpen {font-size:5.5556vw !important}
	.umHeaderGnbWrap {max-width:87.7778vw}
	.umHeaderGnbTop {padding:0 5vw; height:18.0556vw}
	.umSubVisual {margin-top:18.0556vw}
	.umMenuClose {width:6.9444vw; height:6.9444vw}
	.umHeaderGnb > li > a {font-size:5.5556vw; height:auto; padding:5.5556vw 5vw}
	.umHeaderGnb > li > a:after {width:6.9444vw; height:6.9444vw}
	.umHeaderGnbDep a {padding:2.7778vw 5vw; font-size:5.5556vw}
	.umHeaderGnbDep a:after {width:6.9444vw; height:6.9444vw}
	.umHeaderGnbDep > li:last-child a {padding-bottom:5.5556vw}
	.umHeaderGnbUtil {padding:0 5vw; bottom:5vw}
	.umHeaderGnbUtil_login {font-size:3.3333vw; padding:3.3333vw; margin-bottom:1.3889vw}
	.umHeaderGnbUtil_logout {font-size:3.3333vw; padding:3.3333vw; margin-bottom:1.3889vw}
	.umHeaderGnbUtil_join {font-size:3.3333vw; padding:3.3333vw}
	.umHeaderGnbUtil_free {font-size:3.3333vw; padding:3.3333vw; margin-bottom:1.3889vw}
	.umHeaderGnb {max-height:calc(100% - 65vw)}
	.btnBox {height:auto; padding:2.5vw 1.8750vw; font-size:3.3333vw}

	.payTbl thead th {font-size:2.7778vw; padding:3.3333vw 5vw}
	.payTbl tbody td {font-size:2.5vw; padding:2.6389vw 5vw}
	.btnBasics {font-size:2.5vw; padding:1.3889vw; border-radius:4.1667vw; height:auto}	
	.umSub03-3-list {margin-top:6.9444vw}
	.umSub03-3-list-left > li {border-radius:0.5556vw; height:13.6111vw; padding:0 5vw; font-size:3.3333vw; margin:0.5556vw 0}
	.umSub03-1-list_right_tit {height:9.1667vw; font-size:3.6111vw}
	.umSub03-3-list-right ul {padding:5.5556vw 0}
	.umSub03-3-list-right ul > li {margin:0.6944vw 0; font-size:3.3333vw}
	.umSub03-3-list-right-bottom {height:15.4167vw; font-size:4.7222vw}

	.umSubConTxt2 {padding:0 2.7778vw; border-radius:8.3333vw; height:7.5vw}
	.umSubConTxt3 {margin-top:2.7778vw}

	.umMainVisual-slide1 .inner, .umMainCon3_titWrap, .umMainCon5_titWrap, .umMainCon7_titWrap, .umMainCon3_titWrap, .umMainCon3slider, .logoList, .logoList, .umMainCon6-1-2, .umMainCon6-2-1, .umMainCon6-3-2, .umMainCon7_titWrap, .umFooterWrap, .umTabWrap, .umSubContainer, .umTabWrap {padding-right:5vw; padding-left:5vw}
	.umMainCon6-1-1, .umMainCon6-3-1 {padding-right:5vw; padding-left:0}
	.umMainCon6-2-2 {padding-right:0; padding-left:5vw}
	.umMainCon6-1-1, .umMainCon6-2-2, .umMainCon6-3-1 {margin-top:6.9444vw}
	.umSubCon4List-right > li {padding:5.5556vw; height:19.4444vw}
	.umSubCon4List-right > li h3 {font-size:4.1667vw}
	.umSubCon4List-right > li div > img, .umSub02-2-2-img img {height:11.1111vw}

	.umSubContainer > .inner {padding:16.6667vw 0}

	.umFooterTop_gosite {height:11.3889vw; padding:0 2.7778vw; border-radius:0.5556vw; font-size:3.6111vw}
	.umFooterTop_gositeList {padding:1.1111vw 0; border-radius:0.5556vw}
	.umFooterTop_gositeList > li > a {padding:0 2.7778vw; height:6.9444vw; font-size:2.7778vw}

	.umSubCon1_list, .umSubCon2_list {margin:6.9444vw 0 0 0}

	.umTabWrap > .inner > a {height:11.3889vw; font-size:3.6111vw}
	.umSubTab > a {height:11.3889vw; font-size:3.6111vw}

	.umNotiList > li > a {padding:5vw}
	.umNotiViewTit {padding:2.7778vw 5vw}
	.umNotiViewCon {padding:5vw 5vw 13.8889vw 5vw}

	.umSearchInputWrap {padding:0 2.7778vw}

	.umMainCon5_listBox > h4 {height:13vw}
	.umMainCon5_listBox > p {height:20vw} 
	.umMainCon7_list > li h4 {height:13vw; -webkit-line-clamp:2} 
	.umMainCon7_list > li p {height:15vw; -webkit-line-clamp:3}

	.umBoxStyle3 {padding:3.3333vw}
	.umAgreeBox {padding:2.7778vw}

	.umSearchInputWrap {padding:0 2.7778vw; max-width:52.7778vw; font-size:3.3333vw}
	.umSearchInputWrap .umInputStyle {padding:0 0 0 2.2222vw}
	.umSearchInputWrap .umInputStyle::placeholder {font-size:3.3333vw}


	

	.umMainVisual, .umMainVisual .swiper-slide {height:166.6667vw}
	.background-video {width:190%; right:-7vw; bottom:-7vw}

	.umMainVisual-slide1 {background-position:bottom right -310px}
	.umMainVisual .swiper-pagination {bottom:4.4444vw}
	.umMainVisualTxt {width:100%; text-align:center; margin-top:29.1667vw}
	.umMainVisual-slide1 {background-position:bottom right 6%}
	.umSubVisual {height:250px; background-size:cover; background-position:bottom right -180px}

	.umMainVisualTxt h2 {font-size:9.7222vw !important; letter-spacing:-1px}	
	.umMainCon1_titWrap > h2, .umMainCon2_titWrap > h2, .umMainCon3_titWrap > h2, .umMainCon5_titWrap > h2, .umMainCon6 h2, .umMainCon7_titWrap > h2, .umSubVisual > .inner h2, .umSub_h2 {font-size:8.6111vw !important; letter-spacing:-1px}
	.umMainCon3_list > li h3, .umMainCon6 h3, .umSubConTit1, .umMainCon8 > .inner h3 {font-size:6.3889vw !important; letter-spacing:-1px}
	.umMainCon5_listBox > h4, .umMainCon7_list > li h4, .umSub_h3 {font-size:4.7222vw !important; letter-spacing:-0.75px}
	.umMainVisualTxt h3, .umMainCon1_titWrap > h3, .umMainCon2_titWrap > h3, .umMainCon3_list > li p, .umMainCon4List > li > h3, .umMainCon6 h4, .umSubConTxt2, .umSub_h4 {font-size:4.1667vw !important}
	.umSubVisual > .inner p, .umSub_h5, .umSub_p0, .umSub03-1-list_left_tit, .umFooterTop_left ul > li > a {font-size:3.6111vw !important}
	.umMainCon5_listBox > p, .umMainCon7_list > li p, .umSubConTxt1, .umSubConTxt3, .umSub_h6, .umSub_p, .umMainCon8 > .inner p, .umMainCon1_txt, .umFooterBottom_txt {font-size:3.3333vw !important}
	.umSub_p1, .umSub_p2 .umSub_p3 {font-size:3.0556vw !important; letter-spacing:-0.45px}
	.umSub_p4 {font-size:2.7778vw !important; letter-spacing:-0.45px}

	.umMainVisualTxt h3 {margin-top:2.7778vw}
	.umMainVisualBtn {margin-top:4.1667vw}
	.umMainCon3_list > li h3 {margin-top:5.5556vw}
	.umMainCon3slider, .umMainCon5slider {margin-top:9.7222vw}
	
	.umMainCon5_listBox > h4 {margin-bottom:2.7778vw}
	.umMainCon3_list > li {margin-bottom:9.7222vw}
		
	.umMainCon1, .umMainCon2, .umMainCon4 {padding-top:16.6667vw; padding-bottom:16.6667vw; padding-right:5vw; padding-left:5vw}
	.umMainCon3, .umMainCon5, .umMainCon6, .umMainCon7 {padding-top:25vw; padding-bottom:25vw}
	.umMainCon8 {padding-top:11.1111vw; padding-bottom:11.1111vw}
	.umMainCon8 > .inner p {margin-top:1.3889vw; margin-bottom:6.9444vw}
	.umMainCon6-1-2 {padding-top:0}
	.umMainCon6-2-1, .umMainCon6-3-2 {padding-top:25vw}
	.umFooterWrap {padding-top:4.1667vw; padding-bottom:6.9444vw}
	.umFooterTop {margin-bottom:2.7778vw; padding-bottom:2.7778vw}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:650px) {
	.umMainCon7slider {margin:50px auto 0 auto; padding:0 26px}
	.umMainCon7_list {margin-left:0} 
	.umMainCon7_list > li {width:100%}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:600px) {
	.umHeaderLeft > h1 {margin-right:0}
	.umMainVisual-slide1 {background-size:1100px; background-position:bottom right 8%}
	.umGraph1, .umGraph2 {zoom:0.7}
	.umGraph1 > div h5 {bottom:-45px}
	.umGraphWrap > div.umGraphRight h4 {max-width:280px; margin-right:auto; margin-left:auto}
	.umMainCon3_list > li p br {display:none}
	.umMainCon4List > li > h4 {font-size:38px}
	.umMainCon4List > li > h4 span {font-size:110px}
	.umMainCon4List > li:nth-child(2) {margin:50px 0}
	.umMainCon6 h2 {margin:20px 0 10px 0}
	.umSub02-2-2 > li {padding:20px 15px}
	.umTabWrap > .inner, .umSubTab {flex-wrap:wrap}
	.umTabWrap > .inner > a, .umSubTab > a {width:auto; flex:1 1 49%}
	.umTabWrap > .inner > a {height:60px; font-size:18px}
	.umSubTab > a {height:62px; font-size:18px}
	.umFaqTopLeft {font-size:20px}
	.umFaqTopRight .umSearchInput {font-size:16px; background-position:center left 10px; padding-left:45px}
	.umFaqTopRight .umSearchInput::placeholder {font-size:16px}	
	.umNotiViewBox {padding:16px}
	.umNotiViewBottom dl, .umAttach {padding:15px 10px}
	.umNotiViewBottom dl dt, .umAttachTit {font-size:15px}
	.umNotiViewBottom dl dt span {margin-right:7px}
	.umNotiViewBottom dl dd {font-size:15px}
	.umAttachFileWrap2 {margin-left:10px}
	.umFaqNoResults {font-size:22px}
	.umRadioWrap1 > div {margin:0 0 10px 0; width:100%}
	.agreeTxtBtn {width:100%; margin-top:10px}	
	.umCard {flex-wrap:wrap}
	.umCard input {width:calc(50% - 8px); margin:4px}
	.umModalTop p {font-size:18px}
	.logoList > li {width:calc(50% - 10px); padding:0 10px}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:549px) {
	.umMainVisual-slide1 {background-size:1000px; background-position:bottom right 4%}
	.freeTrialLeft .swiper-slide .umSubConTxt2Wrap {zoom:1.2; top:60px}
	.freeTrialLeft {zoom:0.8}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:500px) {
	.umNotiList-cate {font-size:14px; line-height:120%}
	.umNotiList-cate {height:30px}	
	.umMainVisual-slide1 {background-position:bottom right 10%}
	.umGraph1 {zoom:0.6}	
	.umGraphArr {zoom:0.8}
	.umMainCon2_titWrap > h3 br {display:none}
	.umMainCon5_listBox {padding:30px}
	.umBoardTypeList {padding:20px}
	.umBoardTypeList > ul > li > a {padding:10px}
	.umBoardTypeList_num, .umBoardTypeList_Tit h3 {font-size:18px}
	.umBoardTypeList_date {font-size:16px}
	.umBoard_newIcon {font-size:12px}
	.umBoardTypeList {padding:10px}
	.umBoardTypeList > ul > li {padding-bottom:10px; margin-bottom:10px}
	.umBoardTypeList > ul > li > a > div:nth-child(1) > div {flex-wrap:wrap}
	.umBoardTypeList > ul > li > a > div:nth-child(1) .umBoardTypeList_num {margin-bottom:5px}
	.umBoardTypeList > ul > li > a > div:nth-child(1) .umBoardTypeList_Tit h3 {max-width:100%}
	.umFieldFile .btnBox {max-width:80px}
	.umAnumberWrap .btnBox, .umExpiration .btnBox, .umExpiration .btnBox.maxWidth130 {max-width:80px !important}
	.umTrialStatus > li {padding:10px}
	.umTrialStepNum > li span {width:40px; height:40px}
	.umTrialStepNum > li img {zoom:0.7; bottom:-60px}
	.umCalculatorTotal > strong {font-size:40px}
	.umFooterTop_left > img {height:36px}
	/*.umMainCon1, .umMainCon2, .umMainCon3, .umMainCon4, .umMainCon5, .umMainCon7, .umMainCon8 {padding-top:60px !important; padding-bottom:60px !important}*/
	.umMainCon2swiper {margin-top:30px}

	/* Input Fields */
	.umInputStyle, .umSearchInput, .umSelectStyle {height:60px; line-height:60px; font-size:16px}
	.umInputStyle::placeholder, .umSearchInput::placeholder {font-size:16px}
	.umTextarea, .umTextarea::placeholder {font-size:16px}
	.umAnumberWrap .btnBox, .umExpiration .btnBox, .umFieldFile .btnBox {height:60px; padding:0 10px; font-size:16px}
	.umRadioStyle {height:20px !important; width:20px}
	.umRadioStyle:checked:before {width:14px; height:14px}
	.umCheckStyle + label:before {width:20px; height:20px; background-size:18px !important}
	.umSelectStyle .umSelLabel {font-size:16px}
	.umSelectStyle .optionList .optionItem {height:45px; font-size:16px}
	.umAgreeTextarea {font-size:16px}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:480px) {
	.umHeaderGnbWrap {max-width:calc(100% - 50px)}
	.umMainVisual-slide1 {background-position:bottom right 10%}
	.umMainCon4List > li > h4 {font-size:28px}
	.umMainCon4List > li > h4 span {font-size:80px}
	.umSub02-2-1 img {width:200%}
	.umSubTab > a {height:50px; font-size:16px}
	.umFaqTitle {padding:15px 0}
	.umFaqList > li.active .umFaqTitle {padding:15px 0 15px 0}
	.umAgreeTab > a {flex:1 1 100%}
	.postItem {flex-wrap:wrap; margin-bottom:10px}
	.postItemTxt {width:100%; margin-top:5px}
	.umSubCon4List-left {padding-top:50px}
	.umSubCon4List-right > li {height:100px}
	.freeTrialLeft .swiper-slide .umSubConTxt2Wrap {zoom:1.3}
	.freeTrialLeft {zoom:0.7}
	.freeTrialLeft .umTextarea {font-size:12px; padding:10px}
	.freeTrialLeft .umTextarea::placeholder {font-size:12px}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:425px) {
	.umMainVisual-slide1 {background-size:900px}
	.umGraph1 {zoom:0.5}	
	.umGraph1-1-data:before, .umGraph1-2-data:before, .umGraph1-3-data:before {font-size:18px}
	.umGraph1 > div h5 span {font-size:16px; letter-spacing:-1px}
	.umGraph2 {zoom:0.6}
	.umGraphWrap > div.umGraphRight h4 {max-width:240px}
	.umGraph2 > .umGraph2-1 h5 span {font-size:18px}
	.umFaqTitle {padding:20px 0}
	.umFaqList > li {padding:0 20px}
	.umFaqList > li.active .umFaqTitle {padding:20px 0 20px 0}
	.umFaqList > li.active .umFaqAn {margin-bottom:20px}
	.umTrialStatus > li {flex-wrap:wrap; justify-content:center; padding:15px; height:230px}
	.umTrialStatus > li > .umTrialStatus-txt {text-align:center; margin-left:0; margin-bottom:20px}
	.umTrialStepNum > li img {zoom:0.9; bottom:-60px}
	.umFind > li:first-child {margin-right:10px; padding-right:10px; position:relative}
	.umFind > li a {font-size:16px}
	.umExpiration {flex-wrap:wrap}
	.umExpiration input {width:35%}
	.businessList-top > dt, .businessList-Bottom .bb_dt {width:70px; padding-left:20px}

	/* Input Fields */
	.umInputStyle, .umSearchInput, .umSelectStyle, .umFieldFile .btnBox {height:50px; line-height:50px; font-size:14px}
	.umInputStyle::placeholder, .umSearchInput::placeholder {font-size:14px}
	.umTextarea, .umTextarea::placeholder {font-size:14px}
	.umAnumberWrap .btnBox, .umExpiration .btnBox {height:50px; padding:0 10px; font-size:14px}
	.umAnumberWrap .btnBox
	.umRadioStyle {height:20px !important; width:20px}
	.umRadioStyle:checked:before {width:14px; height:14px}
	.umCheckStyle + label:before {width:20px; height:20px; background-size:18px !important}
	.umSelectStyle .umSelLabel {font-size:14px}
	.umSelectStyle .optionList .optionItem {height:45px; font-size:14px}
	.umEm {font-size:14px}
	.umImList > li {font-size:15px}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:375px) {
	.umHeaderLeft > h1 > a {vertical-align:baseline}
	.umMainVisual-slide1 {background-size:800px}
	.umMainVisualBtn .btnBox {height:52px; padding:0 12px; font-size:14px}
	.umGraph1 {zoom:0.45}
	.freeTrialLeft .swiper-slide .umSubConTxt2Wrap {zoom:1.4}
	.freeTrialLeft {zoom:0.6}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}
@media screen and (max-width:330px) {
	.freeTrialLeft .swiper-slide .umSubConTxt2Wrap {zoom:1.5}
	.freeTrialLeft {zoom:0.5}
	/* 유저 랜딩페이지 공통에 고정으로 삽입 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
	body {min-width:auto !important}
}


@media (orientation: landscape) {
	@media screen and (max-width:940px) {
		.umMainVisual, .umMainVisual .swiper-slide {min-height:750px}
		/* 유저 랜딩페이지 공통에 고정으로 삽입 */
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
		body {min-width:auto !important}
	}
	@media screen and (max-width:740px) {
		/* 유저 랜딩페이지 공통에 고정으로 삽입 */
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {font-family:'Pretendard', sans-serif}
		body {min-width:auto !important}
	}
}