@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:#6738ff !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: 38px;
    font-family: "Carmen Sans";
    font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.045em; font-weight: 500; text-align: center;
    padding-top: 7px; padding-bottom: 8px; /*padding-right: 5px; padding-left: 5px;*/ border-radius: 4px; box-sizing: border-box;
    border:none; color: #6d97f2; background-color:#ecf2ff; transition: color,background 0.3s;}
[data-wv-os="Mac"] .btn_style_1_con .btn_style_1 { padding-top: 9px; padding-bottom: 6px; }
[data-wv-pc="mobile"] .btn_style_1_con .btn_style_1 { padding-top: 9px; padding-bottom: 6px; }
.btn_style_1_con .btn_style_1 > span{ font-family: "Carmen Sans"; transition: background-image 0.3s; background-repeat: no-repeat;}
.btn_style_1_con .btn_style_1.auto{padding-left: 20px; padding-right: 20px;}
.btn_style_1_con .btn_style_1.upgrade { padding-left: 17px; padding-right: 15px; }
.btn_style_1_con .btn_style_1.type_2{width: 130px;}
.btn_style_1_con .btn_style_1.transparent{width: 114px; color:#6738ff; 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 top 7px;}
.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;}
[data-wv-os="Mac"] .btn_style_1_con .btn_style_1.upgrade { padding-top: 9px; padding-bottom: 5px; }
.btn_style_1_con .btn_style_1.upgrade > span { padding-left: 29px; background-image: url("../img/common_icon/upgrade_icon.png"); background-position: left top 4px; background-size: 24px 16px;}
[data-wv-os="Mac"] .btn_style_1_con .btn_style_1.upgrade > span { background-image: url("../img/common_icon/upgrade_icon_mac.png"); background-position: left top; background-size: 20px 14px; }
[data-wv-pc="mobile"] .btn_style_1_con .btn_style_1.upgrade > span { background-image: url("../img/common_icon/upgrade_icon_mac.png"); background-position: left top; background-size: 20px 14px; }
.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: 33px; font-family: "Carmen Sans";
    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: 4px; padding-bottom: 4px; /*padding-right: 5px; padding-left: 5px;*/ border-radius: 3px; box-sizing: border-box; cursor: pointer;
    border:1px solid #c9d6ff; color: #6738ff; background-color:#fff; transition: all 0.15s;}
