@charset "utf-8";

/* 소스를 넘길 때는 webfont 폴더를 꼭 복사하시고 경로 변경 하세요.*/
/* IE 9 이하버전에서는 font-weight: 800(extrabold)이 반영되지 않음. */


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */




/* input 변경 new **********************************************/

input.input_text {background:#fff; box-sizing:border-box; border:1px solid #e5e5e5; padding:0 10px; height:35px; border-radius:5px; color:#606070; min-width:0 !important}
input.input_text {max-width:100%; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
input.input_text:disabled {background-color:#F1F1F6 !important; cursor:no-drop !important; color:#AEAEB9 !important; -webkit-text-fill-color:#B7B7C5 !important;}
input.input_text:disabled {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); }
input.input_text:focus {border-color:#0351FF !important; color:#21212D; box-shadow:0 0 0 3px rgba(3,81,255,0.2);}
input.number_style {text-align:right}

input.input_text.type_time {position:relative;}
input.input_text.type_time::-webkit-date-and-time-value {text-align:left;}
input.input_text.type_time::-webkit-calendar-picker-indicator {width:100%; height:100%; right:0; cursor:pointer; background: transparent; box-sizing:border-box;}
input.input_text.type_time::-webkit-calendar-picker-indicator {background-size: 16px auto !important; position:absolute; left:0; top:0; box-sizing:border-box;}
input.input_text.type_time {width:115px !important; background:#fff url('../images/ic_time.svg') right 10px center no-repeat !important; background-size:16px !important;}



input.input_text:hover {border-color:#90909F; }
textarea.input_text:hover {border-color:#90909F;}
select:input_text {border-color:#90909F;}
label.input_text:hover {color:#0065e3; text-decoration:underline;}


.input_file {overflow:hidden; position:relative; height:35px; width:100% !important;}
.input_file .fakeFileTxt {background:#fff !important; float:left; width:100%; text-indent:10px; border:0; height:35px; box-sizing:border-box; border:1px solid #e5e5e5 !important; border-radius:5px;}
.input_file .fakeFileTxt {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); position:relative;}
.input_file .fileDiv {background:#f0f0f0; width:100px; height:100%; overflow: hidden; }
.input_file .buttonImg {background:#f0f0f0; width:80px; position: absolute; top:1px; right:1px; color:#666; border:0; box-sizing:border-box; letter-spacing:-1px; height:33px; font-size:11px; font-weight:600;}
.input_file .realFile { font-size:200px; height:100%;  cursor:pointer !important; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}
.input_file .realFile {position:absolute; right:0px; top:0px; width:100%;}


textarea.input_text {width:100%; box-sizing:border-box; background:#fff; box-sizing:border-box; border:1px solid #e5e5e5; padding:10px !important; border-radius:5px; width:100% !important; color:#606070;}
textarea.input_text {max-width:100%; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
textarea.input_text:focus {border-color:#0351FF !important; color:#21212D; box-shadow:0 0 0 3px rgba(3,81,255,0.2) !important;}


label.input_text {height:35px; position:relative; padding-right:13px; color:#21212D; min-width:18px; box-sizing:border-box; white-space:nowrap; font-weight:400 !important; flex:none}
label.input_text {display:inline-flex; justify-content: flex-start; align-items: center; flex-direction:row; cursor:pointer !important; gap:5px}
label.input_text input {width:18px; height:18px; background:#fff; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; cursor:pointer !important; flex:none}
label.input_text input:disabled {background:#f5f5f5;}
label.input_text input:disabled:before {content:""; width:100%; height:100%; background:rgba(255,255,255,0.6);; position:absolute; left:0; top:0;}
label.input_text input {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
label.input_text input[type=radio] {border-radius:100px;}
label.input_text input:after {content:""; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; z-index:2;}
label.input_text input:checked {background:#0351FF; border-color:#0351FF;}
label.input_text input[type=radio]:after {width:6px; height:6px; background:#fff; border-radius:100px; position:absolute; left:6px; top:50%; transform:scale(0,0); -webkit-transform:scale(0,0); margin-top:-3px;}
label.input_text input[type=radio]:checked:after {transform:scale(1,1); -webkit-transform:scale(1,1);}
label.input_text input[type=checkbox]:after {width:18px; height:18px; position:absolute; left:0; top:50%; margin-top:-9px;}
label.input_text input[type=checkbox]:after {background:transparent url('../images/checked.svg') center center no-repeat; background-size:9px 8px;}
label.input_text img {height:35px !important; margin-left:5px;}
label.input_text a {text-decoration:none !important;}
.label_box {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:wrap; width:100%;}



.content_section .form_box_area {position:relative; box-sizing:border-box; flex:1; padding-top:0px; border-radius:20px; background:#fff; padding:20px; margin:20px; border:1px solid #e5e5e5;box-shadow:1px 1px 1px rgb(0, 0, 0, 0.2);}

.content_section .list_TB th {text-align:center; background:#F1F1F6; padding:10px 5px; border:1px solid #d9dee3; font-weight:600; color:#353c43;font-size:13px;font-weight:450}

/*
text-align:center; background:#F1F1F6; padding:10px 5px; border:1px solid #d9dee3; font-weight:600; color:#21212D;
*/


@media (min-width:800px) {

/*
	input.input_text {width:50% !important;}
*/

}


/* 모바일UI (한줄) =========================================================== */
@media screen and (max-width:800px) {

/*
	input.input_text {width:100% !important;}
*/

}



/* 레이아웃 :: 왼쪽메뉴 ========================== */


/*
.aside_second {width:240px; box-sizing:border-box; flex:none; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; margin:20px 0;}

.aside_second {display:flex; justify-content: stretch; align-items: stretch; flex-direction:column;}
.aside_second li {list-style:none; }
.aside_second * {white-space:nowrap;}
*/


.aside_second .ctg3 {font-size:14px; padding:8px 10px; padding-left:15px; display:block; letter-spacing:-0.8px; display:flex; justify-content: flex-start; align-items: center; flex-direction:row;}


/*.aside_second .ctg3:before {content:""; width:4px; height:2px; background:#DCDCE5; margin-right:5px;}*/
.aside_second .ctg3:before {position:absolute;content:"\00a0"; margin-top:9px;width:4px; height:2px;background:#DCDCE5; margin-right:5px;margin-left:-8px}

.aside_second .if_open .ctg2 {background:#fff; border-color:#EBEBF2; padding-left:15px; }
.aside_second .if_open .ctg2:before {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}

.aside_second .hit .ctg3 {color:#0351FF; font-weight:600;}
.aside_second .hit .ctg3:before {background:#0351FF;}

/*.aside_second .ctg2:hover {color:#FF1434;}*/
/*.aside_second .ctg3:hover {text-decoration:underline;}*/


/* 2단메뉴 ---------------------------------------------------------------- */
.aside_second {position:relative; width:185px; float:left; z-index:30; padding:45px 0 35px 0; overflow:hidden;}
.aside_second > a {width:164px; display:inline-block; padding:10px 10px;}
.aside_second > span {width:164px; display:inline-block; padding:10px 10px;font-weight:bold;border-bottom:1px solid #375a7d; background:#ffffff;color:#000;clear:both;}
.aside_second > span > span {float:right;display:inline-block;color:#666;}

.aside_second .menu {color:#666; border-bottom:1px solid #e4e4e4; }
.aside_second .menu:hover {background:#c3d1df;}
.aside_second .menu_on {color:#fff; font-weight:bold; border-bottom:1px solid #375a7d; background:#6f96bd;}



/* 자주찾는메뉴 2013-05-10 ---------------------------------------------------------------- */
.aside_second .favorite_menu {overflow:hidden; margin:0 auto; width:164px;}
/* 2015-01-23 스프라이트이미지삭제 */
.aside_second .favorite_menu .title {display:inline-block; background: transparent url('../images/btn_favorite.png') 0 0 no-repeat; width:164px; height:29px; margin-top:30px;}
.aside_second .favorite_menu .title:hover { background: transparent url('../images/btn_favorite.png') 0 -29px no-repeat; }

.aside_second .favorite_menu .box {background:#f4f4f4;}
.aside_second .favorite_menu .box .fmenu {display:inline-block; width:140px; font-size:13px; color:#666; border-top:1px solid #e0e0e0; padding:7px 10px; letter-spacing:-1px;}
.aside_second .favorite_menu .box .fmenu:hover {color:#ff0000;}
.aside_second .favorite_menu .box a:first-child {border:none;}






/* input 변경 new **********************************************/



/* 아래에서 이동 old 주석처리*/
/*
.content_section .input_text {border:1px solid #c1c1c1; height:20px; line-height:20px; padding:0 5px; color:#000;}
#login .box .right .form_box .input_box .input_text {border:1px solid #c4c4c4; height:33px; width:200px; padding:0 10px; line-height:30px; color:#333; font-family:verdana; font-size:16px; font-weight:bold; margin-bottom:11px;}
.content_section .input_text {border:1px solid #c1c1c1; height:20px; line-height:20px; padding:0 5px; color:#000;}

*/

.content_section .main_total_graph {width:975px; height:180px; margin:20px 20px 20px 0px; overflow:hidden; border:2px solid #c1c1c1; background:#fff url(../images/graph_bg.gif) left top repeat-x; position:relative; } 

.content_section .main_total_graph .article {margin-right:15px; height:34px; overflow:hidden; float:right;}
.content_section .main_total_graph .article li {float:left; color:#333; margin-top:10px; font-size:13px; margin-left:20px;}

.content_section .main_total_graph .article .bar_black {display:inline-block; background:#43464f; width:20px; height:10px; margin-right:5px;}
.content_section .main_total_graph .article .bar_blue {display:inline-block; background:#6f96bd; width:20px; height:10px; margin-right:5px;}
.content_section .main_total_graph .article .bar_red {display:inline-block; background:#eb6d8d; width:20px; height:10px; margin-right:5px;}

.content_section .form_box_area .form_TB .article {padding:2px 10px; background:#f9f9f9; color:#000; font-size:13px; height:40px}


/*
.content_section .form_box_area {border:2px solid #c1c1c1; background:#fff; margin:20px; padding:10px; overflow:hidden;}
*/

/*

.content_section .list_TB th {color:#333; padding:10px; border-bottom:1px solid #c6c6c6; background:#d6d6d6; font-size:13px;}
*/


.content_section .list_TB {width:100%; /*border-top:2px solid #000;*/ background:#fff;}


/* 아래에서 이동 old 주석처리*/





/* <공통> td 좌측 */
.left_td { text-align:left ; padding-left:5px; }

/* 로그인 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#login {width:800px; position:absolute; left:50%; top:50%; margin:-210px 0 0 -400px; overflow:hidden;}

#login .box {width:780px; height:260px; background:#fff; border:10px solid #c3d1d6; overflow:hidden;}

#login .box .left {float:left; width:300px; height:260px; line-height:260px; text-align:center; display:inline-block; background: transparent url(../images/login_bg.png) right center no-repeat;}
#login .box .left img {padding-top:60px;}

#login .box .right {float:right; width:480px;}
#login .box .right .form_box {width:340px; margin:0 auto; padding-top:60px;}

#login .box .right .form_box .type_choice {padding-left:10px; height:30px;}
#login .box .right .form_box .type_choice .choice {font-weight:bold; color:#000; margin-right:20px; vertical-align:top;}
#login .box .right .form_box .type_choice input {margin-right:5px;}

#login .box .right .form_box .input_box {width:200px; float:left;}

#login .box .right .form_box .btn_login {float:right;}
/* 2015-01-23 스프라이트이미지삭제 */
#login .box .right .form_box .btn_login .btn {background: transparent url('../images/btn_login.gif') 0 0 no-repeat; width:110px; height:81px; display:inline-block; cursor:pointer; border:0;}

#login .copyright {text-align:center; font-family:tahoma; color:#ccc; font-size:13px; padding:20px 0; overflow:hidden;}

#login .warning {overflow:hidden; background:#efefef; padding:20px;}
/* 2015-01-23 스프라이트이미지삭제 */
#login .warning .icon {background: transparent url('../images/login_ic.png') 0 0 no-repeat; width:56px; height:56px; display:inline-block; margin-right:20px; float:left;}

#login .warning .text {display:inline-block; float:left;}
#login .warning .text li {font-size:13px; color:#818181; padding:1px 0; }
#login .warning .text li b {color:#333;}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#wrap{height:100%; width:100%; position:relative; overflow:visible; }


/* 헤더 ---------------------------------------------------------------- */
#header{clear:both; position:relative; width:100%; height:45px; z-index:25; background:#43464f; overflow:hidden;}

#header .logo {display:block; height:45px; width:265px; float:left; overflow:hidden; line-height:45px; color:#fff;}
#header .logo .name {color:#fff; font-weight:bold; font-size:2EM; letter-spacing:-2px; margin-left:5px;}
#header .logo .en {color:#999; font-weight:bold; font-size:10px; font-family:tahoma; margin-left:5px;}

#header .title {float:left; padding:10px 0 0 20px;}

#header .today {background: transparent url(../images/today.png) left top no-repeat; width:140px; height:30px; float:left; margin:7px 0 0 20px; position:relative;}
#header .today .year {position:absolute; font-family:tahoma; font-size:13px; font-weight:bold; color:#999; margin:9px 0 0 53px;}
#header .today .month {position:absolute; font-family:tahoma; font-size:13px; font-weight:bold; color:#333; margin:9px 0 0 90px;}
#header .today .day {position:absolute; font-family:tahoma; font-size:13px; font-weight:bold; color:#333; margin:9px 0 0 114px;}

#header .btn {float:right; margin:10px 15px 0 0;}
/* 2015-01-23 스프라이트이미지삭제 */
#header .btn .btn_home {background: transparent url('../images/btn_top_home.gif') 0 0 no-repeat; width:88px; height:23px; display:inline-block; float:left;}
#header .btn .btn_logout {background: transparent url('../images/btn_top_logout.gif') 0 0 no-repeat; width:88px; height:23px; display:inline-block; border:none; float:left; cursor:pointer;}


/* 컨텐츠내용 ---------------------------------------------------------------- */

/* 2단메뉴 보일때 */
.container{background:url(../images/aside_bg.gif) repeat-y; /*z-index:20; position:relative; */min-height:100%; overflow:visible; margin:-45px 0 -36px 0; }
.container:after{clear:both; display:block; height:0; content:''; visibility:hidden}

.container .content_section {float:left; z-index:10; width:100%; margin:45px 0 0 -185px;}
.container .content_section .content_section_fix {margin:0 0 0 185px; height:100%; width:auto; overflow-y:visible;zoom:1;}



/* 1단 메뉴만 나오게 - 단일 메뉴 */
.container_only {background:url(../images/aside_bg_only.gif) repeat-y; /*z-index:20; position:relative; */min-height:100%; overflow:visible; margin:-45px 0 -36px 0; }
.container_only:after{clear:both; display:block; height:0; content:''; visibility:hidden}

.container_only .content_section {float:left; position:relative; z-index:10; width:100%; margin:45px 0 0 -185px;}
.container_only .content_section .content_section_fix {margin:0 0 0 185px; height:100%; width:auto; overflow-y:visible;zoom:1;}




/* 2단메뉴 안보일때 */
.container_hide {background:url(../images/aside_bg_hide.gif) repeat-y; z-index:20; position:relative; min-height:100%; overflow:visible; margin:-45px 0 -36px 0; zoom:1}
.container_hide:after{clear:both; display:block; height:0; content:''; visibility:hidden}

.container_hide .content_section {float:left; position:relative; z-index:10; width:100%; margin:45px 0 0 -185px; zoom:1}
.container_hide .content_section .content_section_fix {margin:0 0 0 0px; height:100%; width:auto; overflow-y:visible;zoom:1;}

.container_hide .aside_second {visibility:hidden;}



/* 1단메뉴 2015-01-23 스프라이트이미지삭제 및 간결하게변경  ---------------------------------------------------------------- */
.aside_first {z-index:20; width:80px; border:0 !important; overflow:visible; position:relative; zoom:1; padding-top:45px; padding-bottom:35px; float:left;}

.aside_first a { width:79px; height:80px; display:inline-block; float:left;}
.aside_first a:hover {background-position:-80px 0}
.aside_first .hit {background-position:-160px 0 !important}

.aside_first .menu_0 {background: transparent url('../images/menu/menu_00.gif') no-repeat;} /* 관리자메인 */
.aside_first .menu_1 {background: transparent url('../images/menu/menu_02.gif') no-repeat;} /* 회원관리 */
.aside_first .menu_2 {background: transparent url('../images/menu/menu_03.gif') no-repeat;} /* 상품설정 */
.aside_first .menu_3 {background: transparent url('../images/menu/menu_04.gif') no-repeat;} /* 주문결제 */
.aside_first .menu_4 {background: transparent url('../images/menu/menu_01.gif') no-repeat;} /* 환경설정 */
.aside_first .menu_5 {background: transparent url('../images/menu/menu_07.gif') no-repeat;} /* 일반관리 */
.aside_first .menu_6 {background: transparent url('../images/menu/menu_06.gif') no-repeat;} /* 배너팝업 */
.aside_first .menu_7 {background: transparent url('../images/menu/menu_09.gif') no-repeat;} /* sms메일링 */
.aside_first .menu_8 {background: transparent url('../images/menu/menu_08.gif') no-repeat;} /* 로그분석 */


.aside_first .menu_9 {background: transparent url('../images/menu/menu_05.gif') no-repeat;}  /*게시판관리 */


/* 여기서부터는 추가적인 관리자메뉴 */
.aside_first .menu_10 {background: transparent url('../images/menu/menu_10.gif') no-repeat;} /*  */
.aside_first .menu_11 {background: transparent url('../images/menu/menu_11.gif') no-repeat;} /*  */
.aside_first .menu_12 {background: transparent url('../images/menu/menu_12.gif') no-repeat;} /*  */
.aside_first .menu_13 {background: transparent url('../images/menu/menu_13.gif') no-repeat;} /*  */




.aside_first .menu_20 {background: transparent url('../images/menu/menu_20.gif') no-repeat;} /*  */
.aside_first .menu_21 {background: transparent url('../images/menu/menu_21.gif') no-repeat;} /*  */


.aside_first .menu_22 {background: transparent url('../images/menu/menu_22.gif') no-repeat;} /*  */



.aside_first .menu_23 {background: transparent url('../images/menu/menu_23.gif') no-repeat;} /*  */
.aside_first .menu_24 {background: transparent url('../images/menu/menu_24.gif') no-repeat;} /* 메뉴주문 */

.aside_first .menu_25 {background: transparent url('../images/menu/menu_25.gif') no-repeat;} /* 상품권관리 */


.aside_first .menu_26 {background: transparent url('../images/menu/menu_26.gif') no-repeat;} /* 디자인관리 */
.aside_first .menu_27 {background: transparent url('../images/menu/menu_27.gif') no-repeat;} /* 가맹점관리 */
.aside_first .menu_28 {background: transparent url('../images/menu/menu_28.gif') no-repeat;} /* 공급사관리 */
.aside_first .menu_29 {background: transparent url('../images/menu/menu_29.gif') no-repeat;} /* 수당관리 */
.aside_first .menu_30 {background: transparent url('../images/menu/menu_30.gif') no-repeat;} /* 고객지원 */
.aside_first .menu_31 {background: transparent url('../images/menu/menu_31.gif') no-repeat;} /* 조직관리 */
.aside_first .menu_32 {background: transparent url('../images/menu/menu_32.gif') no-repeat;} /* 카테고리관리 */
.aside_first .menu_33 {background: transparent url('../images/menu/menu_33.gif') no-repeat;} /* 지갑관리 */

.aside_first .menu_34 {background: transparent url('../images/menu/menu_34.gif') no-repeat;} /* 조직도관리 */


/*
.aside_first .menu_0_on {background: transparent url('../images/menu/menu_00.gif') -160px 0 no-repeat;}
.aside_first .menu_1_on {background: transparent url('../images/menu/menu_01.gif') -160px 0 no-repeat;}
.aside_first .menu_2_on {background: transparent url('../images/menu/menu_02.gif') -160px 0 no-repeat;}
.aside_first .menu_3_on {background: transparent url('../images/menu/menu_03.gif') -160px 0 no-repeat;}
.aside_first .menu_4_on {background: transparent url('../images/menu/menu_04.gif') -160px 0 no-repeat;}
.aside_first .menu_5_on {background: transparent url('../images/menu/menu_05.gif') -160px 0 no-repeat;}
.aside_first .menu_6_on {background: transparent url('../images/menu/menu_06.gif') -160px 0 no-repeat;}
.aside_first .menu_7_on {background: transparent url('../images/menu/menu_07.gif') -160px 0 no-repeat;}
.aside_first .menu_8_on {background: transparent url('../images/menu/menu_08.gif') -160px 0 no-repeat;}
*/




/* 2단메뉴 열기/닫기 2013-04-04 ---------------------------------------------------------------- */
.content_section .open_close {position:absolute; margin-top:13px;cursor:pointer;}
/* 2015-01-23 스프라이트이미지삭제 */
.content_section .open_close .btn_close {background: transparent url('../images/btn_menuopen.gif') 0 0 no-repeat; width:9px; height:36px; display:inline-block;}
.content_section .open_close .btn_open {background: transparent url('../images/btn_menuopen.gif') -9px 0 no-repeat; width:9px; height:36px; display:none;}



/* 페이지 큰타이틀 ------------------------------------- */
.content_section .title_area {background:#fff; border-bottom:1px solid #bac0c6; padding:15px 30px; overflow:hidden;}
/* 2015-01-23 스프라이트이미지삭제 */
.content_section .title_area .icon {background: transparent url('../images/bullet_title.png') 0 0 no-repeat; width:20px; height:26px; display:inline-block; float:left; margin:3px 10px 0 0;}
.content_section .title_area .title {color:#000; font-size:25px; float:left;}
.content_section .title_area .location {float:right; font-size:13px; color:#b3b3b3;}

/* 2013-08-01 추가 */
.content_section .sub_title {margin:10px 20px -15px 20px; overflow:hidden; }
/* 2015-01-23 스프라이트이미지삭제 */

.content_section .sub_title .icon {background: transparent url('../images/bullet_stitle.png') 0 0 no-repeat; width:20px; height:20px; display:inline-block; float:left; margin:5px 0 0 0;}

/*.content_section .sub_title .icon {background: transparent url('../images/bullet_stitle.png') -420px -220px no-repeat; width:20px; height:20px; display:inline-block; float:left; margin:3px 3px 0 0;}*/

.content_section .sub_title .title {float:left; font-size:17px; font-weight:bold;}

/* 페이지 큰타이틀 ------------------------------------- 
.content_section .title_area {background:#fff; border-bottom:1px solid #bac0c6; padding:15px 30px; overflow:hidden;}
.content_section .title_area .icon {background: transparent url(../images/adm_pack.png) -420px -160px no-repeat; width:20px; height:26px; display:inline-block; float:left; margin:3px 10px 0 0;}
.content_section .title_area .title {color:#000; font-size:25px; float:left;}
.content_section .title_area .location {float:right; font-size:13px; color:#b3b3b3;}
*/

/* 메인 추출 2013-05-09 -------------------------------------------------------------------------- */

.content_section .group_title {margin:0 2px 5px 0; overflow:hidden; }
/* 2015-01-23 스프라이트이미지삭제 */
.content_section .group_title .icon {background: transparent url('../images/bullet_stitle.png') 0 0 no-repeat; width:20px; height:20px; display:inline-block; float:left; margin:5px 0 0 0;}
.content_section .group_title .title {float:left; font-size:17px; font-weight:bold;}
.content_section .group_title .btn_area {float:right}

.content_section .main_box_area {width:980px; margin-bottom:20px; overflow:hidden;}

.content_section .main_box_area .last_TB {width:100%; border:2px solid #c1c1c1; background:#fff;}
.content_section .main_box_area .last_TB th {background:#ededed; color:#333; padding:5px; border-left:1px solid #d4d4d4;}
.content_section .main_box_area .last_TB td {border-bottom:1px solid #e1e1e1; vertical-align:middle; padding:4px; border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; text-align:right;}
.content_section .main_box_area .last_TB td:first-child {background:#ededed; text-align:center;}
.content_section .main_box_area .last_TB td b {color:#009cff; font-family:tahoma; font-size:13px;}
.content_section .main_box_area .last_TB td .hit {color:#ff8a00;}




.content_section .main_box_area_wide {width:100%; margin-bottom:20px; overflow:hidden;}

.content_section .main_box_area_wide .last_TB {width:100%; border:2px solid #c1c1c1; background:#fff;}
.content_section .main_box_area_wide .last_TB th {background:#ededed; color:#333; padding:5px; border-left:1px solid #d4d4d4;}
.content_section .main_box_area_wide .last_TB td {border-bottom:1px solid #e1e1e1; vertical-align:middle; padding:4px; border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; text-align:right;}
.content_section .main_box_area_wide .last_TB td:first-child {background:#ededed; text-align:center;}
.content_section .main_box_area_wide .last_TB td b {color:#009cff; font-family:tahoma; font-size:13px;}
.content_section .main_box_area_wide .last_TB td .hit {color:#ff8a00;}


.content_section .main_total_graph .bar_num {position:absolute; background:#000; height:17px; line-height:17px; font-family:tahoma; color:#fff; font-size:13px; padding:0 5px; left:0; top:0;}


.bar_num {z-index:100;display:none;position:absolute; background:#000; height:17px; line-height:17px; font-family:tahoma; color:#fff; font-size:13px; padding:0 5px; left:0; top:0;}

/* 메인그래프 2013-07-30 */

.content_section .main_total_graph .graph_article {overflow:hidden; border-top:1px solid #41444d; }
.content_section .main_total_graph .graph_article li {width:25%; float:left; text-align:center; padding-top:7px; font-weight:bold;}

.content_section .main_total_graph .graph_box {overflow:hidden; position:relative; clear:both; height:115px; }

.content_section .main_total_graph .graph_box .bar_set {width:60px; overflow:hidden; position:absolute; height:115px; left:0; bottom:0;}
.content_section .main_total_graph .graph_box .bar_set li {width:33.3%; height:115px; float:left;}

.content_section .main_total_graph .graph_box .bar_set1 {margin-left:95px;}
.content_section .main_total_graph .graph_box .bar_set2 {margin-left:330px;}
.content_section .main_total_graph .graph_box .bar_set3 {margin-left:567px;}
.content_section .main_total_graph .graph_box .bar_set4 {margin-left:805px;}
.content_section .main_total_graph .graph_box .bar_set5 {margin-left:835px;}

.content_section .main_total_graph .graph_box .bar_black {display:inline-block; background:#43464f; width:13px; height:5px; bottom:0; position:absolute;}
.content_section .main_total_graph .graph_box .bar_blue {display:inline-block; background:#6f96bd; width:13px; height:5px; bottom:0; position:absolute;}
.content_section .main_total_graph .graph_box .bar_red {display:inline-block; background:#eb6d8d; width:13px; height:5px; bottom:0; position:absolute;}

/* 폼/검색영역박스 -------------------------------------  */


.content_section .form_box_area .form_TB {width:100%;}
.content_section .form_box_area .form_TB td {border-bottom:1px solid #e1e1e1; vertical-align:middle; line-height:18px; }



.content_section .form_box_area .form_TB .conts {padding:5px 10px;}
.content_section .form_box_area .form_TB .conts .star {display:block; background:transparent url(../images/default_shop/defalut_shop_pack.png) -610px -60px no-repeat; display:inline-block; width:57px; height:10px; }
.content_section .form_box_area .form_TB .conts .star_color {background:transparent url(../images/default_shop/defalut_shop_pack.png) -610px -80px no-repeat; display:inline-block; width:57px; height:10px; float:left;}

/* 2015-01-23 스프라이트이미지삭제 */
.content_section .form_box_area .form_TB .ic_ess {background: transparent url('../images/bullet_ess.png') 0 0 no-repeat; width:12px; height:10px; display:inline-block; margin-left:5px;}

.content_section .form_box_area .form_TB .multi {margin-right:20px;}
.content_section .form_box_area .form_TB .multi input {margin-right:3px;}

.content_section .form_box_area .form_TB .line {margin:3px 0;}
.content_section .form_box_area .form_TB .line input {margin-right:5px;}

/* 2013-08-01 수정 */
.content_section .form_box_area .form_TB .line {padding:5px 0; border-bottom:1px dashed #ccc}
.content_section .form_box_area .form_TB .line input {margin-right:5px;}


.content_section .input_textSmall {border:1px solid #c1c1c1; height:20px; line-height:20px; padding:0 5px; color:#000; font-size: 11px;}
.content_section .proName {border:1px solid #c1c1c1; height:28px; line-height:28px; padding:0 5px; color:#000; FONT-FAMILY: verdana; font-weight: bold; font-size: 17px;}
.content_section .textarea {border:1px solid #c1c1c1; padding:5px; color:#000;}
.content_section .select {border:1px solid #c1c1c1; padding:3px; color:#666;}
.content_section .form_box_area .form_TB td select {border:1px solid #c1c1c1; padding:3px; color:#333;}


.content_section .mobileName {border:1px solid #c1c1c1; float:left;height:28px; margin-right:10px;line-height:28px; padding:0 5px; color:#8f959a; FONT-FAMILY: verdana; font-weight: bold; font-size: 14px;}
.content_section .mobileName_st {border:1px solid #c1c1c1; float:left;height:28px; margin-right:10px;line-height:28px; padding:0 5px; color:#43464f; FONT-FAMILY: verdana; font-weight: bold; font-size: 14px;}


/* 리스트 자리잡기 */
.content_section .content_section_inner {margin:20px; overflow:hidden; }


/*  버튼영역 -------------------------------------  */
.content_section .bottom_btn_area {text-align:center; overflow:hidden; margin-bottom:50px;}
.content_section .top_btn_area {text-align:center; margin:10px 0; overflow:hidden;}
.content_section .ctr_btn_area {margin-bottom:5px; float:right;}
.content_section .ctl_btn_area {margin:5px 0px; float:left;}
.content_section .bottom_btn_area .lineup {display:inline-block;}
.content_section .bottom_btn_area .lineup .shop_btn_pack {margin:0 5px}


/* 리스트테이블 */


.content_section .list_TB td {padding:5px; border-left:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; vertical-align:middle; text-align:center;}
.content_section .list_TB td:first-child {border-left:0;}
.content_section .list_TB tr:hover {background:#f6f6f6;}
.content_section .list_TB .left {text-align:left; padding-left:5px; }
.content_section .list_TB .none td {padding:5px; vertical-align:middle; text-align:center; border:0px solid #000;}



.content_section .listb_TB {width:100%; border-top:2px solid #000; background:#fff;}
.content_section .listb_TB td {padding:5px; height:25px;border-left:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; vertical-align:top; text-align:center;}
.content_section .listb_TB td:first-child {border-left:0;border-right:0;}
.content_section .listb_TB td:last-child {border-right:0;}

.content_section .listb_TB .left {text-align:left; padding-left:5px; }
.content_section .listb_TB .none td {padding:5px; vertical-align:top; text-align:center; border:0px solid #000;}




.content_section .listb_TB70 {width:83%; border-top:2px solid #000; background:#fff;float:left;}
.content_section .listb_TB70 td {padding:5px; height:25px;border-left:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; vertical-align:top; text-align:center;}
.content_section .listb_TB70 td:first-child {border-left:0;border-right:0;}
.content_section .listb_TB70 td:last-child {border-right:0;}

.content_section .listb_TB70 .left {text-align:left; padding-left:5px; }
.content_section .listb_TB70 .none td {padding:5px; vertical-align:top; text-align:center; border:0px solid #000;}


.content_section .listb_TB30 {width:16%; border-top:2px solid #000; background:#fff;border-left:10px solid #fff;}
/* .content_section .listb_TB30 {width:14%; border-top:2px solid #000; background:#fff;position:absolute;right:25px}*/

.content_section .listb_TB30 td {padding:5px; height:25px;border-left:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; vertical-align:top; text-align:center;}
.content_section .listb_TB30 td:first-child {border-left:0;border-right:0;}
.content_section .listb_TB30 td:last-child {border-right:0;}

.content_section .listb_TB30 .left {text-align:left; padding-left:5px; }
.content_section .listb_TB30 .none td {padding:5px; vertical-align:top; text-align:center; border:0px solid #000;}



/* 페이지네이트 ----------------------------- 2015-01-23 스프라이트이미지삭제 */
/*
.content_section .list_paginate {text-align:center; overflow:hidden; margin:20px 0 40px 0;}

.content_section .list_paginate .btn {display:inline-block; padding:0 5px;}
.content_section .list_paginate .btn a,
.content_section .list_paginate .btn span {background:transparent url('../images/paginate.gif') no-repeat; display:inline-block;}

.content_section .list_paginate .btn .first {background-position:0 0; width:29px; height:30px;}
.content_section .list_paginate .btn .first:hover {background-position:-118px 0; width:29px; height:30px;}
.content_section .list_paginate .btn .first_none {background-position:-236px 0; width:29px; height:30px;}

.content_section .list_paginate .btn .prev {background-position:-29px 0; width:30px; height:30px;}
.content_section .list_paginate .btn .prev:hover {background-position:-147px 0; width:30px; height:30px;}
.content_section .list_paginate .btn .prev_none {background-position:-265px 0; width:30px; height:30px;}

.content_section .list_paginate .btn .next {background-position:-59px 0; width:30px; height:30px;}
.content_section .list_paginate .btn .next:hover {background-position:-177px 0; width:30px; height:30px;}
.content_section .list_paginate .btn .next_none {background-position:-295px 0; width:30px; height:30px;}

.content_section .list_paginate .btn .last {background-position:-89px 0; width:29px; height:30px;}
.content_section .list_paginate .btn .last:hover {background-position:-207px 0; width:29px; height:30px;} 
.content_section .list_paginate .btn .last_none {background-position:-325px 0; width:29px; height:30px;}


.content_section .list_paginate .number {display:inline-block; vertical-align:top; }
.content_section .list_paginate .number a {line-height:29px; color:#333; font-family:tahoma; font-size:14px; font-weight:bold; padding:0 10px; border-left:1px solid #e2e4ea; display:inline-block}
.content_section .list_paginate .number a:hover {color:#ff0000;}
.content_section .list_paginate .number a:first-child {border:none;}
.content_section .list_paginate .number .hit {color:#ff3a00;}
*/
.lineup { display: inline-block; }
.list_paginate .btn span { display: inline-block;; }
.content_section .list_paginate {text-align:center; padding:30px 0 10px 0; overflow:hidden; position:relative; clear:both}
.content_section .list_paginate a {float:left;}
.content_section .list_paginate .nextprev {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #b0b0b0; float:left;}
.content_section .list_paginate .nextprev .btn {float:left; position:relative;}
.content_section .list_paginate .nextprev .btn .ok {display:none;}
.content_section .list_paginate .nextprev .click .ok {display:block;}
.content_section .list_paginate .nextprev .click .no {display:none;}
.content_section .list_paginate .nextprev .ok {width:40px; height:35px; border-right:1px solid #dbdbdb;  background:#fff}
.content_section .list_paginate .nextprev .ok:hover {background:#f5f5f5;}
.content_section .list_paginate .nextprev .icon {background:transparent url('/pages/images/cm_images/paginate.png') no-repeat; width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px}
.content_section .list_paginate .nextprev .no {width:40px; height:35px; border-right:1px solid #dbdbdb;  background:#fff}
.content_section .list_paginate .nextprev .ok .ic_first {background-position:0 0}
.content_section .list_paginate .nextprev .ok .ic_prev {background-position:-20px 0}
.content_section .list_paginate .nextprev .ok .ic_next {background-position:-40px 0}
.content_section .list_paginate .nextprev .ok .ic_last {background-position:-60px 0}
.content_section .list_paginate .nextprev .no .ic_first {background-position:0 -20px; }
.content_section .list_paginate .nextprev .no .ic_prev {background-position:-20px -20px}
.content_section .list_paginate .nextprev .no .ic_next {background-position:-40px -20px}
.content_section .list_paginate .nextprev .no .ic_last {background-position:-60px -20px}
.content_section .list_paginate .number {float:left; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #b0b0b0; margin:0 15px;}
.content_section .list_paginate .number a {line-height:35px; color:#888; padding:0 15px; font-size:16px; font-family:"calibri" !important; border-right:1px solid #dbdbdb; background:#fff}
.content_section .list_paginate .number a:hover {text-decoration:underline; background:#f5f5f5}
.content_section .list_paginate .number .hit {color:#000;}
.content_section .list_paginate .btn_area {position:absolute; right:0;}

/* SMS 발송 ---------------------------------------------------------------- 2013-08-03 수정 */
.content_section .sms_sv_area {margin:40px 0 40px 40px; overflow:hidden;}
.content_section .sms_mobile {float:left; margin:0 30px 0 0;width:234px; height:420px; background: transparent url(../images/sms_mobile.png) left top no-repeat; position:relative;}
.content_section .sms_mobile .message {width:200px; height:210px; margin:68px 0 0 17px;}
.content_section .sms_mobile .message textarea {width:170px; height:180px; padding:10px 15px;  background:none; border:none; overflow-x:hidden; overflow-y:auto; line-height:20px; color:#000; font-size:14px; font-weight:bold;}
.content_section .sms_mobile .byte {text-align:center; color:#ff0000; font-family:tahoma; font-size:13px; margin-top:5px;}
.content_section .sms_mobile .from {text-align:center; margin-top:42px;}
.content_section .sms_mobile .from input {font-family:tahoma; text-align:center; padding:5px; width:150px; background:none; border:none; letter-spacing:1px; color:#000;}

.content_section .sms_send {float:left; width:284px; height:420px;  background: transparent url(../images/sms_send.png) left top no-repeat; position:relative;}

.content_section .sms_send .add_to {margin:46px 11px 0 25px}
.content_section .sms_send .add_to .phone_num {background:#fff; padding:10px; text-align:center;}
.content_section .sms_send .add_to .phone_num input {width:65px; height:25px; line-height:25px; color:#000; font-family:tahoma; font-size:13px; text-align:center; background: transparent url(../images/adm_pack.png) -420px -400px no-repeat; border:none;}
.content_section .sms_send .add_to .btn_add {width:100%; background:#44474a; border:none; color:#fff; font-size:13px; font-family:dotum; letter-spacing:-1px; height:25px; line-height:25px;}

.content_section .sms_send .add_list {margin:10px 11px 0 25px; background:#fff; padding:10px; overflow:hidden;}
.content_section .sms_send .add_list .list_bg {background: transparent url(../images/adm_pack.png) -420px -440px no-repeat; overflow:hidden;}
.content_section .sms_send .add_list .list_bg select {border:0; background:transparent; width:100%; height:95px; overflow-y:auto; font-family:dotum; color:#000;}
.content_section .sms_send .add_list .btn_area {overflow:hidden; margin-top:5px;}
.content_section .sms_send .add_list .btn_area input {float:left; width:80px; background:#8c8f93; border:none; color:#fff; font-size:13px; font-family:dotum; letter-spacing:-1px; height:20px; line-height:20px; }
.content_section .sms_send .add_list .btn_area .total {float:right}
.content_section .sms_send .add_list .btn_area .total span b {color:#ff4e00; font-size:13px;}

.content_section .sms_send .reserve {margin:8px 11px 0 25px; background:#fff; padding:10px;}
.content_section .sms_send .reserve .check {font-weight:bold; color:#ff4e00; margin-bottom:10px;}
.content_section .sms_send .reserve .date {margin-top:5px; color:#666}
.content_section .sms_send .reserve .date select {color:#000; font-family:tahoma; margin:0 2px; width:55px; border:1px solid #ccc;}

.content_section .sms_send .btn_send {margin:10px 11px 0 25px;}
.content_section .sms_send .btn_send input {border:none; width:100%; background: transparent url(../images/adm_pack.png) -420px -620px no-repeat; height:36px;}



/* 하단 ---------------------------------------------------------------- */
#footer{z-index:10; position:relative; width:100%; height:35px; border-top:1px solid #262b35;background:#e4e4e4; border-top:1px solid #c1c1c1; clear:both;}
#footer .copyright {margin:15px 0 0 10px;}
#footer .gotop {position:absolute; right:0; top:0; margin:6px 10px 0 0 ;}
/* 2015-01-23 스프라이트이미지삭제 */
#footer .gotop .btn_gotop {background:transparent url('../images/btn_gotop.gif') 0 0 no-repeat; display:inline-block; width:75px; height:23px;}




/* <공통> 도움말 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.guide_text { margin:5px 0; display:block; position:relative; padding-left:17px; line-height:16px; clear:both}


/* 2015-01-23 스프라이트이미지삭제 */
.guide_text .ic_blue {background: transparent url('../images/bullet_ic1.png') 0 0 no-repeat; width:12px; height:12px; display:inline-block; margin:0 3px 0 0; position:absolute; left:0; top:3px;}
.guide_text .blue {font-size:12px; color:#0072ca;}
.guide_text .ic_orange {background: transparent url('../images/bullet_ic2.png') 0 0 no-repeat; width:12px; height:12px; display:inline-block; margin:0 3px 0 0; position:absolute; left:0; top:3px;}
.guide_text .orange {font-size:12px; color:#ff5a00; }

.guide_text .ic_red {background: transparent url('../images/bullet_ic3.png') 0 0 no-repeat; width:12px; height:12px; display:inline-block; margin:0 3px 0 0; position:absolute; left:0; top:3px;}
.guide_text .red {font-size:12px; color:#f6445e;font-weight:bold }


.guide_text .replace_item {margin-top:10px}



.guide_text_not { display:block; position:relative; padding-left:17px; height:0px;}
.guide_text_not .ic_blue {background: transparent url('../images/bullet_ic1.png') 0 0 no-repeat; width:12px; height:12px; display:inline-block; margin:0 3px 0 0; position:absolute; left:0; top:3px;}
.guide_text_not .blue {font-size:12px; color:#0072ca;}
.guide_text_not .ic_orange {background: transparent url('../images/bullet_ic2.png') 0 0 no-repeat; width:12px; height:12px; display:inline-block; margin:0 3px 0 0; position:absolute; left:0; top:3px;}
.guide_text_not .orange {font-size:12px; color:#ff5a00; }




/* <공통> TEXT버튼 모음 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* 가운데정렬이 필요한 버튼감싸기!!! float:left 때문에 가운데정렬이 안됨 */
.btn_line_up_center {display:inline-block; *display:inline; *zoom:1;} 
.btn_line_up_right {float:right ; text-align:right; display:inline-block; *display:inline; *zoom:1;} 
.btn_line_up_left {float:left ; text-align:left; display:inline-block; *display:inline; *zoom:1;} 

.shop_btn_pack {float:left; border-radius:8px;}
.shop_btn_pack span {display:inline-block;}
.shop_btn_pack a {display:inline-block; cursor:pointer;}
.shop_btn_pack input {display:inline-block; cursor:pointer; border:none; background:none;
/* ie7에서 가로값 넓어지는거 잡아줌 */ overflow:visible; 
/* 모바일에서 인풋버튼 잡아주기 */ -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; }


/* 간격만들기 */
.shop_btn_pack .blank_3 {margin:3px;} 
.shop_btn_pack .blank_5 {margin:5px;}
.shop_btn_pack .blank_10 {margin:10px;}


/* A버튼 크기 */
.shop_btn_pack .small {padding:0 7px; height:20px; line-height:21px; font-size:13px; font-family:dotum; letter-spacing:-1px;border-radius:8px;}
.shop_btn_pack .medium {padding:0 15px; height:28px; line-height:28px; font-size:13px; font-weight:bold; border-radius:8px;}
.shop_btn_pack .large {padding:0 25px; height:38px; line-height:38px; font-size:15px; font-weight:bold;}

/* 버튼 컬러 */
.shop_btn_pack .white {color:#5e5a5a!important; border:1px solid #ababab!important; background:#ffffff!important;}
.shop_btn_pack .white:hover {color:#0072ca!important; border:1px solid #333!important; background:#ffffff!important;}

.shop_btn_pack .gray {color:#ffffff!important; border:1px solid #575757!important; background:#8f959a!important;}
.shop_btn_pack .gray:hover {color:#ffffff!important; border:1px solid #000000!important; background:#333!important;}

.shop_btn_pack .blue {color:#fff!important; border:1px solid #003abc!important; background:#0072ca!important;}
.shop_btn_pack .blue:hover {color:#fff!important; border:1px solid #001a54!important; background:#005292!important;}

.shop_btn_pack .red {color:#fff!important; border:1px solid #c10b26!important; background:#f6445e!important;}
.shop_btn_pack .red:hover {color:#fff!important; border:1px solid #7f0013!important; background:#b2001a!important;}


.shop_btn_pack .magenta {color:#fff!important; border:1px solid #c10b26!important; background:#d73d94!important;}
.shop_btn_pack .magenta:hover {color:#fff!important; border:1px solid #7f0013!important; background:#4a293e!important;}




/* 인풋버튼 크기 */
.shop_btn_pack .input_small {height:22px; font-size:13px; font-family:dotum; letter-spacing:-1px; text-align:center; border:none; background:none; color:#fff; padding:0 7px;border-radius:5px;}
.shop_btn_pack .input_medium {height:28px; font-size:12px; font-weight:bold; text-align:center; background:none; color:#fff; padding:0 15px;}
.shop_btn_pack .input_large {height:38px; font-size:15px; font-weight:bold; text-align:center; background:none; color:#fff; padding:0 25px;}


.shop_btn_pack .input_large_a {font-size:15px; font-weight:bold; text-align:center; background:none; color:#fff; padding:11px 25px;}


.shop_btn_pack_right .blue {color:#fff!important; border:1px solid #003abc!important; background:#0072ca!important;}
.shop_btn_pack_right .blue:hover {color:#fff!important; border:1px solid #001a54!important; background:#005292!important;}

.shop_btn_pack_right .input_small {height:22px; font-size:13px; font-family:dotum; letter-spacing:-1px; text-align:center; border:none; background:none; color:#fff; padding:0 7px;}


.input_span_small {height:22px; font-size:13px; font-family:dotum; letter-spacing:-1px; text-align:right; border:none; background:none; color:#fff; padding:0 7px;color:#ffffff!important; border:1px solid #575757!important; background:#8f959a!important;}




/* 인풋버튼 컬러 */
.btn_input_white { border:1px solid #d7d7d7!important; background:#ffffff!important;}
.btn_input_white:hover { border:1px solid #a4a4a4!important; background:#dbdbdb!important;}
.btn_input_white input {color:#5e5a5a!important;}
.btn_input_white input:hover {color:#5e5a5a!important;}

.btn_input_gray {border:1px solid #575757!important; background:#8f959a!important;}
.btn_input_gray:hover {border:1px solid #080808!important; background:#333!important;}
.btn_input_gray input {color:#ffffff!important;}
.btn_input_gray input:hover {color:#ffffff!important;}

.btn_input_blue {border:1px solid #003abc!important; background:#0072ca!important;}
.btn_input_blue:hover {border:1px solid #001a54!important; background:#005292!important;}
.btn_input_blue input {color:#ffffff!important;}
.btn_input_blue input:hover {color:#ffffff!important;}

.btn_input_red {border:1px solid #c10b26!important; background:#f6445e!important; }
.btn_input_red:hover {border:1px solid #7f0013!important; background:#b2001a!important; }
.btn_input_red input {color:#ffffff!important;}
.btn_input_red input:hover {color:#ffffff!important;}



/* <공통> 상태텍스트아이콘 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-------------------------------*/
.shop_state_pack span {display:inline-block; font-weight:normal; height:17px; line-height:17px; font-size:13px; font-family:dotum; letter-spacing:-1px; color:#fff!important;  padding:0 7px;}
.shop_state_pack .red {background:#ff365c!important;}
.shop_state_pack .orange {background:#ff8a00!important;}
.shop_state_pack .green {background:#86ae00!important;}
.shop_state_pack .sky {background:#00a7bc!important;}
.shop_state_pack .blue {background:#0058b4!important;}
.shop_state_pack .purple {background:#8000ec!important;}
.shop_state_pack .gray {background:#474747!important;}
.shop_state_pack .lightgray {background:#aaaaaa!important;}
.shop_state_pack .light {background:#aaaaaa!important;}

.gray {background:#eee;}

/* 우편번호검색 */
.member_ly_pop_post {background:#fff; display:inline-block; overflow:hidden; *display:inline;}
.member_ly_pop_post div, li,span,a,th,td,input,textarea,pre {font-family:NanumGothic;}
.member_ly_pop_post .zipcode {padding:0px; overflow:hidden; position:relative; width:600px;}
.member_ly_pop_post .zipcode .TB_zipcode_list {width:100%; margin-top:0px;}
.member_ly_pop_post .zipcode .TB_zipcode_list th {border:1px solid #b5b5b5; padding:10px; background:#ccc; color:#333;}
.member_ly_pop_post .zipcode .TB_zipcode_list td {border:1px solid #d9d9d9; padding:5px; text-align:center;}



.option_box {background: #E8EBEE;border: 1px solid #A0A7AD;margin-top: 7px;}
.pro_option {padding: 5px;}


/* 2015-09-08 옵션데이터창 수정 */
.new_option_box {padding:20px;}
.new_option_box .title_box {text-align:center; font-size:19px; color:#fff; background:#313541; padding:15px 0; border-radius:5px 5px 0 0;}
.new_option_box .bottom_btn_area {margin-top:20px}

.option_data_top {background:#fff; border:1px solid #ccc; border-top:0; padding:15px 180px 15px 15px; position:relative; overflow:hidden; min-height:70px}
.option_data_top:before {content:''; width:1px; height:100%; background:#ddd; position:absolute; right:160px; top:0;}
.option_data_top .btn_box {position:absolute; right:20px; top:50%; width:120px; margin-top:-33px;}
.option_data_top .btn_box .shop_btn_pack {width:120px; text-align:center; margin-bottom:5px}
.option_data_top .btn_box .shop_btn_pack a {display:block; padding:0}

.option_data_box {overflow:hidden; background:#eee; border:2px solid #666; margin:20px 0;}
.option_data_box li {position:relative; border-top:1px dashed #ccc;}

.option_data_box .opt {position:absolute; left:0; top:0; text-align:center; width:100px; padding:10px 0}
.option_data_box .opt .txt {font-size:13px; font-weight:600; color:#000}
.option_data_box .opt .shop_btn_pack {float:none; margin-top:5px; display:none}

.option_data_box .value {margin:0 120px 0 100px; background:#fff; padding:15px 10px 15px 15px; border-left:1px solid #ddd; border-right:1px solid #ddd; overflow:hidden; min-height:45px}
.option_data_box .value .txt_box {display:block; margin:0 0 4px 0; font-size:13px;}
.option_data_box .value .wrapping_name {float:left; margin-right:5px }
.option_data_box .value .wrapping_num {float:left; margin-right:5px }
.option_data_box .value .input_design {line-height:25px; padding:0 5px; border:1px solid #ccc; width:200px; float:left;}
.option_data_box .value .input_design:focus {border:1px solid #333;}
.option_data_box .value .input_design:disabled {background:#eee;}
.option_data_box .value .input_number {width:40px; text-align:right; font-weight:600}
.option_data_box .value .input_price {width:60px; text-align:right; font-weight:600}

.option_data_box .btn_delete {position:absolute; right:10px; top:10px;}
.option_data_box .btn_updown {position:absolute; right:50px; top:10px;}
.option_data_box .btn_updown .shapeup {display:inline-block; width:0; height:0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #c52121; margin-top:7px}
.option_data_box .btn_updown .shapedw {display:inline-block; width:0; height:0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #415685; margin-top:7px}
.option_data_box .btn_updown .shop_btn_pack:first-child a {border-right:0 !important}
.option_data_box .btn_add {position:absolute; right:50px; bottom:10px}
.option_data_box .btn_add a {width:53px; padding:0; text-align:center;}
.option_data_box .btn_hide {position:absolute; right:10px; bottom:10px; width:36px; height:22px; text-align:center; background:transparent url('../images/addoption_ckecked.png') left bottom no-repeat;}
.option_data_box .btn_hide input {margin-top:4px; width:0; height:0;;}

.option_data_box li:first-of-type {border-top:0}
.option_data_box li:hover .value {background:#ddd;}
.option_data_box .depth_1 {border-top:1px solid #666;}
.option_data_box .depth_2 {padding-left:100px; background:#f7f7f7 url('../images/next_depth_icon.gif') 50px center no-repeat;}
.option_data_box .depth_2 .opt {left:100px}
.option_data_box .depth_3 {padding-left:200px; background:#f7f7f7 url('../images/next_depth_icon.gif') 150px center no-repeat;}
.option_data_box .depth_3 .opt {left:200px}

.option_data_box .if_nextdepth .opt .shop_btn_pack {display:block}
.option_data_box .if_nextdepth .wrapping_num {display:none}

.option_data_box .if_option_hide .value {background:#eee;}
.option_data_box .if_option_hide:hover .value {background:#eee;}
.option_data_box .if_option_hide .btn_hide {background-position:left top;}



.option_data_top_type2 {background:#fff; border:1px solid #ccc; border-top:0; position:relative; overflow:hidden;}
.option_data_top_type2 .txt_box {border-bottom:1px solid #ccc; padding:0 15px; line-height:45px; font-size:15px;  background:#eee; position:relative; font-weight:600}
.option_data_top_type2 .wrapping {padding:15px 180px 15px 15px; }
.option_data_top_type2 .btn_ctrl {position:absolute; right:20px; top:50%; margin-top:-16px}
.option_data_top_type2 .btn_ctrl .shop_btn_pack {width:120px; text-align:center; margin-bottom:5px}
.option_data_top_type2 .btn_ctrl .shop_btn_pack a {display:block; padding:0}
.option_data_top_type2:before {content:''; width:1px; height:100%; background:#ddd; position:absolute; right:160px; top:45px;}
.option_data_top_type2 .btn_box {position:absolute; right:20px; top:50%; width:120px; margin-top:-15px;}
.option_data_top_type2 .btn_box .shop_btn_pack {width:120px; text-align:center; margin-bottom:5px}
.option_data_top_type2 .btn_box .shop_btn_pack a {display:block; padding:0}
.option_data_top_type2 .file_upload {margin-bottom:10px; overflow:hidden;}
.option_data_top_type2 .btn_ctrl .btn_open {display:none;}

.option_data_top_type2.if_open {border-bottom:0;} 
.option_data_top_type2.if_open .btn_ctrl .btn_close {display:none}
.option_data_top_type2.if_open .btn_ctrl .btn_open {display:block}
.option_data_top_type2.if_open .wrapping {display:none}




/* ●●●●●●●●●● 내용없음 */
.cm_no_conts_admin {text-align:center; overflow:hidden; padding:40px 0 50px 0;}
.cm_no_conts_admin .no_icon {background:transparent url('../images/no_conts.png') center bottom no-repeat; height:150px;}
.cm_no_conts_admin .gtxt {color:#b2b2b2 !important; margin-top:15px}


/*
.cm_no_conts_admin {text-align:center; overflow:hidden; padding:30px 0 30px 0;}
.cm_no_conts_admin .no_icon {background:transparent url('../images/cm_images/no_conts.png') center bottom no-repeat; height:70px; background-size:60px;}
.cm_no_conts_admin .gtxt {color:#b2b2b2 !important; margin-top:10px; font-size:13px}
*/


/* ●●●●●●●●●● <공통> 인풋파일 file 눈속임디자인  */
.input_file_box {background:#fff; border:1px solid #ccc; overflow:hidden; position:relative;  float:left; height:32px; width:100%;}
.input_file_box:first-child {margin-top:0}
.input_file_box .fakeFileTxt {background:#fff; float:left; width:100%; color:#999; margin-top:10px; text-indent:10px; border:0; letter-spacing:0px;}
.input_file_box .fileDiv { background:#fff; width:100px; height:100%; overflow: hidden; }
.input_file_box .buttonImg {background:#ccc; width:120px; height:100%; position: absolute; top:0; right:0; color:#333; border:0; font-weight:600;}
.input_file_box:hover .buttonImg {background:#666; color:#fff}
.input_file_box .realFile {position:absolute; right:0px; top:0px; width:100%; font-size:200px; height:100%;  cursor:pointer !important; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}
/* 사용법
<div class="input_file_box">
	<input type="text" id="fakeFileTxt" class="fakeFileTxt" readonly="readonly" disabled>
	<div class="fileDiv">
		<input type="button" class="buttonImg" value="파일은 ZIP파일만 업로드 가능합니다." />
		<input type="file" class="realFile" onchange="javascript:document.getElementById('fakeFileTxt').value = this.value" />
	</div>
</div>
*/



/* 정산용테이블 2015-09-24 */
.new_partner_name {font-size:15px; font-weight:600}
.new_partner_id {font-size:13px; margin-top:3px}
.new_order_data_ctrl {margin-top:10px;}

.new_order_area {background:#e1e1e5;}
.new_order_data {border:2px solid #656a7d;  margin:10px;}
.new_order_data table {width:100%; background:#fff;}
.new_order_data thead td {font-weight:600; background:#a1a8c0; color:#fff; border-top:0 !important; border-left:1px solid #6f7489 !important; border-bottom:1px solid #6f7489 !important}
.new_order_data thead td:first-of-type {border-left:0 !important}
.new_order_data tbody td {text-align:center !important; border-top:1px solid #ddd !important; border-bottom:0 !important;}
.new_order_data tbody td:first-of-type {border-left:0 !important}
.new_order_data tbody tr:nth-of-type(2n) {background:#fafafa;}
.new_order_data label {padding:5px}
.new_order_data .price_box {text-align:right !important}
.new_order_data tfoot {background:#656a7d;}
.new_order_data tfoot td {border:0 !important; color:#fff; font-size:13px; padding:15px 8px !important; border-left:1px solid #515567 !important}
.new_order_data tfoot td:first-of-type {border-left:0 !important;}
.new_order_data tfoot tr:hover td {background:#656a7d;}
.new_order_data .item_name {color:#666}
.new_order_data .user_num {margin-top:5px; font-size:13px;}
.new_order_data .price_sum {color:#ff0000}
.new_order_data .price_commiss {color:#159700}
.new_order_data .price_charge {color:#0075bf}

.new_order_data .hide_txt {display:none; color:#c7c9d4; font-weight:600; height:40px; line-height:40px; border-bottom:1px solid #515567; margin-bottom:10px; }
.new_order_data .txt_lin2 {line-height:16px;}

.if_order3_closed .hide_txt {display:block}
.if_order3_closed .new_order_data thead {display:none}
.if_order3_closed .new_order_data tbody {display:none}
.if_order3_closed td:hover {background:#515567 !important;}


.new_order_data_sum {padding:10px !important; border-top:2px solid #333; background:#fff;}
.new_order_data_sum .inner_sum_box {display:inline-block}
.new_order_data_sum .inner_sum_box ul {display:inline-block}
.new_order_data_sum .inner_sum_box li {display:inline-block; float:left; padding:10px 20px; border-left:1px solid #ccc}
.new_order_data_sum .inner_sum_box li:hover {background:#eee;}
.new_order_data_sum .inner_sum_box li:first-of-type {border-left:0}
.new_order_data_sum .inner_sum_box .txt {color:#000; font-size:15px; font-weight:600;}
.new_order_data_sum .inner_sum_box .sum {color:#333; font-size:15px; overflow:hidden;}
.new_order_data_sum .inner_sum_box .value {color:#ff0000; font-size:15px; font-weight:600; position:relative; padding-left:10px; margin-left:10px}
.new_order_data_sum .inner_sum_box .value:after {content:''; position:absolute; left:0; top:3px; width:1px; height:12px; background:#ccc; }


.new_order_data_foot {padding:5px !important; width:50%;background:#eee;}
.new_order_data_foot .inner_sum_box {display:inline-block}
.new_order_data_foot .inner_sum_box ul {display:inline-block}
.new_order_data_foot .inner_sum_box li {display:inline-block; float:left; padding:10px 20px; border-left:1px solid #ccc}
.new_order_data_foot .inner_sum_box li:hover {background:#eee;}
.new_order_data_foot .inner_sum_box li:first-of-type {border-left:0}
.new_order_data_foot .inner_sum_box .txt {color:##2B2B2B; font-size:13px; font-weight:600;}
.new_order_data_foot .inner_sum_box .sum {color:#333; font-size:13px; overflow:hidden;}
.new_order_data_foot .inner_sum_box .value {color:#3162C7; font-size:13px; font-weight:600; position:relative; padding-left:10px; margin-left:10px}
.new_order_data_foot .inner_sum_box .value:after {content:''; position:absolute; left:0; top:3px; width:1px; height:12px; background:#ccc; }




.new_order_data_info {!important; width:100%;background:#fff;text-align:center}
.new_order_data_info .inner_sum_box {display:inline-block}
.new_order_data_info .inner_sum_box ul {display:inline-block}
.new_order_data_info .inner_sum_box li {display:inline-block; float:left; padding:0px 20px; border-left:1px solid #ccc}
.new_order_data_info .inner_sum_box li:hover {background:#eee;}
.new_order_data_info .inner_sum_box li:first-of-type {border-left:0}
.new_order_data_info .inner_sum_box .txt {color:##2B2B2B; font-size:13px; font-weight:600;}
.new_order_data_info .inner_sum_box .sum {color:#333; font-size:13px; overflow:hidden;}
.new_order_data_info .inner_sum_box .value {color:#3162C7; font-size:13px; font-weight:600; position:relative; padding-left:10px; margin-left:10px}
.new_order_data_info .inner_sum_box .value:after {content:''; position:absolute; left:0; top:3px; width:1px; height:12px; background:#ccc; }



/* 2015-10-02 엑셀상품업로드 추가 */
.new_product_upload th {padding:15px !important; border:1px solid #ccc; border-bottom:2px solid #333; height:30px; background:#eee;}
.new_product_upload td {border:1px solid #ccc; padding:15px !important;}










#login_header			{width:100%;padding-top:100px;text-align:center;}
#login_background	{width:100%;margin-top:30px;border-top: 2px solid #ce1126;border-bottom: 2px solid #ce1126;background-color:#FFFFFF;text-align:center; }
#login_content		{width:70%;padding-top:30px;margin-left:15%;margin-right:15%}
#login_bottom			{width:92%;margin-top:10px;margin-left:4%;margin-right:4%;margin-bottom:20px;text-align:center;}
.login_input_padding {margin-top:7px;text-align:left}
.login_input_title{width:70px;float:left;padding-top:5px;text-align:right;}
.login_input_box  {width:230px;float:right;}
.login_input      {width:230px;height:32px;font: normal normal 1.0em/1.4em 'Malgun Gothic';
	                 background-color:transparent; border:1px solid #8A8A8A; line-height:32px; border-radius:2px;  cursor:pointer;}
.login_checkbox   {width:20px;height:20px;vertical-align:bottom;background-color:transparent;}

#find_id_header		{width:100%;padding-top:0;text-align:left;}
.find_id_input    {height:25px;font: normal normal 1.0em/1.4em 'Malgun Gothic';
	                 background-color:transparent; border:1px solid #C1C1C1; line-height:25px; border-radius:2px;  cursor:pointer;}
#find_id_table    {width:100%;border-top:2px solid #d40f21;border-bottom:2px solid #8a8a8a;}
.find_id_td_tilte {background-color:#F1F2F6;text-align:center;border-bottom:1px solid #DDDDDD;}
.find_id_td_content {text-align:left;padding-left:10px;border-bottom:1px solid #DDDDDD;}
.find_id_td_button{float:left;margin-left:10px;}

#find_id_result   {width:100%;margin-top:10px;background-color:#FAFAFA;border-top:2px solid #1383D5;border-bottom:2px solid #8A8A8A;}
.find_result			{width:100%;font: normal normal 1.2em/1.4em 'Malgun Gothic'; color:#1383D5; background-color:transparent;border:0px;text-align:center;}

.join_term				{overflow-y:scroll;height:200px;border: 1px solid #CDCDCD}

.select_birthday  {width:98%;height:25px;font: normal  0.8em/1.6em ''; color:black;}
.span-font-xxsmall{font: normal normal 0.7em/1.4em 'Malgun Gothic'; display:inline-block; }
.span-font 				{font: normal normal 0.8em/1.4em 'Malgun Gothic'; display:inline-block; }
.span-font-xsmall {font: normal normal 0.9em/1.4em 'Malgun Gothic'; display:inline-block; }
.span-font-small	{font: normal normal 1.0em/1.4em 'Malgun Gothic'; display:inline-block; }
.span-font-middle	{font: normal normal 1.1em/1.4em 'Malgun Gothic'; display:inline-block; }
.span-font-big	  {font: normal normal 1.2em/1.4em 'Malgun Gothic'; display:inline-block; }
.span-font-max	  {font: normal normal 1.4em/1.4em 'Malgun Gothic'; display:inline-block; }
.span-font-title	{font: normal bold 	 1.2em/1.4em 'Malgun Gothic'; color:#666666;display:inline-block; }

#contents_title		{width:100%;margin-bottom:20px;border-bottom: 2px solid #1383D5;text-align:left}
#content_tab			{width:100%; height:38px; background-image:url('/images/btn/bg_content_body.jpg'); background-repeat:repeat-x;}
#menu 						{width: 158px; color: #ffffff; text-align: center; border: 1px solid #DFDFDF; }
.mypage-side-menu {width: 158px; color: #ffffff; text-align: center; }
.mypage_point 		{width: 158px; color: #d31021; text-align: center; background-color:#424242; 
									 padding-top:10px;padding-bottom:10px;border-top: 2px solid #d31021;border-bottom: 2px solid #d31021; } 
.bar-choice				{padding-left:5px; padding-top:10px; padding-bottom:10px; border-bottom: 2px solid #d31021;cursor: pointer; background-color:#424242;}
.bar-choice-not		{padding-left:5px; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid #DFDFDF;cursor: pointer;}	
.tr-header    		{width:100%;height:40px;font: normal bold 0.9em/1.0em 'Malgun Gothic';background-color:#F6F4F7;}
.th-header    		{font: normal bold 0.9em/1.0em 'Malgun Gothic';border-top: 1px solid #666666;border-bottom: 1px solid #D0D0D0;}
.tr-content   		{height:35px;border:0px;text-align:center;}
.td-content				{font: normal normal 0.8em/1.0em 'Malgun Gothic'; padding-left:5px;border: 0px;border-bottom: 1px solid #D0D0D0;}	
.table-point			{width:100%;border:0px;}
.point-in					{font: normal normal 0.9em/1.0em 'Malgun Gothic'; color: #1383D5;margin-left:5px;text-align:right; border: 0px;border-bottom: 1px solid #D0D0D0;}
.point-out				{font: normal normal 0.9em/1.0em 'Malgun Gothic'; color: #F04148;margin-left:5px;text-align:right; border: 0px;border-bottom: 1px solid #D0D0D0;}
.faq-qa-line      {width:100%;text-align:left;border-bottom:1px solid #DFDFDF;}
.faq-span-title   {font: normal normal 1.0em/1.4em 'Malgun Gothic'; color: #666666;padding-left:5px;display:inline-block;vertical-align:top;padding-top:11px;}
.faq-span-content {font: normal normal 1.0em/1.4em 'Malgun Gothic'; color: #666666;padding-left:5px;display:inline-block;width:90%;padding-top:10px;padding-bottom:10px;}
.vs-div-header    {width:100%;height:40px;background-color:#F6F4F7;border-top: 1px solid #666666;border-bottom: 1px solid #D0D0D0;text-align:center}
.vs-div-content   {width:100%;border-bottom: 1px solid #D0D0D0;text-align:center;}
.vs-span-title    {font: normal bold 0.8em/1.0em 'Malgun Gothic'; display:inline-block;padding-top:13px;padding-bottom:10px;
									 word-wrap: break-word;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-break:break-all;}
.vs-span-content  {font: normal normal 0.8em/1.6em 'Malgun Gothic'; display:inline-block;padding-top:10px;padding-bottom:10px;
	 								 word-wrap: break-word;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-break:break-all;}
.drop_point       {margin-left:50px; margin-right:50px; border:2px solid #D0D0D0;}
.pass_input    		{height:25px;font: normal normal 1.0em/1.4em 'Malgun Gothic';
	                 background-color:transparent; border:1px solid #8A8A8A; line-height:25px; border-radius:2px;  cursor:pointer;}
	                 
.qna_select 			{width:150px;height:25px;font: normal  0.8em/1.6em ''; color:black;}

/* õ���ǹ� parkgimi 2014-08-27 ���� 4:36:51 */
.PeP_td_input			{font: normal normal 1.3em/1.4em 'Malgun Gothic'; display:inline-block; width:66%;color:#6B6B6B;text-align:right; }
.PeP_td_title 		{width:33%;color:#6B6B6B;text-align:center;padding-left:10px;border-bottom:1px solid #DDDDDD;background-color:#F6F4F7;}
.PeP_td_content 	{text-align:left;padding-left:10px;border-bottom:1px solid #DDDDDD;}










/* 메인 추출 2013-05-09 -------------------------------------------------------------------------- */
.content_section .sub_sys_area {width:100%; margin-bottom:20px; overflow:hidden;}

.content_section .group_title {margin:0 2px 5px 0; overflow:hidden; }
/* 2015-01-23 스프라이트이미지삭제 */
.content_section .group_title .icon {background: transparent url('../images/bullet_stitle.png') 0 0 no-repeat; width:20px; height:20px; display:inline-block; float:left; margin:5px 0 0 0;}
.content_section .group_title .title {float:left; font-size:17px; font-weight:bold;}
.content_section .group_title .btn_area {float:right}

.content_section .sub_sys_area .last_TB {width:100%; border:2px solid #c1c1c1; background:#fff;}
.content_section .sub_sys_area .last_TB th {background:#ededed; color:#333; padding:5px; border-left:1px solid #d4d4d4;}
.content_section .sub_sys_area .last_TB td {border-bottom:1px solid #e1e1e1; vertical-align:middle; padding:4px; border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; text-align:center;}
.content_section .sub_sys_area .last_TB td:first-child {background:#ededed; text-align:center;}
.content_section .sub_sys_area .last_TB td b {color:#009cff; font-family:tahoma; font-size:13px;}
.content_section .sub_sys_area .last_TB td .hit {color:#ff8a00;}


.content_section .group_title .title_rt {float:left; font-size:17px; padding-top:5px; padding-right:5px; font-weight:bold;}
.content_section .group_title .title_rt_color {float:left; font-size:17px; padding-top:5px; padding-right:5px; font-weight:bold;color:#fc0000;}


.content_section .sub_sys_company .last_TB {width:100%; border:2px solid #c1c1c1; background:#fff;}
.content_section .sub_sys_company .last_TB th {background:#ededed; color:#333; padding:5px; border-left:1px solid #d4d4d4;}
.content_section .sub_sys_company .last_TB td {border-bottom:1px solid #e1e1e1; vertical-align:middle; padding:4px; border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; text-align:center;}
.content_section .sub_sys_company .last_TB td b {color:#009cff; font-family:tahoma; font-size:13px;}
.content_section .sub_sys_company .last_TB td .hit {color:#ff8a00;}
.content_section .sub_sys_company .group_title b {color:#009cff; font-family:tahoma; font-size:20px;}




.colorset {background:#ededed;border-bottom:1px solid #e1e1e1; font-family:tahoma; font-size:13px;vertical-align:middle; padding:4px; border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; text-align:center;}

.colorset_darkgray {background:#e1e1e1;border-bottom:1px solid #e1e1e1; font-family:tahoma; font-size:13px;vertical-align:middle; padding:4px; border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; text-align:center;}




/* 2016-09 : SMS 및 이메일 스팸관련 정보통신망법에 따른 추가작업 */
.new_deny_tab {overflow:hidden; margin:20px; margin-top:10px;}
.new_deny_tab .tab_box {display:table; width:100%; table-layout:fixed; box-sizing:border-box; background:#fff; }
.new_deny_tab .tab_box ul {display:table-row;}
.new_deny_tab .tab_box li {display:table-cell; border:1px solid #ccc; border-bottom:2px solid #4d525a;}
.new_deny_tab .tab_box .tab {font-size:13px; text-align:center; display:block; line-height:25px; padding:10px; box-sizing:border-box; color:#000;}
.new_deny_tab .tab_box li:hover {background:#eee;}
.new_deny_tab .tab_box .hit {background:#4d525a !important; font-weight:600; border:1px solid #4d525a;}
.new_deny_tab .tab_box .hit .tab {color:#fff;}

.new_deny_guide {background:#2793a0; color:#fff; margin:20px; margin-bottom:0px; font-size:14px; padding:15px 20px; letter-spacing:-0.5px;}
.new_deny_guide strong {text-decoration:underline; font-weight:400;}





/* 하이센스 추가 */


/* ●폼영역 */
.data_form {}

.data_form .c_btnbox {border-bottom:1px solid #ced3d8; padding-bottom:30px; margin-bottom:40px;}

/* 폼테이블 */
.table_form {border:1px solid #d9dee3; width:100%; max-width:100%; table-layout:fixed;}
.table_form tr {border-top:1px solid #d9dee3;}
.table_form th {background:#f4f5f7; border-left:1px solid #d9dee3; text-align:left; padding:15px 20px 16px; box-sizing:border-box; font-weight:600; word-wrap:break-word; word-break:keep-all;}
.table_form th.ess:after {content:""; color:#ff0000; font-size:13px; line-height:1; margin-left:5px; width:10px; height:10px; background:transparent url('../images/ess.gif') left center no-repeat; display:inline-block;}
.table_form td {padding:10px 20px 10px 20px; vertical-align:middle}
.table_form select {max-width:100%;}
.table_form .only_text {padding-top:9px;}

.table_form table { margin-top:5px; margin-bottom:5px; border-bottom:1px solid #d9dee3; width:100%; table-layout:fixed;}
.table_form table th {border-left:0 !important; padding:12px 0 13px; text-align:center;}

.table_form table.it_only_text tr {border:0;}
.table_form table.it_only_text th {background:none; border:1px solid #ddd !important; padding:5px !important; text-align:left}
.table_form table.it_only_text td {border:1px solid #ddd !important;  padding:5px !important;}

.table_form+ .tip_box {padding-left:20px; margin-top:15px;}

.data_form.if_search .table_form th {padding:8px 20px 8px 20px !important;}
.data_form.if_search .table_form td {padding:8px 20px 8px 20px !important;}
.data_form.if_search .c_btnbox {margin-top:30px;}

.data_form.if_nobottom .c_btnbox {padding-bottom:0px; border-bottom:0; margin-bottom:0px;}
.data_form.if_nobottom+ .group_title {margin-top:10px;}
.data_form .table_list {margin:0px;}
.data_form .table_list th {padding:8px !important; border-left:1px solid #d9dee3 !important; background:#f4f5f7;}
.data_form .table_list td {padding:8px 10px !important;}
.data_form .list_ctrl {margin-bottom:5px;}

/* 글보기 댓글추가 */
.if_view_reply textarea.design {border:0; background:#f5f5f5;}
.if_view_reply .ajax-comment-list {padding-bottom:20px;}
.if_view_reply .ajax-comment-list th {border-top:1px solid #666 !important;}
.if_view_reply .ajax-comment-list td {border-left:0 !important; border-right:0 !important;}
.if_view_reply .ajax-comment-list th {border-left:0 !important; border-right:0 !important;}
.if_view_reply .ajax-comment-list thead {}



/* 폼안의 여러가지 변수 */
/* .table_form input.design {margin-top:5px;} */
.table_form .c_btn { margin-right:5px;}
.table_form .c_tag { margin-right:5px; margin-left:0px !important;}
/* .table_form select {margin-right:5px;} */
.table_form table input.design {margin-right:15px;}
.table_form select+ .fr_tx {margin-left:0;}


/* 내부 정보나열용 */
.table_form.if_insum th+ th {border-left:1px solid #d9dee3 !important;}
.table_form.if_insum td+ td {border-left:1px solid #d9dee3 !important; }
.table_form.if_insum th {padding:8px;}
.table_form.if_insum td {text-align:center; padding:8px;}
.table_form.if_insum td strong {color:#f40000; font-weight:600;}





.c_btn.gray {background:#efefef; border-color:#ccc !important; color:#666 !important;}
.c_btn.gray input {color:#666;}
.c_btn.black {background:#353c43 !important; border-color:#353c43 !important; color:#fff !important;}
.c_btn.black input {color:#fff;}
.c_btn.red {background:#f40000 !important; border-color:#f40000 !important; color:#fff !important;}
.c_btn.red input {color:#fff;}
.c_btn.green {background:#01c73c !important; border-color:#01c73c !important; color:#fff !important;}
.c_btn.green input {color:#fff;}
.c_btn.blue {background-color:#008aff !important; border-color:#008aff !important; color:#fff !important;}
.c_btn.blue input {color:#fff;}


.c_btn.light {border-color:#666 !important; color:#666 !important;}
.c_btn.dark {border-color:#000 !important; color:#000 !important;}

.c_btn.black.line {color:#353c43 !important; background:#fff  !important;}
.c_btn.black.line input {color:#353c43; background:#fff !important;}
.c_btn.red.line {color:#f40000 !important; background:#fff !important;}
.c_btn.red.line input {color:#f40000; background:#fff !important;}
.c_btn.green.line {color:#01c73c !important; background:#fff  !important;}
.c_btn.green.line input {color:#01c73c; background:#fff !important;}

.c_btn.light.line {border-color:#666 !important; color:#666 !important;}
.c_btn.dark.line {border-color:#000 !important; color:#000 !important;}

.c_btn.normal {font-weight:400 !important;}

.c_btn.light {color:#999 !important; border-color:#999 !important;}
.c_btn.dark {color:#000 !important; background:#efefef !important;}


/* 아이콘버튼 */
.c_btn.icon {padding-left:9px; height:27px; line-height:23px; line-height:22px\0; letter-spacing:0px;}
.c_btn.icon.h28 {height:28px; line-height:24px; line-height:28px\0; font-size:11px !important;}
.c_btn.icon:before {content:""; width:21px; height:20px; float:left; margin:4px 2px 0 0;}
.c_btn.icon_excel:before {background:transparent url('../images/icon_excel.png') left top no-repeat;}
.c_btn.icon_print:before {background:transparent url('../images/icon_print.png') left top no-repeat;}

.c_btn.icon_up {width:23px; background:#fff url('../images/btn_up.png') center center no-repeat; margin-right:0px !important;}
.c_btn.icon_down {width:23px; margin-left:-1px !important; background:#fff url('../images/btn_down.png') center center no-repeat;}
.c_btn.icon_up:hover {background-color:#fafafa;}
.c_btn.icon_down:hover {background-color:#fafafa;}
.c_btn.icon_top {width:23px; background:#fff url('../images/btn_top.png') center center no-repeat;}
.c_btn.icon_bottom {width:23px; margin-left:-1px; background:#fff url('../images/btn_bottom.png') center center no-repeat;}
.c_btn.icon_top:hover {background-color:#fafafa;}
.c_btn.icon_bottom:hover {background-color:#fafafa;}
.c_btn.icon_down+ .c_btn {margin-left:5px;}

.c_btn.icon_plus:before {background:transparent url('../images/icon_plus.gif') left center no-repeat; margin-top:2px; margin-top:3px\0; width:10px;}
.c_btn.icon_minus:before {background:transparent url('../images/icon_minus.gif') left center no-repeat; margin-top:2px; margin-top:3px\0; width:10px;}
.c_btn.icon_plus_b:before {background:transparent url('../images/icon_plus_b.gif') left center no-repeat; margin-top:2px; margin-top:3px\0; width:10px;}
.c_btn.icon_minus_b:before {background:transparent url('../images/icon_minus_b.gif') left center no-repeat; margin-top:2px; margin-top:3px\0; width:10px;}



/* 단어수고정 */
.c_btn.t2 {padding:0px !important; width:29px;}
.c_btn.t3 {padding:0px !important; width:48px;}
.c_btn.t4 {padding:0px !important; width:52px;}
.c_btn.t5 {padding:0px !important; width:63px;}
.c_btn.t6 {padding:0px !important; width:78px;}

/* 팁옆으로 쓸때 */
.c_btn.if_with_tip {margin-left:5px; margin-top:-2px;}






/* ●●● 상태텍스트아이콘 */
.c_tag {display:inline-block; font-weight:normal; height:22px; margin:0; cursor:default; white-space:nowrap; overflow:hidden; float:left; text-align:center; margin-right:5px; text-decoration:none !important;}
.c_tag {color:#fff !important; font-weight:400; padding:0 5px; box-sizing:border-box; font-size:13px;}

.c_tag.h18 {height:18px; line-height:14px !important; line-height:13px\0 !important;}
.c_tag.h19 {height:19px; line-height:15px !important; line-height:15px\0 !important;}
.c_tag.h20 {height:20px; line-height:16px !important; line-height:15px\0 !important;}
.c_tag.h21 {height:21px; line-height:17px !important; line-height:17px\0 !important;}
.c_tag.h22 {height:22px; line-height:18px !important; line-height:17px\0 !important;}
.c_tag.h23 {height:23px; line-height:19px !important; line-height:19px\0 !important;}
.c_tag.h24 {height:24px; line-height:20px !important; line-height:19px\0 !important;}
.c_tag.h25 {height:25px; line-height:21px !important; line-height:21px\0 !important;}
.c_tag.h26 {height:25px; line-height:22px !important; line-height:21px\0 !important;}
.c_tag.h27 {height:27px; line-height:23px !important; line-height:22px\0 !important; font-size:12px; padding:0 10px 0 10px;}

.c_tag.light {background-color:#fff !important; border:1px solid #999 !important; color:#999 !important;}
.c_tag.gray {background-color:#999 !important; border:1px solid #999;}
.c_tag.red {background-color:#f40000 !important; border:1px solid #f40000;}

.c_tag.yellow {background-color:#ff9900 !important; border:1px solid #ff9900;}
.c_tag.ygreen {background-color:#ccca00 !important; border:1px solid #ccca00;}
.c_tag.green {background-color:#01c73c !important; border:1px solid #01c73c;}
.c_tag.darkgreen {background-color:#006633 !important; border:1px solid #006633;}

.c_tag.cyan {background-color:#00cc9a !important; border:1px solid #00cc9a;}
.c_tag.aqua {background-color:#33cccc !important; border:1px solid #33cccc;}
.c_tag.sky {background-color:#0099cc !important; border:1px solid #0099cc;}
.c_tag.blue {background-color:#008aff !important; border:1px solid #008aff;}

.c_tag.violet {background-color:#c3429d !important; border:1px solid #c3429d;}
.c_tag.purple {background-color:#9933cc !important; border:1px solid #9933cc;}
.c_tag.brown {background-color:#cc6500 !important; border:1px solid #cc6500;}
.c_tag.black {background-color:#353c43 !important; border:1px solid #353c43;}

.c_tag.line {background:#fff !important;}
.c_tag.gray.line {color:#999 !important;}
.c_tag.red.line {color:#f40000 !important;}
.c_tag.yellow.line {color:#ff9900 !important;}
.c_tag.ygreen.line {color:#ccca00 !important;}
.c_tag.green.line {color:#01c73c !important;}
.c_tag.darkgreen.line {color:#006633 !important;}
.c_tag.cyan.line {color:#00cc9a !important;}
.c_tag.sky.line {color:#0099cc !important;}
.c_tag.blue.line {color:#008aff !important;}
.c_tag.violet.line {color:#c3429d !important;}
.c_tag.purple.line {color:#9933cc !important;}
.c_tag.brown.line {color:#cc6500 !important;}
.c_tag.black.line {color:#353c43 !important;}

.c_tag.pc {color:#666 !important; background:#fff; border:1px solid #008aff; width:48px !important; padding:0px !important;}
.c_tag.mo {color:#666 !important; background:#fff; border:1px solid #ff9900; width:48px !important; padding:0px !important;}

/* 단어수고정 */
.c_tag.t2 {padding:0px !important; width:29px;}
.c_tag.t3 {padding:0px !important; width:48px;}
.c_tag.t4 {padding:0px !important; width:52px;}
.c_tag.t5 {padding:0px !important; width:63px;}





/* ********************************************** *
 * NAV
 * ********************************************** */


.nav_admin {border-top:1px solid #ddd; position:relative; height:47px; box-sizing:border-box; text-align:center;}
.nav_admin li {list-style:none;}
.nav_admin:before {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:transparent url('../images/skin/black_10.png') left top repeat; z-index:1}
.nav_admin .layout_fix {height:47px; }

/* ●●●네비(공통) */
.nav_admin {background:#353c43; height:52px; padding:0 50px;z-index:10000;}
.nav_admin .nav_admin_box {min-width:1500px}

.nav_admin .nav_admin_box:before {content:""; position:absolute; right:0; right:1px\0; top:0; width:1px; height:100%; background:#53595f;}
.nav_admin .nav_admin_box ul {display:table-row;}
.nav_admin .nav_admin_box li {list-style:none;display:inline-block;text-align:center; border-left:1px solid #53595f; background:#353c43;box-sizing:border-box;width:150px;}
.nav_admin .nav_admin_box li:last-child {border-right:1px solid #53595f;}

.nav_admin .nav_admin_box .btn {display:block; font-size:15px; letter-spacing:-1px; font-weight:600; color:#fff; height:50px;line-height:49px; line-height:48px\0;}
.nav_admin .nav_admin_box .hit {background:#72777c;}
.nav_admin .nav_admin_box .hit .btn {color:#ebebeb;}


/*
.nav_admin {border-top:1px solid #ddd; position:relative; height:47px; box-sizing:border-box; text-align:center;}
.nav_admin li {list-style:none;}
.nav_admin:before {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:transparent url('../images/skin/black_10.png') left top repeat; z-index:1}
.nav_admin .layout_fix {width:1250px; height:47px; }
*/

/* ●●●네비(공통) */

/* display:table-cell; 적용되어있어서 메뉴 width 값으로 고정이 안됨
.nav_admin {background:#353c43; height:52px; padding:0 50px;z-index:10000;}
.nav_admin .nav_admin_box {display:table; width:100%; table-layout:fixed; position:relative;}
.nav_admin .nav_admin_box:before {content:""; position:absolute; right:0; right:1px\0; top:0; width:1px; height:100%; background:#53595f;}
.nav_admin .nav_admin_box ul {display:table-row;}
.nav_admin .nav_admin_box li {list-style:none; display:table-cell; text-align:center; border-left:1px solid #53595f; box-sizing:border-box;}
.nav_admin .nav_admin_box .btn {display:block; font-size:15px; letter-spacing:-1px; font-weight:600; color:#fff; height:50px;line-height:49px; line-height:48px\0;}
.nav_admin .nav_admin_box .hit {background:#72777c;}
.nav_admin .nav_admin_box .hit .btn {color:#ebebeb;}

*/
/*메뉴 가운데정럴 주석처리*/
/*.layout_fix {width:1050px; margin:0 auto; position:relative} /* 이부분 실작업시 수정할것!  컨첸츠 레이아웃 전체값 */
.layout_fix {margin-left:134px;}





/* ●●●●●●●●●● 단락 타이틀 */
.cm_shop_title {font-weight:600; letter-spacing:-1px; font-size:16px; border-bottom:1px solid #707070; position:relative; color:#333; padding:10px; margin-top:20px;}
.cm_shop_title strong {color:#ff0000; font-weight:600}
.cm_shop_title .explain {font-weight:normal; font-size:12px; color:#999; letter-spacing:-0.5px; margin-top:3px}
.cm_shop_title:first-of-type {margin:0}
.cm_shop_title img {float:left; width:10px; margin:3px 3px 0 0}



.section-title {
  font-size: 15px;
  padding: 6px 0;
  color: #27173E;
  font-weight: 500; }
  .section-title.large {
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 700; }
  .section-title.medium {
    font-size: 17px;
    font-weight: 700; }




.visual_box {position:relative;height:40px;width:100%;margin-bottom:12px} 



.btn_add_button {float:left;width:100%;height:40px;line-height:40px;font-size:14px;text-align:center;border:1px solid #3a79c7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
.btn_add_button img{width:15px;height:auto;margin-right:7px;margin-top:-5px;vertical-align:middle}
.btn_add_button span{color:#3a79c7;font-size:14px;font-weight:bold;}

.btn_copy_button {float:left;width:100%;height:40px;line-height:40px;font-size:14px;text-align:center;background:#3a79c7;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;color:#fff;}
.btn_copy_button img{width:15px;height:auto;margin-right:7px;margin-top:-5px;vertical-align:middle}
.btn_copy_button span{color:#fff;font-size:14px;font-weight:bold;}







/* 대시보드 css 추가****************************************************************************************** */

.avatar-xs {
    height: 2rem;
    width: 2rem
}

.avatar-sm {
    height: 3rem;
    width: 3rem
}

.avatar-md {
    height: 4.5rem;
    width: 4.5rem
}

.avatar-lg {
    height: 6rem;
    width: 6rem
}

.avatar-xl {
    height: 7.5rem;
    width: 7.5rem
}

.avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #556ee6;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}


.blocker  { z-index: 9000; }
.modal    { z-index: 9001; }
.form-control2 {
    height: calc(1.5em + 0.94rem + 2px);
    padding: 0.47rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.apexcharts-canvas {
  position: relative;
  user-select: none;
  /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */
}
/* scrollbar is not visible by default for legend, hence forcing the visibility */
.apexcharts-canvas ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
}
.apexcharts-canvas ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
  box-shadow: 0 0 1px rgba(255,255,255,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.apexcharts-canvas.apexcharts-theme-dark {
  background: #343F57;
}
.apexcharts-inner {
  position: relative;
}
.legend-mouseover-inactive {
  transition: 0.15s ease all;
  opacity: 0.20;
}
.apexcharts-series-collapsed {
  opacity: 0;
}
.apexcharts-gridline, .apexcharts-text {
  pointer-events: none;
}
.apexcharts-tooltip {
  border-radius: 5px;
  box-shadow: 2px 2px 6px -4px #999;
  cursor: default;
  font-size: 14px;
  left: 62px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 20px;
  overflow: hidden;
  white-space: nowrap;
  z-index: 12;
  transition: 0.15s ease all;
}
.apexcharts-tooltip.apexcharts-theme-light {
  border: 1px solid #e3e3e3;
  background: rgba(255, 255, 255, 0.96);
}
.apexcharts-tooltip.apexcharts-theme-dark {
  color: #fff;
  background: rgba(30,30,30, 0.8);
}
.apexcharts-tooltip * {
  font-family: inherit;
}
.apexcharts-tooltip .apexcharts-marker,
.apexcharts-area-series .apexcharts-area,
.apexcharts-line {
  pointer-events: none;
}
.apexcharts-tooltip.apexcharts-active {
  opacity: 1;
  transition: 0.15s ease all;
}
.apexcharts-tooltip-title {
  padding: 6px;
  font-size: 15px;
  margin-bottom: 4px;
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: #ECEFF1;
  border-bottom: 1px solid #ddd;
}
.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
  background: rgba(0, 0, 0, 0.7);
  border-bottom: 1px solid #333;
}
.apexcharts-tooltip-text-value,
.apexcharts-tooltip-text-z-value {
  display: inline-block;
  font-weight: 600;
  margin-left: 5px;
}
.apexcharts-tooltip-text-z-label:empty,
.apexcharts-tooltip-text-z-value:empty {
  display: none;
}
.apexcharts-tooltip-text-value,
.apexcharts-tooltip-text-z-value {
  font-weight: 600;
}
.apexcharts-tooltip-marker {
  width: 12px;
  height: 12px;
  position: relative;
  top: 0px;
  margin-right: 10px;
  border-radius: 50%;
}
.apexcharts-tooltip-series-group {
  padding: 0 10px;
  display: none;
  text-align: left;
  justify-content: left;
  align-items: center;
}
.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
  opacity: 1;
}
.apexcharts-tooltip-series-group.apexcharts-active, .apexcharts-tooltip-series-group:last-child {
  padding-bottom: 4px;
}
.apexcharts-tooltip-series-group-hidden {
  opacity: 0;
  height: 0;
  line-height: 0;
  padding: 0 !important;
}
.apexcharts-tooltip-y-group {
  padding: 6px 0 5px;
}
.apexcharts-tooltip-candlestick {
  padding: 4px 8px;
}
.apexcharts-tooltip-candlestick > div {
  margin: 4px 0;
}
.apexcharts-tooltip-candlestick span.value {
  font-weight: bold;
}
.apexcharts-tooltip-rangebar {
  padding: 5px 8px;
}
.apexcharts-tooltip-rangebar .category {
  font-weight: 600;
  color: #777;
}
.apexcharts-tooltip-rangebar .series-name {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.apexcharts-xaxistooltip {
  opacity: 0;
  padding: 9px 10px;
  pointer-events: none;
  color: #373d3f;
  font-size: 13px;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
  background: #ECEFF1;
  border: 1px solid #90A4AE;
  transition: 0.15s ease all;
}
.apexcharts-xaxistooltip.apexcharts-theme-dark {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #fff;
}
.apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.apexcharts-xaxistooltip:after {
  border-color: rgba(236, 239, 241, 0);
  border-width: 6px;
  margin-left: -6px;
}
.apexcharts-xaxistooltip:before {
  border-color: rgba(144, 164, 174, 0);
  border-width: 7px;
  margin-left: -7px;
}
.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {
  bottom: 100%;
}
.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {
  top: 100%;
}
.apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: #ECEFF1;
}
.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #90A4AE;
}
.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after {
  border-bottom-color: rgba(0, 0, 0, 0.5);
}
.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
  border-bottom-color: rgba(0, 0, 0, 0.5);
}
.apexcharts-xaxistooltip-top:after {
  border-top-color:#ECEFF1
}
.apexcharts-xaxistooltip-top:before {
  border-top-color: #90A4AE;
}
.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after {
  border-top-color:rgba(0, 0, 0, 0.5);
}
.apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
  border-top-color: rgba(0, 0, 0, 0.5);
}
.apexcharts-xaxistooltip.apexcharts-active {
  opacity: 1;
  transition: 0.15s ease all;
}
.apexcharts-yaxistooltip {
  opacity: 0;
  padding: 4px 10px;
  pointer-events: none;
  color: #373d3f;
  font-size: 13px;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
  background: #ECEFF1;
  border: 1px solid #90A4AE;
}
.apexcharts-yaxistooltip.apexcharts-theme-dark {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #fff;
}
.apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.apexcharts-yaxistooltip:after {
  border-color: rgba(236, 239, 241, 0);
  border-width: 6px;
  margin-top: -6px;
}
.apexcharts-yaxistooltip:before {
  border-color: rgba(144, 164, 174, 0);
  border-width: 7px;
  margin-top: -7px;
}
.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {
  left: 100%;
}
.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {
  right: 100%;
}
.apexcharts-yaxistooltip-left:after {
  border-left-color: #ECEFF1;
}
.apexcharts-yaxistooltip-left:before {
  border-left-color: #90A4AE;
}
.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after {
  border-left-color: rgba(0, 0, 0, 0.5);
}
.apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
  border-left-color: rgba(0, 0, 0, 0.5);
}
.apexcharts-yaxistooltip-right:after {
  border-right-color: #ECEFF1;
}
.apexcharts-yaxistooltip-right:before {
  border-right-color: #90A4AE;
}
.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after {
  border-right-color: rgba(0, 0, 0, 0.5);
}
.apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
  border-right-color: rgba(0, 0, 0, 0.5);
}
.apexcharts-yaxistooltip.apexcharts-active {
  opacity: 1;
}
.apexcharts-yaxistooltip-hidden {
  display: none;
}
.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {
  pointer-events: none;
  opacity: 0;
  transition: 0.15s ease all;
}
.apexcharts-xcrosshairs.apexcharts-active, .apexcharts-ycrosshairs.apexcharts-active {
  opacity: 1;
  transition: 0.15s ease all;
}
.apexcharts-ycrosshairs-hidden {
  opacity: 0;
}
.apexcharts-zoom-rect {
  pointer-events: none;
}
.apexcharts-selection-rect {
  cursor: move;
}
.svg_select_points, .svg_select_points_rot {
  opacity: 0;
  visibility: hidden;
}
.svg_select_points_l, .svg_select_points_r {
  cursor: ew-resize;
  opacity: 1;
  visibility: visible;
  fill: #888;
}
.apexcharts-canvas.apexcharts-zoomable .hovering-zoom {
  cursor: crosshair
}
.apexcharts-canvas.apexcharts-zoomable .hovering-pan {
  cursor: move
}
.apexcharts-xaxis,
.apexcharts-yaxis {
  pointer-events: none;
}
.apexcharts-zoom-icon,
.apexcharts-zoom-in-icon,
.apexcharts-zoom-out-icon,
.apexcharts-reset-zoom-icon,
.apexcharts-pan-icon,
.apexcharts-selection-icon,
.apexcharts-menu-icon,
.apexcharts-toolbar-custom-icon {
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 24px;
  color: #6E8192;
  text-align: center;
}
.apexcharts-zoom-icon svg,
.apexcharts-zoom-in-icon svg,
.apexcharts-zoom-out-icon svg,
.apexcharts-reset-zoom-icon svg,
.apexcharts-menu-icon svg {
  fill: #6E8192;
}
.apexcharts-selection-icon svg {
  fill: #444;
  transform: scale(0.76)
}
.apexcharts-theme-dark .apexcharts-zoom-icon svg,
.apexcharts-theme-dark .apexcharts-zoom-in-icon svg,
.apexcharts-theme-dark .apexcharts-zoom-out-icon svg,
.apexcharts-theme-dark .apexcharts-reset-zoom-icon svg,
.apexcharts-theme-dark .apexcharts-pan-icon svg,
.apexcharts-theme-dark .apexcharts-selection-icon svg,
.apexcharts-theme-dark .apexcharts-menu-icon svg,
.apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg{
  fill: #f3f4f5;
}
.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg {
  fill: #008FFB;
}
.apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg,
.apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg,
.apexcharts-theme-light .apexcharts-zoom-in-icon:hover svg,
.apexcharts-theme-light .apexcharts-zoom-out-icon:hover svg,
.apexcharts-theme-light .apexcharts-reset-zoom-icon:hover svg,
.apexcharts-theme-light .apexcharts-menu-icon:hover svg {
  fill: #333;
}
.apexcharts-selection-icon, .apexcharts-menu-icon {
  position: relative;
}
.apexcharts-reset-zoom-icon {
  margin-left: 5px;
}
.apexcharts-zoom-icon, .apexcharts-reset-zoom-icon, .apexcharts-menu-icon {
  transform: scale(0.85);
}
.apexcharts-zoom-in-icon, .apexcharts-zoom-out-icon {
  transform: scale(0.7)
}
.apexcharts-zoom-out-icon {
  margin-right: 3px;
}
.apexcharts-pan-icon {
  transform: scale(0.62);
  position: relative;
  left: 1px;
  top: 0px;
}
.apexcharts-pan-icon svg {
  fill: #fff;
  stroke: #6E8192;
  stroke-width: 2;
}
.apexcharts-pan-icon.apexcharts-selected svg {
  stroke: #008FFB;
}
.apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
  stroke: #333;
}
.apexcharts-toolbar {
  position: absolute;
  z-index: 11;
  top: 0px;
  right: 3px;
  max-width: 176px;
  text-align: right;
  border-radius: 3px;
  padding: 0px 6px 2px 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.apexcharts-toolbar svg {
  pointer-events: none;
}
.apexcharts-menu {
  background: #fff;
  position: absolute;
  top: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 3px;
  right: 10px;
  opacity: 0;
  min-width: 110px;
  transition: 0.15s ease all;
  pointer-events: none;
}
.apexcharts-menu.apexcharts-menu-open {
  opacity: 1;
  pointer-events: all;
  transition: 0.15s ease all;
}
.apexcharts-menu-item {
  padding: 6px 7px;
  font-size: 12px;
  cursor: pointer;
}
.apexcharts-theme-light .apexcharts-menu-item:hover {
  background: #eee;
}
.apexcharts-theme-dark .apexcharts-menu {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}
@media screen and (min-width: 768px) {
  .apexcharts-toolbar {
    /*opacity: 0;*/
  }
  .apexcharts-canvas:hover .apexcharts-toolbar {
    opacity: 1;
  }
}
.apexcharts-datalabel.apexcharts-element-hidden {
  opacity: 0;
}
.apexcharts-pie-label,
.apexcharts-datalabels, .apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value {
  cursor: default;
  pointer-events: none;
}
.apexcharts-pie-label-delay {
  opacity: 0;
  animation-name: opaque;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}
.apexcharts-canvas .apexcharts-element-hidden {
  opacity: 0;
}
.apexcharts-hide .apexcharts-series-points {
  opacity: 0;
}
.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series path, .apexcharts-radar-series polygon {
  pointer-events: none;
}
/* markers */
.apexcharts-marker {
  transition: 0.15s ease all;
}
@keyframes opaque {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Resize generated styles */
@keyframes resizeanim {
  from {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.resize-triggers {
  animation: 1ms resizeanim;
  visibility: hidden;
  opacity: 0;
}
.resize-triggers, .resize-triggers > div, .contract-trigger:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.resize-triggers > div {
  background: #eee;
  overflow: auto;
}
.contract-trigger:before {
  width: 200%;
  height: 200%;
}
</style>


	<style>
.progress-chart {
  background: #cccccc;
  display: inline-block;
  height: 8px;
  margin-bottom: 10px;
  max-width: 100%;
  position: relative;
  width: 94%;
}
.bar {
  height: 100%;
  position: absolute;
  top: 0;
}
.bar .label {
  background: #f0f0f0;
  border-radius: 4px;
  color: gray;
  margin-top: 2px;
  padding: 2px 4px;
  position: absolute;
  right: 0;
  top: 100%;
}
.bar.forecast {
  background: #00a2c9;
  z-index: 1;
  -webkit-animation: bar 0.9s ease-in-out;
  animation: bar 0.9s ease-in-out;
}
.bar.actual {
  background: #00cbfc;
  z-index: 2;
  -webkit-animation: bar 0.8s ease-in-out;
  animation: bar 0.8s ease-in-out;
}
.bar.target {
  background: #000;
  z-index: 3;
  -webkit-animation: bar 0.7s ease-in-out;
  animation: bar 0.7s ease-in-out;
}
@-webkit-keyframes bar {
  0% {
    width: 0;
  }
}
@keyframes bar {
  0% {
    width: 0;
  }
}






/*자동완성 css *******************************************************/

tr.tr_check, tr.tr_radio { cursor: pointer; }

.custom-combobox {
position: relative;
display: inline-block;
}
.custom-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
height:27px;

}
.custom-combobox-input {
margin: 0;
padding: 5px 10px;
width:300px;

}


/*자동완성 selectbox 우측 스크롤 생기게 해결 */
/*http://daplus.net/jquery-ui-jquery-ui-%EC%9E%90%EB%8F%99-%EC%99%84%EC%84%B1%EC%97%90%EC%84%9C-%EA%B2%B0%EA%B3%BC-%EC%A0%9C%ED%95%9C/*/
.ui-autocomplete {
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
}
/*자동완성 css *******************************************************/


/* 대시보드 css 추가****************************************************************************************** */








/* ●●●●●●●●●● 로그인 */
.adm_loading_wrap {position:absolute;width:100%; height:100vh; min-height:430px;background:#555863;z-index:10000000;opacity:0.8;display:none}
.adm_loading_wrap .floating {position:absolute; left:0; width:100%; text-align:center;}

/* ●●●●● 로딩페이지 */
.adm_loading_box {position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; width: 80px; height: 80px; }
.adm_loading_box .loading {position:absolute; left:0; top:0; width: 80px; height: 80px; border: 2px solid #2b2d34; border-radius: 50%;  border-top-color: #00beff; box-sizing:border-box; 
					-webkit-animation: spin 0.5s ease-in-out infinite;  -webkit-animation: spin 1s ease-in-out infinite;}
.adm_loading_box .iconimg {position:absolute; left:0; top:0; width: 80px;  height: 80px; background:transparent url('../images/intro_icon1.png') center center no-repeat; background-size:40px; opacity:0.5
					-webkit-animation: spin 2s ease-in-out infinite;  -webkit-animation: spin 3s ease-in-out infinite;}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@keyframes spin2 {
  to { -webkit-transform: rotate(-360deg); }
}
@-webkit-keyframes spin2 {
  to { -webkit-transform: rotate(-360deg); }
}





.main_tab {overflow:hidden;margin-top:-1px;}
.main_tab .btn {width:33.33333333333333%; float:left; box-sizing:border-box; border-left:1px solid #fff; color:rgba(0,0,0,0.6); font-size:14px; letter-spacing:-0.7px;border-radius: 0;}
.main_tab .btn {text-align:center; background:#e3e5eb; height:42px; line-height:42px;}
.main_tab .btn:first-child {border:none;}
.main_tab .btn_hit {color:#fff; background:#333;}




.main_tab_head {overflow:hidden;margin-top:-1px;}
.main_tab_head .btn {width:33.33333333333333%; float:left; box-sizing:border-box; border-left:1px solid #fff; color:#326bab; font-size:14px; letter-spacing:-0.7px;border-radius: 0;}
.main_tab_head .btn {text-align:center; background:#ffffff; height:42px; line-height:42px;border:1px solid #326bab}
.main_tab_head .btn:first-child {border-right:0px;}
.main_tab_head .btn:last-child {border-left:0px;}

.main_tab_head .btn_hit {color:#fff; background:#326bab;border:0px;}




.main_tab_col3 {overflow:hidden;margin-top:-1px;}
.main_tab_col3 .btn {width:33.33333333333333%; float:left; box-sizing:border-box; border-left:1px solid #fff; color:rgba(0,0,0,0.6); font-size:14px; letter-spacing:-0.7px;border-radius: 0;}
.main_tab_col3 .btn {text-align:center; background:#e3e5eb; height:42px; line-height:42px;}
.main_tab_col3 .btn:first-child {border:none;}
.main_tab_col3 .btn_hit {color:#fff; background:#333;}




.main_tab_style1 {overflow:hidden;}
.main_tab_style1 .btn {width:25%; float:left; box-sizing:border-box; border-left:1px solid #fff; color:rgba(0,0,0,0.6); font-size:11px; letter-spacing:-0.7px;}
.main_tab_style1 .btn {text-align:center; background:#fff; height:42px; line-height:24px;}
.main_tab_style1 .btn:first-child {border:none;}

.main_tab_style1 .btn .txt_box {width:97%;margin:5px 0px;padding:0px 0px;border-radius:7px;background:#efefef;}
.main_tab_style1 .btn .btn_hit {color:#fff; background:#b60019;}





.view_alarm_box { position:absolute; }
.view_alarm_box ul {  }
.view_alarm_box li { float:left; list-style:none; line-height:41px; }
.view_alarm_box li:first-child { margin-right:5px; }
.view_alarm_box .tit { font-size:12px; color:#666; }
.view_alarm_box .link { display:block; }
.view_alarm_box .alarm_btn { background:#999; width:46px; height:20px; border-radius:20px; margin-top:10px; line-height:20px;}
.view_alarm_box .alarm_btn .txt { font-size:10px; color:#fff; float:left; }
.view_alarm_box .circle { float:left; width:18px; height:18px; border-radius:100px; background:#fff; margin:1px 2px 0 1px; }

.if_alarm_hit .alarm_btn { background:#299f3b;}
.if_alarm_hit .alarm_btn .txt { margin-left:7px; }
.if_alarm_hit .circle { float:right; margin:1px 1px 0 0;}

.view_alarm_box .after { display:none; }
.view_alarm_box .before { display:block; }
.if_alarm_hit .before { display:none; }
.if_alarm_hit .after { display:block; }




.view_switch_btn_box {display: flex;  justify-content: center; }
.view_switch_btn_box ul {  }
.view_switch_btn_box li { list-style:none;  }
.view_switch_btn_box li:first-child { }
.view_switch_btn_box .tit { font-size:12px; color:#666; }
.view_switch_btn_box .link { display:block; }
.view_switch_btn_box .switch_btn { background:#999; width:46px; height:20px; border-radius:20px; margin-top:5px; line-height:20px;}
.view_switch_btn_box .switch_btn .txt { font-size:10px; color:#fff; float:left; }
.view_switch_btn_box .circle { float:left; width:18px; height:18px; border-radius:100px; background:#fff; margin:1px 2px 0 1px; }

.if_switch_btn_hit .switch_btn { background:#299f3b;}
.if_switch_btn_hit .switch_btn .txt { margin-left:7px; }
.if_switch_btn_hit .circle { float:right; margin:1px 1px 0 0;}

.view_switch_btn_box .after { display:none; }
.view_switch_btn_box .before { display:block; }
.if_switch_btn_hit .before { display:none; }
.if_switch_btn_hit .after { display:block; }








.badge_currency { color: #fff; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 5px; font-size:10px;margin-left:2px;line-height:12px;padding:1px 4px;font-weight:100;background:#86bde5;border:1px solid #6baedf}

.badge_currency_search_gray { color: #999; display: inline-block; font-weight: 600; border-radius: 5px; font-size:13px;margin-left:2px;line-height:31px;padding:1px 5px;font-weight:500;background:#fcfcfc;border:1px solid #f1f1f6}


.badge { color: #fff; background-color: #16a3fe; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 5px; font-size: 10px; padding:0px 2px;margin-left:5px;line-height: 12px; border: 1px solid #16a3fe; }

.badge:not(.badge-outline) { color: #fff; }

.badge-primary { background-color: #16a3fe; border-color: #16a3fe; color: #16a3fe; }

.badge-secondary { background-color: #23c99d; border-color: #23c99d; color: #23c99d; }

.badge-info { background-color: #026bfb; border-color: #026bfb; color: #026bfb; }

.badge-warning, .badge-hot { background-color: #f6be26; border-color: #f6be26; color: #f6be26; }

.badge-success, .badge-new { background-color: #39d884; border-color: #39d884; color: #39d884; }

.badge-danger { background-color: #e6604a; border-color: #e6604a; color: #e6604a; }

.badge-dark { background-color: #0b0c10; border-color: #0b0c10; color: #0b0c10; }

.badge-light { background-color: #cce3f4; border-color: #cce3f4; color: #415076 !important; }

.badge-light.badge-outline { color: #cce3f4; }

.badge-outline { background-color: transparent; }

.badge-lg { font-size: 16px; }

.badge-md { border-radius: 34px; padding: 5px 16px; font-size: 12px; line-height: 18px; }

.badge-sm { border-radius: 34px; padding: 2px 12px; font-size: 12px; line-height: 18px; }

.badge-xs { border-radius: 34px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; }

.badge-cap { text-transform: capitalize; }

.badge-regular { font-weight: 400; }

.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #16a3fe; border-color: #16a3fe; display: inline-block !important; vertical-align: middle; padding: 0; }





.badge_sky {font-size: 12px; background-color: #4fd1f2; border-color: #45c8fb; color: #fff;padding:2px 4px ;font-weight:normal; border-radius: 5px; }

.badge_lightgray {font-size: 12px; background-color: #ccc; border-color: #aaa; color: #fff;padding:2px 4px ;font-weight:normal;border-radius: 5px; }








.token_tid{clear:both;}
.token_tid .top{width:100%;background:#7fb3ff;padding-top:20px}
.token_tid .top h2{font-size:14px;font-weight:700;color:#fff;padding-bottom:16px}
.token_tid .top h2 img{width:32px;height:auto;vertical-align:middle;margin-right:8px}
.token_tid .top strong{font-size:24px;color:#fff;font-weight:700;text-align:right;display:block;padding-right:17px}
.token_tid .top strong img{width:24px;height:auto;vertical-align:middle;margin-right:12px}
.token_tid .top ul{margin-top:18px;padding-bottom:8px;padding-left:0}
.token_tid .top ul li{float:left;width:25%}
.token_tid .top ul li a{display:block;width:100%;height:100%}
.token_tid .top ul li a .icon{display:block;text-align:center}
.token_tid .top ul li a .icon img{width:32px;height:auto}
.token_tid .top ul li a h3{font-weight:700;text-align:center;color:#fff;padding-top:4px}
.token_tid .mid{background:#fff;width:100%;padding-bottom:12px}
.token_tid .mid .area{width:95%;margin:0 auto;padding-top:8px}
.token_tid .mid .area .tit{position:relative;height:32px;width:100%;margin-bottom:12px}
.token_tid .mid .area .tit .prev{position:absolute;left:0;top:50%;margin-top:-12px}
.token_tid .mid .area .tit .prev img{width:24px;height:auto}
.token_tid .mid .area .tit h3{position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-76px;width:152px;height:32px;line-height:32px;text-align:center;color:#3a79c7;-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;}
.token_tid .mid .area .tit .next{position:absolute;right:0;top:50%;margin-top:-12px}
.token_tid .mid .area .tit .next img{width:24px;height:auto}
.token_tid .mid .area .txt{width:100%;}
.token_tid .mid .area .txt .box{width:100%;}
.token_tid .mid .area .txt p{word-wrap: break-word;background:#f2f2f2;padding:7px 5px;font-weight:700;font-size:19px;font-weight:normal;text-align:center}
.token_tid .mid .area .txt .btn_wrap_tid{margin-top:12px;width:100%;font-weight:bold;}
.token_tid .mid .area .txt .btn_wrap_tid a{float:left;width:48%;height:40px;line-height:40px;font-size:14px;text-align:center}
.token_tid .mid .area .txt .btn_wrap_tid a.add{border:1px solid #3a79c7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;color:#3a79c7}
.token_tid .mid .area .txt .btn_wrap_tid a.copy{background:#3a79c7;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;color:#fff;margin-left:4%}
.token_tid .mid .area .txt .btn_wrap_tid a img{width:15px;height:auto;margin-right:7px;margin-top:-5px;vertical-align:middle}
.token_tid .btm{background:#fff;margin-top:12px}
.token_tid .btm .area{width:90%;margin:0 auto}
.token_tid .btm .area ul{width:100%}
.token_tid .btm .area ul li{padding:13px 0;border-bottom:1px solid #efefef;width:100%}
.token_tid .btm .area ul li a{display:block;width:100%;height:32px;line-height:32px;}
.token_tid .btm .area ul li a > *{float:left;}
.token_tid .btm .area ul li a .icon img{width:32px;height:auto;vertical-align:middle;margin-right:20px}
.token_tid .btm .area ul li a h4{width:70%;font-weight:700;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.token_tid .btm .area ul li.alarm a .icon{margin-right:20px}
.token_tid .btm .area ul li.alarm a .icon em{display:block;width:28px;height:16px;background:#f9e7ba;text-align:center;line-height:16px;color:#3a79c7;-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;margin-top:4px}
.token_tid .btm .area ul li.alarm a .icon img{width:16px;height:auto;display:block;margin-left:auto;margin-right:auto}
.token_tid .btm .area ul li.alarm a h4{line-height:1;padding-bottom:8px}
.token_tid .btm .area ul li.alarm a p{color:#ccc;line-height:1}
.token_tid .black{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;filter:Alpha(opacity=0);z-index:9;display:none;}




.visual_box {position:relative;height:40px;width:100%;margin-bottom:12px} 



.btn_add_button {float:left;width:100%;height:40px;line-height:40px;font-size:14px;text-align:center;border:1px solid #3a79c7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
.btn_add_button img{width:15px;height:auto;margin-right:7px;margin-top:-5px;vertical-align:middle}
.btn_add_button span{color:#3a79c7;font-size:14px;font-weight:bold;}

.btn_copy_button {float:left;width:100%;height:40px;line-height:40px;font-size:14px;text-align:center;background:#3a79c7;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;color:#fff;}
.btn_copy_button img{width:15px;height:auto;margin-right:7px;margin-top:-5px;vertical-align:middle}
.btn_copy_button span{color:#fff;font-size:14px;font-weight:bold;}






/* 리스트테이블 */

.cm_bonus_list3 .list_TB {width:100%; background:#fff;clear:both;  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);border-radius: 10px;border-top:1px solid #ddd;}
.cm_bonus_list3 .list_TB li {vertical-align:middle;border-bottom:1px solid #ddd;border-left:1px solid #ddd;float:left;text-align:center;padding-top:5px;padding-bottom:5px;width:33.33%;padding-right:3px;list-style:none;overflow:hidden;height:35px;}
.cm_bonus_list3 .list_TB li:last-child { border-right:1px solid #ddd;}


.cm_bonus_list4 .list_TB {width:100%; background:#fff;clear:both;  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);border-radius: 10px;border-top:1px solid #ddd;}
.cm_bonus_list4 .list_TB li {vertical-align:middle;border-bottom:1px solid #ddd;border-left:1px solid #ddd;float:left;text-align:center;padding-top:5px;padding-bottom:5px;width:25%;padding-right:3px;list-style:none;overflow:hidden;height:35px;}
.cm_bonus_list4 .list_TB li:last-child { border-right:1px solid #ddd;}



.cm_bonus_list5 .list_TB {width:100%; background:#fff;clear:both;  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);border-radius: 10px;border-top:1px solid #ddd;}
.cm_bonus_list5 .list_TB li {vertical-align:middle;border-bottom:1px solid #ddd;border-left:1px solid #ddd;float:left;text-align:center;padding-top:5px;padding-bottom:5px;width:20%;padding-right:3px;list-style:none;overflow:hidden;height:35px;}
.cm_bonus_list5 .list_TB li:last-child { border-right:1px solid #ddd;}







.select_radio_trans {
    padding: 10px 20px;
	border:0px;
	margin:5px 0px;
    text-align: center;
	display: flex;
    justify-content: flex-end;
}


.select_radio_trans input[type=radio]{
    display: none;
}
.select_radio_trans input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 35px;
	width: 100%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:13px;
	padding:5px;
	margin:0px 2px;

}
.select_radio_trans input[type=radio]+label{
    background-color: #fff;
    color: #353c43;
	border: 1px solid #353c43;

}
.select_radio_trans input[type=radio]:checked+label{
    background-color: #353c43;
    color: #fff;
	border: 1px solid #353c43;

}




.select_radio_trans input[type=checkbox]{
    display: none;
}
.select_radio_trans input[type=checkbox]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 35px;
	width: 100%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:13px;
	padding:5px;
	margin:0px 2px;

}
.select_radio_trans input[type=checkbox]+label{
    background-color: #fff;
    color: #353c43;
	border: 1px solid #353c43;

}
.select_radio_trans input[type=checkbox]:checked+label{
    background-color: #353c43;
    color: #fff;
	border: 1px solid #353c43;

}



.select_radio_trans_purple {
    padding: 10px 0px;
	border:0px;
	margin:5px 0px;
    text-align: center;
	display: flex;
    justify-content: flex-end;
}
.select_radio_trans_purple input[type=radio]{
    display: none;
}
.select_radio_trans_purple input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 45px;
	width: 100%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:15px;
	padding:5px 0px;
	box-sizing: border-box;
	margin:0px 2px;

}
.select_radio_trans_purple input[type=radio]+label{
    background-color: #fff;
    color: #d941c5;
	border: 1px solid #d941c5;
	box-sizing: border-box;

}
.select_radio_trans_purple input[type=radio]:checked+label{
    background-color: #d941c5;
    color: #fff;
	border: 1px solid #d941c5;
	box-sizing: border-box;

}







.select_radio_product_box {
    padding: 0px 0px;
	border:0px;
	margin:5px 0px;
    text-align: center;
	

	/*
	display: flex;
    justify-content: flex-end;
	*/

}
.select_radio_product_box input[type=radio]{
    display: none;
}
.select_radio_product_box input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 270px;
	width: 49%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:15px;
	padding:5px;
	margin:2px 2px;

}
.select_radio_product_box input[type=radio]+label{
    background-color: #fff;
    color: #608c3c;
	border: 1px solid #608c3c;

}
.select_radio_product_box input[type=radio]:checked+label{
    background-color: #94bd48;
    color: #fff;
	border: 1px solid #608c3c;

}






.select_radio_trans_1 {
    padding: 0px 0px;
	border:0px;
	margin:5px;
}
.select_radio_trans_1 input[type=radio]{
    display: none;
}
.select_radio_trans_1 input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 45px;
    width: 100%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:15px;
	padding:5px;

}
.select_radio_trans_1 input[type=radio]+label{
    background-color: #fff;
    color: #ea4335;
	border: 1px solid #ea4335;

}
.select_radio_trans_1 input[type=radio]:checked+label{
    background-color: #ea4335;
    color: #fff;
	border: 1px solid #ea4335;

}



.select_radio_trans_2 {
    padding: 0px 0px;
	border:0px;
	margin:5px;
    text-align: center;
	display: flex;
    justify-content: flex-end;
}
.select_radio_trans_2 input[type=radio]{
    display: none;
}
.select_radio_trans_2 input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 45px;
	width: 100%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:15px;
	padding:5px;

}
.select_radio_trans_2 input[type=radio]+label{
    background-color: #fff;
    color: #ea4335;
	border: 1px solid #ea4335;

}
.select_radio_trans_2 input[type=radio]:checked+label{
    background-color: #ea4335;
    color: #fff;
	border: 1px solid #ea4335;

}


/*
.select_radio_trans_2 input[type=radio]:first-child + label {
	 width: 100%;
}
*/

/*
.select_radio_trans_2 > input[type=radio]:nth-child(1) + label {
	 width: 100%;
}
*/



/*
.select_radio_trans_2 input[type=radio]:first-child:nth-last-child(1), label {
	 width: 100%;
}

.select_radio_trans_2 input[type=radio]:first-child:nth-last-child(2), input[type=radio]:first-child:nth-last-child(2) ~ input[type=radio], label {
	 width: 49%;
}


*/


/*
<style>
HTML CSSResult Skip Results Iframe
EDIT ON
body {
  margin:0;
}

ul {
  padding: 0 1em;
  margin: 1em 0;
  list-style: none;
}

ul:after {
  display: block;
  content: "";
  clear: both;
}

li {
  float: left;
  outline: 2px solid gray;
  font-weight: bold;
  text-align: center;
  line-height: 2;
}

li:first-child:nth-last-child(1) {
  width: 100%;
  background-color: hsl(0,100%,80%);
}

li:first-child:nth-last-child(2),
li:first-child:nth-last-child(2) ~ li {
  width: 50%;
  background-color: hsl(60,100%,80%);
}

li:first-child:nth-last-child(3),
li:first-child:nth-last-child(3) ~ li {
  width: 33.3333%;
  background-color: hsl(120,100%,80%);
}

li:first-child:nth-last-child(4),
li:first-child:nth-last-child(4) ~ li {
  width: 25%;
  background-color: hsl(180,100%,80%);
}


</style>
HTML CSSResult Skip Results Iframe
EDIT ON
<ul>
  <li>1</li>
</ul>

<ul>
  <li>1</li>
  <li>2</li>
</ul>

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>

*/


/*
.select_radio_trans_2 input[type=radio]:first-child:nth-last-child(n), input[type=radio]:first-child:nth-last-child(n) ~ input[type=radio], label  {
	 width: 1 / n * 100%;
}
*/


/*
.select_radio_trans_2 input[type=radio]:nth-last-child(n + 2) + label ~ input[type=radio] + label, label:nth-last-child(2) {
	 width: 50%;
}
*/


/*
.select_radio_trans_2 input[type=radio]:nth-last-child(1) ~ input[type=radio], .select_radio_trans_2 label:nth-last-child(1) ~ label  {
	 width: 100%;
}
*/

/*
.select_radio_trans_2 input[type=radio]:nth-last-child(2) ~ input + label  {
	 width: 50%;
}
*/

/*
.select_radio_trans_2 input:first-child:nth-last-child(1) + label,
.select_radio_trans_2 input:first-child:nth-last-child(1) + label ~ input + label {
	 width: 100%;
}
*/

/*
.select_radio_trans_2 input[type=radio]:first-child:nth-last-child(1) + label,
.select_radio_trans_2 input[type=radio]:first-child:nth-last-child(1) + label ~ input[type=radio] + label {
	 width: 100%;
}
*/

/*
.select_radio_trans_2 input[type=radio] + label:first-child:nth-last-child(1),
.select_radio_trans_2 input[type=radio] + label:first-child:nth-last-child(1) ~ input[type=radio] + label {
	 width: 100%;
}
*/


/*
.select_radio_trans_2 input[type=radio]:first-child:nth-last-child(n) + label, input[type=radio]:first-child:nth-last-child(n) + label ~ input[type=radio] + label  {
	 width: 1 / n * 100%;
}
*/



/*
.select_radio_trans_2 input[type=radio]+label:first-child {
	 width: 100%;
}

.select_radio_trans_2 input[type=radio]:checked+label:first-child {
	 width: 100%;
}
*/
/*
.select_radio_trans_2 > label:first-child:nth-last-child(n), label:first-child:nth-last-child(n) ~ label {
	 width: 100%;
}
*/
/*
.select_radio_trans_2 input[type=radio]+label:first-child:nth-last-child(n), input[type=radio]+label:first-child:nth-last-child(n) ~ input {
	 width: 1 / n * 100%;
}
*/


.select_radio_trans_3 {
    padding: 0px 0px;
	border:0px;
	margin:5px;
    text-align: center;

}
.select_radio_trans_3 input[type=radio]{
    display: none;
}
.select_radio_trans_3 input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 45px;
    width: 32%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:15px;
	padding:5px;
}
.select_radio_trans_3 input[type=radio]+label{
    background-color: #fff;
    color: #ea4335;
	border: 1px solid #ea4335;

}
.select_radio_trans_3 input[type=radio]:checked+label{
    background-color: #ea4335;
    color: #fff;
	border: 1px solid #ea4335;

}





.select_radio_trans_4 {
    padding: 0px 0px;
	border:0px;
	margin:5px;
    text-align: center;

}
.select_radio_trans_4 input[type=radio]{
    display: none;
}
.select_radio_trans_4 input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 45px;
    width: 24.2%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:15px;
	padding:5px;
}
.select_radio_trans_4 input[type=radio]+label{
    background-color: #fff;
    color: #ea4335;
	border: 1px solid #ea4335;

}
.select_radio_trans_4 input[type=radio]:checked+label{
    background-color: #ea4335;
    color: #fff;
	border: 1px solid #ea4335;

}





.select_radio_trans_4_purple {
    padding: 0px 0px;
	border:0px;
	margin:5px 0px;
    text-align: center;

}
.select_radio_trans_4_purple input[type=radio]{
    display: none;
}
.select_radio_trans_4_purple input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 45px;
    width: 24.5%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:15px;
	padding:5px 0px;
	box-sizing: border-box;
}
.select_radio_trans_4_purple input[type=radio]+label{
    background-color: #fff;
    color: #d941c5;
	border: 1px solid #d941c5;
	box-sizing: border-box;

}
.select_radio_trans_4_purple input[type=radio]:checked+label{
    background-color: #d941c5;
    color: #fff;
	border: 1px solid #d941c5;
	box-sizing: border-box;

}





.select_radio_trans_medium {
    padding: 0px 0px;
	border:0px;
	margin:0px 0px;
    text-align: center;
	display: flex;
    justify-content: flex-end;
}
.select_radio_trans_medium input[type=radio]{
    display: none;
}
.select_radio_trans_medium input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 20px;
	width: 100%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 20px;
    text-align: center;
    font-weight:bold;
    font-size:13px;
	padding:5px;
	margin:0px 2px;

}
.select_radio_trans_medium input[type=radio]+label{
    background-color: #fff;
    color: #353c43;
	border: 1px solid #353c43;

}
.select_radio_trans_medium input[type=radio]:checked+label{
    background-color: #353c43;
    color: #fff;
	border: 1px solid #353c43;

}




.itsue-btn-pay-flash{
  padding:2px 2px;
  font-size:11px;
  color:#b00035;
  border:2px solid #ff498a;
  border-radius:6px;
  background:#fff;
  animation:itsue_btn_flash 0.9s infinite;
}
@keyframes itsue_btn_flash{
  0%,100%{ border-color:#efefef; color:#efefef; }
  50%{ border-color:#ff003c; color:#ff003c; }
}



.itsue-btn-danger-flash{
  padding:2px 2px;
  font-size:11px;
  color:#b00035;
  border:2px solid #ff498a;
  border-radius:6px;
  background:#fff;
  animation:itsue-btn-danger-flash 0.9s infinite;
}
@keyframes itsue-btn-danger-flash{
  0%,100%{ border-color:#999; color:#999; }
  50%{ border-color:#ff003c; color:#ff003c; }
}


.itsue-line-break{
  display:block; height:0; margin:0; padding:0; clear:both; margin-top:4px;
}



    /* 통계 패널 */
    .itsue_summary-panel {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .itsue_summary-grid {
	  display:grid; 
	  grid-template-columns:1fr 1fr 1fr 1fr 1fr;

      gap: 10px;
      flex: 1;
    }

    .itsue_summary-card {
      min-width: 200px;
      background: #f9fafb;
      border-radius: 8px;
      border: 1px solid #e5e7eb;
      padding: 10px 12px;
      display: flex;
      flex-direction: column;
      gap: 3px;
	  margin-bottom:5px;
    }

    .itsue_summary-label {
      font-size: 13px;
      color: var(--text-sub);
    }

    .itsue_summary-value {
      font-size: 15px;
      font-weight: 600;
      display: flex;
      align-items: baseline;
      gap: 4px;
    }

    .itsue_summary-value span.unit {
      font-size: 11px;
      color: #9ca3af;
    }

    .itsue_summary-value.itsue-num-point {
      color: #16a34a;
    }
    .itsue_summary-value.itsue-num-mail {
      color: #dc2626;
    }

    .itsue_summary-value.itsue-num-blue {
      color: #0072ca;
    }



    .itsue_summary-meta {
      font-size: 11px;
      color: #9ca3af;
      margin-top: 2px;
    }

    .itsue_summary-meta-subtitle {
      font-size: 12px;
      color: #353c43;
      margin-top: 2px;
	  font-weight:bold;
    }



    .itsue_summary-subtext {
      font-size: 11px;
      color: #9ca3af;
      margin-top: 1px;
    }




.itsue-sort-btn {
  border:none;
  background:transparent;
  padding:0;
  margin-top:-5px;
  width:18px;
  height:18px;
  border-radius:50%;
  cursor:pointer;
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:background 0.15s ease, color 0.15s ease, transform 0.1s ease;
  font-size:11px;
  color:#9ca3af;

}

.itsue-sort-btn::before {
  content:"↕";
  line-height:1;
}

.itsue-sort-btn.asc::before {
  content:"▲";
  color:#2563eb;
}

.itsue-sort-btn.desc::before {
  content:"▼";
  color:#2563eb;
}

.itsue-sort-btn:hover {
  background:rgba(37,99,235,0.08);
  color:#2563eb;
}








/* 2025-11-22 퀵 메뉴 래퍼 */
.itsue-quick-menu-wrap {
    position:absolute;
	left:5px;
	margin-top:8px;
}

/* 2025-11-22 라벨 */
.itsue-quick-menu-label {
    font-size:13px;
    color:#6b7280;
    margin-right:8px;
}

/* 2025-11-22 셀렉트 + 버튼 그룹 */
.itsue-quick-menu-inner {
    font-size:13px;
    display:inline-flex;
    align-items:center;
    gap:6px;
}

/* 2025-11-22 드랍다운 */
.itsue-quick-menu-select {
    min-width:170px;
    min-height:35px;
    padding:6px 30px 6px 10px;
    font-size:13px;
    border-radius:999px;
    border:1px solid #d1d5db;
    background:#ffffff;
    outline:none;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    position:relative;

}

/* 2025-11-22 드랍다운 포커스 */
.itsue-quick-menu-select:focus {
    font-size:13px;
    border-color:#2563eb;
    box-shadow:0 0 0 1px rgba(37,99,235,0.18);
}

/* 2025-11-22 이동 버튼 */
.itsue-quick-menu-btn {
margin-left:-60px;z-index:1000;

    padding:6px 14px;
    font-size:12px;
    border-radius:999px;
    border:1px solid #2563eb;
    background:linear-gradient(135deg,#2563eb,#22b8ff);
    color:#ffffff;
    cursor:pointer;
    font-weight:600;
    white-space:nowrap;
    box-shadow:0 6px 16px rgba(37,99,235,0.35);
}

/* 2025-11-22 버튼 호버 */
.itsue-quick-menu-btn:hover {
    filter:saturate(1.05);
    transform:translateY(-1px);
}

/* 2025-11-22 모바일 대응 (너비 줄었을 때) */
/*
@media (max-width: 640px) {
    .itsue-quick-menu-wrap {
        display:block;
        width:100%;
        border-radius:12px;
    }
    .itsue-quick-menu-inner {
        display:flex;
        width:100%;
    }
    .itsue-quick-menu-select {
        flex:1;
    }
}
*/






/* 채널 라벨 박스 – 라운드 태그 스타일 */
.itsue-channel-label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 4px;
    /*border-radius: 999px;*/
    border-radius: 5px;

    background: linear-gradient(135deg, #f7f8fb, #ffffff);
    border: 1px solid #d4d9e2;

    color: #353c43;                        /* 딥그레이 텍스트 */
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;

    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    position: relative;
	margin-right: -2px;

}

/* 왼쪽에 작은 포인트 바 */
.itsue-channel-label::before {
    /*content: "";*/
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3b82f6;                   /* 포인트 컬러 (블루) */
    margin-right: -2px;
}



/* 2025-11-22 퀵 메뉴 래퍼 */
.itsue-channel-menu-wrap {
	margin-top:8px;
	margin-left:10px;

}

/* 2025-11-22 라벨 */
.itsue-channel-menu-label {
    font-size:13px;
    color:#6b7280;
    margin-right:8px;

}

/* 2025-11-22 셀렉트 + 버튼 그룹 */
.itsue-channel-menu-inner {
    font-size:13px;
    display:inline-flex;
    align-items:center;
    gap:6px;

}

/* 2025-11-22 드랍다운 */
.itsue-channel-menu-select {
    min-width:250px;
    min-height:35px;
    padding:6px 30px 6px 5px;
    font-size:13px;
    border:1px solid #d1d5db;
    outline:none;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    position:relative;
	background:linear-gradient(135deg,#353c43,#353c43);
    color:#fff;
	font-weight:bold


}

/* 2025-11-22 드랍다운 포커스 */
.itsue-channel-menu-select:focus {
    font-size:13px;
    border-color:#2563eb;
    box-shadow:0 0 0 1px rgba(37,99,235,0.18);
}

/* 2025-11-22 이동 버튼 */
.itsue-channel-menu-btn {
margin-left:-60px;z-index:1000;

    padding:6px 14px;
    font-size:12px;
    border:1px solid #d73d94;
    background:linear-gradient(135deg,#d73d94,#d73d94);
    color:#ffffff;
    cursor:pointer;
    font-weight:600;
    white-space:nowrap;
    box-shadow:0 6px 16px rgba(37,99,235,0.35);
}

/* 2025-11-22 버튼 호버 */
.itsue-channel-menu-btn:hover {
    filter:saturate(1.05);
    transform:translateY(-1px);
}

/* 2025-11-22 모바일 대응 (너비 줄었을 때) */
/*
@media (max-width: 640px) {
    .itsue-channel-menu-wrap {
        display:block;
        width:100%;
        border-radius:12px;
    }
    .itsue-channel-menu-inner {
        display:flex;
        width:100%;
    }
    .itsue-channel-menu-select {
        flex:1;
    }
}
*/










.c_btn {float:left; background:#fff; border:1px solid #ccc; box-sizing:border-box; padding:0 10px; overflow:hidden; white-space:nowrap; text-decoration:none !important; text-align:center !important;}
.c_btn {color:#666 !important; font-weight:400 !important; font-size:12px !important; margin-right:5px;}
.c_btn+ .c_tag {margin-left:5px;}

.c_btn.h22 {height:22px; line-height:18px !important; line-height:17px\0 !important; font-size:11px !important; padding:0 5px; }
.c_btn.h23 {height:23px; line-height:19px !important; line-height:19px\0 !important;}
.c_btn.h24 {height:24px; line-height:20px !important; line-height:21px\0 !important;}
.c_btn.h25 {height:25px; line-height:21px !important; line-height:21px\0 !important;}
.c_btn.h26 {height:25px; line-height:21px !important; line-height:21px\0 !important;}
.c_btn.h27 {height:27px; line-height:23px; line-height:22px\0 !important;}
.c_btn.h28 {height:28px; line-height:25px; line-height:24px\0 !important;}
.c_btn.h34 {height:34px; line-height:31px; line-height:30px\0 !important; padding:0 21px; font-size:15px !important; letter-spacing:-1px; font-weight:600 !important;}
.c_btn.h46 {height:46px; line-height:40px; line-height:41px\0 !important; padding:0 24px; font-size:17px !important; letter-spacing:-1.5px; font-weight:600 !important;}


.c_btn.gray {background:#efefef; border-color:#ccc !important; color:#666 !important;}
.c_btn.gray input {color:#666;}
.c_btn.black {background:#353c43 !important; border-color:#353c43 !important; color:#fff !important;}
.c_btn.black input {color:#fff;}
.c_btn.red {background:#f40000 !important; border-color:#f40000 !important; color:#fff !important;}
.c_btn.red input {color:#fff;}
.c_btn.green {background:#01c73c !important; border-color:#01c73c !important; color:#fff !important;}
.c_btn.green input {color:#fff;}
.c_btn.blue {background-color:#008aff !important; border-color:#008aff !important; color:#fff !important;}
.c_btn.blue input {color:#fff;}



select {border:1px solid #DCDCE5; height:35px; padding:0 10px; padding-right:25px; border-radius:5px; box-sizing:border-box;}
select {background-color:#fafafa; background-image:url('../images/select.svg'); background-position:right 8px center; background-repeat:no-repeat; background-size:9px !important; }
select {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; max-width:100% !important; color:#606070; margin:0px;}
select:focus {background-color:#fff; border-color:#0351FF !important; color:#0351FF !important; box-shadow:0 0 0 3px rgba(3,81,255,0.2) !important;}
select option {width:100%;}
select:disabled {background-color:#F1F1F6 !important; cursor:no-drop; color:#AEAEB9 !important;}
.select2-container {width:100% !important;}

.select2 {max-width:100% !important; box-sizing:border-box; height:35px; }
.select2-container--default .select2-selection--single {border:1px solid #DCDCE5 !important; border-radius:5px !important; background-color:#fafafa !important; }
.select2-container .select2-selection--single {height:35px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {height:35px; line-height:35px !important; color:#606070 !important; padding:0 10px; padding-right:30px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height:100% !important; background:transparent url('../images/select.svg') right 10px center no-repeat; background-size:9px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display:none;}
.select2-dropdown {border:1px solid #DCDCE5 !important; border-top:0 !important;}


select.pay_ok {background-color:#008aff; background-image:url('../images/select_white.svg'); color:#fff !important; border-color:#008aff !important;}
select.pay_ready {background-color:#92dd00; background-image:url('../images/select_white.svg'); color:#fff !important; border-color:#92dd00 !important;}
select.diliver_ready {background-color:#ff7e38 ; background-image:url('../images/select_white.svg');  color:#fff !important; border-color:#ff7e38 !important;}
select.diliver_ing {background-color:#00c397; background-image:url('../images/select_white.svg'); color:#fff !important; border-color:#00c397 !important;}
select.diliver_ok {background-color:#00b540; background-image:url('../images/select_white.svg'); color:#fff !important; border-color:#00b540 !important;}
select.cancel {background-color:#CECEDB; background-image:url('../images/select_white.svg'); border-color:#CECEDB !important;}



/*



select {border:1px solid #d9dee3; padding:1px 22px 4px 8px; padding:1px 22px 3px 6px\0; float:left; font-size:12px !important; height:27px; margin-right:5px;}
select {-webkit-appearance: none; appearance: none;  -moz-appearance: none; -webkit-user-select: none; background:#fff url('../images/select.gif') right center no-repeat;}
select:focus {border-color:#aaa;}
select::-ms-expand {display:none;}
select+ select {margin-left:5px;}
select+ .c_btn {margin-left:5px;}
.c_btn+ select {margin-left:5px;}


select.diliver_0 {background:#999 url('../images/select_w.gif') right center no-repeat; color:#fff;}
select.diliver_1 {background:#008aff url('../images/select_w.gif') right center no-repeat; color:#fff;}
select.diliver_2 {background:#353c43 url('../images/select_w.gif') right center no-repeat; color:#fff;}
select.diliver_3 {background:#01c73c url('../images/select_w.gif') right center no-repeat; color:#fff;}
select.diliver_4 {background:#006633 url('../images/select_w.gif') right center no-repeat; color:#fff;}
select.cancel {background-color:#efefef}
*/





/* 2025-11-23 팝업/새창 링크 아이콘 기본 스타일 */
.icon-popup-link {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    margin-left: 4px;
    vertical-align: -1px;   /* 텍스트랑 높이 맞추기 */
    color: #4b5563;         /* 기본 아이콘 색 (currentColor 기준) */
}

/* 2025-11-23 바깥 사각형(창 모양) */
.icon-popup-link::after {
    content: "";
    position: absolute;
    left: 1px;
    bottom: 1px;
    width: 8px;
    height: 8px;
    border: 1px solid currentColor;
    border-radius: 2px;
    box-sizing: border-box;
}

/* 2025-11-23 오른쪽 위로 나가는 화살표 */
.icon-popup-link::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 6px;
    height: 6px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    box-sizing: border-box;
}




/* 2025-11-23 팝업/새창 링크 아이콘 기본 스타일 */
.icon-popup-link-2 {
    position: relative;
    display: inline-block;
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    margin-left: 2px;
    vertical-align: -2px;   /* 텍스트랑 높이 맞추기 */
}

/* 2025-11-23 바깥 사각형(창 모양) */
.icon-popup-link-2::after {
    content: "";
    position: absolute;
    left: 1px;
    bottom: 1px;
    width: 12px;
    height: 12px;
    border: 1px solid currentColor;
    border-radius: 2px;
    box-sizing: border-box;
}

/* 2025-11-23 오른쪽 위로 나가는 화살표 */
.icon-popup-link-2::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 6px;
    height: 6px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    box-sizing: border-box;
}




/* 2025-11-20 input_small 버튼 필터칩 공통 레이아웃 */

/* 공통 레이아웃 & 인터랙션 */
.itsue_shop_btn_pack .input_small {
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    min-width:70px;
    height:32px;
    border-radius:999px;
    border:1px solid transparent;
    font-size:12px;
    font-weight:500;
    letter-spacing:0.02em;
    white-space:nowrap;
    cursor:pointer;
    box-sizing:border-box;
    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .08s ease,
        box-shadow .15s ease;
}

/* 작은 인디케이터 점(공통) */
.itsue_shop_btn_pack .input_small::before {
    content:"";
    display:inline-block;
    width:6px;
    height:6px;
    border-radius:50%;
    margin-right:6px;
    transition:background-color .15s ease, transform .15s ease;
}

/* 공통 hover/active/focus 동작 (색상은 밑에서 테마별로 지정) */
.itsue_shop_btn_pack .input_small:hover {
    transform:translateY(-1px);
    box-shadow:0 2px 6px rgba(15,23,42,.12);
}
.itsue_shop_btn_pack .input_small:hover::before {
    transform:scale(1.1);
}
.itsue_shop_btn_pack .input_small:active {
    transform:translateY(0);
    box-shadow:0 1px 3px rgba(15,23,42,.1);
}
.itsue_shop_btn_pack .input_small:focus {
    outline:none;
    box-shadow:0 0 0 2px rgba(129,140,248,.4);
}

/* 선택된 상태 */
.itsue_shop_btn_pack .input_small.is-active {
    box-shadow:0 4px 10px rgba(37,99,235,.4);
}

/* 비활성 */
.itsue_shop_btn_pack .input_small:disabled,
.itsue_shop_btn_pack .input_small[disabled] {
    cursor:default;
    background:#f3f4f6;
    border-color:#e5e7eb;
    color:#9ca3af;
    box-shadow:none;
}


/* ─────────────────────────────
   🎨 1) GRAY 기본 테마
   ───────────────────────────── */

.itsue_shop_btn_pack .input_small.gray {
    background:#f9fafb;
    border-color:#cbd5e1;
    color:#0f172a;
}
.itsue_shop_btn_pack .input_small.gray::before {
    background:#94a3b8;
}
.itsue_shop_btn_pack .input_small.gray:hover {
    background:#eef2ff;
    border-color:#818cf8;
    color:#111827;
}
.itsue_shop_btn_pack .input_small.gray:hover::before {
    background:#6366f1;
}
.itsue_shop_btn_pack .input_small.gray:active {
    background:#e0e7ff;
    border-color:#6366f1;
}
.itsue_shop_btn_pack .input_small.gray.is-active {
    background:#1d4ed8;
    border-color:#1d4ed8;
    color:#f9fafb;
}
.itsue_shop_btn_pack .input_small.gray.is-active::before {
    background:#bfdbfe;
}


/* ─────────────────────────────
   🎨 2) BLUE 테마
   ───────────────────────────── */

.itsue_shop_btn_pack .input_small.blue {
    background:#eff6ff;
    border-color:#bfdbfe;
    color:#0b1f4a;
}
.itsue_shop_btn_pack .input_small.blue::before {
    background:#60a5fa;
}
.itsue_shop_btn_pack .input_small.blue:hover {
    background:#dbeafe;
    border-color:#60a5fa;
    color:#0b1f4a;
}
.itsue_shop_btn_pack .input_small.blue:hover::before {
    background:#2563eb;
}
.itsue_shop_btn_pack .input_small.blue:active {
    background:#bfdbfe;
    border-color:#3b82f6;
}
.itsue_shop_btn_pack .input_small.blue.is-active {
    background:#1d4ed8;
    border-color:#1d4ed8;
    color:#f9fafb;
}
.itsue_shop_btn_pack .input_small.blue.is-active::before {
    background:#bfdbfe;
}


/* ─────────────────────────────
   🎨 3) GREEN 테마
   ───────────────────────────── */

.itsue_shop_btn_pack .input_small.green {
    background:#ecfdf5;
    border-color:#bbf7d0;
    color:#064e3b;
}
.itsue_shop_btn_pack .input_small.green::before {
    background:#4ade80;
}
.itsue_shop_btn_pack .input_small.green:hover {
    background:#dcfce7;
    border-color:#4ade80;
    color:#064e3b;
}
.itsue_shop_btn_pack .input_small.green:hover::before {
    background:#22c55e;
}
.itsue_shop_btn_pack .input_small.green:active {
    background:#bbf7d0;
    border-color:#22c55e;
}
.itsue_shop_btn_pack .input_small.green.is-active {
    background:#16a34a;
    border-color:#16a34a;
    color:#f0fdf4;
}
.itsue_shop_btn_pack .input_small.green.is-active::before {
    background:#bbf7d0;
}


/* ─────────────────────────────
   🎨 4) PINK 테마
   ───────────────────────────── */

.itsue_shop_btn_pack .input_small.pink {
    background:#fdf2f8;
    border-color:#f9a8d4;
    color:#831843;
}
.itsue_shop_btn_pack .input_small.pink::before {
    background:#f472b6;
}
.itsue_shop_btn_pack .input_small.pink:hover {
    background:#fce7f3;
    border-color:#f472b6;
    color:#831843;
}
.itsue_shop_btn_pack .input_small.pink:hover::before {
    background:#db2777;
}
.itsue_shop_btn_pack .input_small.pink:active {
    background:#f9a8d4;
    border-color:#ec4899;
}
.itsue_shop_btn_pack .input_small.pink.is-active {
    background:#db2777;
    border-color:#db2777;
    color:#fdf2f8;
}
.itsue_shop_btn_pack .input_small.pink.is-active::before {
    background:#f9a8d4;
}


/* ─────────────────────────────
   🎨 5) ORANGE 테마
   ───────────────────────────── */

.itsue_shop_btn_pack .input_small.orange {
    background:#fff7ed;
    border-color:#fed7aa;
    color:#7c2d12;
}
.itsue_shop_btn_pack .input_small.orange::before {
    background:#fb923c;
}
.itsue_shop_btn_pack .input_small.orange:hover {
    background:#ffedd5;
    border-color:#fdba74;
    color:#7c2d12;
}
.itsue_shop_btn_pack .input_small.orange:hover::before {
    background:#ea580c;
}
.itsue_shop_btn_pack .input_small.orange:active {
    background:#fed7aa;
    border-color:#fb923c;
}
.itsue_shop_btn_pack .input_small.orange.is-active {
    background:#ea580c;
    border-color:#ea580c;
    color:#fff7ed;
}
.itsue_shop_btn_pack .input_small.orange.is-active::before {
    background:#fed7aa;
}


/* ─────────────────────────────
   🎨 6) DARK (#353c43) 테마
   ───────────────────────────── */

.itsue_shop_btn_pack .input_small.dark {
    background:#f3f4f6;      /* 은은한 연회색 배경 */
    border-color:#d1d5db;    /* 기본 테두리 */
    color:#111827;           /* 진한 텍스트 */
}
.itsue_shop_btn_pack .input_small.dark::before {
    background:#6b7280;      /* 인디케이터 점 기본색 (중간 회색) */
}

/* hover: 살짝 진해지고 입체감 */
.itsue_shop_btn_pack .input_small.dark:hover {
    background:#e5e7eb;
    border-color:#9ca3af;
    color:#111827;
}
.itsue_shop_btn_pack .input_small.dark:hover::before {
    background:#4b5563;
}

/* active: 눌렀을 때 살짝 더 진하게 */
.itsue_shop_btn_pack .input_small.dark:active {
    background:#d1d5db;
    border-color:#4b5563;
}

/* 선택된 상태: #353c43 풀 채움 */
.itsue_shop_btn_pack .input_small.dark.is-active {
    background:#353c43;   /* 요청 컬러 메인 */
    border-color:#353c43;
    color:#f9fafb;
    box-shadow:0 4px 10px rgba(15,23,42,.45);
}
.itsue_shop_btn_pack .input_small.dark.is-active::before {
    background:#9ca3af;   /* 연한 회색 점 */
}