@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-weight:normal;letter-spacing:-0.5px;}
address,em{font-style:normal;font-weight:normal;}
strong{font-weight:bold}
input,button,select{font-family:'Pretendard','Malgun Gothic','맑은 고딕',Helvetica,Arial,sans-serif;vertical-align:middle;margin:0;padding:0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
hr{width:100%;height:1px;margin:50px 0;border:0;clear:both;background-color:#e7e7e7;}
html{font-size:100%;}
html{font-family:'Pretendard','Malgun Gothic','맑은 고딕',Helvetica,Arial, sans-serif;font-size:13px}
body{line-height:1.5;color:#595857;}
ol,ul,li{list-style:none;}
table{ border-spacing:0;font-size:11px;border-collapse:collapse;}
button,
html input[type='button'],
input[type='reset'],
input[type='submit']{-webkit-appearance:button;cursor:pointer;}
button{margin:0;padding:0;border:0;background-color:transparent;outline:none;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button{height:auto;}
input.search,
input[type='search']{-webkit-appearance:none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-border-radius:2px;border-radius:2px;}
input.search:-webkit-search-cancel-button,
input.search:-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration{-webkit-appearance:none;}
input[type='file']::-webkit-file-upload-button{cursor:pointer;}
a{text-decoration:none;color:#444;cursor:pointer;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.radio{display:inline-block;position:relative;width:16px;height:16px;margin-right:2px;border:1px solid #1890FF;background-color:#fff;border-radius:50%;vertical-align:middle;box-sizing:border-box;}
.radio.dis-radio{border:1px solid #D5D5D5}
.checkbox{display:inline-block;position:relative;width:16px;height:16px;margin-right:2px;border:1px solid #dbe1e8;background-color:#fff;border-radius:2px;vertical-align:middle;box-sizing:border-box;}
/* .radio{;width:18px;height:18px;margin-left:10px;border-radius:50%;border-width:1px;} */
.radio,.checkbox{box-shadow:inset 0px 3px 4px -2px #ececec;}
input[type='radio'],
input[type='checkbox']{position:absolute;left:0;right:0;top:0;bottom:0;z-index:10;opacity:0;width:16px;height:16px;letter-spacing:0;border:none;background:none;-webkit-appearance:none;-ms-appearance:none;vertical-align:middle;}
input[type='radio']{border-radius:100%;cursor:pointer;}
input[type='radio'] + i,input[type='checkbox'] + i{display:none;}
input[type='radio']:checked + i{display:block;position:absolute;left:-1px;top:-1px;}
input[type='checkbox']:checked + i{display:block;position:absolute;left:-1px;top:-1px;}
input[type='radio']:checked + i{width:16px;height:16px;background:url(/images/ico_radio-3380bffe8437b1b0ea62fdb305757aa4.png) no-repeat 0 0 / 16px 16px;}
input[type='checkbox']:checked + i{width:16px;height:16px;background:url(/images/ico_check-51f7b1a951c87460e78b2612353f025f.png) no-repeat 0 0 / 16px 16px;}
.radio + label,.checkbox + label{font-size:13px;padding-left:3px;padding-bottom:2px;}
input[type='text'],
input.search,
input[type='search'],
input[type='password'],
input[type='tel'],
input[type='email']{font-family:'Nanum Gothic',Helvetica,Arial,'Malgun Gothic','맑은 고딕',sans-serif;width:100%;height:30px;font-size:12px;color:#4f5f6f;line-height:30px;border:1px solid #dbe1e8;border-radius:2px;box-sizing:border-box;-webkit-appearance:none;padding:0 10px;}
input.search:disabled,
input[type='search']:disabled,
input[type='password']:disabled,
input[type='tel']:disabled,
input[type='email']:disabled,
input[type='text']:disabled{background:#A6A6A6;border:1px solid #dbe1e8;}
input:-moz-read-only{background:#fff;border:0}
input:read-only{background:#fff;border:0}
i.placeholder,
i.placeholder{color:#ccc !important;text-align:left;}
i.placeholder.ph-focus,
i.placeholder.ph-focus{display:none !important;}
input[type='text']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#BFBFBF;}
input[type='text']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
textarea:-moz-placeholder{color:#BFBFBF;}
input[type='text']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder{color:#BFBFBF;}
input[type='text']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#BFBFBF;}
html.ie9 .select:after{content:none;}
textarea{width:100%;padding:10px;border:1px solid #dae0e5;box-sizing:border-box;border-radius:2px;resize:none;font-family:'Nanum Gothic',Helvetica,Arial,'Malgun Gothic','맑은 고딕',sans-serif;font-size:14px;color:#72869a;margin-top:5px;}
label{font-size:12px;vertical-align:middle;}
legend,caption{position:absolute;left:-9999px;width:0;height:0;overflow:hidden;text-indent:-9999px;}
caption{display:none;}
.a11y-hidden{overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;}
.a11y-hidden.focusable:focus, .a11y-hidden.focusable:active{outline:visible;clip:auto;position:static;width:auto;height:auto;margin:0;}

/********** fonts **********/
@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:100;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-Thin.otf') format('opentype'),
	url('/fonts/Pretendard-Thin.subset.woff2') format('woff2'),
	url('/fonts/Pretendard-Thin.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:200;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-ExtraLight.otf') format('opentype'),
	url('/fonts/Pretendard-ExtraLight.subset.woff2') format('woff2'),
	url('/fonts/Pretendard-ExtraLight.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:300;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-Light.otf') format('opentype'),
	url('/fonts/Pretendard-Light.subset.woff2') format('woff2'),
	url('/fonts/Pretendard-Light.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:400;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-Regular.otf') format('opentype'),
	url('/fonts/Pretendard-Regular.subset.woff2') format('woff2'),
	url('/fonts/Pretendard-Regular.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:500;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-Medium.otf') format('opentype'),
	url('/fonts/Pretendard-Medium.subset.woff2') format('woff2'),
	url('/fonts/Pretendard-Medium.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:600;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-SemiBold.otf') format('opentype'),
	url('/fonts/Pretendard-SemiBold.subset.woff2') format('woff2'),
	url('/fonts/Pretendard-SemiBold.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:700;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-Bold.otf') format('opentype'),
	url('/fonts/Pretendard-Bold.subset.woff2') format('woff2'),
	url('/fonts/Pretendard-Bold.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:800;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-ExtraBold.otf') format('opentype'),
	url('/fonts/Pretendard-ExtraBold.subset.woff2') format('woff2'),
	url('/fonts/Pretendard-ExtraBold.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:900;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-Black.otf') format('opentype'),
	url('/fonts/Pretendard-Black.subset.woff2') format('woff2'),
	url('/fonts/Pretendard-Black.subset.woff') format('woff');
}
/********** fonts **********/

/********** layout **********/
html, body{height:100%;}
.wrap{width:100%;min-width:1600px;position:relative;top:-2px;padding-left:240px;background-color:#fff;box-sizing:border-box;}
.wrap #container{min-height:750px;padding:0 0 120px 0;background-color:#fff;min-width:1360px;}
#container.guide{padding:20px}
.lnb{background-color:#383838;width:240px;z-index:100;height:100%;position:fixed;left:0;bottom:0;top:0;padding:40px 0 0;box-sizing:border-box;}
body.normal:after{display:none}
/********** layout **********/

/********** header **********/
.logo{display:block;content:'';width:143px;height:48px;background:url(/images/logo_clemo-dfd823ee80ce762aa6bfef8074381272.png) no-repeat center;background-size:143px 48px;text-indent:-9999px}
.logo-color{display:inline-block;content:'';width:120px;height:35px;background:url(/images/logo_c-414ada9bb6cf8033ed0cb32a16c2916d.png) no-repeat center;background-size:100px auto;text-indent:-9999px;vertical-align: middle;}
.top-menu{width:100%;height:60px;background-color:#CCE9F2;position:relative;min-width:1600px;z-index:100;border-bottom:2px solid #9AD0E0;box-sizing:border-box;}
.top-menu h1{display:block;content:'';width:210px;height:auto;padding:5px 10px 0;color:#fff;box-sizing:border-box;margin:0 auto;text-align:center;}
.top-menu h1 .logo{display:inline-block;vertical-align:middle;}
.top-menu h1 em{display:inline-block;width:135px;padding-left:2px;font-size:14px;font-weight:bold;vertical-align:middle;}
.top-menu h1 span.txt{display:block;padding-left:2px;font-size:24px;font-weight:bold}
.top-menu h2{position:absolute;left:260px;top:35px;font-size:22px;color:#34373f;font-weight:bold}
.log{padding-bottom:22px;border-bottom: 1px solid #888888;margin:0 24px 0}
.log span{display:block;position:relative;font-size:22px;font-weight:700;color:#fff;vertical-align:middle;margin-bottom:20px}
.log strong{color:#fff;}
/********** header **********/

/********** container **********/
#container > section > h3{font-size:20px;line-height:20px;margin-bottom:15px;}
#container > section > h3 > em{color:#A0A0A0;font-weight:700;}
#container > section > h3 > em::after{display:inline-block;content:"";width:10px;height:18px;background:url(/images/ico_em_arrow-a3c4047fb53e4b4f075ec2d63c54128f.png) no-repeat 0 0 / 10px 18px;position: relative;right: 0;top: 2px;margin-left: 12px;margin-right: 12px;}
#container > section > h3 > em.tit-em{color:#E10600;margin-left:4px}
#container > section > h3 > em.tit-em::after{display:none;}
#container > section:after{content:'';display:block;clear:both}
#container > section.search-check{padding:30px 80px 18px;background:#F4F4F4;border-bottom:2px solid #E0E0E0;position:relative;z-index:9;}
#container > section.search-result{padding:30px 80px}
#container > section.search-result .table-type tr td [class^="btn-round"]{margin-right:0;min-width:70px;}
#container > section.search-result .btn-wrap-search{margin:0 0 10px}
#container h3{position:relative;font-size:14px;line-height:12px;color:#313336;font-weight:bold;}
#container h3 span{position:absolute;top:3px;right:0;font-size:12px}
#container h3.title{padding-bottom:8px;}
#container h3.title span{font-size:12px}

.rgb-red{color:#E10600 !important}
.bg-blue{background:#5C9DFF !important;border:1px solid #5C9DFF !important}
.bg-blue:hover{background:#5483CA !important;border:1px solid #5483CA !important}
.bg-orange{background:#F3B456 !important;border:1px solid #F3B456 !important}
.bg-orange:hover{background:#E29015 !important;border:1px solid #E29015 !important}
.bg-indigo{background:#005069 !important;border:1px solid #005069 !important}
.bg-indigo:hover{background:#003445 !important;border:1px solid #003445 !important}
.bg-red{background:#ED5D5D !important;border:1px solid #ED5D5D !important}
.bg-red:hover{background:#CD2626 !important;border:1px solid #CD2626 !important}
.bg-green{background:#6ED28A !important;border:1px solid #6ED28A !important}
.bg-green:hover{background:#37B65A !important;border:1px solid #37B65A !important}
.bg-green2{background:#0C9D83 !important;border:1px solid #0C9D83 !important}
.bg-green2:hover{background:#0D6555 !important;border:1px solid #0D6555 !important}
.layer-wrap header.bg-blue:hover{background:#5483CA !important;border:1px solid #5483CA !important}
.layer-wrap header.bg-orange:hover{background:#F3B456 !important;border:1px solid #F3B456 !important}
.layer-wrap header.bg-indigo:hover{background:#005069 !important;border:1px solid #005069 !important}
.layer-wrap header.bg-green:hover{background:#6ED28A !important;border:1px solid #6ED28A !important}
/********** container **********/

/********** form **********/
/* form-area */
.form-area{border:1px solid #c9c9c9;}
.form-area:after{content:'';display:block;clear:both;}
.form-area [class^="form-line"]{position:relative;border-top:1px solid #c9c9c9;padding:11px 0;background-color:#fff;box-sizing:border-box;}
.form-area [class^="form-line"] .detail-search{float:left;display:flex;align-items:center;height:30px;}
.form-area [class^="form-line"] .detail-search select + input[type="text"]{width:calc(100% - 270px)}
.form-area [class^="form-line-50p"] .detail-search .label-type:nth-of-type(2){margin-left:30px;}
.form-area [class^="form-line"] .term01{float:left;margin:0 24px 0 16px;}
.form-area [class^="form-line"] .term02{float:left;margin:0 24px 0 3px;}
.flr{float:right}
.mar10{margin-right:10px !important;}
.mal0{margin-left:0 !important;}
.padl0{padding-left:0 !important;}
.wd60{width:60% !important;}
.txtl{text-align:left !important;}
.txtc{text-align:center !important;}
.txtr{text-align:right !important;}
.disb{display:block !important;}
.table-type3 td.txtc{padding-left:6px;}
.padb80{padding-bottom:80px}
.part-type .btn-add.flr{z-index:9;display:inline-block;position:relative;top:-6px;}
.form-area [class^="form-line"] .detail-search select.wide-code + input[type="text"]{width:calc(100% - 310px)}
.form-area [class^="form-line"]:first-child{border-top:0;}
.form-area [class^="form-line-"] > div{float:left;position:relative;}
.form-area [class^="form-line-"]:after{content:'';display:block;clear:both;}
.form-area [class^="form-line-"] + .form-line{clear:both;}
.form-area label{font-weight:bold;color:#222;padding-left:20px;padding-right:18px;display:inline-block;min-width:65px;}
.form-area label.type-fl{float:left;margin-top:7px}

/* select */
select{width:100%;height:30px;padding-right:40px;padding-left:10px;color:#4f5f6f;font-size:12px;outline:none;border-radius:4px;border:1px solid #e9e9e9;font-family:'Nanum Gothic',Helvetica,Arial,'Malgun Gothic','맑은 고딕',sans-serif}
select{-moz-appearance:none;-ms-appearance:none;;-webkit-appearance:none;appearance:none;background:#fff url(/images/ico_arrow-160230855f5c0f0e9eba0dd7648936be.png) no-repeat 90% center / 12px 7px;vertical-align:middle;}
select option{background:#fff;color: #444;padding: 3px 0;font-size: 12px;}
select option:focus{background:#eee;}
select option:hover{background:#eee;}
select::-ms-expand{display:none;}
[class^="select-style"]{display:inline-block;position:relative}
[class^="select-style"] select{min-width:90px;height:28px;border-radius:0;color:#72869a;font-size:11px;line-height:26px;background:none;padding-right:25px;}
[class^="select-style"]:after{display:inline-block;content:"";width:20px;height:15px;background:url(/images/sprite_icon-d7e5b20de433e84eb177b971f0b971a3.png) 0 0 no-repeat;background-size:45px auto;background-position:-13px -243px;position:absolute;right:5px;top:7px;}

/* button */
[class^="btn-l"]{width:130px;height:32px;line-height:1;background-color:#24a9e1;border:1px solid #24a9e1;color:#ffffff;font-size:12px;border-radius:2px;font-weight:bold;}
[class^="btn-m"]{width:100px;height:40px;line-height:28px;background-color:#666;border:1px solid #666;color:#ffffff;font-size:18px;border-radius:6px;margin:0 3px;font-weight:bold;}
[class^="btn-m"] span{display:inline-block;position:relative;left:10px;font-weight:bold;}
[class^="btn-m"] span:after{display:inline-block;content:"";display:inline-block;width:24px;height:22px;background:url(/images/sprite_icon-d7e5b20de433e84eb177b971f0b971a3.png) no-repeat;background-size:36px auto;background-position:-10px -82px;position:absolute;top:3px;left:-22px;}
.btn-m-close,.btn-m-register,.btn-l-close{background-color:#4f5f6f;border-color:#4f5f6f;}
.btn-m-edit,.btn-m-reset,.btn-l-edit{background-color:#fff;border-color:#24a9e1;color:#24a9e1;}
.btn-m-del,.btn-l-del{background-color:#fff;border-color:#dbe1e8;color:#72869a;}
.form-area label[class^="btn-m"]{color:#fff;padding:0;text-align:center;line-height:2.5;cursor:pointer}
.btn-logout{display:inline-block;float:left;color:#fff;font-size:11px;padding:0 10px;text-align:center;background-color: #E63500;height:20px;line-height:20px;min-width:64px;border-color: #E63500;width:inherit;vertical-align:middle;border-radius: 12px;font-weight: bold;}
.btn-password{display:inline-block;color:#dadada;font-size:12px;padding:0 10px;text-align:center;line-height:1;width:inherit;vertical-align:middle;font-weight: 700;}
.btn-password::before{display:inline-block;margin-right: 2px;content:"";display:inline-block;width:16px;height:16px;background: url(/images/ico_subtract-16e1f0ed4eb3533c3a687fdd5d00f1c1.png) no-repeat 0px 2px / 16px 16px;}
.last-access{clear:both;display:flex;padding-top:12px;color:#fff;}
.last-access em{color:#E63500;margin-left:5px}
[class^="btn-m"]:hover{background-color:#444;border:1px solid #444;}
[class^="btn-round"]{display:inline-block;min-width:77px;color:#3B3B3B;background:#fff;font-size:12px;padding:0 15px;margin-right:5px;text-align:center;border:1px solid #D9D9D9;height:26px;line-height:26px;border-radius:15px;font-weight:bold;}
[class^="btn-round"].on,[class^="btn-round"]:active{background:#E4E4E4;}
[class^="btn-round"].blue{border:1px solid #9B9FFF;background:#DEE7FF;}
[class^="btn-round"].blue.on,[class^="btn-round"].blue:active{background:#B9CCFF;}
[class^="btn-round"].gray{border:1px solid #D9D9D9;background:#FFFFFF;}
[class^="btn-round"].gray.on,[class^="btn-round"].gray:active{background:#E4E4E4;}
[class^="btn-round"].purple{border:1px solid #B0BAFF;background:#EFF2FF;}
[class^="btn-round"].purple.on,[class^="btn-round"].purple:active{background:#C8D0F9;}
[class^="btn-round"].green{border:1px solid #69C8C2;background:#EAF5F5;}
[class^="btn-round"].green.on,[class^="btn-round"].green:active{background:#B9DBDB;}
[class^="btn-round"].green-yel{border:1px solid #9DB700;background:#FDFFF1;}
[class^="btn-round"].green-yel.on,[class^="btn-round"].green-yel:active{background:#E6F1A1;}
[class^="btn-round"].yellow{border:1px solid #FAB022;background:#FBF6ED;}
[class^="btn-round"].yellow.on,[class^="btn-round"].yellow:active{background:#FFEAC2;}
[class^="btn-round"].sky{border:1px solid #69B4F9;background:#E1F8FF;}
[class^="btn-round"].sky.on,[class^="btn-round"].sky:active{background:#A7E3F5;}
[class^="btn-round"].red{border:1px solid #FF5353;background:#FFECEB;}
[class^="btn-round"].red.on,[class^="btn-round"].red:active{background:#FFC8C6;}
[class^="btn-round"].blue2{ border:1px solid #B0BAFF;background:#EFF2FF;}
[class^="btn-round"].blue2.on,[class^="btn-round"].blue2:active{border:1px solid #A6B2FE;background:#C8D0F9;}
[class^="btn-round"].orange{border:1px solid #FF7E62;background:#FFF1EB;}
[class^="btn-round"].orange.on,[class^="btn-round"].orange:active{border:1px solid #F84923;background:#FFBFAB;}
[class^="btn-round"].gray-blue{border:1px solid #005069;background:#00789E;}
[class^="btn-round"].gray-blue.on,[class^="btn-round"].gray-blue:active{background:#55A5BE;}
[class^="btn-round"].red2{border:1px solid #FF7E62;background:#FFF1EB;}
[class^="btn-round"].red2.on,[class^="btn-round"].red2:active{background:#FFBFAB;}
[class^="btn-round"].green2{border:1px solid #2BA84E;background:#D4F4DF;}
[class^="btn-round"].green2.on,[class^="btn-round"].green2:active{background:#9BEBB1;}
[class^="btn-round"].purple2{border:1px solid #CD95F9;background:#F3ECFB;}
[class^="btn-round"].purple2.on,[class^="btn-round"].purple2:active{background:#F6DCFF;}
[class^="btn-round"].yellow2{border:1px solid #BC9862;background:#F5E3C6;}
[class^="btn-round"].yellow2.on,[class^="btn-round"].yellow2:active{background:#E0C59D;}
[class^="btn-round"].sky2{border:1px solid #38CACA;background:#D7F7F7;}
[class^="btn-round"].sky2.on,[class^="btn-round"].sky2:active{background:#B0F0F0;}
[class^="btn-round"].pink{border:1px solid #EC7CBF;background:#FFE6F5;}
[class^="btn-round"].pink.on,[class^="btn-round"].pink:active{background:#FFB9E3;}
[class^="btn-round"].pink2{border:1px solid #BB50B0;background:#FFE4FC;}
[class^="btn-round"].pink2.on,[class^="btn-round"].pink:active{border:1px solid #E9BCE4;background:#BB50B0;}
[class^="btn-round"].orange2{border:1px solid #FFB762;background:#FFF9EB;}
[class^="btn-round"].orange2.on,[class^="btn-round"].orange2:active{background:#FFE7AB;}
[class^="btn-add"].yel-green{border:1px solid #ADE9BD !important;background:#EFFFEF !important;}
[class^="btn-add"].yel-green.on,[class^="btn-add"].yel-green:active,[class^="btn-add"].yel-green:focus,[class^="btn-add"].yel-green:hover{background:#D9F9D9 !important;}
.btn-return{display:inline-block;width:62px;height:22px;background:#E7E7E7;border-radius:4px;color:#fff;font-weight:700;font-size:12px}
.btn-return.on{display:inline-block;width:62px;height:22px;background:#EC766E;}
.btn-return.on:hover{background:#CD2626;}
[class^="btn-table"],[class^="btn-form"]{height:24px;line-height:1;border:1px solid #24a9e1;background-color:#24a9e1;font-size:11px;color:#fff;padding:0 5px;min-width:45px;letter-spacing:-1px;}
label[class^="btn-table"]{display:inline-block;line-height:2.2;text-align:center}
a[class^="btn-table"]{display:inline-block;min-width:30px;line-height:2.2;text-align:center}
.btn-table-gray{border-color:#4f5f6f;background:#4f5f6f}
.btn-round-white,.btn-table-white{background-color:#fff;color:#24a9e1;border-color: #24a9e1;}
.btn-form-gray{height:35px;font-size:15px;}
.btn-green{color:#fff !important;border-color:#10ac84 !important;background:#10ac84 !important}
.btn-red{color:#fff !important;border-color:#e51668 !important;background:#e51668 !important}
.switch{display:inline-block;margin-left:20px;vertical-align:middle}
.switch:after{content:'';display:block;clear:both;}
.switch button{float:left;width:60px;height:30px;border:1px solid #d9d9d9;background-color:#fff;font-size: 11px;}
.switch button.first{border-left:1px solid #d9d9d9;border-top-left-radius:4px;border-bottom-left-radius:4px}
.switch button.last{border-top-right-radius:4px;border-bottom-right-radius:4px}
.switch button.on{color:#fff;border-color:#4f5f6f;background-color:#4f5f6f;}
.btn-reset{padding-left:15px;padding-right:5px;background:#fefefe url(/images/sprite_icon-d7e5b20de433e84eb177b971f0b971a3.png) 0 0 no-repeat;background-size:40px auto;background-position:-10px -503px;color:#73787f;}
.btn-tab-close{width:20px;height:20px;background:url(/images/sprite_icon-d7e5b20de433e84eb177b971f0b971a3.png) 0 0 no-repeat;background-size:40px auto;background-position:center -526px;text-indent:-9999px;position:absolute;right:5px;top:2px;}
[class^="btn-circle"]{width:28px;height:28px;background:url(/images/sprite_icon-d7e5b20de433e84eb177b971f0b971a3.png) 0 0 no-repeat;background-size:40px auto;text-indent:-9999px;margin-left:5px;}
.btn-circle-minus{background-position:center -138px;}
.btn-plus{background-position:center -103px;}
.btn-close{width:23px;height:23px;background:url(/images/btn_close-5bcd2cac94542fb917434c5c5d9c71a6.png) 0 0 no-repeat;background-size:23px auto;text-indent:-9999px;position:absolute;right:25px;top:-34px;/*! border:1px solid rebeccapurple;*/}
.btn-del{position:relative;margin-left:5px;border:1px solid #4f5f6f;width:13px;height:13px;}
.btn-del:before, .btn-del:after{position:absolute;top:1px;left:50%;margin-left:-0.5px;content:' ';height:10px;width:1px;background-color:#333;}
.btn-del:before{transform:rotate(45deg);}
.btn-del:after{transform:rotate(-45deg);}
.btn-info{padding:15px;background:#fefefe url(/images/sprite_icon-d7e5b20de433e84eb177b971f0b971a3.png) 0 0 no-repeat;background-size:40px auto;background-position:center -324px;color:#73787f;}
[class^="sort"]{display:inline-block;min-width:50px;height:25px;line-height:1.5;padding:0 10px;color:#72869a;border:2px solid #72869a;box-sizing:border-box;border-radius:2px;letter-spacing:-1px;min-width:50px;font-size:14px;}
.sort-plan{border-color:#24a9e1;color:#24a9e1;}
.kg,.cm,.percent{position:relative}
.kg input,.cm input,.percent input{width:200px;padding-right:35px;text-align:center}
.kg:after{content:'kg';position:absolute;top:0;right:10px;color:#4f5f6f}
.cm:after{content:'cm';position:absolute;top:0;right:10px;color:#4f5f6f}
.percent:after{content:'%';position:absolute;top:0;right:10px;color:#4f5f6f}
.url-copy {margin:10px 0 10px;}
.url-copy input{width:400px}
.url-copy button{height:28px;margin-left:5px;padding:0 8px;}
.post-code {display:block;margin-bottom:10px}
.post-code button{margin-left:5px;height:28px;}
/* [s] 241111 버튼 disabled 추가 */
button:disabled,[class^="btn-l"]:disabled,[class^="btn-m"]:disabled,[class^="btn-round"]:disabled{background:#ddd!important;color:#fff !important;border:1px solid #D5D1D1 !important}
/* [e] 241111 버튼 disabled 추가 */
/********** form **********/

/********** tab **********/
.guide > section > div > section[class^="tab-menu"]{margin-bottom:0}
.guide .tab-area .tab-contents{margin-bottom:30px;padding:30px 0;border-bottom:1px solid #ddd}
[class^="tab-menu"] ul{display:table;position:relative;width:100%;}
[class^="tab-menu"] ul:after{display:block;content:"";clear:both}
[class^="tab-menu"] ul li{display:table-cell;position:relative;padding:8px 20px;color:#4f5f6f;font-size:15px;background-color:#f9fafb;border-left:1px solid #dce2e9;border-top:1px solid #dce2e9;border-right-color:#f9fafb;line-height:20px;text-align:center;vertical-align:middle;box-sizing:border-box;}
[class^="tab-menu"] ul li:last-child{border-right:1px solid #dce2e9;}
[class^="tab-menu"] ul li.on{position:relative;top:1px;font-weight:bold;border-left-color:#4f5f6f;background-color:#fff;border-top:2px solid #4f5f6f;border-right:1px solid #4f5f6f;border-bottom:0;}
[class^="tab-menu"] ul li .btn-tab-close{position:absolute;right:8px;top:10px;}
.tab-menu-2 ul li{width:150px;}
.tab-menu-3 ul li{width:33.36%;}
.tab-menu-4 ul li{width:25%;}
[class^="tab-menu"].medium ul li{font-size:14px;line-height:16px;padding:6px 20px;}
[class^="tab-menu"].medium ul li .btn-tab-close{top:5px;}
.tab-contents{padding:30px 0 0;border-top:1px solid #4f5f6f;background-color:#fff;}
/********** tab **********/

/********** arrow **********/
.arrow-right,.arrow-left{position:absolute;top:50%;right:15px;width:6px;height:6px;margin-top:-3px;border-top:1px solid #fff;border-left:1px solid #fff;}
.arrow-right{transform:rotate(135deg);}
.arrow-left{transform:rotate(-45deg);}
.arrow-down{display:inline-block;width:6px;height:6px;border-top:1px solid #8f94a2;border-left:1px solid #8f94a2;}
.arrow-down::after{transform:rotate(45deg);}
.arrow-down{transform:rotate(225deg);}
.arrow-up{display:inline-block;width:6px;height:6px;border-top:1px solid #8f94a2;border-left:1px solid #8f94a2;}
.arrow-up::after{transform:rotate(45deg);}
.arrow-up{transform:rotate(45deg);}
/********** arrow **********/

/********** page-button **********/
.page-area{margin:32px 0 43px;text-align:center;}
.page-area nav{display:inline-block;}
.page-area nav:after{content:'';display:block;clear:both;}
.page-area nav a{display:inline-block;float:left;height:32px;width:32px;line-height:32px;font-size:16px;color:rgba(34, 34, 34, 0.4);text-align:center;margin:0 4px 0 0;padding:0;box-sizing:border-box;border:1px solid #d9d9d9}
.page-area nav a.page{border:none}
.page-area nav a:first-child{border-left:0;}
.page-area nav a:last-child{margin-right:0;}
.page-area nav a.on{color:#222;font-weight:700;}
.page-area nav a.page{height:32px;position:relative;}
.page-area nav a.page:nth-of-type(2){margin-right:15px;}
.page-area nav a.page:nth-last-of-type(2){margin-left:11px;}
[class~="page"] > span{display:inline-block;background:url(/images/ico_arrow_left_start-035ae076aefd50d9929801a6b047537e.png) no-repeat 0 0 / 32px 32px;width:32px;height:32px;text-indent:-9999px;}
[class~="page"] > span.prev{background:url(/images/ico_arrow_left-e6fce64233af9dedca5261db8bdbc8ba.png) no-repeat 0 0 / 32px 32px;}
[class~="page"] > span.next{background:url(/images/ico_arrow_right-05dac5f9ad82fa5505da01145811c135.png) no-repeat 0 0 / 32px 32px;}
[class~="page"] > span.last{background:url(/images/ico_arrow_right_end-c4509777117a058f1c8341942ff2ad71.png) no-repeat 0 0 / 32px 32px;}
/********** page-button **********/

/********** table **********/
.table-area{padding-bottom:20px;}
[class^="table-type"]{margin-top:10px;width:100%; max-height: 70vh; overflow-x:auto; border-top: 1px solid #4f5f6f;}
[class^="table-type"] h3{padding:20px 5px 10px;font-size:14px;font-weight:bold;}
[class^="table-type"] table{width:100%;}
[class^="table-type"] thead th {position: sticky; top: 0; background-color:#40444A; border-top: 0; z-index: 10;}
[class^="table-type"] tbody{background-color:#ffffff;}
[class^="table-type"] th, [class^="table-type"] td{font-size:13px;border:1px solid #dadada;color:#444;}
[class^="table-type"] tfoot{background-color:#ebebeb;color:#4f5f6f}
[class^="table-type"] tfoot th{font-weight:400;}
[class^="table-type"] tfoot td strong{padding-right:20px;font-weight:bold;}
[class^="table-type"] th{font-weight:bold;line-height:20px;color:#fff;padding:6px;border:1px solid #747474;vertical-align:middle;height:33px}
[class^="table-type"] td{text-align:center;vertical-align:middle;padding:6px;height:35px;font-weight:300;}
[class^="table-type"] td .cur-red{display:block;color:#E63500}
[class^="table-type"] td .cur-red em{color:#E63500;text-decoration:none;}
[class^="table-type"] td.wd200{text-align: left; width: 200px; min-width: 200px; max-width: 200px; word-break: break-all;}
[class^="table-type"] td xmp{white-space:normal}
[class^="table-type"] tr:hover td{background:#E4F4F9;}
[class^="table-type"] tr.on td{background:#E4F4F9;}
.table-type th:first-of-type{border-left:1px solid #747474}
.table-type td:first-of-type{border-left:1px solid #dadada;}
[class^="table-type"] th:last-of-type{border-right:1px solid #747474;}
[class^="table-type"] td:last-of-type{border-right:1px solid #dadada;}
[class^="table-type"] td.text-left{text-align:left;}
[class^="table-type"] td.text-left a:hover{text-decoration:underline;}
[class^="table-type"] td.text-right{text-align:right;padding-right:20px;}
[class^="table-type"] .warning td{background-color:#fef9ea;height:16px;}
[class^="table-type"] .sort{position:relative;padding:0;}
[class^="table-type"] .sort a{display:block;padding:12px 25px 12px 10px;}
[class^="table-type"] .sort a:after{display:block;content:"";width:14px;height:14px;background:url(/images/sprite_icon-d7e5b20de433e84eb177b971f0b971a3.png) 0 0 no-repeat;background-size:40px auto;background-position:center -7px;position:absolute;right:15px;top:15px;}
[class^="table-type"] .sort.desc a:after{background-position:center -27px;}
[class^="table-type"] td .sort-plan{cursor:pointer}
[class^="table-type"] td .table-form:first-child{padding-top:0;}
[class^="table-type"] td > [class^="btn-raund"]{margin-top:4px;}
[class^="table-type"] img{vertical-align:top;}
[class^="table-type"] select{width:100%;min-width:115px;}
[class^="table-type"] .checkbox{margin: 0;}
[class^="table-type"] a{text-decoration:underline}
[class^="table-type"] input[type=text],[class^="table-type"] input[type=password]{font-size:12px;}
[class^="table-type"] input[type=text]:focus-visible,[class^="table-type"] input[type=password]:focus-visible{outline:1px solid #646464;}
[class^="table-type"] .stand-by td{color:#0772c0;}
[class^="table-type"] .return td{color:#e41e1e;}
.table-type2{margin-bottom:20px;}
.table-type2 table{width:100%;}
.table-type2 th, .table-type2 td{font-size:15px;border:1px solid #dae0e5;color:#73787f;}
.table-type2 tr:first-of-type th,.table-type2 tr:first-of-type td{border-top:1px solid #757575;}
.table-type2 th{font-size:12px;line-height:1.2;padding:10px 10px 10px 15px;background-color:#f0f3f6;color:#4f5f6f;text-align:center;font-weight:bold;letter-spacing:-0.5px;vertical-align:middle;}
.table-type2 tr th:first-child{border-left:0;}
.table-type2 td{padding:7px 15px;font-size:12px;vertical-align:middle;text-align:left;}
.table-type2 td span.txt{display:inline-block;min-height:25px;line-height:25px;}
.table-type2 tr td:last-of-type{border-right:0;}
.tab-area .table-type{margin-top:0;}
.table-type3{border-top:none;margin-top:0}
.table-type3 th{background:#f4f4f4;color:#222;height:23px;border:1px solid #E0E0E0}
.table-type3 th:last-of-type{border-right:1px solid #E0E0E0}
.table-type3 td{color:#8D8D8D;padding-left:20px;text-align:left;}
.table-type3 td .radio{cursor:pointer;}
.table-type3 td .radio + label{margin-right:25px}
.table-type3 td .radio input{cursor:pointer;}
.table-type3 td .btn-add{border:1px solid #E3E3E3;background:#F4F4F4;width:100px;height: 28px;box-sizing: border-box;line-height: 28px;border-radius:4px;margin-left:12px;color:#6f6f6f;font-weight:700;}
[class^="table-type"] td.txt-red{color:#E10600;}
.table-type3 tr:hover td{background:#fff;}
.table-type4{border-top:1px solid #E0E0E0;margin-top:0;}
.table-type4 thead th{background:#f4f4f4;color:#222;height:23px;border:none}
.table-type4 thead th:first-of-type{border-left:1px solid #E0E0E0;}
.table-type4 thead th:last-of-type{border-right:1px solid #E0E0E0;}
.table-type4 td{color:#444;padding-left:20px;text-align:left;height:25px}
.table-type4 td span{color:#8d8d8d}
.table-type4 td .radio{cursor:pointer;}
.table-type4 td .radio + label{margin-right:25px}
.table-type4 td .radio input{cursor:pointer;}
.table-btn-wrap{padding:20px 0 0;text-align:right}
.table-btn-wrap button{min-width:120px;padding:0 10px;height:28px;line-height:26px;border:1px solid #72869a;color:#444;font-size:11px;margin-right:5px;font-weight:bold;border-radius:2px;}
.table-type[class*='wide']{overflow-x:scroll}
.table-type[class*='wide'] table{width:2400px;}
.table-type.max-height{max-height:300px;}
[class^="table-type"] td .custom-care{font-weight:600;}
/********** table **********/

.text-right{text-align:right}
.txt-red{padding-left:10px;font-size:12px;color:red}
.mt20{margin-top:20px;}
.ico{display:inline-block;width:10px;height:10px;vertical-align:middle}
.ico.x{margin:0 8px 0 10px}
.ico.x::after{content:'X';display:block;width:10px;height:10px;font-size:10px;line-height:1;text-align:center}
.ico.caution{display:inline-block;width:15px;height:15px;margin-right:4px;background:url(/images/sprite_icon-d7e5b20de433e84eb177b971f0b971a3.png) 0 0 no-repeat;background-size:24px auto;background-position:center -233px;vertical-align:middle}

/* [s] 240503 레이어위치 수정 */
.loct25{transform:translate(0, -20%);}
.loct50{transform:translate(0, -50%);}
/* [e] 240503 레이어위치 수정 */

@media print {
    body{width:210mm;height:297mm;margin:0 auto; }
	body:after{display: none}
	ul{font-size:0;padding:50px 120px}
	ul li{display:inline-block;width:100mm;padding:40px 20px;margin:30px;border:2px solid #000;text-align:center;box-sizing:border-box}
	ul li p {padding-bottom:30px}
	ul li p span{font-size:14px;padding:0 5px;font-weight:400;color:#000;}
	ul li img{width:5cm;height:2.5cm}
}

/* Landscape mode */
@media only print and (orientation: landscape) {
	body { min-width:1440px; }
}

/* Portrait mode */
@media only print and (orientation: portrait) {
	body { min-width:1270px; }
}

