@charset "utf-8";

body{-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; -webkit-font-smoothing: antialiased; overflow-anchor: none;}
a{-webkit-tap-highlight-color:transparent;}
a:link, a:visited {text-decoration:none; color: inherit;}
a:hover {text-decoration:none;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.font_helve{font-family: 'Helvetica Neue' !important;}
.font_roboto{font-family: 'Roboto' !important;}
.font_playfair{font-family: 'Playfair Display' !important;}
.font_carmen { font-family: 'Carmen Sans' !important; letter-spacing: -0.0em !important; }

[data-wv-agent="ipad"][data-wv-os="Mac"] .pb6-ipad{padding-bottom: 6px;}

/* 21.11.11 ymg - 대표사이트 색상 가이드 */
/* black : #1d1e1e        */
/* Weven purple : #453fe8 */
/* Light purple : #5c56f1 */
/* blue : #3f87f5         */
/* blue green : #8aedff   */
/* Light blue : #16c4f6   */
/* 긴 구분라인 : #e4ebf6    */
/* 짧은 구분라인 : #dbe3f1  */

.point0{color:#453fe8 !important;}
.bg_point0{background-color:#453fe8 !important;}
.svg_point0{fill:#453fe8 !important;}
.stroke_point0{stroke:#453fe8 !important;}
.border_point0{border-color:#453fe8 !important;}
.before_point0::before{color:#453fe8 !important;}
.before_bg_point0::before{background-color:#453fe8 !important;}
input:checked + label.checked_before_bg_point0::before{background-color: #453fe8 !important;}
.after_point0::after{color:#453fe8 !important;}
.after_bg_point0::after{background-color:#453fe8 !important;}

.point1{color:#5c56f1 !important;}
.bg_point1{background-color:#5c56f1 !important;}

.point_blue{color:#5c56f1 !important;}
.bg_point_blue{background-color:#5c56f1 !important;}
.point_bluegreen{color:#8aedff !important;}
.bg_point_bluegreen{background-color:#8aedff !important;}
.point_lightblue{color:#16c4f6 !important;}
.bg_point_lightblue{background-color:#16c4f6 !important;}


.section .section_title{  font-size:29px; font-size:2.9rem; line-height:36px; line-height:3.6rem; font-weight: 700; letter-spacing: -0.02em; word-spacing: -0.015em; color: #000; word-break: keep-all;}
.section.solution .section_title{ text-align: center; font-size:27px; font-size:2.7rem; line-height:40px; line-height:4.0rem; font-weight: 600; max-width: 420px; float: none; margin-left: auto; margin-right: auto; overflow:hidden; letter-spacing: -0.04em;}
.section .section_sub_title{position: relative; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; letter-spacing: 0.0em; word-spacing: -0.04em; color: #000; margin-bottom: 18px; display: none;}
.section.reverse .section_title{color: #fff;}
.section.reverse .section_sub_title{color: #fff;}

.section_desc{ font-size:16px; font-size:1.6rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 400; color:#000; word-break: keep-all; }

.intro_wrap_inner { max-width:1500px; overflow:hidden; }
.intro_wrap_inner img { width: 100%; }

[data-wv-scrollAni=fadeup] { opacity: 0; transform: translateY(60px); transition: opacity .3s cubic-bezier(.39,.575,.565,1), transform .3s cubic-bezier(.39,.575,.565,1); /*transition-property: opacity, transform !important; transition-duration: 0.3s !important; transition-delay: 0s !important; */}
[data-wv-scrollAni=fadeup].fadeup { opacity: 1; transform: translateY(0); }

.btn_style_0_con{}
.btn_style_0_con .btn_style_0{ padding-bottom: 1px; border-radius: 50px; display:inline-flex; align-items: center; justify-content: center; /*width:166px; */ width: auto; height: 46px;  font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 500; color:#fff; text-align: center; background-color: #453fe8;
    padding-left: 0; padding-right: 0; box-sizing: border-box; cursor: pointer; transition: padding-left .2s; }
.btn_style_0_con .btn_style_0 > span { position: relative; transition: padding-right .2s; }
.btn_style_0_con .btn_style_0 > span::after { content: ''; position: absolute; top: 7px; right: 0; opacity: 0; background-image: url('../img/arrow_fff_7x12_right.png'); background-size: 7px 12px; width: 0; height: 12px; background-position: right center; background-repeat: no-repeat; transition: opacity .2s;}
[data-wv-pc="mobile"] .btn_style_0_con .btn_style_0 > span::after { background-image: url('../img/retina/arrow_fff_7x12_right_mac.png'); }
[data-wv-os="Mac"] .btn_style_0_con .btn_style_0 > span::after { background-image: url('../img/retina/arrow_fff_7x12_right_mac.png'); top: 6px; }
.btn_style_0_con .btn_style_0.type_2 > span::after { top: 5px; background-image: url('../img/arrow_fff_6x10_right.png'); background-size: 6px 10px; height: 10px; }
[data-wv-pc="mobile"] .btn_style_0_con .btn_style_0.type_2 > span::after { background-image: url('../img/retina/arrow_fff_6x10_right_mac.png'); }
[data-wv-os="Mac"] .btn_style_0_con .btn_style_0.type_2 > span::after { background-image: url('../img/retina/arrow_fff_6x10_right_mac.png'); }
[data-wv-os="Mac"] .btn_style_0_con .btn_style_0 { padding-bottom: 0; padding-top: 1px;}
[data-wv-pc="mobile"] .btn_style_0_con .btn_style_0 { padding-bottom: 0; padding-top: 2px; }
.btn_style_0_con button[type="submit"].btn_style_0{margin:0; border:none; -webkit-appearance: none; -moz-appearance: none; outline:none;}
.btn_style_0_con .btn_style_0.width145{width: 115px;}
.btn_style_0_con .btn_style_0.width155{width: 125px;}
.btn_style_0_con .btn_style_0.width165{width: 135px;}
.btn_style_0_con .btn_style_0.width174{width: 144px;}
.btn_style_0_con .btn_style_0.width194{width: 164px;}
.btn_style_0_con .btn_style_0.width214{width: 184px;}
.btn_style_0_con .btn_style_0.width225{width: 195px;}
.btn_style_0_con .btn_style_0.width265{width: 235px;}
.btn_style_0_con .btn_style_0.width_auto{width: auto; padding-left: 24px; padding-right: 24px;}
.btn_style_0_con .btn_style_0.width145::after { background-image: url('../img/arrow_fff_7x12.intro_video_con_right.png'); background-size: 7px 12px; }
.btn_style_0_con .btn_style_0.type_2{/*width: 84px; */ padding-left: 10px; padding-right: 10px; width: auto; height: 35px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; transition: width .2s ease;}
[data-wv-os="Mac"] .btn_style_0_con .btn_style_0.type_2{ font-weight: 500; }

.btn_style_0.loading{display: inline-flex; align-items: center; justify-content: center; padding-left: 20px; padding-right: 24px; opacity: 0.4;}
.btn_style_0.loading > svg{fill:#fff; margin-right: 10px;}

.btn_style_1_con{}
.btn_style_1_con .btn_style_1{ position: relative; display: flex; align-items: center; justify-content: center; height: 35px;  font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; letter-spacing: -0.01em; color:#000; border: 1px solid #000; padding-left: 12px; padding-right:11px; padding-top: 1px; padding-bottom: 0; box-sizing: border-box; cursor: pointer; border-radius: 3px; transition: padding 0.2s; }
[data-wv-os="Mac"] .btn_style_1_con .btn_style_1 { padding-bottom: 0; padding-left: 11px; padding-right: 10px; letter-spacing: -0.02em;}
[data-wv-agent="iphone"] .btn_style_1_con .btn_style_1 { letter-spacing: -0.02em;}
.btn_style_1_con .btn_style_1::after { content: ''; position: absolute; top: 11px; right: 20px; opacity: 0; background-image: url('../img/arrow_black_6x10_right.png'); background-size: 6px 10px; width: 0; height: 10px; background-position: right center; background-repeat: no-repeat; transition: width 0.1s, right .2s, opacity .2s; }
[data-wv-pc="mobile"] .btn_style_1_con .btn_style_1::after { background-image: url('../img/retina/arrow_black_6x10_right_mac.png'); }
[data-wv-os="Mac"] .btn_style_1_con .btn_style_1::after { background-image: url('../img/retina/arrow_black_6x10_right_mac.png'); }

.btn_style_2_con{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem;}
.btn_style_2_con .btn_style_2{position: relative; display: inline-block;  font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; height: auto; padding: 0 19px 0 19px; background-color: transparent; border: none; border-radius: 0; letter-spacing: -0.025em; font-weight: 500; color:#000; box-sizing: border-box; transition: all .2s;}
.btn_style_2_con .btn_style_2:first-child{padding-left: 0;}
.btn_style_2_con .btn_style_2:last-child{padding-right: 0;}
.btn_style_2_con .btn_style_2:after{content:''; position: absolute; top:5px; right: 0; height: calc(100% - 7px); border-right:1px solid #e6e5ef; display: none;}
.btn_style_2_con .btn_style_2:last-child:after{content: none;}

.btn_style_2_con .btn_style_2 span { padding-right: 17px; position: relative; }
.btn_style_2_con .btn_style_2 span::after { content: ''; position: absolute; top: 7px; right:0; width: 7px; height: 12px; background-image: url("../img/arrow_black_7x12_right.png"); background-size: 7px 12px; background-position: center; background-repeat: no-repeat; transition: background-image .2s; }
[data-wv-pc="mobile"] .btn_style_2_con .btn_style_2 span::after { background-image: url("../img/retina/arrow_black_7x12_right_mac.png"); top: 5px; }
[data-wv-os="Mac"] .btn_style_2_con .btn_style_2 span::after { background-image: url("../img/retina/arrow_black_7x12_right_mac.png"); top: 5px; }

.btn_style_3_con{ padding-bottom: 5px;}
.btn_style_3_con .btn_style_3{display: inline-block;  font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 400; color:#000; padding-right: 18px; background-image: url('../img/arrow_black_7x12_right.png'); background-size: 7px 12px; background-position: right 0px center; background-repeat: no-repeat; box-sizing: border-box;}
.btn_style_3_con .btn_style_3.white{color:#fff;}
.btn_style_3_con .btn_style_3.type_2{display: inline-block; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; padding-right: 20px; background-image: url('../img/arrow_black_8x14_right.png'); background-size: 8px 14px;  background-position: right 0px top 2px; font-weight: 700; letter-spacing: -0.23rem;}
.btn_style_3_con .btn_style_3.type_2.bg_top6{background-position: right 0px top 6px;}
.btn_style_3_con .btn_style_3.type_2.white{background-image: url('../img/arrow_fff_8x14_right.png');}
.btn_style_3_con .btn_style_3.type_3{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; padding-right: 14px; background-image: url('../img/arrow_black_6x10_right.png'); background-size: 6px 10px; background-position: right 0px top 4px; transition: all .2s;}
[data-wv-agent="ipad"][data-wv-os="Mac"] .btn_style_3_con .btn_style_3.type_3{background-position: right 0px top 3px;}
[data-wv-pc="mobile"] .btn_style_3_con .btn_style_3.type_3{ background-image: url('../img/retina/arrow_black_6x10_right_mac.png'); }
[data-wv-os="Mac"] .btn_style_3_con .btn_style_3.type_3{ background-image: url('../img/retina/arrow_black_6x10_right_mac.png'); background-position: right 0px top 5px; }
.btn_style_3_con .btn_style_3.type_4{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.02em; font-weight: 700; padding-right: 25px; background-image: url('../img/arrow_black_8x14_right.png'); background-size: 8px 14px; background-position: right 0px top 5px;}
.btn_style_3_con .btn_style_3.type_4.white{background-image: url('../img/arrow_fff_8x14_right.png'); }
[data-wv-os="Mac"] .btn_style_3_con .btn_style_3.type_4.white{background-image: url('../img/retina/arrow_fff_8x14_right_mac.png'); background-position: right 0px top 5px;}
[data-wv-pc="mobile"] .btn_style_3_con .btn_style_3.type_4.white{background-image: url('../img/retina/arrow_fff_8x14_right_mac.png'); background-position: right 0px top 3px;}
.btn_style_3_con .btn_style_3.back{padding-left: 25px; padding-right: 0; background-image: url('../img/arrow_black_9x16_left.png'); background-position: left 0px top 5px;}
.btn_style_3_con .btn_style_3.circle { padding-right: 0; background-image: none; padding-bottom: 1px; font-weight: 500;}
.btn_style_3_con .btn_style_3.circle.back { padding-right: 0; padding-left: 1px; }
.btn_style_3_con .btn_style_3.circle > span { display: inline-block; vertical-align: middle; transition: padding-right .2s; margin-top: 3px; margin-right: -2px; }
[data-wv-os="Android"] .btn_style_3_con .btn_style_3.circle > span:first-child { margin-right: -5px; margin-top: 4px; }
[data-wv-os="Mac"] .btn_style_3_con .btn_style_3.circle > span:first-child { margin-top: 7px; }
.btn_style_3_con .btn_style_3.circle.back > span { transition: padding-left .2s; }
[data-wv-pc="mobile"] .btn_style_3_con .btn_style_3.circle.back > span:first-child { margin-top: -3px; }
.btn_style_3_con .btn_style_3.circle > span.arrow { display: inline-block; position: relative; width: 30px; height: 30px; transition: all .2s; margin-top: -1px;}
.btn_style_3_con .btn_style_3.circle > span.arrow::before { content: ''; position: absolute; top: 10px; left: 12px; width: 7px; height: 12px; background-image: url("../img/arrow_black_7x12_right.png"); background-position: center; background-size: 7px 12px; background-repeat: no-repeat; transition: all .2s; z-index: 1;}
.btn_style_3_con .btn_style_3.circle.back > span.arrow::before { left: 10px; background-image: url("../img/arrow_black_7x12_left.png"); }
[data-wv-pc="mobile"] .btn_style_3_con .btn_style_3.circle.back > span.arrow::before { background-image: url("../img/retina/arrow_black_7x12_left_mac.png"); }
[data-wv-os="Mac"] .btn_style_3_con .btn_style_3.circle.back > span.arrow::before { background-image: url("../img/retina/arrow_black_7x12_left_mac.png"); top: 6px; }
[data-wv-pc="mobile"] .btn_style_3_con .btn_style_3.circle > span.arrow::before { background-image: url("../img/retina/arrow_black_7x12_right_mac.png"); }
[data-wv-os="Mac"] .btn_style_3_con .btn_style_3.circle > span.arrow::before { background-image: url("../img/retina/arrow_black_7x12_right_mac.png"); }
.btn_style_3_con .btn_style_3.circle > span.arrow::after { content: ''; position: absolute; top: 1px; left: -1px; width: 100%; height: 100%; opacity: 0; background-color: #453fe8; border-radius: 50%; transform: scale(0); transition: transform .15s, opacity .1s; }
[data-wv-os="Mac"] .btn_style_3_con .btn_style_3.circle.back > span.arrow::after { top: -3px; }
.btn_style_3_con .btn_style_3.no_arrow { padding-right: 0; background-image: none; }

.btn_style_4_con { font-size: 0; line-height: 0; }
.btn_style_4 { display: inline-block; box-sizing: border-box; background-color: #453fe8; border-radius: 12px; overflow: hidden; padding: 13px 19px;  font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 600; color:#fff !important; }
.btn_style_4.type_icon { padding: 13px 22px 13px 19px; }
.btn_style_4.type_icon > span { padding-left: 32px; position: relative; }
.btn_style_4.type_icon > span::before { content: ''; position: absolute; top: 1px; left: 0; width: 23px; height: 23px; background-image: url("../img/retina/weven_bg_circle_retina.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.btn_style_4.type_icon.artist > span::before { background-image: url("../img/retina/weven_artist_bg_circle_retina.png"); }
.btn_style_4.type_icon.theme > span::before { background-image: url("../img/retina/weven_theme_bg_circle_retina.png"); }
[data-wv-agent="ipad"] .btn_style_4.type_icon > span::before { background-image: url("../img/retina/weven_bg_circle_retina.png"); }
[data-wv-agent="ipad"] .btn_style_4.type_icon.artist > span::before { background-image: url("../img/retina/weven_artist_bg_circle_retina.png"); }
[data-wv-agent="ipad"] .btn_style_4.type_icon.theme > span::before { background-image: url("../img/retina/weven_theme_bg_circle_retina.png"); }
.btn_style_4.type_lg { padding: 13px 21px 12px 19px; border-radius: 50px; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; }
.btn_style_4.type_icon.type_lg > span { padding-left: 36px; }
.btn_style_4.type_icon.type_lg > span::before { content: ''; position: absolute; top: 0; left: 0; width: 26px; height: 26px; background-image: url("../img/retina/weven_bg_circle_retina.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
[data-wv-agent="ipad"] .btn_style_4.type_icon > span::before { background-image: url("../img/retina/weven_bg_circle_retina.png");  }
.btn_style_4.type_border { padding: 11px 17px; border: 2px solid #fff; }
.btn_style_4.type_2 { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.0em; font-weight: 500; border-radius: 4px; padding: 7px 15px 8px 17px; }

.check_btn_style_0_con{position: relative; overflow: hidden;}
.check_btn_style_0_con .check_btn_style_0{position: absolute; width: 24px; height: 24px; background-color: transparent; opacity: 0; margin: 0; top:0; left:0;}
.check_btn_style_0_con .check_btn_style_0 + label{cursor:pointer; font-size:17px; font-size:1.7rem; line-height:25px; line-height:2.5rem; font-weight: 400; color:#000; padding-left: 35px; box-sizing: border-box;}
.check_btn_style_0_con .check_btn_style_0.keep_login + label{color:#c5c1e4; font-weight: 300;}
.check_btn_style_0_con .check_btn_style_0 + label:before {content: ''; position: absolute; left: 0; top:1px; width: 24px; height: 24px; border-radius: 50%; border:2px solid #e3e1f2; background-image: url('../img/check_dedcec_11x8_icon.png'); background-repeat: no-repeat; background-position: center; background-size:11px 8px;  box-sizing: border-box;}
[data-wv-os="Mac"] .check_btn_style_0_con .check_btn_style_0 + label:before { background-image: url('../img/retina/check_dedcec_11x8_icon_mac.png'); }
[data-wv-pc="mobile"] .check_btn_style_0_con .check_btn_style_0 + label:before { background-image: url('../img/retina/check_dedcec_11x8_icon_mac.png'); }
.check_btn_style_0_con .check_btn_style_0:checked + label{color:#453fe8; font-weight: 400;}
.check_btn_style_0_con .check_btn_style_0:checked + label:before{border-color:#453fe8; background-image: url("../img/check_6738ff_11x8.png"); background-position: center center; background-repeat:no-repeat;}

.check_btn_style_1_con{position: relative; overflow: hidden; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem;}
.check_btn_style_1_con .check_btn_style_1{position: relative; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-color: transparent; opacity: 0; margin: 0; top:0; left:0;}
.check_btn_style_1_con .check_btn_style_1 + label{display: inline-block; vertical-align: middle; box-sizing: border-box; cursor:pointer;}
.check_btn_style_1_con .check_btn_style_1 + label:before {content: ''; position: absolute; left: 0; top:0px; width: 30px; height: 30px; border:1px solid #cfcce6;
    background-image: none; background-repeat: no-repeat; background-position: center; background-size:17px 12px; box-sizing: border-box; transition: border-color .2s;}
.check_btn_style_1_con .check_btn_style_1:checked + label{}
.check_btn_style_1_con .check_btn_style_1:checked + label:before{border-color:#453fe8; background-color: #453fe8; background-image: url("../img/check_fff_17x12.png"); background-position: center center; background-repeat:no-repeat; background-size: 17px 12px;}
[data-wv-pc="mobile"] .check_btn_style_1_con .check_btn_style_1:checked + label:before{background-image: url("../img/svg/check_icon.svg"); }
[data-wv-os="Mac"] .check_btn_style_1_con .check_btn_style_1:checked + label:before{background-image: url("../img/svg/check_icon.svg"); }

.check_btn_style_1_con .check_btn_style_1.type_2 + label{font-size:19px; font-size:1.9rem; line-height:30px; line-height:3.0rem; font-weight: 500; color:#000; margin-left: 15px; padding-bottom: 1px;}
.check_btn_style_1_con .check_btn_style_1.type_2 + label:before{top:1px;}

.check_btn_style_2_con .check_btn_style_2 { width: 35px; height: 35px; background-color: transparent; opacity: 0; margin: 0; top: 0; left: 0; }
.check_btn_style_2_con .check_btn_style_2 + label { cursor: pointer; position: absolute; left: 0; top: 0; width: 33px; height: 33px; border: 1px solid #dbe3f1; border-radius: 4px; transition: .2s; background-size: 17px 12px; background-position: center center; background-repeat: no-repeat; }
.check_btn_style_2_con .check_btn_style_2:checked + label { border-color: #453fe8; background-color: #453fe8; background-image: url("../img/check_fff_17x12.png"); }

.radio_btn_style_0_con{position: relative; overflow: hidden;}
.radio_btn_style_0_con .radio_btn_style_0{position: absolute; width: 30px; height: 30px; background-color: transparent; opacity: 0; margin: 0; top:0px; left:0; pointer-events: none;}
.radio_btn_style_0_con .radio_btn_style_0 + label{position: relative; display: inline-block; vertical-align: middle; width: 30px; height: 30px; box-sizing: border-box; cursor:pointer;}
.radio_btn_style_0_con .radio_btn_style_0 + label:before {content: ''; position: absolute; left: 0; top:3px; width: 30px; height: 30px; border-radius: 50%; border:1px solid #e3e1f2; box-sizing: border-box;}
.radio_btn_style_0_con .radio_btn_style_0:checked + label:after{content: ''; position: absolute; top: 11px; left: 8px; width: 14px; height: 14px; border-radius: 50%; background-color: #453fe8;  box-sizing: border-box;}

.radio_btn_style_0_con .radio_btn_style_0.type_2 + label{width: auto; height: auto; font-size:20px; font-size:2.0rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.04em; word-spacing: -0.03em; font-weight: 300; color:#000; word-break: keep-all; padding-top: 2px; padding-bottom: 2px; padding-left: 47px;}
.radio_btn_style_0_con .radio_btn_style_0.type_2:checked + label{font-weight: 700;}

/*pagination_style_0_wrap - default -> 배경이 흰색일 떄 사용 reverse -> 배경이 흰색이 아닐 때 사용*/
.pagination_style_0_wrap{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; text-align: center;}
.pagination_style_0_wrap .pagination_con{position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; bottom:0;}
.pagination_style_0_wrap.arrow .pagination_con{margin-left: 21px; margin-right: 21px; margin-top: 2px;}
.pagination_style_0_wrap .swiper-pagination-bullet{width: 9px; height: 9px; margin-right: 18px; background-color: #f0eefe; opacity: 1; transition: background-color .15s;}
.pagination_style_0_wrap .swiper-pagination-bullet.active { background-color: #453fe8; }
.pagination_style_0_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #453fe8;}
.pagination_style_0_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active.deactive {background-color: #f0eefe;}
.pagination_style_0_wrap .swiper-pagination-bullet:last-child{margin-right: 0;}
.pagination_style_0_wrap .rolling_arrow{display: inline-block; vertical-align: middle; width: 30px; height: 30px; font-size: 0; line-height: 0; cursor: pointer; position: relative; transition: opacity 0.2s, transform .15s; outline: none;}
.pagination_style_0_wrap .rolling_arrow.left::before { content: ''; position: absolute; top: 10px; left: 10px; width: 7px; height: 12px; background-image: url("../img/arrow_black_7x12_left.png"); background-position: center; background-size: 7px 12px; background-repeat: no-repeat; transition: all .2s; z-index: 1; }
[data-wv-pc="mobile"] .pagination_style_0_wrap .rolling_arrow.left::before { background-image: url('../img/retina/arrow_black_7x12_left_mac.png'); }
[data-wv-os="Mac"] .pagination_style_0_wrap .rolling_arrow.left::before { background-image: url('../img/retina/arrow_black_7x12_left_mac.png'); }
.pagination_style_0_wrap .rolling_arrow.right::before { content: ''; position: absolute; top: 10px; left: 12px; width: 7px; height: 12px; background-image: url("../img/arrow_black_7x12_right.png"); background-position: center; background-size: 7px 12px; background-repeat: no-repeat; transition: all .2s; z-index: 1; }
[data-wv-pc="mobile"] .pagination_style_0_wrap .rolling_arrow.right::before { background-image: url('../img/retina/arrow_black_7x12_right_mac.png'); }
[data-wv-os="Mac"] .pagination_style_0_wrap .rolling_arrow.right::before { background-image: url('../img/retina/arrow_black_7x12_right_mac.png'); }
.pagination_style_0_wrap .rolling_arrow::after { content: ''; position: absolute; top: 1px; left: -1px; width: 100%; height: 100%; opacity: 0; background-color: #453fe8; border-radius: 50%; transform: scale(0); transition: transform .15s, opacity .1s; }

/*.pagination_style_0_wrap .rolling_arrow.left{background-image: url('../img/arrow_black_8x14_left.png'); background-position: center; }*/
/*.pagination_style_0_wrap .rolling_arrow.right{background-image: url('../img/arrow_black_8x14_right.png'); background-position: center;}*/
/*[data-wv-pc="mobile"] .pagination_style_0_wrap .rolling_arrow.left{background-image: url('../img/retina/arrow_black_8x14_left_mac.png'); }*/
/*[data-wv-os="Mac"] .pagination_style_0_wrap .rolling_arrow.left{background-image: url('../img/retina/arrow_black_8x14_left_mac.png'); }*/
/*[data-wv-pc="mobile"] .pagination_style_0_wrap .rolling_arrow.right{background-image: url('../img/retina/arrow_black_8x14_right_mac.png'); }*/
/*[data-wv-os="Mac"] .pagination_style_0_wrap .rolling_arrow.right{background-image: url('../img/retina/arrow_black_8x14_right_mac.png'); }*/


.pagination_style_0_wrap.reverse .swiper-pagination-bullet{background-color: #fff;}
.pagination_style_0_wrap.reverse .swiper-pagination-bullet.active {background-color: #453fe8;}
.pagination_style_0_wrap.reverse .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #453fe8;}
.pagination_style_0_wrap.reverse .swiper-pagination-bullet.swiper-pagination-bullet-active.deactive {background-color: #fff;}

/*200316 jsj 사이트디자인상세 팝업*/
.tag_style_0{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem;  font-weight: 300;
    width: auto; height: 39px; border:1px solid #e5e5e5; box-sizing: border-box;
    padding-left: 14px; padding-right: 14px;
    margin-right: 10px; margin-bottom: 10px;
    display: flex; align-items: center;
}

.tag_style_1_con { display: flex; flex-wrap: wrap; align-items: center; max-width: 820px; margin-bottom: -5px; }
.tag_style_1_con .tag_style_1 { opacity: 0; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.025em; font-weight: 300; color: #fff; transition: border .2s ease;
    cursor: pointer; width: auto; box-sizing: border-box; padding: 5px 10px 5px 12px; border: 1px solid rgba(255,255,255, 0.1); border-radius: 4px; margin-right: 7px; margin-bottom: 5px;
}
.tag_style_1_con .tag_style_1:hover { border: 1px solid rgba(255,255,255, 0.7);  }

.tag_style_1_con .tag_style_1.fade { animation: borderFade 1s ease alternate; }

@keyframes borderFade { 0% { border-color: rgba(255,255,255, 0.1); } 50% { border-color: rgba(255,255,255, 0.7); }}

/*공통으로 쓰일수도 - 메인과 주요기능 메인에서 쓰임

default -> play_btn 모바일 : 72px, 웹 : 100px, titlle
type_2 -> 모바일, 웹 모두 72px

*/

.intro_video_con{cursor: pointer; position: relative; text-align: center;}
.intro_video_con > img{width: 100%;}
.intro_video_con .intro_video_title{position: absolute; top: 15px; left: 18px; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; letter-spacing: -0.043em; color: #fff;}
.intro_video_con .intro_video_play_btn{position: absolute; top: 50%; left: 50%; transform: scale(0.8) translate(-50%,-50%); transform-origin: center; width: 62px; height: 62px; overflow: hidden; border-radius: 50%; background-image: url('../img/video_play_btn_25x27.png'); background-size: 25px 27px; background-position: left 22px center; background-repeat: no-repeat;}
[data-wv-os="Mac"] .intro_video_con .intro_video_play_btn,
[data-wv-pc="mobile"] .intro_video_con .intro_video_play_btn{background-image: url('../img/retina/video_play_btn_25x27_mac.png'); }

.intro_video_con.type_2 .intro_video_title{font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; font-weight: 700; letter-spacing:-0.1rem;}


.service_list_wrap{text-align: center; margin-bottom: 100px;}
.service_list_wrap .service_list_con{max-width: 440px; display: inline-flex; flex-wrap: wrap; justify-content: center; margin-bottom: -50px;}
.service_list_wrap .service_list{display: block; width: 110px; text-align: center; margin-bottom: 38px;}
/*.service_list_wrap .service_list{ width: 220px; }*/
.service_list_wrap .service_list_img{height: 38px; margin-bottom: 7px;}
.service_list_wrap .service_list img { width: 36px; padding-left: 1px;}
.service_list_wrap .service_list_title{position: relative; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; word-spacing: -0.015em; font-weight: 300; color:#000;}
.service_list_wrap .service_list_title::after{content: ''; position: absolute; top:4px; right:0; height: calc(100% - 7px); border-right:1px solid #e6e5ef; display: none;}
.service_list_wrap .service_list:nth-child(2n) .service_list_title:after{content: none;}

.wrapper.main .service_list_wrap{margin-bottom: 52px;}
.wrapper.main .service_list_wrap .service_list_title { color: #fff;}

/* 210511 hjy - 주요기능 관련 추가 */
.technology_list_wrap{}
.technology_list_wrap .technology_list{}
.technology_list_wrap .technology_list .img_box .img_box_inner img { max-width:60%; }
.technology_list_wrap .technology_list .text_box .text_box_inner{text-align: left;}
.technology_list_wrap .technology_list .text_box .text_box_inner .name{position: relative; padding-bottom: 12px; margin-bottom: 15px; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; text-align: center;}
.technology_list_wrap .technology_list .text_box .text_box_inner .name:after{content: ''; position: absolute; left: 50%; bottom: 0; width: 40px; border-bottom: 2px solid #000; transform: translateX(-50%);}
.technology_list_wrap .technology_list .text_box .text_box_inner .title{margin-bottom: 5px;  font-size:24px; font-size:2.4rem; line-height:34px; line-height:3.4rem; letter-spacing: -0.04em; font-weight: 700; text-align: center;}
.technology_list_wrap .technology_list .text_box .text_box_inner .desc{font-size:16px; font-size:1.6rem; line-height:28px; line-height:2.8rem; font-weight: 400; letter-spacing: -0.02em; word-break: keep-all; text-align: center; max-width: 350px; overflow:hidden; margin-left: auto; margin-right: auto; float: none;}
.technology_list_wrap .technology_list .text_box .text_box_inner .desc .font_helve{line-height: 20px; line-height: 2.0rem;}

.editor_function_list_wrap .sub_contents_title{color: #fff;}
.editor_function_list_wrap .sub_contents_desc{color: #fff;}
.editor_function_list_wrap .editor_function_list_con .editor_function_list{margin-bottom: 53px;}
.editor_function_list_wrap .editor_function_list_con .editor_function_list:last-child{margin-bottom: 0;}
.editor_function_list_wrap .editor_function_list .left_box { margin-bottom: 45px;  font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.04em; font-weight: 700; color: #fff; }
.editor_function_list_wrap .editor_function_list .right_box{margin-bottom: -25px;}
.editor_function_list_wrap .editor_function_list .right_box .function_list{margin-bottom: 35px;}
.editor_function_list_wrap .editor_function_list .right_box .function_list .img_box { margin-bottom: 15px;}
.editor_function_list_wrap .editor_function_list .right_box .function_list .text_box{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: #fff;}

.site_manage_wrap{}
.site_manage_wrap .img_con img { max-width: 60%; }
.site_manage_wrap .site_manage_list_con .site_manage_list { margin-bottom: 30px; word-break: keep-all; padding-left: 25px; padding-right: 25px; text-align: left;}
.site_manage_wrap .site_manage_list_con .site_manage_list:last-child{padding-bottom: 0; margin-bottom: 0;}
.site_manage_wrap .site_manage_list_con .site_manage_list:after{content: ''; position: absolute; right: 0; top: 5px; border-right: 1px solid #dddddd; height:69px;}
.site_manage_wrap .site_manage_list_con .site_manage_list:nth-child(2n):after { content: none; }
.site_manage_wrap .site_manage_list_con .site_manage_list:last-child:after{content: none;}
.site_manage_wrap .site_manage_list_con .site_manage_list .title{margin-bottom: 8px;  font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 700;}
.site_manage_wrap .site_manage_list_con .site_manage_list .desc{font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; font-weight: 300;}


/* 디자인안나온 팝업들이 있어서 기존 스타일 살려둠 (쓸일은 없을듯) ... hsj*/
.popup_style_0_wrap{background-color: transparent !important; padding-left: 20px; padding-right: 20px; max-height: 100%; overflow-y: auto;}
.popup_style_0_con{overflow: hidden; background-color: #fff; border-radius: 17px;}
.popup_style_0_con .contents{background-color: #fff; padding-right: 44px; padding-left: 44px; height: 296px;display: table; padding-top: 54px; padding-bottom: 30px; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.popup_style_0_con .popup_title_con { padding-bottom: 22px; border-bottom: 1px solid #dfddeb; margin-bottom: 22px;}
.popup_style_0_con .popup_title_con .title{  font-size:20px; font-size:2.0rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.04em; font-weight: 700; color:#453fe8; word-break: keep-all;}
.popup_style_0_con .popup_title_con .sub_title { position: relative; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem;}
.popup_style_0_con .popup_title_con .sub_title:before { content:'!'; position: absolute; top:3px; display: flex; align-items: center; justify-content: center; width: 15px; height: 15px; border:1px solid #ccc; border-radius: 50%;
    font-size:10px; font-size:1.0rem; line-height:16px; line-height:1.6rem;}
.popup_style_0_con .popup_desc_con .desc{font-size:16px; font-size:1.6rem; line-height:29px; line-height:2.9rem; letter-spacing: -0.02em; font-weight: 300; word-break: keep-all; }
.popup_style_0_con .btn_box{}
.popup_style_0_con .popup_style_0_btn_con > a{position: relative;}
.popup_style_0_con .popup_style_0_btn_con > a:after{content:''; position: absolute; height: 100%; border-right: 1px solid rgba(255,255,255,0.15); top:50%; right: 0; transform: translate(50%,-50%);}
.popup_style_0_con .popup_style_0_btn_con:first-child > a{border-bottom-left-radius: 20px;}
.popup_style_0_con .popup_style_0_btn_con:last-child > a{border-bottom-right-radius: 20px;}
.popup_style_0_con .popup_style_0_btn_con:last-child > a:after{display: none;}
.popup_style_0_btn_con .popup_style_0_btn{display:block; padding-top: 18px; padding-bottom: 17px; transition: all 0.3s; cursor: pointer; background-color: #f8f7fc;}
.popup_style_0_btn_con .popup_style_0_btn > span{display:inline-block;  font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.0em; font-weight: 500; color:#000; transition: all 0.2s; }
.popup_style_0_btn_con .popup_style_0_btn .domain_cancel{color:#8591b6;}
.popup_style_0_btn_con .popup_style_0_btn .domain_connect{color:#453fe8;}

.popup_style_0_wrap .contents.type_table .nodata { padding-top: 95px; padding-bottom: 65px; font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; font-weight: 300; }

.popup_style_0_btn_con .popup_style_0_btn.close > span{background-image: url("../img/new/popup_style_0_close_btn.png");}
.popup_style_0_btn_con .popup_style_0_btn.agree > span{background-image: url("../img/new/popup_style_0_agree_btn.png");}

.popup_style_0_close_btn_con{ position: absolute; top: 40px; right: 40px; font-size: 0; line-height: 0;}
.popup_style_0_close_btn_con > a { font-size: 0; line-height: 0; display: inline-flex; justify-content: center; align-items: center; width: 27px; height: 27px; }
.popup_style_0_close_btn_con > a > span{width: 17px; height: 17px; display: inline-block; position: relative; overflow: hidden; transition: all 0.2s ease;}
.popup_style_0_close_btn_con > a > span::before { content: ''; position: absolute; width: 200%; height: 2px; top: 50%; left: calc(-50% - 1px); transform: rotate(45deg); margin-top: -1px; background-color: #fff; }
.popup_style_0_close_btn_con > a > span::after { content: ''; position: absolute; width: 200%; height: 2px; top: 50%; left: -50%; transform: rotate(-45deg); margin-top: -1px; background-color: #fff; }

.popup_style__close_btn_con {  }

/* popup_style_0_con type_2 (계산서 발행 팝업) */
.popup_style_0_con.type_2 .contents{overflow: hidden; padding-top: 55px; padding-bottom: 70px; padding-left: 20px; padding-right: 20px;}
.popup_style_0_con.type_2 .popup_title_con .title{position: relative; font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; letter-spacing: -0.06em;}
.popup_style_0_con.type_2 .popup_title_con .title:after{content: ''; position: absolute; width: 100vw; bottom:-25px; left:calc(-100vw + 100%); border-bottom:3px solid #000;}
.popup_style_0_con.type_2 .popup_title_con .desc{font-size: 15px; font-size: 1.5rem; line-height: 26px; line-height: 2.6rem; }

/* popup_style_0_con type_3 (도메인 팝업) */ /*2020 05 27 정승준 css 수정*/
.domain_point{color:#2dbae3;}
/*.popup_style_0_con.type_3 .contents{overflow: hidden; padding-top: 83px; padding-bottom: 84px; padding-left: 70px; padding-right: 70px;}*/
.popup_style_0_con.type_3 .contents.type_2{overflow: hidden; padding-top: 67px; padding-bottom: 70px; padding-left: 90px; padding-right: 90px;}
.popup_style_0_con.type_3 .popup_title_con .title > span{display:block;}
.popup_style_0_con.type_3 .contents.type_table{display: block; padding-left: 0; padding-right: 0; padding-bottom: 75px; height: auto;}
.popup_style_0_con.type_3 .contents.type_table .popup_title_con { margin-bottom: 0; }
/*.popup_style_0_con.type_3 .popup_title_con .title > :first-child{margin-bottom:7px;}*/
/*.popup_style_0_con.type_3 .popup_title_con .title{position: relative; font-size:27px; font-size:2.7rem; line-height:33px; line-height:3.3rem; font-weight:700; letter-spacing: -0.05em; }*/
.popup_style_0_con.type_3 .popup_sub_title_con .popup_sub_title{font-size:19px; font-size:1.9rem; line-height:27px; line-height:2.7rem; font-weight: 300; letter-spacing: -0.05em;}
.popup_style_0_con.type_3 .radio_btn_style_0_con{display: inline-block; padding-top:39px; padding-left:4px; vertical-align: middle; width: 100%; height: 100%;}
#domainPopup .popup_style_0_con.type_3 .radio_btn_style_0_con{ padding-top:0; }
[data-wv-os="Mac"] .popup_style_0_con.type_3 .radio_btn_style_0_con{ padding-top:19px; }
.popup_style_0_con.type_3 .radio_btn_style_0_con .radio_btn_style_0 + label{padding-left: 34px;}
.popup_style_0_con.type_3 .table_style_0{border-top:none;}
.popup_style_0_con.type_3 .table_style_0 thead { background-color: #f8f7fc; }
.popup_style_0_con.type_3 .table_style_0 thead > tr > th {/*padding-top:16px; padding-bottom:19px; */ height: 46px;  font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400;}
.popup_style_0_con.type_3 .table_style_0 tbody > tr > td.point1 > p {font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 300; text-align: right;}
.popup_style_0_con.type_3 .table_style_0 tbody > tr > td .radio_btn_style_0_con .radio_btn_style_0 + label:before { top: 0; width: 28px; height: 28px; }
.popup_style_0_con.type_3 .table_style_0 tbody > tr > td .radio_btn_style_0_con .radio_btn_style_0:checked + label:after { top: 7px; left: 7px; }

/*login_popup_style - 21/03/30 jm 추가*/
.login_popup_style_wrap{ background-color: transparent !important; padding-left: 20px; padding-right: 20px;}
.login_popup_style_wrap .login_popup_style_con{ background-color: #fff; overflow: hidden; border-radius: 17px; }
.login_popup_style_wrap .login_form_wrap { height: auto; min-height: auto; }
.login_popup_style_wrap .login_form_wrap .login_form_title { font-size:20px; font-size:2.0rem; line-height:40px; line-height:4.0rem; font-weight: 700; }
.login_popup_style_wrap .login_form_wrap .login_form_top_con { padding-bottom: 37px; }
.login_popup_style_wrap .login_form_wrap .login_form_bottom_con { padding-top: 38px;}
.login_popup_style_wrap .login_form_wrap .form_style_0 .form_style_0_list { margin-bottom: 12px; }
.login_popup_style_wrap .login_form_wrap .btn_style_2_con .btn_style_2 { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; padding: 0 15px; }
.login_popup_style_wrap .login_form_wrap .btn_style_2_con .btn_style_2 span::after { top: 5px; }
.login_popup_style_wrap .login_form_wrap .btn_style_2_con .btn_style_2:first-child { padding-left: 0; }
.login_popup_style_wrap .login_form_wrap .btn_style_2_con .btn_style_2:last-child{ padding-right: 0; }
.login_popup_style_close_btn_con { position: absolute; top: 10px; right: 10px; font-size: 0; line-height: 0; }
.login_popup_style_close_btn_con .login_popup_style_close_btn { font-size: 0; line-height: 0; display: inline-flex; justify-content: center; align-items: center; width: 45px; height: 45px; background-color: transparent; border-radius: 50%; overflow:hidden; transition: background-color .2s; }
/*.login_popup_style_wrap .login_popup_style_close_btn_con .login_popup_style_close_btn > span { width: 17px; height: 17px; display: inline-block; position: relative; overflow: hidden; transition: all 0.2s ease; }*/
.login_popup_style_close_btn_con .login_popup_style_close_btn > svg { width: 18px; display: inline-block; position: relative; overflow: hidden; transition: all 0.2s ease; fill: #453fe8; }
/*.login_popup_style_wrap .login_popup_style_close_btn_con .login_popup_style_close_btn > span::after{content: ''; position: absolute; width:200%; height:2px; top:50%; left:-50%; transform: rotate(-45deg); margin-top: -1px; background-color: #fff;}*/
/*.login_popup_style_wrap .login_popup_style_close_btn_con .login_popup_style_close_btn > span::before{content: ''; position: absolute; width:200%; height:2px; top:50%; left: -50%; transform: rotate(45deg); margin-top: -1px; background-color: #fff;}*/

    /*
    grid_style_0_wrap - 메인, 사이트 디자인, 사이트 디자인 크리에이터, 페이지 디자인, 블럭 디자인, 제작사례
    default - max-width: 2650px; type_2 - max-width : 2570px
    list 개수 - 모바일 : 1 & 2개, 768: 2개, 1200 : 3개, 1920 : 4개
    양쪽 여백이 grid_list 중간 여백과 같게 설정됨.
    default - 양쪽과 아래 여백 - 모바일 : 20px, 768 : 40px, 992 : 60px, 1200 : 71px, 1920 : 87px, 2200 : 142px
    type_2 -  양쪽과 아래 여백 - 모바일 : 20px, 768 : 40px, 992 : 51px, 1920 : 74px, 2200 : 102px
    */
.grid_style_0_wrap{padding-left: 20px; padding-right: 20px; max-width: 2650px; overflow: hidden; float: none; margin: 0 auto; padding-bottom: 30px;}
.grid_style_0_wrap .grid_style_0_con{background-color: transparent; width: calc(100% + 20px); margin-left: -20px; margin-bottom: -25px;}
.grid_style_0_wrap #blockDesignGrid { margin-bottom: -20px; }
.grid_style_0_wrap .grid_style_0_con .grid_style_0{padding-left: 20px; padding-bottom: 25px;}
.grid_style_0_wrap .grid_style_0_con .grid_style_0 .text_box{cursor: pointer;}
.grid_style_0_wrap .grid_style_0_con .grid_style_0 .img_box{cursor: pointer;}
.grid_style_0_wrap .grid_style_0_con .grid_style_0 .img_box img{width: 100%; height: 100%;}

.grid_style_0_wrap.type_2{max-width: 2570px;}
.grid_style_0_wrap.type_2 #blockDesignGrid .grid_style_0 { padding-bottom: 20px; }
/*.grid_style_0_wrap.type_2 .grid_style_0_con .grid_style_0 .img_box{padding:20px; background-color: #fff;}*/

.grid_style_0_wrap .grid_style_0_con .grid_style_0 > div { cursor: pointer;}
/*.grid_style_0_wrap #blockDesignGrid .grid_style_0 .img_box img { opacity: 0; transition: opacity 1s, background-image .5s; }*/
/*.grid_style_0_wrap #blockDesignGrid .grid_style_0 .img_box img.lazy { opacity: 1; }*/
/*.grid_style_0_wrap #blockDesignGrid .grid_style_0 .img_box img.loaded { opacity: 1; }*/

/*
grid_style_1_wrap - 고객지원 메인
default - max-width : 2454px
list 개수 - 모바일 : 1개, 1200: 2개, 1920 : 3개
양쪽 여백이 grid_list 중간 여백과 같게 설정됨.
default - 양쪽과 아래 여백 - 모바일 : 20px, 768 : 40px, 992 : 60px, 1200 : 88px
*/
.grid_style_1_wrap{padding-left: 20px; padding-right: 20px; max-width: 2454px; overflow: hidden; float: none; margin: 0 auto;}
.grid_style_1_wrap .grid_style_1_con{background-color: transparent; width: calc(100% + 88px); margin-left: -88px; margin-bottom: -20px;}
.grid_style_1_wrap .grid_style_1_con .grid_style_1{padding-left: 88px; padding-bottom: 20px;}

/*
grid_style_2_wrap - 위븐소식 메인
default - max-width: 2434px;
list 개수 - 모바일 : 1개, 768 : 2개, 992 : 3개, 1200 : 4개, 1600 : 5개, 1920 : 6개
양쪽 여백이 grid_list 중간 여백과 같게 설정됨.
default - 양쪽과 아래 여백 - 모바일 : 20px, 992 : 34px
*/
.grid_style_2_wrap{padding-left: 20px; padding-right: 20px; max-width: 2434px; overflow: hidden; float: none; margin: 0 auto;}
.grid_style_2_wrap .grid_style_2_con{background-color: transparent; margin-bottom: -20px; width: calc(100% + 34px); margin-left: -34px;}
.grid_style_2_wrap .grid_style_2_con .grid_style_2{padding-bottom: 20px; padding-left: 34px;}
.grid_style_2_wrap .grid_style_2_con .grid_style_2 .img_box img{width: 100%;}

/*
grid_style_3_wrap - 사이트디자인 상세 팝업
default - max-width: 1760px;
list 개수 - 모바일 : 2개, 992 : 3개, 1200: 4개, 1600 : 5개
양쪽 여백이 grid_list 중간 여백과 같게 설정됨.
default - 양쪽과 아래 여백 - 모바일 : 20px, 992 : 35px, 1200 : 45px
*/
.grid_style_3_wrap { max-width: 1760px; overflow: hidden; float: none; margin-left: auto; margin-right: auto; margin-bottom: 70px;}
.grid_style_3_wrap .grid_style_3_con{background-color: transparent; margin-bottom: -20px; margin-left: -20px; width: calc(100% + 20px);}
.grid_style_3_wrap .grid_style_3_con .grid_style_3 { padding-bottom: 20px; padding-left: 20px;}
.grid_style_3_wrap .grid_style_3_con .grid_style_3 .img_box img{width: 100%;}

#enableAtIEAlert{}
#enableAtIEAlert .contents_wrap{ width:100%; height:100%; display:flex; align-items: center; justify-content: center; padding-right:15px; padding-left:15px; box-sizing: border-box;}
#enableAtIEAlert .contents_inner{text-align: center; vertical-align: middle; display:table-cell; padding-top:50px; padding-bottom:50px;}
#enableAtIEAlert .img_box{margin-bottom:18px;}
#enableAtIEAlert .img_box > img{width: 70px;}
#enableAtIEAlert .title{font-size:22px; line-height:30px; letter-spacing: -0.02em; color:#000; font-weight:600; margin-bottom:8px;}
#enableAtIEAlert .desc{font-size:15px; line-height:24px; letter-spacing: -0.02em; color:#000; font-weight:300; margin-bottom:30px;}
#enableAtIEAlert .desc span{font-size:14px; line-height:20px; font-weight:500;}
#enableAtIEAlert .desc span.email_title{margin-right:4px;}
#enableAtIEAlert .desc .font_roboto{font-size:17px; line-height: 0; font-weight:400;}
#enableAtIEAlert .btn_style_0_con{text-align: center; display:table; margin-right:auto; margin-left:auto; overflow: hidden; box-sizing: border-box; transition: border-color 0.3s; padding: 4px 10px 8px 12px; border: 1px solid #000; border-radius: 3px;}
#enableAtIEAlert .btn_style_0_con .btn_style_0{display:table-cell; vertical-align: middle; padding: 0; height: auto; background-color: transparent;}
#enableAtIEAlert .btn_style_0_con:hover{border-color:#6d13ff;}
#enableAtIEAlert .btn_style_0_con:hover .text{color:#6d13ff;}
#enableAtIEAlert .btn_style_0_con .text{font-size:15px; line-height:21px; letter-spacing: -0.02em; color:#000; font-weight:300; transition: all 0.3s;}


/*
grid_style_4_wrap - 고객지원 도움말센터
default - max-width : 2454px
list 개수 - 모바일 : 1개, 992: 2개, 1200: 3개, 1600 : 4개, 1929: 5개
양쪽 여백이 grid_list 중간 여백과 같게 설정됨.
default - 양쪽과 아래 여백 - 모바일 : 20px, 992 : 40px, 1200 : 60px, 1600 : 88px, 1920 : 100px
*/
.grid_style_4_wrap{padding-left: 20px; padding-right: 20px; max-width: 2454px; overflow: hidden; float: none; margin: 0 auto;}
.grid_style_4_wrap .grid_style_4_con{background-color: transparent; width: calc(100% + 20px); margin-left: -20px; margin-bottom: -20px;}
.grid_style_4_wrap .grid_style_4_con .grid_style_4{padding-left: 20px; padding-bottom: 20px;}
.grid_style_4_wrap .grid_style_4_con .grid_style_4 .help_center_grid_inner { padding: 30px; background-color: #fff; height: 240px; text-align: left;}
.grid_style_4_wrap .grid_style_4_con .grid_style_4 .help_center_grid_inner .help_center_title {  font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; margin-bottom: 10px;}

.list_style_2_con > li { margin-bottom: 10px; }
.list_style_2_con > li > a { font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.02em; font-weight: 300; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.list_style_2_con > li > a > span { position: relative; padding-left: 15px; }
.list_style_2_con > li > a > span::before { content: ''; position: absolute; top: 8px; left: 0; width: 6px; height: 10px; background-image: url("../img/arrow_black_6x10_right.png"); background-size: 6px 10px; background-position: center center; background-repeat: no-repeat; }
[data-wv-os="Mac"] .list_style_2_con > li > a > span::before { background-image: url("../img/retina/arrow_black_6x10_right_mac.png"); }
[data-wv-pc="mobile"] .list_style_2_con > li > a > span::before { background-image: url("../img/retina/arrow_black_6x10_right_mac.png"); }


/*@media all and (min-width: 768px) {*/

/*.intro_video_con .intro_video_title{top:15px;}*/

/*.grid_style_0_wrap{padding-left: 40px; padding-right: 40px;}*/
/*!*.main .grid_style_0_wrap .grid_style_0_con{display: flex; justify-content: center;}*!*/
/*.grid_style_0_wrap .grid_style_0_con{ width: calc(100% + 40px); margin-left: -40px; margin-bottom: -40px;}*/
/*.grid_style_0_wrap .grid_style_0_con .grid_style_0{padding-left: 40px; padding-bottom: 40px;}*/

/*.grid_style_1_wrap{padding-left: 40px; padding-right: 40px;}*/
/*.grid_style_1_wrap .grid_style_1_con{margin-bottom: -40px;}*/
/*.grid_style_1_wrap .grid_style_1_con .grid_style_1{padding-bottom: 40px;}*/

/*.grid_style_3_wrap .grid_style_3_con{width: calc(100% + 20px); margin-left: -20px;}*/
/*.grid_style_3_wrap .grid_style_3_con .grid_style_3{padding-left: 20px;}*/

/*.login_popup_style_wrap{ border-radius: 19px; }*/

/*}*/

@media all and (min-width: 768px){
    .editor_function_list_wrap .editor_function_list .right_box{margin-bottom: 0;}
    .editor_function_list_wrap .editor_function_list .right_box .function_list{margin-bottom: 0;}
}

@media all and (min-width: 992px) {
    /* default point color */
    .h_point0:hover{color:#453fe8 !important;}
    .bg_h_point0:hover{background-color:#453fe8 !important;}
    .svg_h_point0:hover{fill:#453fe8 !important;}
    .border_h_point0:hover{border-color:#453fe8 !important;}

    .section .section_desc { font-size:18px; font-size:1.8rem; line-height:28px; line-height:2.8rem; }

    .btn_style_0_con .btn_style_0 { font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem;  }
    .btn_style_0_con .btn_style_0.width145{width: 145px;}
    .btn_style_0_con .btn_style_0.width155{width: 155px;}
    .btn_style_0_con .btn_style_0.width165{width: 165px;}
    .btn_style_0_con .btn_style_0.width174{width: 174px;}
    .btn_style_0_con .btn_style_0.width194{width: 194px;}
    .btn_style_0_con .btn_style_0.width214{width: 214px;}
    .btn_style_0_con .btn_style_0.width225{width: 225px;}
    .btn_style_0_con .btn_style_0.width265{width: 265px;}

    .btn_style_0_con .btn_style_0:not(.loading):hover { padding-left: 10px; padding-right: 0;}
    .btn_style_0_con .btn_style_0.width_auto:hover { padding-left: 34px; padding-right: 24px;}
    .btn_style_0_con .btn_style_0:not(.loading):hover > span { padding-right: 17px; }
    .btn_style_0_con .btn_style_0:not(.loading):hover > span::after{ width: 13px; opacity: 1; }
    .btn_style_0_con .btn_style_0.type_2:hover > span { padding-right: 10px; }
    .btn_style_0_con .btn_style_0.type_2:hover > span::after{ width: 12px; }
    .btn_style_0_con .btn_style_0.type_2:hover { /*width: 90px;*/ }
    .btn_style_0_con .btn_style_0.width145:hover::after { width: 16px; }

    .btn_style_1_con .btn_style_1 { padding-bottom: 4px; padding-top: 4px; }
    .btn_style_1_con .btn_style_1:hover { padding-right: 25px; }
    .btn_style_1_con .btn_style_1:hover::after { width: 6px; right: 13px; opacity: 1; }

    .btn_style_2_con .btn_style_2:hover { color: #453fe8; }
    .btn_style_2_con .btn_style_2:hover span::after { background-image: url("../img/arrow_6738ff_7x12_right.png");}
    [data-wv-pc="mobile"] .btn_style_2_con .btn_style_2:hover span::after { background-image: url("../img/retina/arrow_6738ff_7x12_right_mac.png");}
    [data-wv-os="Mac"] .btn_style_2_con .btn_style_2:hover span::after { background-image: url("../img/retina/arrow_6738ff_7x12_right_mac.png");}

    .btn_style_3_con .btn_style_3.type_3 { background-position: right 0px top 5px; }
    .btn_style_3_con .btn_style_3.type_3:hover { color: #453fe8; background-image: url("../img/arrow_6738ff_6x10_right.png"); }
    [data-wv-pc="mobile"] .btn_style_3_con .btn_style_3.type_3:hover { background-image: url("../img/retina/arrow_6738ff_6x10_right_mac.png"); }
    [data-wv-os="Mac"] .btn_style_3_con .btn_style_3.type_3:hover { background-image: url("../img/retina/arrow_6738ff_6x10_right_mac.png"); }
    .btn_style_3_con .btn_style_3.no_arrow:hover { background-image: none !important; }

    .btn_style_3_con .btn_style_3.circle > span.arrow { margin-top: 2px; }
    .btn_style_3_con .btn_style_3.circle:hover > span:first-child { padding-right: 8px; }
    .btn_style_3_con .btn_style_3.circle.back:hover > span:first-child { padding-right: 0; }
    .btn_style_3_con .btn_style_3.circle.back:hover > span:last-child { padding-left: 8px; }
    .btn_style_3_con .btn_style_3.circle:hover > span.arrow::before { background-image: url("../img/arrow_fff_7x12_right.png"); }
    .btn_style_3_con .btn_style_3.circle.back:hover > span.arrow::before { background-image: url("../img/arrow_fff_7x12_left.png"); }
    [data-wv-pc="mobile"] .btn_style_3_con .btn_style_3.circle.back:hover > span.arrow::before { background-image: url("../img/retina/arrow_fff_7x12_left_mac.png"); }
    [data-wv-os="Mac"] .btn_style_3_con .btn_style_3.circle.back:hover > span.arrow::before { background-image: url("../img/retina/arrow_fff_7x12_left_mac.png"); }
    [data-wv-pc="mobile"] .btn_style_3_con .btn_style_3.circle:hover > span.arrow::before { background-image: url("../img/retina/arrow_fff_7x12_right_mac.png"); }
    [data-wv-os="Mac"] .btn_style_3_con .btn_style_3.circle:hover > span.arrow::before { background-image: url("../img/retina/arrow_fff_7x12_right_mac.png"); }
    .btn_style_3_con .btn_style_3.circle:hover > span.arrow::after { transform: scale(1); opacity: 1; }

    .btn_style_4.type_lg { padding: 16px 26px 16px 21px; font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem; }
    .btn_style_4.type_icon.type_lg > span { padding-left: 44px; }
    .btn_style_4.type_icon.type_lg > span::before { top: -3px; width: 34px; height: 34px; background-image: url("../img/34x34_weven_bg_circle.png"); }
    .btn_style_4.type_icon.artist > span::before { background-image: url("../img/34x34_weven_artist_bg_circle.png"); }

    .pagination_style_0_wrap .swiper-pagination-bullet { width: 10px; height: 10px; }
    .pagination_style_0_wrap .rolling_arrow.left:hover::before { background-image: url("../img/arrow_fff_7x12_left.png"); }
    [data-wv-pc="mobile"] .pagination_style_0_wrap .rolling_arrow.left:hover::before { background-image: url("../img/retina/arrow_fff_7x12_left_mac.png"); }
    [data-wv-os="Mac"] .pagination_style_0_wrap .rolling_arrow.left:hover::before { background-image: url("../img/retina/arrow_fff_7x12_left_mac.png"); }
    .pagination_style_0_wrap .rolling_arrow.right:hover::before { background-image: url("../img/arrow_fff_7x12_right.png"); }
    [data-wv-pc="mobile"] .pagination_style_0_wrap .rolling_arrow.right:hover::before { background-image: url("../img/retina/arrow_fff_7x12_right_mac.png"); }
    [data-wv-os="Mac"] .pagination_style_0_wrap .rolling_arrow.right:hover::before { background-image: url("../img/retina/arrow_fff_7x12_right_mac.png"); }
    .pagination_style_0_wrap .rolling_arrow:hover::after { transform: scale(1); opacity: 1; }

    .check_btn_style_1_con .check_btn_style_1:hover + label:before { border-color: #453fe8; }

    .section .section_title{font-size:44px; font-size:4.4rem; line-height:56px; line-height:5.6rem; }
    .section.solution .section_title { text-align: left; overflow: visible; float: left; margin-right: 0; margin-left: 0; max-width:none;}

    .section .section_sub_title{margin-bottom: 15px; display: block;}

    .intro_video_con .intro_video_title{top: 25px; left: 38px; font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem;}
    .intro_video_con .intro_video_play_btn{width: 80px; height: 80px; background-position: left 31px center; transform: scale(1) translate(-50%, -50%); }
    .intro_video_con.type_2 .intro_video_play_btn{width: 72px; height: 72px; background-image: url('../img/icon_play_btn_23x24_img.png'); background-size: 23px 24px;}

    .grid_style_0_wrap{padding-left: 50px; padding-right: 50px; padding-bottom: 0;}
    .grid_style_0_wrap .grid_style_0_con{width: calc(100% + 50px); margin-left: -50px; margin-bottom: -40px;}
    .grid_style_0_wrap .grid_style_0_con .grid_style_0{padding-left: 50px; padding-bottom: 40px;}
    .grid_style_0_wrap:not(.no_hover) .grid_style_0_con .grid_style_0 > div { transform: translateY(0); transition: transform .15s ease; }
    .grid_style_0_wrap:not(.no_hover) .grid_style_0_con .grid_style_0 > div:hover { transform: translateY(-20px); }
    .grid_style_0_wrap:not(.no_hover) .grid_style_0_con .grid_style_0 > div:hover img { padding-bottom: 20px; }
    .grid_style_0_wrap .grid_style_0_con .grid_style_0 > div .img_box_shadow { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 20px); z-index: -1; transition: box-shadow .2s; }
    .grid_style_0_wrap .grid_style_0_con .grid_style_0 > div:hover .img_box_shadow { box-shadow: 20px 20px 40px rgb(0 0 0 / 5%); }

    .grid_style_0_wrap.type_2{padding-left: 31px; padding-right: 31px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con{width: calc(100% + 31px); margin-left: -31px; margin-bottom: -11px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con .grid_style_0{padding-left: 31px; padding-bottom: 11px;}

    .grid_style_0_wrap.type_2 #blockDesignGrid { width: calc(100% + 50px); margin-left: -50px; margin-bottom: -30px; }
    .grid_style_0_wrap.type_2 #blockDesignGrid .grid_style_0{padding-left: 50px; padding-bottom: 50px;}

    .grid_style_1_wrap{padding-left: 60px; padding-right: 60px;}
    .grid_style_1_wrap .grid_style_1_con{margin-bottom: -60px;}
    .grid_style_1_wrap .grid_style_1_con .grid_style_1{padding-bottom: 60px;}

    .grid_style_2_wrap{padding-left: 34px; padding-right: 34px;}
    .grid_style_2_wrap .grid_style_2_con{margin-bottom: -14px;}
    .grid_style_2_wrap .grid_style_2_con .grid_style_2{padding-bottom: 14px;/* max-width: 400px;*/ margin: 0 auto;}


    .grid_style_3_wrap { }
    .grid_style_3_wrap .grid_style_3_con{margin-bottom: -35px; width: calc(100% + 35px); margin-left: -35px;}
    .grid_style_3_wrap .grid_style_3_con .grid_style_3{padding-bottom: 35px; padding-left: 35px;}

    .grid_style_4_wrap{padding-left: 40px; padding-right: 40px; }
    .grid_style_4_wrap .grid_style_4_con{ width: calc(100% + 40px); margin-left: -40px; margin-bottom: -40px;}
    .grid_style_4_wrap .grid_style_4_con .grid_style_4{padding-left: 40px; padding-bottom: 40px;}

    .login_popup_style_close_btn_con { top: 15px; right: 15px;}
    .login_popup_style_close_btn_con .login_popup_style_close_btn > svg { width: 15px; }
    .login_popup_style_close_btn_con .login_popup_style_close_btn:hover { background-color: #453fe8; }
    .login_popup_style_close_btn_con .login_popup_style_close_btn:hover > svg { fill: #fff; }

    .popup_style_0_con { border-radius: 33px; }
    .popup_style_0_con .contents{ padding-right: 74px; padding-left: 74px; padding-top: 74px; padding-bottom: 30px; height: 336px; }
    .popup_style_0_con .popup_title_con { padding-bottom: 32px; margin-bottom: 27px;}
    .popup_style_0_con .popup_title_con .title{ font-size:25px; font-size:2.5rem; line-height:32px; line-height:3.2rem; }
    .popup_style_0_con .popup_desc_con .desc{font-size:17px; font-size:1.7rem; line-height:32px; line-height:3.2rem; }
    .popup_style_0_con.type_3 .contents.type_table {  }

    .popup_style_0_btn_con .popup_style_0_btn{ padding-top: 23px; padding-bottom: 24px; }
    .popup_style_0_btn_con .popup_style_0_btn > span{ font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; }
    .popup_style_0_btn_con .popup_style_0_btn:hover { background-color: #ede9f8; }
    .popup_style_0_btn_con .popup_style_0_btn:hover > span{ color:#453fe8;}
    .popup_style_0_close_btn_con .popup_style_0_close_btn:hover > span { width: 27px; height: 27px; }

    .service_list_wrap .service_list_con{max-width: 720px; }
    .service_list_wrap .service_list:nth-child(2n) .service_list_title:after{content: '';}
    .service_list_wrap .service_list:nth-child(4n) .service_list_title:after{content: none;}
    .service_list_wrap .service_list_img{height: 63px; margin-bottom: 2px;}

    .service_list_wrap .service_list{width: 180px; margin-bottom: 50px; }
    .service_list_wrap .service_list:hover .service_list_title { font-weight: 700; }
    /*.service_list_wrap .service_list{width: 200px; }*/
    .service_list_wrap .service_list img { width: 50px; transform: translateY(7px);  transition: transform .15s; }
    .service_list_wrap .service_list:hover img { transform: translateY(0);}

    .wrapper.main .service_list_wrap{margin-bottom: 65px;}

    .service_list_wrap .service_list_title { font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; }
    .wrapper.main .service_list_wrap .service_list:hover .service_list_title { font-weight: 700; }

    .technology_list_wrap .technology_list_bg_con{position: absolute; left: 0; top: 53px; background-color: #f0eff8; height: calc(50% - 238px);}
    /*.technology_list_wrap .technology_list_bg_con{top: 120px; height: calc(50% - 328px);}*/
    .technology_list_wrap .technology_list.reverse > div{float: right;}
    .technology_list_wrap .technology_list .img_box .img_box_inner img { max-width:100%; }
    .technology_list_wrap .technology_list .img_box{text-align: left; }
    .technology_list_wrap .technology_list .img_box .img_box_inner .mw-95-per { max-width:95%; }
    .technology_list_wrap .technology_list .img_box .img_box_inner .mw-85-per { max-width:85%; }
    .technology_list_wrap .technology_list.reverse .img_box{text-align: right;}
    .technology_list_wrap .technology_list .text_box .text_box_inner{max-width: 560px;}
    .technology_list_wrap .technology_list .text_box .text_box_inner{float: right;}
    .technology_list_wrap .technology_list.reverse .text_box .text_box_inner{float: left;}
    .technology_list_wrap .technology_list .text_box .text_box_inner .desc { font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; max-width: 480px; float: left; overflow: visible; margin-left: 0; margin-right: 0; text-align: left;}
    .technology_list_wrap .technology_list .text_box .text_box_inner .name{padding-bottom: 23px; margin-bottom: 17px; font-size:21px; font-size:2.1rem; line-height:29px; line-height:2.9rem; text-align: left;}
    [data-wv-os="Mac"] .technology_list_wrap .technology_list .text_box .text_box_inner .name { padding-bottom: 18px; margin-bottom: 20px;}
    .technology_list_wrap .technology_list .text_box .text_box_inner .name:after{width: 63px; left: 0; transform: translateX(0);}
    .technology_list_wrap .technology_list .text_box .text_box_inner .title{margin-bottom: 13px; font-size:30px; font-size:3.0rem; line-height:41px; line-height:4.1rem; text-align: left;}
    /*.technology_list_wrap .technology_list .text_box .text_box_inner .title{margin-bottom: 15px; font-size:46px; font-size:4.6rem; line-height:61px; line-height:6.1rem;}*/

    .editor_function_list_wrap .editor_function_list_con .editor_function_list{margin-bottom: 70px;}
    .editor_function_list_wrap .editor_function_list{display: flex; align-items: center;}
    .editor_function_list_wrap .editor_function_list .left_box{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; margin-bottom: 0; width: 220px; text-align: left;}
    /*.editor_function_list_wrap .editor_function_list .left_box{font-size:27px; font-size:2.7rem; line-height:33px; line-height:3.3rem; margin-bottom: 0; width: 220px;}*/
    .editor_function_list_wrap .editor_function_list .right_box{width: calc(100% - 220px); padding-left: 30px;}
    .editor_function_list_wrap .editor_function_list .right_box:after{content: ''; position: absolute; left: 0; top: 0; height: calc(100% - 4px); border-left: 1px solid rgba(255, 255, 255, 0.2);}
    [data-wv-os="Mac"] .editor_function_list_wrap .editor_function_list .right_box:after{height: calc(100% - 2px);}
    .editor_function_list_wrap .editor_function_list .right_box .function_list .text_box { font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 300; }
    [data-wv-os="Mac"] .editor_function_list_wrap .editor_function_list .right_box .function_list .text_box { font-weight: 400; }
    .editor_function_list_wrap .editor_function_list .right_box .function_list .img_box { margin-bottom: 20px; }


    .site_manage_wrap .site_manage_list_con{margin-bottom: -55px; display: flex; flex-wrap: wrap;}
    .site_manage_wrap .site_manage_list_con .site_manage_list{padding-bottom: 0; margin-bottom: 55px; padding-right: 30px; padding-left: 30px; text-align: center;}
    .site_manage_wrap .site_manage_list_con .site_manage_list:last-child{margin-bottom: 55px;}
    .site_manage_wrap .site_manage_list_con .site_manage_list:after{content: ''; top: auto; left: auto; right: 0; bottom: 50%; transform: translateY(50%); width: auto; height: calc(100% - 3px); border-bottom: 0px none; border-right: 1px solid #dddddd;}
    .site_manage_wrap .site_manage_list_con .site_manage_list:nth-child(2n):after{content: '';}
    .site_manage_wrap .site_manage_list_con .site_manage_list:nth-child(3n):after{content: none;}
    .site_manage_wrap .site_manage_list_con .site_manage_list:last-child:after{content: none;}
    .site_manage_wrap .img_con img { max-width: 100%; }

    .site_manage_wrap .site_manage_list_con .site_manage_list .title { font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; margin-bottom: 12px;}
    .site_manage_wrap .site_manage_list_con .site_manage_list .desc { /*font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; */letter-spacing: -0.02em; }

    .login_popup_style_wrap .login_popup_style_con { border-radius: 33px; }
    .login_popup_style_wrap .login_form_wrap .login_form_top_con { padding-bottom: 47px; }
    .login_popup_style_wrap .login_form_wrap .login_form_title { font-size:24px; font-size:2.4rem; line-height:44px; line-height:4.4rem; }
    .login_popup_style_wrap .login_form_wrap .form_style_0 .form_style_0_list { margin-bottom: 32px; }
}


@media all and (min-width: 1200px) {

    .grid_style_0_wrap{padding-left: 55px; padding-right: 55px;}
    .grid_style_0_wrap .grid_style_0_con{width: calc(100% + 55px); margin-left: -55px; margin-bottom: -45px;}
    .grid_style_0_wrap .grid_style_0_con .grid_style_0{padding-left: 55px; padding-bottom: 45px;}

    .grid_style_0_wrap.type_2 #blockDesignGrid { width: calc(100% + 55px); margin-left: -55px; margin-bottom: -35px; }
    .grid_style_0_wrap.type_2 #blockDesignGrid .grid_style_0{padding-left: 55px; padding-bottom: 55px;}

    .grid_style_1_wrap{padding-left: 88px; padding-right: 88px;}
    .grid_style_1_wrap .grid_style_1_con{margin-bottom: -88px;}
    .grid_style_1_wrap .grid_style_1_con .grid_style_1{padding-bottom: 88px;}

    .grid_style_3_wrap .grid_style_3_con{margin-bottom: -45px; width: calc(100% + 45px); margin-left: -45px;}
    .grid_style_3_wrap .grid_style_3_con .grid_style_3{padding-bottom: 45px; padding-left: 45px;}

    .grid_style_4_wrap{padding-left: 60px; padding-right: 60px; }
    .grid_style_4_wrap .grid_style_4_con{ width: calc(100% + 60px); margin-left: -60px; margin-bottom: -60px;}
    .grid_style_4_wrap .grid_style_4_con .grid_style_4{padding-left: 60px; padding-bottom: 60px;}
}

@media all and (min-width: 1300px) {
    .section .section_sub_title{left: calc((100% - 1112px) / 2);}
}

@media all and (min-width: 1500px) {
    .intro_wrap_inner { max-width: 1112px; }

    .service_list_wrap .service_list{width: 145px;}
    .service_list_wrap .service_list_img { margin-bottom: 6px; }
    .service_list_wrap .service_list_con{max-width: none; }
    .service_list_wrap .service_list:nth-child(4n) .service_list_title:after{content: '';}
    .service_list_wrap .service_list:last-child .service_list_title:after{content: none;}

    .editor_function_list_wrap .editor_function_list .left_box{width: 325px; padding-left: 50px; font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; }
    .editor_function_list_wrap .editor_function_list .right_box{width: calc(100% - 325px); padding-left: 50px;}

    .editor_function_list_wrap .editor_function_list .right_box .function_list .text_box { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; }
}


@media all and (min-width: 1600px) {
    .technology_list_wrap .technology_list_bg_con {top: 133px; height: calc(50% - 398px);}
    /*.service_list_wrap .service_list_title { font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem;  }*/

    .grid_style_4_wrap{padding-left: 80px; padding-right: 80px; }
    .grid_style_4_wrap .grid_style_4_con{ width: calc(100% + 80px); margin-left: -80px; margin-bottom: -80px;}
    .grid_style_4_wrap .grid_style_4_con .grid_style_4{padding-left: 80px; padding-bottom: 80px;}
}

@media all and (min-width: 1800px) {
    .section .section_title { font-size: 52px; font-size: 5.2rem; line-height: 66px; line-height: 6.6rem; }
    .section .section_desc { font-size:21px; font-size:2.1rem; line-height:31px; line-height:3.1rem; }

    .section .section_sub_title{position: absolute; z-index: 1; width: auto; top:11px; left: 65px; margin-bottom: 0;} /* section_title lineheight때문에 top:11px ...hsj */

    .editor_function_list_wrap { padding-top: 153px; padding-bottom: 190px; margin-bottom: 158px; }
    .editor_function_list_wrap .sub_contents_desc { margin-bottom: 112px; }

    .site_manage_wrap .site_manage_list_con .site_manage_list .title { font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem; margin-bottom: 17px; }
    .site_manage_wrap .site_manage_list_con .site_manage_list .desc { font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem;  }
    .site_manage_wrap .site_manage_list_con .site_manage_list { margin-bottom: 65px;}
}

/*@media all and (min-width: 1900px) {*/
/*.section.solution .section_title { font-size:53px; font-size:5.3rem; line-height:75px; line-height:7.5rem; padding-left: 30px; }*/
/*}*/

@media all and (min-width: 1920px) {
    .grid_style_0_wrap{padding-left: 87px; padding-right: 87px;}
    .grid_style_0_wrap .grid_style_0_con{width: calc(100% + 87px); margin-left: -87px;}
    .grid_style_0_wrap .grid_style_0_con .grid_style_0{padding-left: 87px; width: 25%;}
    .main .grid_style_0_wrap .grid_style_0_con .grid_style_0{width: 40%;}

    .grid_style_0_wrap.type_2{padding-left: 54px; padding-right: 54px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con{width: calc(100% + 54px); margin-left: -54px; margin-bottom: -34px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con .grid_style_0{padding-left: 54px; padding-bottom: 34px;}

    .grid_style_1_wrap .grid_style_1_con .grid_style_1{width: 33.33%;}

    .grid_style_2_wrap .grid_style_2_con .grid_style_2{width: 20%;}

    /*.service_list_wrap .service_list{width: 210px;}*/
    /*.wrapper.main .service_list_wrap .service_list_title { font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; }*/
    .grid_style_4_wrap{padding-left: 100px; padding-right: 100px; }
    .grid_style_4_wrap .grid_style_4_con{ width: calc(100% + 100px); margin-left: -100px; margin-bottom: -100px;}
    .grid_style_4_wrap .grid_style_4_con .grid_style_4 { width: 20%; padding-left: 100px; padding-bottom: 100px;}
}


@media all and (min-width: 2200px) {
    .grid_style_0_wrap{padding-left: 100px; padding-right: 100px;}
    .grid_style_0_wrap .grid_style_0_con{width: calc(100% + 100px); margin-left: -100px;}
    .grid_style_0_wrap .grid_style_0_con .grid_style_0{padding-left: 100px;}

    .grid_style_0_wrap.type_2{padding-left: 72px; padding-right: 72px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con{width: calc(100% + 72px); margin-left: -72px; margin-bottom: -52px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con .grid_style_0{padding-left: 72px; padding-bottom: 52px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con .grid_style_0{padding-left: 72px; padding-bottom: 52px;}
}

@media all and (min-width: 2500px) {
    .section .section_title{font-size:60px; font-size:6.0rem; line-height:72px; line-height:7.2rem;}
    .section .section_desc { font-size:24px; font-size:2.4rem; line-height:35px; line-height:3.5rem;  }

    .btn_style_4.type_lg { padding: 18px 31px 18px 26px; font-size:28px; font-size:2.8rem; line-height:34px; line-height:3.4rem; }
    .btn_style_4.type_icon.type_lg > span { padding-left: 53px; }
    .btn_style_4.type_icon.type_lg > span::before { top: -2px; width: 40px; height: 40px; background-image: url("../img/40x40_weven_studio_bg_circle.png");}
    .btn_style_4.type_icon.type_lg.artist > span::before { background-image: url("../img/40x40_weven_artist_bg_circle.png");}

    .technology_list_wrap .technology_list .text_box .text_box_inner .desc { font-size:19px; font-size:1.9rem; line-height:33px; line-height:3.3rem;  }
    .editor_function_list_wrap { padding-top: 173px; padding-bottom: 220px; margin-bottom: 178px; }
    .editor_function_list_wrap .sub_contents_desc { margin-bottom: 122px; }
    .editor_function_list_wrap .editor_function_list .left_box { font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; width: 340px; }
    .editor_function_list_wrap .editor_function_list .right_box{width: calc(100% - 340px); }

    .service_list_wrap .service_list{width: 190px;}
    .service_list_wrap .service_list_img { margin-bottom: 13px;}
    .service_list_wrap .service_list img { width: 60px; }

    .grid_style_0_wrap .grid_style_0_con{ margin-bottom: -55px;}
    .grid_style_0_wrap .grid_style_0_con .grid_style_0{  padding-bottom: 55px;}
}