.btn_style_2_con .btn_style_2> span{background-repeat: no-repeat; font-family: "Carmen Sans";}
.btn_style_2_con .btn_style_2.auto{padding-right: 12px; padding-left: 12px;}
.btn_style_2_con .btn_style_2[disabled]{color:#fff; background-color: #999 !important; border-color:#999 !important; cursor: not-allowed;}
[data-wv-os="Mac"] .btn_style_2_con .btn_style_2.auto { padding-top: 6px; padding-bottom: 4px;  }
[data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.auto { padding-top: 7px; padding-bottom: 3px;  }
.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: 41px; padding-top: 7px; padding-bottom: 12px; word-spacing: -0.06em;}
[data-wv-os="Mac"] .btn_style_2_con .btn_style_2.type_2 { padding-top: 9px; padding-bottom: 8px; }
[data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.type_2 { padding-top: 10px; padding-bottom: 7px; }
.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:#6738ff;
    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: 10px; padding-bottom: 12px;}
.btn_style_2_con .btn_style_2.type_5{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; border-color: #6738ff;
    width: 118px; height: 44px; padding-top: 9px; padding-bottom: 13px; word-spacing: -0.06em; background-color:#6738ff; color:#fff;}
.btn_style_2_con .btn_style_2.type_5:hover{background-color: transparent; color:#6738ff;}

.btn_style_2_con .btn_style_2.group_add { width: 125px; }
.btn_style_2_con .btn_style_2.type_5.group_add { width: 134px; }

.btn_style_2_con .btn_style_2.auto.save { height: 41px; padding-top: 8px; padding-bottom: 4px; padding-left: 17px; padding-right: 16px;}
[data-wv-os="Mac"] .btn_style_2_con .btn_style_2.auto.save { padding-top: 10px; padding-bottom: 2px; }
[data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.auto.save { padding-top: 10px; padding-bottom: 2px; }
.btn_style_2_con .btn_style_2.auto.save > span { padding-left: 20px; }

.btn_style_2_con .btn_style_2.post_add > span{padding-left: 20px; background-image: url("../img/common_icon/icon_post_add.png"); background-size: 16px 16px; background-position: left top 4px;}
[data-wv-os="Mac"] .btn_style_2_con .btn_style_2.post_add > span{ background-image: url("../img/common_icon/icon_post_add_mac.png"); padding-bottom: 1px; background-position: left top;}
[data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.post_add > span{ background-image: url("../img/common_icon/icon_post_add_mac.png"); background-position: left top;}
.btn_style_2_con .btn_style_2.group_add > span{padding-left: 20px; background-image: url("../img/common_icon/icon_group_add.png"); background-size: 15px 15px; background-position: left top 5px;}
[data-wv-os="Mac"] .btn_style_2_con .btn_style_2.group_add > span { background-image: url("../img/common_icon/icon_group_add_mac.png"); background-position: left top;}
[data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.group_add > span { background-image: url("../img/common_icon/icon_group_add_mac.png"); background-position: left top;}
.btn_style_2_con .btn_style_2.type_5.group_add > span { background-image: url("../img/common_icon/icon_group_add_h.png"); background-size: 15px 15px; }
[data-wv-os="Mac"] .btn_style_2_con .btn_style_2.type_5.group_add > span { background-image: url("../img/common_icon/icon_group_add_h_mac.png"); }
[data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.type_5.group_add > span { background-image: url("../img/common_icon/icon_group_add_h_mac.png"); }
.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-size: 15px 15px; background-position: left top 5px;}
[data-wv-os="Mac"] .btn_style_2_con .btn_style_2.go_to_list > span{ background-image: url("../img/common_icon/icon_list_mac.png"); background-position: left top;}
[data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.go_to_list > span{ background-image: url("../img/common_icon/icon_list_mac.png"); background-position: left top;}
.btn_style_2_con .btn_style_2.save > span{padding-left:24px; background-image: url("../img/common_icon/icon_save_check.png"); background-size: 15px 15px; background-position: left top 5px;}
[data-wv-os="Mac"] .btn_style_2_con .btn_style_2.save > span{ background-image: url("../img/common_icon/icon_save_check_mac.png"); background-position: left top;}
[data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.save > span{ background-image: url("../img/common_icon/icon_save_check_mac.png"); background-position: left top;}
.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:20px; background-image: url("../img/common_icon/icon_delete.png"); background-size: 15px 15px; background-position: left top 5px;}
[data-wv-os="Mac"] .btn_style_2_con .btn_style_2.delete > span{ background-image: url("../img/common_icon/icon_delete_mac.png"); background-position: left top; }
[data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.delete > span{ background-image: url("../img/common_icon/icon_delete_mac.png"); background-position: left top; }

.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: 28px; font-family: "Carmen Sans";
    font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; text-align: center;
    padding-top: 2px; padding-bottom: 6px; /*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;}
[data-wv-os="Mac"] .btn_style_3_con .btn_style_3 { padding-top: 3px; padding-bottom: 5px; }
[data-wv-pc="mobile"] .btn_style_3_con .btn_style_3 { padding-top: 3px; padding-bottom: 5px; }
.btn_style_3_con .btn_style_3.auto{padding-right: 10px; padding-left: 10px;}
.btn_style_3_con .btn_style_3.auto.notice_btn.active{background-color:#6738ff; color:#fff;}
.btn_style_3_con .btn_style_3.type_2{width: 100px; height: 35px; padding-top: 5px; padding-bottom: 7px; border-radius: 5px;
    font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.045em; font-weight: 500;}
[data-wv-os="Mac"] .btn_style_3_con .btn_style_3.type_2 { padding-top: 7px; padding-bottom: 5px;}
[data-wv-pc="mobile"] .btn_style_3_con .btn_style_3.type_2 { padding-top: 7px; padding-bottom: 5px;}
.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.disabled{opacity: 0.3;}
.input_style_0_con > span, .input_style_0_con > .calendar_con span{position: relative; display: inline-block; width: 100%; 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: 13px; }/*view page*/
.input_style_0_con > span { padding-top: 3px; }
.input_style_0{position: relative; width: 100%; height: 53px; padding: 0px 19px 1px 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; text-align: left; border:1px solid transparent; outline: none; box-sizing: border-box; -webkit-appearance: none; }
[data-wv-os="Mac"] .input_style_0 { padding: 0 19px 2px; }
[data-wv-pc="mobile"] .input_style_0 { padding: 0 19px 2px; }
.input_style_0.font_roboto{padding-top: 5px; padding-bottom: 3px;}
.input_style_0.strong { color: #000; font-weight: 500; }
.input_style_0.w-auto{width:auto;}
.input_style_0::-webkit-input-placeholder{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-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-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-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:disabled{ background-color: rgba(0,0,0,0.3) !important; color: rgba(0,0,0,0.6) !important; }
.input_style_0_con.file_add{margin-bottom:10px; font-size:0; line-height:0;}
.input_style_0_con.file_add .admin_crud_file_con{font-size:0; line-height:0;}
.input_style_0_con.file_add .admin_crud_file_con{width:calc(100% - 146px);}
.input_style_0_con.file_add .admin_crud_file_con .file_button{vertical-align: middle;}
.input_style_0_con.file_add .admin_crud_file_con .file_delete{vertical-align: middle;}
.input_style_0_con.file_add .btn_small{vertical-align: middle;}
.input_style_0_con.file_add:last-child{margin-bottom:0;}

.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.popup .input_style_0 { max-width: 500px; }


.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:#6738ff; 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:#6738ff;
    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; cursor: pointer; 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: 0px; display: inline-block; vertical-align: middle;}
.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-size: 15px 11px; background-position: center center; background-repeat:no-repeat;}
[data-wv-os="Mac"] .check_btn_style_0_con .check_btn_style_0:checked + label:before { background-image: url("../img/common_icon/icon_save_check_mac.png"); background-size: 15px 15px; }
[data-wv-pc="mobile"] .check_btn_style_0_con .check_btn_style_0:checked + label:before { background-image: url("../img/common_icon/icon_save_check_mac.png"); background-size: 15px 15px; }

.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:#6738ff; 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: 5px; margin-left: 5px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.045em; font-weight: 400; color:#616dab;}
.check_btn_style_0_con .check_btn_style_0.type_4 + label{cursor:pointer; display:inline-block; margin-left: 4px; padding-top: 3px; padding-bottom: 2px; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.045em; font-weight: 400; color:#616dab;}

/* 200907 min - 블럭 템플릿 관리 merge 화면에서 2depth category를 위한 css */
.check_btn_style_0_con.merge_has_2_depth .check_btn_style_0 + label:before{width: 24px; height: 2px; box-sizing: border-box; top: calc(50% - 1px); left: 2px; border-radius: 0px;}
.check_btn_style_0_con.merge_has_2_depth .check_btn_style_0 + label{cursor: default;}
/* !200907 min - 블럭 템플릿 관리 merge 화면에서 2depth category를 위한 css! */

/* 200907 min - 블럭 템플릿 관리 list 화면에서 2depth category를 위한 css */
.check_btn_style_0_con.list_category_1_depth{padding-right: 19px; margin-right: 16px; display: inline-flex; flex-wrap: nowrap; align-items: center;}
.check_btn_style_0_con.list_category_1_depth::after{content: ""; top: 3px; right: 0; height: calc(100% - 6px); position: absolute; border-right: 1px solid #e3ecff;}
.list_category_has_2_depth .check_btn_style_0_con{display: inline-flex; flex-wrap: nowrap; align-items: center;}
.list_category_has_2_depth .check_btn_style_0_con.list_category_1_depth{padding-right: 16px; margin-right: 12px;}
.list_category_has_2_depth .check_btn_style_0_con.list_category_1_depth .check_btn_style_0{position: absolute;}
.list_category_has_2_depth .check_btn_style_0_con.list_category_1_depth .check_btn_style_0 + label{padding-left: 0; margin-left: 0;}
.list_category_has_2_depth .check_btn_style_0_con.list_category_1_depth .check_btn_style_0 + label:before{content: none;}
.list_category_has_2_depth .check_btn_style_0_con.list_category_1_depth::after{content: ""; border-right: none; position: absolute; top: calc(50% - 5px); right: 0px; width: 5px; height: 9px; background-image: url('../img/5x9_616db3_arrow.png');}
.list_category_has_2_depth .check_btn_style_0_con:last-child{padding-right: 19px; margin-right: 16px;}
.list_category_has_2_depth .check_btn_style_0_con:last-child::after{content: ""; top: 2px; right: 0; height: calc(100% - 4px); position: absolute; border-right: 1px solid #e3ecff;}
.check_btn_style_0_con.list_category_1_depth:last-child{padding-right: 0;}
.check_btn_style_0_con.list_category_1_depth:last-child::after{content: none;}

/* !200907 min - 블럭 템플릿 관리 list 화면에서 2depth category를 위한 css! */

/* 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: 0; 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; vertical-align: top; position: relative; padding-top: 4px; padding-bottom: 2px; word-break: keep-all;}
.radio_btn_style_0_con .radio_btn_style_0 + label:before{content: ''; position: absolute; width: 27px; height: 27px; top: 0; 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: 1px solid transparent; border-bottom: 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; }
[data-wv-os="Mac"] .select_style_0_wrap .selected_item { background-image: url("../img/common_icon/icon_arrow_bottom_12x7_mac.png"); }
[data-wv-pc="mobile"] .select_style_0_wrap .selected_item { background-image: url("../img/common_icon/icon_arrow_bottom_12x7_mac.png"); }
.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; border-top: 1px solid #95b6ff; border-left: 1px solid #95b6ff; border-right: 1px solid #95b6ff;}
.select_style_0_wrap .selected_item.active + .select_style_0_con{ border-bottom-color: #95b6ff; border-left-color: #95b6ff; border-right-color: #95b6ff;}
.select_style_0_wrap .selected_item.active + .select_style_0_con::-webkit-scrollbar{width: 2px;}
.select_style_0_wrap .selected_item.active + .select_style_0_con::-webkit-scrollbar-thumb{background-color: #6d97f2; border-radius: 10px;}
.select_style_0_wrap .selected_item.active + .select_style_0_con::-webkit-scrollbar-track{background-color: transparent;}
/*.select_style_0_wrap .selected_item.active + .select_style_0_con .select_style_0{ border-bottom: 1px solid #95b6ff; border-left: 1px solid #95b6ff; border-right: 1px solid #95b6ff;}*/
.select_style_0_wrap .select_style_0_con{display:none; position: absolute; width:100%; max-height: 210px; overflow-y: auto; box-sizing: border-box;  z-index: 1; border: 1px solid transparent; border-top: 0px none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: .3s; background-color: #ecf2ff;}
.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:16px; padding-bottom: 16px; 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: 9px; padding-bottom: 11px; padding-left:16px; padding-right:15px; background-position: right 15px center;}
[data-wv-pc="mobile"] .select_style_0_wrap.type_2 .selected_item { padding-top: 8px; padding-bottom: 12px; }
.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; text-align: left;
    border:1px solid transparent; outline: none; box-sizing: border-box; overflow-y: auto; margin-bottom: 0;}
[data-wv-default-field="editor"] .textarea_style_1 { padding: 32px 50px 22px 32px; }
.textarea_style_1.font_roboto{padding-top: 5px; padding-bottom: 3px;}
.textarea_style_1::-webkit-input-placeholder{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-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-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-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.height250{height: 250px;}
.textarea_style_1.height600{height: 600px;}

.textarea_style_1_con > span{position: relative; display: inline-block; width: 100%; 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; background-size: 25px 9px; 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;}
[data-wv-os="Mac"] .toggle.new_type .toggle--btn:before {background: url("../img/common_icon/icon_toggle_off_mac.png") no-repeat 40% center; background-size: 25px 9px; }
[data-wv-pc="mobile"] .toggle.new_type .toggle--btn:before {background: url("../img/common_icon/icon_toggle_off_mac.png") no-repeat 40% center; background-size: 25px 9px; }
.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; background-size: 18px 9px; left:0; background-color: transparent; border-radius:0;}
[data-wv-os="Mac"] .toggle.new_type .toggle--checkbox:checked + .toggle--btn:before { background: url("../img/common_icon/icon_toggle_on_mac.png") no-repeat 100% center; background-size: 18px 9px; }
[data-wv-pc="mobile"] .toggle.new_type .toggle--checkbox:checked + .toggle--btn:before { background: url("../img/common_icon/icon_toggle_on_mac.png") no-repeat 100% center; background-size: 18px 9px; }
.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.is_custom .toggle--btn:before {background-image: url("../img/icon_toggle_auto.png"); background-size: 25px 14px;}
.toggle.new_type.is_custom .toggle--checkbox:checked + .toggle--btn:before {background-image: url("../img/icon_toggle_manual.png"); background-size: 25px 13px;}

.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.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; display: flex; flex-wrap: wrap; align-items: stretch;}
.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:#6738ff;}
.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; position: relative;}
.info_list_style_con.type_3 .info_title{margin-bottom: 11px;}
.info_list_style_con.type_3 .info_title.margin_helve{margin-bottom: 8px;}
.info_list_style_con.type_3 .info_list{width: 100%; margin-bottom: 33px; padding-left: 0; text-align: left;}
.info_list_style_con.type_3 .info_list_inner{width: auto; float: left;}
.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% - 8px); top:3px; display: none;}
.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;}*/

.info_list_style_con.type_3 .btn_style_1_con{ position: absolute; top: 0; right: 0; }
.info_list_style_con.type_3 .btn_style_1_con.extension { top: 50%; }

/* 커스텀뷰(고객센터) 에서 쓸 리스트 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;}


/* IE 브라우저 미지원 팝업 관련 css */
.popup_style_4_wrap{height:100vh; position: fixed !important; z-index: 999999; top: 100%; margin-top: 0 !important; left: 0 !important; margin-left: 0 !important; display:block;
    transition:top .6s ease;}
[data-wv-agent="ie"] .popup_style_4_wrap{display: none;}
.popup_style_4_wrap .popup_style_4_con{height: 100%; overflow-y: auto; background-color: #fff;}
.popup_style_4_wrap .popup_style_4_inner{display: flex; flex-direction: column; height: 100%;}
.popup_style_4_wrap.reverse .popup_style_4_content_con{background-color: #f8f7fc;}
.popup_style_4_wrap .popup_style_4_content_con{flex:1 0 auto; -ms-flex: 1 0 auto; padding-top: 96px; padding-bottom: 90px; background-color: #fff; box-sizing: border-box;}
.popup_style_4_wrap.type_2 .popup_style_4_content_con{ padding-top: 41px; padding-bottom: 60px; }

.exit_btn_wrap{z-index: 10; position:sticky; position: -webkit-sticky; overflow: hidden; right: 20px; top:21px; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; margin-bottom: -60px;}
.exit_btn_wrap .exit_btn{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color:#6738ff; border-radius: 50%; z-index: 100;}
.exit_btn_wrap .exit_btn::after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background-color:#6738ff; border-radius: 50%; overflow:hidden; z-index: 0; transition: width .2s, height .2s;}
.exit_btn_wrap.type_2{top: 36px;}
.exit_btn_wrap.type_2 .exit_btn::after { width: 40px; height: 40px; background-color: #fff; }
.exit_btn_wrap .exit_btn > svg { width: 14px; z-index: 1; }

.exit_btn_wrap{right: 10px; top:14px; margin-bottom: -80px; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; }
.exit_btn_wrap.type_2 { margin-bottom: -60px; width: 60px; height: 60px; top: 28px; right: 17px;}
.exit_btn_wrap .exit_btn:hover::after { width: 50px; height: 50px; }
.exit_btn_wrap.type_2 .exit_btn { width: 40px; height: 40px;}
.exit_btn_wrap.type_2 .exit_btn:hover::after { width: 50px; height: 50px; }

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


@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_inner{width: unset; float: none;}

    .info_list_style_con.type_3 .info_list::after { display: block; }
    .info_list_style_con.type_3 .info_list:nth-child(2n)::after { display: block; }
    .info_list_style_con.type_3 .info_list:nth-child(2n+1)::after { display: none; }
    .info_list_style_con.type_3 .info_list:nth-child(2)::after { height: calc(100% - 37px); }
    .info_list_style_con.type_3 .info_list:first-child { padding-bottom: 40px; }
    .info_list_style_con.type_3 .info_list:nth-child(3) { padding-bottom: 20px; }
    .info_list_style_con.type_3 .btn_style_1_con.extension { top: auto; right: auto; bottom: 0;}
    .info_list_style_con.type_3 .btn_style_1_con { right: auto; left: 30px; top: 60px; }
}

@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: #6738ff;}
    .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_1_con .btn_style_1.upgrade > span { position: relative; transition: padding-right .2s;}
    .btn_style_1_con .btn_style_1.upgrade:hover > span { padding-right:15px; }
    .btn_style_1_con .btn_style_1.upgrade > span::after { content: ''; position: absolute; top: 7px; right: 0; width: 0; height: 10px; background-image: url("/weven_template/theme/weven/resource/img/arrow_fff_6x10_right.png"); background-position: center center; background-repeat: no-repeat; background-size: 6px 10px; transition: width .2s; }
    [data-wv-os="Mac"] .btn_style_1_con .btn_style_1.upgrade > span::after { top: 2px; background-image: url("/weven_template/theme/weven/resource/img/retina/arrow_fff_6x10_right_mac.png"); }
    [data-wv-pc="mobile"] .btn_style_1_con .btn_style_1.upgrade > span::after { top: 2px; background-image: url("/weven_template/theme/weven/resource/img/retina/arrow_fff_6x10_right_mac.png"); }
    .btn_style_1_con .btn_style_1.upgrade:hover > span::after { width: 6px; }

    .btn_style_2_con .btn_style_2:hover{color:#fff; background-color: #6738ff; border-color: #6738ff;}
    .btn_style_2_con .btn_style_2.post_add:hover > span{background-image: url("../img/common_icon/icon_post_add_h.png");}
    [data-wv-os="Mac"] .btn_style_2_con .btn_style_2.post_add:hover > span{background-image: url("../img/common_icon/icon_post_add_h_mac.png");}
    [data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.post_add:hover > span{background-image: url("../img/common_icon/icon_post_add_h_mac.png");}
    .btn_style_2_con .btn_style_2.group_add:hover > span{background-image: url("../img/common_icon/icon_group_add_h.png");}
    [data-wv-os="Mac"] .btn_style_2_con .btn_style_2.group_add:hover > span{background-image: url("../img/common_icon/icon_group_add_h_mac.png");}
    [data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.group_add:hover > span{background-image: url("../img/common_icon/icon_group_add_h_mac.png");}
    .btn_style_2_con .btn_style_2.type_5.group_add:hover > span{background-image: url("../img/common_icon/icon_group_add.png");}
    .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");}
    [data-wv-os="Mac"] .btn_style_2_con .btn_style_2.go_to_list:hover > span{background-image: url("../img/common_icon/icon_list_h_mac.png");}
    [data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.go_to_list:hover > span{background-image: url("../img/common_icon/icon_list_h_mac.png");}
    .btn_style_2_con .btn_style_2.save:hover > span{background-image: url("../img/common_icon/icon_save_check_h.png");}
    [data-wv-os="Mac"] .btn_style_2_con .btn_style_2.save:hover > span{background-image: url("../img/common_icon/icon_save_check_h_mac.png");}
    [data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.save:hover > span{background-image: url("../img/common_icon/icon_save_check_h_mac.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");}
    [data-wv-os="Mac"] .btn_style_2_con .btn_style_2.delete:hover > span{background-image: url("../img/common_icon/icon_delete_h_mac.png");}
    [data-wv-pc="mobile"] .btn_style_2_con .btn_style_2.delete:hover > span{background-image: url("../img/common_icon/icon_delete_h_mac.png");}


    .btn_style_3_con .btn_style_3:hover{color: #6738ff; border-color: #6738ff;}

    .select_style_0_wrap .select_style_0 > li > a:hover{color: #6738ff;}

    .info_list_style_con.type_3 { padding-bottom: 30px; }
    .info_list_style_con.type_3 .btn_style_1_con { top: auto; bottom: 0; }
    .info_list_style_con.type_3 .btn_style_1_con.extension { left: calc(50% + 31px); }
    .info_list_style_con.type_3 .info_list:first-child { padding-bottom: 0; }
    .info_list_style_con.type_3 .info_list:nth-child(3) { padding-bottom: 0; }
    .info_list_style_con.type_3 .info_list:nth-child(2)::after { height: calc(100% - 7px);}
    .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;}

    /* 200908  min - 블럭 템플릿 관리 - list화면 2depth category를 위한 css */
    .list_category_has_2_depth .check_btn_style_0_con.list_category_1_depth:hover .check_btn_style_0 + label{color: #6738ff;}

}