@charset "utf-8";

body{-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch;}
a{-webkit-tap-highlight-color:transparent;}
@-webkit-keyframes autofill {
    to {
        color: #000;
        /*background: transparent;*/
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

/*어두운 바탕*/
.point0{color:#7b7efe !important;}
/*밝은 바탕*/
.point1{color:#6d13ff !important;}

.width79{width: 79px;}
.width150{width: 150px;}
.mw-350{max-width: 350px;}
.mw-435{max-width: 435px;}
.mw-447{max-width: 447px;}
.mw-495{max-width: 495px;}
.mw-520{max-width: 520px;}
.mw-527{max-width: 527px;}
.mw-554{max-width: 554px;}
.mw-574{max-width: 574px;}
.mw-690{max-width: 690px;}
.mw-967{max-width: 967px;}

/* btn_style_1 */
.btn_style_1_con{}
.btn_style_1_con .btn_style_1{display:inline-block; height: 37px;
    font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.045em; font-weight: 500; text-align: center;
    padding-top: 8px; padding-bottom: 8px; /*padding-right: 5px; padding-left: 5px;*/ border-radius: 5px; box-sizing: border-box;
    border:none; color: #6d97f2; background-color:#ecf2ff; transition: color,background 0.3s;}
.btn_style_1_con .btn_style_1 > span{transition: background-image 0.3s; background-repeat: no-repeat;}
.btn_style_1_con .btn_style_1.auto{padding-left: 25px; padding-right: 25px;}
.btn_style_1_con .btn_style_1.type_2{width: 130px;}
.btn_style_1_con .btn_style_1.transparent{width: 114px; color:#6d13ff; background-color: transparent;}
.btn_style_1_con .btn_style_1.type_3{width: 120px;}

.btn_style_1_con .btn_style_1.type_2.cancel > span{padding-right: 19px; background-image: url("../img/common_icon/icon_btn_style_2_cancel.png"); background-position: right center;}
.btn_style_1_con .btn_style_1.type_2.excel_upload > span{padding-right: 22px; background-image: url("../img/common_icon/icon_excel_upload.png"); background-position: right center;}
.btn_style_1_con .btn_style_1.type_2.excel_download > span{padding-right: 22px; background-image: url("../img/common_icon/icon_excel_download.png"); background-position: right center;}
.btn_style_1_con .btn_style_1.group_manage > span{padding-left: 27px;
    background-image: url("../img/common_icon/icon_group_management.png"); background-position: left center;}
.btn_style_1_con .btn_style_1.group_add > span{padding-left: 27px;
    background-image: url("../img/common_icon/icon_group_add.png"); background-position: left center;}
.btn_style_1_con .btn_style_1.post_add > span{padding-left: 27px;
    background-image: url("../img/common_icon/icon_post_add.png"); background-position: left center;}
.btn_style_1_con .btn_style_1.additional_feature_center > span{padding-left: 26px;
    background-image: url("../img/common_icon/icon_additional_feature_center.png"); background-position: left center;}


/* btn_style_2 */
.btn_style_2_con{display:block;}
.btn_style_2_con.show{display:inline-block;}
.btn_style_2_con .btn_style_2{display:inline-block; height: 35px;
    font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.045em; font-weight: 500; text-align: center;
    padding-top: 6px; padding-bottom: 6px; /*padding-right: 5px; padding-left: 5px;*/ border-radius: 5px; box-sizing: border-box; cursor: pointer;
    border:1px solid #c9d6ff; color: #6d13ff; background-color:#fff; transition: all 0.3s;}
.btn_style_2_con .btn_style_2> span{background-repeat: no-repeat;}
.btn_style_2_con .btn_style_2.auto{padding-right: 15px; padding-left: 15px;}
.btn_style_2_con .btn_style_2.type_2{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;
    width: 118px; height: 44px; padding-top: 11px; padding-bottom: 11px; word-spacing: -0.06em;}
.btn_style_2_con .btn_style_2.type_3{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.045em; font-weight: 500; color:#6d13ff;
    width: 109px; height: 39px; padding-top: 9px; padding-bottom: 9px; border:none; border-color:transparent; background-color:#fff;}
.btn_style_2_con .btn_style_2.type_4{width: 162px; height: 44px; padding-top: 11px; padding-bottom: 11px;}
.btn_style_2_con .btn_style_2.type_5{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;
    width: 118px; height: 44px; padding-top: 11px; padding-bottom: 11px; word-spacing: -0.06em; background-color:#6d13ff; color:#fff;}
.btn_style_2_con .btn_style_2.type_5:hover{background-color: transparent; color:#6d13ff;}

.btn_style_2_con .btn_style_2.search > span{padding-left: 17px; background-image: url("../img/common_icon/icon_search.png"); background-position: left bottom 1px;}
.btn_style_2_con .btn_style_2.sms > span{padding-left: 21px; background-image: url("../img/common_icon/icon_sms.png"); background-position: left center;}
.btn_style_2_con .btn_style_2.mail > span{padding-left: 21px; background-image: url("../img/common_icon/icon_mail.png"); background-position: left center;}
.btn_style_2_con .btn_style_2.go_to_list > span{padding-left: 22px; background-image: url("../img/common_icon/icon_list.png"); background-position: left center;}
.btn_style_2_con .btn_style_2.save > span{padding-left:24px; background-image: url("../img/common_icon/icon_save_check.png"); background-position: left center;}
.btn_style_2_con .btn_style_2.post > span{padding-left:21px; background-image: url("../img/common_icon/icon_post.png"); background-position: left center;}
.btn_style_2_con .btn_style_2.cloud > span{padding-left:26px; background-image: url("../img/common_icon/icon_cloud.png"); background-position: left center;}
.btn_style_2_con .btn_style_2.delete > span{padding-left:26px; background-image: url("../img/common_icon/icon_delete.png"); background-size: 14px 14px; background-position: left center;}

.btn_style_2_con input[type="file"]{position: absolute; width: 1px; height: 1px; opacity: 0;}

[data-wv-agent="ie"] .btn_style_2_con .btn_style_2.type_2{padding-top: 9px;}
[data-wv-agent="ie"] .btn_style_2_con .btn_style_2 > span{padding-bottom: 2px;}
[data-wv-agent="ie"] .btn_style_2_con .btn_style_2.search > span{padding-bottom: 0px;}

[data-wv-agent="edge"] .btn_style_2_con .btn_style_2.type_2{padding-top: 10px;}
[data-wv-agent="edge"] .btn_style_2_con .btn_style_2 > span{padding-bottom: 2px;}
[data-wv-agent="edge"] .btn_style_2_con .btn_style_2.search > span{padding-bottom: 0px;}

[data-wv-agent="firefox"] .btn_style_2_con .btn_style_2.type_2{padding-top: 9px;}
[data-wv-agent="firefox"] .btn_style_2_con .btn_style_2 > span{padding-bottom: 2px;}
[data-wv-agent="firefox"] .btn_style_2_con .btn_style_2.search > span{padding-bottom: 0px;}

/* btn_style_3 */
.btn_style_3_con{}
.btn_style_3_con .btn_style_3{display:inline-block; height: 26px;
    font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.02em; font-weight: 400; text-align: center;
    padding-top: 2px; padding-bottom: 2px; /*padding-right: 5px; padding-left: 5px;*/ border-radius: 3px; box-sizing: border-box; cursor: pointer;
    border:1px solid #c9d6ff; color: #6d97f2; background-color:#fff; transition: all 0.3s;}
.btn_style_3_con .btn_style_3.auto{height: 26px; padding-right: 10px; padding-left: 10px;}
.btn_style_3_con .btn_style_3.type_2{width: 105px; height: 35px; padding-top: 6px; padding-bottom: 6px; border-radius: 5px;
    font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.045em; font-weight: 500;}
.btn_style_3_con .btn_style_3.type_3{width: 148px; height: 35px; padding-top: 6px; padding-bottom: 6px; border-radius: 5px;
    font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.045em; font-weight: 500;}

/* input_style_0 */
.input_style_0_con{position: relative;}
.input_style_0_con > span, .input_style_0_con > .calendar_con span{position: relative; display: inline-block; width: 100%; font-family:"Helvetica Neue" , "Noto Sans KR"; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.02em; font-weight: 400; text-align: left; color:#1e1e2d;
    background-color: transparent; padding-top: 15px; }/*view page*/
.input_style_0{position: relative; width: 100%; height: 53px; padding: 2px 19px 0px 19px;
 font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.02em; font-weight: 400; color:#1e1e2d;
    border-radius: 5px; background-color: #ecf2ff; font-family:"Helvetica Neue" , "Noto Sans KR"; text-align: left;
    border:1px solid transparent; outline: none; box-sizing: border-box; -webkit-appearance: none; }
.input_style_0.font_roboto{padding-top: 5px; padding-bottom: 3px;}
.input_style_0.w-auto{width:auto;}
.input_style_0::-webkit-input-placeholder{font-family:"Noto Sans KR"; font-size:14px; font-size:1.4rem; line-height:53px; line-height:5.3rem; letter-spacing: -0.02em; font-weight: 300; color:#a3acd6;}
.input_style_0::-moz-placeholder{font-family:"Noto Sans KR"; font-size:14px; font-size:1.4rem; line-height:53px; line-height:5.3rem; letter-spacing: -0.02em; font-weight: 300; color:#a3acd6; opacity: 1;}
.input_style_0:-moz-placeholder{font-family:"Noto Sans KR"; font-size:14px; font-size:1.4rem; line-height:53px; line-height:5.3rem; letter-spacing: -0.02em; font-weight: 300; color:#a3acd6; opacity: 1;}
.input_style_0:-ms-input-placeholder{font-family:"Noto Sans KR"; font-size:14px; font-size:1.4rem; line-height:53px; line-height:5.3rem; letter-spacing: -0.02em; font-weight: 300; color:#a3acd6;}
.input_style_0.search{padding-right: 43px; padding-left: 19px;}
.input_style_0.search + input[type=submit]{position: absolute; top:0; right: 0px; width: 43px; height: 100%;
    background-color: transparent; border:none; outline: none; cursor:pointer; transition: all 0.2s; padding:0;
    background-image: url(../img/common_icon/input_style_0_icon.png); background-repeat: no-repeat; background-position: center; }
.input_style_0:focus{border-color:#95b6ff;}
.input_style_0:read-only:focus{border-color:transparent;}
.input_style_0:not(.file_text):not(.not_readonly):read-only{background-color: transparent;}

.input_style_0_con.address{}
.input_style_0_con.address .input_style_0{width: calc(100% - 80px);}
.input_style_0_con.address .btn_style_3_con{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

.input_style_0_con.file{}
.input_style_0_con.file .input_style_0{width: calc(100% - 160px);}
.input_style_0_con.file .btn_style_3_wrap{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}


.input_style_0_con .admin_crud_file_con{position: relative; display: inline-block; width: 100%; font-family:"Helvetica Neue" , "Noto Sans KR"; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.02em; font-weight: 400; text-align: left; color:#1e1e2d;
    background-color: transparent;}
.input_style_0_con .admin_crud_file_con .file_text:not(.view){position: relative; width: calc(100% - 160px); height: 53px; padding: 2px 19px 0px 19px;
    font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.02em; font-weight: 400; color:#1e1e2d;
    border-radius: 5px; background-color: #ecf2ff; font-family:"Helvetica Neue" , "Noto Sans KR"; text-align: left;
    border:1px solid transparent; outline: none; box-sizing: border-box; -webkit-appearance: none;}
.input_style_0_con .admin_crud_file_con input[type=file]{position: absolute; width: 1px; height: 1px; opacity: 0;}
.input_style_0_con .admin_crud_file_con .file_button{display:inline-block; height: 26px;
    font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.02em; font-weight: 400; text-align: center;
    padding-top: 3px; padding-bottom: 2px; border-radius: 3px; box-sizing: border-box; cursor: pointer;
    border:1px solid #c9d6ff; color: #6d97f2; background-color:#fff; transition: all 0.3s;}
.input_style_0_con .admin_crud_file_con .file_delete{display:inline-block; height: 26px;
    font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.02em; font-weight: 400; text-align: center;
    padding-top: 3px; padding-bottom: 2px;border-radius: 3px; box-sizing: border-box; cursor: pointer;
    border:1px solid #c9d6ff; color: #6d97f2; background-color:#fff; transition: all 0.3s;}

.input_style_0.type_2{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.045em; font-weight: 500; color:#6d13ff; padding-top: 0;}

.input_style_0.type_3{padding-right:30px;}
.input_style_0.type_3 + label{position: absolute; top:0; right:15px; font-size:15px; font-size:1.5rem; line-height:53px; line-height: 5.3rem; font-weight: 400; color:#1e1e2d;}

input[type=text]::-ms-clear{display: none;}
[data-wv-agent="ie"] .input_style_0{padding-top: 0; padding-bottom: 1px;}
[data-wv-agent="ie"] .input_style_0:-ms-input-placeholder{padding-top:0px; padding-bottom: 0; line-height: 43px; line-height: 4.3rem;}
[data-wv-agent="ie"] .input_style_0.font_roboto{padding-top: 5px; padding-bottom: 0;}
[data-wv-agent="ie"] .input_style_0.font_roboto.pwd{padding-top: 0;}
[data-wv-agent="ie"] .input_style_0.type_eng{padding-top: 3px; padding-bottom: 0;}/* placeholder는 한글인데 값은 영어가 들어갈 때 font_roboto하면 placeholder가 돋움되는게 보기싫어서 임시로 클래스줌*/
[data-wv-agent="ie"] .input_style_0.type_eng:-ms-input-placeholder{padding-top:0px; padding-bottom: 0; line-height: 43px; line-height: 4.3rem;}
[data-wv-agent="edge"] .input_style_0.type_2{padding-top: 5px;}
[data-wv-agent="firefox"] .input_style_0::-moz-placeholder{line-height: 43px; line-height: 4.3rem;}
[data-wv-agent="iphone"] .input_style_0{padding-top: 4px;}
[data-wv-agent="iphone"] .input_style_0.font_roboto{padding-top: 7px;}
[data-wv-agent="iphone"] .input_style_0::-webkit-input-placeholder{line-height: 16px; line-height: 1.6rem;}
[data-wv-agent="ipad"] .input_style_0{padding-top: 4px;}
[data-wv-agent="ipad"] .input_style_0.font_roboto{padding-top: 7px;}
[data-wv-agent="ipad"] .input_style_0::-webkit-input-placeholder{line-height: 16px; line-height: 1.6rem;}
[data-wv-agent="Mac"] .input_style_0{padding-top: 4px;}
[data-wv-agent="Mac"] .input_style_0.font_roboto{padding-top: 7px;}
[data-wv-agent="Mac"] .input_style_0::-webkit-input-placeholder{line-height: 16px; line-height: 1.6rem;}



/* input_style_1 */
.input_style_1_con{position: relative;}
.input_style_1{position: relative; width: 100%; padding: 0; margin:0;
    font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem; letter-spacing: -0.045em; font-weight: 500; color:#1e1e2d;
    border-radius: 0; background-color: transparent; font-family:"Helvetica Neue" , "Noto Sans KR"; text-align: left;
    border:none; outline: none; box-sizing: border-box; }
.input_style_1.font_roboto{padding-top: 5px; padding-bottom: 3px;}
.input_style_1::-webkit-input-placeholder{font-family:"Noto Sans KR"; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.045em; font-weight: 500; color:#a3acd6;}
.input_style_1::-moz-placeholder{font-family:"Noto Sans KR"; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.045em; font-weight: 500; color:#a3acd6; opacity: 1;}
.input_style_1:-moz-placeholder{font-family:"Noto Sans KR"; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.045em; font-weight: 500; color:#a3acd6; opacity: 1;}
.input_style_1:-ms-input-placeholder{font-family:"Noto Sans KR"; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.045em; font-weight: 500; color:#a3acd6;}
.input_style_1:focus{border-color:#95b6ff;}


/*input_style_2*/
.input_style_2_con{font-size: 0; line-height: 0; height:49px; padding-left: 20px; padding-right: 17px; background-color: #8336ff; border-radius: 5px; box-sizing:border-box;}
.input_style_2_con .input_style_2{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: 0.00em; font-weight: 500; color:#6d13ff;
    background-color: transparent; border:none; outline: none; width: calc(100% - 16px); height:49px; padding:11px 0px 15px 0px; box-sizing:border-box;}
.input_style_2_con .input_style_2 + input[type=submit]{width: 16px; height: 100%; padding:0; background-color: transparent;
    background-image: url("../img/search_icon.png"); background-repeat: no-repeat; background-position: center; background-size: 16px 17px;
    border:none; outline: none; cursor: pointer;}
.input_style_2_con .input_style_2::-webkit-input-placeholder{font-size:14px; font-size:1.4rem; letter-spacing: -0.045em; font-weight: 400; color:#c6a2ff;}
.input_style_2_con .input_style_2::-moz-placeholder{font-size:14px; font-size:1.4rem; letter-spacing: -0.045em; font-weight: 400; color:#c6a2ff; opacity: 1;}
.input_style_2_con .input_style_2:-moz-placeholder{font-size:14px; font-size:1.4rem; letter-spacing: -0.045em; font-weight: 400; color:#c6a2ff; opacity: 1;}
.input_style_2_con .input_style_2:-ms-input-placeholder{font-size:14px; font-size:1.4rem; letter-spacing: -0.045em; font-weight: 400; color:#c6a2ff;}
.input_style_2_con.focus{background-color: #fff;}
.input_style_2_con.focus .input_style_2 + input[type=submit]{background-image: url('../img/search_icon_active.png');}

[data-wv-agent="ie"] .input_style_2_con .input_style_2{padding:12px 0px 14px 0px;}

/* input_style_3 쇼핑몰관리자 팝업용 */
.input_style_3_con{}
.input_style_3{position: relative; width: 100%; height: 33px; padding: 4px 10px 0px 10px;
    font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.02em; font-weight: 400; color:#000;
    border-radius: 4px; font-family:"Helvetica Neue" , "Noto Sans KR"; text-align: left;
    border:1px solid #f0f3f5; outline: none; box-sizing: border-box; -webkit-appearance: none;}
.input_style_3.font_helve{padding-top: 5px; padding-bottom: 3px;}
.input_style_3::-webkit-input-placeholder{font-family:"Noto Sans KR"; font-size:14px; font-size:1.4rem; line-height:33px; line-height:3.3rem; letter-spacing: -0.02em; font-weight: 300; /*color:#a3acd6;*/}
.input_style_3::-moz-placeholder{font-family:"Noto Sans KR"; font-size:14px; font-size:1.4rem; line-height:33px; line-height:3.3rem; letter-spacing: -0.02em; font-weight: 300; /*color:#a3acd6;*/ opacity: 1;}
.input_style_3:-moz-placeholder{font-family:"Noto Sans KR"; font-size:14px; font-size:1.4rem; line-height:33px; line-height:3.3rem; letter-spacing: -0.02em; font-weight: 300; /*color:#a3acd6;*/opacity: 1;}
.input_style_3:-ms-input-placeholder{font-family:"Noto Sans KR"; font-size:14px; font-size:1.4rem; line-height:33px; line-height:3.3rem; letter-spacing: -0.02em; font-weight: 300; /*color:#a3acd6;*/}


/* check_style_0 */
.check_btn_style_0_wrap{}
.check_btn_style_0_con{position: relative; overflow: hidden;}
.check_btn_style_0_con .check_btn_style_0{position: relative; width: 28px; height: 28px; background-color: transparent; opacity: 0; margin: 0; top:0; left:0;}
.check_btn_style_0_con .check_btn_style_0 + label{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.045em; font-weight: 400; color:#616dab; padding-left: 7px; padding-top: px; display: inline-block;}
.check_btn_style_0_con .check_btn_style_0 + label:before {content: ""; width: 28px; height: 28px; box-sizing: border-box;
    position: absolute; left: 0px; top: 0px; background-color: #ecf2ff; border-radius: 5px; cursor: pointer;
    background-position: center; background-repeat:no-repeat;}
.check_btn_style_0_con .check_btn_style_0:checked + label:before{background-image: url("../img/common_icon/icon_check_style_0.png"); background-position: center center; background-repeat:no-repeat;}

.check_btn_style_0_con .check_btn_style_0.type_2 + label{cursor:pointer; margin-left: 20px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.045em; font-weight: 500; color:#616dab;}
.check_btn_style_0_con .check_btn_style_0.type_2 + label:before{background-image: url("../img/common_icon/icon_check_style_0_type_2.png");}
.check_btn_style_0_con .check_btn_style_0.type_2:checked + label:before{background-color:#6d13ff; background-image: url("../img/common_icon/icon_check_style_0_type_2_h.png");}

.check_btn_style_0_con .check_btn_style_0.type_3 + label{cursor:pointer; display:inline-block; padding-top: 4px; margin-left: 13px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.045em; font-weight: 400; color:#616dab;}





/* radio_style_0 */
.radio_btn_style_0_wrap{/*overflow: hidden;*/}
.radio_btn_style_0_con{ position:relative;}
.radio_btn_style_0_con .radio_btn_style_0{position: absolute; top: 2px; left: 0; cursor: pointer; width: 27px; height: 27px; opacity: 0; filter: alpha(opacity=0); margin:0;}
.radio_btn_style_0_con .radio_btn_style_0 + label{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.045em; font-weight: 400; color:#616dab;
    padding-left: 39px; cursor: pointer; display: inline-block; position: relative; padding-top: 5px; padding-bottom: 3px; word-break: keep-all;}
.radio_btn_style_0_con .radio_btn_style_0 + label:before{content: ''; position: absolute; width: 27px; height: 27px; top: 2px; left: 0; border-radius: 50%; box-sizing: border-box;
    background-repeat: no-repeat; background-position: center; background-size:13px 13px; border:1px solid #cad7ff;}
.radio_btn_style_0_con .radio_btn_style_0:checked  + label:before{background-image: url("../img/common_icon/radio_style_0_checked.png");}
.radio_btn_style_0_con.type_2 .radio_btn_style_0{position: relative; top: 0px;}
.radio_btn_style_0_con.type_2 .radio_btn_style_0 + label{display: block; padding:0;}


/* select_style_0 */
.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.045em; font-weight: 400; color:#1e1e2d;
    border:none; border-radius: 5px; padding-top:16px; padding-bottom: 16px; padding-left:19px; /*padding-right:19px;*/ padding-right: 39px; box-sizing: border-box; text-align: left; background-color: #ecf2ff;
    background-image: url('../img/common_icon/icon_arrow_bottom_12x7.png'); background-size: 12px 7px; background-repeat: no-repeat; background-position: right 19px center; cursor: pointer;}
.select_style_0_wrap .selected_item.font_roboto{padding-top: 18px; padding-bottom: 18px;}
.select_style_0_wrap .selected_item.active{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.select_style_0_wrap .select_style_0_con{display:none; position: absolute; width:100%; max-height: 210px; overflow-y: auto; border:none; border-radius: 5px; box-sizing: border-box;  z-index: 1;}
.select_style_0_wrap .select_style_0{padding-top: 3px; padding-bottom: 10px; background-color: #ecf2ff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.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.045em; font-weight: 400; color:#1e1e2d;
    padding-top: 0px; padding-bottom: 18px; padding-left:19px; padding-right:19px; box-sizing: border-box; word-break: keep-all; transition: color 0.3s;}
/*.select_style_0_wrap .select_style_0 > li > a.font_roboto{}*/

.select_style_0_wrap select.select_style_0{width: 100%; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.045em; font-weight: 400; color:#1e1e2d;
    border:none; border-radius: 5px; padding-top:8px; padding-bottom: 8px; padding-left:19px; padding-right: 39px; box-sizing: border-box; text-align: left; background-color: #ecf2ff;
    background-image: url('../img/common_icon/icon_arrow_bottom_12x7.png'); background-size: 12px 7px; background-repeat: no-repeat; background-position: right 19px center; cursor: pointer; border-radius: 5px;
    -webkit-appearance: none; -moz-appearance: none;}
.select_style_0_wrap select.select_style_0:focus{outline: none;}

/*[data-wv-agent="ie"] .select_style_0_wrap .selected_item{padding-top: 15px; padding-bottom: 15px;}*/

[data-wv-agent="ie"] .option_container .select_style_0_wrap .selected_item{padding-top: 15px; padding-bottom: 15px;}
[data-wv-agent="edge"] .option_container .select_style_0_wrap .selected_item{padding-top: 15px; padding-bottom: 15px;}

.select_style_0_wrap.type_2{height: 37px;}
.select_style_0_wrap.type_2 .selected_item{font-weight: 500; color:#6d97f2; padding-top: 10px; padding-bottom: 10px; padding-left:16px; padding-right:15px; background-position: right 15px center;}
.select_style_0_wrap.type_2 .select_style_0 > li > a{font-weight: 500; color:#6d97f2; padding-bottom: 9px; padding-left:16px; padding-right:16px;}

.select_style_0_wrap.password{}
.select_style_0_wrap.password .selected_item{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.select_style_0_wrap.password .select_style_0 > li.active{display: block;}
.select_style_0_wrap.password .select_style_0 > li.active > a{font-weight: 500;}
/*.select_style_0.time_zone{max-height: 117px; overflow-y: scroll; }*/
.select_style_0_con.time_zone{max-height: 117px;}

[data-wv-agent="ie"] .select_style_0_wrap .selected_item.font_roboto{padding-top: 19px; padding-bottom: 17px;}
[data-wv-agent="ie"] .select_style_0_wrap.type_2 .selected_item{padding-top: 12px;}
/* 게시물관리 신규등록 */
.textarea_style_0{font-size:17px; font-size:1.7rem; line-height:36px; line-height:3.6rem; letter-spacing: -0.02em; font-weight: 500; color:#616dab;
    background-color: transparent; border:none; outline: none; width: 100%; height: 100%; padding:0; margin:0; min-height:400px;
    -webkit-appearance: none; -moz-appearance:none; appearance:none; padding-right:30%; box-sizing: border-box;}
.textarea_style_0::-webkit-input-placeholder{color:#a3acd6; font-weight:400; letter-spacing: -0.045em; }
.textarea_style_0::-moz-placeholder{color:#a3acd6; font-weight:400; letter-spacing: -0.045em; }
.textarea_style_0:-moz-placeholder{color:#a3acd6; font-weight:400; letter-spacing: -0.045em; }
.textarea_style_0:-ms-input-placeholder{color:#a3acd6; font-weight:400; letter-spacing: -0.045em; }

/* 레이아웃 상세 */
.textarea_style_1_con{position: relative;}
.textarea_style_1{position: relative; width: 100%; height: 111px; min-height: auto; padding: 17px 19px;
    font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.02em; font-weight: 400; color:#1e1e2d;
    border-radius: 5px; background-color: #ecf2ff; font-family:"Helvetica Neue" , "Noto Sans KR"; text-align: left;
    border:1px solid transparent; outline: none; box-sizing: border-box; overflow-y: auto;}
.textarea_style_1.font_roboto{padding-top: 5px; padding-bottom: 3px;}
.textarea_style_1::-webkit-input-placeholder{font-family:"Noto Sans KR"; font-size:14px; font-size:1.4rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 300; color:#a3acd6;}
.textarea_style_1::-moz-placeholder{font-family:"Noto Sans KR"; font-size:14px; font-size:1.4rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 300; color:#a3acd6;}
.textarea_style_1:-moz-placeholder{font-family:"Noto Sans KR"; font-size:14px; font-size:1.4rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 300; color:#a3acd6;}
.textarea_style_1:-ms-input-placeholder{font-family:"Noto Sans KR"; font-size:14px; font-size:1.4rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 300; color:#a3acd6;}
.textarea_style_1:focus{border-color:#95b6ff;}

.textarea_style_1_con > span{position: relative; display: inline-block; width: 100%; font-family:"Helvetica Neue" , "Noto Sans KR"; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.02em; font-weight: 400; text-align: left; color:#1e1e2d;
    background-color: transparent; padding-top: 15px; }/*view page*/

/* toggle_style_0 */
.toggle.new_type{}
.toggle.new_type .toggle--btn{background-color: #fff; width: 104px; height: 35px; border:1px solid #c9d6ff; overflow: hidden; border-radius: 20px; box-sizing: border-box;}
.toggle.new_type .toggle--btn:after {background: url('../img/icon_toggle_h.png') no-repeat 25% center; height:100%; width:50%;  position:absolute; top:0; left:0; border-radius: 0px 3px 3px 0px; box-sizing: border-box; background-color: transparent;}
.toggle.new_type .toggle--btn:before {background: url("../img/icon_toggle_off.png") no-repeat 40% center; height: 100%; line-height: 100%; width:50%; background-color: transparent; border:none; box-sizing: border-box; position: absolute; top:0; left:40px; border-radius:0;}
.toggle.new_type .toggle--checkbox:checked + .toggle--btn:after{background-color: transparent;}
.toggle.new_type .toggle--checkbox:checked + .toggle--btn:before { background: url("../img/icon_toggle_on.png") no-repeat 100% center; left:0; background-color: transparent; border-radius:0;}
.toggle.new_type .toggle--checkbox:checked + .toggle--btn:after {
    transform: translate(65px, 0);
    -webkit-transform: translate(65px, 0);
    -moz-transform: translate(65px, 0);
    -ms-transform: translate(65px, 0);
    -o-transform: translate(65px, 0);
    background-color: transparent;
    background-image: url("../img/icon_toggle.png");
}

.toggle.new_type > span{position: relative; display: inline-block; width: 100%; font-family:"Helvetica Neue" , "Noto Sans KR"; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.02em; font-weight: 400; text-align: left; color:#1e1e2d;
    background-color: transparent; padding-top: 6px; }/*view page*/
.toggle.new_type > span.toggle_label{display: inline-block; width: auto; font-family: "Noto Sans KR"; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; padding: 3px 0px;}

/* 임시로 옮겨놓고 .dashboard_wrap 지움*/
/* info_list_con 기본 설정 */
.info_list_style_con{width:calc(100% + 31px); margin-left:-31px; overflow: hidden; margin-bottom:34px;}
.info_list_style_con.type_2{}
.info_list_style_con.type_2 .info_list{width:50%;}
.info_list_style_con.type_2 .info_list:nth-child(3n+1):after{display:block;}
.info_list_style_con.type_2 .info_list:nth-child(2n+1):after{display:none;}
.info_list{float:left; width:33.33%; padding-left:31px; box-sizing: border-box; position: relative; text-align: left;}
.info_list.complete .info_desc{color:#6d13ff;}
.info_list:after{content:""; position: absolute; top:4px; left:0; height:calc(100% - 10px); border-right:1px solid #dde5ff;}
.info_list:first-child:after{display:none;}
.info_list:nth-child(3n+1):after{display:none;}
.info_title{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; color:#1e1e2d; font-weight:400; margin-bottom:11px;}
.info_desc{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.045em; color:#a3acd6; font-weight:500;}
.info_desc.font_roboto{letter-spacing: 0;}

.box_style_0_con .info_list_style_con.type_3{width:auto; margin-left:auto; margin-right: auto; float:none; overflow: hidden; margin-bottom:0px;}
.info_list_style_con.type_3 .info_title{margin-bottom: 11px;}
.info_list_style_con.type_3 .info_title.margin_helve{margin-bottom: 15px;}
.info_list_style_con.type_3 .info_list{width: 100%; margin-bottom: 20px; padding-left: 0;}
.info_list_style_con.type_3 .info_list_inner{width: auto; float: left;}
.info_list_style_con.type_3 .info_list_inner + .btn_style_1_con{width: auto; float: right;}
.info_list_style_con.type_3 .info_list:last-child{margin-bottom: 0px;}
.info_list_style_con.type_3 .info_list::after{height:calc(100% - 67px); top:3px;}
.info_list_style_con.type_3 .info_list:first-child:after{display:none !important;}
.info_list_style_con.type_3 .info_list:nth-child(3n+1):after{display:block;}
.info_list_style_con.type_3 .info_list:nth-child(2n+1):after{display:none;}

/* 커스텀뷰(고객센터) 에서 쓸 리스트 css*/
.list_style_1 {}
.list_style_1 > li{position:relative; padding-left: 14px; margin-bottom: 9px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.01em; font-weight: 300; color:#fff;}
.list_style_1 > li::after{content: '-'; position: absolute; top:0; left:0;}
.list_style_1 > li:last-child{margin-bottom: 0 !important;}
.list_style_3 {}
.list_style_3 > li{margin-bottom: 66px;}
.list_style_3 > li:last-child{margin-bottom: 0px;}
.list_style_3 > li > a{display:block; margin-bottom: 27px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 500; color:#fff;
    background-color: #8337ff; border-radius: 25px; padding-top: 11px; padding-bottom: 13px; padding-right: 32px; padding-left: 32px; cursor: default;}
.list_style_3 > li > ul{padding-left: 18px;}
.list_style_3 .list_style_1 > li{margin-bottom: 7px; transition: all 0.2s ease;}
.list_style_3 .list_style_1 > li:last-child{margin-bottom: 0px;}
.list_style_3 .list_style_1 > li.visited{color:#c39eff;}
.list_style_3 .list_style_1 > li.new > a{display: inline-block; position: relative; padding-right: 15px;}
.list_style_3 .list_style_1 > li.new > a::before{content: 'N'; position: absolute; top:0; right:0;
    font-size:9px; font-size:0.9rem; line-height:15px; line-height:1.5rem; letter-spacing: 0.03em; font-weight: 500; color:#fdff2f;}


@media all and (min-width:767px){
    .info_list_style_con.type_3{max-width: 967px; overflow: hidden; display: flex; align-items: stretch; flex-flow: row wrap;}
    .info_list_style_con.type_3 .info_list{/*flex-basis:50%*/width: 50%; padding-left:31px;}
    .info_list_style_con.type_3 .info_list:nth-child(3){margin-bottom: 0px;}
    .info_list_style_con.type_3 .info_list_inner{width: unset; float: none;}
    .info_list_style_con.type_3 .info_list_inner + .btn_style_1_con{width: unset; float: none;}
}

@media all and (min-width:992px){
    .btn_style_1_con .btn_style_1.transparent{width: 134px;}

    .btn_style_1_con .btn_style_1:hover{color:#fff; background-color: #6d13ff;}
    .btn_style_1_con .btn_style_1.cancel:hover > span{background-image: url("../img/common_icon/icon_btn_style_2_cancel_h.png");}
    .btn_style_1_con .btn_style_1.excel_upload:hover > span{background-image: url("../img/common_icon/icon_excel_upload_h.png");}
    .btn_style_1_con .btn_style_1.excel_download:hover > span{background-image: url("../img/common_icon/icon_excel_download_h.png");}
    .btn_style_1_con .btn_style_1.group_manage:hover > span{background-image: url("../img/common_icon/icon_group_management_h.png");}
    .btn_style_1_con .btn_style_1.group_add:hover > span{background-image: url("../img/common_icon/icon_group_add_h.png");}
    .btn_style_1_con .btn_style_1.post_add:hover > span{background-image: url("../img/common_icon/icon_post_add_h.png");}
    .btn_style_1_con .btn_style_1.additional_feature_center:hover > span{background-image: url("../img/common_icon/icon_additional_feature_center_h.png");}

    .btn_style_2_con .btn_style_2:hover{color:#fff; background-color: #6d13ff;}
    .btn_style_2_con .btn_style_2.search:hover > span{background-image: url("../img/common_icon/icon_search_h.png");}
    .btn_style_2_con .btn_style_2.sms:hover > span{background-image: url("../img/common_icon/icon_sms_h.png");}
    .btn_style_2_con .btn_style_2.mail:hover > span{background-image: url("../img/common_icon/icon_mail_h.png");}
    .btn_style_2_con .btn_style_2.go_to_list:hover > span{background-image: url("../img/common_icon/icon_list_h.png");}
    .btn_style_2_con .btn_style_2.save:hover > span{background-image: url("../img/common_icon/icon_save_check_h.png");}
    .btn_style_2_con .btn_style_2.post:hover > span{background-image: url("../img/common_icon/icon_post_h.png");}
    .btn_style_2_con .btn_style_2.cloud:hover > span{background-image: url("../img/common_icon/icon_cloud_h.png");}
    .btn_style_2_con .btn_style_2.delete:hover > span{background-image: url("../img/common_icon/icon_delete_h.png");}


    .btn_style_3_con .btn_style_3:hover{color: #6d13ff; border-color: #6d13ff;}

    .select_style_0_wrap .select_style_0 > li > a:hover{color: #6d13ff;}

    .info_list_style_con.type_3 .info_list{/*flex-basis:25%;*/width: 25%;}
    .info_list_style_con.type_3 .info_list:nth-child(1){margin-bottom: 0px;}
    .info_list_style_con.type_3 .info_list:nth-child(2){margin-bottom: 0px;}
    .info_list_style_con.type_3 .info_list:nth-child(2n+1):after{display:block;}

    .list_style_3 .list_style_1 > li.visited:hover{color:#c39eff; font-weight: 300;}
    .list_style_3 .list_style_1 > li:hover{color:#fdff2f; font-weight: 400;}

}

@media all and (min-width:1600px){
    .info_list_style_con{margin-bottom:0;}
}