@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");	

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo.css');



html {position: relative; height: 100%; min-height: 100%; margin: 0; -webkit-text-size-adjust:none;}
body {position: relative; width: 100%; height: auto; min-height: 100%; font-family: 'Pretendard','Pretendard'; overflow-y: auto; overflow-x: hidden; letter-spacing: -0.5px; color:#303030; word-break:keep-all; background: #fff }
*, *::before, *::after {padding:0; margin:0; box-sizing: border-box; line-height: 150%; word-break: keep-all}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;font-family: 'Pretendard','Pretendard'; word-break:keep-all; color: #000}
input,button,textarea,select{font-family: 'Pretendard','Pretendard'; color:#000; word-break:keep-all;}
ul {list-style-type: none; padding-inline-start: 0;}
a {text-decoration: none; color: inherit}
table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
th, td{padding:0;}
button {border: none; background:none; cursor: pointer;}
input:focus, select:focus, option:focus, textarea:focus, button:focus{outline: none;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
textarea:focus {outline:none;}

img{
  image-rendering:-webkit-optimize-contrast;
  transform:translateZ(0);
  backface-visibility:hidden;
}

.inner{padding: 0 25px}


.hidden {display: none;}
input {height: 44px; border-radius: 5px; border: 1px solid #E0E0E0; padding: 0 10px; font-size: 16px; width: 100%; line-height: 42px; background: #fff}
input::placeholder {color:#696E77;}
input:focus, textarea:focus {}
textarea {height: 120px; border-radius: 5px; border: 1px solid #E0E0E0; padding: 10px 10px; font-size: 16px; width: 100%; resize: none; display: block; background: #fff; text-align: left}
textarea::placeholder {color:#696E77;}

textarea:disabled{background: #F4F4F4; color: #696E77}



input[type="text"]:disabled{background: #F4F4F4; color: #696E77}

select {height: 44px; border-radius: 5px; border: 1px solid #F4F4F4; padding: 0 10px; font-size: 16px; width: 100%; line-height: 42px; background: #F4F4F4}


input[type="checkbox"]{display: none}
input[type="checkbox"] + label{font-size: 14px; display: flex; align-items: center; gap:5px}

input[type="checkbox"] + label::before{width: 10px; height: 10px; border: 1px solid #000; display: block; content: ''}

input[type="checkbox"]:checked + label::before{width: 10px; height: 10px; border: 1px solid #0063F9; display: block; background: #0063F9}

input[type="radio"]{display: none}
input[type="radio"] + label{width: 24px; height: 24px; background: url(../images/radio.png); background-repeat: no-repeat; background-size: 24px auto; display: block}

input[type="radio"]:checked + label{background-image: url(../images/radio_on.png)}


/*
*::-webkit-scrollbar {
    width: 12px;
  }
*::-webkit-scrollbar-thumb {
    background-color: #204F97;
    border-radius: 10px;
    background-clip: padding-box;
    border: 3px solid transparent;
  }
*::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
  }
*/



*::-webkit-scrollbar {
    width: 6px;
    height: 6px
  }
*::-webkit-scrollbar-thumb {
    background-color: #4285F4;
    border-radius: 10px;
    background-clip: padding-box;
    border: 0px solid transparent;
  }
*::-webkit-scrollbar-track {
    background-color: #EFF2F7;
    border-radius: 10px;
  }


.f10{font-size: 10px}
.f11{font-size: 11px}
.f12{font-size: 12px}
.f13{font-size: 13px}
.f14{font-size: 14px}
.f15{font-size: 15px}
.f16{font-size: 16px}
.f17{font-size: 17px}
.f18{font-size: 18px}
.f19{font-size: 19px}
.f20{font-size: 20px}
.f21{font-size: 21px}
.f22{font-size: 22px}
.f23{font-size: 23px}
.f24{font-size: 24px}
.f25{font-size: 25px}
.f26{font-size: 26px}
.f27{font-size: 27px}
.f28{font-size: 28px}
.f29{font-size: 29px}
.f30{font-size: 30px}
.f35{font-size: 35px}
.f40{font-size: 40px}
.f45{font-size: 45px}

.emt5{height: 5px}
.emt10{height: 10px}
.emt20{height: 20px}
.emt30{height: 30px}
.emt40{height: 40px}
.emt50{height: 50px}
.emt60{height: 60px}
.emt70{height: 70px}
.emt80{height: 80px}
.emt90{height: 90px}
.emt100{height: 100px}
.emt110{height: 110px}
.emt120{height: 120px}
.emt130{height: 130px}
.emt140{height: 140px}
.emt150{height: 150px}



.sg_table{padding: 25px; width: 100%; max-width: 1200px; margin: 0 auto; overflow-x: auto}
.sg_table table{width: 100%; border-spacing: 0; border-top: 2px solid #000}
.sg_table table th,
.sg_table table td{font-size: 16px; padding: 15px; border-bottom: 1px solid #ddd}
.sg_table table th{background: #f5f5f5; text-align: left}

.sg_table table td + td{border-left: 1px solid #ddd}
.sg_table table td a{color: blue}


.header_main{position: relative; background: #0063F9; padding: 25px; border-radius:0 0 20px 20px }

.header_main_top{display: flex; align-items: center; justify-content: space-between}

.header_main .main_logo{}
.header_main .main_logo img{max-width: 121px}

.header_main_title{margin-top: 50px;}
.header_main_title *{color: #fff}
.header_main_title h4{font-size: 20px; font-weight: 400; margin-bottom: 7px}
.header_main_title h2{font-size: 25px}


.header{position: fixed; background: #fff; 
height: 60px; border-bottom: 1px solid rgba(0,0,0,0.05);
display: flex; align-items: center; justify-content: space-between; width: 100%; top: 0; left: 0; padding: 0 20px;
z-index: 10}

.header img{display: block}

.header .left{display: flex; gap:20px; width: 20%; justify-content: flex-start; align-items: center}
.header .right{display: flex; gap:20px; width: 20%; justify-content: flex-end; align-items: center}
.header .mid{width: 60%; text-align: center}

.header .right a img{max-width: 18px}

.header .mid img{margin: 0 auto}
.header .mid h2{font-size: 16px}

.adv{position: relative}

.adv img{max-width: 18px}

.adv span{width: 20px; height: 20px; background: #FF0000; 
position: absolute; border-radius: 20px; display: flex; align-items: center; justify-content: center; color: #FAFF00;
font-size: 13px; font-weight: 700; line-height: 20px; left: -5px; bottom: 10px}


.nav_right{position: fixed; z-index: 9999;
    top: 0; right: -100%; width: 100%; height: 100%;
    transition-duration: .5s;
    
}


.nav_right.on_nav{right: 0;}

.nav_right .nav_content{position: absolute; right: 0; top: 0; width: 90%; background: #fff; height: 100%; 
overflow-y: auto}
.nav_right .nav_content .adv{position: absolute; right: 20px; top: 15px; }

.nav_right .bg{position: absolute; z-index: -1;
width: 100%; height: 100%; background: rgba(0,0,0,0.23); opacity: 0; transition-duration: .5s; transition-delay: .5s}

.nav_right.on_nav .bg{opacity: 1}


.nav_title{padding: 0 25px; margin-top: 70px}
.nav_title h2{font-weight: 700; font-size: 20px}
.nav_title h2 b{color: #0063F9; font-size: 25px}

a.login_btn{text-align: center; font-size: 15px; color: #0063F9;
height: 40px; line-height: 40px; border: 1px solid #0063F9; width: 135px; display: flex; align-items: center; justify-content: center; border-radius: 5px; margin: 30px auto 0; font-weight: 500}

.nav_list{margin-top: 20px;}
.nav_list a{display: block; padding: 20px; border-bottom: 1px solid #DAE2F0; display: flex; align-items: center; justify-content: flex-start; gap:12px; color: #000; font-weight: 500}

.nav_list a img{max-width: 24px}

.company_info{padding:50px 25px 30px; position: relative; left: 0; bottom: 0; width: 100%}
.company_info p{font-size: 12px;}




.foot_nav{border-top: 1px solid rgba(0,0,0,0.05); height: 60px;
position: fixed; z-index: 10; left: 0; bottom: 0; width: 100%;
background: #fff; padding: 0px 0; display: flex; overflow: hidden}

.foot_nav a{display: flex; align-items: center; justify-content: center; flex:1; position: relative}

.foot_nav a.on::after{content: ''; width: 24px; height: 24px; border-radius: 24px; position: absolute; bottom: -12px; background: #0063F9; border-radius: 24px; left: 50%; transform: translateX(-50%)}

.foot_nav a i{width: 24px; height: 24px; background: url(../images/foot01.png); background-position: center; background-repeat: no-repeat; }

.foot_nav a:nth-child(1) i{background-image: url(../images/foot01.png); background-size: 22.5px auto}
.foot_nav a:nth-child(2) i{background-image: url(../images/foot02.png); background-size: 22.5px auto}
.foot_nav a:nth-child(3) i{background-image: url(../images/foot03.png); background-size: 16px auto}
.foot_nav a:nth-child(4) i{background-image: url(../images/foot04.png); background-size: 16.5px auto}
.foot_nav a:nth-child(5) i{background-image: url(../images/foot05.png); background-size: 16.5px auto}

.foot_nav a.on:nth-child(1) i{background-image: url(../images/foot01on.png)}
.foot_nav a.on:nth-child(2) i{background-image: url(../images/foot02on.png)}
.foot_nav a.on:nth-child(3) i{background-image: url(../images/foot03on.png)}
.foot_nav a.on:nth-child(4) i{background-image: url(../images/foot04on.png)}
.foot_nav a.on:nth-child(5) i{background-image: url(../images/foot05on.png)}




.foot_nav a.f_icon01 i{background-image: url(../images/foot01.png); background-size: 22.5px auto}
.foot_nav a.f_icon02 i{background-image: url(../images/foot02.png); background-size: 22.5px auto}
.foot_nav a.f_icon03 i{background-image: url(../images/foot03.png); background-size: 16px auto}
.foot_nav a.f_icon04 i{background-image: url(../images/foot04.png); background-size: 16.5px auto}
.foot_nav a.f_icon05 i{background-image: url(../images/foot05.png); background-size: 16.5px auto}

.foot_nav a.f_icon06 i{background-image: url(../images/foot06.png); background-size: 24.5px auto}

.foot_nav a.f_icon01.on i{background-image: url(../images/foot01on.png)}
.foot_nav a.f_icon02.on i{background-image: url(../images/foot02on.png)}
.foot_nav a.f_icon03.on i{background-image: url(../images/foot03on.png)}
.foot_nav a.f_icon04.on i{background-image: url(../images/foot04on.png)}
.foot_nav a.f_icon05.on i{background-image: url(../images/foot05on.png)}
.foot_nav a.f_icon06.on i{background-image: url(../images/foot06on.png)}


.content{margin-top: 80px; padding-bottom: 100px}
.content.m60{margin-top: 60px}
.content.p0{padding-bottom: 0}

.banner_are{padding: 0 25px; position: relative}
.banner_are img{width: 100%}

.banner_are .slick-dots{display: flex; position: absolute; bottom: 15px; left: 0; z-index: 2; align-items: center; justify-content: center; gap:5px; width: 100%}

.banner_are .slick-dots li button{font-size: 0; width: 8px; height: 8px; border: 1px solid #000; background: #d9d9d9; border-radius: 8px}

.banner_are .slick-dots li.slick-active button{background: #000}

.main_quick{display: flex; flex-wrap: wrap; gap:20px; max-width: 310px; margin: 0px auto 0}
.main_quick a{text-align: center}
.main_quick a img{max-width: 90px}
.main_quick span,
.main_quick img{display: block; }

.main_quick span{font-size: 15px; margin-top: 5px;}



.main_info{padding: 0 25px}
.main_info h3{margin-bottom: 12px}


.flex_info{display: flex;justify-content: space-between; flex-wrap: wrap}
.flex_info li{display: flex; align-items: center; gap:50px}
.flex_info li p{opacity: .6; font-size: 15px;}
.flex_info li h4{font-size: 18px; font-weight: bold; }

.flex_info li.w100{width: 100%; justify-content: space-between}
.flex_info li.w100 + li{margin-top: 12px}


.main_news{}
.main_news li{display: flex; gap:20px; justify-content: flex-start;
    align-items: center;}
.main_news li .thm{width: 55px; height: 55px; border-radius: 5px; overflow: hidden; font-size: 15px;}
.main_news li .thm img{width: 100%; height: 100%;}
.main_news li p{font-size: 15px; flex:1; }
.main_news li + li{margin-top: 10px}

.login{padding: 60px 25px}
.login_logo{text-align: center; margin-bottom: 60px}
.login_logo img{max-width: 195px}

.login_input_are{}
.login_input_are li + li{margin-top: 12px;}

.login_input_are li.find_flex{display: flex; gap:12px; align-items: center}




.login_switch{margin-top: 15px; display: flex; align-items: center; justify-content: space-between; padding: 0 0px}
.switch{display: flex; gap:10px; align-items: center; justify-content: flex-start}
.switch input[type="checkbox"]{display: none;}
.switch input[type="checkbox"] + label{width: 51px; height: 31px;  transition-duration: .5s; background: #D2D2D2; border-radius: 51px; position: relative}
.switch input[type="checkbox"] + label span{position: absolute; left: 1px; top: 2px; width: 27px; height: 27px; box-shadow: 0 3px 8px 0 rgba(0,0,0,0.15);background: #fff; border-radius: 27px; transition-duration: .5s}
.switch input[type="checkbox"]:checked + label{background-color: #0063F9}
.switch input[type="checkbox"]:checked + label span{left: 22px}


.switch input[type="checkbox"] + label::before{display: none}

.switch p{font-size: 14px; }

.login_switch .finduser{color: red; font-size: 14px; font-weight: 500}

.btn_flex{display: flex; gap:10px;}

.btn_flex.flexend{    justify-content: flex-end;}
.btn_flex.flexcnt{    justify-content: center;}


.btn_flex.flexcnt .common_btn{display: inline-block; text-align: center; width: auto; padding: 0 40px}

.common_btn{width: 100%; border-radius: 5px; background: #0063F9; color: #fff; display: block; height: 50px; 
line-height: 50px; font-size: 16px; font-weight: bold; }

.common_btn.sub_btn{background:#fff; border: 1px solid #0063F9; color: #0063F9 }

.common_btn.sub_btn *{color: #0063F9 }

.common_btn.not_btn{background:#fff; border: 1px solid #F44242; color: #F44242 }

.common_btn.flex_btn{display: inline-flex; align-items: center; justify-content: center; gap:10px; width: auto; padding: 0 15px}

.btn_center{text-align: center}

.input_flex{display:flex; gap:10px;}

.second_btn{height: 40px;color: #fff; font-size: 14px; text-align: center; padding: 0 12px; border-radius: 5px; background: #0063F9; line-height: 38px; border: 1px solid #0063F9; display: flex; gap: 12px; align-items: center; justify-content: center}
.second_btn.del{background: #F07338; border-color:#F07338}
.second_btn.add{background: #fff; border-color:#4285F4; color: #4285F4}
.second_btn.disabled{background: #EFF2F7; border-color: #EFF2F7; color: #696E77}


.flex1 input{ flex:1}

.second_btn span{color: #fff}

.second_btn:disabled{background: #ECECEE; color: #000}


.second_btn.line{color: #2F80ED;  background: #fff; border: 1px solid #2F80ED}

.second_btn.gray{color: #000;  background: #E0E0E0; border: 1px solid #E0E0E0}

.file_btn{height: 40px;color: #fff; font-size: 14px; text-align: center; padding: 0 20px; border-radius: 5px; background: #F07338}

.file_flex{border-radius: 5px;
background: rgba(239, 242, 247, 0.40); display: block; padding: 15px; width: 100%}

.file_flex ul li{position: relative; font-size: 14px; display: flex; gap: 15px; padding: 0; border: 0;  align-items: center}
.file_flex ul li::before{content: '·';  left: 0; top: 0}
.file_flex ul li + li{margin-top: 10px}

.file_flex p{color: #000;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;}

.file_flex_btn{height: 30px;color: #fff; font-size: 14px; text-align: center; padding: 0 12px; border-radius: 5px; background: #F07338}
.file_flex_btn2{height: 30px;color: #fff; font-size: 14px; text-align: center; padding: 0 12px; border-radius: 5px; background: #0063F9}

.plus_right{justify-content: flex-end; flex:1; display: flex;}


.login_join ul{display: flex; align-items: center; justify-content: space-between}
.login_join ul li{display: flex; align-items: center; justify-content: center; gap:12px}
.login_join ul li p{font-weight: 400; font-size: 12px; color: #696E77}
.login_join ul li a{color: #0063f9; font-size: 12px; font-weight: 500; text-decoration: underline}


.login_join ul li .pw_login{display: flex; gap:12px}
.login_join ul li .pw_login a{text-decoration: none; color:#696E77 }
.login_join ul li .pw_login span{ color:#696E77; font-size: 12px}

.auto_logout{text-align: center}
.auto_logout a{display: block; color: #8F8F8F; font-weight: 500; font-size: 16px;}


.login_logo{}
.login_logo p{font-size: 14px; font-weight: 500; }


.flex_input_box{display: flex; height: 50px; border-radius: 5px; border: 1px solid #ECECEE; padding: 0 15px; font-size: 16px; width: 100%; line-height: 50px; background: #fff; align-items: center; justify-content: flex-start; gap:12px; flex: 1}

.flex_input_box p{font-size: 16px; color: #696E77}


.captcha{ margin-top: 12px; gap:12px; padding-left: 38px; }

.captcha_are{display: flex;  gap:12px; align-items: center; justify-content: flex-start}

.captcha_are a{width: 50px; height: 50px; border: 1px solid #DFDFDF; border-radius: 5px; display: flex; align-items: center; justify-content: center}

.captcha_img{border: 1px solid #4e4e4e; border-radius: 5px; height: 50px; overflow: hidden; width: 115px}
.captcha_img img{width: 100%}
.captcha input{background: #fff; border: 1px solid #DFDFDF;  height: 50px; line-height: 50px; flex:1}

.captcha p{text-align: left; font-size: 12px; color: #828282; margin-top: 12px;}



.search_are{padding: 0 25px}
.search_flex{display: flex; background: #EFF2F7; align-items: center; padding: 0 15px; border-radius: 5px;  height: 48px; }

.search_flex input{background: #EFF2F7; font-size: 15px; line-height: 46px; height: 48px; border: 0}

.search_flex img{display: block}



.notice{padding: 0 25px;}
.notice table{width: 100%; }
.notice table td{border-bottom: 1px solid #ECECEE; padding: 10px; font-size: 14px; font-weight: 700}
.notice table td.num{text-align: center; width: 30px;}
.notice table td.date{width: 60px; font-size: 12px; font-weight: normal}

.total_board{margin-bottom: 10px}
.total_board p{font-size: 14px}
.total_board p b{color: #0063F9}


.board_list{border-top: 1px solid #000}
.board_list a{padding: 18px 10px; position: relative; display: block; border-bottom: 1px solid #ECECEE}
.board_list .txt{}
.board_list .txt p{font-size: 15px; font-weight: 600}
.board_list .txt p.date{font-size: 13px; font-weight: 400; margin-top: 5px; color: #444}

.board_list .board_go{position: absolute; top: 35px; right: 10px}

.pagenation{display: flex; gap:12px; align-items: center; justify-content: center}
.pagenation img{display: block}

.pagenation ul{display: flex; gap:6px}

.pagenation ul li{border-radius: 3px; border: 1px solid #ededed; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;}

.pagenation ul li a{color:#000; font-size: 12px; font-weight: 500 }
.pagenation ul li.on_page a{color: #0063F9}

.pagenation .next_btn{border-radius: 3px; border: 1px solid #ededed; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;}

.notice_detail{padding: 30px 25px 0}


.notice_title{}
.notice_title p{font-size: 13px; margin-top: 8px; color: #444}
.notice_title h3{font-size: 18px;}


.notice_content{padding: 20px 00px; border-top: 1px solid #ECECEE; min-height: 70vh; margin-top: 20px}
.notice_content p{font-size: 14px; font-weight: 400}

.join{padding: 0 25px}

.join.quick_input{padding: 0}

.join h4{font-size: 14px; font-weight: 700; margin-bottom: 12px}
.join h4 span{color: red}
.join .agree_box{border-bottom: 1px solid #ECECEE; padding-bottom: 15px}
.join .agree_box .box{border-radius: 5px; background:#fff; overflow-y: auto; padding: 10px; width: 100%; height: 260px; border: 1px solid #E0E0E0}

.join .agree_box .box p{ word-break: keep-all; font-size: 14px; color: #696E77}

.join .flex_subject{margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center}
.join .flex_subject h4{margin-bottom: 0}

.join .flex_subject .f14{margin-top: 5px}

.join .agree_box .box::-webkit-scrollbar {
    width: 4px;
  }
.join .agree_box .box::-webkit-scrollbar-thumb {
    background-color: #0063F9;
    border-radius: 4px 0 0 4px;
    background-clip: padding-box;
    border: 0px solid transparent;
  }
.join .agree_box .box::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 0px;
  }

.join textarea{font-size: 14px}


.agree_box_radio {display: flex; gap: 10px; margin-top: 20px; align-items: center; justify-content: flex-end}

.agree_box_radio input[type="radio"] + label{width: auto; height: 40px; background: #fff; border: 1px solid #0063F9; border-radius: 5px; color: #0063F9; font-size: 14px; padding: 0 12px; line-height: 38px}

.agree_box_radio input[type="radio"]:checked + label{background:#0063F9; border-color: #0063F9; color: #fff}


.join .agree_box + .agree_box{margin-top: 25px}


.join li{border-bottom: 1px solid #ECECEE; padding-bottom: 15px}
.join li + li{margin-top: 20px}

.join.partner_inq{padding-top: 30px}
.join.partner_inq li{border-bottom: 0}

.join li input + input{margin-top: 10px}

.input_note{display: flex; gap:10px; align-items: center; justify-content: flex-start; margin-top: 10px;}
.input_note p{font-size: 12px;color: #F44242 }

.input_note img{display: block}

.join li.flex_li{display: flex; align-items: center; justify-content: flex-start; gap:10px 10px; flex-wrap: wrap}
.join li.flex_li h4{margin: 0; width: 120px;}
.join li.flex_li input{flex:1}
.join li.flex_li select{flex:1}

.join li.flex_li.down{flex-direction: column; justify-content: flex-start; align-items: flex-start}

.join li p.f14 + input{margin-top: 10px}

.ck_flex{display: flex; flex-wrap: wrap; gap:10px}
.ck_flex * {flex:1}


.ck_icon input[type="checkbox"]{display: none}
.ck_icon input[type="checkbox"] + label{font-size: 14px; display: flex; align-items: center; gap:5px}

.ck_icon input[type="checkbox"] + label::before{width: 25px; height: 25px; border: 0px solid #000; display: block; content: '';
background: url(../images/ck.png); background-repeat: no-repeat; background-size: 25px auto}

.ck_icon input[type="checkbox"]:checked + label::before{width: 25px; height: 25px; border: 0px solid #0063F9; 
display: block; background: url(../images/ck_on.png); background-repeat: no-repeat; background-size: 25px auto}



.ck_detail{display: flex; gap:10px; margin-top: 10px; justify-content: flex-start; align-items: center}
.ck_detail .subject{width: 90px;}
.ck_detail input[type="text"]{border: 1px solid #E0E0E0; background: #fff; flex:1}

.ck_detail input:disabled{background: #ECECEE; border-color: #ECECEE;  color: #696E77}

.ck_detail input[type="number"]:disabled{text-align: right}

.ck_detail + .ck_detail{margin-top: 10px}

.ck_detail .detail{display: flex; gap:10px; flex:1}




.join li input,
.join li select{font-size: 14px; height: 40px; line-height: 40px}

.select_flex{display: flex; gap:10px; flex:1}
.select_flex select{flex:1}

.join li p.point{font-size: 12px; color: #FF0000; width: 100%; padding-left: 140px; display: flex; align-items: center; justify-content: flex-start; gap:5px}

.join li p.point.left0{padding-left: 0}

.flex_li_title{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px}

.pop{position: fixed; left: 0; top: 0;
background: rgba(0,0,0,0.5); z-index: 9999; width: 100%; height: 100%}


.pop .pop_content{position: absolute; max-width: 340px; 
text-align: center; background: #fff; border-radius: 10px; border: 1px solid #8B8B8B; left: 50%; top: 50%;width: 100%; transform: translate(-50%, -50%);
overflow: hidden}


.pop .pop_content h2{background: #0063F9; color: #fff; font-size: 20px; padding: 10px}

.pop .pop_content .txt{padding: 30px 25px; max-height: 80vh; overflow-y: auto}
.pop .pop_content .txt p{font-size: 16px; word-break: keep-all}

.pop .pop_content .txt input{background: #F4F4F4}


.pop .pop_content .txt2{padding: 30px 25px; max-height: 80vh; overflow-y: auto; text-align: left}

.pop .pop_content .txt2 .option_pop p{font-size: 14px}
.pop .pop_content .txt2 .option_pop li{padding: 10px; border-bottom: 1px solid #ECECEE; display: flex;     justify-content: space-between;
    align-items: center;}

.pop .pop_card{position: absolute; max-width: 90%;  background: #fff; border-radius: 10px; border: 1px solid #8B8B8B; left: 50%; top: 50%;width: 100%; transform: translate(-50%, -50%);
overflow: hidden; padding: 25px}


.pop .pop_card h2{margin: 25px 0; font-size: 20px}
.pop .pop_card .txt li a{display: flex; align-items: center; justify-content: space-between; padding: 10px; border-bottom: 1px solid #ECECEE; color: #696E77; font-size: 15px}
.pop .pop_card .txt li a span{color: #696E77}
.pop .pop_card .txt li:last-child a{border-bottom: 0}

.pop_btn{display: flex; gap:10px; margin-top: 40px; align-items: center; justify-content: center}

.flex_save{display: flex; gap:10px; margin-top: 10px; align-items: center; justify-content: flex-end; width: 100%}

.flex_li .flex_save{margin: 0}


.partner{padding: 30px 25px 0; }
.partner_tab_are{text-align: center; margin-bottom: 25px;}
.partner_tab{background: #EFF2F7; display: inline-flex; align-items: center; padding: 5px; border-radius: 40px;  justify-content: center;}

.partner_tab a{flex:auto; border-radius: 40px; height: 30px; height: 30px; text-align: center;display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; color: #7F8897; padding: 0 25px}
.partner_tab a.tab_on{background: #fff; color: #0063F9}

.partner .tag{height: 22px;color: #fff; font-size: 12px; text-align: center; padding: 0 10px; border-radius: 20px; background: #2F80ED; line-height: 20px; border: 1px solid #2F80ED; display: inline-block; }

.partner .tag.blue{}
.partner .tag.red{background:#F44242; border-color: #F44242 }
.partner .tag.green{background: #2CB33C; border-color: #2CB33C}

.flex_partner_title{display: flex; gap:10px; align-items: center; justify-content: flex-start; gap:12px;}

.partner .box{padding: 20px; border-radius: 5px; border: 1px solid #E0E0E0}
.partner .box + .box{margin-top: 10px}

.partner .not_box{min-height: 60vh;display: flex; align-items: center; justify-content: center; flex-direction: column}
.partner .not_box .box{border: 0; text-align: center}

.flex_partner_box{display: flex; align-items: flex-start; justify-content: flex-start; gap:20px}
.flex_partner_box p{}
.flex_partner_box p b{width: 40px; color:#7F8897; font-weight: 500 }
.flex_partner_box + .flex_partner_box{margin-top: 5px}

.partner .input_note{margin-top: 50px; }


.parnter_inq{margin-top: 50px; text-align: center;
font-size: 14px; color: #0063F9; text-decoration: underline}



.partner .not_box .box +.input_note{margin-top: 0px; justify-content: center}



.join.partner_inq li textarea{height: 200px}


.tab_top{display: flex; }
.tab_top a{text-align: center; flex:1; padding: 13px 0; font-size: 14px; color: #d3d3d3; border-bottom: 2px solid #d3d3d3; font-weight: 500}
.tab_top a.on{border-color:#0063F9; color: #0063F9 }



.sub_morning_head{display: flex; align-items: center; justify-content: space-between; padding: 0 25px}

.sub_morning_head h2{font-size: 20px;}
.sub_morning_head p.date{color: #0063F9; font-size: 14px;}


.drop_tlb{display: flex; align-items: center; justify-content: center; gap:5px}

/*
*.tlb_morning{padding: 0 25px}
*/
.tlb_morning{padding: 0 20px}
.tlb_morning table{width: 100%; border-spacing: 0}
.tlb_morning table th{font-size: 15px; padding: 10px; border-bottom: 1px solid #ECECEE}
.tlb_morning table td{font-size: 14px; padding: 10px; border-bottom: 1px solid #ECECEE}
.tlb_morning table span.red{color: red}
.tlb_morning table span.blue{color: #0063F9}

.tlb_morning table td.count{width: 70px}
.tlb_morning table td.date{width: 100px}

.tlb_morning table td.vmid{ vertical-align: middle}

.tlb_morning table th.ck_icon{text-align: center}
.tlb_morning table th.ck_icon label{display: inline-block}

.tlb_morning table td.ck_icon{text-align: center}
.tlb_morning table td.ck_icon label{display: inline-block}
.tlb_morning table td.center{text-align: center; vertical-align: middle}


.file_down_icon{width: 15px}



p.note_point{font-size: 12px; color: #FF0000; width: 100%; display: flex; align-items: center; justify-content: flex-start; gap:5px;}


/*
.250931
.date_search{padding: 0 25px; display: flex; align-items: center; gap:10px}
.date_search input{max-width: 110px; }
*/

@media (max-width: 360px) {
	.date_search{padding: 0 10px; display: flex; align-items: center; gap:5px}
	.date_search input{max-width: 110px; font-size: 12px; }
}
@media (min-width: 361px) {
	.date_search{padding: 0 20px; display: flex; align-items: center; gap:5px}
	.date_search input{max-width: 125px; font-size: 12px;}
}
.date_search select{background: #fff}
.date_search .common_btn{height: 44px; line-height: 42px; font-size: 14px; }

p.delivery_flex{display: flex; align-items: center; justify-content: flex-start; gap:10px; margin-top: 10px;}

.delivery_state{color: #fff; font-size: 12px; text-align: center; padding: 5px 10px; border-radius: 50px; background: #222; display: inline-block}

.delivery_state.ok{background: #2CB33C;}
.delivery_state.ing{background: #F44242}
.delivery_state.cencle{background: #F07338}
.delivery_state.cencleok{background: #0063F9;}



.delivery_info_table{padding: 0 25px;
}
.delivery_info_table table{width: 100%; border-spacing: 0;
border-top: 1px solid #ececec;}
.delivery_info_table table th{font-size: 15px; padding: 10px 15px; border-bottom: 1px solid #ECECEE; background: #F8F8F8; text-align: left; font-weight: 500;
border-left: 1px solid #ececec}
.delivery_info_table table td{font-size: 14px; padding: 10px 15px; border-bottom: 1px solid #ECECEE;
border-right: 1px solid #ececec}

.delivery_info_table table td .thum_flex{display: flex; justify-content: space-between;
    align-items: flex-start;}


.delivery_info_table table td.ck_icon{text-align: center}
.delivery_info_table table td.ck_icon label{display: inline-block}
.delivery_info_table table td.center{text-align: center; vertical-align: middle}

p.small{font-size: 13px; word-break: keep-all; padding: 0 25px; margin-top: 20px}


.dentalk_list li{display: flex; gap:12px; align-items: center; justify-content: flex-start; padding: 18px 0; border-bottom: 1px solid #ECECEE}
.dentalk_list li .thum{width: 60px; height: 60px; border-radius: 60px; overflow: hidden}

.dentalk_list li .thum img{width: 100%; height: 100%; object-fit: cover}

.dentalk_list li .txt{display: flex; align-items: flex-start; justify-content: space-between; flex:1}

.dentalk_list li .txt p{font-size: 13px; color: #4D4D4D}
.dentalk_list li .txt h3{font-size: 15px; margin-bottom: 5px}

.chat_are{position: relative;}

.chat_list{  height: calc(100vh - 60px - 110px); overflow-y: scroll; padding: 0 25px}

.chat_are .whochat{text-align: center; padding: 10px 30px; background: #EFF2F7; position: fixed; top: 80px; left: 50%; transform: translateX(-50%); width: max-content; border-radius: 10px;}
.chat_are .whochat p{color: #0063F9; font-size: 16px;}

.chat_info .date_center{text-align: center; font-size: 14px; }
.chat_info + .chat_info{margin-top: 30px}

.chat_info .time{color: #8F98A4; font-size: 13px;width: max-content }

.chat_q{display: flex; gap:5px; justify-content: flex-end; align-items: flex-end}

.chat_q .are{padding:12px 15px; background: #0063F9; border-radius: 10px; color: #fff; font-size: 15px; }


.chat_a{display: flex; gap:5px; justify-content: flex-start; align-items: flex-end}

.chat_a .are{padding:12px 15px; background: #EFF2F7; border-radius: 10px; color: #4d4d4d; font-size: 15px;flex:1 }



.chat_icon{width: 40px; height: 40px; border-radius: 40px; overflow: hidden;background: #828282;
display: flex; justify-content: center;
    align-items: center; }
.chat_icon img{display: block; width: 100%; height: 100%; object-fit: cover}
.chat_icon p{color: #fff}


.chat_a_flex{align-items: center; display: flex; justify-content: flex-start; gap:5px; flex:1}

.chat_img{max-width: 250px}


.chat_input{position: fixed; left: 0; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: flex-start; padding: 30px 25px; background-color:#fff;}

.chat_input a{width: 48px; height: 48px; border: 0; display: flex; align-items: center; justify-content: center}

.chat_input_in{display: flex; align-items: center; justify-content: flex-end; border-radius: 5px; background: #EFF2F7; flex:1; padding: 0 10px}
.chat_input_in input{border: 0; background: #EFF2F7; height: 48px; line-height: 48px; }
.chat_input_in button{width: 48px; height: 48px; border: 0; display: flex; align-items: center; justify-content: center}



.open_img_chat{position: fixed; left: 0; top: 0; width: 100%; background:#000; height: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center}
.open_img_chat_close{position: absolute; right: 25px; top: 25px}

.open_img_chat img.thum{max-width: 100%}
.open_img_chat .info{position: absolute; bottom: 50px; color: #fff; font-size: 14px; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; text-decoration: underline}



.add_list{text-align: right}
.add_list .common_btn{height: 36px; line-height: 34px; font-size: 14px; display: inline-block; width: auto; padding: 0 25px}


.list_inventory{padding: 0 25px}
.list_inventory .not{text-align: center; display: flex; align-items: center; flex-direction: column; justify-content: center; min-height: 40vh}
.list_inventory .not p{font-size: 16px; line-height: 22px; margin-top: 15px}


.list_inventory_subject{position: relative; background: #F4F4F4; padding: 10px 70px 10px 20px; }
.list_inventory_subject p{color: #0063F9; font-size: 15px; }

.list_inventory_subject img{position: absolute; right: 20px; top: 10px;}


.list_inventory .box + .box{margin-top: 10px}

.list_inventory .list{}
.list_inventory .list li{display: flex; padding: 10px; border-bottom: 1px solid #ECECEE; gap:10px; align-items: flex-start}

.list_inventory .list li .ck_are{display: flex; align-items: center; justify-content: flex-start; gap:6px}
.list_inventory .list li .ck_are p{font-size: 14px}


.list_inventory .list li .txt p{font-size: 14px;}

.list_inventory .list li .txt p.inventory_total{color: #0063F9; margin-top: 5px}


.list_inventory .list li .state{width: 40px}
.list_inventory .list li .state p{background: #0063F9; font-size: 14px; color: #fff; padding: 2px 8px; border-radius: 4px}

.list_inventory .list li .state p.gray{background: #F4F4F4; color: #696E77}


.list_inventory .list li .right{display: flex; align-items: center; justify-content: space-between; flex: 1}

.list_inventory .list li .num_count{flex:1} 
.num_count_are{padding: 4px 10px; background: #EFF2F7; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; gap:10px}
.num_count_are button{display: flex; align-items: center; justify-content: center}
.num_count_are .result{width: 45px; background: #fff; font-size: 14px; text-align: center; height: 30px; line-height: 30px}


.num_count_num{display: flex; justify-content: flex-end; align-items: center}


.pop_tlb{}
.pop_tlb table{border-spacing: 0; width: 100%}
.pop_tlb td,
.pop_tlb th{padding: 10px 0; border-bottom: 1px solid #ECECEE; text-align: left; }

.pop_tlb th{min-width: 80px}

.pop .pop_content .txt .flex_pop_flex{display: flex; justify-content: space-between; align-items: flex-start}
.pop .pop_content .txt .flex_pop_flex p{font-size: 14px;}
.pop .pop_content .txt .flex_pop_flex p.red{color: red; font-size: 12px;}
.pop .pop_content .txt .flex_pop_flex button{height: 36px; line-height: 34px; font-size: 14px; display: inline-block; width: auto; padding: 0 10px}




.statistics{padding: 0 25px;}
.statistics_head{margin-bottom: 15px}
.statistics_head h2{font-size: 20px;}
.statistics_box{border-radius: 10px;
border: 1px solid #E0E0E0;
background: #FFF; padding: 20px}


.statistics_box h4{font-size: 16px; margin-bottom: 10px}



.lank_right{display: flex; align-items: center; justify-content: flex-start;
gap:10px; p}
.lank_right h5{font-size: 14px; width: 22px; font-weight: 400}
.gage_are{flex:1; border-left: 1px solid #D9D9D9; padding: 5px 0}

.gage_are .gage{height: 36px; background: #fff; 
	border-radius: 0 10px 10px 0; position: relative}

.gage_are .gage .in_gage{position: absolute; width: 60%; height: 100%; background: #EFF2F7; border-radius: 0 10px 10px 0;}
.gage_are p{margin-top: 8px; font-size: 14px; padding: 0 5px}
.first .gage_are .gage .in_gage{background: #0063F9}

.gage_are .gage .in_gage .first{position: absolute; right: -40px; z-index: 2;
color: #0063F9; font-size: 14px; font-weight: bold;padding: 5px 15px; background: #E4EFFF; border-radius: 50px; top: 2px }


.statistics_info{padding: 20px; border-radius: 5px; background: #EFF2F7}
.statistics_info ul{display: flex; flex-wrap: wrap}
.statistics_info ul li{ font-size: 16px; width: 50%}
.statistics_info ul li.w100{width: 100%}
.statistics_info ul li:last-child{text-align: right}
.statistics_info ul li b{color: #0063F9}
.statistics_info ul + ul{margin-top: 10px}




.lank_top{display: flex; overflow-x: auto}
.lank_top .top_bar_are{padding: 0 ; text-align: center}
.lank_top .top_bar_are .top_bar{height: 180px; width: 36px; position: relative; left: 10px}
.lank_top .top_bar_are .top_bar .in_top_bar{position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: #EFF2F7; border-radius: 10px 10px 0 0}


.lank_top .top_bar_are.first .top_bar .in_top_bar{background: #0063F9}


.lank_top .top_bar_are h5{padding: 10px 0; font-size: 14px; border-top: 1px solid #d9d9d9; width: 56px}



.lank_top .top_bar_are .top_bar .in_top_bar .first{position: absolute; right: -40px; z-index: 2;
color: #0063F9; font-size: 14px; font-weight: bold;padding: 5px 15px; background: #E4EFFF; border-radius: 50px; top: 15px }


.quick_state{padding: 10px 15px; border: 1px solid #828282; color: #4D4D4D; font-size: 14px; display: inline-block; border-radius: 5px}


.quick_how{padding: 0 25px}

.quick_tlb{border: 1px solid #ECECEE; overflow: hidden; border-radius: 5px}
.quick_tlb table{width: 100%}
.quick_tlb th{text-align: left; font-size: 14px; font-weight: 500; padding: 10px 20px; background: #F8F8F8; border-bottom: 1px solid #ECECEE}
.quick_tlb td{text-align: left; font-size: 14px; font-weight: 400; padding: 10px 20px; border-bottom: 1px solid #ECECEE;
border-left: 1px solid #ECECEE}

.quick_tlb tr:last-child th,
.quick_tlb tr:last-child td{border-bottom: 0}


.quick_product{}
.quick_product .box{display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #F4F5F9}

.quick_product .box .left{display: flex; align-items: center; justify-content: flex-start; gap:15px}


.save_price{text-align: right; padding: 0 25px}
.save_price p{color: #fff; font-size: 16px; border-radius: 5px; background: #0063F9; padding: 5px 10px; display: inline-block}


.quick_ceck_box{padding: 20px; border: 1px solid #E0E0E0; border-radius: 5px}
.quick_ceck_box .top{display: flex; align-items: center; justify-content: space-between}

.quick_ceck_box .top p.tag{background: #F07338; padding: 4px 8px; color: #fff; font-size: 12px; border-radius: 50px}
.quick_ceck_box .top p.tag.ok{background: #2CB33C;}

.quick_ceck_box .in_txt_are{margin: 20px 0; padding: 20px 0; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0}

.quick_ceck_box .in_txt + .in_txt{margin-top: 15px}
.quick_ceck_box .in_txt p + p{margin-top: 5px}
.quick_ceck_box .in_txt ul{display: flex; justify-content: space-between; align-items: flex-start}
.quick_ceck_box .in_txt ul li{font-size: 14px}
.quick_ceck_box .in_txt ul li + li{margin-top: 5px}

.quick_ceck_box .pop_btn{margin: 0}

.quick_ceck_box + .quick_ceck_box{margin-top: 10px}


.cnc_request{padding: 0 25px}
.line_bar{width: 100%; height: 3px; margin: 15px 0; background: #EFF2F7}

.cnc_user_title{display: flex; justify-content: space-between;
    align-items: center; background: #EFF2F7 ; padding-left: 20px}
    
.cnc_user_title p{font-size: 14px; display: flex; gap:20px; justify-content: flex-start;
    align-items: center;}    
.cnc_user_title button{width: 40px; height: 40px; display: flex; justify-content: center;
    align-items: center; border-left: 1px solid #DBDBDB}

.cnc_info{border-bottom: 2px solid #696E77}
.cnc_info li{border-bottom: 1px solid #ECECEE; padding: 10px 20px}
.cnc_info li p{font-size: 14px}

.cnc_info li p.txt_p{color: #696E77}
.cnc_info li p.txt_p span.note_p{font-size: 12px; color: red; display: block; line-height: 140%}

.step_title{display: flex; justify-content: space-between;
    align-items: center; }

.step_title p{color: #0063F9; font-weight: 600}

.flex_cnc{display: flex;justify-content: flex-start;
    align-items: flex-start; gap:10px }
    
.flex_cnc.center{align-items: center; }    
.flex_cnc.end{justify-content: space-between;}
.flex_cnc.end .second_btn{max-width: 120px}
    
.flex_cnc .subject{width: 110px; }
.flex_cnc .subject + *{flex:1}

.flex_cnc .subject span{color: red}

.pop_content .cnc_info li{padding: 10px 0}

.pop_content .cnc_info li .flex_cnc .subject{width: 110px; font-weight: bold}
.pop_content .cnc_info li p.txt_p{color: #000; font-weight: 400}

.cnc_info li select,
.cnc_info li input[type="text"]{font-size: 14px; height: 40px; line-height: 38px}
.cnc_info li textarea{font-size: 14px; }

.cnc_info li p.subject_p{margin-bottom: 10px}


.pop_content .cnc_info li p.subject_p{font-weight: bold}

.pop_content .cnc_info{border-bottom: 1px solid #ECECEE}


.flex_cnc_input{display: flex; margin-top: 5px; gap:5px; position: relative}
.flex_cnc_input.ckare{justify-content: space-between;
    align-items: flex-start;}

.tag_cnc_input{position: absolute; right: 10px; top: 7px; border-radius: 12.5px;
background: #F44242; padding: 4px 8px; font-size: 12px; color: #fff}

.tag_cnc_input.ok{background: #2CB33C;}
.tag_cnc_input.ing{background: #4285F4;}

.in_info + .in_info{margin-top: 10px}

.teeth_img{margin-top: 15px}
.teeth_img img{max-width: 100%}

.ck_tag{padding-left: 30px}
.ck_tag p{display: flex; font-size: 14px;     justify-content: flex-start;
    align-items: center; gap:5px}

.ck_cnc * + .ck_icon{margin-top: 15px}


.flex_cnc_input.ckare .second_btn{height: 30px; line-height: 28px; font-size: 12px; padding: 0 8px}



.flex_cnc + .file_flex{margin-top: 10px}

.flex_cnc_order_list{display: flex; justify-content: space-between;
    align-items: flex-start;}
    
.flex_cnc_order_list .left  {display: flex; justify-content: flex-start;
    align-items: flex-start; gap:3px}  
    
.flex_cnc_down{display: flex; flex-direction: column; gap:5px}    
    



.pop_box{padding: 20px; border-radius: 10px;
border: 1px solid #ECECEE;
background: #FFF; position: relative}

.pop_box + .pop_box{margin-top: 10px}

.pop_box h4{font-size: 15px; padding-right: 25px}
.pop_box .like_btn{position: absolute; right: 20px; top: 20px;}
.pop_box .like_btn img{width: 16px}
.pop_box ul{margin-top: 20px; display: flex; flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start; gap:10px 0}
    
.pop_box ul li{width: 50%}    
.pop_box ul li *{font-size: 14px}
.pop_box ul li.w100{width: 100%}

.pop_box ul li.txt_right{text-align: right}

.cnc_pop_tag{margin-top: 10px; display: flex; flex-wrap: wrap; gap:5px}
.pop_box ul li .cnc_pop_tag span{padding: 8px; font-size: 12px; border: 1px solid #696E77; color: #696E77; border-radius: 5px}


.pop_box_btn_are{border-top: 1px solid #ECECEE; margin-top: 15px; padding-top: 15px;display: flex;
    justify-content: flex-end;
    align-items: flex-start;}



.cnc_pad_tlb{padding: 0 25px}
.cnc_pad_tlb table{width: 100%}
.cnc_pad_tlb th{border-bottom: 2px solid #EFF2F7; padding: 20px 5px; font-size: 14px; }
.cnc_pad_tlb td{border-bottom: 1px solid #EFF2F7; padding: 20px 5px; font-size: 14px; }
.cnc_pad_tlb td.center{text-align: center}
.cnc_pad_tlb td.mid{vertical-align: middle}
.cnc_pad_tlb td .file_name{text-decoration: underline; }
.cnc_pad_tlb td .file_name span{background: #EFF2F7; padding: 2px 7px; border-radius: 50px; color: #7F8897; text-decoration: none; display: inline-block; font-size: 12px; margin-left: 5px}

.cnc_pad_tlb .second_btn{height: 44px; line-height: 42px; font-size: 14px; display: inline-flex}
.cnc_pad_tlb td a{display: inline-block; transition-duration: .5s}
.cnc_pad_tlb td a.on{transform: rotate(180deg);}


.cnc_pad_tlb select,
.cnc_pad_tlb input[type="text"]{font-size: 14px; }
.cnc_pad_tlb textarea{font-size: 14px; }


.pad_memo{padding: 20px; border: 1px solid #E0E0E0; border-radius: 5px; display: flex;}
.pad_memo *{font-size: 14px}
.pad_memo p.subject{width: 120px; }

.pad_memo p.subject + *{flex:1}

.pad_memo select,
.pad_memo input[type="text"]{font-size: 14px;}
.pad_memo textarea{font-size: 14px; }



.history_order{padding: 0 25px}
.history_order .box{padding: 20px;
border-radius: 5px;
border: 2px solid #F2F2F2;
background: #FFF; position: relative}

.history_order .box h3{font-size: 18px;}

.history_btn{position: absolute; right: 20px; top: 20px; display: flex; gap:5px}
.history_btn .down_h_btn{width: 40px; height: 40px; background: #0063F9; display: flex;     justify-content: center;
    align-items: center;border-radius: 5px}

.history_btn .down_h_btn img{width: 20px}

.history_order .box ul{margin-top: 20px;}
.history_order .box ul li {display: flex; gap:5px;     justify-content: flex-start;
    align-items: center;}
    
.history_order .box ul li + li{margin-top: 5px}    
    
.history_order .box ul li p{font-size: 15px; color: #7F8897}
.history_order .box ul li h4{color: #0063F9; font-size: 17px}
.history_order .box ul li p b{color: #000}


.history_order .box + .box{margin-top: 10px}


.print{width: 890px; margin: 0 auto; background: #fff; padding: 30px;}
.print h2{font-size: 20px; margin-bottom: 20px; color: #0063F9}
.flex_print{display: flex; gap:30px 10px; flex-wrap: wrap;}
.flex_print .box{width: calc(50% - 5px); }
.flex_print .box.w100{width: 100%}
.flex_print .box p{font-size: 16px; margin-bottom: 10px}
.flex_print .box table{width: 100%; border: 1px solid #DFDFDF}
.flex_print .box table th{padding: 7px 13px; background: #EFF2F7; font-size: 13px; font-weight: 400; text-align: left; border-bottom: 1px solid #DFDFDF}
.flex_print .box table td{padding: 7px 13px; background: #fff; font-size: 13px; font-weight: 400; text-align: left; border-bottom: 1px solid #DFDFDF}
.flex_print .box table tr:last-child th{border-bottom: 0}
.flex_print .box table tr:last-child td{border-bottom: 0}


.flex_print .box table th.center,
.flex_print .box table td.center{text-align: center; vertical-align: middle}

.flex_print .box table td.center.total_print{background: #4285F4; color: #fff; font-weight: bold; font-size: 16px}

.favorites{padding: 0 25px}
.favorites_list{display: flex; gap:5px 10px ; flex-wrap: wrap;}
.favorites_list p{width: calc(50% - 5px); font-size: 14px}
.favorites_list p span.red{color: red}


.favorites_title{}

.favorites_title{display: flex; justify-content: space-between;
    align-items: center; background: #F4F4F4; padding: 10px 20px }
.favorites_title p{color: #4285F4;}

.favorites_not{min-height: 40vh; text-align: center; justify-content: center;
    align-items: center; display: flex}
.favorites_not p{font-size: 14px;}




.favorites_search_tab{display: flex;  flex-wrap: wrap; gap:10px}
.favorites_search_tab p{padding: 8px 10px; border-radius: 5px;
background: #0063F9; color: #fff; font-size: 14px}

.ck_are_line{}
.ck_are_line .ck_icon{display: flex; justify-content: space-between;
    align-items: center; border-bottom:1px solid #ececec; padding-bottom: 10px;}

.ck_are_line .ck_icon + .ck_icon{padding-top: 10px;}

.ck_icon + .txt_p{margin-top: 10px}

.ink_cnc{display: flex; gap:5px 10px; flex-wrap: wrap;}
.ink_cnc span{padding: 8px 10px; font-size: 13px; color: #696E77; border-radius: 5px;
border: 1px solid #696E77;
background: #FFF;}

.ink_cnc_down a{padding: 8px 10px; font-size: 13px; color: #696E77; border-radius: 5px;
border: 1px solid #696E77;
background: #FFF; display: inline-flex; gap:5px; justify-content: flex-start;
    align-items: center;}
.ink_cnc_down a span{color: #696E77; }
.ink_cnc_down a img{width: 16px}



.order_cnc_list{padding: 0 25px}
.order_cnc_list .box{padding: 20px;border-radius: 5px;
border: 1px solid #ECECEE;
background: #FFF; position: relative}

.order_cnc_list .box .tag{color: #fff; font-size: 12px; padding: 4px 8px; background:#F00; position: absolute; right: 20px; top: 20px; border-radius: 20px}

.order_cnc_list .box .tag.red{background: #F00;}
.order_cnc_list .box .tag.orange{background: #F07338;}
.order_cnc_list .box .tag.green{background: #2CB33C;}
.order_cnc_list .box .tag.blue{background: #4285F4;}

.order_cnc_list .box + .box{margin-top: 10px}


.order_cnc_list .box h4{font-size: 16px; padding-right: 25px; margin-bottom: 15px}

.order_cnc_list .box ul{display: flex; gap:20px}
.order_cnc_list .box ul li{display: flex; gap: 2px; font-size: 13px}
.order_cnc_list .box ul li b{color: #7F8897}


.order_cnc_list_info{margin-top: 15px}



.order_cnc_list2{padding: 0 25px}
.order_cnc_list2 .box{padding: 20px;border-radius: 5px;
border: 1px solid #ECECEE;
background: #FFF; position: relative}

.order_cnc_list2 .box h4{font-size: 16px; padding-right: 25px; margin-bottom: 15px; display: flex; gap:10px;     justify-content: flex-start;
    align-items: center;}
.order_cnc_list2 .box h4 img{width: 17px}

.order_cnc_list2 .box ul{display: flex; gap:20px}
.order_cnc_list2 .box ul li{display: flex; gap: 2px; font-size: 13px}
.order_cnc_list2 .box ul li b{color: #7F8897}


.order_cnc_list2 .top_info{display: flex;     justify-content: space-between;
    align-items: center; margin-bottom: 15px}

.order_cnc_list2 .top_info .date{font-size: 12px; text-align: right}

.order_cnc_list2 .box .tag{color: #fff; font-size: 12px; padding: 4px 8px; background:#F00; border-radius: 20px}

.order_cnc_list2 .box .tag.red{background: #F00;}
.order_cnc_list2 .box .tag.orange{background: #F07338;}
.order_cnc_list2 .box .tag.green{background: #2CB33C;}
.order_cnc_list2 .box .tag.blue{background: #4285F4;}

.order_cnc_list2 .box + .box{margin-top: 10px}




.over_tlb{overflow-x: auto}

.over_tlb::-webkit-scrollbar {
    width: 4px;
    height: 6px
  }
.over_tlb::-webkit-scrollbar-thumb {
    background-color: #4285F4;
    border-radius: 10px;
    background-clip: padding-box;
    border: 0px solid transparent;
  }
.over_tlb::-webkit-scrollbar-track {
    background-color: #EFF2F7;
    border-radius: 10px;
  }

.pad_top_select{padding: 0 25px; display: flex; gap:10px; 
    justify-content: space-between;
    align-items: center;}

.pad_top_select .left{display: flex; gap:10px; 
    justify-content: flex-start;
    align-items: center;}

.pad_top_select select{width: 110px}

.pad_top_select .date_search{padding: 0}
.pad_top_select .date_search .common_btn{padding: 0 25px}

.pad_top_select .search_are{padding: 0}






.total_price p{font-size: 14px; display: flex;
    justify-content: flex-start;
    align-items: center; gap:3px}
.total_price p span{font-size:12px; color: #999}

.total_flex{display: flex; gap:5px;
align-items: center;
    justify-content: flex-start;padding: 10px 0}
.total_flex a{font-size: 14px; color: #999; font-weight: bold; transition-duration: .5s}
.total_flex a img{display: block}
.total_flex.drop_prv{justify-content: space-between;}

.prv_txt{background: #f5f5f5; border-radius: 5px; padding: 10px; }
.prv_txt p{font-size: 12px; word-break: keep-all}

.ck_icon .prv_txt{display: none;}

.ck_icon .atv_dp + .prv_txt{display: block;}

.ck_icon .atv_dp a{    transform: rotate(180deg);}

.quick_ck p{padding-left: 30px; font-size: 12px; color: #999; margin-top: 0px}


.tt{max-width: 100%; margin-top: 20px}





@media (min-width: 768px) {
	body{background: #f5f5f5}
	
	.warp.pad{max-width: 1024px}
	
	.warp{max-width: 430px; margin: 0 auto; min-height: 100vh; position: relative;
	background: #fff}
	.foot_nav{position: sticky; bottom: 0; left: 0}
	.chat_input{position: absolute; bottom: 0; left: 0}
	.chat_are{height: calc(100vh - 60px)}
	
	.header{position: sticky}
	
	.content{min-height: calc(100vh - 120px); margin-top: 30px}
	.content.m60{margin: 0}
	
}