﻿
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
* {
  font-family: "Pretendard" !important;
}

h1,
h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
/* 실질적인 css 코드 시작 */
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

*::-ms-expand {
  display: none;
}
html,
body,
div,
span,
applet,
ob ject,
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,
center,
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,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  box-sizing: border-box;
  word-break: keep-all;
}
html,
body {
  font-size: 14px;
  line-height: 30px;
  margin: 0 auto;
  color: gray;
  padding: 0 0 0 0;
  height: 100%;
  width: 100%;
  min-width: 100%;
  letter-spacing: 0px;

   font-family: "Pretendard" !important;
  font-size: 13px;
}
* {
   font-family: "Pretendard" !important;
}
img {
  border: 0;
  display: inline-block;
  vertical-align: middle;
}
a {
  text-decoration: none;
  color: #333; 
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}
select::-ms-expand {
  display: none;
}
* {
  outline: none;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #00309c;
}
*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: #c8cace;
  border-radius: 6px;
  background-clip: padding-box;
  border: 3px solid transparent;
}
*::-webkit-scrollbar-thumb:hover {
  background: #888;
  background-clip: padding-box;
}
input[type="text"] {
  background: white;
}
input[type="password"] {
  background: white;
}
select {
  background: white;
}

* {
	-moz-transition: all .2s ease-out;
   -ms-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
/*.wrap { width:100%;height:auto;min-height:100%;position:relative;padding-top:100px; }*/
.wrap { width:1280px;height:auto;min-height:100%;position:relative;padding-top:100px; margin: 0 auto;}

header { width:100%;height:calc( 68px + 32px );border-bottom:1px solid #ededed;background:white;z-index:99;position:fixed;top:0px;left:0px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); }
.header_top { width:100%;height:32px;display:block;border-bottom:1px solid #ededed; }
.header_top_inner { width:1180px;height:32px;line-height:32px;margin:0px auto;text-align:right; }
.header_top_inner a { color:#999;font-size:13px;font-weight:normal; }
.header_top_inner em { display:inline-block;width:1px;height:9px;background:#ededed;vertical-align:middle;margin-left:8px;margin-right:8px; }  

.header_bottom { width:100%;height:68px;line-height:68px; }
.header_bottom_inner { width:1180px;margin:0px auto;height:68px; }
a.logo { display:inline-block;vertical-align:top;width:163px;height:32px;background:url('../img/logo.png') no-repeat;background-size:100% 100%;margin-top:16px; }
a.logo2 { display:inline-block;vertical-align:top;width:121px;height:24px;background:url('../img/logo.png') no-repeat;background-size:100% 100%;margin-top:16px; }
.header_bottom_inner ul { float:right;width:auto;display:inline-block;height:68px;padding:0px;margin:0px; }
.header_bottom_inner ul li { display:inline-block;float:left;height:68px;line-height:68px;padding-left:30px;padding-right:30px; }
.header_bottom_inner ul li:last-of-type { padding-right:0px;padding-left:14px; }
.header_bottom_inner ul li a { color:#111;font-size:17px;font-weight:bold; }
.header_bottom_inner ul li button { cursor:pointer;background:#fff6ec;width:145px;height:44px;border-radius:4px;text-align:center;color: #ffa843;font-size:17px;font-weight:bold;border:none; } 
.header_bottom_inner ul li.now a { color:#3349c0;font-size:17px;font-weight:bold; }
.main_slide { width:100%;height:660px;background:url('../img/bn_01.png') no-repeat;background-size:cover;background-position:center center;position:relative; }
.main_slide.main_slide_02 { width:100%;height:660px;background:url('../img/bn_02.png') no-repeat;background-size:cover;background-position:center center;position:relative; }
.main_slide .sl_01 { display:block; }
.main_slide .sl_02 { display:none; }
.main_slide.main_slide_02 .sl_01 { display:none; }
.main_slide.main_slide_02 .sl_02 { display:block; }
.main_slide_inner { width:1180px;height:660px;margin:0px auto;padding-top:74px;color:#111;font-size:36px;font-weight:bolder;position:Relative; }
.main_slide_inner span { display:block;width:540px;height:auto;margin-top:36px;font-size:17px;font-weight:normal;color:#111;opacity:0.7;text-align:left;line-height:28px; } 
.main_slide_inner .cell_box {
 width: 180px;
  height: 180px;
  padding: 36px 45px;
  border-radius: 4px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 12px 16px 0 rgba(73, 71, 167, 0.12);
  border: solid 1px #fff;
  background-color: rgba(255,255,255,0.5);
  float:left;
  margin-right:20px;
  margin-top:74px;
  text-align:center;
  padding:0px;
  padding-top:36px;
  font-size:17px;font-weight:bold;color:#333;
  line-height:17px;
  cursor:pointer;
 
}
.main_slide_inner .cell_box:last-of-type { margin-right:0px; }
.main_slide_inner .cell_box img { display:block;margin:0px auto;margin-bottom:24px; }
.main_slide.main_slide_02 .sl_02 b { color:#3349c0;font-size:28px;font-weight:bold;display:block;margin-bottom:12px; } 
.main_slide.main_slide_02 .sl_02 b.real { color:#111111;font-size:48px;line-height:55px;margin-bottom:20px; }
.main_slide.main_slide_02 .sl_02 span { display:block;width:540px;height:auto;margin-top:36px;font-size:17px;font-weight:normal;color:#111;opacity:0.7;text-align:left;line-height:28px;margin-top:0px; } 
.main_slide.main_slide_02 .sl_02 button { width:186px;height:48px;background:#3349c0;border:none;border-radius:4px;cursor:pointer;color:white;font-size:17px;font-weight:normal;text-align:center;margin-top:32px; }
.main_slide.main_slide_02 .sl_02 { margin-bottom:-42px; }

.main_section { width:100%;height:auto;background:white;padding-top:56px;padding-bottom:0px; }
.main_section_inner { width:1180px;height:auto;margin:0px auto;text-align:left; }
.main_section_inner h2 { display:block;line-height:48px;margin:0px;padding:0px;font-size:35px;font-weight:bold;color:#111;margin-bottom:32px; }
.main_section_inner h2 span { color:#999999 }
.main_section_inner h2 span span { color:#3349c0 }
.main_slide_inner .slide_next { width:48px;height:48px;cursor:pointer;position:absolute;background:url('../img/slide_next.png') no-repeat;background-size:100% 100%;right:0px;top:186px; }

.main_section_inner_slide { width:100%;height:360px;position:relative; }
.main_section_inner_slide .sl_left { width:48px;height:40px;background:url('../img/sl_left.png') no-repeat;background-size:100% 100%;cursor:pointer;position:Absolute;left:-68px;top:50%;margin-top:-48px; }
.main_section_inner_slide .sl_right { width:48px;height:40px;background:url('../img/sl_right.png') no-repeat;background-size:100% 100%;cursor:pointer;position:Absolute;right:-68px;top:50%;margin-top:-48px; }
.main_section_inner_slide .sl_cell { width:100%;height:380px;position:relative; }
.main_section_inner_slide .sl_cell .inner_cell { width:380px;height:280px;background:white;box-shadow:0 12px 24px 0 rgba(51, 73, 192, 0.16);float:left;margin-right:20px;padding:20px 40px;cursor:pointer;font-size:15px;line-height:22px;font-weight:normal;color:#666;position:relative;border-radius:4px; }
.main_section_inner_slide .sl_cell .inner_cell:last-of-type { margin-right:0px; }
.main_section_inner_slide .sl_cell .inner_cell span { color:#ffa843;font-size:17px;font-weight:bold; display: none;}
.main_section_inner_slide .sl_cell .inner_cell b { display:block;font-size:18px;font-weight:bold;color:black;line-height:32px;margin-top:12px;margin-bottom:24px; }
.main_section_inner_slide .sl_cell .inner_cell span.content { position:relative;bottom:0px;left:0px;font-size:15px;font-weight:normal;color:#999 }
.main_section_inner_slide .sl_cell .inner_cell span.content { text-overflow: ellipsis;
   overflow: hidden;
   word-break: break-word;
    
   display: -webkit-box;
   -webkit-line-clamp: 5; 
   -webkit-box-orient: vertical;font-size:15px;line-height:22px;color:#666;font-weight:normal;margin-bottom:16px; }
.main_section_inner_slide .sl_cell .inner_cell span.content img { display:none; }
.main_section_inner_slide .sl_cell .inner_cell span.date { position:absolute;bottom:20px;left:40px;font-size:13px;font-weight:normal;color:#999 }
.main_section_inner_slide .sl_cell .inner_cell:hover { background:#3349c0;color:white; }
.main_section_inner_slide .sl_cell .inner_cell:hover b { color:white; }
.main_section_inner_slide .sl_cell .inner_cell:hover span.date { color:white; }




.main_notice { width:100%;height:auto;background:#f6f6fa;padding-top:12px;padding-bottom:42px; }
.main_notice_inner { width:1180px;height:106px;margin:20px auto;position:relative; }
.main_notice_inner h2 { display:inline;margin:0px;padding:0px;font-size:24px;font-weight:bold;color:#111 }
.main_notice_inner .noti_left { width:24px;height:24px;background:url('../img/noti_left.png') no-repeat;position:absolute;bottom:0px;left:700px;top:0px;cursor:pointer; }
.main_notice_inner .noti_right { width:24px;height:24px;background:url('../img/noti_right.png') no-repeat;position:absolute;bottom:0px;left:732px;top:0px;cursor:pointer; }
.main_notice_inner .noti_left.disable { width:24px;height:24px;background:url('../img/noti_left_disable.png') no-repeat;position:absolute;bottom:0px;left:700px;top:0px;cursor:pointer; }
.main_notice_inner .noti_right.disable { width:24px;height:24px;background:url('../img/noti_right_disable.png') no-repeat;position:absolute;bottom:0px;left:732px;top:0px;cursor:pointer; }
.main_notice_inner .notice_txt { width:687px;height:106px;position:absolute;top:0px;right:0px;text-align:left;font-size:13px;font-weight:normal;color:#999 }
.main_notice_inner .notice_txt b { color:black;font-size:22px;font-weight:bold;display:block;line-height:22px;margin-bottom:12px; }
.main_notice_inner .notice_txt span { text-overflow: ellipsis;
   overflow: hidden;
   word-break: break-word;
    
   display: -webkit-box;
   -webkit-line-clamp: 2; 
   -webkit-box-orient: vertical;font-size:15px;line-height:22px;color:#666;font-weight:normal;margin-bottom:16px; }
.main_notice_customer_inner_left_cell { border-radius:4px;display:block;width:800px;height:34px;line-height:34px;padding-left:32px;background:#f6f6fa;text-align:left;cursor:pointer;position:Relative;margin-bottom:0px;font-size:17px;font-weight:normal;color:#111; }
._main_notice_customer_inner_left_cell:after { position:Absolute;width:28px;height:28px;right:40px;top:50%;margin-top:-14px;background:url('../img/ba.png') no-repeat;background-size:100% 100%;content:'';display:block; }
.main_notice_customer_inner_left_cell span { font-size:17px;font-weight:normal;color:#666;margin-right:8px; }


.main_faq_customer { width:100%;height:auto;background:#172465;position:relative; }
.main_faq_customer:after { content:'';display:block;width:50%;height:100%;position:Absolute;top:0px;right:0px;background:#1f2e76 }
.main_faq_customer_inner { width:1180px;height:auto;margin:0px auto;position:relative; }
.main_faq_customer_inner:after { clear:both;content:'';display:block; }
.main_faq_customer_inner_left { width:800px;height:auto;background:#172465;float:left;padding-top:28px;padding-bottom:30px;position:relative;z-index:222;padding-right:40px; }
.main_faq_customer_inner_right { width:calc( 100% - 800px );height:auto;background:#1f2e76;float:left;padding-top:28px;padding-bottom:28px;position:relative;z-index:222;padding-left:40px;font-size:15px;font-weight:normal;color:rgba(255,255,255,0.5);line-height:22px; }
.main_faq_customer_inner b { text-align:left;display:block;line-height:40px;font-size:28px;font-weight:normal;color:white;margin-bottom:32px;  } 
.main_faq_customer_inner b span { font-size:24px;font-weight:bold;color:#ffa843; }
.main_faq_customer_inner_left a { float:right;color:white;font-size:17px;font-weight:normal;margin-top:-62px; } 
.main_faq_customer_inner_left_cell { border-radius:4px;display:block;width:100%;height:44px;line-height:44px;padding-left:32px;background:white;text-align:left;cursor:pointer;position:Relative;margin-bottom:10px;font-size:17px;font-weight:bold;color:#111; }
.main_faq_customer_inner_left_cell:after { position:Absolute;width:28px;height:28px;right:20px;top:50%;margin-top:-14px;background:url('../img/ba.png') no-repeat;background-size:100% 100%;content:'';display:block; }
.main_faq_customer_inner_left_cell span { font-size:17px;font-weight:bold;color:#3349c0;margin-right:8px; }
.main_faq_customer_inner_right span { font-size:24px;font-weight:bolder;color:#fff;margin-top:32px; }  
.main_faq_customer_inner_right h2 { font-size:16px;font-weight:bolder;color:#ccc;margin-top:32px; }  

.main_faq_customer_inner_right button { cursor:pointer;width:148px;height:48px;color:white;background:#3349c0;border-radius:4px;margin-top:18px;display:block;border:none;text-align:Center;font-size:17px;font-weight:bold;color:white; }
footer { width:100%;height:auto;background:white;border-top:1px solid #ccc } /*3349c0*/
.footer_top { width:100%;height:40px;border-bottom:1px solid #dbdbdb; }
.footer_top_inner { width:1180px;height:40px;line-height:40px;border-left:1px solid #ededed;border-right:1px solid #ededed;margin:0px auto; }
.footer_bottom { height:98px;width:100%;text-align:left; } 
.footer_top_inner a { display:block;line-height:40px;width:20%;border-right:1px solid #ededed;height:40px;text-align:Center;font-size:15px;font-weight:normal;color:#111;float:left; }
.footer_top_inner a:last-of-type { border-right:none; }
.footer_bottom_inner { height:98px;width:1180px;margin:0px auto;text-align:left;padding-top:20px;font-size:12px;font-weight:normal;color:#999;line-height:20px; }

.sub_bn_01 { width:100%;height:210px;background:url('../img/sub_bn1.png') no-repeat;background-size:cover;background-position:center center;display:flex;justify-content:Center;align-items:center; }
.sub_bn_01 div { text-align:center;color:white;line-height:28px;font-size:17px;font-weight:normal; }
.sub_bn_01 div b { font-size:35px;line-height:40px;margin-bottom:24px;display:block;text-align:Center;font-weight:bold; }
.sub_bn_02 { width:100%;height:210px;background:url('../img/sub_bn2.png') no-repeat;background-size:cover;background-position:center center;display:flex;justify-content:Center;align-items:center; }
.sub_bn_02 div { text-align:center;color:white;line-height:28px;font-size:17px;font-weight:normal; }
.sub_bn_02 div b { font-size:35px;line-height:40px;margin-bottom:24px;display:block;text-align:Center;font-weight:bold; }

.sub_bn_03 { width:100%;height:210px;background:url('../img/sub_bn3.png') no-repeat;background-size:cover;background-position:center center;display:flex;justify-content:Center;align-items:center; }
.sub_bn_03 div { text-align:center;color:white;line-height:28px;font-size:17px;font-weight:normal; }
.sub_bn_03 div b { font-size:35px;line-height:40px;margin-bottom:24px;display:block;text-align:Center;font-weight:bold; }
.sub_bn_04 { width:100%;height:210px;background:url('../img/sub_bn4.png') no-repeat;background-size:cover;background-position:center center;display:flex;justify-content:Center;align-items:center; }
.sub_bn_04 div { text-align:center;color:white;line-height:28px;font-size:17px;font-weight:normal; }
.sub_bn_04 div b { font-size:35px;line-height:40px;margin-bottom:24px;display:block;text-align:Center;font-weight:bold; }


.sub_bn_05 { width:100%;height:210px;background:url('../img/sub_bn1.png') no-repeat;background-size:cover;background-position:center center;display:flex;justify-content:Center;align-items:center; }
.sub_bn_05 div { text-align:center;color:white;line-height:28px;font-size:17px;font-weight:normal; }
.sub_bn_05 div b { font-size:35px;line-height:40px;margin-bottom:24px;display:block;text-align:Center;font-weight:bold; }
.sub_bn_06 { width:100%;height:210px;background:url('../img/sub_bn6.png') no-repeat;background-size:cover;background-position:center center;display:flex;justify-content:Center;align-items:center; }
.sub_bn_06 div { text-align:center;color:white;line-height:28px;font-size:17px;font-weight:normal; }
.sub_bn_06 div b { font-size:35px;line-height:40px;margin-bottom:24px;display:block;text-align:Center;font-weight:bold; }


.sub_bn_09 { width:100%;height:210px;background:url('../img/sub_bn9.png') no-repeat;background-size:cover;background-position:center center;display:flex;justify-content:Center;align-items:center; }
.sub_bn_09 div { text-align:center;color:white;line-height:28px;font-size:17px;font-weight:normal; }
.sub_bn_09 div b { font-size:35px;line-height:40px;margin-bottom:24px;display:block;text-align:Center;font-weight:bold; }


.sub_contents { width:100%;height:Auto;position:Relative; }
.sub_contents.gr { width:100%;height:Auto;position:Relative;background:#f6f6fa; }
.sub_contents_inner { padding-top:80px;padding-bottom:80px;width:1180px;height:auto;margin:0px auto; }
.sub_contents.gr .sub_contents_inner { padding-top:80px;padding-bottom:80px;width:1180px;height:auto;margin:0px auto; }
.orange_box { width:100%;height:auto;padding:32px;border-radius:4px;border:1px solid #ffa843;font-size:15px;font-weight:normal;line-height:22px;color:#666;margin-bottom:60px; }
.orange_box b { font-weight:bold;color:#ffa843;font-size:17px;font-weight:bold;display:block;margin-bottom:12px; }

.sub_contents_inner h2 { display:block;font-size:20px;font-weight:bold;color:#111;margin:0px;padding:0px;margin-bottom:24px; }  
.sub_contents_inner h2 b { color:#111;font-size:20px;font-weight:bold; }
.sub_contents_inner2 h2 { display:block;font-size:16px;font-weight:normal;color:#555;margin:0px;padding:0px;margin-bottom:24px; }  
.sub_contents_inner2 h2 b { color:#555;font-size:16px;font-weight:normal; }
.gumsa { width:100%;height:218px;margin-bottom:16px;border-radius:4px;border:1px solid #ededed;position:relative;padding:32px;padding-left:calc( 32px + 154px + 32px );line-height:22px;font-size:16px;color:#666;font-weight:normal; }
.gumsa_img { width:154px;height:154px;background:gray;position:absolute;left:32px;top:32px; }
.gumsa b { font-size:22px;font-weight:bold;color:black;line-height:24px;display:block;margin-bottom:24px; } 
.gumsa span { line-height:28px;font-size:17px;font-weight:normal;color:#333;display:block;margin-top:10px; }
.sub_contents_inner h5 { margin:0px;padding:0px;font-size:20px;font-weight:normal;color:#333;margin-bottom:20px; }
.sub_contents_inner span.bojo { font-size:15px;font-weight:normal;color:#666666 }
table.process_table { border-collapse:collapse;width:100%;height:113px;text-align:Center;border:1px solid #ededed;margin-bottom:40px; }
table.process_table td { width:25%;border:none;height:113px;text-align:center;position:Relative;font-size:17px;font-weight:bold;color:#333;line-height:24px;vertical-align:middle; }
table.process_table td:after { content:'';display:block;width:36px;height:36px;background:url('../img/pa.png') no-repeat;background-size:100% 100%;position:absolute;right:-18px;top:50%;margin-top:-18px; }
table.process_table td:last-of-type:after { display:none; }
table.process_table td span { font-size:15px;font-weight:normal;color:#666; }
table.process_table td b { font-weight:bold;font-size:inherit;color:#3349c0 }

table.process_table2 { border-collapse:collapse;width:100%;height:113px;text-align:Center;border:1px solid #ededed;margin-bottom:40px; }
table.process_table2 td { width:25%;border:none;height:80px;text-align:center;position:Relative;font-size:17px;font-weight:bold;color:#333;line-height:24px;vertical-align:middle; }
table.process_table2 td:after { content:'';display:block;width:36px;height:36px;background:url('../img/pa.png') no-repeat;background-size:100% 100%;position:absolute;right:-18px;top:50%;margin-top:-18px; }
table.process_table2 td:last-of-type:after { display:none; }
table.process_table2 td span { font-size:15px;font-weight:normal;color:#666; }
table.process_table2 td b { font-weight:bold;font-size:inherit;color:#3349c0 }


button.move { cursor:pointer;display:block;margin:0px auto;width:190px;height:48px;background:#3349c0;color:white;font-size:17px;font-weight:bold;border-radius:4px;border:none;  box-shadow: 0 8px 16px 0 rgba(22, 36, 101, 0.24); }

.search_div { float:right;display:inline-block;text-align:left;height:42px;width:auto;margin-top:-4px; }
.search_div select { width:120px;height:42px;border:1px solid #dbdbdb;border-radius:4px;padding-left:12px;font-size:15px;font-weight:normal;color:#666;margin-right:8px;background:white url('../img/sl.png') no-repeat;background-position:right 12px center; }
.search_div .search_input { height:42px;border-radius:4px;width:210px;border:1px solid #dbdbdb;display:inline-block;vertical-align:top; }
.search_div .search_input input[type="text"] { width:calc( 100% - 42px );height:42px;float:left;border:none;padding-left:12px;font-size:15px;font-weight:normal;color:#111;background:none; }
.search_div .search_input button { cursor:pointer;width:42px;height:42px;background:url('../img/search.png') no-repeat;background-position:center center;float:left;border:none; }  

.search_day { float:right;display:inline-block;text-align:left;height:42px;width:auto;margin-top:-4px; }
.search_day select { width:120px;height:42px;border:1px solid #dbdbdb;border-radius:4px;padding-left:12px;font-size:15px;font-weight:normal;color:#666;margin-right:8px;background:white url('../img/sl.png') no-repeat;background-position:right 12px center; }
.search_day .search_input { height:42px;border-radius:4px;width:150px;border:1px solid #dbdbdb;display:inline-block;vertical-align:top; }
.search_day .search_input input[type="text"] { width:calc( 100% - 0px );height:42px;float:left;border:none;padding-left:12px;font-size:15px;font-weight:normal;color:#111;background:none; }
.search_day .search_input button { cursor:pointer;width:42px;height:42px;background:url('../img/search.png') no-repeat;background-position:center center;float:left;border:none; }  



table.board { width:100%;height:auto;border-collapse:collapse;border-top:1px solid #a7abc3;position:relative; }
table.board th { background:#f6f6fa;border-bottom:1px solid #dbdbdb;width:auto;padding:16px;text-align:center;font-size:17px;font-weight:bold;color:#333; }
table.board td { background:white;border-bottom:1px solid #ededed;width:auto;padding:20px;text-align:center;font-size:17px;font-weight:normal;color:#333; }
table.board td.left { text-align:left; }
table.board td.right { text-align:right; }

table.board td span.carot { border-radius:2px;width:48px;height:24px;line-height:24px;vertical-align:middle;display:inline-block;margin-left:20px;color:white;text-align:Center;font-size:12px;font-weight:normal;background:#fd7b5d }
table.board td span.emerald { border-radius:2px;width:48px;height:24px;line-height:24px;vertical-align:middle;display:inline-block;margin-left:20px;color:white;text-align:Center;font-size:12px;font-weight:normal;background:#24c3bc }
table.board td a { font-size:inherit;font-weight:inherit;color:inherit }
table.board td span.mygray { border-radius:2px;width:48px;height:24px;line-height:24px;vertical-align:middle;display:inline-block;margin-left:20px;color:white;text-align:Center;font-size:12px;font-weight:normal;background:#aaaaaa}


table.board td span.minus { color:black; }
table.board td span.plus { color:black; }


.pagination { width:100%;height:42px;text-align:center;position:relative;margin-top:32px; }

.pagination a.prevprev { width:42px;height:42px;display:inline-block;vertical-align:top;background:url('../img/one.png') no-repeat;background-size:100% 100%;margin-right:8px; }
.pagination a.prev { width:42px;height:42px;display:inline-block;vertical-align:top;background:url('../img/two.png') no-repeat;background-size:100% 100%;margin-right:24px; }
.pagination a { display:inline-block;vertical-align:top;width:42px;height:42px;text-align:center;line-height:42px;font-size:17px;font-weight:normal;color:#666; }
.pagination a.now { border-bottom:1px solid #3349c0;color:#3349c0; }
.pagination a.next { width:42px;height:42px;display:inline-block;vertical-align:top;background:url('../img/three.png') no-repeat;background-size:100% 100%;margin-left:24px;margin-right:8px; }
.pagination a.nextnext { width:42px;height:42px;display:inline-block;vertical-align:top;background:url('../img/four.png') no-repeat;background-size:100% 100%;margin-left:0px;margin-right:0px; }

.pagination li.active > a,
.pagination li.active > span {
    /* background-color: red; */
    /* border-color: red; */
    color: blue;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}


.detail_info { width:100%;height:508px;position:relative; }
.detail_info:after { clear:both;content:'';display:block; }
.detail_info_left { width:calc( 50% - 20px );margin-right:10px;float:left;font-size:17px;font-weight:normal;color:#333;line-height:28px; }
.detail_info_right { width: 500px;margin-left:10px;float:right; }
.detail_info_left span { border-radius:2px;width:auto;display:inline-block;vertical-align:top;margin-right:8px;height:34px;line-height:34px;text-align:Center;padding-left:10px;padding-right:10px;color:white;background:#ffa843;font-size:15px;font-weight:normal; }
.detail_info_left span.carrot { background:#fd7b5d; }
.detail_info_left span.emerald { background:#24c3bc; }
.detail_info_left span.mygray { background:#aaaaaa; }
.detail_info_left b { display:block;line-height:48px;font-weight:bold;color:#111;font-size:30px;margin-top:0px;margin-bottom:24px; }
.detail_info_left b.price { display:block;font-size:28px;font-weight:bold;color:#3349c0;margin:0px;margin-bottom:22px;line-height:28px; }
.detail_info_left b.price em { font-style:normal;text-decoration:line-through;font-size:17px;font-weight:normal;color:#cccccc;margin-left:6px; } 
.detail_info_left table { border-collapse:collapse;width:100%;height:Auto;border:none;margin-top:24px; }
.detail_info_left table th { padding:16px;padding-left:20px;text-align:left;width:160px;font-size:17px;font-weight:normal;color:#333;background:#f6f6fa;line-height:17px }
.detail_info_left table td { padding:16px;padding-left:0px;text-align:left;font-size:17px;font-weight:bold;color:#333;background:#f6f6fa;line-height:17px }
.detail_info_left table tr:nth-child(2n) td { background:white; }
.detail_info_left table tr:nth-child(2n) th { background:white; }

.detail_info_right .right_img { width:100%;height:452px;background:gray; }
/*.detail_info_right .pr_code { width:100%;height:52px;line-height:52px;text-align:Center;background:rgba(0,0,0,0.2);color:white;font-size:17px;font-weight:normal; }*/
.detail_info_right .pr_code { width:100%;height:52px;line-height:52px;text-align:Center;background:white;color:gray;font-size:17px;font-weight:normal; }

table.price_table { width:100%;height:auto;border:none;border-collapse:collapse; }
table.price_table td { padding:25px;text-align:left;vertical-align:middle;font-size:17px;font-weight:bold;color:#333;border-bottom:1px solid #dbdbdb;position:relative; } 
table.price_table.price_center { padding:25px;text-align:center;vertical-align:middle;font-size:17px;font-weight:bold;color:#333;border-bottom:1px solid #dbdbdb;position:relative; } 
table.price_table td span { color:#999;font-size:17px;font-weight:normal; }
table.price_table td b { font-size:28px;font-weight:bold;color:#111; }
table.price_table td b span { font-size:28px;font-weight:bold;color:red; }
table.price_table td span b { font-weight:normal;color:#111;font-size:17px; }
.pl_mi  { margin-top:10px;overflow:hidden;width:210px;height:42px;border:1px solid #dbdbdb;border-radius:4px;position:relative;padding-left:42px;padding-right:42px;text-align:center;line-height:40px;font-size:15px;font-weight:normal;color:#666; }
.pl_mi .detail_qty { margin-top:0px;overflow:hidden;width:135px;height:42px;border:0px solid #dbdbdb;border-radius:4px;position:relative;padding-left:0px;padding-right:0px;text-align:center;line-height:40px;font-size:18px;font-weight:normal;color:#666; }
.pl_mi .plus { cursor:pointer;width:42px;height:42px;background:none;border-left:1px solid #dbdbdb;text-align:center;line-height:42px;position:absolute;right:0px;top:0px;background:url('../img/plus.png') no-repeat;background-position:Center center; }
.pl_mi .minus { cursor:pointer;width:42px;height:42px;background:none;border-right:1px solid #dbdbdb;text-align:center;line-height:42px;position:absolute;left:0px;top:0px;background:url('../img/minus.png') no-repeat;background-position:Center center; }
table.price_table td button { width:125px;height:48px;background:#3349c0;color:White;font-size:17px;font-weight:normal;border-radius:4px;border:none;cursor:pointer;  box-shadow: 0 8px 16px 0 rgba(22, 36, 101, 0.24); }

table.price_table td img { position:absolute;top:50%;margin-top:-10px;right:20px; }
table.price_table td .after { position:Absolute;right:1px;height:calc( 100% - 50px );top:25px;width:1px;background:#dbdbdb; }
table.price_table td button img { position:relative;top:auto;right:auto;vertical-align:middle;margin:0px; }

.detail_img:first-of-type {
  padding-top: 25px;
}
.detail_img img {
  width: 100%;
}
.detail_img_first {
  padding-top: 25px;
}

/* .detail_img { width:100%;height:auto; }
.detail_img img { width:100%; } */
.bread { float:right;font-size:15px;font-weight:normal;color:#9999; }
.bread b { color:#111 !important;font-weight:bold !important;font-size:15px !important }
.bread2 { text-align:right;font-size:15px;font-weight:bold;color:#333; margin-bottom: 10px;}


.complete { height:332px;text-align:Center;width:100%;padding-top:72px;font-size:28px;font-weight:bold;color:#111; }
.complete img { margin-bottom:30px; } 
.complete span { font-size:15px;font-weight:normal;color:#666; }
.result_table { width:50%;height:auto;padding:40px;border:1px solid #dbdbdb; }
.result_table:after { clear:both;content:'';display:block; }
.result_table span { float:left;width:30%;text-align:left;height:40px;display:block;line-height:40px;font-size:15px;font-weight:normal;color:#666; }
.result_table b { float:left;width:70%;text-align:right;height:40px;display:block;line-height:40px;font-size:15px;font-weight:bold;color:#111 }
.dotdotdot { float:left;width:100%;height:1px;border-top:1px dashed #cccccc;margin-top:25px;margin-bottom:25px; }
button.go_coupon { display:block;margin:0px auto;margin-top:40px;width:265px;height:48px;color:White;background:#3349c0;font-size:17px;font-weight:normal;border-radius:4px;border:none;cursor:pointer;  box-shadow: 0 8px 16px 0 rgba(22, 36, 101, 0.24); }
button.go_coupon2 { display:block;margin:0px auto;margin-top:40px;width:132px;height:32px;color:White;background:#3349c0;font-size:17px;font-weight:normal;border-radius:4px;border:none;cursor:pointer;  box-shadow: 0 8px 16px 0 rgba(22, 36, 101, 0.24); }
.sub_contents_inner:after { clear:both;content:'';display:block; }
.payment_left { float:left;width:780px;margin-right:20px;height:auto; }
.payment_right { float:left;width:calc( 100% - 800px );height:auto; }
.payment_left_cell { border-radius:4px;width:100%;height:auto;background:white;padding:20px;margin-bottom:10px;position:relative;   box-shadow: 0 12px 24px 0 rgba(51, 73, 192, 0.16);}
.payment_right_cell { border-radius:4px;width:100%;height:auto;background:white;padding:20px;margin-bottom:10px;position:relative;  box-shadow: 0 12px 24px 0 rgba(51, 73, 192, 0.16); }

.payment_left_cell h3 { display:block;margin:0px;padding:0px;font-size:17px;font-weight:bold;color:#111;margin-bottom:24px; }
.payment_right_cell h3 { display:block;margin:0px;padding:0px;font-size:17px;font-weight:bold;color:#111;margin-bottom:24px; }
.payment_left_cell h3 a { float:right;font-size:13px;font-weight:normal;color:#666;text-decoration:underline; }
.payment_left_cell table { width:100%;height:auto;border-collapse:collapse;border:none; }
.payment_left_cell table th { text-align:left;padding:5px;padding-left:0px;font-size:15px;font-weight:normal;color:#666;line-height:22px; }
.payment_left_cell table td { text-align:left;padding:5px;padding-left:0px;font-size:15px;font-weight:bold;color:#111;line-height:22px; }  
.payment_left_cell table td span { color:red; }
.payment_left_cell h4 { display:block !important;margin:0px !important;padding:0px !important;font-size:15px !important;font-weight:bold !important;color:#111 !important;margin-bottom:0px !important; } 

.payment_right_cell table { width:100%;height:auto;border-collapse:collapse;border:none; }
.payment_right_cell table th { text-align:left;padding:5px;padding-left:0px;font-size:15px;font-weight:normal;color:#666;line-height:22px; }
.payment_right_cell table td { text-align:right;padding:5px;padding-left:0px;font-size:15px;font-weight:bold;color:#111;line-height:22px; }  
.payment_right_cell table td span { color:red; }


.payment_left_cell table.type_02 { width:100%;height:auto;border-collapse:collapse;border:none; }
.payment_left_cell table.type_02 th { text-align:left;padding:5px;padding-left:0px;font-size:15px;font-weight:bold;color:#111;line-height:22px;vertical-align:middle;width:152px; }
.payment_left_cell table.type_02 td { text-align:left;padding:5px;padding-left:10px;font-size:13px;font-weight:normal;color:#999;line-height:22px;vertical-align:middle; }  
.payment_left_cell table.type_02 td span { color:#3349c0;font-weight:bold; }
.payment_left_cell table.type_02 td input[type="text"] { font-size:15px;font-weight:bold;color:#111;width:calc( 100% );height:42px;border-radius:4px;border:1px solid #dbdbdb;text-align:right;padding-left:12px;padding-right:12px;float:left; }
.payment_left_cell table.type_02 td button { float:left;width:100px;margin-left:8px;border:1px solid #3349c0;text-align:Center;height:42px;font-size:15px;font-weight:bold;color:#3349c0;background:white;cursor:pointer;border-radius:4px; }
.payment_left_cell table.type_02 td select { width:100%;height:42px;border:1px solid #dbdbdb;border-radius:4px;background:white url('../img/sl.png') no-repeat;background-position:right 12px; center;font-size:15px;font-weight:normal;color:#666;padding-left:12px; }
.clear { clear:both; }

.checks { margin-top:10px; }
.checks input[type="checkbox"] {
  position: relative;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.checks input[type="checkbox"] + label {
  display: inline;
  position: relative;
  padding-left: 25px !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: #555;
  font-weight: normal;
  font-size: 14px;
  color: #666;
  padding-top:3px;
}
.checks input[type="checkbox"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px !important;
  width: 16px !important;
  height: 16px !important;
  text-align: center;
  background: #fff;
  border: 1px solid #777; /* dbdbdb */
  border-radius:2px;
  box-shadow: none;
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before {
  box-shadow: none;
}
.checks input[type="checkbox"]:checked + label:before {
  background: white;
  border-color: #447ef2;
}
.checks input[type="checkbox"]:checked + label:after {
  content: "" !important;
  position: absolute;
  top: 1px !important;
  left: 1px !important;
  width: 16px !important;
  height: 16px !important;
  background: #447ef2 url("../img/check.png") no-repeat !important;
  background-size: 100% 100% !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  color: White !important;
  line-height: 18px !important;
  text-align: center !important;
  font-size: 9px !important;
  border-radius: 1px !important;
}
.checks input[type="checkbox"]:checked + label {
  color: #447ef2;
}



.payment_left_cell table.type_03 { width:100%;height:auto;border-collapse:collapse;border:none; }
.payment_left_cell table.type_03 th { text-align:left;padding:5px;padding-left:0px;font-size:15px;font-weight:bold;color:#111;line-height:22px;vertical-align:middle;width:152px; }
.payment_left_cell table.type_03 td { text-align:left;padding:5px;padding-left:10px;font-size:15px;font-weight:normal;color:#666;line-height:22px;vertical-align:middle; }  
.payment_left_cell table.type_03 td span { color:#3349c0;font-weight:bold; }
.payment_left_cell table.type_03 td input[type="text"] { font-size:15px;font-weight:bold;color:#111;width:calc( 100% - 108px );height:42px;border-radius:4px;border:1px solid #dbdbdb;text-align:right;padding-left:12px;padding-right:12px;float:left; }
.payment_left_cell table.type_03 td button { float:left;width:100px;margin-left:8px;border:1px solid #3349c0;text-align:Center;height:42px;font-size:15px;font-weight:bold;color:#3349c0;background:white;cursor:pointer;border-radius:4px; }


.checks2 {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 0px;
      height: 30px;
      margin-top: 0px;
      line-height: 30px;
      margin-right: 20px;
    }
    .checks2 input[type="radio"] {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
    }
    .checks2 input[type="radio"] + label {
      display: inline-block;
      vertical-align: top;
      position: relative;
      padding-left: 35px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      color: #555;
      font-weight: normal;
      font-size: 15px;
      line-height: 19px;
      font-weight: bold;
      color: #111;
      position: relative;
      text-align: left;
    }
    .checks2 input[type="radio"]:checked + label {
      color: #111;
    }
    .checks2 input[type="radio"] + label b {
      font-size: 14px;
      font-weight: bold;
      color: rgba(68, 126, 242, 1);
    }
   
    .checks2 input[type="radio"] + label:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0px;
      width: 20px;
      height: 20px;
      text-align: center;
      background: #fff;
      border: 1px solid #dbdbdb;
      border-radius: 50%;
      box-shadow: none;
    }
    .checks2 input[type="radio"] + label:active:before,
    .checks2 input[type="radio"]:checked + label:active:before {
      box-shadow: none;
    }
    .checks2 input[type="radio"]:checked + label:before {
      background: #3349c0;
      border-color: #3349c0;
    }
   
    /*
    .checks2 input[type="radio"]:checked + label:after {
      content: "";
      position: absolute;
      top: 6px;
      left: 6px;
      width: 10px;
      height: 10px;
      background: white;
      border-radius: 50%;
      box-shadow: none;
      color: White;
      line-height: 14px;
      text-align: center;
    }
      */
    .checks2 input[type="radio"]:checked + label:after {
      content: "";
      position: absolute;
      
      /* 1. 겉 테두리(22px)의 정중앙 좌표인 11px로 이동 */
      top: 11px; 
      left: 11px;
      
      /* 2. 자기 자신의 크기(10px)의 절반만큼 역방향으로 이동하여 완벽한 중앙 정렬 */
      transform: translate(-50%, -50%);
      
      width: 10px;
      height: 10px;
      background: white;
      border-radius: 50%;
      
      /* 불필요한 속성 제거 */
      box-shadow: none;
    }


.textarea { width:100%;height:auto;padding:12px;border:1px solid #dbdbdb;border-radius:4px;font-size:13px;font-weight:normal;line-height:22px;color:#666;margin-bottom:24px; }
.textarea22 { width:100%;height:auto;padding:12px;border:1px solid #dbdbdb;border-radius:4px;font-size:12px;font-weight:normal;line-height:22px;color:#666;margin-bottom:24px; }
.textarea33 { width:100%;height:auto;padding:12px;border:1px solid #dbdbdb;border-radius:4px;font-size:12px;font-weight:normal;line-height:22px;color:#666;margin-bottom:24px; }
.textarea1 { width:100%;height:auto;padding:6px;border:1px solid #dbdbdb;border-radius:4px;font-size:13px;font-weight:normal;line-height:22px;color:#666;margin-bottom:24px; }
.textarea2 {
  width: 100%;
  height: 100px; /* 고정된 높이 설정 */
  padding: 6px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  color: #666;
  margin-bottom: 24px;
  overflow-y: auto; /* 내용이 넘칠 경우 세로 스크롤바 표시 */
  resize: none; /* 사용자가 크기 조절하지 못하도록 설정 */
}
.textarea3 {
  width: 100%;
  height: 50px; /* 고정된 높이 설정 */ 
  padding: 6px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  color: #666;
  margin-bottom: 0px;
  overflow-y: auto; /* 내용이 넘칠 경우 세로 스크롤바 표시 */
  resize: none; /* 사용자가 크기 조절하지 못하도록 설정 */
}
.flex_box { border-top:1px solid #ededed;width:calc( 100% + 80px );margin-left:-40px;margin-right:-40px;height:103px;display:flex;justify-content:Center;align-items:center; }
.flex_box div { text-align:Center;font-size:15px;font-weight:normal;color:#666; }
.flex_box div b { color:#3349c0;font-size:22px;font-weight:bold; }

button.pay { width:100%;height:48px;background:#3349c0;color:White;font-size:17px;font-weight:bold;text-align:Center;border-radius:4px;border:none;cursor:pointer;  box-shadow: 0 8px 16px 0 rgba(22, 36, 101, 0.24); }


.tab_area { width:100%;height:72px;position:Relative;border-bottom:1px solid #ededed; }
.tab_area_inner { width:1180px;height:72px;margin:0px auto;position:relative; }
.tab_area_inner .tab { float:left;height:72px;width:50%;text-align:center;line-height:72px;color:#666666;font-size:17px;font-weight:bold;cursor:pointer; }
.tab_area_inner .tab.ac { color:#3349c0;border-bottom:1px solid #3349c0;position:Relative;z-index:22 }

table.board2 { width:100%;height:auto;border-collapse:collapse;border-top:1px solid #a7abc3;position:relative; }
table.board2 th { background:#f6f6fa;border-bottom:1px solid #dbdbdb;width:auto;padding:5px;text-align:center;font-size:17px;font-weight:bold;color:#333;/*border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb;*/vertical-align:middle;white-space:nowrap; }
table.board2 td { background:white;border-bottom:1px solid #ededed;width:auto;padding:16px;text-align:center;font-size:17px;font-weight:normal;color:#333;/*border-right:1px solid #ededed;border-left:1px solid #ededed;*/white-space:nowrap; }
table.board2 td.left { text-align:left; }
table.board2 td.right { text-align:right; }

table.board2 td span.mygray { border-radius:2px;width:71px;height:34px;line-height:34px;vertical-align:middle;display:inline-block;margin-left:20px;color:white;text-align:Center;font-size:15px;font-weight:normal;background:#aaaaaa }
table.board2 td span.carot { border-radius:2px;width:71px;height:34px;line-height:34px;vertical-align:middle;display:inline-block;margin-left:20px;color:white;text-align:Center;font-size:15px;font-weight:normal;background:#fd7b5d }
table.board2 td span.emerald { border-radius:2px;width:71px;height:34px;line-height:34px;vertical-align:middle;display:inline-block;margin-left:20px;color:white;text-align:Center;font-size:15px;font-weight:normal;background:#24c3bc }
table.board2 td a { font-size:inherit;font-weight:inherit;color:inherit }
table.board2 tr td:last-of-type { border-right:none; }
table.board2 tr td:first-of-type { border-left:none; }

table.board2 tr th:last-of-type { border-right:none; }
table.board2 tr th:first-of-type { border-left:none; }

table.board2 tr td button { padding-left:12px;padding-right:12px;height:42px;background:#3349c0;color:White;border-radius:4px;border:none;font-size:15px;font-weight:bold;cursor:pointer; }
table.board2 tr td button.w { padding-left:12px;padding-right:12px;height:42px;background:#fff;color:White;border-radius:4px;border:none;font-size:15px;font-weight:bold;cursor:pointer;border:1px solid #3349c0;color:#3349c0 }

span.red { display:block;line-height:20px;font-size:13px;font-weight:normal;color:red;margin-top:16px; }
span.red_big { display:block;line-height:20px;font-size:15px;font-weight:normal;color:red;margin-top:16px; }
span.red span { color:#1400ff; }   
.null { height:204px;text-align:center;font-size:17px !important;font-weight:normal;color:#ccc !important;vertical-align:middle; }



.popup_wrap { width:100%;height:100%;display:flex;z-index:999999;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);justify-content:center;align-items:center; }
.popup_wrap2 { width:100%;height:100%;display:flex;z-index:999999;position:fixed;top:0px;left:0px;padding-top:32px;background:rgba(0,0,0,0.5);justify-content:center;align-items:center; }

.popup_01 { width:960px;height:90%;background:white;border-radius:8px;background:white;position:relative;padding:40px;padding-top:122px;overflow:hidden;font-size:15px;line-height:22px;font-weight:normal;color:#666666 }
.popup_02 { width:680px;height:424px;background:white;border-radius:8px;background:white;position:relative;padding:40px;padding-top:122px;overflow:hidden;font-size:15px;line-height:22px;font-weight:normal;color:#666666 }
.popup_02_2 { width:680px;height:454px;background:white;border-radius:8px;background:white;position:relative;padding:40px;padding-top:122px;overflow:hidden;font-size:15px;line-height:22px;font-weight:normal;color:#666666 }
.popup_01_header { width:100%;height:82px;background:#3349c0;line-height:82px;padding-left:40px;font-size:28px;font-weight:bold;color:white;position:absolute;top:0px;left:0px;text-align:left; }
.popup_01_header .x { width:48px;height:48px;background:url('../img/x.png') no-repeat;background-size:100% 100%;position:absolute;top:17px;right:24px;cursor:pointer; }
.popup_01 span { color:#ff0000 }
.popup_01 h2 { display:block;font-size:22px;margin:0px;padding:0px;margin-top:40px;margin-bottom:18px;font-weight:bold;color:#333; }
.popup_01 h2 span { font-size:22px;font-weight:bold;color:#3349c0 }

.popup_01 .btn_area { width:100%;height:100px;line-height:80px;position:absolute;bottom:0px;left:0px;text-align:center; }
.popup_01 .btn_area button.cancel { width:69px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:none;cursor:pointer;font-size:17px;font-weight:bold;color:#3349c0;margin-right:10px }
.popup_01 button.pigum_add { cursor:pointer;float:right;width:86px;text-align:center;height:34px;color:white;background:#3349c0;border-radius:4px;border:none;cursor:pointer;font-size:15px;font-weight:bold; }
.popup_01 .btn_area button.completed { width:97px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:#3349c0;cursor:pointer;font-size:17px;font-weight:bold;color:#fff }
.popup_01 .btn_area button.bs { width:126px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:#3349c0;cursor:pointer;font-size:17px;font-weight:bold;color:#fff }
.popup_01 .btn_area button.soojung { width:97px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:#fff;cursor:pointer;font-size:17px;font-weight:bold;color:#3349c0;margin-right:10px; }
.popup_01_content_wrap { width:100%;height:calc( 100% - 270px );position:relative;overflow:auto;margin-bottom:20px; }
.popup_01_content_wrap table { border-collapse:collapse;width:100%;height:auto;position:relative;border-top:1px solid #dbdbdb; }
.popup_01_content_wrap table th { width:164px;vertical-align:middle;padding:23px;font-size:17px;text-align:left;font-weight:bold;color:#333;line-height:17px;background:#f6f6fa;border-bottom:1px solid #ededed; }
.popup_01_content_wrap table th span { color:red; }
.popup_01_content_wrap table td { text-align:left;width:auto;padding:13px;font-size:17px;line-height:17px;color:#333;font-weight:normal;border-bottom:1px solid #ededed;vertical-align:middle;position:Relative; }
.popup_01_content_wrap table td input[type="text"] { width:100%;height:42px;border:1px solid #dbdbdb;border-radius:4px;padding-left:12px;font-size:15px;font-weight:normal;color:#111; }
.popup_01_content_wrap table td button { position:absolute;top:10px;right:13px;width:100px;height:42px;border:1px solid #3349c0;border-radius:4px;background:white;cursor:pointer;font-size:15px;font-weight:bold;color:#3349c0 } 
.popup_01_content_wrap table td select { width:218px;height:42px;border:1px solid #dbdbdb;border-radius:4px;padding-left:12px;font-size:15px;font-weight:normal;color:#666;background:white url('../img/sl.png') no-repeat;background-position:right 12px center; } 

.popup_01_content_wrap2 { width:100%;height:calc( 100% - 240px );position:relative;overflow:auto;margin-bottom:56px;margin-top:40px; }
.popup_01_content_wrap2 table { border-collapse:collapse;width:100%;height:auto;position:relative;border-top:2px solid #3349c0; }
.popup_01_content_wrap2 table th { width:164px;vertical-align:middle;padding:23px;font-size:17px;text-align:left;font-weight:bold;color:#333;line-height:17px;background:#f6f6fa;border-bottom:1px solid #ededed; }
.popup_01_content_wrap2 table th span { color:red; }
.popup_01_content_wrap2 table td { text-align:left;width:auto;padding:13px;font-size:17px;line-height:17px;color:#333;font-weight:normal;border-bottom:1px solid #ededed;vertical-align:middle;position:Relative; }
.popup_01_content_wrap2 table td input[type="text"] { width:100%;height:42px;border:1px solid #dbdbdb;border-radius:4px;padding-left:12px;font-size:15px;font-weight:normal;color:#111; }
.popup_01_content_wrap2 table td button { position:absolute;top:10px;right:13px;width:100px;height:42px;border:1px solid #3349c0;border-radius:4px;background:white;cursor:pointer;font-size:15px;font-weight:bold;color:#3349c0 } 
.popup_01_content_wrap2 table td select { width:218px;height:42px;border:1px solid #dbdbdb;border-radius:4px;padding-left:12px;font-size:15px;font-weight:normal;color:#666;background:white url('../img/sl.png') no-repeat;background-position:right 12px center; } 
.popup_01 b { display:block;text-align:center;font-size:22px;font-weight:bold;color:#333; }
.popup_01 b span { color:red;font-size:22px;font-weight:bold; }




.popup_02 .btn_area { width:100%;height:100px;line-height:80px;position:absolute;bottom:0px;left:0px;text-align:center; }
.popup_02 .btn_area button.cancel { width:69px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:none;cursor:pointer;font-size:17px;font-weight:bold;color:#3349c0;margin-right:10px }
.popup_02 .btn_area button.completed { width:97px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:#3349c0;cursor:pointer;font-size:17px;font-weight:bold;color:#fff;margin-right:10px; }
.popup_02 .btn_area button.bs { width:126px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:#3349c0;cursor:pointer;font-size:17px;font-weight:bold;color:#fff }
.popup_02 .btn_area button.soojung { width:97px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:#fff;cursor:pointer;font-size:17px;font-weight:bold;color:#3349c0;margin-right:10px; }

.popup_02_2 .btn_area { width:100%;height:100px;line-height:80px;position:absolute;bottom:0px;left:0px;text-align:center; }
.popup_02_2 .btn_area button.cancel { width:69px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:none;cursor:pointer;font-size:17px;font-weight:bold;color:#3349c0;margin-right:10px }
.popup_02_2 .btn_area button.completed { width:69px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:#3349c0;cursor:pointer;font-size:17px;font-weight:bold;color:#fff }
.popup_02_2 .btn_area button.bs { width:126px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:#3349c0;cursor:pointer;font-size:17px;font-weight:bold;color:#fff }
.popup_02_2 .btn_area button.soojung { width:97px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:#fff;cursor:pointer;font-size:17px;font-weight:bold;color:#3349c0;margin-right:10px; }
.popup_02_2 textarea { margin-bottom:6px;width:100%;height:174px;border-radius:4px;border:1px solid #dbdbdb;resize:none;outline:none;padding:12px;font-size:15px;font-weight:normal;text-align:left;color:#111;line-height:normal; }
button.excel { float:right;margin-top:40px;width:128px;height:34px;background:#3349c0;color:White;font-size:15px;font-weight:bold;color:white;text-align:Center;cursor:pointer;border-radius:4px;border:none; }
.popup_02 table { border-collapse:collapse;width:100%;height:auto;position:relative;border-top:2px solid #3349c0;margin-top:12px; }
.popup_02 table th { width:auto;vertical-align:middle;padding:23px;font-size:17px;text-align:left;font-weight:bold;color:#333;line-height:17px;background:#f6f6fa;border-bottom:1px solid #ededed; }
.popup_02 table th span { color:red; }
.popup_02 table td { text-align:left;width:auto;padding:13px;font-size:17px;line-height:17px;background:#f6f6fa; color:#333;font-weight:normal;border-bottom:1px solid #ededed;vertical-align:middle;} /*position:Relative; }*/
.popup_02 table td input[type="text"] { width:100%;height:42px;border:1px solid #dbdbdb;border-radius:4px;padding-left:12px;font-size:15px;font-weight:normal;color:#111; }
.popup_02 table td button { position:absolute;top:11px;right:13px;width:100px;height:42px;border:1px solid #3349c0;border-radius:4px;background:white;cursor:pointer;font-size:15px;font-weight:bold;color:#3349c0 } 
.popup_02 table td select { width:218px;height:42px;border:1px solid #dbdbdb;border-radius:4px;padding-left:12px;font-size:15px;font-weight:normal;color:#666;background:white url('../img/sl.png') no-repeat;background-position:right 12px center; } 
.popup_02_2 span { float:right;font-size:15px;font-weight:normal;color:#333; }
.popup_02_2 span i { font-style:normal;font-size:inherit;font-weight:inherit;color:inherit; }
.tab5 { width:100%;height:90px;position:relative;border:1px solid #cccccc;margin-bottom:60px; }
.tab5_cell { width:20%;border-right:1px solid #ccc;height:90px;float:left;text-align:center;line-height:88px;font-size:22px;font-weight:bold;color:#666;cursor:pointer; }
.tab5_cell:last-of-type { border-right:none; }
.tab5_cell.ac { background:#3349c0;color:White; }

.popup_02_3 textarea { margin-bottom:6px;width:100%;height:48px;border-radius:4px;border:1px solid #dbdbdb;resize:none;outline:none;padding:12px;font-size:15px;font-weight:normal;text-align:left;color:#111;line-height:normal; }

.result_down { width:144px;height:48px;border-radius:4px;  box-shadow: 0 8px 16px 0 rgba(22, 36, 101, 0.24);background:#3349c0;color:white;cursor:pointer;text-align:center;line-height:48px;font-size:17px;font-weight:bold;margin:0px auto;margin-top:40px; }

.mini_pop { width:480px;height:410px;background:white;border-radius:8px;overflow:hidden;position:relative;padding-top:122px;text-align:Center;font-size:22px;font-weight:bold;color:#333; }

.mini_pop img { margin:0px auto;margin-bottom:24px;display:block; }

.mini_pop span { font-size:15px;font-weight:normal;color:#545454; }
.mini_pop .btn_area { width:100%;height:100px;line-height:80px;position:absolute;bottom:0px;left:0px;text-align:center; }

.mini_pop .btn_area button.completed { width:97px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:#3349c0;cursor:pointer;font-size:17px;font-weight:bold;color:#fff }
.mini_pop .btn_area button.confirm { width:72px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:#3349c0;cursor:pointer;font-size:17px;font-weight:bold;color:#fff }
.mini_pop .btn_area button.bs { width:126px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:#3349c0;cursor:pointer;font-size:17px;font-weight:bold;color:#fff }
.mini_pop .btn_area button.soojung { width:97px;height:48px;border:1px solid #3349c0;border-radius:4px;text-align:center;background:#fff;cursor:pointer;font-size:17px;font-weight:bold;color:#3349c0;margin-right:10px; }

.sub_contents_inner h2 .current_page { float:right;font-size:15px;font-weight:bold;color:#999; }
.sub_contents_inner h2 .current_page span { font-weight:bold;color:black; }

.best_slide { width:100%;height:287px;margin-bottom:44px;position:relative;white-space:nowrap; }

.best_slide .slide { width:100%;height:287px;display:inline-block;vertical-align:top;overflow:hidden; }
.best_slide .slide .slide_cell { width:380px;height:287px;margin-right:20px;float:left;font-size:17px;font-weight:Bold;color:#111 }
.best_slide .slide .slide_cell span { color:#545454;font-size:15px;font-weight:normal; }
.best_slide .slide .slide_cell:last-of-type { margin-right:0px; }
.best_slide .slide .slide_cell .vod { width:100%;height:214px;background:black;margin-bottom:20px; }

.best_slide.sl_right { position:Absolute;right:-68px;width:48px;height:48px;background:url('../img/vod_right.png') no-repeat;top:83px;cursor:pointer;background-size:100% 100%; }

.best_slide.sl_left { position:Absolute;left:-68px;width:48px;height:48px;background:url('../img/vod_left.png') no-repeat;top:83px;cursor:pointer;background-size:100% 100%; }

.sub_contents_inner h3 { font-size:22px;font-weight:Bold;color:#3349c0;display:block;margin:0px;padding:0px;margin-bottom:24px;margin-top:0px; }
.sub_contents_inner h4 { font-size:20px;font-weight:Bold;color:#111;display:block;margin:0px;padding:0px;margin-bottom:24px; }
table.board_detail { width:100%;height:Auto;border-collapse:collapse; }
table.board_detail th { border-top:1px solid #dbdbdb;background:#f6f6fa;padding:10px;font-size:17px;font-weight:bold;color:#333;text-align:left;padding-left:20px;padding-right:20px; }
table.board_detail th.right { text-align:right; }
table.board_detail th.right a { color:inherit;font-weight:inherit;font-size:inherit;padding-left:30px;position:relative; }
table.board_detail th.right a:before { content:'';display:block;width:20px;height:20px;background:url('../img/download.png') no-repeat;background-size:100% 100%;position:absolute;left:0px;top:0px; }
table.board_detail td { padding:0px;padding-top:20px;padding-bottom:40px;font-size:17px;font-weight:normal;color:#545454;line-height:29px;border-bottom:1px solid #dbdbdb; }
table.board_detail td video { background:black;width:582px;height:328px;margin-bottom:40px; }
table.board_detail td.prev { border-left:none;border-right:1px solid #dbdbdb;font-size:17px;padding:20px; }
table.board_detail td.next { border-left:1px solid #dbdbdb;border-right:none;font-size:17px;padding:20px; }
table.board_detail td.prev b { font-size:17px;font-weight:bold;margin-right:24px; }
table.board_detail td.next b { font-size:17px;font-weight:bold;margin-right:24px; }
table.board_detail td.next a { font-weight:normal;color:inherit;font-size:inherit; }
.backto_list { cursor:pointer;text-align:center;width:125px;height:48px;line-height:48px;background:#3349c0;  box-shadow: 0 8px 16px 0 rgba(22, 36, 101, 0.24);margin:0px auto;margin-top:40px;border-radius:4px;color:White;font-size:17px;font-weight:bold; }
.backto_list img { margin-top:-3px;margin-right:-10px; }

span.new { width:20px;height:20px;display:inline-block;vertical-align:middle;margin-left:10px;background:url('../img/new.png') no-repeat;background-size:100% 100%; }

.sub_contents_inner h2 button { float:right;width:102px;height:42px;background:#3349c0;border-radius:4px;cursor:pointer;border:none;text-align:center;color:white;font-size:15px;font-weight:normal; }
table.board td span { color:#cccccc; } 
table.board td b { color:#3349c0;font-weight:bolder } 
table.board tr.detail td { background:#f8f8f8;border-bottom:none;position:relative; }
table.board tr.detail td:nth-of-type(1):after { width:calc( 100% - 32px );height:1px;background:#dbdbdb;display:block;position:absolute;content:'';bottom:-1px;left:32px;z-index:2; }
table.board tr.detail td:nth-of-type(2):after { width:calc( 100% - 32px );height:1px;background:#dbdbdb;display:block;position:absolute;content:'';bottom:-1px;right:32px;z-index:2; }
table.board tr.detail td a { font-size:15px;font-weight:bold;color:#333;margin-right:20px;display:inline-block;vertical-align:middle;margin-top:10px; }
table.board .detail_wrap { border-bottom:1px solid #dbdbdb;padding:0px; } 
.bt_none { border-top:none !important; } 
table.board tr.detail td:nth-of-type(1) b { font-weight:bolder !important;color:#333333 !important; }
table.board tr.detail td:nth-of-type(1) span { font-weight:bolder !important;color:#ffa843 !important; }
table.board.cursors td { cursor:pointer; }
table.board.faq_table td { cursor:pointer; }

table.board td b.black { color:#000;font-weight:bolder } 
table.board tr.active td { color:#3349c0 !important;font-weight:bold !important  } 
table.board tr.active td b.black { color:#3349c0 !important }
table.board tr.active td:last-of-type { color:#111 !important;font-weight:normal !important; }

span.mini { font-size:15px;font-weight:normal;color:#666 }

.member_join { height:246px;width:100%;position:relative;margin-top:24px;margin-bottom:64px; } 
.member_join_cell { cursor:pointer;float:left;width:246px;height:246px;margin-right:21px;background:white;  box-shadow: 0 12px 24px 0 rgba(51, 73, 192, 0.16);text-align:center;font-size:17px;font-weight:bold;color:#333; }
.member_join_cell:last-of-type { margin-right:0px; }
.member_join_cell img { display:block;margin:0px auto;margin-top:48px;margin-bottom:34px; }
.join_start { width:780px;height:auto;margin:0px auto; } 
.org_join { cursor:pointer;width:100%;height:106px;display:flex;justify-content:center;align-items:center;background:white;  box-shadow: 0 12px 24px 0 rgba(51, 73, 192, 0.16);color:#333;font-size:22px;font-weight:bold; }

.join_inputs { width:580px;height:137px;background:white;float:left;  box-shadow: 0 12px 24px 0 rgba(51, 73, 192, 0.16);border-radius:4px; }
.join_button { width:180px;height:137px;background:#3349c0;color:white;text-align:center;border:none;border-radius:4px;cursor:pointer;float:right;font-size:22px;font-weight:bold;  box-shadow: 0 12px 24px 0 rgba(51, 73, 192, 0.16); }
.gr form.login:after { clear:both;content:'';display:block;margin-bottom:24px; }
.gr a.form_link { font-size:15px;font-weight:bold;color:#333;margin-right:22px;position:relative }
.gr a.form_link:first-of-type:after { content:'';display:block;width:1px;position:absolute;height:18px;background:#ededed;right:-12px;top:0px; }
.join_inputs input[type="text"] { border:none;background:none;height:68px;width:100%;padding-left:24px;border-bottom:1px solid #ededed;font-size:17px;font-weight:normal;color:#111;display:block;padding-right:24px; }  
.join_inputs input[type="password"] { border:none;background:none;height:68px;width:100%;padding-left:24px;border-bottom:0px solid #ededed;font-size:17px;font-weight:normal;color:#111;display:block;padding-right:24px; }  
.join_inputs input[type="text"]::placeholder { color:#ccc; }
.join_inputs input[type="password"]::placeholder { color:#ccc; }

.join_form { width:100%;height:auto;padding:40px;background:white;  box-shadow: 0 12px 24px 0 rgba(51, 73, 192, 0.16);position:relative; }
.join_form h5 { font-size:17px;font-weight:bold;color:#111;display:block;margin:0px;padding:0px;margin-bottom:22px; }
.join_form table { border-collapse:collapse;width:100%;height:auto;border:none; }
.join_form table th { padding:8px;font-size:15px;font-weight:Bold;color:#111;vertical-align:middle;text-align:left;padding-left:0px;width:125px;letter-spacing:-1px; }
.join_form table th span { color:red; }
.join_form table td { padding:8px;text-align:left;font-size:15px;font-weight:normal;color:#ccc;padding-right:0px; }
.join_form table td:after { clear:both;content:'';display:block; }
.join_form table td input[type="text"] { width:100%;height:42px;border:1px solid #dbdbdb;border-radius:4px;vertical-align:middle;padding-left:11px;font-size:15px;font-weight:normal;color:#333; }
.join_form table td input[type="password"] { width:100%;height:42px;border:1px solid #dbdbdb;border-radius:4px;vertical-align:middle;padding-left:11px;font-size:15px;font-weight:normal;color:#333; }
.join_form table td input[type="text"].with_btn { width:calc( 100% - 116px - 8px );height:42px;border:1px solid #dbdbdb;border-radius:4px;vertical-align:middle;padding-left:11px;font-size:15px;font-weight:normal;color:#333; }
.join_form table td button { float:right;cursor:pointer;width:116px;height:42px;border:1px solid #3349c0;text-align:Center;background:none;font-size:15px;font-weight:bold;color:#3349c0;border-radius:4px; }
.join_form table td select { width:183px;height:42px;border-radius:4px;border:1px solid #dbdbdb;background:white url('../img/sl.png') no-repeat;background-position:right 12px center;float:right;padding-left:11px; font-size: 14px;}
.join_form table td .checks2 label { padding-top:4px; }  
.join_form table td select.birth { float:left;margin-right:8px; }
.join_form table td select.birth:last-of-type { margin-right:0px; }
.join_form .divider { width:100%;height:1px;border-top:1px dashed #ccc;margin-top:20px;margin-bottom:31px; }
.contract_cell { width:100%;height:44px;border:1px solid #dbdbdb;margin-bottom:8px;cursor:pointer;text-align:left;padding:12px;font-size:15px;font-weight:normal;color:#333;position:relative;border-radius:4px; }
.contract_cell:after { content:'';display:block;width:18px;height:18px;position:absolute;top:12px;right:12px;background:url('../img/go.png') no-repeat;background-size:100% 100%; }

.contract_cell .checks { margin-top:-6px; }
.contract_cell .checks label { padding-top:3px !important }

.next_button { width:93px;height:48px;text-align:Center;background:#3349c0;color:White;font-size:17px;font-weight:bold;line-height:48px;border-radius:4px;cursor:pointer;margin:0px auto;margin-top:32px;  box-shadow: 0 8px 16px 0 rgba(22, 36, 101, 0.24); }
.next_button img { margin-right:-10px;margin-top:-4px; }
.change_button { width:121px;height:48px;text-align:Center;background:#3349c0;color:White;font-size:17px;font-weight:bold;line-height:48px;border-radius:4px;cursor:pointer;margin:0px auto;margin-top:32px;  box-shadow: 0 8px 16px 0 rgba(22, 36, 101, 0.24); }
.change_button img { margin-right:-10px;margin-top:-4px; }
.join_form.flexed { height:565px;display:flex;justify-content:Center;align-items:Center; }
.join_form.flexed div { text-align:center;font-size:28px;font-weight:Bold;color:#111; }
.join_form.flexed div img { display:block;margin:0px auto;margin-bottom:32px; }
.join_form.flexed div span { font-size:15px;font-weight:normal;color:#666;display:block;margin-top:16px;margin-bottom:40px }
.join_form.flexed button { cursor:pointer;border:none;background:#3349c0;text-align:Center;color:white;width:140px;height:48px;border-radius:4px;  box-shadow: 0 8px 16px 0 rgba(22, 36, 101, 0.24);font-size:17px;font-weight:bold;color:white; }

.join_form.flexed button img { margin:0px;margin-right:-10px;display:inline-block;vertical-align:middle;margin-top:-3px; }
.join_form table td input[type="text"]:read-only { background:#f5f5f5 }
.join_start .checks2 label { padding-top:4px; }  

.find_pw_pannel { width:100%;height:275px;background:White; box-shadow: 0 12px 24px 0 rgba(51, 73, 192, 0.16);margin-top:40px;border-radius:4px; }
.find_pw_pannel_cell { width:100%;height:68px;border-bottom:1px solid #ededed;padding-left:24px;padding-right:24px;padding-top:13px;padding-bottom:13px; }
.find_pw_pannel_cell:last-of-type { border-bottom:none; }
.find_pw_pannel_cell button { float:right;border:1px solid #3349c0;width:103px;height:42px;border-radius:4px;text-align:center;font-size:15px;font-weight:Bold;color:#3349c0;background:White;cursor:pointer; }
.find_pw_pannel_cell input[type="text"] { width:100%;height:42px;border:none;text-align:left;font-size:17px;font-weight:normal;color:#111; }
.find_pw_pannel_cell input[type="text"].with_btn { width:calc( 100% - 120px );height:42px;border:none;text-align:left;font-size:17px;font-weight:normal;color:#111; }
.find_pw_pannel_cell input[type="text"]::placeholder { color:#ccc; }
.find_pw_pannel_cell select  { width:229px;height:42px;border-radius:4px;border:0px solid #dbdbdb;background:white url('../img/sl.png') no-repeat;background-position:right 12px center;padding-left:0px;font-size:17px;font-weight:normal;color:#111; }
.find_pw_pannel_cell input[type="text"].with_btn2 { width:calc( 100% - 120px - 229px );height:42px;border:none;text-align:left;font-size:17px;font-weight:normal;color:#111; }
.confirm_button { width:100%;height:72px;background:#3349c0;color:White;border-radius:4px;font-size:22px;font-weight:bold;margin-top:39px;border:none;box-shadow: 0 12px 24px 0 rgba(51, 73, 192, 0.16); }


.sub_contents_inner h2.bigger { font-size:24px;font-weight:bold;color:#111;margin-top:40px;margin-bottom:32px; }

.contract { font-size:17px;font-weight:normal;color:#333;line-height:28px; }

.contract_history { width:131px;height:42px;border:1px solid #3349c0;border-radius:4px;line-height:40px;text-align:Center;background:white;cursor:pointer;font-size:15px;font-weight:Bold;color:#3349c0; }

.company_wrap { width:100%;height:calc( 100vh - 250px );position:relative; }

.company_wrap_left { width:50%;height:100%;position:absolute;left:0px;top:0px;background:url('../img/company.png') no-repeat;background-size:cover;background-position:top center; }
.company_wrap_right { width:50%;height:100%;padding-left:56px;padding-top:60px;padding-right:calc( 50% - 590px );padding-bottom:56px;font-size:17px;font-weight:normal;color:#333;line-height:28px;text-align:left;overflow:auto;position:absolute;right:0px;top:0px; }

a.go_company { width:210px;height:42px;display:block;border:1px solid #3349c0;border-radius:4px;text-align:Center;line-height:40px;font-size:15px;font-weight:bold;color:#3349c0;cursor:pointer;float:right;border-radius:4px;background:White; }

.company_wrap_right b { font-size:22px;font-weight:bold;color:#cccccc }
.company_wrap_right b span { font-size:22px;font-weight:bold;color:#ac0c0c }

.company_wrap_right2 { width:100%;height:100%;padding-left:calc(50% - 590px );padding-top:30px;padding-right:calc(50% - 590px );padding-bottom:56px;font-size:17px;font-weight:normal;color:#333;line-height:28px;text-align:left;overflow:auto;position:absolute;right:0px;top:0px; }
.company_wrap_right2 b { font-size:22px;font-weight:bold;color:#cccccc }
.company_wrap_right2 b span { font-size:22px;font-weight:bold;color:#ac0c0c }

table.form_board { width:100%;height:auto;border-top:2px solid #3349c0;border-collapse:collapse; }
table.form_board th { width:280px;background:#f6f6fa;padding:24px;padding-left:32px;font-size:17px;font-weight:bold;color:#333;border-bottom:1px solid #ededed;text-align:left; }
table.form_board td { width:Auto;background:white;border-bottom:1px solid #ededed;text-align:left;padding:12px;padding-left:16px;padding-right:16px; }
table.form_board td select { width:418px;height:42px;border:1px solid #dbdbdb;border-radius:4px;padding-left:12px;background:white url('../img/sl.png') no-repeat;background-position:right 12px center;font-size:15px;font-weight:normal;color:#666 }
table.form_board td input[type="text"] { width:100%;height:42px;border:1px solid #dbdbdb;border-radius:4px;font-size:15px;font-weight:normal;color:#666;padding-left:12px; }
table.form_board td input[type="text"]::placeholder { color:#ccc }

.search_btn { width:77px;height:48px;background:#3349c0;color:white;font-size:17px;font-weight:normal;color:white;text-align:center;margin:0px auto;margin-top:40px;margin-bottom:42px;border-radius:4px;cursor:pointer;line-height:48px; }

span.underline { text-decoration:underline;color:#111 !important;font-weight:normal !important; }

.sub_contents_inner h6 { font-size:22px;font-weight:bold;color:#333;display:block;margin:0px;padding:0px;margin-bottom:24px; }
.sub_contents_inner h6 button { border:none;width:74px;height:42px;background:#3349c0;border-radius:4px;text-align:center;color:white;cursor:pointer;font-size:15px;font-weight:normal;float:right; }
.sub_contents_inner h6 button.w { width:auto;height:42px;padding-left:12px;padding-right:12px;border:1px solid #3349c0;border-radius:4px;text-align:center;color:#3349c0;cursor:pointer;font-size:15px;font-weight:normal;float:right;background:white;margin-left:8px; }

.receipt_left { width:580px;height:auto;margin-right:20px;float:left; }
.receipt_right { width:580px;height:auto;margin-right:0px;float:left; }
.receipt_left table { border-collapse:collapse;border:none;width:100%;height:auto; }
.receipt_left table th { text-align:left;background:#f6f6fa;padding:16px;padding-left:20px;font-size:17px;font-weight:normal;color:#333; }
.receipt_left table td { text-align:right;background:#f6f6fa;padding:16px;padding-right:20px;color:#333;font-size:17px;font-weight:bold; }
.receipt_left table tr:nth-child(2n) th { background:White; }
.receipt_left table tr:nth-child(2n) td { background:White; }
.receipt_left table td a { font-weight:bold;color:#3349c0;text-decoration:underline;margin-left:10px; }
.receipt_right table { border-collapse:collapse;border:none;width:100%;height:auto; }
.receipt_right table th { text-align:left;background:#f6f6fa;padding:16px;padding-left:20px;font-size:17px;font-weight:normal;color:#333; }
.receipt_right table td { text-align:right;background:#f6f6fa;padding:16px;padding-right:20px;color:#333;font-size:17px;font-weight:bold; }
.receipt_right table tr:nth-child(2n) th { background:White; }
.receipt_right table tr:nth-child(2n) td { background:White; }

span.big_red { font-size:17px;color:red;font-weight:normal; }

table.calc { margin-top:40px;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;border-collapse:collapse;width:100%;margin-bottom:40px; }
table.calc td { font-size:17px;font-weight:normal;color:#333;padding:24px;text-align:left;position:relative; }
table.calc td b { font-size:28px;font-weight:bold;color:#111; } 
table.calc td b.r { font-size:28px;font-weight:bold;color:#ff0000; } 
table.calc tr td:nth-of-type(1):after { content:'';display:block;width:10px;height:4px;background:#ccc;position:absolute;top:60%;margin-top:-2px;right:20px; }
table.calc tr td:nth-of-type(2):after { content:'';display:block;width:10px;height:4px;background:#ccc;position:absolute;top:60%;margin-top:-2px;right:20px; }
table.calc tr td:nth-of-type(4):before { content:'';display:block;width:1px;height:62px;background:#dbdbdb;position:absolute;top:24px;left:0px; }
.receipt_left.w100 { width:100%;margin-right:0px; }
.receipt_left.w100 table { border-collapse:collapse;border:none;width:100%;height:auto; }
.receipt_left.w100 table th { text-align:left;background:#f6f6fa;padding:16px;padding-left:20px;font-size:17px;font-weight:normal;color:#333; }
.receipt_left.w100 table td { text-align:right;background:#f6f6fa;padding:16px;padding-right:20px;color:#333;font-size:17px;font-weight:bold; }
.receipt_left.w100 table tr:nth-child(2n) th { background:White; }
.receipt_left.w100 table tr:nth-child(2n) td { background:White; }


.juk { width:100%;height:142px;border:1px solid #dbdbdb;margin-bottom:40px;position:relative; }
.juk_left { width:50%;height:142px;display:block;float:left;border-right:1px solid #dbdbdb;padding:32px;font-size:17px;font-weight:bold;color:#333;text-align:left;line-height:24px; }
.juk_left b { font-size:35px;font-weight:bolder;color:#3349c0;display:block;margin-top:16px; }
.juk_right { width:50%;height:142px;display:block;float:left;border-right:0px solid #dbdbdb;padding:32px;font-size:17px;font-weight:bold;color:#333;text-align:left;line-height:24px }
.juk_right b { font-size:35px;font-weight:bolder;color:#aaaaaa;display:block;margin-top:16px; }

table.sitemap { width:100%;height:auto;border-collapse:collapse;border:none; }
table.sitemap th { width:25%;padding:12px;padding-left:12px;font-size:22px;font-weight:bold;color:#333;text-align:left;border-bottom:0px solid #111111;position:relative; }
table.sitemap th a { font-size:inherit;font-weight:inherit;color:inherit; }
table.sitemap th:after { width:calc( 100% - 24px );height:2px;background:#111;content:'';display:block;position:absolute;bottom:0px;left:12px; }
table.sitemap td { padding:12px;padding-left:12px;text-align:left; }
table.sitemap td a { display:block;height:42px;line-height:42px;font-size:17px;font-weight:normal;color:#333;position:relative;text-align:left; }
table.sitemap td a:after { content:'';width:18px;height:18px;background:url('../img/aaa.png') no-repeat;background-size:100% 100%;display:block;position:absolute;right:0px;top:50%;margin-top:-9px; }

table.sitemap:last-of-type tr:last-of-type th:last-of-type:after { display:none; }


.noti_pop { width:400px;height:250px;background:white;border-radius:8px;position:relative;padding:32px;padding-top:40px;font-size:17px;text-align:left;color:#333;font-weight:normal;letter-spacing:-1px;overflow:hidden; }
.noti_pop b { font-size:22px;font-weight:bold;color:#3349c0;display:block;height:26px;line-height:26px;margin-bottom:16px; }
.noti_pop_bottom { height:48px;width:100%;text-align:left;line-height:48px;padding-left:20px;padding-right:20px;background:#f6f6fa;position:absolute;bottom:0px;left:0px;font-size:15px;font-weight:normal;color:#333 }
.noti_pop_bottom .checks { margin:0px;display:inline-block;vertical-align:middle;margin-top:-6px; }
.noti_pop_bottom .checks label { padding-top:4px !important; }
.noti_pop_bottom span { float:right;text-decoration:underline;color:#333;font-size:15px;font-weight:normal;cursor:pointer; }


.noti_pop_bottom  .checks input[type="checkbox"] + label {padding-left:32px !important;}
.만드신거 {  padding:20px;}

/* 폰트 흐림 방지 통합 설정 */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.header_bottom_inner ul li a {
    color: #000 !important; /* 대비를 높여 더 선명하게 */
    font-weight: 700 !important;
    letter-spacing: -0.02em; /* 자간 조정 */
}

/* 폰트 선명도 강제 보정 */
.header_bottom_inner ul li a {
    color: #000 !important; /* 글자색을 완전한 검정으로 */
    font-weight: 700 !important; /* Bold 파일이 로드되었으므로 700 사용 */
    letter-spacing: -0.5px !important; /* 자간을 줄여 뭉침 방지 */
    
    /* 렌더링 엔진 보정 */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    transform: perspective(1px) translateZ(0); /* 하드웨어 가속 유도 */
    backface-visibility: hidden;
    
    /* 애니메이션 간섭 제거 */
    transition: none !important; 
}

/* 메뉴에 마우스 올렸을 때만 컬러 변경 */
.header_bottom_inner ul li a:hover {
    color: #3349c0 !important;
}


