@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");
@font-face {
font-family: "NanumBarunGothic";
font-style: normal;
font-weight: 400;
src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot");
src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix") format("embedded-opentype"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff") format("woff"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf") format("truetype");
}
@font-face {
font-family: "NanumBarunGothic";
font-style: normal;
font-weight: 700;
src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot");
src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix") format("embedded-opentype"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff") format("woff"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf") format("truetype");
}
@font-face {
font-family: "NanumBarunGothic";
font-style: normal;
font-weight: 300;
src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot");
src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix") format("embedded-opentype"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff") format("woff"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf") format("truetype");
}
/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:none 0}
body{font-family: "Roboto", "NanumBarunGothic", sans-serif; min-width:1400px; overflow:auto; color:inherit; font-size:13px; line-height:18px; font-weight: 400; color:#263238;}
input, select, textarea{font-family: "Roboto", "NanumBarunGothic", sans-serif;font-size:13px;line-height:18px;font-weight: 400;color:inherit;margin: 0;}
form legend, caption{width:0;height:0;font-size:0;text-indent:-9999px}
img,fieldset,iframe{border:0 none}
table,div{border-collapse:collapse;border-spacing:0;table-layout: fixed;}
select,textarea{border:1px solid #ccc;font-size:12px;background:#fff;color:#555;vertical-align:middle}
textarea{overflow:auto;padding-left:3px;border-color:#ddd;background-color:#f9f9f9;font-size:12px;color:#555}
select,input,img,li{text-align:left;vertical-align:bottom}
input{vertical-align:middle}
img{*vertical-align:top}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ul,li,ol{list-style-type:none}
hr{border-collapse:collapse;border:1px solid #f1f0f0}
a{display:inline-block;text-decoration:none;color:#555}
span{display:inline-block}
li,p,dt,dd,div,span{white-space:normal}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
strong{font-weight:bold}
select{padding: 6px;width: 160px;height: 32px;border: 1px solid #ddd;vertical-align: middle;}
label{cursor:pointer}
button{*overflow:visible;border:0 none;padding:0;margin:0;*margin-top:-2px;background:transparent;cursor:pointer}
button::-moz-focus-inner{border:0;padding:0}
.cb{clear:both !important}
.fl{float:left !important}
.fr{float:right !important}
.tc{text-align:center !important}
.tl{text-align:left !important}
.tr{text-align:right !important}
.btn{text-align:center;overflow:hidden;margin:20px auto 0}
.btn_right{text-align:right;overflow:hidden;margin:20px auto 0}
.btn_left{text-align:left;overflow:hidden;margin:20px auto 0}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.over_h{overflow:hidden !important}
.block{display:block !important}
/* input */
input.text_input{border:solid 1px #ddd;font-size:12px;color:#555;padding: 8px;width: 160px;box-sizing: border-box;height: 32px;}
input.text_input.tr{width:80px;}
input.text_input.sm{width:40px;}
.text_input_none{border:none;background-color:#fff;font-size:12px;color:#555;padding:4px}
.text_type{border:solid 1px #ccc;background-color:#fff;font-size:12px;color:#555;padding:3px}
/* form */
input[type=text],
input[type=password],
.text_input,
.text_input_none,
.text_type {display:inline-block;border:solid 1px #ddd;background-color: #fff;font-size:12px;color:#555;padding: 8px;box-sizing:border-box;}
.text_input_none{border:none;background-color:#fff;}
.text_type{border:solid 1px #ccc;background-color:#fff;}
textarea {display:inline-block;}
select {display:inline-block;/* min-height:25px; */line-height: 1;}
input.w300px, textarea.w300px {width:300px;}
input.w200px, textarea.w200px {width:200px;}
input.w100px, textarea.w100px {width:100px;}
input.w97p, textarea.w97p {width:97%;}
input.w98p, textarea.w98p {width:98%;}
input.wide, textarea.wide, select.wide {width:100%;}
::-webkit-input-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder { color: #aaa;}
:-moz-placeholder { color: #aaa;}
input[type=text]:disabled,
input[type=password]:disabled,
textarea:disabled {color:#999;border-color:#eee;background: #f5f5f5;}
/* margin */
.mgn{margin:0 !important}
.mgt3m{margin-top:-3px !important}
.mgt5m{margin-top:-5px !important}
.mgt3{margin-top:3px !important}
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt20{margin-top:20px !important}
.mgl10{margin-left:10px !important}
.mgl5{margin-left:5px !important}
.mgr10{margin-right:10px !important}
.mgr30{margin-right:30px !important}
.mgb5{margin-bottom:5px !important}
/* padding */
.pdn{padding:0 !important}
.pdr10{padding-right:10px !important}
/* border*/
.bdn{border:0 none !important}
/* font-color */
.red{color:#dc0000 !important}
.yellow{color:#f6ff00 !important;}
.light_gray{color:#999 !important}
.orange{color:#ff6600 !important}
.blue{color:#3259c9 !important}
.red11{color:#dc0000 !important;font-size:11px !important}
/* font-size */
.font11{font-size:11px !important}
/* ellipsis */
.ellipsis{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}
/* table-fixed */
.table_fixed{table-layout:fixed}
/* wrap */
#wrap{position:relative;width:100%}
#wrap_pop{position:relative;width:auto;padding:20px;overflow:hidden;margin:0}
.cont_wrap + .cont_wrap{margin-top:40px;}
.menu_list + .section_head{margin-top:30px;}
table + .section_head{margin-top:30px;}
/*header*/
header{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center}
header h1{width:240px;height:60px;background:#34444c;padding:0 24px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between}
header h1 a{width:48%}
header .inner{background:#34444c;width:calc(100% - 240px);display:flex;flex-direction:row;align-items:flex-start;justify-content:center;flex:1}
header .inner h1{width:200px;height:60px;background:#222;display:flex;flex-direction:row;align-items:center;justify-content:center}
header .inner h1 a{display:inline-block;width:60%;color:#fff}
header .book_area{position:relative;z-index:10}
header .book_area .favorite{position:absolute;top:60px;left:0;background:#fff;width:200px;max-height:300px;border-radius:10px;z-index:9;display:none;padding:24px;box-shadow:0 3px 5px #ddd}
header .book_area .favorite::before{content:"";width:16px;height:16px;background:#fff;position:absolute;top:-5px;left:22px;transform:rotate(45deg)}
header .book_area .layer_search{position:relative}
header .book_area .layer_search .input_area{width:100%;border-bottom:1px solid #34444c}
header .book_area .layer_search .input_area .text_inp{border:0;padding:0;width:calc(100% - 20px)}
header .book_area .layer_search button{font-size:18px;color:#34444c;position:absolute;right:0;top:50%;margin-top:-9px;color:#34444c;position:absolute;right:0;top:50%;margin-top:-9px}
header .book_area .search_list{position:absolute;background:#fff;width:100%;border:1px solid #ddd;box-sizing:border-box;display:none}
header .book_area .search_list li{border-bottom:1px solid #ddd}
header .book_area .search_list li:last-child{border-bottom:0}
header .book_area .search_list li a{padding:8px;line-height:1;display:block}
header .book_area .search_list li a:hover{background:#f8f8f8}
header .book_area .favorite_list{margin-top:24px;max-height:196px;overflow:auto}
header .book_area .favorite_list li{line-height:28px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}
header .book_area .favorite_list li a{font-size:14px;transition:.3s ease-in-out;color:#34444c}
header .book_area .favorite_list li a:hover{color:#26c6da}
header .book_area .favorite_list li button{width:16px;height:16px;background:#e8e8e8;font-size:14px;border-radius:50%;color:#34444c;text-align:center;line-height:16px}
header .account{position:absolute;top:60px;right:0;background:#fff;width:200px;max-height:300px;border-radius:10px;z-index:9;font-size:14px;color:inherit;display:none;padding:24px;box-shadow:0 3px 5px #ddd}
header .account::before{content:"";width:16px;height:16px;background:#fff;position:absolute;top:-5px;right:22px;transform:rotate(45deg)}
header .account_info{display:flex;gap:16px}
header .account_info .icon{width:40px;height:40px;text-align:center;line-height:40px;border-radius:50%;background:#e7ebef}
header .account_info .icon svg{vertical-align:middle;margin-top:10px}
header .account_info dl{width:calc(100% - 40px - 16px)}
header .account_info dl dd{color:#7a8c95;font-size:14px;margin-top:4px;line-height:1}
header .account_info dl dt a{vertical-align:middle}
header .account_info dl dd a{vertical-align:bottom}
header .account_info dl dd a svg{vertical-align:middle}
header .account .logout_btn{width:100%;height:32px;background:#34444c;color:#fff;display:inline-block;text-align:center;margin-top:16px;line-height:32px;font-size:14px}
header .dropBtn{margin-top:8px;font-size:12px;text-decoration:underline}
header .gnbmenu{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:1;justify-content:space-evenly}
header .gnbmenu li{flex:0 0 auto}
header .gnbmenu li.active a{color:#26c6da;position:relative}
header .gnbmenu li a{color:#fff;padding:0 8px;font-size:16px;display:inline-block;height:60px;line-height:60px}
header .ico{width:60px;height:60px;font-size:20px;border-right:1px solid rgba(255,255,255,0.32);border-left:1px solid rgba(255,255,255,0.32);color:rgba(255,255,255,0.6);display:inline-block;text-align:center;vertical-align:middle;line-height:60px}
header .utilmenu{float:right;font-size:0}
header .utilmenu .user{border-left:1px solid rgba(255,255,255,0.32);border-right:0}
.container{display:flex;flex-direction:row;align-items:stretch;justify-content:center;min-height:calc(100vh - 60px)}
.container.dashboard{min-height:calc(100vh - 120px)}
.lnb{background:#263238;width:240px;position:relative}
.lnb.close{margin-left:-240px;transition:.3s ease-in-out}
.lnb.open{margin-left:0;transition:.3s ease-in-out}
.lnb .lnb_top{margin:0 24px 24px;box-sizing:border-box;border-bottom:1px solid rgba(231,235,239,0.3019607843);height:73px;display:flex;flex-direction:row;align-items:center;justify-content:center}
.lnb .lnb_top h2{color:#fff;font-size:18px;text-align:center}
.lnb .lnb_top a{width:100%;height:100%;display:block;border-radius:3px;text-align:center;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;border:1px solid #fff}
.lnb .lnb_top i{font-size:18px;margin-right:4px}
.lnb .lnb_view .lnb_menu .menu{padding:14px 47px;display:block;position:relative}
.lnb .lnb_view .lnb_menu .menu.active{background:#26c6da;transition:.3s ease-in-out}
.lnb .lnb_view .lnb_menu .menu.icon_01{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-1-2V4H5v16h14zM8 7h8v2H8V7zm0 4h8v2H8v-2zm0 4h5v2H8v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:24px center}
.lnb .lnb_view .lnb_menu .menu.icon_02{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-1-2V4H5v16h14zM8 7h8v2H8V7zm0 4h8v2H8v-2zm0 4h5v2H8v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:24px center}
.lnb .lnb_view .lnb_menu .menu.icon_03{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-1-2V4H5v16h14zM8 7h8v2H8V7zm0 4h8v2H8v-2zm0 4h5v2H8v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:24px center}
.lnb .lnb_view .lnb_menu .menu.icon_04{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-1-2V4H5v16h14zM8 7h8v2H8V7zm0 4h8v2H8v-2zm0 4h5v2H8v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:24px center}
.lnb .lnb_view .lnb_menu .menu.icon_05{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-1-2V4H5v16h14zM8 7h8v2H8V7zm0 4h8v2H8v-2zm0 4h5v2H8v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:24px center}
.lnb .lnb_view .lnb_menu .menu.icon_06{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-1-2V4H5v16h14zM8 7h8v2H8V7zm0 4h8v2H8v-2zm0 4h5v2H8v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:24px center}
.lnb .lnb_view .lnb_menu .menu.icon_07{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-1-2V4H5v16h14zM8 7h8v2H8V7zm0 4h8v2H8v-2zm0 4h5v2H8v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:24px center}
.lnb .lnb_view .lnb_menu ul{background:#34444c}
.lnb .lnb_view .lnb_menu li{position:relative}
.lnb .lnb_view .lnb_menu li.active a{color:#26c6da}
.lnb .lnb_view .lnb_menu li a:hover,.lnb .lnb_view .lnb_menu li a:active{color:#26c6da;transition:.3s ease-in-out}
.lnb .lnb_view .lnb_menu a{color:#fff;padding:12px 24px 12px 46px;display:block}
.lnb .lnb_view .lnb_menu.current .menu{background-color:#26c6da}
.lnb .lnb_view .lnb_menu:has(ul) .menu{position:relative}
.lnb .lnb_view .lnb_menu:has(ul) .menu::after{content:"";position:absolute;top:50%;right:24px;margin-top:-10px;width:20px;height:20px;background:url('data:image/svg+xml;utf8,');background-position:center center}
.lnb .lnb_view .lnb_menu:has(ul).active .menu{position:relative}
.lnb .lnb_view .lnb_menu:has(ul).active .menu::after{content:"";position:absolute;top:50%;right:24px;margin-top:-10px;width:20px;height:20px;background:url('data:image/svg+xml;utf8,');background-position:center center}
/* 메인 컨텐츠 */
.list_box{background:#fff;width:100%;padding:24px;box-sizing:border-box;border:1px solid #ddd}
.list_box h2{line-height:32px;font-size:18px;font-weight:700;color:#34444c;margin-bottom:24px}
.list_box h2 em{margin-left:8px;font-size:12px}
.list_box h2 i{width:32px;height:32px;display:inline-block;text-align:center;background:#e7ebef;border-radius:5px;line-height:32px;margin-right:12px;vertical-align:middle;font-weight:400;color:#34444c}
.list_box dl{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:16px}
.main_cont .list_box{background:#fff;width:calc((100% - 80px) / 3);padding:24px;box-sizing:border-box;border:1px solid #ddd}
.list_box dl dd a{font-size:24px;margin-right:4px;font-weight:700;color:rgb(213,56,65)}
.list_box dl + dl{margin-top:24px}
.content{width:calc(100% - 240px);box-sizing:border-box;background:#e7ebef;flex:1;display:flex;flex-direction:column}
.content .top_tit{background:#fff;padding:0 40px;border-bottom:1px solid #ddd;line-height:70px;height:70px;box-sizing:border-box}
.content .tit_h1{float:left}
.content .tit_h1 .add_bmark{margin-left:8px;margin-top:-3px;vertical-align:middle;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928L12 18.26zm0-2.292l4.247 2.377-.949-4.773 3.573-3.305-4.833-.573L12 5.275l-2.038 4.42-4.833.572 3.573 3.305-.949 4.773L12 15.968z' fill='rgba(167,181,195,1)'/%3E%3C/svg%3E")}
.content .tit_h1 .add_bmark.active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928z' fill='rgba(213,56,65,1)'/%3E%3C/svg%3E");background-position:center center}
.content .dashboard_cont{display:flex;flex-wrap:wrap;width:100%;gap:40px;box-sizing:border-box;padding:40px 240px}
@media (max-width: 1600px) {
.content .dashboard_cont{padding:40px 120px 40px 120px;}
}
.content .main_content{padding:40px}
.lnb_switch{font-size:22px;color:rgba(255,255,255,0.6);width:22px;height:22px}
.topBtn{display:none;width:48px;height:48px;border-radius:50%;background:#fff;position:fixed;bottom:30px;right:30px;text-align:center;box-shadow:0 0 10px #ddd;z-index:99}
.topBtn i{font-size:24px}
.tit_h1{font-size:24px}
.tit_h2{font-size:16px;line-height:1;margin-bottom:16px}
/* selectbox */
.dropdown_wrap{display:flex;gap:8px}
.dropdown_wrap .dropdown{display:flex;position:relative}
.dropdown_wrap .dropdown.sm{width:100px}
.dropdown_wrap .dropdown.lg{width:160px}
.dropdown_wrap .select{width:100%;height:32px;border:1px solid #ddd;background:#fff;text-align:left;padding:0 8px;box-sizing:border-box}
.dropdown_wrap .select_option{display:none;width:100%;position:absolute;top:31px;left:0;z-index:9;border:1px solid #e8e8e8;background-color:#fff;border-top:0}
.dropdown_wrap .select_option li{width:100%;height:32px;padding:8px;box-sizing:border-box;cursor:pointer}
.dropdown_wrap .select_option li:hover{background:#f8f8f8}
.label_wrap{display:flex;flex-wrap: wrap;gap: 8px 8px;align-items:center;}
.label_wrap.center{justify-content:center;}
.label_wrap + .label_wrap{margin-top:8px;}
.label_wrap label{min-width: 105px; width: auto;}
.label_wrap button[type="submit"]{background:#26c6da;}
.text_none{font-size:0;}
label{padding-left: 24px;position:relative;display: inline-block;box-sizing: border-box;text-align: left;}
label input{width:0;height:0;cursor:pointer;}
label input[type="checkbox"]:before{content:'';position:absolute;top:0;left:0;width:16px;height:16px;border:1px solid #ddd;background: #fff;}
label input[type="checkbox"]:after{}
label input[type="checkbox"]:checked:before{border:1px solid #26c6da; cursor:pointer;}
label input[type="checkbox"]:checked:after{content:'';position: absolute;top: 2px;left: 6px;width: 5px;height: 9px;border-right: 1px solid #26c6da;border-bottom: 1px solid #26c6da;transform: rotate(45deg);}
label input[type="checkbox"]:disableded:before{}
label input[type="radio"]{}
label input[type="radio"]:before{content: "";position: absolute;top: 50%;left: 0;width: 16px;height: 16px;border: 1px solid #ddd;box-sizing: border-box;background: #fff;border-radius: 50%;transform: translate(0, -50%);}
label input[type="radio"]:checked:before{background: #fff; border: 1px solid #26c6da;}
label input[type="radio"]:checked:after{content: "";position: absolute;top: 50%;left: 4px;width: 8px;height: 8px;border-radius: 50%;background: #26c6da;transform: translate(0, -50%);}
/* input[type="text"] */
.input_area{width:160px}
.input_area .text_inp{width:100%;height:32px;border:1px solid #ddd;background:#fff;padding:8px}
/* radio */
.radio_area{position:relative}
.radio_inp{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0)}
.radio_inp + label{padding-left:24px;line-height:16px}
.radio_inp + label::before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;border:1px solid #ddd;box-sizing:border-box;background:#fff;border-radius:50%}
.radio_inp:checked + label::before{background:#fff;border:1px solid #26c6da}
.radio_inp:checked + label::after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:#26c6da}
/* button */
.btn_wrap{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-top:40px}
.btn_wrap .wide{width:auto;padding:0 30px}
.btn_pri{width:150px;height:40px;background:#26c6da;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:14px;line-height:22px;font-weight:400;vertical-align:middle}
.btn_sec{width:150px;height:40px;background:#3f4754;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:14px;line-height:22px;font-weight:400;vertical-align:middle;font-family:inherit}
.btn_third{width:150px;height:40px;background:#3f4754;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:14px;line-height:22px;font-weight:400}
.btn_icon{color:#3f4754;font-size:24px}
/* content */
.cont_wrap{background:#fff;border:1px solid #ddd;padding:40px}
.search_wrap{position:relative;background:#fff;border:1px solid #ddd;padding:0 40px}
.search_wrap .btn_open{position:absolute;right:0;bottom:-24px;width:56px;height:24px;background:#34444c;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:14px;line-height:22px;font-weight:400;font-size:20px;border-radius:0 0 6px 6px}
.total_search{width:800px;margin:0 auto;padding:40px 0;display:flex;flex-direction:row;align-items:center;justify-content:center}
.total_search .tit_h2{width:160px;font-weight:700;font-size:16px;margin-bottom:0}
.form_none{padding:40px 0;border-top:1px solid #ddd;display:none}
.search_area{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;flex:1}
.search_area .dropdown_wrap{border:1px solid #34444c;width:60%;flex:1}
.search_area .dropdown_wrap .all_search{width:150px}
.search_area .dropdown_wrap .all_search select{width:150px;height:48px;padding:8px;box-sizing:border-box;text-align:left;line-height:1;border:0}
.search_area .dropdown_wrap .all_search .select:after{content:"";width:1px;height:16px;background:#ddd;position:absolute;right:0}
.search_area .dropdown_wrap .all_search .select_option{position:absolute;top:48px;left:-1px;border:1px solid #00317a;width:150px;background:#fff;border-top:1px solid #fff}
.search_area .dropdown_wrap .all_search .select_option li{cursor:pointer;height:48px;padding:8px;box-sizing:border-box;line-height:32px}
.search_area .dropdown_wrap .input_area{flex:1}
.search_area .dropdown_wrap .input_area .text_inp{width:100%;height:48px;line-height:48px;padding:16px;border:0}
.search_area .btn_wrap{margin-top:0}
.search_area .btn_wrap .btn_sec{height:50px;border:1px solid #34444c}
.period_inp{position:relative;display:inline-block;width:160px}
.period_inp img{position:absolute;top:50%;right:8px;transform:translate(0,-50%)}
.period_btn{display:flex}
.period_btn .btn_sec.active{background:#95a4ac;color:#fff;border:1px solid #95a4ac}
.period_btn button.btn_sec{border:1px solid #ddd;background:#fff;color:#333;border-right:0;width:56px}
.period_btn button:last-child{border-right:1px solid #ddd}
.direct_search{display:flex;gap:8px}
.direct_search select{width:100px}
.direct_search input{width:calc(100% - 108px)}
.chkbox_wrap{display:flex;flex-wrap:wrap;gap:8px}
.chkbox_wrap .chkbox_area{flex-basis:108px}
.period_wrap{display:flex;flex-direction:row;align-items:center;gap:8px}
.period_wrap + .period_wrap{margin-top:8px}
.period_wrap .period_btnwrap{font-size:0}
.period_wrap .period_btnwrap button{padding:0 4px;border:1px solid #ddd;width:48px;height:32px;margin-left:-1px;background:#fff}
.period_wrap .period_btnwrap button.active{background:#26c6da;color:#fff;border:1px solid #26c6da}
.period_wrap .btn_add{color:#fff;border-radius:50%;background:#34444c;width:24px;height:24px;font-size:16px;line-height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-position:center center}
.period_wrap .btn_del{border-radius:50%;width:24px;height:24px;font-size:16px;line-height:24px;background-color:#e7ebef;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M5 11h14v2H5z' fill='rgba(52,68,76,1)'/%3E%3C/svg%3E");background-position:center center}
.radio_wrap{display:flex;flex-direction:row;align-items:center;gap:24px}
/* 상품등록.수정 */
.group_box + .group_box{margin-top:40px;}
.t_form.goods_reg td.price .priceinput {width:100%;}
.t_form.goods_reg td.price .priceinput:after {content:'';display:block;clear:both;}
.t_form.goods_reg td.price .priceinput dl {float:left;margin-right:20px;}
.t_form.goods_reg td.price .priceinput dl dt {color:#000;}
.t_form.goods_reg td.price .priceinput dl dd {margin-top:8px;}
/* footer */
#footer{border-top: solid 1px #ddd;clear:both;margin-top:auto;background: #e7ebef;}
#footer p{padding:20px 0;font-size:12px;color:#545454;text-align:center}
.dimmed{display:none;position:absolute;width:100%;height:calc(100vh - 60px);top:60px;left:0;background:rgba(0,0,0,0.3);z-index:9}
/*content*/
#contents_pop{width:auto;padding:20px;overflow:hidden;margin:0}
#contents_main{width:850px;padding:108px 20px 50px;overflow:hidden;margin:0}
/* #contents{min-width:800px;width:auto !important;width:800px;padding:108px 20px 50px;overflow:hidden;margin:0 0 0 200px;border-left:solid 1px #ebebeb} */
h3{background:url(../imgs/icon/title_icon.gif) no-repeat left 1px;padding:3px 0 0 20px;height:31px;font-size:16px;color:#000;float:left}
/* 네비게이션, 안내문구 */
ul.navi{float: right;}
ul.navi li{float:left;font-size:11px;color:#858585;padding:0 6px 0 10px;background:url(../imgs/icon/icon_naviStep.gif) no-repeat center left}
ul.navi li.on{float:left;font-size:11px;color:#333;padding:0 6px 0 10px;background:url(../imgs/icon/icon_naviStep.gif) no-repeat center left}
ul.navi li.home{float:left;font-size:11px;color:#858585;padding:0 8px 0 0;background:none}
ul.navi li.home a{color:#858585}
ul.helpbox{padding: 0 40px;margin-top: 16px;}
ul.helpbox li{font-size:11px;color:#666;line-height:16px;background:url(../imgs/icon/icon_squar_gray2px.gif) 0 6px no-repeat;padding:0 0 0 8px}
.section_head{font-size:12px;text-align:left;position:relative;display: flex;justify-content: space-between;margin-bottom: 16px;align-items: center;}
.section_head:after{/* content:'.'; */display:block;clear:both;line-height:0;height:0;visibility:hidden}
.section_head h4{margin:0;line-height: 1;font-size: 16px;font-weight: 700;/* margin-bottom: 16px; *//* float: left; */}
.section_head h4 em{font-size:11px;font-weight:normal;line-height:11px}
.section_head a{margin-left:auto;}
.section_head span{color:#888}
.section_head span strong{color:#dc0000}
.section_head div{float:right;}
.section_head div select{margin:0}
.section_head .btn_wrap{margin-top:0;}
.section_head .total {font-size:12px;font-weight:normal;line-height:25px;}
.section_head.topline {border-top:solid 1px #ddd;}
/* 판매자 로그인 */
#login_box {display: flex;justify-content: center;align-items: center;height: calc(100vh - 59px);background: #e7ebef;}
#login_box div.box {background: #fff;width: 540px;border-radius: 10px;box-shadow: 0px 0px 20px rgba(38, 50, 56, 0.5);padding: 40px 80px;box-sizing: border-box;}
#login_box div.box > div {padding: 80px;}
#login_box div.box p {margin-bottom:32px;font-size: 24px;font-weight: 700;}
#login_box div.box label {float:left;margin-top: 16px;}
#login_box div.box button {width: 100%;height: 48px;color:#fff;background: #34444c;margin-top: 24px;}
#login_box .box .logo{margin: 0 auto 32px;}
#login_box .box .logo img{width:100%;}
.login_area input{width:100%;height: 48px;}
.login_area input + input{margin-top:8px;}
.join{display: flex; margin-top: 24px; font-size:12px;}
.btn_join{text-decoration: underline; text-align: center; margin-left: auto; color: #95a4ac; font-weight: bold;}
/* 테이블 안내글 */
.noti_info {margin-top:8px;padding-left:22px;position:relative;color:#4067c0;line-height:16px;font-size:11px;}
.noti_info:before {content:'?';font-family:'Arial';font-size:10px;font-weight:bold;color:#ccc;line-height:14px;width:13px;height:13px;border:solid 1px #ddd;border-radius:50%;text-align:center;position:absolute;left:0;top:0;}
span.noti_info {display:inline-block;vertical-align:middle;margin:0;margin-left:6px;}
ul.noti_info {padding-left:0}
ul.noti_info:before {display:none;}
ul.noti_info li {padding-left:22px;position:relative;color:#4067c0;line-height:16px;font-size:11px;margin-top:4px;}
ul.noti_info li:before {content:'!';font-family:'Arial';font-size:10px;font-weight:bold;line-height:14px;width:13px;height:13px;border:solid 1px #ddd;border-radius:50%;text-align:center;position:absolute;left:0;top:0;}
ul.noti_info li:first-child {margin-top:0;}
.noti_info li.inform {line-height:25px;}
.noti_info li.inform:before {top:4px;}
.noti_info dt {font-weight:bold;margin-bottom:5px;font-size:12px;}
.noti_info dd {position:relative;padding-left:8px;}
.noti_info dd:before {content:'-';position:absolute;left:0;top:0;}
.topline {margin-top:10px;border-top:solid 1px #eaeaea;padding-top:10px;}
.topline.noti_info:before {top:10px;}
.botline {margin-bottom:10px;border-bottom:solid 1px #eaeaea;padding-bottom:10px;}
/* 페이징 */
.paging{margin-top:10px;text-align:center}
.paging:after{content:'.';display:block;clear:both;line-height:0;height:0;visibility:hidden}
.paging span{display:table;margin:0 auto;display:inline-block}
.paging span a, .paging span span{display:block;float:left;color:#666;font-size:12px;font-family:Verdana;line-height:22px;padding:0 6px}
.paging span strong{color: #3f4754;}
.paging span .prev, .paging span .first, .paging span .last, .paging span .next{padding:0}
.paging span .first{margin-right:3px}
.paging span .last{margin-left:3px}
.paging span .prev{margin-right:2px}
.paging span .next{margin-left:2px}
.paging span img{vertical-align:middle}
/* 메인 컨텐츠 */
.notice{}
.notice li{border-bottom: 1px solid #eee; padding: 9px 0;}
.notice li:first-child{border-top: 1px solid #eee;}
.notice li a{display:flex; justify-content: space-between; font-size: 14px; line-height: 32px;}
.notice li a span.tit{font-size:16px;}
.main_cont{overflow:hidden;display: flex; gap: 40px;}
.main_cont li.pro{width:415px;float:left}
.main_cont li.claim{width:415px;float:right}
.t_main_order{table-layout:fixed;clear:both;border-top: solid 1px #e8e8e8;border-left: solid 1px #e8e8e8;}
.t_main_order thead{background-color:#f5f5f5}
.t_main_order thead th{padding:12px 0;font-size: 14px;color:#555;text-align:center;border-bottom: solid 1px #e8e8e8;border-right: solid 1px #e8e8e8;}
.t_main_order tbody{background-color:#fff}
.t_main_order tbody td{padding:15px 0;color:#777;text-align:center;border-bottom: solid 1px #e8e8e8;border-right: solid 1px #e8e8e8;}
.t_main_order tbody td strong{color: #26c6da;font-size: 20px;}
.t_main{table-layout:fixed;clear:both;border-top: solid 1px #e8e8e8;border-left: solid 1px #e8e8e8;}
.t_main th{background-color: #f8f8f8;text-align:left;padding:12px;border-bottom: solid 1px #e8e8e8;border-right: solid 1px #e8e8e8;}
.t_main td{background-color:#fff;text-align:right;padding:12px;font-weight:bold;border-bottom: solid 1px #e8e8e8;border-right: solid 1px #e8e8e8;}
/* content table */
.t_form{table-layout:fixed;clear:both;border-top: solid 1px #e8e8e8;border-left: solid 1px #e8e8e8;}
.t_form th{background-color: #f8f8f8;text-align:left;padding: 8px 16px;border: solid 1px #e8e8e8;height: 32px;}
.t_form th.bg{background-color:#fffdbf}
.t_form td{background-color:#fff;text-align:left;padding:8px;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}
.t_form td.title{text-align:left}
.t_form.goods_reg td.category{padding:0}
.t_form.goods_reg td.category table{table-layout:fixed}
.t_form.goods_reg td.category th{padding:3px 0;text-align:center;border-right:none 0;font-size:11px;background-color:#F5F5F5}
.t_form.goods_reg td.category td{padding:5px 0;text-align:center;border-right:none 0;}
.t_form.goods_reg td.category td.txt {text-align:left;padding-left:10px;}
.t_form.goods_reg td.category .noti_info {margin:12px;}
.t_form.goods_reg td .o_c_table{clear:both;width:100%;border-top: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8;}
.t_form.goods_reg td .o_c_table th{text-align:center;padding:8px;}
.t_form.goods_reg td .o_c_table td {padding:8px;}
.t_form.goods_reg td .o_c_table td .text_input{box-sizing:border-box}
.t_form.goods_reg td .o_c_table td.none{height:137px;text-align:center}
.t_form.goods_reg td .o_c_table th.text_center,
.t_form.goods_reg td .o_c_table td.text_center{text-align:center}
.t_form.goods_reg td.notify .text_input {width:100%;}
.t_list{table-layout:fixed;clear:both;border-top: solid 1px #e8e8e8;width:100%;}
.t_list thead{background-color: #f8f8f8;}
.t_list thead.yellow{/* background: #FDF8E4; */}
.t_list thead.yellow th{/* color:#B04300; */}
.t_list thead th{padding: 8px;font-size:12px;color:#444;font-weight:normal;text-align:center;border: 1px solid #e8e8e8;height: 35px;box-sizing: border-box;}
.t_list tbody{background-color:#fff}
.t_list tbody td{padding:8px;font-size:12px;color:#666;font-weight:normal;text-align:center;border: 1px solid #e8e8e8;}
.t_list tbody td.left{text-align:left;padding:8px 10px}
.t_list tbody td.qna_cont{text-align:left;padding:20px;background:#f8f8f8}
.t_list tbody.total{background-color:#f5f5f5}
.t_list tfoot{background-color:#f5f5f5}
.t_list tfoot tr{border-right:1px solid #e8e8e8;border-left:1px solid #e8e8e8;}
.t_list tfoot th{padding:8px 0;font-size:12px;color:#666;font-weight:bold;text-align:center;border-bottom:solid 1px #e8e8e8;}
.t_list tfoot td{padding:8px 0;font-size:12px;color:#666;font-weight:bold;text-align:center;border: solid 1px #ddd;}
.t_list tfoot td.bt{border-top:solid 2px #ddd}
.t_list tbody td.no_bl{border-bottom:solid 1px #ddd;border-right:0}
.t_list tbody td.no_bt{border-bottom:0;border-right:0}
.t_list tbody td.left{text-align:left;padding:8px 10px}
.td_yellow{background: #f5f5f5;}
.t_list tbody.total{background-color:#FDF8E4}
.t_list tbody.total td{font-weight:bold}
.t_list .btn_wrap{margin-top:0;}
.t_list label{font-size:0; padding-left:18px;}
.t_list .text_input{width:100%;}
.checkoptionrow li {margin-top:8px;}
.checkoptionrow li:first-child {margin-top:0;}
.code_info{background:#f6f6f6;border:solid 1px #ddd;padding:20px;color:#777;line-height:18px;margin-top:10px}
.code_info strong{color:#dc0000}
.code_info span{background:url(../imgs/icon/icon_point1.gif) no-repeat left 3px;padding:0 0 0 15px}
.replacement{padding:10px;font-size:11px;border-top:1px solid #E6E6E6}
.replacement h2{font-size:12px;font-weight:bold;margin:0 0 10px}
.replacement h2 span{color:#3191B7;font-size:11px;font-weight:normal;margin-left:10px}
.replacement ul li{padding-left:11px;background:url(../imgs/icon/icon_squar_gray2px.gif) no-repeat 5px 4px;margin-bottom:2px}
.replacement ul li span{color:#206179}
.replacement ul li.m{margin-top:10px}
.replacement ul li.child{background:none}
.replacement ul li.child ul{margin:5px 0 7px}
.choose{overflow:hidden}
.choose dt, .choose dd{float:left}
.choose dd{margin:3px 10px 0 0}
.choose input{vertical-align:top}
.arrange{overflow:hidden}
.arrange li{float:left}
.bt-hz-area{overflow:hidden}
.bt-hz-area .ltb{float:left}
.bt-hz-area .rtb{float:right}
.order_num{font-size:14px;font-weight:bold}
.order_num span{color:#2592df}
.taxfree{width:80px;color:#fff;font-size:11px;text-align:center;padding:1px 0;background-color:#ff3300}
/* 주문 내역 */
.order_step{font-weight:bold; color:#6600CC}
.order_step .click{cursor:pointer;margin-bottom:5px}
.order_escrow .item{margin-bottom:5px}
/* 일괄배송관리 팁 */
.tip_box{background-color:#f6f6f6;border:solid 1px #ddd;padding:20px}
.tip_box td.contents{padding:15px}
.tip_box td.contents div{background:url(../imgs/icon/icon_squar_gray2px.gif) no-repeat left 5px;padding-left:8px;line-height:16px;font-size:11px}
.tip_box td.contents div span{color:#dc0000}
.basis_form{border:1px solid #e5e5e5;float:left}
.basis_form td{border:1px solid #e5e5e5;text-align:left;padding:5px}
/*-- 부분취소 도입 후 추가 css --*/
/* 완료 상세 */
.history_box{margin-top:5px}
.history_box div.history_title{display: block;border-top: 2px solid #26c6da;border-bottom: 1px solid #e8e8e8;background-color: rgba(38, 198, 218, 0.1);padding: 8px 10px;overflow: hidden;text-align: left;color: #26c6da;}
.history_box div.history_title > span.info{position:absolute;right:0;top:6px;font-size:11px;color:#666}
.history_box table.row_type{clear:both;table-layout:fixed;width:100%;border-top:solid 1px #ddd}
.history_box table.row_type th{background-color: #f8f8f8;text-align:left;padding:0 10px;font-size:11px;border-bottom: solid 1px #e8e8e8;}
.history_box table.row_type td{text-align:left;font-size:11px;border-bottom:solid 1px #ddd;padding:5px 10px}
.history_box table.row_type td span.id{padding-right:20px}
.history_box table.col_type{clear:both;table-layout:fixed;width:100%;border-top:none 0}
.history_box table.col_type th{background-color: #f8f8f8;text-align:center;padding:6px 5px;font-size:11px;border-bottom: solid 1px #e8e8e8;}
.history_box table.col_type td{text-align:center;font-size:11px;border-bottom:solid 1px #ddd;padding:5px}
.history_box table.col_type td span.id{padding-right:20px}
.history_box table.col_type td.title{text-align:left}
/* 변경이력 */
.mod_history td{padding:0 5px 10px;background-color:#f9f9f9}
.mod_history td .title{font-weight:bold;color:#288d28;text-align:left;margin:10px 0 5px 10px}
.mod_history table{clear:both;table-layout:fixed;width:100%;border-top:solid 1px #afcdaf}
.mod_history table th{background-color:#eef5ee;color:#567356;border-bottom:solid 1px #afcdaf;font-size:11px}
.mod_history table td{border-bottom:solid 1px #ccc;text-align:center;font-size:11px;padding:5px 0}
.mod_history table td.reason{text-align:left;padding-left:5px;padding-right:5px}
/* 주문 취소/반품/교환 신청 확인 */
.claim_request_box{overflow:hidden;clear:both}
.claim_request_box a.claim_title{display:block;border-top: 2px solid #26c6da;border-bottom: 1px solid #e8e8e8;background-color: rgba(38, 198, 218, 0.1);padding:8px 10px;overflow:hidden;text-align:left}
a.claim_title > strong{display:block;float:left;color: #26c6da;}
a.claim_title > span.claim_info{display:block;float:right;color:#666;font-size:11px}
.claim_request div.request_title{border-top:solid 2px #ff6600;color:#ff6000;padding:8px 10px;position:relative;border-bottom:solid 1px #ddd}
.claim_request div.request_title > span.info{position:absolute;right:10px;top:9px;font-size:11px;color:#666}
.claim_request table.row_type{clear:both;table-layout:fixed;width:100%;border-top:none 0}
.claim_request table.row_type th{background-color:#f9f0ea;text-align:left;padding:0 10px;font-size:11px;border-bottom:solid 1px #f4caae;color:#ba510b}
.claim_request table.row_type td{text-align:left;font-size:11px;border-bottom:solid 1px #ddd;padding:5px 10px}
.claim_request table.row_type td span.id{padding-right:20px}
.claim_request table.col_type{clear:both;table-layout:fixed;width:100%;border-top:none 0}
.claim_request table.col_type th{background-color:#f9f0ea;text-align:center;padding:6px 5px;font-size:11px;border-bottom:solid 1px #f4caae;color:#ba510b}
.claim_request table.col_type td{text-align:center;font-size:11px;border-bottom:solid 1px #ddd;padding:5px}
.claim_request table.col_type td span.id{padding-right:20px}
.claim_request table.col_type td.title{text-align:left}
.t_list tbody .point th,
.t_list tbody .point td{border-top:3px solid black}
.t_list tbody .point:first-child th,
.t_list tbody .point:first-child td{border-top:none}