@charset "utf-8";

/* ==========================================================================
   1. 초기화 및 기본 태그 설정 (Reset & Base)
   ========================================================================== */
* { margin:0; padding:0; font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif; }
* html { height:1px; scroll-behavior: smooth; }
BODY { margin: 0; padding: 0; height:100%; }

div, p, h1, h2, h3, dl, dt, dd, ul, li, ol, input, th, td, form { margin: 0; padding: 0; }
td { margin: 0; color: #333; line-height:18px; }
table { border: 0; border-spacing: 0; word-break:break-all; }
img { border: 0; }
li { list-style:none; }
ul li { list-style:none; list-style-type:none; }
label { cursor:pointer; vertical-align:middle; }

/* 링크 기본 설정 */
a { text-decoration: none;  }
a:link, a:visited, a:active { color:#333333; text-decoration : none; }
a:hover { color: #3579d1; text-decoration: underline; }


/* ==========================================================================
   2. 레이아웃 및 범용 유틸리티 (Layout & Utils)
   ========================================================================== */
.inner { margin:0 auto; width:960px; background:transparent; }
.hidden { position:absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0; }
.flexWrap {display:flex; flex-direction:row; align-items:center;}
.fl_r { float:right; }
.DB { display:block; }
.DIB { display:inline-block; }
.overf_h { overflow:hidden; }
.curPNT { cursor: pointer; }
.hand { cursor:pointer; }
.c_default { cursor:default !important; margin-right: -5px; }

/* 텍스트 정렬 및 수직 정렬 */
.v_middle { vertical-align:middle; }
.v_middle2 { vertical-align:middle !important; }
.v_bottom { vertical-align:bottom !important; }
.v_alignp2 { vertical-align:2px !important; }
.v_align5 { vertical-align:-5px !important; }
.v_align8 { vertical-align:-8px !important; }
.v_sub { vertical-align: sub !important; }
.a_center { text-align:center; }
.center{text-align:center;}
.a_center2 { text-align:center !important; }
.a_left { text-align:left; }
.a_right { text-align:right; }


/* 텍스트 스타일 유틸리티 */
.b { font-weight:bold; }
.n { font-weight:normal; font-size:12px; color:#333333; }
.n2 { font-weight:normal; font-size:12px; }
.n3 { font-weight:normal !important; }
.sp { letter-spacing:-1px; }
.sp0 { letter-spacing:0 !important; }
.sp2 { letter-spacing:-2px; }
.txt_line { text-decoration:underline !important; }
.w_wrap { word-break: keep-all; word-wrap: break-word; }

/* width 가이드 */
.w20{width:20px;}
.w200{width:200px;}


/* ==========================================================================
   3. 폰트 및 사이즈 설정 (Typography)
   ========================================================================== */
.f11 { font-size:11px; }
.f11_k { font-size:11px; line-height:14px; }
.f11_k a:link, .f11_k a:visited, .f11_k a:active, .f11_k a:hover { font-size:11px; line-height:14px; }
.f12 { font-size:12px; }
.f13 { font-size:13px !important; line-height:20px; }
.f13_h { font-size:13px !important; line-height:1.6; }
.f14 { font-size:14px; line-height:20px; }
.f14_m, .f14_m a:link, .f14_m a:visited, .f14_m a:active, .f14_m a:hover { font-size:14px !important; line-height:22px; }
.f15 { font-size:15px; line-height:20px; }
.f16 { font-size:16px; }
.f16_m { font-size:16px !important; line-height:24px; }
.f18_m { font-size:18px; }
.f20_b { font-size:20px; letter-spacing:-2px; font-weight:bold; }
.f20_m { font-size:20px; color:#fff; padding:20px 15px; letter-spacing:-2px; }
.f24 { font-size:24px; line-height:24px; }
.f28 { font-size:28px; line-height:28px; }
.f38 { line-height:38px; font-size:38px; font-weight:bold; color:#000; vertical-align:middle; }
.f_ns { font-size:9.5px; color:#666666; line-height:12px; letter-spacing:-0.5px; }
.f_ns2 { font-size:9.5px; color:#666666; line-height:12px; letter-spacing:px; }
.f_kr { font-size:12px; color:#666666; letter-spacing:-1px; font-weight:bold; }

/* Line Height */
.line_12 { line-height:12px; } .line_14 { line-height:14px; } .line_16 { line-height:16px; }
.line_18 { line-height:18px; } .line_20 { line-height:20px; } .line_24 { line-height:24px; }
.line_26 { line-height:26px; } .line_30 { line-height:30px; } .line_34 { line-height:34px; }
.line_36 { line-height:36px; }


/* ==========================================================================
   4. 컬러 시스템 (Colors)
   ========================================================================== */
.black { color:#000; }
.black a:link, .black a:visited, .black a:active, .black a:hover { color:#000; text-decoration : none; }
.white { color:#FFF; }
.white { color:#FFFFFF; }
.orange { color:#ED521E; }
.orange2 { color:#F76809; }
.pink { color:#cb1b7e; font-family:inherit; }
.purple { color:#79149E; }
.yellow { color:#FCF300; }
.yellow2 { color:#fff600; }

.blue { color:#2F477E; }
.blue_b { color:#2F477E; font-weight:bold; }
.blue2 { color:#0038B7; }
.blue3 { color:#2566B4 !important; }
.blue4 { color:#0674b8; }
.blue5 { color:#004eff; }
.blue6 { color:#163886; }

.green { color:#4D7F05 !important; }
.green2 { color:#269109 !important; }
.green3 { color:#007042 !important; }

.red { color:#CC0000; font-family:inherit; }
.red a:link, .red a:active, .red a:visited { color: #CC0000; text-decoration: none; }
.red a:hover { color: #CC0000; text-decoration: underline; }
.red2 { color:#fc171b; font-family:inherit; }

/* Gray Scale */
.gray2 { color:#555; }
.gray2 a:link, .gray2 a:visited, .gray2 a:active, .gray2 a:hover { color:#555; text-decoration : none; }
.gray3 { color:#888; text-decoration : none; }
.gray3 a:link, .gray3 a:visited, .gray3 a:active, .gray3 a:hover { color:#888; text-decoration : none; }
.gray3_m { color:#b9b9b9; text-decoration : none; }
.gray3_m a:link, .gray3_m a:visited, .gray3_m a:active, .gray3_m a:hover { color:#b9b9b9; text-decoration : none;  }
.gray4 { color:#666; }
.gray4 a:link, .gray4 a:visited, .gray4 a:active { color:#666; text-decoration : none; letter-spacing:-1px; }
.gray4 a:hover { color:#2861be; text-decoration : none; }
.gray5 { color:#555; }
.gray5 a:link, .gray5 a:visited, .gray5 a:active { color:#555; text-decoration : none; line-height:16px; font-weight:bold; }
.gray5 a:hover { color:#2861be; text-decoration : none; line-height:16px; font-weight:bold; }
.gray6 { color:#ccc; }

.white_link { color:#bebbbb; }
.white_link a:link, .white_link a:visited, .white_link a:active, .white_link a:hover { color:#bebbbb; text-decoration : none; }
a.aLink-hover:hover { text-decoration : none; }

.bg-blue {background:#4182D2;}

/* ==========================================================================
   5. 버튼 스타일 (Buttons)
   ========================================================================== */
button.clk { background: none; border: none; cursor: pointer; }
.btn-Rd { border-radius:50px !important; }
.btn-wauto { padding:9px 15px !important; width:auto !important; }

/* Gray Buttons */
.btn_gray_con { display:inline-block; background:#e9e9e9; font-size:14px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:8px 15px; border:none; }
.btn_gray_con:hover { background:#b5b5b5; color:#fff; transition:0.3s; cursor:pointer; text-decoration:none; }
.btn_gray_con:disabled { color:#fff; }
.btn_gray_con[disabled]:hover { background: #e9e9e9; cursor:default }
.btn_gray_con.dis2:disabled { width:150px; background:#666; color:#fff; }
.btn_gray_con.w150 { width:150px; }
.btn_gray_con.small { width: 142px; font-size: 12px; padding:8px 0; }
.btn_gray_con2 { display:inline-block; background:#d4d4d4; font-size:14px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:8px 15px; border:none; }
.btn_gray_con2:hover { background:#b5b5b5; color:#fff; transition:0.3s; cursor:pointer; text-decoration:none; }
.btn_gray_con16 { display:inline-block; width:150px; background:#ececec; font-size:16px; color:#222222; letter-spacing:-1px; font-weight:bold; text-align:center; padding:10px 0; border:none; border-radius:50px; }
.btn_gray_con16:hover { background:#4b4b4b; color:#fff; transition:0.3s; cursor:pointer; text-decoration:none; font-family: inherit; }
.btn_gray_con16.wauto { width: auto; padding: 14px 35px 14px; cursor: pointer; }
.btn_gray_ns { font-size:13px; color:#333; background:#e9e9e9; border: solid 1px #999; font-weight:bold; cursor: pointer; padding:5px 12px; vertical-align:middle; box-sizing : border-box }
.btn_gray_ns:hover { background:#b5b5b5; color:#fff; transition:0.3s; }
.btn_gray_ns14 { font-size:14px; color:#333; background:#e9e9e9; border: solid 1px #999; font-weight:bold; cursor: pointer; padding:6px 12px; box-sizing : border-box }
.btn_gray_ns14_2 { font-size:14px; color:#333; background:#e9e9e9; border: solid 1px #d2d2d2; font-weight:bold; cursor: pointer; padding:6px 12px; box-sizing : border-box }
.btn_gray_bd { font-size:13px; color:#505050; background:#fff; border: solid 1px #505050; font-weight:bold; cursor: pointer; padding:5px 12px; vertical-align:middle; box-sizing : border-box }
.btn_gray_bd:hover { background:#505050; color:#fff; transition:0.3s; }

/* Yellow Buttons */
.btn_yellow_con { display:inline-block; width:150px; background:#ffcc00; font-size: var(--fs-16); color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:8px 0; border:none; }
.btn_yellow_con:hover { background:#d11901; color:#fff; transition:0.3s; cursor:pointer; text-decoration:none; }
.btn_yellow_con.small { width: 142px; font-size: 12px; }
.btn_yellow_con.small2 { font-size: var(--fs-14); padding: 7px 0; vertical-align: middle; }
.btn_yellow_con.dis { background: #a5a5a5; pointer-events: none; cursor: default; }
.btn_yellow_con.wauto { width:auto; padding: 8px 25px; }
.btn_yellow2_con { display:inline-block; width:150px; background:#ffcc00; font-size: var(--fs-14);color:#3b300e; letter-spacing:-1px;  font-weight: var(--fw-bold); text-align:center; padding:8px 0; border:none; }
.btn_yellow2_con:hover { background:#2767c1; color:#fff; transition:0.3s; cursor:pointer; text-decoration:none; }
.btn_yellow_con16 { display:inline-block; width:150px; background:#ffcc00; font-size: var(--fs-18); color:#3b300e; letter-spacing:-1px;  font-weight: var(--fw-bold); text-align:center; padding:15px 0; border:none;  border-radius:50px; }
.btn_yellow_con16:hover { background:#d11901; color:#fff; transition:0.3s; cursor:pointer; text-decoration:none; font-family: inherit; }
.btn_yellow_con16.w250 { width: 250px; padding: 16px 0 16px; }
.btn_yellow_con16.wauto { width: auto; padding: 16px 35px 16px; }
.btn_yellow_con16.p13 { padding:13px 0 12px; }
.btn_yellow_con16.w300 { width: 300px; }
.btn_yellow_con15 { display:inline-block; background:#ffcc00; font-size: var(--fs-16); color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:15px 30px; border:none; }
.btn_yellow_con15:hover { background:#d11901; color:#fff; transition:0.3s; cursor:pointer; text-decoration:none; }
.btn_yellow_con15.lanBtn { padding:15px; }
.btn_yellow_con15.p11 { padding:11px 25px 10px; }
.btn_yellow_m { display:inline-block; width:100%; background:#ffcc00; font-size:1.2em; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:15px 0; border:none; }
.btn_yellow_m:hover { background:#d11901; color:#fff; transition:0.3s; cursor:pointer; text-decoration:none; }
.btn_yellow_m2 { display:inline-block; width:100%; background:#2c2f32; font-size:1.2em; color:#fff; letter-spacing:-1px; font-weight:bold; text-align:center; padding:15px 0; border:none; }
.btn_yellow_ns { font-size:13px; color:#222; background:#fad621; border: solid 1px #af8300; cursor: pointer; padding:5px 12px; font-weight:bold; letter-spacing:-1px; vertical-align:middle; box-sizing : border-box }
.btn_yellow_ns:hover { background:#d11901; color:#fff; transition:0.3s; }
.btn_yellow_conG { display:inline-block; width:255px; height:35px; background:#ffcc00; font-size:15px; color:#3b300e; font-weight:bold; text-align:center; box-sizing:border-box; padding:10px 0; border:none; font-family:'GmarketSansMedium', 'Malgun Gothic', '맑은 고딕', 'gulim', '굴림'; }
.btn_yellow_conG:hover { background:#d11901; color:#fff; transition:0.3s; cursor:pointer; text-decoration:none; }

/* Blue & Black Buttons */
.btn_blue_con15 { display:inline-block; width:150px; background:#347adc; font-size:15px; color:#ffffff !important; letter-spacing:-1px; font-weight:bold; text-align:center; padding:10px 0 12px; border:none; }
.btn_blue_con15.wauto { width: auto; padding: 10px 30px 12px; }
.btn_blue_con15:hover { background:#175ab8; color:#fff; transition:0.3s; cursor:pointer; text-decoration:none; }
.btn_black_con15 { display:inline-block; width:150px; background:#393939; font-size:15px; color:#ffffff !important; letter-spacing:-1px; font-weight:bold; text-align:center; padding:10px 0 12px; border:none; }
.btn_black_con15.wauto { width: auto; padding: 10px 30px 12px; }
.btn_black_con15:hover { background:#1d1d1d; color:#fff; transition:0.3s; cursor:pointer; text-decoration:none; }
.btn_blue_con { display:inline-block; width:110px; font-size:13px; color:#fff; background:#4680cf; border:none; cursor: pointer; padding:5px 12px; text-align:center; font-weight:bold; letter-spacing:-1px; box-sizing : border-box }
.btn_blue_con:hover { background:#3c67a2; transition:0.3s; }
.btn_blue_con.small { width:auto; padding: 2px 8px 3px 7px; font-weight: normal; font-size: 12px; border-radius: 2px; }
.btn_blue_con2 { display:inline-block; width:150px; font-size:14px; color:#fff; background:#195abe; border:none; cursor: pointer; padding:8px 5px; text-align:center; font-weight:bold; letter-spacing:-1px; box-sizing : border-box }
.btn_blue_con2:hover { background:#0a3f91; transition:0.3s; }
.btn_blue_con2.small { font-size: 13px; padding: 7px 0; vertical-align: middle; }
.btn_blue_bd { font-size:13px; color:#3265aa; background:#fff; border: solid 1px #3265aa; font-weight:bold; cursor: pointer; padding:5px 12px; vertical-align:middle; box-sizing : border-box }
.btn_blue_bd:hover { background:#3265aa; color:#fff; transition:0.3s; }
.btn_blue_bd.col { color:#3265aa !important; }
.btn_blue_bd.col:hover { color:#fff !important; text-decoration:none; }
.btn_blue_bd.small { font-size: 12px; padding: 3px 5px; letter-spacing: -1px; }

/* Special Buttons */
.btn-dw { border-radius: 2px; font-size: 12px; border: solid 1px #8a8a8a; padding: 1px 5px 2px; box-sizing: border-box; background: #f0f0f0; }
.btn-dw:hover { text-decoration:none; }


/* ==========================================================================
   6. 폼 요소 스타일 (Forms & Inputs)
   ========================================================================== */
input[type=checkbox] { vertical-align:middle; cursor:pointer; accent-color: rgb(0 117 255); width:17px; height:17px; }
input[type=radio] { vertical-align:middle; cursor:pointer; accent-color: rgb(0 117 255); width:17px; height:17px; }
input, textarea, select { outline-style:none; }
button.clk {background: none; border: none; cursor: pointer;}

/* 파일첨부 */
.filebox label {display: inline-block; padding: 1px 15px 2px; color: #fff; vertical-align: middle; background: #4d4d4d; cursor: pointer; font-size: 12px;}
.filebox input[type="file"] { position: absolute; width: 0; height: 0;  padding: 0;  overflow: hidden;  border: 0;}

.f_reg { font-size:12px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#EDF1FB; color:#102E56; padding:1px 0 2px 5px; height:21px; behavior:url(/css/field_cyan.htc); vertical-align:middle; }
.f_reg:disabled, .f_reg4:disabled { background-color:#eaeaea; }
.f_reg_not_checked { font-size:12px; border-left:1px solid #a8a8a8; border-top:1px solid #a8a8a8; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background-color:#efefef; padding:1 0 2px 5px; height:21px; vertical-align:middle; behavior:url(/css/field_cyan.htc); }
.f_reg14 { font-size:14px; font-weight:bold; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#EDF1FB; color:#102E56; padding:2px 0 1px 5px; height:22px; }
.f_reg14_select { font-size:14px; font-weight:bold; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#EDF1FB; color:#102E56; padding:1px 0 1px 5px; height:30px; }
.f_reg14_green { font-size:14px; font-weight:bold; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#fbf8ed; color:#333; padding:1px 0 1px 5px; height:30px; }
.f_reg18 { font-size:18px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#EDF1FB; color:#102E56; padding:2px 0 1px 5px; height:30px; }
.f_reg_disabled { font-size:12px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#eaeaea; color:#102E56; padding:1px 0 2px 5px; height:21px; vertical-align:middle; }
.f_reg2 { font-size:12px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#EDF1FB; color:#102E56; padding:1px 0 1px 5px; }
.f_reg3 { font-size:13px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#EDF1FB; color:#102E56; padding:0 0 1px 3px; height:24px; behavior:url(/css/field_cyan.htc); }
.f_reg4 { font-size:14px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#EDF1FB; color:#102E56; padding:0 0 3px 5px; height:28px; behavior:url(/css/field_cyan.htc); }
.f_reg4:placeholder { color: #7b90c3; }
.f_reg4:-ms-input-placeholder { color: #7b90c3; }
.f_reg4::-webkit-input-placeholder { color: #7b90c3; }
.f_reg4::-moz-placeholder { color: #7b90c3; }

.f_reg_w { font-size:12px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#fff; color:#102E56; padding:1px 0 2px 5px; height:21px; behavior:url(/css/field_cyan.htc); }
.f_reg_w14 { font-size:14px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#fff; color:#102E56; padding:1px 0 1px 8px; height:26px; behavior:url(/css/field_cyan.htc); }
.f_reg_w2 { font-size:12px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background-color:#fff; color:#102E56; padding:1px 1px 1px 2px; height:17px; behavior:url(/css/field_cyan.htc); }
.f_reg_stamp { font-size:12px; border-left:1px solid #c2ced7; border-top:1px solid #c2ced7; border-right:1px solid #c2ced7; border-bottom:1px solid #c2ced7; background-color:#fff; color:#3e5566; padding:3px 1px 1px 2px; height:21px; behavior:url(/css/field_cyan.htc); }
.f_reg_w13 { font-size:13px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#fff; color:#102E56; padding:1px 0 1px 8px; height:26px; behavior:url(/css/field_cyan.htc); }
.f_reg_login { font-size:13px; border-left:1px solid #d0d0d0; border-top:1px solid #d0d0d0; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background-color:#fafafa; color:#102E56; padding:1px 3px 1px 5px; height:22px; }
.f_reg11_w { font-size:11px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#fff; color:#102E56; padding:1px 0 1px 3px; height:18px; behavior:url(/css/field_cyan.htc); }
.f_reg11 { font-size:11px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#EDF1FB; color:#102E56; padding:1 0 2px 3px; height:21px; letter-spacing:-1px; behavior:url(/css/field_cyan.htc); }

.txt_ns { padding:4px 7px 5px 7px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #BAC7E3; border-bottom:1px solid #BAC7E3; background-color:#EDF1FB; color:#102E56; font-size:14px; font-weight:bold; vertical-align:middle; box-sizing : border-box }
.txt_ns:placeholder { color: #999; font-size:12px; }
.txt_ns:-ms-input-placeholder { color: #999; font-size:12px; }
.txt_ns::-webkit-input-placeholder { color: #999; font-size:12px; }
.txt_ns::-moz-placeholder { color: #999; font-size:12px; }

/* Bulk Text Areas */
.t_bulk { font-size:14px; border:1px solid #BAC7E3; background-color:#EDF1FB; color:#102E56;  padding:10px 15px 10px 15px; font-weight:bold; line-height:22px; }
.t_bulk2 { font-size:12px; border:1px solid #5186DB; color:#2760BE; padding:10px 15px 10px 15px; font-weight:bold; line-height:17px; }
.t_bulk3 { font-size:12px; border:1px solid #BAC7E3; background-color:#EDF1FB; color:#102E56; padding:10px 15px 10px 15px; font-weight:normal; line-height:22px; }
.t_bulk4 { font-size:14px; border:1px solid #BAC7E3; background-color:#EDF1FB; color:#102E56; padding:10px 15px 10px 15px; font-weight:normal; line-height:24px; }
.t_bulk5 { width:365px; height:100px; font-size:14px; border:1px solid #BAC7E3; background-color:#EDF1FB; color:#102E56; padding:10px 15px 10px 15px; font-weight:normal; line-height:24px; }
.t_bulk_w { font-size:14px; border:1px solid #BAC7E3; background-color:#ffffff; color:#102E56; padding:5px 15px 5px 15px; font-weight:bold; line-height:20px; }
.t_bulk4:placeholder { color: #7b90c3; }
.t_bulk4:-ms-input-placeholder { color: #7b90c3; }
.t_bulk4::-ms-input-placeholder { border:solid 1px #333; color: blue; line-height:22px; }
.t_bulk4::-webkit-input-placeholder { color: #7b90c3; }
.t_bulk4::-moz-placeholder { color: #7b90c3; }


/* ==========================================================================
   7. 테이블 전용 스타일 (Tables)
   ========================================================================== */
.tblfx { table-layout:fixed; }
.tbl_blue { color:#2F477E; font-weight:bold; padding-right:25px; letter-spacing:-1px; }
.tbl_blue1 { color:#2F477E; font-weight:bold; letter-spacing:-1px; }
.tbl_green { color:#006C0D; font-weight:bold; padding-right:25px; letter-spacing:-1px; }
.tbl_green1 { color:#006C0D; font-weight:bold; letter-spacing:-1px; }

.tbl_t { border-top:1px solid #BCCFEC; }
.tbl_b { border-bottom:1px solid #BCCFEC; }
.tbl_l { border-left:1px solid #BCCFEC; }
.tbl_r { border-right:1px solid #BCCFEC; }
.tbl_br { border-bottom:1px solid #BCCFEC; border-right:1px solid #BCCFEC; }
.tbl_line { height:1px; background-color:#BCCFEC; }
.tbl_border2 { border:1px solid #BCCFEC; }
.tbl_t_g { border-top:1px solid #CCCCCC; }
.tbl_b_g { border-bottom:1px solid #CCCCCC; }
.tbl_r_g { border-right:1px solid #CCCCCC; }
.tbl_tr_g { border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; }
.tbl_rf { border-right:1px solid #ffffff; border-top:1px solid #BCCFEC; }
.tbl_rf2 { border-right:1px solid #ffffff; }
.tbl_restore { border-right:1px solid #ffffff; border-top:1px solid #BCCFEC; border-bottom:1px solid #ffffff; }

.tbl_select { background-color:#F5F8FC; }
.tbl_select2 { background-color:#fffee3; }
.tbl_select3 { background-color:#eeffee; }

.tbl_top { color:#3C679B; font-weight:bold; font-size:13px; letter-spacing:-0.5px; line-height:18px; }
.tbl_top a:link, .tbl_top a:visited, .tbl_top a:active { color:#3C679B; font-weight:bold; text-decoration : none; }
.tbl_top a:hover { color:#3C679B; font-weight:bold; text-decoration : underline; }
.tbl_left { color:#3C679B; font-weight:bold; padding-left:10px; padding-top:5px; padding-bottom:5px; letter-spacing:-1px; }
.tbl_left2 { color:#2760be; font-weight:bold;  font-size:14px; letter-spacing:-1px; }
.tbl_left2 a { color:#2760be; font-weight:bold;  font-size:14px; letter-spacing:-1px; }
.tbl_left3 { color:#3C679B; font-weight:bold; padding-left:10px; }


/* ==========================================================================
   8. 도메인 및 검색 결과 스타일 (Domain & Results)
   ========================================================================== */
.t_dom { color:#555; font-weight:bold; padding-left:15px; padding-bottom:6px; padding-top:6px; padding-right:6px; letter-spacing:0; }
.t_dom2 { font-weight:bold; padding-left:15px; padding-bottom:6px; padding-top:6px; padding-right:6px; letter-spacing:0; }
.t_dom3 { font-size:15px; font-weight:bold; padding-left:15px; padding-bottom:6px; padding-top:6px; padding-right:6px; letter-spacing:0;  color:#555; line-height:24px }
.t_dom4 { font-size:16px; font-weight:bold; padding-left:15px; padding-bottom:8px; padding-top:8px; padding-right:6px; letter-spacing:0;  color:#555; line-height:24px; }
.t_dom4 span, .t_dom4 b {  }
.t_dom5 {  font-size:16px; font-weight:bold; padding-bottom:8px; padding-top:8px; padding-right:6px; letter-spacing:0; color:#555; line-height:24px; }
.t_dom6 {  font-size:20px; font-weight:bold; padding-bottom:12px; padding-top:8px; padding-right:6px; letter-spacing:0; line-height:24px; padding-left:20px; }
.t_dom7 {  font-size:14px; font-weight:bold; letter-spacing:0; color:#006ecc; line-height:24px; }
.t_dom7.gree {  font-size:14px; font-weight:bold; letter-spacing:0; color:#1d9415; line-height:24px; }
.t_dom8 {  font-size:18px; font-weight:bold; letter-spacing:0; color:#555; }
.t_dom8 img { vertical-align:middle; }
.t_dom9 { font-size:18px; font-weight:bold; padding-left:15px; padding-bottom:10px; padding-top:10px; padding-right:6px; letter-spacing:0;  color:#555; line-height:22px; }
.t_dom9 span, .t_dom9 b {  }
.t_dom_ns {  font-size:14px; font-weight:bold; letter-spacing:0; color:#555; padding:10px 15px; line-height:34px; }
.t_dom_ns strong { color:#0066cc; font-size:15px; font-weight:bold; letter-spacing:-1px; }
.t_dom_ns em { color:#666; font-size:15px; font-weight:bold; letter-spacing:-1px; font-style:normal; }
.t_dom_red { font-weight:bold; padding-left:5px; padding-bottom:6px; padding-top:6px; padding-right:3px; letter-spacing:0; color:#CC0000; }
.t_search_result { font-weight:bold; padding-left:8px; padding-bottom:6px; padding-top:6px; padding-right:6px; letter-spacing:0; }

.p_s_result { padding-top:6px; padding-bottom:6px; text-indent:-15px; }
.p_s_result2 { padding-top:6px; padding-bottom:6px; }


/* ==========================================================================
   9. 레이어 및 팝업 스타일 (Layer & Popup)
   ========================================================================== */
.l_b { border:4px solid #FF9600; margin:-1px; }
.l_t { color:#fff; font-weight:bold; background-color:#FF9600; padding:3px; line-height:14px; text-indent:0; }
.l_s { background-color:#fff; padding:5px; color:#555; text-indent:0; }
.l_s h4 { font-size:14px; font-weight:bold; display:block; padding-bottom:10px; }

.l_b2 { border:4px solid #8E8E8E; margin:-1px; }
.l_t2 { color:#fff; font-weight:bold; background-color:#8E8E8E; padding:3px; line-height:14px; text-indent:0; }
.l_s2 { background-color:#fff; padding:5px; color:#333; text-indent:0; }

.l_b3 { border:2px solid #8E8E8E; margin:-1px; }
.l_t3 { color:#fff; font-weight:bold; background-color:#8E8E8E; padding:3px; line-height:14px; text-indent:0; }
.l_s3 { background-color:#fff; padding:5px; color:#333; text-indent:0; }

.l_b4 { border:4px solid #FF9600; margin:-1px; }
.l_t4 { color:#fff; font-weight:bold; background-color:#FF9600; padding:3px 5px 5px; line-height:14px; text-indent:0; }
.l_s4 { background-color:#fff; padding:15px; color:#555; text-indent:0; }
.l_s4 h4 { font-size:16px; font-weight:bold; display:block; padding-bottom:10px; }
.l_s4 img { margin-bottom:5px; }

.l_b5 { border:4px solid #44b44f; margin:-1px; }
.l_t5 { color:#fff; font-weight:bold; background-color:#44b44f; padding:3px; line-height:14px; text-indent:0; }


/* ==========================================================================
   10. 기타 포인트 및 이벤트 스타일 (Misc & Events)
   ========================================================================== */
.f12_orange { font-size:12px; line-height:14px; color:#ED521E; font-weight:bold; }
.f12_orange_n { font-size:12px; line-height:14px; color:#ED521E; font-weight:normal; }
.f12_orange_n a:link, .f12_orange_n a:hover { color:#ED521E !important; }
.f13_orange_n { font-size:13px; line-height:14px; color:#ED521E; font-weight:normal; }
.f12_red2 { font-size:12px; line-height:14px; color:#b71c17; font-weight:bold; }
.f14_orange { font-size:14px; line-height:18px; color:#ED521E; font-weight:bold; }
.f14_orange_n { font-size:14px; line-height:18px; color:#ED521E; font-weight:normal; }

.link_none a:link, .link_none a:active, .link_none a:visited { text-decoration: none; }
.link_none a:hover { text-decoration: none; color:#333 }

.leftmenu { color:#141414; text-decoration : none;  }
.leftmenu a:link, .leftmenu a:visited, .leftmenu a:active { color:#141414; text-decoration : none;  }
.leftmenu a:hover { color: #0B4AA4; text-decoration: underline;  }

.f12_event { font-size:12px;  letter-spacing:-1px; color:#0260d6; }
.f12_event2 { font-size:12px;  letter-spacing:-1px; color:#777; }
.f12_event3 { font-size:12px;  letter-spacing:-1px; color:#8c1ed8; }
.f12_event4 { font-size:12px;  letter-spacing:-1px; color:#cb1b7e; }
.f12_event5 { font-size:12px;  letter-spacing:-1px; color:#259c1d; font-weight:bold; }
.f12_event5 strong { font-size:12px; font-family: 'Montserrat', 'Malgun Gothic', 맑은 고딕,굴림, gulim, sans-serif; letter-spacing:0px; color:#259c1d; font-weight:900; }
.f12_event6 { font-size:12px;  letter-spacing:-1px; color:#777; font-weight:bold; }
.f12_event6 strong { font-size:12px; font-family: 'Montserrat', 'Malgun Gothic', 맑은 고딕,굴림, gulim, sans-serif; letter-spacing:0px; color:#259c1d; font-weight:900; }
.f12_event7 { font-size:12px;  letter-spacing:-1px; color:#e32f2f; }

.event_f14 { font-size:14px; color:#F6FF00; font-weight:bold; }
.expire_cs { font-size:12px; background:#ff4200; border-radius:10px; padding:0px 5px 1px 5px; color:#fff; }
a.f13_ns { letter-spacing:-1px; text-decoration:none !important;  font-size:12px; color:#333; }
a:hover.f13_ns { text-decoration:none !important; color:#0c8a4f; }

.ck_bg_style { background-image:url('/img/common/bg_color_y.gif'); width:20px; height:23px; padding:0 2px 4px 3px; }


/* ==========================================================================
   11. 여백 유틸리티 (Padding & Margin)
   ========================================================================== */
.border_gray { border:solid 1px #d7d7d7; }
.border_gray2 { border-left:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; }
.border-r1 { border-radius:1px !important; }
.border-r3 { border-radius:3px !important; }

.pd0 { padding:0 !important; }
.pl3 { padding-left:3px; } 
.pl5 { padding-left:5px; margin-left:5px; } 
.pl5a { padding-left:5px; } 
.pl7 { padding-left:7px; } 
.pl8 { padding-left:8px; margin-left:8px; } 
.pl10 { padding-left:10px; margin-left:10px; }
.pl15 { padding-left:15px; padding-top:6px; padding-bottom:6px; padding-right:10px; } 
.pl15a { padding-left:15px; } 
.pl20 { padding-left:20px; } 
.pl20a { padding-left:20px; } 
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; margin-left:30px; } 
.pl30a { padding-left:30px; } 
.pl32 { padding-left:32px; margin-left:32px; } 
.pl35 { padding-left:35px; margin-left:35px; } 
.pl35a { padding-left:35px; } 
.pl40 { padding-left:40px; } 
.pl45 { padding-left:45px; } 
.pl50 { padding-left:50px; } 
.pl55 { padding-left:55px; } 
.pl60 { padding-left:60px; margin-left:60px; } 
.pl66 { padding-left:66px; }

.pa10_l{padding-left:10px;}
.pa10_r{padding-right:10px;}

.pt3 { padding-top:3px; margin-top:3px; } 
.pt3a { padding-top:3px; } 
.pt5 { padding-top:5px; margin-top:5px; } 
.pt5a { padding-top:5px; } 
.pt7 { padding-top:7px; margin-top:7px; }
.pt7_n { padding-top:7px; } 
.pt10 { padding-top:10px; } 
.pt15 { padding-top:15px; } 
.pt15a { margin-top:15px; } 
.pt20 { padding-top:20px; } 
.ptl20 { padding-top:20px; padding-left:20px; } 
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; } 
.pt50 { padding-top:50px; } 
.pt60 { padding-top:60px; } 
.pt80 { padding-top:80px; }

.pr5 { padding-right:5px; margin-right:5px; } 
.pr5a { padding-right:5px; }
.pr7 { padding-right:7px; margin-right:7px; } 
.pr10 { padding-right:10px; } 
.pr15 { padding-right:15px; } 
.pr20 { padding-right:20px; } 
.pr30 { padding-right:30px; } 
.pr50 { padding-right:50px; } 
.pr75 { padding-right:75px; }

.pb3 { padding-bottom:3px; margin-bottom:3px; } 
.pb3n { padding-bottom:3px; } 
.pb5 { padding-bottom:5px; margin-bottom:5px; } 
.pb5n { padding-bottom:5px; } 
.pb10 { padding-bottom:10px; margin-bottom:10px; } 
.pb10a { padding-bottom:10px; } 
.pb15 { padding-bottom:15px; margin-bottom:15px; } 
.pb15a { padding-bottom:15px; } 
.pb20 { padding-bottom:20px; margin-bottom:20px; } 
.pb22 { padding-bottom:22px; margin-bottom:22px; } 
.pb30 { padding-bottom:30px; margin-bottom:30px; } 
.pb50 { padding-bottom:50px; } 
.pb70 { padding-bottom:70px; } 
.pb100 { padding-bottom:100px; }

.p2 { padding:2px; margin:2px; } 
.p3 { padding:3px; margin:3px; } 
.p5 { padding:5px; margin:5px; } 
.p6 { padding:6px; margin:6px; } 
.p7 { padding:7px; margin:7px; }
.p8 { padding:8px; } 
.p10 { padding:10px; } 
.p15 { padding:15px; } 
.p20 { padding:20px; } 
.p30 { padding:30px; } 
.p50 { padding:50px; }

.prl5 { padding-right:5px; padding-left:5px; margin-right:5px; margin-left:5px; } 
.prl8 { padding-right:8px; padding-left:8px; } 
.prl10 { padding-right:10px; padding-left:10px; margin-right:10px; margin-left:10px; } 
.prl15 { padding-right:15px; padding-left:15px; }
.ptb2 { padding-top:2px; padding-bottom:2px; } 
.ptb5 { padding-top:5px; padding-bottom:5px; } 
.ptb7 { padding-top:7px; padding-bottom:7px; } 
.ptb10 { padding-top:10px; padding-bottom:10px; } 
.ptb20 { padding-top:20px; padding-bottom:20px; }
.ptb40 { padding-top:40px; padding-bottom:40px; }

.p510 { padding:5px 5px 5px 10px; } 
.p_t { padding:10px 20px 10px 30px; } 
.p_t2 { padding:8px 20px 10px 15px; } 
.p_t3 { padding:8px 20px 15px 15px; } 
.p_t4 { padding:10px 10px 10px 15px; } 
.p_t5 { padding:10px 5px 10px 15px; } 
.p_t6 { padding:40px 0px 15px 0px; } 
.p_preview { padding:0px 12px 0px 8px; margin:0px 12px 0px 8px; }
.p_svc1 { padding:20px 20px 20px 20px; } 
.p_svc2 { padding:20px 20px 20px 30px; } 
.p_svc3 { padding:15px 25px 15px 25px; }

.m0 {margin:0 !important;}
.m10{margin:10px;}
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt7{margin-top:7px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt22{margin-top:22px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb100{margin-bottom:100px;}
.mb120{margin-bottom:120px;}
.mb140{margin-bottom:140px;}
.ml3{margin-left:3px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml150{margin-left:150px;}
.mr2{margin-right:2px;}
.mr3{margin-right:3px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

/* ==========================================================================
   Header
   ========================================================================== */
/* 로고 */
.whois-logo-container { display: flex; align-items: center; gap: 10px; }
.whois-logo-container a { text-decoration: none;}
.whois-main-logo { display: flex; align-items: center; gap: 10px; }
.whois-main-logo a { display: flex; align-items: center;}
.whois-ko { display: inline-block;  font-size: var(--fs-34);  font-weight: var(--fw-medium);  color: #1a5ba4;  line-height: 1;  letter-spacing: -2px;  padding-top: 12px;}
.whois-desc { padding-top: 4px;}
.whois-desc a { display: block; font-size: var(--fs-13); color: #222; line-height: 1.3; letter-spacing: -0.5px;  padding-top: 7px;}

/* Gnb */
#topmenu, #GNB, #GNB ul, #GNB li, .all, img, .sub_menu li, .sub_menu li a, .sub_menu li button {margin:0; padding:0; border:0; font-family: var(--font-main);  }  /*관련사항 초기화 - 따로 초기화모드가 있을 경우 제거 */
#topmenu {position:relative; width:1200px; height: 50px; background: #357bd2; z-index:9;margin:0; padding:0; }
#topmenu2 {position:absolute; width:1200px; z-index:99;margin:0; padding:0;} /* 상단메뉴 부분이 하위 컨텐츠에 뭍힐경우 z-index값을 더 높은 숫자로 올려줍니다.*/

#GNB {position:relative; width:1200px; height: 50px; overflow:hidden; display:block;margin:0; padding:0; }
#GNB ul {list-style:none; float:left; display:inline-block;margin:0; padding:0;}
#GNB li {float:left; display:inline-block; margin:0; } 
#GNB ul li a, #GNB ul li button {display:inline-block; margin:0; height: 50px;  text-align:center; line-height:48px; font-family: var(--font-main);  font-weight: var(--fw-bold); color:#f3f3f3; }
/* #GNB ul li a:hover{ color:#357bd2; text-decoration:none} */
#GNB ul li.menu_01 a{margin-left:15px; width:114px; box-sizing: border-box;}
#GNB ul li.menu_01 a:hover{ color:#357bd2; background: #fff; border-top:solid 1px #adadad;  border-top-left-radius: 3px; border-top-right-radius: 3px; text-decoration:none}
#GNB ul li.menu_02 a{width:149px;}
#GNB ul li.menu_02 a:hover{ color:#357bd2; background: #fff; border-top:solid 1px #adadad;  border-top-left-radius: 3px; border-top-right-radius: 3px; text-decoration:none}
#GNB ul li.menu_03 a{width:129px;}
#GNB ul li.menu_03 a:hover{ color:#357bd2; background: #fff; border-top:solid 1px #adadad;  border-top-left-radius: 3px; border-top-right-radius: 3px; text-decoration:none}
#GNB ul li.menu_04 a{width:204px;}
#GNB ul li.menu_04 a:hover{ color:#357bd2; background: #fff; border-top:solid 1px #adadad;  border-top-left-radius: 3px; border-top-right-radius: 3px; text-decoration:none}
#GNB ul li.menu_05 a{width:174px;  margin-right: 15px; box-sizing: border-box;}
#GNB ul li.menu_05 a:hover{ color:#357bd2; background: #fff; border-top:solid 1px #adadad;  border-top-left-radius: 3px; border-top-right-radius: 3px; text-decoration:none}
#GNB ul li.menu_06 a{margin-left:15px; width:140px; background: #393939;}
#GNB ul li.menu_06 a:hover{ color:#357bd2; background: #fff; border-top:solid 1px #adadad;  border-top-left-radius: 3px; border-top-right-radius: 3px; text-decoration:none}
#GNB ul li.menu_07 a{color:#ffd200; width:110px;  background: #393939;}
#GNB ul li.menu_07 a:hover{color:#ffd200; }
#GNB ul li.menu_08 a{width:105px; padding-right: 10px; background: #393939; box-sizing: border-box; }
#GNB ul li.menu_08 a:hover{ color:#ffd200; }
#GNB ul li.menu_08 button {width:95px; padding-right: 10px; background: #393939; border:none; cursor: pointer;}
#GNB ul li.menu_08 button:hover{ color:#ffd200; }
#GNB ul li.gnb_div{width: 1px; height: 16px; background: #2997ed; margin: 15px 2px; padding: 0;  box-sizing: border-box; }
#GNB ul li.gnb_div2{position: relative; width:5px; height: 50px; background: #393939; margin: 0; padding: 0;  box-sizing: border-box; }
#GNB ul li.gnb_div2:after {display: block; clear: both; content: ""; position: absolute; top: 12px;  left: 4px;  width: 1px; height: 16px; background: #515151;}
#GNB ul li.menu_06 {background: #393939;}
#GNB ul li.menu_07 {background: #393939;}
#GNB ul li.menu_08 {background: #393939;}
#GNB ul li.menu_08 button {width: 105px; }
#GNB ul li.menu_08 button {height:50px; font-size:16px; width:105px; padding-right: 10px; background: #393939; box-sizing: border-box;}
#GNB ul li.menu_08 button:hover{ color:#ffd200; }

#gnb_icon {position:absolute; left:780px; top:-5px; width:34px; height:18px; z-index:10;}

#layout_0001, #layout_0002, #layout_0003, #layout_0004, #layout_0005, #layout_0006, #layout_0007, #layout_0008 {display:none; position:relative; overflow:hidden;}  /* 메뉴 추가시 추가!*/
#layout_0001 {left:14px; top:0px; width:510px; height:250px; background: #fff; border:solid 1px #adadad; border-top:none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#layout_0002 {left:133px;top:0px; width:530px; height:250px;   background: #fff; border:solid 1px #adadad; border-top:none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#layout_0003 {left:287px;top:0px;  width:550px; height:250px;  background: #fff; border:solid 1px #adadad; border-top:none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#layout_0004 {left:421px; top:0px; width:530px; height: 280px;  background: #fff; border:solid 1px #adadad; border-top:none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#layout_0005 {left:630px; top:0px; width:520px; height:250px;  background: #fff; border:solid 1px #adadad; border-top:none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#layout_0006 {left:668px; top:0px; width:530px; height:250px;  background: #fff; border:solid 1px #adadad; border-top:none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#layout_0008 {left:0px; top:5px; width: 1200px; height: auto; background:#f7f9fc; border: solid 1px #d0d5db; padding:40px 30px; box-sizing: border-box; }
#layout_0008 .sitemap-area {display:flex;}
#layout_0008 .sitemap01, #layout_0008 .sitemap02, #layout_0008 .sitemap03, #layout_0008 .sitemap04, #layout_0008 .sitemap05, #layout_0008 .sitemap06, #layout_0008 .sitemap07 {position: relative; width:23%; top: auto; left: auto; margin-right:3%}
#layout_0008 .sitemap04 {margin-right:0;}
#layout_0008 .tt2 {font-size:18px; color:#4379C2; font-weight:bold; margin-bottom:5px;}
#layout_0008 .tb2 {font-size:16px; color:#666; line-height:150%; letter-spacing:-1px; padding-top:5px;  border-top:1px solid #8e9db2;}

#layout_0001:after {display: block; clear: both; content: ""; position: absolute; top: 0;  left: 170px;  width: 360px; height: 250px; background: #f8f8f8; z-index:0;}
#layout_0002:after {display: block; clear: both; content: ""; position: absolute; top: 0;  left: 180px;  width: 360px; height: 250px; background: #f8f8f8; z-index:0;}
#layout_0003:after {display: block; clear: both; content: ""; position: absolute; top: 0;  left: 200px;  width: 360px; height: 250px; background: #f8f8f8; z-index:0;}
#layout_0004:after {display: block; clear: both; content: ""; position: absolute; top: 0;  left: 190px;  width: 360px; height: 250px; background: #f8f8f8; z-index:0;}
#layout_0005:after {display: block; clear: both; content: ""; position: absolute; top: 0;  left: 180px;  width: 370px; height: 250px; background: #f8f8f8; z-index:0;}
#layout_0006:after {display: block; clear: both; content: ""; position: absolute; top: 0;  left: 190px;  width: 360px; height: 250px; background: #f8f8f8; z-index:0;}


#des {position:absolute; left:180px; top:15px; z-index:1; }
#layout_0002 #des {left:190px; }
#layout_0003 #des {left:210px; }
#layout_0004 #des {left:200px; }
#layout_0005 #des {left:190px; }
#des a {display:none;}
#des_banner {position:absolute; left:1px; bottom:8px; z-index:2;}
#des_banner1 {position:absolute; right:1px; bottom:0; z-index:2;}
#des_banner2 {position:absolute; right:1px; bottom:0; z-index:2;}
#des_banner3 {position:absolute; right:1px; bottom:0; z-index:2;}
#des_banner4 {position:absolute; right:1px; bottom:0; z-index:2;}
#des_banner5 {position:absolute; right:1px; bottom:0; z-index:2;}
#des_banner6 {position:absolute; right:1px; bottom:0; z-index:2;}

#des .gnb_txt{display:block; width:300px; height:250px; padding:0 15px;   font-size: var(--fs-15);  line-height:1.5; color:#666; text-align:left; font-weight:normal; letter-spacing:-0.5px; word-break: keep-all; word-wrap: break-word; text-decoration:none; }
#des .gnb_txt strong{display:block; padding-bottom:10px; color:#357bd2; text-align:left; font-size: var(--fs-18); font-weight:bold; line-height: var(--lh-base); word-break: keep-all; word-wrap: break-word;}
#des .gnb_txt a:active{background:#fff;}

.sub_menu ul {list-style:none; margin:0; padding:0; border:0; margin:5px 0 0 2px;}
.sub_menu li {padding:5px 0 3px 10px; color:#b1b1b1; font-size: var(--fs-15); font-weight:bold; }
.sub_menu li a {display:inline-block; line-height:20px; font-size: var(--fs-15); font-weight: var(--fw-medium); letter-spacing:-1px; color:#333; width:170px; text-decoration:none; }


.sub_menu li a em{display:inline-block; background:#f50e65; line-height:18px; padding:0 5px 2px 5px; font-size:12px; font-weight:bold; letter-spacing:-0.5px; color:#fff; font-style:normal; margin-left:5px; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; }
.sub_menu li a:hover {text-decoration:none; color:#357bd2;}
.sub_menu li:hover {color:#357bd2; background:#f8f8f8;}

.sitemap_close {position:absolute; right: 0;; top:0px; width:28px; z-index:901;}
.sitemap_close > button {border:none; background:none; cursor:pointer;}
.sitemap01 {position:absolute; left:245px; top:40px; width:145px; z-index:901;}
.sitemap02 {position:absolute; left:410px; top:40px; width:145px;  z-index:902;}
.sitemap03 {position:absolute; left:575px; top:40px; width:155px; z-index:903;}
.sitemap04 {position:absolute; left:750px; top:40px; width:155px; z-index:904;}
.sitemap05 {position:absolute; left:410px; top:210px; width:145px;  z-index:905;}
.sitemap06 {position:absolute; left:575px; top:210px; width:220px;  z-index:906;}
.sitemap07 {position:absolute; left:245px; top:210px; width:145px; z-index:904;} 
.sitemap_banner {display:none; position:absolute; left:632px; bottom:5px; width:299px;  z-index:907;}

.tt2 {font-size:14px; color:#4379C2; font-weight:bold; margin-bottom:5px;}
.tt2 a{color:#4e627e; text-decoration:none; letter-spacing:-2px;}
.tt2 a:hover, .tb2 a:hover {color:#4e627e; text-decoration:none;}
.tb2 {font-size:12px; color:#666; line-height:150%; letter-spacing:-1px; padding-top:5px;  border-top:1px solid #8e9db2;}
.tb2 a{color:#666; text-decoration:none;}

div#des a#d1_1, div#des a#d2_1, div#des a#d3_1, div#des a#d4_1, div#des a#d5_1, div#des a#d6_1 {display:block;} /*각 sub 메뉴별 첫번째 상세이미지 id값을 넣어줍니다.*/

.des_show {position:absolute; right:0px; top:0px;}



/* ==========================================================================
   footer
   ========================================================================== */

#footer { width: 100%; }

/* 공통 폰트 설정 및 기타 */
.free { height: 12px; padding: 0 7px; font-size: 14px; color: #f64d00; letter-spacing: 0.5px; font-weight: 700;  }

/* ------------------------ 고객센터 영역--------------------------*/
/* 컨테이너 */
.customer-wrap { padding-top: 30px; border: solid 1px #aaa; border-left: none; border-right: none; background: #f6f6f6; overflow: hidden; }
.customer-wrap h2, 
.customer-wrap .cs-title { font-size: 32px; color: #333; text-align: center;  font-weight: var(--fw-light); margin-bottom: 10px; line-height: 30px; letter-spacing: -1px;  }
.customer-wrap .cs-box { margin: 0 auto; padding: 0; width: 1200px; height: 240px; background: #fff; border-top: solid 1px #e3e3e3; box-sizing: border-box; }

/* CS 정보 (좌측) */
.customer-wrap .cs-info { float: left; margin: 0; display: inline-block; padding: 16px 28px; width: 300px; border-right: solid 1px #e3e3e3; box-sizing: border-box; }
.customer-wrap .cs-info li { padding: 6px 0; border-bottom: dashed 1px #c8c8c8; background: url('https://whois.co.kr/assets/images/common/cs_arrow.png') no-repeat 97% 50%; }
.customer-wrap .cs-info li:last-child { border-bottom: none; }
.customer-wrap .cs-info li a {  letter-spacing: -1px; font-weight: 500; }
.customer-wrap .cs-info li a:hover { color: #3977ca; }

/* 서비스 안내 (중앙) */
.customer-wrap .cs-serive { margin: 0; float: left; padding: 30px 25px; width: 300px; height: 100%; border-right: solid 1px #e3e3e3; vertical-align: top; box-sizing: border-box; }
.customer-wrap .cs-serive > ul li > img { padding-right: 10px; }
.customer-wrap .cs-serive > ul li a {line-height:1.5;}
.customer-wrap .cs-on { height: 13px; padding: 1px 5px 2px 5px; background: #f64d00; font-size: 10px; color: #fff; border-radius: 3px; }
.customer-wrap .cs-off { height: 13px; padding: 1px 5px 2px 5px; background: #787878; font-size: 10px; color: #fff; border-radius: 3px; }

/* 상담 채널 (친절상담, 네이버, 카카오) */
.cs_counseling, .cs_naver, .cs_kakao { display: inline-block; }
.cs_counseling { padding-top: 15px; }
.cs_naver { padding-bottom: 15px; }
.customer-wrap [class^="cs_"] img { height: 49px; display: inline-block; float: left; padding-right: 4px; }
.customer-wrap [class^="cs_"] p { float: left; line-height: 2; }
.customer-wrap [class^="cs_"] a { display: block; color: #333; letter-spacing: -0.5px; font-weight: var(--fw-semibold); }
.customer-wrap [class^="cs_"] a:hover {text-decoration:none; border-bottom:solid 1px #8b8b8b}
.cs_counseling a strong { color: #347adc; font-weight: var(--fw-semibold); }
.cs_naver a strong { color: #36b044; font-weight: var(--fw-semibold); }

/* ARS 전화 (우측) */
.customer-wrap .cs-tel { margin: 0; float: left; background: #fff; padding: 35px 10px 22px 25px; width: 600px; height: 100%; vertical-align: top; box-sizing: border-box; }
.customer-wrap .cs-tel .tel-ars h3, 
.customer-wrap .cs-tel .tel-num { display: inline-block;  font-size: 43px; color: #347adc; letter-spacing: -2px; font-weight: 400; line-height: 1; margin-bottom: 3px; }
.customer-wrap .cs-tel .tel-ars dl { display: inline-block; font-size: 14px; color: #222; font-weight: 400; margin-bottom: 15px; }
.customer-wrap .cs-tel .tel-ars dl dt { float: left; line-height: 1.3; margin-right: 2px; }
.customer-wrap .cs-tel .tel-ars dl dd { float: left; padding-right: 13px; font-size: 14px; line-height: 1.3; }
.customer-wrap .cs-tel .tel-ars .tel_only { display: inline-block; margin-left: 5px; width: 200px; background: url('https://whois.co.kr/assets/images/common/only.png') no-repeat 100% top; background-size: 63px 28px; }
.customer-wrap .cs-tel .tel-ars .tel_only p { color: #222; font-style: italic; letter-spacing: -1px; font-weight: var(--fw-semibold); line-height: 20px; }
.customer-wrap .cs-tel .tel-ars .tel_only p strong { display: block; margin-left: 20px; color: #347adc; }
.customer-wrap .cs-tel .quick-num { float: left; width: 207px; }
.customer-wrap .cs-tel .quick-num li { font-size: 15px; margin-bottom: 3px;  font-weight: 400; letter-spacing: -0.5px; line-height: 1.5; }
.customer-wrap .cs-tel .quick-num span { background: #dfe5ee; font-size: 14px; border: solid 1px #809dc6; color: #1d4d90; padding: 0 4px; margin-right: 7px; }
.customer-wrap .cs-tel .quick-num li.night-call { color: #222; font-size: 13px; letter-spacing: -0.5px; padding-top: 4px; }
.customer-wrap .cs-tel .quick-num li.night-call strong { color: #555; }

/* ------------------------ 고객만족도 및 평점--------------------------*/
/* 일반 만족도 */
.star_area { display: block; margin: 0 auto 20px; min-width: 300px; color: #ccc; font-size: 26px; line-height: 28px; text-align: center; }
.star_area .cs_score, .star_area .cs_score_date { display: inline-block; }
.star_area .cs_score_date { font-size: 13px; line-height: 20px; }
.star_area h3 { display: inline-block; color: #555; font-size: 14px; line-height: 18px; text-align: left; font-weight: 400; white-space: pre; }
.star_area h3 strong { color: #333; font-weight: 700; }
.star_area h4 { display: inline-block; color: #000; font-size: 42px; line-height: 50px; letter-spacing: -2px; text-align: left; font-weight: 800; }
.star_area h5 { display: inline-block; font-size: 18px; color: #333; font-weight: normal; line-height: 2; vertical-align: top; }

/* 랜딩페이지용 만족도 (.star_area2) */
.star_area2 { display: block; min-width: 300px; color: #ccc; font-size: 26px; line-height: 28px; margin: 10px 0; }
.star_area2 .cs_score { display: inline-block; margin-right: 30px; }
.star_area2 .cs_score_date { display: inline-block; font-size: 13px; line-height: 20px; letter-spacing: -1px; color: #333; margin-top: 15px; }
.star_area2 .star-number { display: inline-block; color: #000; font-size: 42px; line-height: 50px; letter-spacing: -2px; text-align: left; font-weight: 800; }
.star_area2 .star-label { display: inline-block; font-size: 17px; color: #333; font-weight: normal; line-height: 2; vertical-align: top; }

/* 별점 그래프 공통 */
.star_graph { display: inline-block; width: 136px; height: 24px; padding: 10px 0 5px 5px; }
#star ul.star { margin: 0; padding: 0; width: 150px; height: 30px; position: relative; float: left; background: url('../images/common/icon_star_n1.png') repeat-x; }
#star li.curr { background: url('../images/common/icon_star_n1.png') left 31px; font-size: 1px; height: 31px; }
#star li { margin: 0; padding: 0; float: left; display: block; width: 15px; height: 8px; position: absolute; z-index: 20; }

/* ------------------------ 사이트맵--------------------------*/
.site-map { position: relative; width: 1200px; height: 470px; margin-top: 10px; overflow: hidden; }
.site-map .sitemap-box { float: left; width: 25%; height: 420px; margin: 30px 0 0 0; padding: 0 0 0 30px; box-sizing: border-box; border-left: dashed 1px #dedede; }
.site-map .sitemap-box:nth-child(1), 
.site-map .sitemap-box:nth-child(5) { border: none; }
.site-map .sitemap-box:nth-child(5) { clear: both; }

.site-map .sitemap-box .sitemap-title, 
.site-map .sitemap-box h3 { margin-bottom: 10px; height: auto; }
.site-map .sitemap-box h3 a, 
.site-map .sitemap-box .sitemap-title a { font-size: var(--fs-18); color: #111;  font-weight: var(--fw-semibold); letter-spacing: -1px; }
.site-map .sitemap-box h3 a:hover { color: #3977ca; text-decoration: underline; font-weight: var(--fw-semibold);}

.site-map .sitemap-box li { height: auto; }
.site-map .sitemap-box li a { color: #777; line-height: 1.5; }
.site-map .sitemap-box li a:hover { color: #3977ca; text-decoration: underline; }
.site-map .sitemap-box div { height: 210px; }

.sitemap-event { margin-left: 10px; height: 12px; padding: 0 5px 1px 5px; background: #f64d00; font-size: 11px; color: #fff; border-radius: 10px; vertical-align: middle; letter-spacing: 0.5px; }

/* ------------------------ 파트너 영역--------------------------*/
.partner-wrap { position: relative; }
.partner-wrap div { padding: 5px 0; width: 960px; margin-bottom: 30px; }
.partner-wrap .part-tit, 
.partner-wrap h2 { width: 100%; font-size: 34px; color: #333; text-align: center;  font-weight: 500; letter-spacing: -1.5px; padding: 30px 0 0; margin-bottom: 0; }

.partner-wrap .sub-desc, 
.partner-wrap h3 { width: 100%; padding: 0; margin: 0; text-align: center; }
.partner-wrap .sub-desc a, 
.partner-wrap h3 a { display: inline-block; font-size: 18px; color: #555; font-weight: 400; letter-spacing: -1px; padding: 20px 0 30px; }
.partner-wrap .sub-desc a:hover, 
.partner-wrap h3 a:hover { color: #347adc; text-decoration: none; }

/* 화살표 아이콘 */
.partner-wrap .sub-desc a:after, 
.partner-wrap h3 a:after { display: block; clear: both; content: ""; position: absolute; top: 105px; right: 467px; margin-top: -4px; width: 6px; height: 6px; border: 2px solid #347adc; border-width: 2px 2px 0 0; transform: rotate(45deg); }

.partner-wrap img { width: 156px; border: solid 1px #e8e8e8; margin-right: 13px; }


/* ------------------------ 하단 유틸리티 및 주소--------------------------*/
/* 유틸리티 바 */
.footer-utils { clear: both; padding: 40px 0 10px; width: 100%; height: 45px; background: #1e2026; }
.footer-utils .utils { overflow: hidden; display: inline; }
.footer-utils .utils li { float: left; }
.footer-utils .utils li a { display: block; padding: 0 21px; font-size: 15px; line-height: 38px; color: #7f838e; font-weight: 500; letter-spacing: 0; }
.footer-utils .utils li a.footer_privacy { color: #dbdbdb; }
.footer-utils .utils li:first-child a { padding-left: 0; }
.footer-utils .utils li:last-child a { padding-right: 0; }
.footer-utils .utils li:hover a { color: #3977ca; }

/* 패밀리 사이트 */
.footer-utils .family-site { position: relative; float: right; padding: 0 0 0 16px; width: 200px; height: 38px; box-sizing: border-box; background: #fff url('../images/common/family_site_arrow.png') no-repeat 173px 15px; }
.footer-utils .family-site.on { background-image: url('../images/common/family_site_arrow_on.png'); }
.footer-utils .family-site h3 { font-weight: 400; font-size: 14px; line-height: 39px; color: #777; cursor: pointer; }
.footer-utils .family-site ul { display: none; position: absolute; top: 37px; left: 0; z-index: 22; padding: 9px 0; width: 100%; background: #fff; }
.footer-utils .family-site ul a { display: block; padding: 0 15px; font-size: 14px; line-height: 30px; color: #777; }
.footer-utils .family-site ul li:hover a { background: #4992e1; color: #fff; }

/* 주소 및 SNS */
.address-wrap { background: #1e2026; padding: 10px 0 50px; clear: both; }
.address-wrap .inner { overflow: hidden; }
.address-wrap .footer-logo { float: left; margin-right: 50px; margin-bottom: 30px; }
.address-wrap address { width: 700px; float: left; font-style: normal; }
.address-wrap address span { float: left; margin-right: 20px; font-weight: 500; font-size: 14px; line-height: 22px; color: #5b5f6a; letter-spacing: -1px; }
.address-wrap address span:nth-child(5), .address-wrap address span:nth-child(8) { clear: both; }
.address-wrap address span a { color: #5b5f6a; text-decoration: underline; }

ul.footer-sns { float: right; width: 255px; text-align: right; }
ul.footer-sns li { float: left; margin-left: 10px; }
ul.footer-sns li img { width: 41px; }

/* 인증 텍스트 */
.footer-text { clear: both; padding-top: 10px; }
.footer-text li { float: left; padding-right: 23px; color: #fff; font-weight: 500; letter-spacing: -1px; font-size: 14px; }
.footer-text li:last-child { padding-right: 0; }





/* ---- 2025.11.24 메인 WIDTH 변경 ---- */
#bkey ul li {font-size:14px !important;}