/* °øÅë */
img {border:0px;}
body { margin-top:0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow-x:auto; overflow-y:auto; background-color:#ffffff; }
table {font-family:'Pretendard','¸¼Àº°íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,sans-serif; font-size: 9.5pt; line-height: 160%; color: #333;letter-spacing:0px;}
textarea {font-family:'Pretendard','¸¼Àº°íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,sans-serif; font-size: 13px; border: 1px solid #DADADA; color: #333; resize: none;}
.small {font-family:'Pretendard','¸¼Àº°íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,sans-serif;font-size: 13px; color:aaaaaa; }
.big {font-size: 14px; font-weight: 600;}
a:link { font-size : 9.5pt; color : #333; text-decoration : none; }
a:visited { font-size : 9.5pt; color : #333; text-decoration : none; }
a:hover { font-size : 9.5pt; color : #333; text-decoration : none; }
input, select, textarea, button{border-radius:0;font-family:'Pretendard','¸¼Àº°íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,sans-serif; color:#333;padding:1px 3px 3px 3px;line-height:18px;Background-Color:#ffffff; Border:1px solid #ebebeb ; border-radius:5px;}
div {font-family:'Pretendard','¸¼Àº°íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,sans-serif; color:#333;}
input[type=image] {padding:0;border:0}
ul, ol, li {list-style:none;margin:0;padding:0;}

input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none; 
  appearance: none; 
  width: 16px;
  height: 16px;
  border: 2px solid #ddd; 
  border-radius: 50%;
  outline: none; 
  cursor: pointer;
  vertical-align:middle;
}

input[type='radio']:checked {
  background-color: #fff; 
  border: 4px solid #0090ff; 
  box-shadow: 0 0 0 0px #0090ff;
}


input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none; 
  appearance: none; 
  width: 18px;
  height: 18px;
  border: 2px solid #ddd; 
  border-radius: 4px;
  outline: none; 
  cursor: pointer;
  vertical-align:middle;
}

input[type='checkbox']:checked {
  background:url('/img/bg_check.gif')100%; 
  border: 0px solid #0090ff; 
}

input[type='checkbox']:after {
  content:''\2714'';
}


a.button:link { font-size : 9.5pt; color : #fff; text-decoration : none; }
a.button:visited { font-size : 9.5pt; color : #fff; text-decoration : none; }
a.button:hover { font-size : 9.5pt; color : #fff; text-decoration : none; }

.tab .active a:link {color : #fff;}
.tab .active a:visited {color : #fff;}
.tab .active a:hover {color : #fff;}

.button {
    border-radius: 3px;
	border: 0px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
	padding:5px 10px;
    text-align: center;
    background: #0090ff;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}


.button_off {
    padding:5px 10px;
    border-radius: 3px;
	border: 0px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background: #6681a1;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.button_on {
    padding:5px 10px;
    border-radius: 3px;
	border: 0px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    color: #333 !important;
	border:1px solid #d2d2d2;
    text-align: center;
    background: #fff;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.input	{ Background-Color:#ffffff; Border:1px solid #ebebeb ; Color:#333; border-radius:5px; Font-size:12px;  }

.area_hp_list a:hover {
    text-decoration: none;
    font-size: 11pt;
    font-family: #000000;
}

.area_hp_list li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 11pt;
    color: black;
}

.area_hp_list li.on {
	border: 1px #e4dfdf solid;
	background-color: #e4dfdf;
}

.labtextcss {border-left:1px solid #d2d2d2;}
.labtextcss:first-child {border-left:0px}
.bold {font-weight:500}
.ppBody {color:#666;font-weight:500;line-height:50px}
.txt_alim .bg_phone {background:url('/img/bg_phone.png')no-repeat bottom left;}
.txt_alim td {font-size:13px;}
ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
}
ul.tabs li{
	background: none;
	width: 49.3%;
	color: #666;
	text-align:center;
	display: inline-block;
	padding: 8px 0;
	font-weight:600;
	cursor: pointer;
}

ul.tabs li.current{
	background: #0090ff;
	color: #fff;
}

.tab-content{
	display: none;
}

.tab-content.current{
	display: inherit;
}
#bytes input {text-align:center;font-weight:600}
#txtreser {text-align:center}

.input_file input {width:200px;border:0px}
.input_file input[type=file]::file-selector-button {width: 80px;height: 25px;background: #6681a1;border:0px;font-size:12px;color: #fff;border-radius: 5px;cursor: pointer;font-family:'Pretendard','¸¼Àº°íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,sans-serif;
&:hover {background: #0090ff;color: #fff;}}
.sms_setting textarea {width:100%;padding:5px 5px}
.tabline {border-bottom:1px solid #d2d2d2}
input:-internal-autofill-selected {background:#fff !important}
#tempMessage {font-family:'Pretendard','¸¼Àº°íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,sans-serif;font-weight:500 !important}
.adb {background-color:#f8fbff; border:1 solid #dbe5f2;padding:10px;font-size:13px}
.sms_setting input[type=text] {text-align:right}
#txt001 {background:#eef2f8}

/* ¼­Ã¼ ¼³Á¤ */

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('/css/fonts/Pretendard-Thin.eot');
    src: url('/css/fonts/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Pretendard-Thin.woff2') format('woff2'),
        url('/css/fonts/Pretendard-Thin.woff') format('woff'),
        url('/css/fonts/Pretendard-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('/css/fonts/Pretendard-ExtraLight.eot');
    src: url('/css/fonts/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Pretendard-ExtraLight.woff2') format('woff2'),
        url('/css/fonts/Pretendard-ExtraLight.woff') format('woff'),
        url('/css/fonts/Pretendard-ExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('/css/fonts/Pretendard-Light.eot');
    src: url('/css/fonts/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Pretendard-Light.woff2') format('woff2'),
        url('/css/fonts/Pretendard-Light.woff') format('woff'),
        url('/css/fonts/Pretendard-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('/css/fonts/Pretendard-Regular.eot');
    src: url('/css/fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Pretendard-Regular.woff2') format('woff2'),
        url('/css/fonts/Pretendard-Regular.woff') format('woff'),
        url('/css/fonts/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('/css/fonts/Pretendard-Medium.eot');
    src: url('/css/fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Pretendard-Medium.woff2') format('woff2'),
        url('/css/fonts/Pretendard-Medium.woff') format('woff'),
        url('/css/fonts/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('/css/fonts/Pretendard-SemiBold.eot');
    src: url('/css/fonts/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Pretendard-SemiBold.woff2') format('woff2'),
        url('/css/fonts/Pretendard-SemiBold.woff') format('woff'),
        url('/css/fonts/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('/css/fonts/Pretendard-Bold.eot');
    src: url('/css/fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Pretendard-Bold.woff2') format('woff2'),
        url('/css/fonts/Pretendard-Bold.woff') format('woff'),
        url('/css/fonts/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('/css/fonts/Pretendard-ExtraBold.eot');
    src: url('/css/fonts/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Pretendard-ExtraBold.woff2') format('woff2'),
        url('/css/fonts/Pretendard-ExtraBold.woff') format('woff'),
        url('/css/fonts/Pretendard-ExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('/css/fonts/Pretendard-Black.eot');
    src: url('/css/fonts/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Pretendard-Black.woff2') format('woff2'),
        url('/css/fonts/Pretendard-Black.woff') format('woff'),
        url('/css/fonts/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}

/* ½ºÅ©·Ñ¹Ù */

body::-webkit-scrollbar {
	width: 8px; height: 8px
}
body::-webkit-scrollbar-thumb {
	background:#dbe5f2 !important;
	border-radius: 14px;
	background-clip: padding-box;
	border: 3px solid transparent;	
}
body::-webkit-scrollbar-track {
	background-color: white !important;
	border-radius: 14px;
	box-shadow: inset 0px 0px 5px white;
}

select::-webkit-scrollbar {
	width: 8px; height: 8px
}
select::-webkit-scrollbar-thumb {
	background:#dbe5f2 !important;
	border-radius: 14px;
	background-clip: padding-box;
	border: 3px solid transparent;	
}
select::-webkit-scrollbar-track {
	background-color: white !important;
	border-radius: 14px;
	box-shadow: inset 0px 0px 5px white;
}

div::-webkit-scrollbar {
	width: 8px; height: 8px
}
div::-webkit-scrollbar-thumb {
	background:#dbe5f2 !important;
	border-radius: 14px;
	background-clip: padding-box;
	border: 3px solid transparent;	
}
div::-webkit-scrollbar-track {
	background-color: white !important;
	border-radius: 14px;
	box-shadow: inset 0px 0px 5px white;
}

textarea::-webkit-scrollbar {
	width: 8px; height: 8px
}
textarea::-webkit-scrollbar-thumb {
	background:#dbe5f2 !important;
	border-radius: 14px;
	background-clip: padding-box;
	border: 3px solid transparent;	
}
textarea::-webkit-scrollbar-track {
	background-color: white !important;
	border-radius: 14px;
	box-shadow: inset 0px 0px 5px white;
}
