@charset "utf-8";


/* 전체 테마 공통폰트 및 스타일 */
*{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
body{-webkit-text-size-adjust:none;}
@-webkit-keyframes autofill {
    to {
        color: #000;
        /*background: transparent;*/
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
input[type=text]::-ms-clear{display: none;}
hr{display: inline-block; font-size: 0;}/* wveditor.css에 이렇게 정의되어있음 */

[data-wv-layout-element="block_inner"]{float:left; width:100%; height: 100%; position: relative; overflow: hidden; z-index: 2; box-sizing: border-box; text-decoration: inherit;}
.show-tablecell[data-wv-layout-element="block"] [data-wv-layout-element="block_inner"]{height: auto;}

/*
    200304 min - 이미지 에디터가 붙는 이미지들이 초기값으로 width: 100%로 갖게 설정함.
    200306 min - 이미지 에디터 붙는 이미지들중에 auto로 적용되야 하는 애들은 img_width_auto 클래스를 inner에 중복으로 주면 적용 되게 처리 함
*/
[data-wv-layout-element-type="image"] img{width: 100%;}
[data-wv-layout-element-type="image_auto"] img{width: auto;}
/*.wvelLayoutViewBorderPadding [data-wv-layout-element="block_inner"].wveditor_image:after{content:""; position: absolute; width: 150px; height: 45px; top: 50%; left: 50%; transform: translate(-50%,-50%); background-image: url('../img/common/temporary_display_img_tag.png'); background-position: center; background-size: cover; background-repeat: no-repeat;}*/
.wvelLayoutViewBorderPadding [data-wv-layout-element="block_inner"].wveditor_image:after{content:""; position: absolute; max-width: 80px; width: 35%; height: 61px; top: 50%; left: 50%; transform: translate(-50%,-50%); background-image: url('../img/common/temporary_display_img_tag.png'); background-position: center; background-size: contain; background-repeat: no-repeat;}
.wvelLayoutViewBorderPadding [data-wv-layout-element="block_inner"].wveditor_image.bg_image:after{/*max-width: 92px; height: 73px; background-image: url('../img/common/temporary_display_bg_img_tag.png');*/ opacity: 0.3;}
.wvelLayoutViewBorderPadding [data-wv-layout-element="block_inner"].wveditor_image.changed:after{ content: none !important;}

[data-wv-layout-element-type="bg_image"] > [data-wv-layout-element="block_inner"]{background-image:none !important;}

.font_roboto{font-family:"Roboto"; letter-spacing: 0.0em;}
.font_playfair{font-family: 'Playfair Display';}

.fontweight300{font-weight: 300 !important;} /*200305 min - Light fw 적용을 위해 important를 추가한 클래스 정의*/
.fontweight400{font-weight: 400 !important;} /* 190603 폰트가이드 업데이트 */
.fontweight500{font-weight: 500 !important;} /* 190403 폰트가이드 업데이트 */
.fontweight700{font-weight: 700 !important;} /* 190613 폰트가이드 업데이트 */

.cl{clear: left;}
.cb{clear: both;}
.cn{clear: none;}

/* default point color - #6738ff */
.point0{color:#6738ff !important;}
.bg_point0{background-color:#6738ff !important;}
.svg_point0{fill:#6738ff !important;}
.stroke_point0{stroke:#6738ff !important;}
.border_point0{border-color:#6738ff !important;}
.before_point0::before{color:#6738ff !important;}
.before_bg_point0::before{background-color:#6738ff !important;}
input:checked + label.checked_before_bg_point0::before{background-color: #6738ff !important;}
.after_point0::after{color:#6738ff !important;}
.after_bg_point0::after{background-color:#6738ff !important;}

.reverse .point0{color:#6738ff !important;}
.reverse .bg_point0{background-color:#6738ff !important;}
.reverse .svg_point0{fill:#6738ff !important;}
.reverse .stroke_point0{stroke:#6738ff !important;}
.reverse .border_point0{border-color:#6738ff !important;}

/* default point color - #6738ff */
.wv_point_color{color:#6738ff !important;}
.wv_bg_point_color{background-color:#6738ff !important;}
.wv_svg_point_color{fill:#6738ff !important;}
.wv_stroke_point_color{stroke:#6738ff !important;}
.border_point0{border-color:#6738ff !important;}
.before_point0::before{color:#6738ff !important;}
.before_bg_point0::before{background-color:#6738ff !important;}
input:checked + label.checked_before_bg_point0::before{background-color: #6738ff !important;}
.after_point0::after{color:#6738ff !important;}
.after_bg_point0::after{background-color:#6738ff !important;}

.reverse .point0{color:#6738ff !important;}
.reverse .bg_point0{background-color:#6738ff !important;}
.reverse .svg_point0{fill:#6738ff !important;}
.reverse .stroke_point0{stroke:#6738ff !important;}
.reverse .border_point0{border-color:#6738ff !important;}



/* gnb */
.gnb_wrap{font-size: 0; line-height: 0;}
.gnb_wrap > li{display: inline-block;}
.gnb_wrap > li > a{font-size: 16px; font-size: 1.6rem; line-height: 25px; line-height: 2.5rem; letter-spacing: -0.025em; font-weight: 500; word-break: keep-all; color:#000;}
.gnb_wrap.vertical > li{display: block; margin-bottom: 17px;}
.gnb_wrap.vertical > li:last-child{margin-bottom: 0;}

.gnb_wrap.reverse > li > a{font-weight: 400; color:#fff;}

/* lnb */
.lnb_menu_wrap ul{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem;}
.lnb_menu_wrap ul > li{display: inline-block;}
.lnb_menu_wrap ul > li > a{font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; letter-spacing: -0.025em; font-weight: 500; word-break: keep-all; color:rgba(0,0,0,0.4); transition: all 0.3s;}
.lnb_menu_wrap ul > li > a.active{color:rgba(0,0,0,1);}
.lnb_menu_wrap.type_2 ul > li > a{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.025em; font-weight: 500; word-break: keep-all; color:rgba(0,0,0,0.4);}
.lnb_menu_wrap.vertical ul > li{display: block; margin-bottom: 12px;}
.lnb_menu_wrap.vertical ul > li:last-child{margin-bottom: 0;}

.lnb_menu_wrap.reverse ul > li > a{font-weight: 400; color:rgba(255,255,255,0.4);}
.lnb_menu_wrap.reverse ul > li > a.active{font-weight: 500; color:rgba(255,255,255,1);}

/* 로그인/회원가입 */
.member_menu_wrap{/*margin-right: 40px;*/}
.member_menu_wrap ul{font-size: 0; line-height: 0;}
.member_menu_wrap ul > li{position:relative; display: inline-block; vertical-align: middle; padding-right: 15px; margin-right: 11px;}
.member_menu_wrap ul > li:after{content:''; position: absolute; top:50%; right:0; height:calc(100% - 8px); border-left:1px solid rgba(0,0,0,0.15); transform: translateY(-50%); margin-top:2px;}
.member_menu_wrap ul > li:last-child{padding-right: 0; margin-right: 0;}
.member_menu_wrap ul > li:last-child::after{border:none;}
.member_menu_wrap ul > li > a{display: inline-block;}
.member_menu_wrap ul > li > a > span{display: inline-block; position:relative; transition: all 0.2s ease; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; letter-spacing: -0.025em; font-weight: 500; word-break: keep-all; color:#000;}
.member_menu_wrap ul > li > a > span::after{content: ''; position: absolute; top:0; right:0; width: 0; height: 100%; opacity: 0; transition: all 0.15s ease;
    background-image: url("../img/arrow/arrow_6x11_000000_right.png"); background-repeat: no-repeat; background-position: right center; background-size: 6px 11px;}


.member_menu_wrap.type_2 ul > li:after{display: none;}

.member_menu_wrap.reverse ul > li::after{border-color:rgba(255,255,255,0.25);}
.member_menu_wrap.reverse ul > li > a > span{font-weight: 400; color:#fff;}
.member_menu_wrap.reverse ul > li > a > span::after{background-image: url("../img/arrow/arrow_6x11_ffffff_right.png");}

/* 햄버거 메뉴 아이콘 */
/* menu_icon_style_0_con */
.menu_icon_style_0_con{font-size: 0; line-height: 0;}
.menu_icon_style_0{display:inline-block; width:25px; height:16px; position: relative; overflow: hidden;}
.menu_icon_style_0 span{width:25px; height:2px; background-color:#000; position: absolute; top:50%; left:0; margin-top:-1px;}
.menu_icon_style_0::before{content:""; position: absolute; top:0px; left:0; width:25px; height:2px; background-color:#000;}
.menu_icon_style_0::after{content:""; position: absolute; bottom:0px; left:0; width:25px; height:2px; background-color:#000;}
.reverse .menu_icon_style_0 span{background-color:#fff;}
.reverse .menu_icon_style_0::before{background-color:#fff;}
.reverse .menu_icon_style_0::after{background-color:#fff;}
.menu_icon_style_0.type_2 span{width: 18px;}
.menu_icon_style_0.type_2::before{}
.menu_icon_style_0.type_2::after{}
.menu_icon_style_0.type_3 span{}
.menu_icon_style_0.type_3::before{width: 19px;}
.menu_icon_style_0.type_3::after{width: 15px;}


.menu_icon_style_0::before{
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-delay: 0.0s;
    transition-delay: 0.0s;
    -webkit-transition-timing-function : ease-out;
    transition-timing-function : ease-out;
    -webkit-transition-property: width;
    transition-property: width;
}
.menu_icon_style_0 span{
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-delay: 0.0s;
    transition-delay: 0.0s;
    -webkit-transition-timing-function : ease-out;
    transition-timing-function : ease-out;
    -webkit-transition-property: width;
    transition-property: width;
}
.menu_icon_style_0::after{
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-delay: 0.02s;
    transition-delay: 0.02s;
    -webkit-transition-timing-function : ease-out;
    transition-timing-function : ease-out;
    -webkit-transition-property: width;
    transition-property: width;
}

/* menu_icon_style_1_con */
.menu_icon_style_1_con{font-size: 0; line-height: 0;}
.menu_icon_style_1{display:inline-block; width:24px; height:12px; position: relative; overflow: hidden;}
.menu_icon_style_1 span{width:24px; height:2px; background-color:#000; position: absolute; bottom:0; left:0;}
.menu_icon_style_1::before{content:""; position: absolute; top:0px; left:0; width:25px; height:2px; background-color:#000;}
.reverse .menu_icon_style_1 span{background-color:#fff;}
.reverse .menu_icon_style_1::before{background-color:#fff;}
.menu_icon_style_1.type_2 span{width: 18px;}
.menu_icon_style_1.type_2::before{}


.menu_icon_style_1::before{
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-delay: 0.0s;
    transition-delay: 0.0s;
    -webkit-transition-timing-function : ease-out;
    transition-timing-function : ease-out;
    -webkit-transition-property: width;
    transition-property: width;
}
.menu_icon_style_1 span{
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-delay: 0.0s;
    transition-delay: 0.0s;
    -webkit-transition-timing-function : ease-out;
    transition-timing-function : ease-out;
    -webkit-transition-property: width;
    transition-property: width;
}
.menu_icon_style_1::after {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-delay: 0.02s;
    transition-delay: 0.02s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: width;
    transition-property: width;
}

/* star_icon */
.star{width: 14px; height: 14px; enable-background:new 0 0 28 26.7; fill:#E5E5E5;}

/*plus_icon*/
.plus_icon{width: 16px; height: 16px;enable-background:new 0 0 22 22; fill: #000;}

/* download_icon */
.download_icon{width: 20px; height: 15px; enable-background:new 0 0 40 30; fill: #fff;}

/* heart_icon */
.heart_icon{width: 14px; height: 13px; clip-rule:evenodd; fill:#f14c96;}

/* quotation_mark default - 60px, medium - 70px, big: 80px*/
.quotation_mark{width: 20px; height: 16px; fill: #000;}
.quotation_mark.medium{width: 23px; height: 18px;}
.quotation_mark.big{width: 26px; height: 20px;}

/* right arrow (step) small - 6px, medium - 7px, big - 9px */
.step_style_arrow.small{width:6px; height:11px;}
.step_style_arrow.medium{width:7px; height:13px;}
.step_style_arrow.big{width:9px; height:17px;}

/*200420 min - 새로운 폰트 가이드 정의*/

/*font_style_15*/
.font_style_15{font-size: 15px; font-size: 1.5rem; line-height: 25px; line-height: 2.5rem; font-weight: 300; letter-spacing: -0.0em; color: #000; word-break: keep-all;}
.reverse .font_style_15{color: #fff;}

/*font_style_17*/
.font_style_17{font-size: 17px; font-size: 1.7rem; line-height: 28px; line-height: 2.8rem; font-weight: 300; letter-spacing: -0.0em; color: #000; word-break: keep-all;}
.font_style_17.font_roboto{font-weight: 400;}
.font_style_17 .font_roboto{font-weight: 400;}
.reverse .font_style_17{color: #fff;}

/*font_style_19*/
.font_style_19{font-size: 19px; font-size: 1.9rem; line-height: 34px; line-height: 3.4rem; font-weight: 300; letter-spacing: -0.0em; color: #000; word-break: keep-all;}
.reverse .font_style_19{color: #fff;}

/*font_style_20*/
.font_style_20{font-size: 20px; font-size: 2.0rem; line-height: 30px; line-height: 3.0rem; font-weight: 500; letter-spacing: -0.02em; color: #000; word-break: keep-all;}
.font_style_20.font_roboto{letter-spacing: -0.0em;}
.font_style_20 .font_roboto{letter-spacing: -0.0em;}
.reverse .font_style_20{color: #fff;}

/*font_style_25*/
.font_style_25{font-size: 25px; font-size: 2.5rem; line-height: 38px; line-height: 3.8rem; font-weight: 500; letter-spacing: -0.02em; color: #000; word-break: keep-all;}
.font_style_25.font_roboto{letter-spacing: -0.0em;}
.reverse .font_style_25{color: #fff;}

/*font_style_35*/
.font_style_35{font-size: 35px; font-size: 3.5rem; line-height: 52px; line-height: 5.2rem; font-weight: 500; letter-spacing: -0.04em; color: #000; word-break: keep-all;}
.font_style_35.font_roboto{letter-spacing: -0.0em;}
.font_style_35 .font_roboto{letter-spacing: -0.0em;}
.reverse .font_style_35{color: #fff;}

/*font_style_46*/
.font_style_46{font-size: 46px; font-size: 4.6rem; line-height: 64px; line-height: 6.4rem; font-weight: 500; letter-spacing: -0.04em; color: #000; word-break: keep-all;}
.font_style_46.font_roboto{letter-spacing: -0.0em;}
.font_style_46 .font_roboto{letter-spacing: -0.0em;}
.reverse .font_style_46{color: #fff;}

/*font_style_60*/
.font_style_60{font-size: 60px; font-size: 6.0rem; line-height: 78px; line-height: 7.8rem; font-weight: 500; letter-spacing: -0.06em; color: #000; word-break: keep-all;}
.font_style_60.font_roboto{font-weight: 400; letter-spacing: -0.0em;}
.font_style_60 .font_roboto{font-weight: 400; letter-spacing: -0.0em;}
.reverse .font_style_60{color: #fff;}

/*font_style_76*/
.font_style_76{font-size: 60px; font-size: 6.0rem; line-height: 78px; line-height: 7.8rem; font-weight: 500; letter-spacing: -0.06em;  color: #000; word-break: keep-all;}
.reverse .font_style_76{color: #fff;}

/*font_style_150*/
.font_style_150{font-size: 60px; font-size: 6.0rem; line-height: 78px; line-height: 7.8rem; font-weight: 500; letter-spacing: -0.06em; color: #000; word-break: keep-all;}
.reverse .font_style_150{color: #fff;}

/* btn_font_0 */
.btn_font_0{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; letter-spacing: -0.025em; word-break: keep-all; color: #000;}
.btn_font_0.font_roboto{letter-spacing: 0.0em;}
.btn_font_0 .font_roboto{letter-spacing: 0.0em;}

.reverse .btn_font_0{color: #fff;}

/* visual_title_font */
.visual_title_font_0{font-size: 40px; font-size: 4.0rem; line-height: 58px; line-height: 5.8rem; letter-spacing: -0.06em; font-weight: 400; word-break: keep-all; color:#000;}
.visual_title_font_1{font-size: 40px; font-size: 4.0rem; line-height: 54px; line-height: 5.4rem; letter-spacing: -0.06em; font-weight: 400; word-break: keep-all; color:#000;}
.visual_title_font_2{font-size: 40px; font-size: 4.0rem; line-height: 56px; line-height: 5.6rem; letter-spacing: -0.06em; font-weight: 400; word-break: keep-all; color:#000;}

.reverse .visual_title_font_0{color:#fff;}
.reverse .visual_title_font_1{color:#fff;}
.reverse .visual_title_font_2{color:#fff;}

/* visual_desc_font */
.visual_desc_font_0{font-size: 18px; font-size: 1.8rem; line-height: 33px; line-height: 3.3rem; letter-spacing: -0.025em; font-weight: 300; word-break: keep-all; color: #000;}

.reverse .visual_desc_font_0{color:#fff;}

/* title_font */
.title_font_0{font-size:30px; font-size:3.0rem; line-height:45px; line-height:4.5rem; letter-spacing: -0.06em; font-weight: 400; word-break: keep-all; color:#000;}
.title_font_0.font_roboto{letter-spacing: 0.0em;}
.title_font_1{font-size:26px; font-size:2.6rem; line-height:40px; line-height:4.0rem; letter-spacing: -0.06em; font-weight: 400; word-break: keep-all; color:#000;}
.title_font_2{font-size:28px; font-size:2.8rem; line-height:43px; line-height:4.3rem; letter-spacing: -0.06em; font-weight: 400; word-break: keep-all; color: #000;}
.title_font_3{font-size:70px; font-size:7.0rem; line-height:90px; line-height:9.0rem; letter-spacing: -0.06em; font-weight: 400; word-break: keep-all; color: #000;}
.title_font_4{font-size:80px; font-size:8.0rem; line-height:100px; line-height:10.0rem; letter-spacing: -0.06em; font-weight: 400; word-break: keep-all; color: #000;}
.title_font_5{font-size:74px; font-size:7.4rem; line-height:90px; line-height:9.0rem; letter-spacing: 0.0em; font-weight: 400; word-break: keep-all; color: #000;}

.reverse .title_font_0{color:#fff;}
.reverse .title_font_1{color:#fff;}
.reverse .title_font_2{color:#fff;}
.reverse .title_font_3{color:#fff;}
.reverse .title_font_4{color:#fff;}
.reverse .title_font_5{color:#fff;}

/* sub_title_font */
.sub_title_font_0{font-size:22px; font-size:2.2rem; line-height:36px; line-height:3.6rem; letter-spacing: -0.04em; font-weight: 400; word-break: keep-all; color:#000;}
.sub_title_font_1{font-size:19px; font-size:1.9rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.04em; font-weight: 500; word-break: keep-all; color:#000;}
.sub_title_font_1.font_roboto{letter-spacing: 0;}
.sub_title_font_2{font-size:16px; font-size:1.6rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.025em; font-weight: 500; word-break: keep-all; color:#000;}

.reverse .sub_title_font_0{color:#fff;}
.reverse .sub_title_font_1{color:#fff;}
.reverse .sub_title_font_2{color:#fff;}


/* desc_font */
/*.desc_font_0{font-size:15px; font-size:1.5rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.025em; font-weight: 300; word-break: keep-all; color:#000;}*/
.desc_font_0{font-size:18px; font-size:1.8rem; line-height:31px; line-height:3.1rem; letter-spacing: -0.025em; font-weight: 300; word-break: keep-all; color:#000;}
.desc_font_0.long{line-height: 35px; line-height: 3.5rem;}
.desc_font_0.font_roboto{font-size:17px; font-size:1.7rem; line-height:31px; line-height:3.1rem; letter-spacing: 0em; font-weight: 500; word-break: keep-all;}
.desc_font_0 .font_roboto{font-size:17px; font-size:1.7rem; line-height:31px; line-height:3.1rem; letter-spacing: 0em; font-weight: 500; word-break: keep-all;}

/*.desc_font_1{font-size:14px; font-size:1.4rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.025em; font-weight: 300; word-break: keep-all; color:#000;}*/
/*.desc_font_1{font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.025em; font-weight: 300; word-break: keep-all; color:#000;}*/
.desc_font_1{font-size:18px; font-size:1.8rem; line-height:31px; line-height:3.1rem; letter-spacing: -0.025em; font-weight: 300; word-break: keep-all; color:#000;}
.desc_font_1.font_roboto{font-size:18px; font-size:1.8rem; line-height:31px; line-height:3.1rem; letter-spacing: 0em; font-weight: 700; word-break: keep-all;}
.desc_font_1 .font_roboto{font-size:18px; font-size:1.8rem; line-height:31px; line-height:3.1rem; letter-spacing: 0em; font-weight: 700; word-break: keep-all;}

.desc_font_2{font-size:17px; font-size:1.7rem; line-height:34px; line-height:3.4rem; font-weight: 300; letter-spacing: -0.025em; color: #000;}


.desc_font_0.origin_font{font-size:16px; font-size:1.6rem; line-height:29px; line-height:2.9rem;}
.desc_font_1.origin_font{font-size:16px; font-size:1.6rem; line-height:29px; line-height:2.9rem;}

.reverse .desc_font_0{color: #fff;}
.reverse .desc_font_1{color: #fff;}
.reverse .desc_font_2{color: #fff;}

/* info_font (전화번호 및 메일) */
.info_font_0{font-family:"Roboto"; font-size: 23px; font-size: 2.3rem; line-height: 28px; line-height: 2.8rem; letter-spacing: 0; font-weight: 500; word-break: keep-all; color: #000;}
.info_font_1{font-family: "Roboto"; font-size:17px; font-size:1.7rem; line-height:34px; line-height:3.4rem; font-weight: 400; letter-spacing: 0.0em; color: #000;}

.reverse .info_font_0{color:#fff;}
.reverse .info_font_1{color: #fff;}

/* value_font (수치값) */
.value_font_0{font-family:"Roboto"; font-size: 43px; font-size: 4.3rem; line-height: 49px; line-height: 4.9rem; letter-spacing: 0; font-weight: 300; word-break: keep-all; color: #000;}

.reverse .value_font_0{color:#fff;}

/* footer */
.copyright_font_0{font-family:"Roboto"; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; letter-spacing: 0.025em; font-weight: 400; word-break: keep-all; color:rgba(0,0,0,0.5)}

.reverse .copyright_font_0{color:rgba(255,255,255,0.5);}

/* indicate_font_0 */
.indicate_font_0{font-family: "Roboto"; font-size:18px; font-size:1.8rem; line-height:26px; line-height:2.6rem; font-weight: 500; letter-spacing: -0.0em; word-break: keep-all; color: #000;}
.reverse .indicate_font_0{color: #fff;}

.sns_list_wrap ul{font-size: 0;}
.sns_list_wrap ul > li{display: inline-block;}
.sns_list_wrap ul > li > a{display: inline-block; width: 39px; height: 39px; border-radius: 50%; background-color: transparent; background-position: center; background-repeat: no-repeat; transition: all 0.3s;}
.sns_list_wrap ul > li.facebook > a{background-image: url('../img/common/facebook_icon_black.png');}
.sns_list_wrap ul > li.twitter > a{background-image: url('../img/common/twitter_icon_black.png');}
.sns_list_wrap ul > li.youtube > a{background-image: url('../img/common/youtube_icon_black.png');}
.sns_list_wrap ul > li.pinterest > a{background-image: url('../img/common/pinterest_icon_black.png');}
.sns_list_wrap ul > li.instagram > a{background-image: url('../img/common/instagram_icon_black.png');}

.sns_list_wrap.reverse ul > li.facebook > a{background-image: url('../img/common/facebook_icon_white.png');}
.sns_list_wrap.reverse ul > li.twitter > a{background-image: url('../img/common/twitter_icon_white.png');}
.sns_list_wrap.reverse ul > li.youtube > a{background-image: url('../img/common/youtube_icon_white.png');}
.sns_list_wrap.reverse ul > li.pinterest > a{background-image: url('../img/common/pinterest_icon_white.png');}
.sns_list_wrap.reverse ul > li.instagram > a{background-image: url('../img/common/instagram_icon_white.png');}

/* select_style_0 */
.select_style_0_wrap.font_roboto .select_style_0{font-family: "Roboto" , "Noto Sans KR";}
.select_style_0_wrap.font_roboto .selected_item{font-weight: 700;}
.select_style_0_wrap.font_roboto .select_style_0 > li > a{font-weight: 700;}
.select_style_0_wrap.font_roboto .selected_item{padding-top: 16px;}
.select_style_0_wrap{position: relative; height: 53px; font-size: 0; line-height: 0;}
.select_style_0_wrap .selected_item_con{position: absolute; width: 100%; height: 100%; top: 0px; left:0; display: inline-block; margin-right:10px;}
.select_style_0_wrap .selected_item_con:last-child{margin-right: 0;}
.select_style_0_wrap .selected_item{width:100%; height: 100%; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 500; color:#000;
    border:1px solid #e9f0f3; border-radius:0; padding-top:13px; padding-bottom: 13px; padding-left:17px; padding-right: 30px; box-sizing: border-box; text-align: left; background-color: #fff;
    background-image: url('../img/common/select_style_0_arrow.png'); background-size: 11px 6px; background-repeat: no-repeat; background-position: right 19px center; cursor: pointer; transition:border 0s;}
.select_style_0_wrap .selected_item.active{position: relative; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom:1px solid transparent;}
.select_style_0_wrap .select_style_0_con{display:none; position: absolute;  width:100%; border:none; border-radius: 2px; box-sizing: border-box; z-index: 50;}
.select_style_0_wrap .select_style_0{padding-bottom:5px; background-color: #fff; border:1px solid #e9f0f3; border-top:none; max-height:300px; overflow-y:auto;}
.select_style_0_wrap .select_style_0 > li{text-align: left;}
.select_style_0_wrap .select_style_0 > li.active{display: none;}
.select_style_0_wrap .select_style_0 > li > a{display: block; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 500; color:#000;
    padding-top: 3px; padding-bottom: 6px; padding-left:17px; padding-right:30px; box-sizing: border-box; word-break: keep-all; transition: color 0.3s; background-color:#fff;}

.select_style_0_wrap.height80 .select_style_0{max-height: 80px;}

/* select_style_1 */
.select_style_1_wrap.font_roboto .select_style_1{font-family: "Roboto" , "Noto Sans KR";}
.select_style_1_wrap.font_roboto .selected_item{font-weight: 700;}
.select_style_1_wrap.font_roboto .select_style_1 > li > a{font-weight: 700;}
.select_style_1_wrap.font_roboto .selected_item{padding-top: 16px;}
.select_style_1_wrap{position: relative; height: 52px; font-size: 0; line-height: 0;}
/* 200316 min - form_line_style_6에 있는 select_style_1_wrap의 높이가 65px이기 때문에 해당 값을 일단은 임시로 클래스를 만들어 적용함 */
.select_style_1_wrap.height65{height: 65px;}
.select_style_1_wrap .selected_item_con{position: absolute; width: 100%; height: 100%; top: 0px; left:0; display: inline-block; margin-right:10px;}
.select_style_1_wrap .selected_item_con:last-child{margin-right: 0;}
.select_style_1_wrap .selected_item{width:100%; height: 100%; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.025em; font-weight: 300; color:#000; border: none; border-radius:0; padding: 14px 30px 18px 0; box-sizing: border-box; text-align: left; background-color: #fff;
    background-image: url('../img/common/select_style_1_arrow.png'); background-size: 12px 7px; background-repeat: no-repeat; background-position: right 10px top 23px; cursor: pointer; transition:border,padding-left 0s;}
.select_style_1_wrap .selected_item.active{position: relative; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid #000; border-bottom-color: transparent; background-color: #fbfbfd; background-image: url('../img/common/select_style_1_arrow_active.png'); padding-left: 20px;}
.select_style_1_wrap .select_style_1_con{display:none; position: absolute;  width:100%; border:none; border-radius: 2px; box-sizing: border-box; z-index: 50;}
.select_style_1_wrap .select_style_1{padding-bottom:5px; background-color: #fff; border:1px solid #000; border-top:none; max-height:300px; overflow-y:auto;}
.select_style_1_wrap .select_style_1 > li{text-align: left; border-top: 1px solid rgba(0,0,0,0.1);}
.select_style_1_wrap .select_style_1 > li.active{display: none;}
.select_style_1_wrap .select_style_1 > li > a{display: block; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.025em; font-weight: 300; color:#000; padding: 14px 30px 15px 17px; box-sizing: border-box; word-break: keep-all; transition: color 0.3s; background-color:#fff;}


/* radio_style_0 */
.radio_style_0_con .radio_style_0{width:17px; height:17px; position: absolute; top:0; left:0; margin:0; opacity: 0; filter:alpha(opacity=0); box-sizing: border-box; border:none; outline:none;
    -webkit-appearance: none; -moz-appearance:none; appearance:none;}
.radio_style_0_con .radio_style_0 + label{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.025em; color:#000; font-weight:500;
    padding-left:30px; cursor: pointer; display:inline-block;}
.radio_style_0_con .radio_style_0 + label:before{content:""; position: absolute; top: 1px; left:0; width:19px; height:19px; border:1px solid #e9f0f3; border-radius:50%; overflow: hidden; box-sizing: border-box; background-color: #fff;}
.radio_style_0_con .radio_style_0 + label:after{content:""; position: absolute; top:6px; left:5px; width:9px; height:9px; background-color:#6a7ee1; border-radius:50%; overflow: hidden; opacity: 0; filter:alpha(opacity=0); transition:all .15s ease;}
.radio_style_0_con .radio_style_0:checked + label:after{opacity: 1; filter:alpha(opacity=100);}

/* radio_style_1 */
.radio_style_1_con{}
.radio_style_1_con .radio_style_1{width: 35px; height: 35px; position: absolute; top: 0; left: 0; margin: 0; opacity: 0; filter:alpha(opacity=0); box-sizing: border-box; border:none; outline:none;
    -webkit-appearance: none; -moz-appearance:none; appearance:none;}
.radio_style_1_con .radio_style_1 + label{font-size:16px; font-size:1.6rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.025em; color: #000; font-weight: 300; padding-left: 54px; cursor: pointer; display: inline-block; min-height: 35px; padding-top: 1px;}
.radio_style_1_con .radio_style_1 + label:before{content: ""; position: absolute; top: 0px; left: 0; width: 35px; height: 35px; border: 1px solid #e9f0f3; border-radius: 50%; overflow: hidden; box-sizing: border-box; background-color: #fff;}
.radio_style_1_con .radio_style_1 + label:after{content: ""; position: absolute; top: 10px; left: 10px; width: 15px; height: 15px; background-color: #6a7ee1; border-radius: 50%; overflow: hidden; opacity: 0; filter:alpha(opacity=0); transition: all .15s ease;}
.radio_style_1_con .radio_style_1:checked + label:after{opacity: 1; filter:alpha(opacity=100);}

/* check_style_0 */
.check_btn_style_0_con{position: relative; overflow: hidden; font-size: 0; line-height: 0;}
.check_btn_style_0_con .check_btn_style_0{position: relative; width: 30px; height: 30px; background-color: transparent; opacity: 0; margin: 0; top:0px; left:0; display: inline-block; vertical-align: middle;}
.check_btn_style_0_con .check_btn_style_0 + label{display:inline-block; vertical-align: middle; padding-left: 13px; padding-bottom: 5px; cursor:pointer;
    font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.025em; font-weight: 400; color:#000; transition: all 0.2s;}
.check_btn_style_0_con .check_btn_style_0 + label:before {content: ""; width: 30px; height: 30px; box-sizing: border-box;
    position: absolute; left: 0px; top: 0px; background-color: #ecf2ff; border-radius: 2px; cursor: pointer;
    background-image: url("../img/common/check_style_0_icon.png"); background-position: center center; background-repeat:no-repeat;}
.check_btn_style_0_con .check_btn_style_0:checked + label:before{background-color: #6a7ee1;}
.check_btn_style_0_con .check_btn_style_0:checked + label{font-weight: 500 !important;}

.check_btn_style_0_con .check_btn_style_0.type_2{}
.check_btn_style_0_con .check_btn_style_0.type_2 + label{padding-left: 16px; padding-bottom: 4px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500;}

/* check_style_1 */
.check_btn_style_1_con{position: relative; overflow: hidden; font-size: 0; line-height: 0;}
.check_btn_style_1_con .check_btn_style_1{position: relative; width: 35px; height: 35px; background-color: transparent; opacity: 0; margin: 0; top:0px; left:0; display: inline-block; vertical-align: middle;}
.check_btn_style_1_con .check_btn_style_1 + label{display:inline-block; vertical-align: middle; cursor:pointer;  font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.025em; font-weight: 400; color:#000; transition: all 0.2s;}
.check_btn_style_1_con .check_btn_style_1 + label:before {content: ""; width: 35px; height: 35px; box-sizing: border-box;
    position: absolute; left: 0px; top: 0px; background-color: transparent; cursor: pointer; border: 1px solid #000; opacity: 0.1; transition: all 0.15s ease;
    background-image: url("../img/common/check_style_1_icon.png"); background-position: center center; background-repeat:no-repeat;}
.check_btn_style_1_con .check_btn_style_1:checked + label:before{opacity: 1; background-image: url("../img/common/check_style_1_icon_active.png"); border: none;}
.check_btn_style_1_con .check_btn_style_1:checked + label{font-weight: 500 !important;}

/* input_style_0 */
.input_style_0_con{}
.input_style_0{position: relative; width: 100%; height: 53px; padding: 2px 19px 0px 19px;
    font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.025em; font-weight: 500; color:#5065cb;
    border-radius: 2px; background-color: #ecf2ff; text-align: left;
    border:1px solid transparent; outline: none; box-sizing: border-box; -webkit-appearance: none;}
.input_style_0.type_eng{font-weight: 700; letter-spacing: -0.0em; font-family:"Roboto" , "Noto Sans KR";}
.input_style_0.type_eng[type='password']{letter-spacing: 0.3em;}
.input_style_0::-webkit-input-placeholder{font-weight: 300; color:#6a7ee1; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.025em;}
.input_style_0::-moz-placeholder{font-weight: 300; color:#6a7ee1; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.025em;}
.input_style_0:-moz-placeholder{font-weight: 300; color:#6a7ee1; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.025em;}
.input_style_0:-ms-input-placeholder{font-weight: 300; color:#6a7ee1; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.025em;}

/*
 input_style_1 default - border가 모든 방향에 있음. padding-left 19px;
               type_2 - border가 없고, padding-left가 0;

  */
.input_style_1_con{}
.input_style_1{position: relative; width: 100%; height: 53px; padding: 0px 19px 1px 19px;
    font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.025em; font-weight: 500; color:#000;
    background-color: transparent; text-align: left;
    border:1px solid #e9f0f3; outline: none; box-sizing: border-box; -webkit-appearance: none; transition: border-color 0.2s;}
.input_style_1.type_eng{font-weight: 700; letter-spacing: -0.0em; font-family:"Roboto" , "Noto Sans KR"; padding-top: 2px; padding-bottom: 0;}
.input_style_1.type_eng[type='password']{letter-spacing: 0.3em;}
.input_style_1::-webkit-input-placeholder{font-weight: 300; color:#7fa0ad; letter-spacing: -0.025em;}
.input_style_1::-moz-placeholder{font-weight: 300; color:#7fa0ad; letter-spacing: -0.025em;}
.input_style_1:-moz-placeholder{font-weight: 300; color:#7fa0ad; letter-spacing: -0.025em;}
.input_style_1:-ms-input-placeholder{font-weight: 300; color:#7fa0ad; letter-spacing: -0.025em;}
.input_style_1:focus{border-color:#b2b2b2;}

.input_style_1.type_2{border: none; padding-left: 0;}

.input_style_1_con.file input[type="file"].upload_hidden{position: absolute; z-index: 2; width: 100%; height: 53px; top: 0; left: 0; margin: 0; overflow: hidden; border: none; cursor: pointer; opacity: 0;}

/* submit_input_style_0 */
.submit_input_style_0_con{position: relative;}
.submit_input_style_0_con .submit_input_style_0{position: relative; width: 100%; height: 55px; padding: 0px 140px 1px 38px;
    font-size:18px; font-size:1.8rem; line-height:26px; line-height:2.6rem; letter-spacing: 0.0em; font-weight: 500; color:#fff; font-family:"Roboto"; text-align: left;
    border-radius: 30px; background-color: rgba(255,255,255,0.15); border:none; outline: none; box-sizing: border-box; transition: color 0.2s , background-color 0.2s;}
.submit_input_style_0_con .submit_input_style_0:focus{background-color: rgba(255,255,255,1); letter-spacing: -0.02em; font-weight: 700; color:#000;}
.submit_input_style_0_con .submit_input_style_0:focus::-webkit-input-placeholder{color:rgba(0,0,0,0.2);}
.submit_input_style_0_con .submit_input_style_0:focus::-moz-placeholder{color:rgba(0,0,0,0.2);}
.submit_input_style_0_con .submit_input_style_0:focus:-moz-placeholder{color:rgba(0,0,0,0.2);}
.submit_input_style_0_con .submit_input_style_0:focus:-ms-input-placeholder{color:rgba(0,0,0,0.2);}
.submit_input_style_0_con .submit_input_style_0::-webkit-input-placeholder{font-family:"Noto Sans KR"; font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.025em; font-weight: 300; color:rgba(255,255,255,0.6);}
.submit_input_style_0_con .submit_input_style_0::-moz-placeholder{font-family:"Noto Sans KR"; font-size:15px; font-size:1.5rem; line-height:56px; line-height:5.6rem; letter-spacing: -0.025em; font-weight: 300; color:rgba(255,255,255,0.6);}
.submit_input_style_0_con .submit_input_style_0:-moz-placeholder{font-family:"Noto Sans KR"; font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.025em; font-weight: 300; color:rgba(255,255,255,0.6);}
.submit_input_style_0_con .submit_input_style_0:-ms-input-placeholder{font-family:"Noto Sans KR"; font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.025em; font-weight: 300; color:rgba(255,255,255,0.6);}
.submit_input_style_0_con .submit_con{display: inline-block; overflow: hidden; position: absolute; top:0; right:44px; height: 55px; transition: all 0.2s;}
.submit_input_style_0_con .submit_con::after{content: ''; position: absolute; width: 0px; height: 10px; top: 26px; right: 0;
    background-image: url("../img/arrow/arrow_6x10_000000_right.png"); background-repeat: no-repeat; background-position: center; background-size: 6px 10px; transition: all 0.2s ease; opacity: 0;}
.submit_input_style_0_con input[type=submit]{height: 100%; padding:0; padding-top:1px;
    font-family:"Roboto"; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.00em; font-weight: 700; color:#fff;
    background-color: transparent; border:none; outline: none; cursor:pointer; transition: all 0.2s;}
.submit_input_style_0:focus + .submit_con > input[type=submit]{color:#000;}

/* submit_input_style_1 */
.submit_input_style_1_con{position: relative;}
.submit_input_style_1_con .submit_input_style_1{position: relative; width: 100%; padding:0; padding-right: 140px; padding-bottom: 24px;
    font-size:18px; font-size:1.8rem; line-height:26px; line-height:2.6rem; letter-spacing: 0.0em; font-weight: 500; color:#000; font-family:"Roboto"; text-align: left;
    border-radius: 0; background-color: transparent; border:none; border-bottom: 2px solid #000; outline: none; box-sizing: border-box; transition: color 0.2s , background-color 0.2s;}
.submit_input_style_1_con .submit_input_style_1:focus{letter-spacing: 0em; font-weight: 500; color:#000;}
.submit_input_style_1_con .submit_input_style_1::-webkit-input-placeholder{font-family:"Noto Sans KR"; font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.025em; font-weight: 300; color:rgba(0,0,0,0.7);}
.submit_input_style_1_con .submit_input_style_1::-moz-placeholder{font-family:"Noto Sans KR"; font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.025em; font-weight: 300; color:rgba(0,0,0,0.7);}
.submit_input_style_1_con .submit_input_style_1:-moz-placeholder{font-family:"Noto Sans KR"; font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.025em; font-weight: 300; color:rgba(0,0,0,0.7);}
.submit_input_style_1_con .submit_input_style_1:-ms-input-placeholder{font-family:"Noto Sans KR"; font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.025em; font-weight: 300; color:rgba(0,0,0,0.7);}
.submit_input_style_1_con .submit_con{display: inline-block; overflow: hidden; position: absolute; top:0; right:0; transition: all 0.2s;}
.submit_input_style_1_con .submit_con::after{content: ''; position: absolute; width: 0px; height: 10px; top: 9px; right: 0;
    background-image: url("../img/arrow/arrow_6x10_000000_right.png"); background-repeat: no-repeat; background-position: center; background-size: 6px 10px; transition: all 0.2s ease; opacity: 0;}
.submit_input_style_1_con input[type=submit]{height: 100%; padding:0; padding-top: 4px;
    font-family:"Roboto"; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.00em; font-weight: 700; color:#000;
    background-color: transparent; border:none; outline: none; cursor:pointer; transition: all 0.2s;}
.submit_input_style_1_con .submit_input_style_1:focus + .submit_con > input[type=submit]{color:#000;}


.reverse.submit_input_style_1_con .submit_input_style_1{color:#fff; border-color: #fff;}
.reverse.submit_input_style_1_con .submit_input_style_1:focus{color:#fff;}
.reverse.submit_input_style_1_con .submit_input_style_1::-webkit-input-placeholder{color:rgba(255,255,255,0.3);}
.reverse.submit_input_style_1_con .submit_input_style_1::-moz-placeholder{color:rgba(255,255,255,0.3);}
.reverse.submit_input_style_1_con .submit_input_style_1:-moz-placeholder{color:rgba(255,255,255,0.3);}
.reverse.submit_input_style_1_con .submit_input_style_1:-ms-input-placeholder{color:rgba(255,255,255,0.3);}
.reverse.submit_input_style_1_con .submit_con::after{background-image: url("../img/arrow/arrow_6x10_ffffff_right.png");}
.reverse.submit_input_style_1_con input[type=submit]{color:#fff;}
.reverse.submit_input_style_1_con .submit_input_style_1:focus + .submit_con > input[type=submit]{color:#fff;}

/* submit_input_style_2 추가예정 ..hsj*/


/* textarea_style_0 - 0228 min 추가 */
.textarea_style_0_con{}
.textarea_style_0_con .textarea_style_0{position: relative; width: 100%; height: 200px; border: none; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.025em; font-weight: 500; color: #000; background-color: transparent; text-align: left; overflow-y: auto; outline: none; box-sizing: border-box; -webkit-appearance: none; resize: none;}
.textarea_style_0_con .textarea_style_0::-webkit-input-placeholder{font-weight: 300; color:#7fa0ad;}
.textarea_style_0_con .textarea_style_0::-moz-placeholder{font-weight: 300; color:#7fa0ad;}
.textarea_style_0_con .textarea_style_0:-moz-placeholder{font-weight: 300; color:#7fa0ad;}
.textarea_style_0_con .textarea_style_0:-ms-input-placeholder{font-weight: 300; color:#7fa0ad;}

/* rolling_btn_style_0 */
.rolling_btn_style_0_con{font-size: 0; line-height: 0; display: inline-block;}
.rolling_btn_style_0_con .rolling_btn{width: 47px; height: 47px; transition: all 0.2s ease; position: relative; overflow: hidden; box-sizing: border-box; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.rolling_btn_style_0_con .rolling_btn > div[data-wv-layout-element="block_inner"]{display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.rolling_btn_style_0_con .rolling_btn .arrow{width: 8px; height: 14px; fill: #fff;}
.rolling_btn_style_0_con .rolling_btn::after{content: ''; position: absolute; width: 41px; height: 41px; top:50%; left:50%; transform:translate(-50%, -50%);background-color:rgba(0,0,0,1); border-radius: 50%; transition: all 0.2s ease; box-sizing: border-box; z-index: -1;}
.rolling_btn_style_0_con.big .rolling_btn{width: 57px; height: 57px;}
.rolling_btn_style_0_con.big .rolling_btn::after{width: 51px; height: 51px;}
.rolling_btn_style_0_con.big .rolling_btn .arrow{width: 10px; height: 18px;}
.rolling_btn_style_0_con.big.left .rolling_btn .arrow{margin-right: 1px;}
.rolling_btn_style_0_con.big.right .rolling_btn .arrow{margin-left: 1px;}
.rolling_btn_style_0_con.small .rolling_btn{width: 37px; height: 37px;}
.rolling_btn_style_0_con.small .rolling_btn::after{width: 31px; height: 31px;}
.rolling_btn_style_0_con.small .rolling_btn .arrow{width: 6px; height: 10px;}

.reverse .rolling_btn_style_0_con{}
.reverse .rolling_btn_style_0_con .rolling_btn .arrow{fill: #000;}
.reverse .rolling_btn_style_0_con .rolling_btn::after{background-color: rgba(255,255,255,1);}

/* rolling_btn_style_1 */
.rolling_btn_style_1_con{outline: none;}
.rolling_btn_style_1_con.left .rolling_btn{transform: rotateY(180deg); outline: none;}
.rolling_btn_style_1_con.right{}
.rolling_btn_style_1_con .rolling_btn{display:inline-block; width: 52px; height: 52px; transition: all 0.2s ease;
    background-color:rgba(0,0,0,0); background-image: url("../img/arrow/arrow_12x21_000000_right.png"); background-repeat: no-repeat; background-position: left 20px center; background-size: 12px 21px;
    border-radius: 50%; border:1px solid transparent; box-sizing: border-box; outline: none;}
.reverse .rolling_btn_style_1_con .rolling_btn{background-image: url("../img/arrow/arrow_12x21_ffffff_right.png");}

/* rolling_btn_style_2 (기본이 arrow 항상 center 정렬) */
.rolling_btn_style_2_con{font-size: 0; line-height: 0; width: 15px; height: 28px; cursor: pointer; padding:30px; box-sizing: content-box; outline: none;}
.rolling_btn_style_2_con .rolling_btn{position: absolute; top:50%; transform: translateY(-50%); display:inline-block; width: 11px; height: 20px; overflow: hidden; transition: all 0.2s ease; outline: none;}
.rolling_btn_style_2_con.left .rolling_btn{left:2px;}
.rolling_btn_style_2_con.right .rolling_btn{right:2px;}
.rolling_btn_style_2_con .rolling_btn > span{position: absolute; top:50%; transform:translateY(-50%); width: 15px; height: 28px; background-repeat: no-repeat; background-position: center; background-size: 15px 28px;}
.rolling_btn_style_2_con.left .rolling_btn > span{left:0; background-image: url('../img/arrow/arrow_15x28_000000_left.png');}
.rolling_btn_style_2_con.right .rolling_btn > span{right:0; background-image: url('../img/arrow/arrow_15x28_000000_right.png');}

.rolling_btn_style_2_con.type_2.left .rolling_btn{left:0px;}
.rolling_btn_style_2_con.type_2.right .rolling_btn{right:0px;}

.reverse .rolling_btn_style_2_con.left .rolling_btn > span{left:0; background-image: url('../img/arrow/arrow_15x28_ffffff_left.png');}
.reverse .rolling_btn_style_2_con.right .rolling_btn > span{right:0; background-image: url('../img/arrow/arrow_15x28_ffffff_right.png');}

/* move_to_top_con */
.move_to_top_btn_con{font-size: 0;}
.move_to_top_btn_con .move_to_top_btn{overflow: hidden; display: inline-block;}
.move_to_top_btn_con .text{position:relative; overflow: hidden; width: 74px; height: 15px; text-align: left; opacity: 0;
    padding-top: 1px; font-size:10px; font-size:1.0rem; line-height:16px; line-height:1.6rem; letter-spacing: 0.05em !important; font-weight: 400; color:#000;}
.move_to_top_btn_con .text > span{position: absolute; width: 74px; height: 15px; text-align: left;}

.move_to_top_btn_con.hover_type_0 .text{width: 0px; transition: width 0.3s ease, margin-left 0.25s ease, opacity 0.2s ease;}
.move_to_top_btn_con.hover_type_1 .text{height: 15px; margin-top: 10px; transition: height 0.25s ease , margin-top 0.25s ease, opacity 0.15s ease;}
.move_to_top_btn_con.hover_type_0 span{display: inline-block; vertical-align: middle;}
.move_to_top_btn_con.hover_type_1 span{display: block;}

.move_to_top_btn_con.reverse .text{color:#fff;}
.reverse .move_to_top_btn_con .text{color:#fff;}

/* 버튼 */
/* play_btn */
/*.play_btn_con{font-size: 0; line-height: 0;}
.play_btn_con .play_btn{display: inline-block; width: 76px; height: 76px; background-image: url('../img/common_icon/play_btn_black.png'); background-repeat: no-repeat; background-position: center; background-size: 76px 76px; opacity: 0.6; transition: opacity 0.2s ease;}
!*.play_btn:hover{opacity: 1;}*!!*.visual_block_040:hover .play_btn{opacity: 1;}*!!* 이런식으로 버튼이 속하는 블럭의 오버효과로 opacity 1 주기 *!

.reverse .play_btn_con .play_btn{background-image: url('../img/common_icon/play_btn_white.png');}*/

.btn_play_con{font-size: 0; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: hidden; border-radius: 50%; opacity: 0.6; transition: all 0.2s;}
.btn_play_con .btn_play{width: 76px; height: 76px; fill: #fff;}

/*
200508 min - 개편 가이드에 있는 버튼 정의
btn_style_0 ~ 7까지는 3가지 크기가 존재하고, default는 중간 사이즈를 적용하고 big이나 small 클래스를 적용할 시에 크기 변화가 생김
btn_style_8은 2가지 크기가 존재하고, default는 중간 사이즈, big이 존재한다.
btn_style_9는 1가지 크기가 존재하여 default 하나만 있다.
*/
[class*="btn_style_"]{
    cursor: pointer;
}

/*
btn_style_0은 박스 스타일에 border-radius가 없는 버튼 (hover효과 O)
크기별
big : font-size : 19px; arrow-size : 7px 12px;
default : font-size : 17px; arrow-size : 7px 12px;
small : font-size : 17px; arrow-size : 6px 10px;
스타일별
default - bg : #000, text: #fff; border : none. reverse시 - bg : point_color;
type_2 - bg : transparent, text: #000, border : 2px. reverse시 - bg : transparent, text: #fff, border-color: #fff;
type_3 - bg : transparent, text: #000, border : 1px. reverse시 - bg : transparent, text: #fff, border-color: #fff;
*/
.btn_style_0{padding: 8px 13px 10px 22px; background-color: #000; display: flex; flex-wrap: wrap; align-items: center; font-size: 0; line-height: 0; transition: all 0.2s ease; border: none; box-sizing: border-box; position: relative;}
.btn_style_0 > [data-wv-layout-element="block_inner"]{display: flex; flex-wrap: wrap; align-items: center;}
.btn_style_0 .text{font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; font-weight: 500; letter-spacing: -0.0em; color: #fff; word-break: keep-all;}
.btn_style_0 .arrow_con{width: 7px; height: 12px; opacity: 0; margin-left: 0; transition: all 0.2s ease; margin-top: 1px;}
.btn_style_0 .arrow_con .arrow{width: 100%; height: 100%; fill: #fff;}
.btn_style_0.small{padding: 6px 7px 7px 14px;}
.btn_style_0.small .arrow_con{width: 6px; height: 11px; margin-top: 0; margin-bottom: 1px;}
.btn_style_0.big{padding-left: 32px; padding-right: 24px;}
.btn_style_0.big .text{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem;}

.btn_style_0.type_2{background-color: transparent; border: 2px solid #000; padding: 6px 11px 8px 20px;}
.btn_style_0.type_2 .text{color: #000;}
.btn_style_0.type_2.big{padding-left: 30px; padding-right: 23px;}
.btn_style_0.type_2.small{padding: 4px 5px 5px 12px;}
.btn_style_0.type_3{background-color: transparent; border: 1px solid #000; padding: 7px 12px 9px 21px;}
.btn_style_0.type_3.small{padding: 5px 6px 6px 13px;}
.btn_style_0.type_3 .text{color: #000;}

.reverse.btn_style_0{background-color: #6738ff;}
.reverse .btn_style_0{background-color: #6738ff;}
.reverse.btn_style_0.type_2{border-color: #fff;}
.reverse .btn_style_0.type_2{border-color: #fff;}
.reverse.btn_style_0.type_2 .text{color: #fff;}
.reverse .btn_style_0.type_2 .text{color: #fff;}
.reverse.btn_style_0.type_3{border-color: #fff;}
.reverse .btn_style_0.type_3{border-color: #fff;}
.reverse.btn_style_0.type_3 .text{color: #fff;}
.reverse .btn_style_0.type_3 .text{color: #fff;}

/*
btn_style_1은 박스 스타일에 border-radius : 5px; 적용된 버튼 (hover효과 O)
크기별
big : font-size : 19px; arrow-size : 7px 12px;
default : font-size : 17px; arrow-size : 7px 12px;
small : font-size : 17px; arrow-size : 6px 10px;
스타일별
default - bg : #000, text: #fff; border : none. reverse시 - bg : point_color;
type_2 - bg : transparent, text: #000, border : 2px. reverse시 - bg : transparent, text: #fff, border-color: #fff;
type_3 - bg : transparent, text: #000, border : 1px. reverse시 - bg : transparent, text: #fff, border-color: #fff;
*/
.btn_style_1{background-color: #000; border-radius: 5px; overflow: hidden; transition: all 0.2s ease; border: none; display: flex; flex-wrap: wrap; align-items: center; padding: 8px 13px 10px 22px; box-sizing: border-box; position: relative;}
.btn_style_1 > [data-wv-layout-element="block_inner"]{display: flex; flex-wrap: wrap; align-items: center;}
.btn_style_1 .text{font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; font-weight: 500; letter-spacing: -0.0em; color: #fff; word-break: keep-all;}
.btn_style_1 .arrow_con{width: 7px; height: 12px; opacity: 0; margin-left: 0; transition: all 0.2s ease; margin-top: 1px;}
.btn_style_1 .arrow_con .arrow{width: 100%; height: 100%; fill: #fff;}
.btn_style_1.small{padding: 6px 7px 7px 14px;}
.btn_style_1.small .arrow_con{width: 6px; height: 11px; margin-top: 0; margin-bottom: 1px;}
.btn_style_1.big{padding-left: 32px; padding-right: 23px;}
.btn_style_1.big .text{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem;}

.btn_style_1.type_2{background-color: transparent; border: 2px solid #000; padding: 6px 11px 8px 20px;}
.btn_style_1.type_2 .text{color: #000;}
.btn_style_1.type_2.big{padding-left: 30px; padding-right: 23px;}
.btn_style_1.type_2.small{padding: 4px 5px 5px 12px;}
.btn_style_1.type_3{background-color: transparent; border: 1px solid #000; padding: 7px 12px 9px 21px;}
.btn_style_1.type_3 .text{color: #000;}
.btn_style_1.type_3.small{padding: 5px 6px 6px 13px;}

.reverse.btn_style_1{background-color: #6738ff;}
.reverse .btn_style_1{background-color: #6738ff;}
.reverse.btn_style_1.type_2{border-color: #fff; background-color: transparent;}
.reverse .btn_style_1.type_2{border-color: #fff; background-color: transparent;}
.reverse.btn_style_1.type_2 .text{color: #fff;}
.reverse .btn_style_1.type_2 .text{color: #fff;}
.reverse.btn_style_1.type_3{border-color: #fff; background-color: transparent;}
.reverse .btn_style_1.type_3{border-color: #fff; background-color: transparent;}
.reverse.btn_style_1.type_3 .text{color: #fff;}
.reverse .btn_style_1.type_3 .text{color: #fff;}

/*
btn_style_2은 박스 스타일에 border-radius : 25px; 적용된 버튼 (hover효과 O)
크기별
big : font-size : 19px; arrow-size : 7px 12px;
default : font-size : 17px; arrow-size : 7px 12px;
small : font-size : 17px; arrow-size : 6px 10px;
스타일별
default - bg : #000, text: #fff; border : none. reverse시 - bg : point_color;
type_2 - bg : transparent, text: #000, border : 2px. reverse시 - bg : transparent, text: #fff, border-color: #fff;
type_3 - bg : transparent, text: #000, border : 1px. reverse시 - bg : transparent, text: #fff, border-color: #fff;
*/
.btn_style_2{background-color: #000; transition: all 0.2s ease; border: none; display: flex; flex-wrap: wrap; align-items: center; padding: 8px 18px 10px 27px; box-sizing: border-box; border-radius: 23px; position: relative;}
.btn_style_2 > [data-wv-layout-element="block_inner"]{display: flex; flex-wrap: wrap; align-items: center;}
.btn_style_2 .text{font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; font-weight: 500; letter-spacing: -0.0em; color: #fff; word-break: keep-all;}
.btn_style_2 .arrow_con{width: 7px; height: 12px; opacity: 0; margin-left: 0; transition: all 0.2s ease; margin-top: 1px;}
.btn_style_2 .arrow_con .arrow{width: 100%; height: 100%; fill: #fff;}
.btn_style_2.small{padding: 6px 12px 7px 19px; border-radius: 20px;}
.btn_style_2.small .arrow_con{width: 6px; height: 11px; margin-top: 0;}
.btn_style_2.big{padding-left: 32px; padding-right: 24px; border-radius: 25px;}
.btn_style_2.big .text{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem;}

.btn_style_2.type_2{background-color: transparent; border: 2px solid #000; padding: 6px 16px 8px 25px;}
.btn_style_2.type_2 .text{color: #000;}
.btn_style_2.type_2.big{padding-left: 30px; padding-right: 22px;}
.btn_style_2.type_2.small{padding: 4px 10px 5px 17px;}
.btn_style_2.type_3{background-color: transparent; border: 1px solid #000; padding: 7px 17px 9px 24px;}
.btn_style_2.type_3.big{padding-left: 31px; padding-right: 23px;}
.btn_style_2.type_3.small{padding: 5px 11px 6px 18px;}
.btn_style_2.type_3 .text{color: #000;}

.reverse.btn_style_2{background-color: #6738ff;}
.reverse .btn_style_2{background-color: #6738ff;}
.reverse.btn_style_2.type_2{border-color: #fff;}
.reverse .btn_style_2.type_2{border-color: #fff;}
.reverse.btn_style_2.type_2 .text{color: #fff;}
.reverse .btn_style_2.type_2 .text{color: #fff;}
.reverse.btn_style_2.type_3{border-color: #fff;}
.reverse .btn_style_2.type_3{border-color: #fff;}
.reverse.btn_style_2.type_3 .text{color: #fff;}
.reverse .btn_style_2.type_3 .text{color: #fff;}

/*
btn_style_3은 텍스트 스타일에 텍스트 오른쪽으로 arrow가 있는 버튼. (hover효과 X)
크기별
big : font-size : 19px; arrow-size : 7px 12px;
default : font-size : 17px; arrow-size : 7px 12px;
small : font-size : 17px; arrow-size : 6px 10px;
*/
.btn_style_3{display:flex; flex-wrap: wrap; align-items: center;}
.btn_style_3 > div[data-wv-layout-element="block_inner"]{display:flex; flex-wrap: wrap; align-items: center;}
.btn_style_3 .text{font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; font-weight: 500; letter-spacing: -0.0em; color: #000;}
.btn_style_3 .arrow_con{margin-left: 11px; margin-top: 1px; width: 7px; height: 12px;}
.btn_style_3 .arrow_con .arrow{width: 100%; height: 100%; fill: #000;}
.btn_style_3.big .text{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem; }
.btn_style_3.big .arrow_con{margin-left: 13px; margin-top: 1px; width: 8px; height: 14px;}
.btn_style_3.small .text{font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; }
.btn_style_3.small .arrow_con{margin-left: 9px; margin-top: -1px;}
.btn_style_3.small .arrow{ width:6px; height:10px;}

.reverse.btn_style_3 .text{color: #fff;}
.reverse .btn_style_3 .text{color: #fff;}
.reverse.btn_style_3 .arrow_con .arrow{ fill: #fff;}
.reverse .btn_style_3 .arrow_con .arrow{fill: #fff;}

/*
btn_style_4은 텍스트 스타일에 텍스트 아래로 라인이 있는 버튼. (hover효과 X)
크기별
big : font-size : 19px;
default : font-size : 17px;
small : font-size : 15px;
*/
.btn_style_4 .text{border-bottom: 2px solid #000;}
.btn_style_4 .text{font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; font-weight: 500; letter-spacing: -0.0em; color: #000;}
.btn_style_4.big .text{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem;}
.btn_style_4.small .text{font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; }

.reverse.btn_style_4 .text{border-color: #fff;}
.reverse .btn_style_4 .text{border-color: #fff;}
.reverse.btn_style_4 .text{color: #fff;}
.reverse .btn_style_4 .text{color: #fff;}

/*
btn_style_5은 텍스트 스타일에 텍스트 오른쪽으로 arrow가 있는 버튼. (hover효과 X)
크기별
big : font-size : 19px; arrow-size :44px 11px;
default : font-size : 17px; arrow-size : 38px 9px;
small : font-size : 15px; arrow-size : 34px 8px;
*/
.btn_style_5{display: flex; flex-wrap: wrap; align-items: center;}
.btn_style_5 > [data-wv-layout-element="block_inner"]{display: flex; flex-wrap: wrap; align-items: center;}
.btn_style_5 .text{font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; font-weight: 500; letter-spacing: -0.0em; color: #000;}
.btn_style_5 .arrow_con{margin-left: 13px; width: 38px;}
.btn_style_5 .arrow_con .arrow{width: 100%; fill: #000;}

.reverse.btn_style_5 .text{color: #fff;}
.reverse .btn_style_5 .text{color: #fff;}
.reverse.btn_style_5 .arrow_con .arrow{fill: #fff;}
.reverse .btn_style_5 .arrow_con .arrow{fill: #fff;}

/*
btn_style_6
*/
.btn_style_6{display: flex; flex-wrap: wrap; align-items: center;}
.btn_style_6 > div[data-wv-layout-element="block_inner"]{display: flex; flex-wrap: wrap; align-items: center;}
.btn_style_6 .arrow_con > div[data-wv-layout-element="block_inner"]{display: flex; align-items: center; justify-content: center;}
.btn_style_6 .text{font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; font-weight: 500; letter-spacing: -0.0em; color: #000;}
.btn_style_6 .arrow_con{width: 22px; height: 22px; margin-left: 10px; margin-top: 1px; border-radius: 50%; background-color: #000;}
.btn_style_6 .arrow{width:6px; height:10px; fill:#fff;}
.btn_style_6.big .text{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem; }
.btn_style_6.big .arrow_con{width: 24px; height: 24px; margin-left: 12px;}
.btn_style_6.small .text{font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; }
.btn_style_6.small .arrow_con{width:20px; height:20px; margin-left: 9px; margin-top: -1px;}
.btn_style_6.small .arrow{width:5px; height:8px;}

.reverse.btn_style_6.text{color: #fff;}
.reverse .btn_style_6 .text{color: #fff;}
.reverse.btn_style_6 .arrow_con{background-color: #fff; }
.reverse .btn_style_6 .arrow_con{background-color:#fff; }
.reverse.btn_style_6 .arrow{fill:#000;}
.reverse .btn_style_6 .arrow{fill:#000;}

/*
btn_style_7
*/
.btn_style_7 > div[data-wv-layout-element="block_inner"]{display: flex; flex-wrap: wrap; align-items: center;}
.btn_style_7 .btn_style_line{width:70px; height:2px; margin-right: 17px;}
.btn_style_7 .btn_style_line hr{width: 100%; border-bottom: 2px solid #000;}
.btn_style_7 .text{font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; font-weight: 500; letter-spacing: -0.0em; color: #000;}
.btn_style_7.big .text{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem;}
.btn_style_7.big .line{margin-top: 1px;}
.btn_style_7.small .text{font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; }
.btn_style_7.small .line{width:50px; margin-top: -1px;}

.reverse.btn_style_7{color: #fff;}
.reverse .btn_style_7{color: #fff;}
.reverse.btn_style_7 .btn_style_line hr{border-color: #fff;}
.reverse .btn_style_7 .btn_style_line hr{border-color: #fff;}

/*
btn_style_8은 박스 스타일에 border-radius : 50%; 적용된 버튼 (hover효과 O)
크기별
big : font-size : 19px; arrow-size :44px 11px;
default : font-size : 17px; arrow-size : 38px 9px;
스타일별
default - bg : #000, text: #fff; border : none. reverse시 - bg : point_color;
type_2 - bg : transparent, text: #000, border : 2px. reverse시 - bg : transparent, text: #fff, border-color: #fff;
type_3 - bg : transparent, text: #000, border : 1px. reverse시 - bg : transparent, text: #fff, border-color: #fff;
*/
.btn_style_8{background-color: #000; transition: all 0.2s ease; border: none; display: flex; flex-wrap: wrap; align-items: center; padding: 38px 21px 39px 21px; border-radius: 50%; box-sizing: border-box; position: relative;}
.btn_style_8 > [data-wv-layout-element="block_inner"]{display: flex; flex-wrap: wrap; align-items: center;}
.btn_style_8 .text{font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; font-weight: 500; letter-spacing: -0.0em; color: #fff; word-break: keep-all;}
.btn_style_8.big{padding: 43px 32px 44px 32px;}
.btn_style_8.big .text{font-size:19px; font-size:1.9rem; line-height:24px; line-height:2.4rem;}

.btn_style_8.type_2{background-color: transparent; border: 2px solid #000; padding: 36px 19px 37px 19px;}
.btn_style_8.type_2 .text{color: #000;}
.btn_style_8.type_2.big{padding: 41px 35px 42px 30px;}
.btn_style_8.type_3{background-color: transparent; border: 1px solid #000; padding: 37px 20px 38px 20px;}
.btn_style_8.type_3 .text{color: #000;}
.btn_style_8.type_3.big{padding: 42px 36px 43px 31px;}

.reverse.btn_style_8{background-color: #6738ff;}
.reverse .btn_style_8{background-color: #6738ff;}
.reverse.btn_style_8.type_2{border-color: #fff;}
.reverse .btn_style_8.type_2{border-color: #fff;}
.reverse.btn_style_8.type_2 .text{color: #fff;}
.reverse .btn_style_8.type_2 .text{color: #fff;}
.reverse.btn_style_8.type_3{border-color: #fff;}
.reverse .btn_style_8.type_3{border-color: #fff;}
.reverse.btn_style_8.type_3 .text{color: #fff;}
.reverse .btn_style_8.type_3 .text{color: #fff;}

/*
btn_style_9은 박스 스타일에 border-radius : 50%; 적용된 버튼에 text아래로 arrow가 있는 버튼 (hover효과 O)
스타일별
default - bg : #000, text: #fff; border : none. reverse시 - bg : point_color;
type_2 - bg : transparent, text: #000, border : 2px. reverse시 - bg : transparent, text: #fff, border-color: #fff;
type_3 - bg : transparent, text: #000, border : 1px. reverse시 - bg : transparent, text: #fff, border-color: #fff;
*/
.btn_style_9{background-color: #000; transition: all 0.2s ease; border: none; padding: 46px 27px 45px 21px; border-radius: 50%; box-sizing: border-box; position: relative;}
.btn_style_9 .text{font-size:19px; font-size:1.9rem; line-height:24px; line-height:2.4rem; font-weight: 500; letter-spacing: -0.0em; color: #fff; word-break: keep-all; margin-bottom: 6px; transition: all 0.2s;}
.btn_style_9 .arrow_con{width: 47px; padding-right: 1px; float: none; margin-left: auto; margin-right: auto; clear: both; overflow: hidden; transition: all 0.2s;}
.btn_style_9 .arrow_con .arrow{width: 57px; fill: #fff; float: right;}

.btn_style_9.type_2{background-color: transparent; border: 2px solid #000; padding: 44px 25px 43px 19px;}
.btn_style_9.type_2 .text{color: #000;}
.btn_style_9.type_2 .arrow_con .arrow{fill: #000;}
.btn_style_9.type_3{background-color: transparent; border: 1px solid #000; padding: 45px 26px 44px 20px;}
.btn_style_9.type_3 .text{color: #000;}
.btn_style_9.type_3 .arrow_con .arrow{fill: #000;}

.reverse.btn_style_9{background-color: #6738ff;}
.reverse .btn_style_9{background-color: #6738ff;}
.reverse.btn_style_9.type_2{border-color: #fff;}
.reverse .btn_style_9.type_2{border-color: #fff;}
.reverse.btn_style_9.type_2 .arrow_con .arrow{fill: #fff;}
.reverse .btn_style_9.type_2 .arrow_con .arrow{fill: #fff;}
.reverse.btn_style_9.type_3{border-color: #fff;}
.reverse .btn_style_9.type_3{border-color: #fff;}
.reverse.btn_style_9.type_3 .arrow_con .arrow{fill: #fff;}
.reverse .btn_style_9.type_3 .arrow_con .arrow{fill: #fff;}

/*arrow_con 20pt, 25pt, 30pt*/
.arrow_20pt_con .arrow{width: 8px; fill: #000;}
.arrow_20pt_con.small .arrow{width: 7px;}
.arrow_25pt_con .arrow{width: 10px; fill: #000;}
.arrow_25pt_con.small .arrow{width: 9px;}
.arrow_35pt_con .arrow{width: 13px; fill: #000;}
.arrow_35pt_con.small .arrow{width: 12px;}

/* pagination */
.pagination_style_0_wrap{font-size: 0; line-height: 0;}
.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: 16px; margin-right: 16px;}
.pagination_style_0_wrap .pagination_con > span{display: inline-block; width: 10px; height: 10px; background-color: #000; opacity: 0.1; border-radius: 50%; margin-right: 15px;
    box-sizing: border-box; cursor: pointer; transition: all 0.2s; outline: none;}
.pagination_style_0_wrap .pagination_con > span:last-child{margin-right: 0 !important;}
.reverse .pagination_style_0_wrap .pagination_con > span{background-color: #fff; opacity: 0.2; outline: none;}
.pagination_style_0_wrap .pagination_con > span.swiper-pagination-bullet-active{opacity: 1;}
.pagination_style_0_wrap .rolling_arrow{display: inline-block; vertical-align: middle; width: 9px; height: 16px; font-size: 0; line-height: 0; opacity: 0.2; cursor: pointer;
    background-repeat: no-repeat; background-size: 7px 12px; transition: opacity 0.2s; padding:23px; outline: none;}
.pagination_style_0_wrap .rolling_arrow.left{background-image: url('../img/arrow/arrow_7x12_000000_left.png'); background-position: center;}
.pagination_style_0_wrap .rolling_arrow.right{background-image: url('../img/arrow/arrow_7x12_000000_right.png'); background-position: center;}
.reverse .pagination_style_0_wrap .rolling_arrow.left{background-image: url('../img/arrow/arrow_7x12_ffffff_left.png');}
.reverse .pagination_style_0_wrap .rolling_arrow.right{background-image: url('../img/arrow/arrow_7x12_ffffff_right.png');}

.pagination_style_1_wrap{font-size: 0; line-height: 0;}
.pagination_style_1_wrap .pagination_con{position: relative; width:auto; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; margin-top: 2px; margin-left: 2px; margin-right: 2px; bottom:0;}
.pagination_style_1_wrap .pagination_con > span{display: inline-block; vertical-align: middle; font-family: 'Roboto'; font-size: 19px; font-size: 1.9rem; line-height: 25px; line-height: 2.5rem; letter-spacing: 0.02em!important;; font-weight: 700;
    color:rgba(0,0,0,0.1); outline: none;}
.pagination_style_1_wrap .pagination_con > span.current{color:#000;}
.pagination_style_1_wrap .pagination_con.custom{margin-left: 10px; margin-right: 10px;}
.pagination_style_1_wrap .rolling_arrow{display: inline-block; vertical-align: middle; width: 9px; height: 16px; font-size: 0; line-height: 0; opacity: 0.2; cursor: pointer;
    background-repeat: no-repeat; background-size: 7px 12px; transition: opacity 0.2s; padding:21px; outline: none;}
.pagination_style_1_wrap .rolling_arrow.left{background-image: url('../img/arrow/arrow_7x12_000000_left.png'); background-position: center;}
.pagination_style_1_wrap .rolling_arrow.right{background-image: url('../img/arrow/arrow_7x12_000000_right.png'); background-position: center;}
.reverse .pagination_style_1_wrap .pagination_con > span{color:rgba(255,255,255,0.3);}
.reverse .pagination_style_1_wrap .pagination_con > span.current{color:#fff;}
.reverse .pagination_style_1_wrap .rolling_arrow{opacity: 0.3;}
.reverse .pagination_style_1_wrap .rolling_arrow.left{background-image: url('../img/arrow/arrow_7x12_ffffff_left.png');}
.reverse .pagination_style_1_wrap .rolling_arrow.right{background-image: url('../img/arrow/arrow_7x12_ffffff_right.png');}

.pagination_style_2_wrap{font-size:0; line-height: 0;}
.pagination_style_2_wrap .pagination_con{position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; bottom:0;}
.pagination_style_2_wrap .pagination_con > span{display: inline-block; width: 10px; height: 10px; background-color: transparent; border: 1px solid #000; opacity: 1; border-radius: 50%; margin-right: 15px;box-sizing: border-box; cursor: pointer; transition: all 0.2s; outline: none;}
.pagination_style_2_wrap .pagination_con > span:last-child{margin-right: 0 !important;}
.reverse .pagination_style_2_wrap .pagination_con > span{border-color: #fff; outline: none;}
.pagination_style_2_wrap .pagination_con > span.swiper-pagination-bullet-active{background-color: #000;}
.reverse .pagination_style_2_wrap .pagination_con > span.swiper-pagination-bullet-active{background-color: #fff;}

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

    .cl-sm{clear: left;}
    .cb-sm{clear: both;}
    .cn-sm{clear: none;}

}

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

    /* default point color */
    .h_point0:hover{color:#6738ff !important;}
    .bg_h_point0:hover{background-color:#6738ff !important;}
    .svg_h_point0:hover{fill:#6738ff !important;}
    .border_h_point0:hover{border-color:#6738ff !important;}
    .reverse .h_point0:hover{color:#6738ff !important;}
    .reverse .bg_h_point0:hover{background-color:#6738ff !important;}
    .reverse .svg_h_point0:hover{fill:#6738ff !important;}
    .reverse .border_h_point0:hover{border-color:#6738ff !important;}

    .cl-md{clear: left;}
    .cb-md{clear: both;}
    .cn-md{clear: none;}

    /*font_style_76*/
    .font_style_76{font-size: 76px; font-size: 7.6rem; line-height: 96px; line-height: 9.6rem;}
    /*font_style_150*/
    .font_style_150{font-size: 150px; font-size: 15.0rem; line-height: 170px; line-height: 17.0rem;}

    /* title_font */
    .title_font_0{font-size:38px; font-size:3.8rem; line-height:54px; line-height:5.4rem; letter-spacing: -0.06em;}
    .title_font_0.font_roboto{letter-spacing: 0.0em;}
    .title_font_1{font-size:30px; font-size:3.0rem; line-height:42px; line-height:4.2rem; letter-spacing: -0.06em;}
    .title_font_2{font-size:34px; font-size:3.4rem; line-height:50px; line-height:5.0rem; letter-spacing: -0.06em;}

    /* sub_title_font */
    .sub_title_font_0{font-size:24px; font-size:2.4rem; line-height:38px; line-height:3.8rem; letter-spacing: -0.04em;}
    .sub_title_font_1{font-size:19px; font-size:1.9rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.04em;}
    .sub_title_font_2{font-size:16px; font-size:1.6rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.025em;}

    /* desc_font */
    .desc_font_0{font-size:16px; font-size:1.6rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.025em;}
    .desc_font_0.font_roboto{font-size:16px; font-size:1.6rem; line-height:30px; line-height:3.0rem; letter-spacing: 0em;}
    .desc_font_0 .font_roboto{font-size:16px; font-size:1.6rem; line-height:30px; line-height:3.0rem; letter-spacing: 0em;}
    .desc_font_1{font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.025em;}
    .desc_font_1.font_roboto{font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem; letter-spacing: 0em;}
    .desc_font_1 .font_roboto{font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem; letter-spacing: 0em;}

    /* info_font (전화번호 및 메일) */
    .info_font_0{font-family:"Roboto"; font-size: 25px; font-size: 2.5rem; line-height: 28px; line-height: 2.8rem; letter-spacing: 0;}

    /* .menu_icon_style_0 */
    .menu_icon_style_0{width: 34px; height: 18px;}
    .menu_icon_style_0 span{width: 34px;}
    .menu_icon_style_0::before{width: 34px;}
    .menu_icon_style_0::after{width: 34px;}

    .menu_icon_style_0.type_2 span{width: 24px;}

    .menu_icon_style_0.type_3::before{width: 26px;}
    .menu_icon_style_0.type_3::after{width: 18px;}

    .menu_icon_style_0.hover_type_0:hover span{width: 24px;}
    .menu_icon_style_0.hover_type_0:hover::before{}
    .menu_icon_style_0.hover_type_0:hover::after{}

    .menu_icon_style_0.hover_type_1:hover span{}
    .menu_icon_style_0.hover_type_1:hover::before{width: 26px;}
    .menu_icon_style_0.hover_type_1:hover::after{width: 18px;}

    .menu_icon_style_0.hover_type_2:hover span{width: 34px;}
    .menu_icon_style_0.hover_type_2:hover::before{width: 34px;}
    .menu_icon_style_0.hover_type_2:hover::after{width: 34px;}

    /* .menu_icon_style_1 */
    .menu_icon_style_1{width: 30px; height: 13px;}
    .menu_icon_style_1 span{width: 30px;}
    .menu_icon_style_1::before{width: 30px;}

    .menu_icon_style_1.type_2 span{width: 23px;}

    .menu_icon_style_1.hover_type_0:hover span{width: 30px;}
    .menu_icon_style_1.hover_type_0:hover::before{}
    .menu_icon_style_1.hover_type_0:hover::after{}

    /* rolling_btn_style_0_con */
    .rolling_btn_style_0_con .rolling_btn:hover{}
    .rolling_btn_style_0_con .rolling_btn:hover::after{width: 47px; height: 47px;}
    .rolling_btn_style_0_con.big .rolling_btn:hover::after{width: 55px; height: 55px;}
    .rolling_btn_style_0_con.small .rolling_btn:hover::after{width: 35px; height: 35px;}

    /* rolling_btn_style_1 */
    .rolling_btn_style_1_con .rolling_btn:hover{background-color: rgba(0,0,0,1); background-image: url("../img/arrow/arrow_12x21_ffffff_right.png");}

    /* rolling_btn_style_2 */
    .rolling_btn_style_2_con:hover .rolling_btn{width: 15px; height: 28px;}
    .rolling_btn_style_2_con.left:hover .rolling_btn{left: 0;}
    .rolling_btn_style_2_con.right:hover .rolling_btn{right: 0;}

    /* move_to_top_btn_con */
    .move_to_top_btn_con.hover_type_0 .move_to_top_btn:hover .text{opacity: 1; width: 74px; margin-left: 15px;}
    .move_to_top_btn_con.hover_type_1 .move_to_top_btn:hover .text{opacity: 1; /*height: 15px; margin-top: 10px;*/}

    /* gnb */
    .gnb_wrap > li > a{font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem;}
    .gnb_wrap.vertical > li > a{font-weight: 500;}

    /* lnb */
    .lnb_menu_wrap ul > li > a{font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem;}
    .lnb_menu_wrap.type_2 ul > li > a{font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem;}
    .lnb_menu_wrap ul > li:hover > a{color:rgba(0,0,0,1);}
    .lnb_menu_wrap.vertical ul > li:hover > a{font-weight: 500;}
    .lnb_menu_wrap.reverse ul > li:hover > a{color:rgba(255,255,255,1);}

    /* member_menu_wrap */
    .member_menu_wrap ul > li:hover{padding-right: 17px;}
    .member_menu_wrap ul > li:last-child:hover{padding-right: 0px;}
    .member_menu_wrap ul > li:hover > a > span{padding-right: 16px;}
    .member_menu_wrap ul > li:hover > a > span::after{width: 6px; opacity: 1;}

    /* footer */
    .sns_list_wrap ul > li > a:hover{background-color: #000;}
    .sns_list_wrap ul > li.facebook > a:hover{background-image: url('../img/common/facebook_icon_white.png');}
    .sns_list_wrap ul > li.twitter > a:hover{background-image: url('../img/common/twitter_icon_white.png');}
    .sns_list_wrap ul > li.youtube > a:hover{background-image: url('../img/common/youtube_icon_white.png');}
    .sns_list_wrap ul > li.pinterest > a:hover{background-image: url('../img/common/pinterest_icon_white.png');}
    .sns_list_wrap ul > li.instagram > a:hover{background-image: url('../img/common/instagram_icon_white.png');}

    .sns_list_wrap.reverse ul > li > a:hover{background-color: #fff;}
    .sns_list_wrap.reverse ul > li.facebook > a:hover{background-image: url('../img/common/facebook_icon_black.png');}
    .sns_list_wrap.reverse ul > li.twitter > a:hover{background-image: url('../img/common/twitter_icon_black.png');}
    .sns_list_wrap.reverse ul > li.youtube > a:hover{background-image: url('../img/common/youtube_icon_black.png');}
    .sns_list_wrap.reverse ul > li.pinterest > a:hover{background-image: url('../img/common/pinterest_icon_black.png');}
    .sns_list_wrap.reverse ul > li.instagram > a:hover{background-image: url('../img/common/instagram_icon_black.png');}

    /* submit_input_style_0 */
    .submit_input_style_0_con .submit_input_style_0{height: 61px;}
    .submit_input_style_0_con .submit_con{height: 61px;}
    .submit_input_style_0_con .submit_con:hover{right: 28px; padding-right: 16px;}
    .submit_input_style_0_con .submit_con:hover::after{width: 6px; opacity: 1;}
    .submit_input_style_0 + .submit_con > input[type=submit]:hover{color:#000;}

    /* submit_input_style_1 */
    .submit_input_style_1_con .submit_con:hover{padding-right: 16px;}
    .submit_input_style_1_con .submit_con:hover::after{width: 6px; opacity: 1;}
    .submit_input_style_1_con .submit_input_style_1 + .submit_con > input[type=submit]:hover{color:#000;}

    .reverse.submit_input_style_1_con .submit_input_style_1 + .submit_con > input[type=submit]:hover{color:#fff;}


    /* check_btn_style_0 */
    .check_btn_style_0_con .check_btn_style_0 + label:hover{font-weight: 500;}

    /*btn 예전버전 ver.2*/
    /* btn_style_0 */
    /*.btn_style_0_con .btn_style_0{height: 45px; padding-top: 11px; padding-bottom: 11px;}*/
    /*.btn_style_0_con .btn_style_0:hover{border-color:rgba(0,0,0,1); padding-right: 20px;}*/
    /*.btn_style_0_con .btn_style_0:hover > span{}*/
    /*.btn_style_0_con .btn_style_0:hover > span.arrow{width: 6px; margin-left: 12px; opacity: 1;}*/
    /*.btn_style_0_con .btn_style_0:hover > span.bg{opacity: 1;}*/
    /*.btn_style_0_con .btn_style_0:hover > span.default_bg{opacity: 1;}*/

    /*.btn_style_0_con .btn_style_0.type_2:hover{border-color:rgba(0,0,0,1);}*/
    /*.btn_style_0_con .btn_style_0.type_3:hover{border-color:transparent;}*/

    /*.reverse .btn_style_0_con .btn_style_0:hover{border-color:rgba(255,255,255,1);}*/
    /*.reverse .btn_style_0_con .btn_style_0.type_2:hover{border-color:rgba(0,0,0,1);}*/

    /* btn_style_1 */
    /*.btn_style_1_con .btn_style_1 > span:first-child{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem;}*/
    /*.btn_style_1_con .btn_style_1:hover .arrow{width: 56px;}*/
    /*.btn_style_1_con .btn_style_1:hover img{left:-2px;}*/

    /* btn_style_3 */
    /*.btn_style_3_con .btn_style_3:hover > span.arrow{width: 48px; background-image: url("../img/arrow/arrow_48x7_000000_right.png");}*/
    /*.reverse .btn_style_3_con .btn_style_3:hover > span.arrow{width: 48px; background-image: url("../img/arrow/arrow_48x7_ffffff_right.png");}*/

    /* btn_style_4 */
    /*.btn_style_4_con .btn_style_4:hover{width:88px; border-color:#000;}*/
    /*.btn_style_4_con .btn_style_4:hover > span.arrow{width: 5px; margin-left: 8px; opacity: 1;}*/
    /*.btn_style_4_con .btn_style_4.width_auto:hover{width: auto !important;}*/
    /*.btn_style_4_con .btn_style_4.small:hover{width:85px;}*/
    /*.btn_style_4_con .btn_style_4.type_2:hover{width:87px;}*/
    /*.btn_style_4_con .btn_style_4.type_2:hover > span.bg{opacity: 1;}*/

    /* btn_style_5 */
    /*.btn_style_5_con .btn_style_5:hover > span:first-child{font-weight: 500;}*/
    /* btn_style_0 */
    /*.btn_style_0_con .btn_style_0{height: 45px; padding-top: 11px; padding-bottom: 11px;}*/
    /*.btn_style_0_con .btn_style_0:hover{border-color:rgba(0,0,0,1); padding-right: 20px;}*/
    /*.btn_style_0_con .btn_style_0:hover > span{}*/
    /*.btn_style_0_con .btn_style_0:hover > span.arrow{width: 6px; margin-left: 12px; opacity: 1;}*/
    /*.btn_style_0_con .btn_style_0:hover > span.bg{opacity: 1;}*/
    /*.btn_style_0_con .btn_style_0:hover > span.default_bg{opacity: 1;}*/
    /*.reverse .btn_style_0_con .btn_style_0:hover{border-color:rgba(255,255,255,1);}*/
    /*.reverse .btn_style_0_con .btn_style_0.type_2:hover{border-color:rgba(0,0,0,1);}*/

    /*
    200508 min - 개편 가이드에 있는 버튼 정의
    */
    .btn_style_0:hover .arrow_con{margin-left: 11px; opacity: 1;}
    /* .btn_style_0:hover{padding-right: 20px;} */
    .btn_style_0.big:hover{padding-right: 25px;}
    .btn_style_0.big:hover .arrow_con{margin-left: 12px;}
    .btn_style_0.small:hover{padding-right: 13px;}
    .btn_style_0.small:hover .arrow_con{margin-left: 10px;}

    .btn_style_0.type_2:hover{background-color: #000; padding-right: 18px;}
    .btn_style_0.type_2:hover .text{color: #fff;}
    .btn_style_0.type_2.big:hover{padding-right: 23px;}
    .btn_style_0.type_2.small:hover{padding-right: 11px;}
    .btn_style_0.type_3:hover{background-color: #000; padding-right: 19px;}
    .btn_style_0.type_3:hover .text{color: #fff;}
    .btn_style_0.type_3.big:hover{padding-right: 24px;}
    .btn_style_0.type_3.small:hover{padding-right: 12px;}



    /* btn_style_1 */
    .btn_style_1:hover .arrow_con{margin-left: 11px; opacity: 1;}
    .btn_style_1.big:hover{padding-right: 25px;}
    .btn_style_1.big:hover .arrow_con{margin-left: 12px;}
    .btn_style_1.small:hover{padding-right: 13px;}
    .btn_style_1.small:hover .arrow_con{margin-left: 10px;}

    .btn_style_1.type_2:hover{background-color: #000;}
    .btn_style_1.type_2.small:hover{padding-right: 11px;}
    .btn_style_1.type_2:hover .text{color: #fff;}
    .btn_style_1.type_3:hover{background-color: #000;}
    .btn_style_1.type_3.small:hover{padding-right: 12px;}
    .btn_style_1.type_3:hover .text{color: #fff;}

    /*btn_style_2*/
    .btn_style_2:hover{padding-right: 23px;}
    .btn_style_2:hover .arrow_con{margin-left: 11px; opacity: 1;}
    .btn_style_2.big:hover{padding-right: 25px;}
    .btn_style_2.big:hover .arrow_con{margin-left: 14px;}
    .btn_style_2.small:hover .arrow_con{margin-left: 10px;}
    .btn_style_2.small:hover{padding-right: 16px;}

    .btn_style_2.type_2:hover{background-color: #000; padding-right: 21px;}
    .btn_style_2.type_2:hover .text{color: #fff;}
    .btn_style_2.type_2.big:hover{padding-right: 23px;}
    .btn_style_2.type_2.small:hover{padding-right: 14px;}
    .btn_style_2.type_3:hover{background-color: #000; padding-right: 22px;}
    .btn_style_2.type_3:hover .text{color: #fff;}
    .btn_style_2.type_3.big:hover{padding-right: 24px;}
    .btn_style_2.type_3.small:hover{padding-right: 15px;}

    /*btn_style_8*/
    .btn_style_8:hover{padding: 43px 26px 44px 26px;}
    .btn_style_8.type_2:hover{padding: 41px 24px 42px 24px; background-color: #000;}
    .btn_style_8.type_2:hover .text{color: #fff;}
    .btn_style_8.type_3:hover{padding: 42px 25px 43px 25px; background-color: #000;}
    .btn_style_8.type_3:hover .text{color: #fff;}
    .btn_style_8.big:hover{padding: 45px 35px 47px 35px;}
    .btn_style_8.type_2.big:hover{padding: 43px 33px 45px 33px;}
    .btn_style_8.type_3.big:hover{padding: 44px 34px 46px 34px;}

    .reverse.btn_style_8.type_2:hover{background-color: #6738ff; border: none; padding: 43px 26px 44px 26px;}
    .reverse .btn_style_8.type_2:hover{background-color: #6738ff; border: none; padding: 43px 26px 44px 26px;}
    .reverse.btn_style_8.type_2.big:hover{background-color: #6738ff; border: none; padding: 45px 35px 47px 35px;}
    .reverse .btn_style_8.type_2.big:hover{background-color: #6738ff; border: none; padding: 45px 35px 47px 35px;}
    .reverse.btn_style_8.type_3:hover{background-color: #6738ff; border: none; padding: 43px 26px 44px 26px;}
    .reverse .btn_style_8.type_3:hover{background-color: #6738ff; border: none; padding: 43px 26px 44px 26px;}
    .reverse.btn_style_8.type_3.big:hover{background-color: #6738ff; border: none; padding: 45px 35px 47px 35px;}
    .reverse .btn_style_8.type_3.big:hover{background-color: #6738ff; border: none; padding: 45px 35px 47px 35px;}

    /*btn_style_9*/
    .btn_style_9:hover{padding: 48px 28px 50px 25px;}
    .btn_style_9:hover .text{margin-bottom: 8px;}
    .btn_style_9:hover .arrow_con{width: 58px; padding-left: 2px; padding-right: 0;}
    .btn_style_9.type_2:hover{padding: 46px 26px 48px 23px;}
    .btn_style_9.type_3:hover{padding: 47px 27px 49px 24px;}

    .reverse.btn_style_9.type_2:hover{background-color: #6738ff; padding: 48px 28px 50px 25px; border: none;}
    .reverse .btn_style_9.type_2:hover{background-color: #6738ff; padding: 48px 28px 50px 25px; border: none;}
    .reverse.btn_style_9.type_3:hover{background-color: #6738ff; padding: 48px 28px 50px 25px; border: none;}
    .reverse .btn_style_9.type_3:hover{background-color: #6738ff; padding: 48px 28px 50px 25px; border: none;}

    /* textarea_style_0 - 200228 min 추가 */
    .textarea_style_0_con .textarea_style_0{height: 288px;}

    /* pagination */
    .pagination_style_0_wrap .pagination_con > span:hover{opacity: 1;}
    .pagination_style_0_wrap .rolling_arrow:hover{opacity: 1; background-size: 9px 16px;}
    .pagination_style_0_wrap .rolling_arrow.left:hover{background-image: url('../img/arrow/arrow_9x16_000000_left.png');}
    .pagination_style_0_wrap .rolling_arrow.right:hover{background-image: url('../img/arrow/arrow_9x16_000000_right.png');}
    .reverse .pagination_style_0_wrap .rolling_arrow.left:hover{background-image: url('../img/arrow/arrow_9x16_ffffff_left.png');}
    .reverse .pagination_style_0_wrap .rolling_arrow.right:hover{background-image: url('../img/arrow/arrow_9x16_ffffff_right.png');}

    .pagination_style_1_wrap .rolling_arrow:hover{opacity: 1; background-size: 9px 16px;}
    .pagination_style_1_wrap .rolling_arrow.left:hover{background-image: url('../img/arrow/arrow_9x16_000000_left.png');}
    .pagination_style_1_wrap .rolling_arrow.right:hover{background-image: url('../img/arrow/arrow_9x16_000000_right.png');}
    .reverse .pagination_style_1_wrap .rolling_arrow.left:hover{background-image: url('../img/arrow/arrow_9x16_ffffff_left.png');}
    .reverse .pagination_style_1_wrap .rolling_arrow.right:hover{background-image: url('../img/arrow/arrow_9x16_ffffff_right.png');}
}

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

    .cl-lg{clear: left;}
    .cb-lg{clear: both;}
    .cn-lg{clear: none;}

}





/* !중요! */
/*아래 미디어쿼리를 항상 가장 하단에 유지하시오. 편집모드에서 프로그램에 의해 자동으로 지워지는 룰입니다. */

@media (max-width:767px){
    [data-wv-display-hide480]{ display: none!important; }
}

@media (min-width:768px) and (max-width:991px){
    [data-wv-display-hide768]{ display: none!important; }
}

@media (min-width:992px) and (max-width:1199px){
    [data-wv-display-hide1024]{ display: none!important; }
}

@media (min-width:1200px) and (max-width:1599px){
    [data-wv-display-hide1200]{ display: none!important; }
}

@media (min-width:1600px){
    [data-wv-display-hideFull]{ display: none!important; }
}