@charset "utf-8";

/* font-face */
@font-face {
    font-family:"SpoqaHanSansNeo";
    font-style:normal;
    font-weight:300;
    src: local("../fonts/SpoqaHanSansNeo-Light"), /* computer */
    url("../fonts/SpoqaHanSansNeo-Light.eot"), /* IE9 Compat Modes */
    url("../fonts/SpoqaHanSansNeo-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/SpoqaHanSansNeo-Light.woff2") format("woff2"), /* Modern Browsers */
    url("../fonts/SpoqaHanSansNeo-Light.woff") format("woff"), /* Modern Browsers */
    url("../fonts/SpoqaHanSansNeo-Light.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
    font-family:"SpoqaHanSansNeo";
    font-style:normal;
    font-weight:400;
    src: local("../fonts/SpoqaHanSansNeo-Regular"), /* computer */
    url("../fonts/SpoqaHanSansNeo-Regular.eot"), /* IE9 Compat Modes */
    url("../fonts/SpoqaHanSansNeo-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2"), /* Modern Browsers */
    url("../fonts/SpoqaHanSansNeo-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/SpoqaHanSansNeo-Regular.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
    font-family:"SpoqaHanSansNeo";
    font-style:normal;
    font-weight:600;
    src: local("../fonts/SpoqaHanSansNeo-Medium"), /* computer */
    url("../fonts/SpoqaHanSansNeo-Medium.eot"), /* IE9 Compat Modes */
    url("../fonts/SpoqaHanSansNeo-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/SpoqaHanSansNeo-Medium.woff2") format("woff2"), /* Modern Browsers */
    url("../fonts/SpoqaHanSansNeo-Medium.woff") format("woff"), /* Modern Browsers */
    url("../fonts/SpoqaHanSansNeo-Medium.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
    font-family:"SpoqaHanSansNeo";
    font-style:normal;
    font-weight:700;
    src: local("../fonts/SpoqaHanSansNeo-Bold"), /* computer */
    url("../fonts/SpoqaHanSansNeo-Bold.eot"), /* IE9 Compat Modes */
    url("../fonts/SpoqaHanSansNeo-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/SpoqaHanSansNeo-Bold.woff2") format("woff2"), /* Modern Browsers */
    url("../fonts/SpoqaHanSansNeo-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/SpoqaHanSansNeo-Bold.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* reset */
html,body {width:100%; height:100%;}
body * {box-sizing: border-box;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,menu2,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
body{-webkit-text-size-adjust:none; word-wrap:break-word; word-break:break-all;}
body.fixed{overflow-y: hidden;}
body,input,select,textarea,button,pre {border:none; font-size:16px; font-family:'SpoqaHanSansNeo'; font-weight:400; color:#222; }
ul,ol,li{list-style-type:none;}
table{ border-spacing:0; }
img,fieldset{border:0;}
address,cite,code{font-style:normal; font-weight:normal;}
em, i{ font-style:normal; }
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,legend{overflow: hidden; display:block; position:absolute; border: 0; width: 1px !important; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#333;text-decoration:none;}
button { cursor: pointer; color:#222; background-color: transparent; font-weight:400; transition:all .2s ease;}
pre{ white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; }

/* input */
input[type=password],
input[type=tel],
input[type=time],
input[type=text],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],

textarea { font-size:14px; color:#222; border:1px solid #dcdcdc; background-color:#fff; box-sizing: border-box; vertical-align:middle; border-radius:5px; transition:border-color .3s;}
textarea{ resize: none; width:100%; padding:12px 10px;}

input[type=tel],
input[type=email],
input[type=number],
input[type=password],
input[type=text] { padding: 0 10px; height: 40px; line-height: 40px; }

input[type=password]::-moz-reveal,
input[type=password]::-ms-reveal { display: none; width: 0; height: 0; }
input[type=email],
input[type=number],
input[type=password],
input[type=text] {font-size:14px; color:#222;}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder{ color: #9199a1; font-size:14px;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield; }
input[type=text]::-ms-clear { display: none; }
select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand{ display:none; }

textarea:focus, input:focus{border:1px solid #3a7afe; outline:none;}
input[readonly], input[disabled]{background-color:#f9f9f9;}
label{cursor:pointer;}


/* 텍스트박스(공통사항)-자동완성 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow:none !important;
    -webkit-text-fill-color: #222 !important;
}

/* check, radio */
.label {display:inline-block; height:20px; line-height:20px; padding-left:20px; text-indent:8px;}
.label.txt{padding-left: 60px;}
.inp_inline{display: inline-block; margin-right: 25px;}
.inp_inline:last-child{margin-right: 0;}
.inp_inline label{font-size:14px; color:#242e47;}
.inp_inline label.disabled{color:#a7abb5;}

.ch_check + .label {background: url('../images/icons/check_off.png') no-repeat left center; cursor: pointer;}
.ch_check:checked + .label { background-image: url('../images/icons/check_on.png'); }
.ch_check[type=checkbox][disabled] + .label {background-image: url('../images/icons/disabled_check_off.png');}

.ch_radio + .label {background: url('../images/icons/radio_off.png') no-repeat left center; cursor: pointer;}
.ch_radio:checked + .label { background-image: url('../images/icons/radio_on.png'); }
.ch_radio[type=radio][disabled] + .label {background-image: url('../images/icons/disabled_radio_off.png');}

.checkbox_list{margin-left:-25px;}
.checkbox_list .inp_inline{margin:5px 0 5px 25px;}

/* custom-select */
.custom-select{position:relative; display: inline-block; vertical-align:middle; color:#9199a1;}
.custom-select select{display: none;}
.custom-select label{overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
.select-selected {position: relative; background-color:#fff; color:#9199a1; border: 1px solid #dcdcdc; height: 40px; line-height:40px; transition: all .3s; border-radius:5px; overflow:hidden;}
.select-selected:after{content:''; display:block; width:38px; height:38px; position:absolute; right:0; top:0; background:#f9f9f9 url('../images/icons/icon_select_down.png') no-repeat center;}
.select-selected.select-arrow-active{border: 1px solid #3a7afe; color:#626774;}
.select-selected.select-arrow-active:after{background-image:url('../images/icons/icon_select_up.png');}
.select-selected.disabled{background-color:#f9f9f9;}

.select-items{max-height:200px; overflow-y:scroll;}
.select-items::-webkit-scrollbar { width: 4px; height: 4px;}
.select-items::-webkit-scrollbar-thumb { background-color:#626774; border-radius: 100px; }
.select-items::-webkit-scrollbar-track { background-color:#626774; border-radius: 100px; background-clip: padding-box; border: 3px solid transparent; }
.select-items div,.select-selected{line-height:40px; padding:0 10px; cursor:pointer; user-select:none; font-size:14px;}
.select-items{position:absolute;background-color:#fff;top:100%;left:0;right:0;z-index:99;color:#9199a1;border:1px solid  #dcdcdc; border-radius:5px;}
.select-hide{display:none}
.select-items div:hover,.same-as-selected{background-color:#f9f9f9; color:#626774;}

/* custom_date */
.custom_date{display:inline-block; position:relative;}
.custom_date:after{content:''; display:block; width:38px; height:38px; position:absolute; border-radius: 0 5px 5px 0; right:1px; top:1px; background:#f9f9f9 url('../images/icons/icon_calendar.png') no-repeat center; pointer-events: none;}
.custom_date input.date{background-color:#fff; cursor:pointer;}

/* float */
.left { float: left; }
.right { float: right; }
.clear {clear:both;}
.clear:after { content:""; display:block; clear:both; }

/* display */
.dis_none {display: none;}
.dis_block {display: block;}
.dis_inblock {display: inline-block;}

/* text-align */
.txt_center {text-align: center;}
.txt_left {text-align: left;}
.txt_right {text-align: right;}

/* font-weight */
.fw_light{font-weight:300}
.fw_regular{font-weight:400}
.fw_medium{font-weight:600}
.fw_bold{font-weight:700}

/* font-size */
.fs_10{font-size:10px;}
.fs_14{font-size:14px;}
.fs_17{font-size:17px;}
.fs_18{font-size:18px;}
.fs_20{font-size:20px;}
.fs_24{font-size:24px;}

/* line-height */
.line_h_40{line-height:40px;}

/* color */
.col_blue{color:#3a7afe;}
.col_gray{color:#666;}
.col_gray_type2{color:#9199a1;}
.col_red{color:#ed6766;}
.col_inherit{color:inherit !important;}

/* margin */
.marleft_3per{margin-left:3%};
.marleft_5per{margin-left:5%};
.marleft_8per{margin-left:8%};
.martop_3{margin-top:3px;}
.martop_10{margin-top:10px;}
.martop_20{margin-top:20px;}
.martop_22{margin-top:22px;}
.martop_25{margin-top:25px;}
.martop_30{margin-top:30px;}
.martop_40{margin-top:40px;}
.martop_50{margin-top:50px;}
.marleft_4{margin-left:4px;}
.marleft_6{margin-left:6px;}
.marleft_10{margin-left:10px;}
.marleft_16{margin-left:16px;}
.marleft_20{margin-left:20px;}
.marleft_22{margin-left:22px;}
.marleft_25{margin-left:25px;}
.marleft_30{margin-left:30px;}
.marleft_33{margin-left:33px;}
.marleft_40{margin-left:40px;}
.marleft_43{margin-left:43px;}
.marleft_50{margin-left:50px;}
.marleft_53{margin-left:53px;}
.marleft_70{margin-left:70px;}
.marleft_77{margin-left:77px;}
.marleft_85{margin-left:85px;}
.marleft_90{margin-left:90px;}
.marleft_100{margin-left:100px;}
.marleft_102{margin-left:102px;}
.marleft_140{margin-left:140px;}
.marleft_185{margin-left:185px;}
.marbottom_10{margin-bottom:10px;}
.marbottom_12{margin-bottom:12px;}
.marbottom_24{margin-bottom:24px;}
.marbottom_36{margin-bottom:36px;}
.marright_2{margin-right:2px;}
.marright_10{margin-right:10px;}
.marright_20{margin-right:20px;}
.martop_5_left_30{margin-top:5px; margin-left:40px;}
.martop_10_left_4{margin-top:10px; margin-left:4px;}
.martop_10_left_30{margin-top:10px; margin-left:30px;}
.martop_10_left_50{margin-top:10px; margin-left:50px;}
.martop_20_left_50{margin-top:20px; margin-left:50px;}
.martop_20_left_30{margin-top:20px; margin-left:40px;}
.martop_30_left_30{margin-top:30px; margin-left:30px;}
.martop_50_left_30{margin-top:50px; margin-left:30px;}
/* padding */
.pdtop_10{padding-top:10px;}
.pdtop_20{padding-top:20px;}
.pdleft_25{padding-left:25px !important;}

/* border */
.bortop{border-top:1px solid #dfe0e3;}

/* width */
.w_10{width:10px;}
.w_30{width:30px;}
.w_40{width:40px;}
.w_60{width:60px;}
.w_80{width:80px;}
.w_100{width:100px;}
.w_140{width:140px;}
.w_150{width:150px;}
.w_170{width:170px;}
.w_178{width:178px;}
.w_180{width:180px;}
.w_200{width:200px;}
.w_240{width:240px !important;}
.w_250{width:250px;}
.w_265{width:265px !important;}
.w_300{width:300px;}
.w_376{width:376px;}
.w_500{width:500px;}

.w_minus_24{width:calc(100% - 24px);}
.w_minus_188{width:calc(100% - 188px);}
.w_minus_273{width:calc(100% - 273px) !important;}

.w_50_minus_12{width:calc(50% - 12px);}
.w_50_minus_90{width:calc(50% - 90px) !important;}
.w_50_minus_40{width:calc(50% - 40px);}

.w_max_265{max-width:265px;}

.w_full{width:100% !important;}

/* height */
.h_10{height:10px;}
.h_120{height:120px;}
.h_240{height:240px !important;}
.h_500{height:500px;}

.min_h_240{min-height:240px;}
.min_h_480{min-height:480px !important;}

/* text 말줄임표 */
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* vertical-align */
.ver_top{vertical-align: top;}
.ver_middle{vertical-align: middle;}

/* scroll */
header .gnb,
.scroll { overflow: auto !important;}
header .gnb::-webkit-scrollbar,
.scroll::-webkit-scrollbar { width: 4px; height: 4px;}
header .gnb::-webkit-scrollbar-thumb,
.scroll::-webkit-scrollbar-thumb { background-color:#626774; border-radius: 100px; }
header .gnb::-webkit-scrollbar-track,
.scroll::-webkit-scrollbar-track { background-color:#626774; border-radius: 100px; background-clip: padding-box; border: 3px solid transparent; }

/* button */
.gray_btn{height:40px; line-height:40px; border-radius:6px; background-color:#626774; color:#fff; font-size:14px; display: inline-block;}
.gray_btn.disabled{background-color:#aeafb4; cursor: default; pointer-events: none;}
.blue_btn{display: inline-block;height:40px; line-height:40px; border-radius:6px; background-color:#3a7afe; color:#fff; font-size:14px;text-align: center;}
.blue_btn.disabled{background-color:#9dbdff; cursor: default; pointer-events: none;}
.black_btn{height:50px; line-height:50px; border-radius:6px; background-color:#222; color:#fff; font-size:14px;}
.black_btn2{height:30px; line-height:30px; border-radius:6px; background-color:#222; color:#fff; font-size:14px;}
.red_btn{height:40px; line-height:40px; border-radius:6px; background-color:#ed6766; color:#fff; font-size:14px;}
.red_btn.disabled{background-color:#ebafaf; cursor: default; pointer-events: none;}
.excel_down_btn{display:inline-block; width:140px; height:40px; padding-left:42px; line-height:40px; font-size:14px; color:#fff; background:#626774 url('../images/icons/excel_btn_icon.png') no-repeat 18px center/20px; border-radius:6px;}
.excel_down_btn.w_auto { height: auto; width: auto; padding-right: 20px; }
.excel_upload_btn{display:inline-block; width:140px; height:40px; padding-left:48px; line-height:40px; font-size:14px; color:#fff; background:#626774 url('../images/icons/excel_btn_icon.png') no-repeat 24px center/20px; border-radius:6px;}
.toast_btn{height:50px; line-height:50px; border-radius:6px; background-color:#222; color:#fff; font-size:14px; opacity:0.9;}
/* .img_enroll_btn{display:inline-block; width:70px; height:70px; background:url('../images/icons/img_enroll_btn.png') no-repeat center/contain;} */
.img_cancel_btn{display:inline-block; width:40px; height:40px; background:url('../images/icons/cancel_btn_gray.png') no-repeat center/contain;}
.img_plus_btn{display:inline-block; width:40px; height:40px; background:url('../images/icons/plus_btn_blue.png') no-repeat center/contain;}
.img_search_glasses_btn{display:inline-block; width:40px; height:40px; background:url('../images/icons/icon_search_glasses.png') no-repeat center/contain;}

/* layout */
#wrap{min-width:1336px; }

/* header, gnb */
header{width:270px; height:100vh; position:fixed; left:0; top:0; z-index:10; box-shadow:0 0 15px rgba(211,216,220,.3); background-color:#fff;}
header h1{height:80px; border-bottom:1px solid #ebeef6;}
header h1 a{display:block; width:100%; height:100%;}
header .gnb{padding-top:60px; padding-right:20px;}
header .gnb .menu{height:50px; position:relative; cursor:pointer; margin-bottom:10px;}
header .gnb .menu strong{font-size:20px; font-weight:700; position:absolute; top:50%; left:64px; transform:translateY(-50%);}
header .gnb .menu:before{content:''; display:block; width:24px; height:24px; background:no-repeat center/contain; position:absolute; top:50%; left:30px; transform:translateY(-50%);}
header .gnb .menu.active{background-color:#3a7afe; border-radius:0 30px 30px 0;}
header .gnb .menu.active strong{color:#fff;}
header .gnb .menu.active:after{content:''; display:block; width:32px; height:32px; background:url('../images/icons/gnb_icon_more.png'); position:absolute; top:50%; right:15px; transform:translateY(-50%);}
header .gnb ul{padding-bottom:28px; padding-top:8px; display:none;}
header .gnb ul.active{display:block;}
header .gnb ul li{height:35px;}
header .gnb ul li a{display:block; height:100%; padding-left:54px; line-height:35px; position:relative; color:#9e9e9e; transition:color .2s ease;}
header .gnb ul li a:before{content:''; display:block; width:6px; height:6px; border-radius:50%; background-color:#d2d2d2; position:absolute; top:50%; transform:translateY(-50%); left:41px; transition:background-color .2s ease;}
header .gnb ul li a.active,
header .gnb ul li a:hover{color:#222;}
header .gnb ul li a.active:before,
header .gnb ul li a:hover:before{background-color:#3a7afe;}


header .gnb .menu2{height:50px; position:relative; cursor:pointer; margin-bottom:10px;}
header .gnb .menu2 strong{font-size:17px; font-weight:700; position:absolute; top:50%; left:64px; transform:translateY(-50%);}
header .gnb .menu2:before{content:''; display:block; width:24px; height:24px; background:no-repeat center/contain; position:absolute; top:50%; left:30px; transform:translateY(-50%);}
header .gnb .menu2.active{background-color:#3a7afe; border-radius:0 30px 30px 0;}
header .gnb .menu2.active strong{color:#fff;}
header .gnb .menu2.active:after{content:''; display:block; width:32px; height:32px; background:url('../images/icons/gnb_icon_more.png'); position:absolute; top:50%; right:15px; transform:translateY(-50%);}

 

header .gnb ul li p{display:block; height:100%; padding-left:54px; line-height:35px; position:relative; color:#9e9e9e; transition:color .2s ease;}
header .gnb ul li p:before{content:''; display:block; width:6px; height:6px; border-radius:50%; background-color:#d2d2d2; position:absolute; top:50%; transform:translateY(-50%); left:41px; transition:background-color .2s ease;}
header .gnb ul li p.active,
header .gnb ul li p:hover{color:#222;}
header .gnb ul li p.active:before,
header .gnb ul li p:hover:before{background-color:#3a7afe;}

header .gnb ul li ul li a{display:block; height:100%; padding-left:54px; line-height:35px; position:relative; color:#9e9e9e; transition:color .2s ease;}
header .gnb ul li ul li a:before{content:''; display:block; width:6px; height:6px; border-radius:50%; background-color:#d2d2d2; position:absolute; top:50%; transform:translateY(-50%); left:41px; transition:background-color .2s ease;}
header .gnb ul li ul li a.active,
header .gnb ul li ul li a:hover{color:#222;}
header .gnb ul li ul li a.active:before,
header .gnb ul li ul li a:hover:before{background-color:#3a7afe;}



/* header .gnb .menu.member:before{background-image:url('../images/icons/gnb_icon_member.png');}
header .gnb .menu.order:before{background-image:url('../images/icons/gnb_icon_order.png');}
header .gnb .menu.contents:before{background-image:url('../images/icons/gnb_icon_contents.png');}
header .gnb .menu.statistics:before{background-image:url('../images/icons/gnb_icon_statistics.png');}
header .gnb .menu.active.member:before{background-image:url('../images/icons/gnb_icon_member_active.png');}
header .gnb .menu.active.order:before{background-image:url('../images/icons/gnb_icon_order_active.png');}
header .gnb .menu.active.contents:before{background-image:url('../images/icons/gnb_icon_contents_active.png');}
header .gnb .menu.active.statistics:before{background-image:url('../images/icons/gnb_icon_statistics_active.png');} */

/* main */
main{width:calc(100% - 270px); min-height:100vh; margin-left:270px; background-color:#ebeef6; position:relative;}
main .my_nav{height: 80px; position:relative; background-color:#fff; box-shadow:0 0 15px rgba(211, 216, 220, 0.3);}
main .my_nav ul{height:32px; padding-right:14px; position:absolute; top:50%; right:0; transform:translateY(-50%);}
main .my_nav ul li{float:left; padding-right:26px;}
main .my_nav ul li a{color:#666; display:block; height:32px; line-height:32px; padding-left:36px; background:no-repeat left center/contain;}
main .my_nav ul li a.my_menu{background-image:url('../images/icons/mynav_icon_my.png');}
main .my_nav ul li a.logout{background-image:url('../images/icons/mynav_icon_logout.png');}
main .con_wrap{padding:0px 40px 40px 40px;}
main .con_box{background-color:#fff; box-shadow:0 0 15px rgba(211, 216, 220, 0.3); border-radius:10px;}
main .con_box .con_box_contents{padding:0 20px 20px;}
main .con_box h3{font-size:20px; height:60px; line-height:60px; border-bottom:1px solid #e9ecf4; margin-bottom:10px; text-indent:20px;}


/* history_sect */
.history_sect{border-bottom:1px solid #ccd2de; padding:22px 0 18px;}
.history_sect ul:after{content:''; display:block; clear:both;}
.history_sect li{float:left; position:relative;}
.history_sect li:first-child{padding-left:16px;}
.history_sect li:first-child:before{content:''; display:block; width:6px; height:6px; border-radius:50%; background-color:#3a7afe; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.history_sect li ~ li{padding-left:24px; background:url('../images/icons/icon_history_arrow.png') no-repeat 4px center/16px;}
.history_sect li:last-child{color:#3a7afe;}

/* title */
.con_wrap h2.title{font-size:24px; position:relative;}
.con_wrap h2.title .num_tag{display:inline-block; width:30px; height:30px; margin-left:7px; background-color:#3a7afe; color:#fff; font-size:14px; text-align:center; line-height:30px; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%);}

/* table */
.table_wrap{background-color: #fff; padding:20px; border-radius:10px; box-shadow:0 0 15px rgba(211,2116,220,.3)}
table{width:100%; border-top:1px solid #acbbdb;}
table thead th,
table tbody th,
table tbody td,
table tbody th{text-align:center; padding:10px 15px; height:60px;}
table th{background-color:#ebeef6; font-weight:600; color:#222;}
table td{color:#626774;}
table .required:after{content:'*'; color:#ed6766; margin-left:4px;}

table.type1 tbody tr:hover td{background-color:#f9f9f9;}
table.type1 thead th ~ th,
table.type1 tbody th ~ th,
table.type1 tbody td ~ td{border-left:1px solid #dfe0e3;}
table.type1 thead th,
table.type1 tbody td{border-bottom:1px solid #dfe0e3; padding:10px 3px;}

table.type2 tbody th,
table.type2 tbody td{border-bottom:1px solid #dfe0e3; text-align:left;}
table.type2 tbody th{text-align:left; padding-left:25px; padding-right:3px;}

table.layout_fixed{table-layout:fixed;}

table.td_left tbody td{text-align:left;}
table.td_6_left tbody tr td:nth-child(6){text-align:left; padding-left:25px;}

table td.img_td{padding-top:10px; padding-bottom:20px;}
table td.img_td img{max-width:100%; padding-top:10px;}

table .img_enroll_box{width:100%; position:relative; border:1px solid #dcdcdc; border-radius:5px; text-align:center; padding:25px;}
table .img_enroll_box .enroll_btn_area{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
table .img_enroll_box .img_cancel_btn{position:absolute; right:68px; bottom:20px;}
table .img_enroll_box .img_plus_btn{position:absolute; right:20px; bottom:20px;}
table .img_enroll_box img{max-width:100%;}
table .img_enroll_box.h_240 img{max-height:100%;} /* 220114 추가 */

table .table_etc_caption{font-size:14px; display:inline-block; vertical-align: middle; padding-right:26px; margin-right:26px; border-right:1px solid #dfe0e3;}

.table_wrap .btn_wrap{text-align:center; position:relative;}
.table_wrap .btn_wrap .toast_btn{display:none; position:absolute; left:50%; transform:translateX(-50%); bottom:-20px; font-size:14px; font-weight:400; opacity:0;}
.table_wrap .btn_wrap .toast_btn.active{display:block; animation:toastPopup 2s 1;}
/* 토스트 팝업버튼 애니메이션 */
@keyframes toastPopup {
    0%{bottom:-20px; opacity:0;}
    15%{bottom:-5px; opacity:0.9;}
    85%{bottom:-5px; opacity:0.9;}
    100%{bottom:-20px; opacity:0;}
}

.table_wrap .total_num{line-height:40px; padding-left:13px; position:relative; font-weight:700;}
.table_wrap .total_num:before{content:''; display:block; width:3px; height:3px; background-color:#3a7afe; position:absolute; left:0; top:50%; margin-top:-1.5px;}

.responsive_table{padding:0;}
.responsive_table .tr,
.responsive_table .th,
.responsive_table .td{float:left; min-height:60px;}
.responsive_table .tr{width:50%;}
.responsive_table .th{width:150px; padding:0 5px 0 25px; line-height:60px; background-color:#ebeef6; font-weight:600; color:#222;}
.responsive_table .td{width:calc(100% - 150px); padding:10px 15px; color:#626774;}

.responsive_table .custom_date{width:calc(50% - 20px); max-width:265px;}
.responsive_table .custom_date input{width:100%;}

.responsive_table.type2 .td{width:calc(50% - 150px); line-height:40px;}


@media all and (min-width:0px) and (max-width:1600px) {
    .responsive_table .tr{width:100%; float:none;}
    .responsive_table .tr ~ .tr{border-top:1px solid #dfe0e3;}
    table.responsive_font14 th,
    table.responsive_font14 td{font-size:14px;}
}

/* tab_btns */
.tab_btns:after{content:''; display:block; clear:both;}
.tab_btns li button{width:100%; height:60px; background-color:#626774; color:#fff; border-radius:10px;}
.tab_btns li button.active{background-color:#3a7afe;}
.tab_btns li{float:left;}
.tab_btns li ~ li{margin-left:5px;}
.tab_btns.five_items li{width:calc(20% - 4px);}
.tab_btns.six_items li{width:calc(100%/6 - 25px/6);}

/* tab_btns */
.tab_btns:after{content:''; display:block; clear:both;}
.tab_btns li *{ display: inline-block;width:100%; height:60px; background-color:#626774; color:#fff; border-radius:10px;text-align: center;line-height: 60px;}
.tab_btns li *.active{background-color:#3a7afe;}
.tab_btns li{float:left;}
.tab_btns li ~ li{margin-left:5px;}
.tab_btns.two_items li{width:calc(50% - 3px);}
.tab_btns.three_items li{width:calc(100%/3 - 5px);}
.tab_btns.five_items li{width:calc(20% - 4px);}
.tab_btns.six_items li{width:calc(100%/6 - 25px/6);}

/* tab_contents */
.tab_contents{display:none;}
.tab_contents.active{display:block;}

/* pagination */
.page_wrap{position: relative; min-height:24px;}
.pagination{display: inline-block; width: 70%; position: absolute; left: 50%; transform: translateX(-50%);}
.pagination ul{display: flex;justify-content: center; align-items: center;}
.pagination ul li ~ li{margin-left: 7px;}
.pagination ul li button{width: 20px; height: 20px; line-height: 19px; color: rgba(36, 46, 71, 0.7); font-size: 12px; font-weight: 700; text-align: center;}
.pagination ul li button.paging_left{background: url('../images/icons/page_left.png') no-repeat center;}
.pagination ul li button.paging_right{background: url('../images/icons/page_right.png') no-repeat center;}
.pagination ul li button.paging_first{background: url('../images/icons/page_left_first.png') no-repeat center;}
.pagination ul li button.paging_last{background: url('../images/icons/page_right_end.png') no-repeat center;}
.pagination ul li .paging_num{width: auto; padding: 0 6px; line-height: 17px;}
.pagination ul li .paging_num.on{border: 1px solid #3a7afe; border-radius: 4px; color: #3a7afe; font-weight: 800;}

/* modal_wrap */
#dimLayer{display:block; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.5); position:fixed; left:0; top:0px; margin:0; padding:0;z-index:11;}
.dimLayer{display: block;width: 100%;height:100%; background-color: rgba(0, 0, 0, 0.15);position: fixed;left: 0;top: 0px;margin: 0;padding: 0;z-index: 13;}

.modal_wrap{min-width:400px; max-height:700px; background: #ffffff;box-sizing: border-box; display: none; border-radius: 8px; position: fixed; top: 50%;left: 50%;
-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none;z-index: 12;
border-radius:10px; overflow:hidden;}

/* 추가 */
.modal_wrap2{min-width:600px; max-height:calc(100vh - 100px); background: #ffffff;box-sizing: border-box; display: none; border-radius: 8px; position: fixed; top: 50%;left: 50%;
-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none;z-index: 12;
border-radius:10px; overflow:auto;}


.modal_wrap.active{display: block;}
.modal_wrap .modal_section{padding-bottom:20px;}
.modal_wrap .modal_section .modal_header{padding:15px 20px 16px; background-color:#3a7afe;}
.modal_wrap .modal_section .modal_header .modal_title{font-size: 20px; font-weight: 800; color:#fff;}
.modal_wrap .modal_section .modal_header .hide_btn{position: absolute; right: 20px; top: 13px; width:34px; height:34px; background:url('../images/icons/icon_modal_close.png') no-repeat center/contain;}
.modal_wrap .modal_section .modal_contents{padding:20px;}
.modal_wrap.scroll .modal_section .modal_contents{padding-right:16px;}
.modal_wrap .modal_section .btn_wrap{text-align: center; position:relative;}
.modal_wrap .modal_section .btn_wrap button ~ button{margin-left:4px}
.modal_wrap .modal_section .btn_wrap button.black_btn{position:absolute; display:none; left:50%; top:20px; opacity:0; transform:translatex(-50%);}
.modal_wrap .modal_section .btn_wrap button.black_btn.active{display:block; animation:modalToast 2s 1;}
.modal_wrap .modal_contents .table_wrap{padding:0; border-radius:0; box-shadow:none;}

.modal_wrap.alert, 
.modal_wrap.confirm{width:500px; padding:0 50px; z-index:14;}
.modal_wrap.alert .modal_section,
.modal_wrap.confirm .modal_section{padding-bottom:60px;}
.modal_wrap.alert .hide_btn,
.modal_wrap.confirm .hide_btn{width:30px; height:30px; background:url('../images/icons/alert_close.png') no-repeat center/contain; position:absolute; right:20px; top:20px;}
.modal_wrap.alert .modal_text,
.modal_wrap.confirm .modal_text{text-align:center; padding-top:60px; font-size:18px;}
.modal_wrap.alert .btn_wrap,
.modal_wrap.confirm .btn_wrap{padding-top:20px;}


/* mymenu_modal */
.mymenu_modal{width:640px;}

/* manager_enroll_modal */
.manager_enroll_modal{width:600px;}

/* mission_enroll_modal */
.mission_enroll_modal{width:620px;}

/* mission_card_enroll_modal */
.mission_card_enroll_modal{width:640px;}

/* cancel_delivery_modal */
.cancel_delivery_modal{width:1180px;}

/* challenge_enroll_modal */
.challenge_enroll_modal{width:1180px;}

/* challenge_detail_modal */
.challenge_detail_modal{width:1180px;}

/* challenge_complete_modal */
.challenge_complete_modal{width:1180px;}

/* product_enroll_modal */
.product_enroll_modal{width:1180px;}

/* product_detail_modal */
.product_detail_modal{width:1180px;}

/* event_enroll_modal */
.event_enroll_modal{width:1180px;}

/* event_detail_modal */
.event_detail_modal{width:1180px;}

/* notice_enroll_modal */
.notice_enroll_modal{width:1180px;}

/* notice_detail_modal */
.notice_detail_modal{width:1180px;}

/* 업종 검색 */
.business_enroll_modal{width:1180px;}

/* 광고음원 등록 */
.recognition_enroll_modal{width:1000px;}

.recognition_search_modal{width:1180px;}

.monitoring_detail_modal{width: 1180px;}

.excel_Extract_modal{width: 1050px; height:500px; }

@media all and (max-width:1336px) and (min-width:0px) {
    body.fixed{overflow-y: unset;}
    .cancel_delivery_modal{position:absolute; left:-200px; transform:translate(0, -50%);}
    .challenge_enroll_modal{position:absolute; left:-200px; transform:translate(0, -50%);}
    .challenge_detail_modal{position:absolute; left:-200px; transform:translate(0, -50%);}
    .challenge_complete_modal{position:absolute; left:-200px; transform:translate(0, -50%);}
    .product_enroll_modal{position:absolute; left:-200px; transform:translate(0, -50%);}
    .product_detail_modal{position:absolute; left:-200px; transform:translate(0, -50%);}
    .event_enroll_modal{position:absolute; left:-200px; transform:translate(0, -50%);}
    .event_detail_modal{position:absolute; left:-200px; transform:translate(0, -50%);}
    .notice_enroll_modal{position:absolute; left:-200px; transform:translate(0, -50%);}
    .notice_detail_modal{position:absolute; left:-200px; transform:translate(0, -50%);}
}

/* 모달팝업 토스트 애니메이션 */
@keyframes modalToast {
    0%{top:20px; opacity:0;}
    15%{top:-5px; opacity:0.9;}
    85%{top:-5px; opacity:0.9;}
    100%{top:20px; opacity:0;}
}



/* 로그인.html */
main.login{width:100%; margin-left:0;}
main.login .login_box{width:600px; padding:41px 52px 55px; background-color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:10px; box-shadow:0 0 15px #d3d8dc;}
main.login .login_logo{width:200px; margin:0 auto;}
main.login .form input:-webkit-autofill,
main.login .form input:-webkit-autofill:hover,
main.login .form input:-webkit-autofill:focus,
main.login .form input:-webkit-autofill:active,
main.login .form input{height:60px; padding-left:51px; border:0px; background-color:#ebf1ff;}
main.login .form p{position:relative;}
main.login .form .user_id_icon,
main.login .form .user_pw_icon{display:block; position:absolute; z-index:10; left:20px; top:20px; width:20px; height:20px;  background:no-repeat center/20px;}
main.login .form .user_id_icon{background-image:url('../images/icons/icon_login_id.png');}
main.login .form .user_pw_icon{background-image:url('../images/icons/icon_login_pw.png');}
main.login .form input::placeholder{font-size:16px; color:#666;}
main.login .form button.login{height:60px; font-size:20px;}


/* 대쉬보드.html */
main.dashboard .dashboard_total ul:after{content:''; display:block; clear:both;}
main.dashboard .dashboard_total ul li{float:left; position:relative; width:calc(100%/3 - 40px/3); height:100px; border-radius:10px; background:#fff no-repeat 35px center/40px; margin-left:20px; margin-top:20px;}
main.dashboard .dashboard_total ul li:first-child{background-image:url('../images/icons/icon_dashboard_total_1.png'); margin-left:0;}
main.dashboard .dashboard_total ul li:nth-child(2){background-image:url('../images/icons/icon_dashboard_total_2.png');}
main.dashboard .dashboard_total ul li:nth-child(3){background-image:url('../images/icons/icon_dashboard_total_3.png');}
main.dashboard .dashboard_total ul li:nth-child(4){background-image:url('../images/icons/icon_dashboard_total_4.png'); margin-left:0;}
main.dashboard .dashboard_total ul li:nth-child(5){background-image:url('../images/icons/icon_dashboard_total_5.png');}
main.dashboard .dashboard_total ul li:nth-child(6){background-image:url('../images/icons/icon_dashboard_total_6.png');}
main.dashboard .dashboard_total ul li span{position:absolute; top:50%; transform:translateY(-50%); right:27.7px; font-size:28px; color:#3a7afe; font-weight:700;}
main.dashboard .dashboard_total ul li p{font-size:18px; padding:37px 0 0 88px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
main.dashboard .dashboard_total .total_point{position:relative; height:60px; background-color:#3a7afe; border-radius:10px; position:relative; color:#fff;}
main.dashboard .dashboard_total .total_point *{position:absolute; top:50%; transform:translateY(-50%);}
main.dashboard .dashboard_total .total_point p{left:29px;}
main.dashboard .dashboard_total .total_point span{right:27.6px; font-size:24px; font-weight:700;}
main.dashboard .dashboard_wrap{background-color:#fff; padding-bottom:20px; box-shadow:0 0 15px rgba(211, 216, 220, 0.3); border-radius:10px;}
main.dashboard .dashboard_wrap h3{font-size:20px; height:60px; line-height:60px; border-bottom:1px solid #e9ecf4; margin-bottom:10px; text-indent:20px;}
main.dashboard .dashboard_wrap ul{padding-left:20px;}
main.dashboard .dashboard_wrap ul:after{content:''; display:block; clear:both;}
main.dashboard .dashboard_wrap li{float:left; height:60px; margin-right:19px; margin-top:10px; background-color:#ebf1ff; width:calc(100%/3 - 20px); border-radius:7px; position:relative;}
main.dashboard .dashboard_wrap li *{position:absolute; top:50%; transform:translateY(-50%);}
main.dashboard .dashboard_wrap li p{color:#666; left:0; padding-left:42px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
main.dashboard .dashboard_wrap li p:before{content:''; display:block; width:6px; height:6px; border-radius:50%; background-color:#3a7afe; position:absolute; left:31.2px; top:50%; transform:translateY(-50%);}
main.dashboard .dashboard_wrap li span{font-size:20px; font-weight:700; right:33.7px;}
main.dashboard .dashboard_swiper{position:relative; overflow:hidden;}
main.dashboard .dashboard_swiper .swiper-button-prev,
main.dashboard .dashboard_swiper .swiper-button-next{width:31px; height:72px; margin-top:-36px; z-index:1;}
main.dashboard .dashboard_swiper .swiper-button-prev{background:url('../images/icons/graph_prev.png') no-repeat center/contain; left:20px;}
main.dashboard .dashboard_swiper .swiper-button-next{background:url('../images/icons/graph_next.png') no-repeat center/contain; right:20px;}
main.dashboard .dashboard_swiper .swiper-button-next.swiper-button-disabled, 
main.dashboard .dashboard_swiper .swiper-button-prev.swiper-button-disabled{opacity:0;}
main.dashboard .dashboard_swiper .contents{position:relative;}
main.dashboard .dashboard_swiper .contents .chart_layer{position:relative; height:280px; padding:50px 103px 30px 100px;}
main.dashboard .dashboard_swiper .contents .legend{position:absolute; right:28px; top:18px;}
main.dashboard .dashboard_swiper .contents .legend_cus li{float:left; margin-left:24.3px; cursor:pointer;}
main.dashboard .dashboard_swiper .contents .legend_cus li .icon{display:inline-block; width:12px; height:12px; margin-right:3px;}
main.dashboard .dashboard_swiper .contents .legend_cus li .text{color:#666;}
main.dashboard .dashboard_swiper .contents .legend_cus li.disabled .icon{background-color:#a7abb5 !important;}
main.dashboard .dashboard_swiper .contents .legend_cus li.disabled .text{color:#a7abb5;}
main.dashboard .dashboard_swiper .contents .chart_layer .ticks_top{font-size:14px; color:#b2bac2; font-weight:300; position:absolute; top:28px; left:86px;}


main.dashboard .dashboard_total2 h3{text-align: center; font-size:20px; height:60px; line-height:60px; border-bottom:1px solid #e9ecf4; margin-bottom:10px; text-indent:20px;}
main.dashboard .dashboard_total2 ul{padding-left:20px;}
main.dashboard .dashboard_total2 ul:after{content:''; display:block; clear:both;}
main.dashboard .dashboard_total2 li{float:left; position:relative; width:calc(100%/3 - 40px/3); border-radius:10px; background-color:#fff; margin-left:20px; margin-top:20px;}
main.dashboard .dashboard_total2 li:first-child{ margin-left:0;}


main.dashboard .dashboard_total2 ul li p{color:#666; left:0; font-size:18px; padding:20px 20px 20px 20px; margin-top:20px; margin-bottom:20px; margin-left:20px; margin-right:20px; border-radius:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:#ebf1ff;}
main.dashboard .dashboard_total2 ul li span{position:absolute; transform:translateY(-50%); margin-top:15px; right:27.7px; font-size:22px; color:#3a7afe; font-weight:700;}
main.dashboard .dashboard_total2 .total_point{position:relative; height:60px; background-color:#3a7afe; border-radius:10px; position:relative; color:#fff;}
main.dashboard .dashboard_total2 .total_point *{position:absolute; top:50%; transform:translateY(-50%);}
main.dashboard .dashboard_total2 .total_point p{left:29px;}
main.dashboard .dashboard_total2 .total_point span{right:27.6px; font-size:24px; font-weight:700;}




/* 컨텐츠관리_미션카드관리.html */
main.mission_card table .responsive_table .td .walk_inp{width:28%;}
main.mission_card table .responsive_table .td .percent_inp{width:calc(72% - 230px);}

/* 컨텐츠관리_미션카드관리.html */
main.mission_card table .responsive_table .td .walk_inp{width:28%;}
main.mission_card table .responsive_table .td .percent_inp{width:calc(72% - 230px);}

.brand_chkBox { margin-top: 10px; position: relative; overflow: hidden; }
.brand_chkBox .w_50_minus_40 { border: 1px solid #dcdcdc; border-radius: 5px; padding: 20px 8px 20px 20px; }
.brand_chkBox .w_50_minus_40 .scroll{height: 270px; position: relative;}
.brand_chkBox .w_50_minus_40 ul { height: 270px; }
.brand_chkBox .w_50_minus_40 li ~ li { margin-top: 10px; }
.arrow_box { position: absolute; top: 50%; left: calc(50% - 12.5px); transform: translateY(-50%); }
.arrow_box button { display: block; width: 25px; height: 25px; background-position: center; background-repeat: no-repeat; }
.arrow_box .arrow_left { background-image: url('../images/icons/icon_arrow_left.png'); }
.arrow_box .arrow_right { background-image: url('../images/icons/icon_arrow_right.png'); margin-top: 24px; }