/* 퍼블리싱 필수 공통영역 */
@import url('../css/thkim.css?v=2023021');

::-webkit-input-placeholder {color:#999999; transition:opacity 250ms ease-in-out;}
/* default */
* {margin:0;padding:0;}
html {width:100%;height:100%;}
body {width:100%;height:100%;margin:0px;padding:0px;font-family:"맑은 고딕", "Malgun Gothic", sans-serif;font-size:14px;color:#444444;line-height:170%;font-weight:normal; overflow-Y:scroll;}
div, p, ul, li, table, th, td, textarea, input,  form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, address, cite {margin:0px;padding:0px;font-family:"맑은 고딕", "Malgun Gothic", sans-serif;font-size:14px;color:#444444;line-height:160%;font-weight:normal; }
span{margin:0px;padding:0px;} 
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:160%;}
table {width:100%;table-layout:fixed;}
* {-webkit-text-size-adjust:none;}
/* table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;border-spacing:0;table-layout:fixed;} */
input { outline: none; }
input[type="number"] {width: 100px; height: 32px; padding: 5px; border: 1px solid #e1e1e1; box-sizing: border-box;}
s { text-decoration: none; }

select {font-family:"돋움", "Dotum";font-size:14px;border:1px solid #cecece;height:28px;color:#4d4d4d;}
fieldset {border:0;margin:0px;padding:0px;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;display:none;}
img {border:0;vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input,select {margin:0;vertical-align:middle;}
button { cursor:pointer;}
address {font-style:normal;}

.tit_tip { padding:0px 0px 0px 4px;}
/* tooltips */
.tooltip {position:relative; cursor:pointer; }
.tooltip:before,
.tooltip:after {width:280px; display:block; opacity:0; pointer-events:none; position:absolute;}
.tooltip:after {border-right:6px solid transparent; border-bottom:6px solid rgba(51,51,51,0.9); border-left:6px solid transparent; content: ''; height:0; top:30px; left:2px; width:0;}
.tooltip:before {background:rgba(51,51,51,0.9); border:1px solid #333333; border-radius:3px; color:#fff; content:attr(data-title); font-size:13px; line-height:20px; font-weight:normal; text-align:left; padding:10px 20px 14px 20px; top:35px; white-space:normal;}

/* tooltips fade */
.tooltip.fade:after,
.tooltip.fade:before {transform:translate3d(0,-10px,0); transition: all .15s ease-in-out; z-index:1000000;}
.tooltip.fade:hover:after,
.tooltip.fade:hover:before {opacity:1; transform: translate3d(0,0,0);}


/* 달력 */
.date_option {float:left; width:240px; margin-bottom:10px; padding:4px 0px 0px 60px; border-top:0px solid #e1e1e1; border-radius:2px; display:block; }
.date_option .date{float:left;padding:0px 0px 0px 0px; display:inline-block; font-weight:bold;}
.date_option .btn_do {float:left;padding:5px 7px 0px 7px; display:inline-block;}

.schedule_table {width:300px;}
.schedule_table table{background:#e1e1e1;}
.schedule_table th {padding:0px 0px 2px 0px; background:#fafafa; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center; font-weight:bold;}
.schedule_table td { height:20px; padding:2px 2px 4px 2px; background:#ffffff; border-bottom:1px solid #e1e1e1; text-align:center;}
.schedule_table td a {text-decoration:none;}
.schedule_table .sunday {color:#e95c31; }
.schedule_table .holiday {color:#e95c31; }
.schedule_table .saturday {color:#3a8bcc;}
.schedule_table .today {background:#fff2db;}

/* 컨텐츠 */
#wrap {width:100%; position:relative; min-width:1200px;}

#contents_wrap {margin:auto; width:1200px; padding:40px 0px 100px 0px; display:block; position:relative; }
#contents_wrap:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}

#cloud_contents_wrap {margin:auto; width:1200px; padding:130px 0px 80px 0px; display:block; position:relative; }
/* #cloud_contents_wrap {margin:auto; width:1200px; padding:130px 0px 80px 0px; display:block; position:relative; } */
#cloud_contents_wrap:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}

.sub_contents {float:right; width:920px; margin:0px 0px 0px 0px;}

.fl {float: left;}
.fl_100 {float:left; width:100%; clear:both;}
.fl_30 {float:left; width:30%;}
.fl_70 {float:left; width:70%;}

.ma_40 { margin:auto; width:40%; clear:both;}
.ma_50 { margin:auto; width:50%; clear:both;}
.ma_60 { margin:auto; width:60%; clear:both;}


.l_wrap {float:left; width:50%;}
.r_wrap {float:left; width:50%;}

/* 이용약관 */
.terms2 {height: 360px; box-sizing: border-box; padding: 14px; overflow-y: scroll; border: 1px solid #ededed;}
.terms2 table {border-collapse: collapse;}
.terms2 table tr td{border: 1px solid #ececec; padding: 3px; box-sizing: border-box;}

/* 소개 타이틀 */
.info_tit {float:left; width:100%; margin:0px 0px 50px 0px; position:relative; }
.info_tit .tit{ float:left; width:100%; margin:0px 0px 14px 0px; font-size:30px; color:#444444; font-weight:bold; text-align:center; font-family:"나눔스퀘어", sans-serif; letter-spacing:-1px; }
.info_tit .desc { float:left; width:100%; margin:0px 0px 0px 0px;  font-size:15px; color:#555555; text-align:center; line-height:190%; letter-spacing:-0.5px;}
.info_tit .warn { float:left; width:100%; margin:20px 0px 0px 0px;  font-size:12px; color:#db891d; text-align:center; line-height:190%; letter-spacing:-0.5px;}

/* location 타이틀 */
.location_tit {float:left; width:100%; margin:0px 0px 50px 0px; position:relative; }
.location_tit .tit{ float:left; width:100%; margin:0px 0px 8px 0px; font-size:30px; color:#444444; font-weight:bold; text-align:center; font-family:"나눔스퀘어", sans-serif; letter-spacing:0px; }
.location_tit .desc { float:left; width:100%; margin:0px 0px 0px 0px; color:#555555; text-align:center;}

.location_tit_al {float:right; width:100%; margin:0px 0px 40px 0px; position:relative; }
.location_tit_al .tit{ float:left; width:100%;margin:0px 0px 10px 0px; font-size:28px; color:#444444; font-weight:bold; font-family:"나눔스퀘어", sans-serif;}
.location_tit_al .tit .cloud_icon_batch {background:url('/images/cloud_icon_batch.png') no-repeat 12px 5px; padding:0px 60px 0px 60px;}
.location_tit_al .tit .cloud_icon_desktop {background:url('/images/cloud_icon_desktop.png') no-repeat 12px 5px; padding:0px 60px 0px 60px;}
.location_tit_al .tit .cloud_icon_windows {background:url('/images/cloud_icon_windows.png') no-repeat 12px 5px; padding:0px 60px 0px 60px;}
.location_tit_al .desc { float:left; width:100%; margin:0px 0px 0px 0px; font-family:"돋움", "Dotum"; font-size:12px; color:#777; line-height:170%;}
.location_tit_al .desc2 { float:left; width:100%; margin:0px 0px 0px 0px; color:#555555; line-height:170%;}
.location_tit_al .p_banner {position:absolute; top:10px; left:50%; margin-left:470px; width:300px; z-index:200;}
.location_tit_al .p_banner .close {padding:10px 0px 0px 0px;width:300px; }
.location_tit_al .p_banner .close .text{float:left; padding:0px 6px 0px 24px; font-size:12px; color:#555555;}
.location_tit_al .p_banner .close .close_btn{float:left;padding:3px 0px 0px 0px;}
.location_tit_al .r_btn {position:absolute; top:62px; left:50%; margin-left:348px; width:300px; z-index:200;}

/* 타이틀 */
h1.add_software { float:left; width:100%; margin-bottom:14px; }
h2 { float:left; width:100%; margin-bottom:14px; font-size:22px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; position:relative; clear:both; }
h3 { float:left; width:100%; margin-bottom:14px; padding:0px 0px 0px 0px; font-size:22px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; position:relative; clear:both; }
h4 { float:left; width:100%; margin-bottom:14px; padding:0px 0px 0px 0px; font-size:17px; font-weight:bold; position:relative; clear:both;}

/* 검색결과 타이틀 */
.result_tit {float:left; width:100%; margin-bottom:30px; font-size:20px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; position:relative; clear:both; }
.result_tit .tit {float:left; margin-bottom:30px; font-size:20px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; position:relative; clear:both; }
.result_tit .btn {float:left; padding:2px 0px 0px 10px; }

/* 메세지 */
.message_tit_01 {float:left; width:100%; font-size:40px; font-family:"나눔스퀘어", sans-serif; letter-spacing:-1px;}
.info_text_box {float:left; width:100%; margin-bottom:50px; text-align:center;}
.message_warn {float:left; width:100%; margin:0px 0px 30px 0px; color:#e95c31;line-height:190%; letter-spacing:-0.5px;}

/* 버튼 */
.btn_area {margin:auto; width:100%; text-align:center; display:block; clear:both; position:relative;}
.btn_area .cloud_hardware{ position:absolute; top:-6px; left:0px; width:400px; padding:0px 0px 0px 0px; color:#444444; font-size:12px; text-align:left; line-height:170%; }
.btn_area_r {float:right; width:100%; margin-bottom:20px; text-align:right;  display:block; clear:both;}
.btn_area_l {float:left; width:100%; margin-bottom:20px; text-align:left;  display:block; clear:both;}

.btn_area_mr {float:right; width:50%; margin-bottom:20px; text-align:right;}
.btn_area_ml {float:left; width:49%; margin-bottom:20px; text-align:left;}

.btn_l_01 {margin:0px 0px 0px 0px; border:1px solid #333333; background:#333333; color:#ffffff; padding:4px 30px 8px 30px; cursor:pointer; border-radius:2px; font-size:16px; font-weight:bold;}
.btn_l_02 {margin:0px 0px 0px 0px; border:1px solid #cdcdcd; background:#ffffff; color:#555555; padding:5px 30px 9px 30px; cursor:pointer; border-radius:2px; font-size:16px; font-weight:bold;}
.btn_l_03 {margin:0px 0px 0px 0px; border:1px solid #e95c31; background:#e95c31; color:#ffffff; padding:4px 30px 8px 30px; cursor:pointer; border-radius:2px; font-size:16px; font-weight:bold;}
.btn_l_04 {margin:0px 0px 0px 0px; border:1px solid #ffae23; background:#ffae23; color:#ffffff; padding:4px 30px 8px 30px; cursor:pointer; border-radius:2px; font-size:16px; font-weight:bold;}

.btn_m_01 {margin:0px 2px 0px 2px; border:1px solid #333333; background:#333333; color:#ffffff; padding:5px 30px 8px 30px; cursor:pointer; border-radius:2px; font-weight:bold; margin-left:0px;}
.btn_m_02 {margin:0px 2px 0px 2px; border:1px solid #cdcdcd; background:#ffffff; color:#555555; padding:5px 30px 8px 30px; cursor:pointer; border-radius:2px; font-weight:bold; margin-left:0px;}
.btn_m_03 {margin:0px 2px 0px 2px; border:1px solid #e95c31; background:#e95c31; color:#ffffff; padding:5px 30px 8px 30px; cursor:pointer; border-radius:2px; font-weight:bold; margin-left:0px;}
.btn_m_04 {margin:0px 2px 0px 2px;border:1px solid #e69730; background:#e69730;  color:#ffffff; padding:5px 30px 8px 30px; cursor:pointer; border-radius:2px; font-weight:bold; margin-left:0px;}
.btn_m_05 {margin:0px 2px 0px 2px;border:1px solid #cccccc; background:#ffffff;  color:#555555; padding:5px 30px 8px 30px; cursor:pointer; border-radius:2px; font-weight:bold; margin-left:0px;}

.btn_s_01 {margin:0px 2px 0px 2px; height:32px; border:1px solid #333333; background:#333333; cursor:pointer; border-radius:2px; padding:0px 10px 3px 10px; font-size:12px; color:#ffffff; font-weight:bold;}
.btn_s_02 {margin:0px 2px 0px 2px; height:34px; border:1px solid #cdcdcd; background:#ffffff; cursor:pointer; border-radius:2px; padding:1px 10px 4px 10px; font-size:12px; color:#555555; font-weight:bold;}
.btn_s_03 {margin:0px 2px 0px 2px; height:34px; border:1px solid #333333; background:#ffffff; cursor:pointer; border-radius:2px; padding:0px 10px 3px 10px; font-size:12px; color:#555555; font-weight:bold;}
.btn_s_04 {margin:0px 2px 0px 2px; height:34px; border:1px solid #e69730; background:#e69730; cursor:pointer; border-radius:2px; padding:0px 10px 3px 10px; font-size:12px; color:#ffffff; font-weight:bold;}
.btn_s_05 {margin:0px 2px 0px 2px; height:34px; border:1px solid #888888; background:#888888; cursor:pointer; border-radius:2px; padding:0px 10px 3px 10px; font-size:12px; color:#ffffff; font-weight:bold;}

.btn_ll_01 {margin:0px 2px 0px 0px; border:1px solid #333333; background:#333333; color:#ffffff; padding:4px 30px 8px 30px; cursor:pointer; border-radius:2px; font-size:16px; font-weight:bold;}
.btn_ll_02 {margin:0px 2px 0px 0px; border:1px solid #cdcdcd; background:#ffffff; color:#555555; padding:5px 30px 9px 30px; cursor:pointer; border-radius:2px; font-size:16px; font-weight:bold;}
.btn_ll_03 {margin:0px 2px 0px 0px; border:1px solid #e95c31; background:#e95c31; color:#ffffff; padding:4px 30px 8px 30px; cursor:pointer; border-radius:2px; font-size:16px; font-weight:bold;}

.btn_lm_01 {margin:0px 2px 0px 0px; border:1px solid #333333; background:#333333; color:#ffffff; padding:4px 30px 8px 30px; cursor:pointer; border-radius:2px; font-weight:bold; margin-left:0px;}
.btn_lm_02 {margin:0px 2px 0px 0px; border:1px solid #cdcdcd; background:#ffffff; color:#555555; padding:5px 30px 9px 30px; cursor:pointer; border-radius:2px; font-weight:bold; margin-left:0px;}
.btn_lm_03 {margin:0px 2px 0px 0px; border:1px solid #e95c31; background:#e95c31; color:#ffffff; padding:4px 30px 8px 30px; cursor:pointer; border-radius:2px; font-weight:bold; margin-left:0px}

.btn_ls_01 {margin:0px 2px 0px 0px; height:32px; border:1px solid #333333; background:#333333; cursor:pointer; border-radius:2px; padding:0px 10px 3px 10px; font-size:12px; color:#ffffff; font-weight:bold;}
.btn_ls_02 {margin:0px 2px 0px 0px; height:34px; border:1px solid #cdcdcd; background:#ffffff; cursor:pointer; border-radius:2px; padding:1px 10px 4px 10px; font-size:12px; color:#555555; font-weight:bold;}
.btn_ls_03 {margin:0px 2px 0px 0px; height:28px; border:1px solid #333333; background:#ffffff; cursor:pointer; border-radius:2px; padding:0px 10px 3px 10px; font-size:12px; color:#555555; font-weight:bold;}
.btn_ls_04 {margin:0px 2px 0px 0px; height:28px; border:1px solid #4e98a7; background:#62bed1; cursor:pointer; border-radius:2px; padding:0px 10px 3px 10px; font-size:12px; color:#ffffff; font-weight:bold;}

.btn_rl_01 {margin:0px 0px 0px 2px; border:1px solid #333333; background:#333333; color:#ffffff; padding:4px 30px 8px 30px; cursor:pointer; border-radius:2px; font-size:16px; font-weight:bold;}
.btn_rl_02 {margin:0px 0px 0px 2px; border:1px solid #cdcdcd; background:#ffffff; color:#555555; padding:5px 30px 9px 30px; cursor:pointer; border-radius:2px; font-size:16px; font-weight:bold;}
.btn_rl_03 {margin:0px 0px 0px 2px; border:1px solid #e95c31; background:#e95c31; color:#ffffff; padding:4px 30px 8px 30px; cursor:pointer; border-radius:2px; font-size:16px; font-weight:bold;}

.btn_rm_01 {margin:0px 0px 0px 2px; border:1px solid #333333; background:#333333; color:#ffffff; padding:4px 30px 8px 30px; cursor:pointer; border-radius:2px; font-weight:bold;}
.btn_rm_02 {margin:0px 0px 0px 2px; border:1px solid #cdcdcd; background:#ffffff; color:#555555; padding:5px 30px 9px 30px; cursor:pointer; border-radius:2px; font-weight:bold;}
.btn_rm_03 {margin:0px 0px 0px 2px; border:1px solid #e95c31; background:#e95c31; color:#ffffff; padding:4px 30px 8px 30px; cursor:pointer; border-radius:2px; font-weight:bold;}

.btn_rs_01 {margin:0px 0px 0px 6px; height:32px; border:1px solid #333333; background:#333333; cursor:pointer; border-radius:2px; padding:0px 10px 3px 10px; font-size:12px; color:#ffffff; font-weight:bold;}
.btn_rs_02 {margin:0px 0px 0px 6px; height:34px; border:1px solid #cdcdcd; background:#ffffff; cursor:pointer; border-radius:2px; padding:1px 10px 4px 10px; font-size:12px; color:#555555; font-weight:bold;}
.btn_rs_03 {margin:0px 0px 0px 6px; height:28px; border:1px solid #333333; background:#ffffff; cursor:pointer; border-radius:2px; padding:0px 10px 3px 10px; font-size:12px; color:#555555; font-weight:bold;}
.btn_rs_04 {margin:0px 0px 0px 6px; height:28px; border:1px solid #4e98a7; background:#62bed1; cursor:pointer; border-radius:2px; padding:0px 10px 3px 10px; font-size:12px; color:#ffffff; font-weight:bold;}

.btn_lxs_01 {margin:0px 6px 0px 0px; height:20px; border:0px solid #333333; background:#333333; cursor:pointer; border-radius:2px; padding:0px 7px 3px 7px; font-size:11px; color:#ffffff; letter-spacing:0.2px;}
.btn_lxs_04 {margin:0px 6px 0px 0px; height:20px; border:0px solid #7a7a7a; background:#7a7a7a; cursor:pointer; border-radius:2px; padding:0px 7px 3px 7px; font-size:12px; color:#ffffff; letter-spacing:0.2px;}

.btn_rxs_01 {margin:0px 0px 0px 6px; height:20px; border:0px solid #333333; background:#333333; cursor:pointer; border-radius:2px; padding:0px 7px 3px 7px; font-size:11px; color:#ffffff; letter-spacing:0.2px;}
.btn_rxs_04 {margin:0px 0px 0px 6px; height:20px; border:0px solid #7a7a7a; background:#7a7a7a; cursor:pointer; border-radius:2px; padding:0px 7px 3px 7px; font-size:12px; color:#ffffff; letter-spacing:0.2px;}

.list_top_btn_01 {margin:0px 2px 0px 0px; border:1px solid #333333; background:#ffffff; color:#333333; padding:3px 22px 6px 22px; cursor:pointer; border-radius:2px; font-size:13px; font-weight:bold; margin-left:0px; clear:both;}
.list_top_btn_02 {margin:0px 2px 0px 0px; border:1px solid #333333; background:#333333; color:#ffffff; padding:3px 22px 6px 22px; cursor:pointer; border-radius:2px; font-size:13px; font-weight:bold; margin-left:0px; clear:both;}
.list_top_btn_03 {margin:0px 2px 0px 0px; border:1px solid #ffae23; background:#ffae23; color:#ffffff; padding:3px 22px 6px 22px; cursor:pointer; border-radius:2px; font-size:13px; font-weight:bold; margin-left:0px; clear:both;}
.list_top_btn_04 {margin:0px 2px 0px 0px; border:1px solid #cdcdcd; background:#ffffff; color:#555555; padding:3px 22px 6px 22px; cursor:pointer; border-radius:2px; font-size:13px; font-weight:bold; margin-left:0px; clear:both;}

/* TOP 버튼 */
.top_btn {display: none; position: fixed; bottom: 100px; right: calc(50% - 690px); border-radius: 50%; z-index: 100;}
.top_btn button {background-color: transparent; border: none;}

/* 서비스 버튼 */
.service_btn {position: fixed; bottom: 15px; right: 10%; border-radius: 50px; z-index: 100; background-color: #5b9bd5; color: #ffffff; font-weight: bold; font-size: 15px; border: none; outline: none;}

/* 아이콘 버튼 */
.btnBL {width:250px; height:60px; padding:0px 0px 4px 10px; border:1px solid #333333; background:#333333; color:#ffffff;border-radius:2px; font-size:17px; font-weight:bold; }
.btnBL_arrow {background:url('/images/icon_arrow_01.png') no-repeat 10px 5px; padding:0px 11px 0px 11px;}

.btnBLM {height:40px; padding:0px 20px 5px 30px; border:1px solid #333333; background:#333333; color:#ffffff;border-radius:2px; font-size:17px; font-weight:bold; }
.btnBLM_arrow {background:url('/images/icon_arrow_01.png') no-repeat 10px 4px; padding:0px 11px 0px 11px;}

.btnLR {padding:5px 22px 10px 16px; border:1px solid #333333; background:#333333; color:#ffffff; border-radius:2px; font-size:16px; font-weight:bold; }
.btnMR {padding:2px 22px 7px 16px; border:1px solid #cdcdcd; background:#fff; color:#444; border-radius:2px; font-size:16px; font-weight:bold; }
.icon_com {background:url('/images/icon_com.png') no-repeat 0px 1px; padding:0px 14px 0px 14px;}
.icon_cloud {background:url('/images/icon_cloud.png') no-repeat 0px 1px; padding:0px 14px 0px 14px;}

.btnML_t1 { padding:2px 16px 7px 22px; border:1px solid #e1e1e1; background:#fafafa; color:#444; border-radius:2px; font-size:14px; font-weight:bold; }
.btnML_t1_open {background:url('/images/icon_ml_open.png') no-repeat 10px 4px; padding:0px 11px 0px 11px;}
.btnML_t1_close {background:url('/images/icon_ml_close.png') no-repeat 10px 4px; padding:0px 11px 0px 11px;}

.btnMnext {padding:4px 20px 8px 30px; border:1px solid #333333; background:#333333; color:#ffffff;border-radius:2px; font-size:16px; font-weight:bold; }
.btnMnext_arrow {background:url('/images/icon_m_next_arrow.png') no-repeat 10px 4px; padding:0px 11px 0px 11px;}

.btnMprev {margin-right:10px; padding:4px 30px 8px 20px; border:1px solid #333333; background:#ffffff; color:#444444;border-radius:2px; font-size:16px; font-weight:bold; }
.btnMprev_arrow {background:url('/images/icon_m_prev_arrow.png') no-repeat 4px 4px; padding:0px 11px 0px 11px;}

.btnMdown {padding:4px 20px 8px 30px; border:1px solid #ffae23; background:#ffae23; color:#ffffff;border-radius:2px; font-size:16px; font-weight:bold; }
.btnMdown_arrow {background:url('/images/icon_m_next_arrow.png') no-repeat 10px 4px; padding:0px 11px 0px 11px;}

.btnLguide {padding:8px 14px 12px 14px; border:1px solid #ffae23; background:#ffae23; color:#ffffff;border-radius:2px; font-size:16px; font-weight:bold; }
.btnLguide_down {background:url('/images/service_guide_down.png') no-repeat 10px 0px; padding:2px 22px 2px 22px;}
.btnLguide_info {background:url('/images/service_guide_info.png') no-repeat 10px 0px; padding:2px 22px 2px 22px;}

/* 태그 */
.tag_01 {height:26px; padding:6px 14px 4px 14px; border:1px solid #e1e1e1; background:#ffffff; cursor:pointer; font-family:"돋움", Dotum; font-size:12px; color:#555555; position:relative;}
.tag_01 .icon {float:left; padding:4px 0px 0px 0px;}
.tag_01 .num {float:left; padding:3px 0px 0px 10px; line-height:100%;}

.tag_02 {height:26px; margin:0px 10px 0px 0px; border:1px solid #333; background:#333; cursor:pointer; padding:6px 14px 4px 14px; border-radius:2px; font-family:"돋움", Dotum; font-size:12px; color:#fff; position:relative;}
.tag_03 {height:26px; margin:0px 10px 0px 0px; border:1px solid #e69730; background:#e69730; cursor:pointer; padding:6px 14px 4px 14px; border-radius:2px; font-family:"돋움", Dotum; font-size:12px; color:#fff; position:relative;}
.tag_04 {height:26px; margin:0px 10px 0px 0px; border:1px solid #adadad; background:#adadad; cursor:pointer; padding:6px 14px 4px 14px; border-radius:2px; font-family:"돋움", Dotum; font-size:12px; color:#fff; position:relative;}
.tag_05 {height:26px; margin:0px 10px 0px 0px; border:1px solid #e95c31; background:#e95c31; cursor:pointer; padding:6px 14px 4px 14px; border-radius:2px; font-family:"돋움", Dotum; font-size:12px; color:#fff; position:relative;}
.tag_06 {height:26px; padding:6px 14px 6px 14px; margin:20px 0px 20px 0px; border:0px solid #e1e1e1; background:#cccccc; cursor:pointer; font-family:"돋움", Dotum; font-size:12px; color:#555555; }

.tag_notice {height:18px; margin:4px 10px 0px 0px; border:1px solid #ffae23; background:#ffae23; cursor:pointer; padding:2px 10px 4px 10px; border-radius:4px; font-family:"돋움", Dotum; font-size:12px; color:#fff; display:inline-block;}

.tag_info {height:18px; margin:4px 10px 0px 0px; border:1px solid #ffae23; background:#ffae23; cursor:pointer; padding:2px 10px 4px 10px; border-radius:4px; font-family:"돋움", Dotum; font-size:12px; color:#fff; font-weight:bold; display:inline-block;}

.tag_date {margin:0px 10px 0px 0px; padding:4px 12px 2px 12px;  border:0px solid #aaa; background:#b8b8b8; cursor:pointer; border-radius:0px; font-family:"돋움", Dotum; font-size:12px; color:#fff; position:relative;}

.tag_input {float:left; height:30px; margin-right:8px; padding:0px 10px 0px 10px; border:1px solid #e1e1e1; background:#ffffff; }
.tag_input .name {float:left; padding:5px 0px 6px 0px; font-size:12px; color:#555555;}
.tag_input .btn {float:left; padding:6px 0px 0px 10px; }

.tag_input_popup {float:left; height:30px; margin:0px 8px 8px 0px; padding:0px 10px 0px 10px; border:1px solid #e1e1e1; background:#ffffff; }
.tag_input_popup .name_p {float:left; padding:5px 0px 6px 0px; font-size:12px; color:#555555;}
.tag_input_popup .btn_p {float:left; padding:6px 0px 0px 10px; }


/* 리플 태그 */
.replytag {float:left; width:1160px; padding:30px 20px 20px 20px; background-color:#ffffff; position:relative;}
.replytag .tagname{float:left; padding:5px 0px 7px 0px; margin:0px 10px 0px 20px; font-weight:bold; }
.replytag .tagbtn{float:left;}
.replytag .tagwrap {float:left;}

.replytag_popup {float:left; width:100%; padding:0px 0px 0px 0px; margin:0px 0px 30px 0px; background-color:#ffffff; position:relative;}
.replytag_popup .tagname{float:left; width:100%; padding:10px 0px 10px 0px; margin:10px 0px 0px 0px; border-top:1px solid #e1e1e1;font-weight:bold; }
.replytag_popup .tagbtn {float:left; width:100%; margin:0px 0px 10px 0px;}
.replytag_popup .tagwrap {float:left; width:100%; padding:0px 0px 10px 0px; border-bottom:1px solid #e1e1e1;}

.re_tag {float:left; width:100%; margin:0px 0px 0px 0px;}
.re_tag .tagwrap {float:left;}
.re_tag .tagname{float:left; padding:5px 0px 7px 0px; margin:0px 10px 0px 0px; font-weight:bold; }

/* 검색 영역 */
.search { margin:auto; width:600px; margin-bottom:40px; position:relative;}
.search .btn{ position:absolute; top:3px; right:8px;}
.search_input{height:44px; width:600px; padding:0px 0px 3px 0px; margin-bottom:10px; color:#555555; background:#ffffff; border:2px solid #e1e1e1; font-size:18px; text-indent:20px;}
.search_input::-moz-placeholder {  color:#999; opacity:1;}
.search_input::-webkit-input-placeholder { color:#999; }
.search_input:-ms-input-placeholder { color:#999; }

/* 탭스타일 */
.tab2 {float:left; width:100%; height:48px; margin-bottom:40px;}
.tab2 li {width:50%; float:left; margin-right:0px;}
.tab2 li a {height:30px; background:#ffffff; border:1px solid #e1e1e1; display:inline-block; min-width:100%; padding:10px 0px 4px 0px; text-align:center; font-size:16px; color:#555555; font-weight:bold;}
.tab2 li a:hover,
.tab2 li a.on {border:1px solid #333333; background:#333333; color:#ffffff; }

.tab3 {float:left; width:100%; height:48px; margin-bottom:40px;}
.tab3 li {width:33.3%; float:left; margin-right:0px;}
.tab3 li a {height:30px; background:#ffffff; border:1px solid #e1e1e1; display:inline-block; min-width:100%; padding:10px 0px 4px 0px; text-align:center; font-size:16px; color:#555555; font-weight:bold;}
.tab3 li a:hover,
.tab3 li a.on {border:1px solid #333333; background:#333333; color:#ffffff; }

.tab4 {float:left; width:100%; height:48px; margin-bottom:40px;}
.tab4 li {width:25%; float:left; margin-right:0px;}
.tab4 li a {height:30px; background:#ffffff; border:1px solid #e1e1e1; display:inline-block; min-width:100%; padding:10px 0px 4px 0px; text-align:center; font-size:16px; color:#555555; font-weight:bold;}
.tab4 li a:hover,
.tab4 li a.on {border:1px solid #333333; background:#333333; color:#ffffff; }

.tab5 {float:left; width:100%; height:48px; margin-bottom:40px;}
.tab5 li {width:20%; float:left; margin-right:0px;}
.tab5 li a {height:30px; background:#ffffff; border:1px solid #e1e1e1; display:inline-block; min-width:100%; padding:10px 0px 4px 0px; text-align:center; font-size:16px; color:#555555; font-weight:bold;}
.tab5 li a:hover,
.tab5 li a.on {border:1px solid #333333; background:#333333; color:#ffffff; }

.tab6 {float:left; width:100%; height:48px; margin-bottom:40px;}
.tab6 li {width:16.5%; float:left; margin-right:0px;}
.tab6 li a {height:30px; background:#ffffff; border:1px solid #e1e1e1; display:inline-block; min-width:100%; padding:10px 0px 4px 0px; text-align:center; font-size:16px; color:#555555; font-weight:bold;}
.tab6 li a:hover,
.tab6 li a.on {border:1px solid #333333; background:#333333; color:#ffffff; }

.tab9 {float:left; width:100%; height:48px; margin-bottom:40px;}
.tab9 li {width:calc(100% / 8); float:left; margin-right:0px;}
.tab9 li a {height:30px; background:#ffffff; border:1px solid #e1e1e1; display:inline-block; min-width:100%; padding:10px 0px 4px 0px; text-align:center; font-size:16px; color:#555555; font-weight:bold;}
.tab9 li a:hover,
.tab9 li a.on {border:1px solid #333333; background:#333333; color:#ffffff; }



.tab_s_01 {width:100%; border-bottom:1px solid #333333; margin-bottom:20px; height:45px; clear:both; position:relative;}
.tab_s_01 li {float:left; margin-left:0px;}
.tab_s_01 li a {height:36px; padding:9px 30px 0px 30px; display:inline-block; min-width:100px; background:#ffffff; font-size:15px; text-align:center; }
.tab_s_01 li a:hover,
.tab_s_01 li a.on {background:#ffffff; border-top:1px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; color:#555555; font-weight:bold;   }
.tab_s_01 .btn { position:absolute;top:1px;right:-8px;}

.tab_s_02 {width:100%; border-bottom:1px solid #e1e1e1; margin-bottom:20px; height:45px; clear:both; position:relative;}
.tab_s_02 li {float:left; width:25%; margin-left:0px;}
.tab_s_02 li a {height:36px; padding:9px 30px 0px 30px; display:inline-block; min-width:100%; background:#ffffff; font-size:16px; text-align:center; font-weight:bold; }
.tab_s_02 li a:hover,
.tab_s_02 li a.on {background:#ffffff; border-bottom:2px solid #ffae23; color:#555555; font-size:16px; font-weight:bold;   }

/* 인풋 */
input[type="text"] {height:22px; width:100%; padding:5px 0px 3px 0px; color:#555555; background:#ffffff; border:1px solid #e1e1e1; text-indent:12px;}
input[type="password"].license_input {height:22px; width:100%; padding:5px 0px 3px 0px; color:#555555; background:#ffffff; border:1px solid #e1e1e1; text-indent:12px;}
input[type="cloud_work"]{height:40px; width:100%; padding:5px 0px 3px 0px; background:#ffffff; border:1px solid #cbcbcb; font-size:24px; font-weight:bold; text-align:center; color:#555555; font-family:"나눔스퀘어", sans-serif;  text-indent:-22px;} 
input[type="cloud_hw"]{height:22px; width:100%; padding:3px 0px 5px 0px; background:#ffffff; border:1px solid #cbcbcb; text-align:center; color:#555555} 
input[type="search"]{height:41px;font-size:16px;padding:0px 0px 0px 10px;border:none;color:#6a6a6a;background:#ffffff;border:1px solid #2e6fa3;text-indent:0px;border-radius:4px; }
input[type="radio"] {width:14px;height:14px; margin-right:2px; margin-bottom:2px;}
input[type="checkbox"] {width:14px; height:14px; margin-right:8px; margin-bottom:3px;}
input[type="checkbox_list"] {width:12px; height:12px; margin-bottom:3px;}


/* 셀렉트박스 */
.sel_type01 {display:inline-block;vertical-align:middle;}
.sel_type01 .jq_sel {display:block;height:32px;background:url('/images/type01_selbox.gif') no-repeat 0 0;position:relative;}
.sel_type01 .jq_sel span {position:absolute;left:2px;top:3px; height:32px;line-height:22px; text-align:left; text-indent:12px; color:#777777; overflow:hidden; cursor:pointer;}
.sel_type01 .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0px;width:30px;height:32px; background:url('/images/type01_selbox.gif') no-repeat 100% 0;}
.sel_type01 .jq_sel ul {overflow:auto; position:absolute; z-index:9999; top:31px;left:0px; max-height:400px; width:100%; list-style:none; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; background:#FFFFFF; display:none; overflow:auto; overflow-y:auto; z-index:10;white-space:nowrap}
.sel_type01 .jq_sel li {border-left:1px solid #c0c0c0; border-right:1px solid #e1e1e1; float:none; }
.sel_type01 .jq_sel ul a {display:block;padding:2px 0px 4px 8px; text-decoration:none; color:#777777; text-align:left;}
.sel_type01 .jq_sel ul a:hover {background-color:#ffffff;}
.sel_type01 .jq_sel ul a.selected {}
.sel_type01 .jq_sel_hide {display:none}

.sel_type02 {display:inline-block;vertical-align:middle;}
.sel_type02 .jq_sel {display:block;height:34px;background:url('/images/type02_selbox.gif') no-repeat 0 0;position:relative;}
.sel_type02 .jq_sel span {position:absolute;left:2px;top:4px; height:34px;line-height:22px; text-align:left; text-indent:12px; color:#777777; overflow:hidden; cursor:pointer;}
.sel_type02 .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0px;width:30px;height:34px; background:url('/images/type02_selbox.gif') no-repeat 100% 0;}
.sel_type02 .jq_sel ul {overflow:auto; position:absolute; z-index:9999; top:33px;left:0px; max-height:400px; width:100%; list-style:none; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; background:#FFFFFF; display:none; overflow:auto; overflow-y:auto; z-index:10;white-space:nowrap}
.sel_type02 .jq_sel li { border-left:1px solid #c0c0c0; border-right:1px solid #e1e1e1; float:none;}
.sel_type02 .jq_sel ul a {display:block;padding:8px 0px 14px 8px; text-decoration:none; color:#777777; text-align:left;}
.sel_type02 .jq_sel ul a:hover {background-color:#ffffff;}
.sel_type02 .jq_sel ul a.selected {}
.sel_type02 .jq_sel_hide {display:none}

/* page_skip */
.paging {width:100%; margin:auto; position:relative; display:block; clear:both;}
.paging .paging_area {text-align:center; padding:0px 0px 0px 0px; margin-top:30px; position:relative;}
.paging .paging_area .total_page {position:absolute; top:7px; left:5px; font-size:12px ;color:#777777; }
.paging .paging_area .total_page strong {color:#333333;}
.paging .paging_area .page_num {position:absolute; top:7px; right:5px; font-size:12px ;color:#777777; }
.paging span.btn {text-align:left; padding:30px 5px 0px 0px; }
.paging span.num {display:inline-block; margin:0px 0px 0px 0px; background:#ffffff; }
.paging span.num a {width:32px; height:32px; padding:0px 0px 0px 0px; font-size:12px ;color:#5c5c5c; font-weight:bold; text-align:center; line-height:29px; text-decoration: none; background:#ffffff; border:1px solid #c5c5c5; margin:0px -6px 0px -6px;display:inline-block;}
.paging span.num a:hover {font-size:12px; font-weight:bold;color:#ffffff; text-decoration:none; background:#333333; border:1px solid #333333;}
.paging span.num a.on {font-size:12px; font-weight:bold;color:#ffffff; text-decoration:none;background:#333333; border:1px solid #333333;}
.paging img {vertical-align:middle;}

/* 박스 스타일 */
.box_01 { width:100%; float:left; background-color:#f7f7f7; border:1px solid #ccc; padding:16px 0px 20px 0px; line-height:200%;}
.box_02 { width:100%; float:left; background-color:#ffffff; border:1px solid #ccc; padding:16px 20px 20px 20px; line-height:200%;}
.box_03 { width:95%; float:left; background-color:#f7f7f7; border:1px solid #ccc; padding:16px 20px 20px 20px; line-height:200%; font-weight:bold;}
.box_04 {  float:left; background-color:#ffffff; border:1px solid #ccc; padding:16px 20px 20px 20px; line-height:200%;}

/*테이블 컨텐츠*/
.table_01 {float:left; margin-bottom:0px;}
.table_01 table {border-top:1px solid #333333; border-bottom:0px solid #62bed1;}
.table_01 td {border-bottom:1px solid #e1e1e1 ; border-right:0px solid #f0f0f0; padding:5px 20px 5px 20px;}
.table_01 .top {border-top:1px solid #333333; }
.table_01 .head {background:#fafafa; border-bottom:1px solid #e1e1e1; border-right:0px solid #f0f0f0; border-left:0px solid #f0f0f0;padding:14px 20px 18px 20px; font-weight:bold;}
.table_01 .last {border-right:none; line-height:150%;}

.table_01_popup {float:left; margin-bottom:0px;}
.table_01_popup table {border-top:1px solid #333333; border-bottom:0px solid #62bed1;}
.table_01_popup td {border-bottom:1px solid #e1e1e1 ; border-right:0px solid #f0f0f0; padding:0px 20px 0px 20px;}
.table_01_popup .top {border-top:1px solid #333333; }
.table_01_popup .head {background:#fafafa; border-bottom:1px solid #e1e1e1; border-right:0px solid #f0f0f0; border-left:0px solid #f0f0f0;padding:10px 20px 14px 20px; font-weight:bold;}
.table_01_popup .last {border-right:none; line-height:150%;}
.table_01_popup .last_bottom {border-bottom:none;}

.table_02 {float:left; margin-bottom:0px;}
.table_02 table {border-top:1px solid #e1e1e1; border-bottom:0px solid #62bed1;}
.table_02 td {border-bottom:1px solid #e1e1e1 ; border-right:0px solid #f0f0f0; padding:5px 20px 5px 20px;font-size:12px;}
.table_02 .top {border-top:1px solid #333333;}
.table_02 .head {background:#fafafa; border-bottom:1px solid #e1e1e1; border-right:0px solid #f0f0f0; border-left:0px solid #f0f0f0;padding:14px 20px 18px 20px; font-size:13px; font-weight:bold;}
.table_02 .tit_hardwrare {background:#fafafa; border-bottom:1px solid #e1e1e1; padding:6px 20px 10px 20px; font-size:13px; font-weight:bold; text-align:center;}
.table_02 .info_hardwrare {border-bottom:1px solid #e1e1e1 ; border-right:0px solid #f0f0f0; padding:12px 20px 12px 20px;font-size:12px; text-align:center;}
.table_02 .last {border-right:none; line-height:150%;}

.table_03 {float:left; margin-bottom:0px;}
.table_03 table {border-top:1px solid #e1e1e1; border-bottom:0px solid #62bed1;}
.table_03 td {border-bottom:1px solid #e1e1e1 ; border-right:0px solid #f0f0f0; padding:5px 10px 5px 30px; background:#fff; font-size:13px;}
.table_03 .top {border-top:1px solid #333333; }
.table_03 .head {background:#fafafa; border-bottom:1px solid #e1e1e1; border-right:0px solid #f0f0f0; border-left:0px solid #f0f0f0; padding:10px 10px 14px 10px; font-weight:bold; font-size:13px; text-align:center;}
.table_03 .last {border-right:none; line-height:150%;}
.table_03 .time {font-size:13px; }
.table_03 .em {color:#e95c31;font-weight:bold; }

.table_order {float:left; margin-bottom:0px; }
.table_order table {border-top:1px solid #333333; border-bottom:0px solid #62bed1;}
.table_order td {border-bottom:1px solid #e1e1e1 ; border-right:0px solid #f0f0f0; padding:14px 4px 14px 20px;}
.table_order .head {background:#fafafa; border-bottom:1px solid #e1e1e1; border-right:1px solid #f0f0f0; padding:0px 4px 0px 20px; font-weight:bold;}
.table_order .last {border-bottom:none; line-height:150%;}
.table_order .order {padding:0px 40px 0px 0px; font-size:16px; color:#444444; text-align:right; }
.table_order .name {padding:10px 0px 10px 20px; font-weight:bold;}
.table_order .name_total {padding:10px 0px 10px 20px; font-weight:bold;}
.table_order .price_order {padding:10px 20px 10px 0px;text-align:right;}
.table_order .price_order_up {padding:10px 20px 10px 0px; color:#3a8bcc; text-align:right;}
.table_order .price_order_down {padding:10px 20px 10px 0px; color:#e95c31; text-align:right;}
.table_order .price_total {padding:10px 20px 10px 0px;  font-weight:bold; text-align:right;}
.table_order .last_bottom { border-bottom:none;}

.table_input {float:left; margin-bottom:0px; position:relative; }
.table_input table {border-top:1px solid #333333; border-bottom:0px solid #62bed1;}
.table_input td {border-bottom:1px solid #e1e1e1 ; border-right:0px solid #f0f0f0; padding:5px 4px 5px 20px;position:relative;}
.table_input td .tip_info_input {padding:0px 0px 0px 7px; }
.table_input .head {background:#fafafa; border-bottom:1px solid #e1e1e1; border-right:1px solid #f0f0f0; padding:14px 4px 18px 20px; font-weight:bold;}
.table_input .last {border-right:none; line-height:150%;}
.table_input .tit {font-weight:bold;}
.table_input .add  { color:#3a8bcc;}
.table_input .add a {color:#3a8bcc; }
.table_input .add a:hover,
.table_input .add a.on {color:#3a8bcc; }
.table_input .split {border-bottom:1px solid #999; }
.table_input .best_post { position:absolute; top:1px; right:100px; z-index:9999; }
.table_input .best_post_pop { position:absolute; top:1px; right:20px; z-index:9999; }

.table_hd {float:left; margin-bottom:0px;}
.table_hd table {border-top:1px solid #333333; border-bottom:0px solid #62bed1;}
.table_hd td {border-bottom:1px solid #e1e1e1 ; border-right:0px solid #f0f0f0; padding:5px 20px 5px 20px;font-size:12px;}
.table_hd .head {background:#fafafa; border-bottom:1px solid #e1e1e1; border-right:0px solid #f0f0f0; border-left:0px solid #f0f0f0;padding:14px 20px 18px 20px; font-size:13px; font-weight:bold;}
.table_hd .tit_hardwrare {background:#fafafa; border-bottom:1px solid #e1e1e1; padding:6px 20px 10px 20px; font-size:13px; font-weight:bold; text-align:center;}
.table_hd .info_hardwrare {border-bottom:1px solid #e1e1e1 ; border-right:0px solid #f0f0f0; padding:12px 20px 12px 20px;font-size:12px; text-align:center;}
.table_hd .last {border-right:none; line-height:150%;}

/* 리스트 검색 영역 */
.list_top_btn { float:left; width:55%; margin:0px 0px 20px 0px;}
.list_top_tit { float:left; font-size:22px; font-weight:bold; font-family:"나눔스퀘어", sans-serif;}
.list_top_tit .tip { padding:0px 0px 0px 4px;}
.list_top_tit .btn {float:right; margin:1px 0px 0px 20px;}
.list_top_tit .btn .result{float:right; margin:0px 0px 0px 14px; padding:1px 18px 5px 16px; border:0px solid #cccccc; background:#fff; color:#444; border-radius:2px; font-size:16px; font-weight:bold; }
.list_top_tit .btn .result input[type="checkbox_ltt"] {width:12px; height:12px; margin:1px 0px 2px 2px;}

.list_search { float:right; width:45%; padding:0px 0px 20px 0px; position:relative;}
.list_search {*zoom:1;}
.list_search:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.list_search  li {float:right; padding-bottom:0px ;padding-left:5px;}
.list_search  li.none {width:130px;}
.list_search  .tit01 {font-size:12px;}
.list_search  .input01 input {width:200px; height:26px; padding:2px 0px 2px 0px; color:#777777; }
.list_search  .input01 label {font-size:12px;display:none;}
.list_search  .btn { position:absolute; top:2px; right:1px; }
.list_search  select {width:120px; margin:0px 0px 0px 0px;}

.list_search.cloud_search {width: 17%; padding: 0; position: relative; top: 33px;}
.desktop_info {display: inline-block; padding: 10px 0 20px 5px; letter-spacing: -0.5px; font-size: 13px; width: 100%;}

/*리스트 페이지*/
.table_list {margin-bottom:0px;}
.table_list table {border-top:1px solid #333333; border-bottom:0px solid #62bed1;}
.table_list thead th {background:#fafafa; border-bottom:1px solid #e1e1e1; border-right:1px solid #f0f0f0; font-size:13px;  padding:14px 4px 14px 4px; font-weight:bold;}
.table_list tbody td {text-align:center; border-bottom:1px solid #e1e1e1 ;border-right:1px solid #f0f0f0; font-size:13px; padding:14px 4px 14px 4px; word-wrap:break-word;}
.table_list tbody td .tip_info_list {padding:0px 0px 0px 7px; }
.table_list .al_left {text-align:left; padding:0px 0px 0px 14px;}
.table_list .last {border-right:none; line-height:150%;}

.table_list_nl {margin-bottom:0px;}
.table_list_nl table {border-top:1px solid #333333; border-bottom:0px solid #62bed1;}
.table_list_nl thead th {background:#ffffff; border-bottom:1px solid #e1e1e1; border-right:0px solid #f0f0f0; padding:12px 4px 16px 4px; font-size:14px; font-weight:bold;}
.table_list_nl thead th .tip_info_table {padding:0px 0px 0px 7px; }
.table_list_nl tbody td { height:58px;border-bottom:1px solid #e1e1e1 ;border-right:0px solid #f0f0f0; padding:0px 4px 0px 4px; font-size:13px; text-align:center; }
.table_list_nl tbody td .stu_del_btn {background-color: #ffffff; border: none;}
.table_list_nl tbody td .stu_del_btn.memo_btn {vertical-align: middle;}
.table_list_nl tbody td .memo {width: calc(100% - 80px);}
.table_list_nl .al_left {padding:0px 0px 0px 30px; text-align:left; }
.table_list_nl .thum {padding:20px 0px 20px 0px;  vertical-align:middle;}
.table_list_nl .order_thum {padding:10px 0px 10px 20px; vertical-align:middle; }
.table_list_nl .btn_num { float:right; width:23px; height:34px; cursor:pointer;}
.table_list_nl .hardware_tit {font-weight:bold;}
.table_list_nl .hardware_ssd{color:#777;}
.table_list_nl .goods {width:70%; position:relative;}
.table_list_nl .goods .btn_num {position:absolute;top:0px;right:-23px; width:23px; height:34px; cursor:pointer;}
.table_list_nl .membership {color:#e69730; font-weight:bold;}
.table_list_nl .coupon_close {color:#3a8bcc; font-weight:bold;}
.table_list_nl .order_num { float:left; width:100%;  padding:0px 0px 6px 0px; font-weight:bold;}
.table_list_nl .coupon { float:left; width:100%;  padding:0px 0px 6px 0px; color:#e95c31; font-weight:bold;}
.table_list_nl .coupon_end { float:left;width:100%;  padding:0px 0px 6px 0px; font-weight:bold;}
.table_list_nl .finish {color:#3a8bcc;font-weight:bold;}

.table_list_hw {margin-bottom:0px;}
.table_list_hw table {border-top:1px solid #333333; border-bottom:0px solid #62bed1;}
.table_list_hw thead th { border-bottom:1px solid #e1e1e1; border-right:0px solid #f0f0f0; background:#ffffff;padding:10px 4px 14px 4px; font-size:14px; font-weight:bold;}
.table_list_hw tbody th { height:40px; border-bottom:1px solid #e1e1e1; border-right:0px solid #f0f0f0; background:#fafafa;padding:0px 4px 0px 4px; font-size:14px; font-weight:bold;}
.table_list_hw tbody td { border-bottom:1px solid #e1e1e1 ;border-right:0px solid #f0f0f0; background:#ffffff; padding:20px 4px 20px 4px; font-size:12px; text-align:center; }
.table_list_hw tbody tr:hover td {background:#ffffff;cursor:pointer;}
.table_list_hw .al_left {padding:0px 0px 0px 20px; text-align:left; }
.table_list_hw .thum {padding:20px 0px 20px 0px;  vertical-align:middle; }
.table_list_hw .order_thum {padding:10px 0px 10px 20px;  vertical-align:middle; }
.table_list_hw .btn_num { float:right; width:23px; height:34px; cursor:pointer;}
.table_list_hw .hardware_tit {font-weight:bold;}
.table_list_hw .hardware_ssd{color:#777;}
.table_list_hw .goods {width:70%; position:relative;}
.table_list_hw .goods .btn_num {position:absolute;top:0px;right:-23px; width:23px; height:34px; cursor:pointer;}
.table_list_hw .membership {color:#e69730; font-weight:bold;}
.table_list_hw .coupon_close {color:#3a8bcc; font-weight:bold;}

.table_list_post {margin-bottom:0px;}
.table_list_post table {border-top:1px solid #333333; border-bottom:1px solid #e1e1e1;}
.table_list_post thead th {background:#ffffff; border-top:0px solid #e1e1e1; border-right:0px solid #f0f0f0; padding:14px 4px 18px 4px; font-size:14px; font-weight:bold;}
.table_list_post tbody td {height:58px; border-top:1px solid #e1e1e1; border-right:0px solid #f0f0f0; padding:0px 4px 0px 4px; font-size:13px; text-align:center; }
.table_list_post .al_left {padding:0px 0px 0px 30px; text-align:left; }
.table_list_post .coupon_close {color:#3a8bcc; font-weight:bold;}
.table_list_post .post_tit {float:left; width:100%; padding:14px 0px 10px 0px; font-weight:bold;}
.table_list_post .post_text {float:left; width:100%; background:url('/images/icon_reply.png') no-repeat 1px 6px; padding:0px 24px 16px 20px;}
.table_list_post .post_btn {float:left; width:100%; padding:14px 0px 8px 0px;}
.table_list_post .post_best {float:left; width:100%; padding:14px 0px 8px 0px; text-align:center;}
.table_list_post .post_best .img_pb{float:left; margin:0px 8px 0px 30px;}
.table_list_post .post_best .name_pb{float:left; margin:3px 0px 0px 0px; color:#e69730; font-weight:bold; }
.table_list_post .post_date {float:left; width:100%; padding:0px 0px 14px 0px;}
.table_list_post .inquiry_tlp { background-color:#fafafa; padding:14px 54px 14px 150px; font-size:14.5px; text-align:left; line-height:170%;}
.table_list_post .reply_tlp { background-color:#fafafa;  padding:14px 54px 14px 134px; border-top:none;}
.table_list_post .reply_tlp .tag_tlp {float:left; width:8%; padding:8px 0px 0px 0px;}
.table_list_post .reply_tlp .cont_tlp {float:left; width:92%; font-size:14.5px; text-align:left; line-height:170%; }
.table_list_post .dotted_tlp {border-top:1px #ccc dashed; height:0px; padding:0px 4px 0px 4px; }
.table_list_post .top_last {border-top:none; }

.table_list_market {margin-bottom:0px;}
.table_list_market table {border-bottom:1px solid #e1e1e1;}
.table_list_market tbody td {border-top:1px solid #e1e1e1; padding:18px 4px 18px 4px; font-size:14.5px; text-align:center; }
.table_list_market .question { background-color:#fafafa; padding:18px 0px 18px 30px; font-size:14.5px; text-align:left; }
.table_list_market .reply { background-color:#fafafa; padding:18px 10px 18px 30px; font-size:14.5px; text-align:left; border-top:none;}
.table_list_market .al_left {padding:0px 0px 0px 30px; text-align:left;}
.table_list_market .dotted {border-top:1px #ccc dashed; height:0px; padding:0px 4px 0px 4px; }
.table_list_market .top {border-top:none; }

.table_list_elearning {margin-bottom:0px;}
.table_list_elearning table {border-bottom:1px solid #e1e1e1;}
.table_list_elearning tbody td {border-top:1px solid #e1e1e1; padding:18px 4px 18px 4px; font-size:14px; text-align:center; }
.table_list_elearning .question { background-color:#fafafa; padding:18px 0px 18px 30px; font-size:14px; text-align:left; }
.table_list_elearning .reply { background-color:#fafafa; padding:18px 10px 18px 30px; font-size:14px; text-align:left; border-top:none;}
.table_list_elearning .reply .tag_tle {float:left; width:7%; padding:8px 0px 0px 0px;}
.table_list_elearning .reply .cont_tle {float:left; width:91%; font-size:14.5px; text-align:left; line-height:170%; }
.table_list_elearning .al_left {padding:0px 0px 0px 30px; text-align:left;}
.table_list_elearning .dotted {border-top:1px #ccc dashed; height:0px; padding:0px 4px 0px 4px; }
.table_list_elearning .top {border-top:none; }

.table_list_s {margin-bottom:0px;}
.table_list_s table {border-top:1px solid #e1e1e1; border-bottom:0px solid #e1e1e1; }
.table_list_s thead th {background:#fafafa; border-bottom:1px solid #e1e1e1; border-right:1px solid #f0f0f0; padding:6px 4px 10px 4px; font-weight:bold;}
.table_list_s tbody td {border-bottom:1px solid #e1e1e1 ;border-right:1px solid #f0f0f0; padding:10px 4px 10px 4px; background-color:#ffffff; text-align:center; }
.table_list_s .al_left {padding:0px 0px 0px 30px; text-align:left; }
.table_list_s .last {line-height:150%; border-right:none;}
.table_list_s .end { border-bottom:none;}
.table_list_s .scroll_y {overflow:hidden; overflow-y:auto; max-height:257px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; clear:both;}

.table_list_s2 {margin-bottom:0px;}
.table_list_s2 table {border-top:0px solid #e1e1e1; border-bottom:0px solid #e1e1e1; }
.table_list_s2 thead th {background:#fafafa; border-bottom:1px solid #e1e1e1; border-right:1px solid #f0f0f0; padding:6px 4px 10px 4px; font-weight:bold;}
.table_list_s2 tbody td {border-bottom:1px solid #e1e1e1 ;border-right:1px solid #f0f0f0; padding:10px 4px 10px 4px; background-color:#ffffff; text-align:center; }
.table_list_s2 .al_left {padding:0px 0px 0px 30px; text-align:left; }
.table_list_s2 .last {line-height:150%; border-right:none;}
.table_list_s2 .end { border-bottom:none;}
.table_list_s2 .scroll_y {overflow:hidden; overflow-y:auto; max-height:257px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; clear:both;}

.view {float:left; width:100%; margin-bottom:40px; display:block;}
.view .top { float:left; width:100%; padding:20px 0px 20px 0px; border-top:2px solid #333333; border-bottom:1px solid #e1e1e1; display:block; clear:both;}
.view .top .tit { float:left; width:70%; padding:2px 20px 0px 20px; font-size:22px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; }
.view .top .date { float:right; width:20%; padding:6px 20px 0px 20px; color:#b2b2b2; text-align:right; display:block;}
.view .body { float:left; padding:50px 20px 50px 20px; display:block;}

.view .prev { float:left; width:100%; height:58px; border-top:1px solid #e1e1e1; border-bottom:0px solid #e1e1e1; display:block;}
.view .prev .info { float:left; width:7%; padding:17px 20px 0px 50px; font-size:14.5px; font-weight:bold; background:url('/images/icon_prev.png') no-repeat 20px 22px;}
.view .prev .tit { float:left; width:50%; padding:17px 20px 0px 20px; font-size:14.5px; }
.view .prev .date { float:right; width:20%; padding:17px 20px 0px 20px; color:#b2b2b2; text-align:right; display:block;}
.view .next { float:left; width:100%; height:58px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; display:block;}
.view .next .info { float:left; width:7%; padding:17px 20px 0px 50px; font-size:14.5px; font-weight:bold; background:url('/images/icon_next.png') no-repeat 20px 22px;}
.view .next .tit { float:left; width:50%; padding:17px 20px 0px 20px; font-size:14.5px;}
.view .next .date { float:right; width:20%; padding:17px 20px 0px 20px; color:#b2b2b2; text-align:right; display:block;}

/* faq list */
.faq_list {width:100%; clear:both;}
.faq_list {border-top:0px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.faq_list li {border-bottom:0px solid #e1e1e1; min-height:30px; position:relative;}
.faq_list .head {display:inline-block; padding:14px 20px 20px 50px; width:1130px; background:#ffffff; vertical-align:middle; font-size:16px; font-weight:bold; line-height:170%; border-top:1px solid #e1e1e1;}
.faq_list .body {display:inline-block; padding:14px 20px 20px 54px; margin:0px 0px 0px 0px; width:1130px; background-color:#fafafa; line-height:170%; }
.faq_list .tbox_01 {position:absolute;top:14px;left:10px; width:24px; height:26px; background-color:#ffffff; padding:0px 2px 0px 2px; font-size:14.5px; color:#444444; font-weight:bold;text-align:center;}
.faq_list .tbox_02 {position:absolute;top:19px;left:10px; width:24px; height:26px; background-color:#e95c31; padding:0px 2px 0px 2px; font-size:14.5px; color:#ffffff; font-weight:bold;text-align:center;}
.faq_list .icon {position:absolute;top:24px;right:10px; width:24px; height:26px;}

/* 레이어 팝업 */
.modal_wrap {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0, .5); z-index:1000000; overflow-y: auto;}

.layer_pop_full {margin: auto; width: 100%; height: 100%; z-index: 200;}
.layer_pop_1200 {margin:auto; margin-top:140px; width:1200px; background:#ffffff; z-index:200;}
.layer_pop_1000 {margin:auto; margin-top:140px; width:1000px; background:#ffffff; z-index:200;}
.layer_pop_900  {margin:auto; margin-top:140px; width:900px;  background:#ffffff; z-index:200;}
.layer_pop_800  {margin:auto; margin-top:140px; width:800px;  background:#ffffff; z-index:200;}
.layer_pop_800_post {margin:auto; margin-top:140px; width:800px; height:60%; min-height:500px; background:#ffffff; z-index:200;}
.layer_pop_700  {margin:auto; margin-top:140px; width:700px;  background:#ffffff; z-index:200;}
.layer_pop_700_post {margin:auto; margin-top:140px; width:700px; height:60%; min-height:500px; background:#ffffff; z-index:200;}
.layer_pop_600  {margin:auto; margin-top:140px; width:600px;  background:#ffffff; z-index:200;}
.layer_pop_600_cloud {margin:auto; margin-top:140px; width:600px; height:60%; min-height:500px; background:#ffffff; z-index:200;}
.layer_pop_500  {margin:auto; margin-top:140px; width:500px;  background:#ffffff; z-index:200;}
.layer_pop_400  {margin:auto; margin-top:140px; width:400px;  background:#ffffff; z-index:200;}
.layer_pop_300  {margin:auto; margin-top:140px; width:300px;  background:#ffffff; z-index:200;}
.layer_pop_200  {margin:auto; margin-top:140px; width:200px;  background:#ffffff; z-index:200;}

.layer_pop_contents {overflow-y:auto; height:100%; padding:50px 40px 44px 40px; background:#ffffff; position:relative; border:1px solid #555;}
.layer_pop_contents h3.popup { margin:0px 0px 20px 0px; padding:0px 0px 4px 0px; font-size:24px; color:#333333; font-weight:bold; text-align:center; font-family:"나눔스퀘어", sans-serif; clear:both;}
.premium_request_popup .layer_pop_contents h3.popup {position: relative; top: -30px; text-align: left;}
.premium_request_already_popup .layer_pop_contents h3.popup {position: relative; top: -30px; text-align: left;}
.layer_pop_contents h4.popup {padding:0px 0px 0px 0px; font-size:20px; color:#444444; font-weight:bold; text-align:left; font-family:"나눔스퀘어", sans-serif; clear:both; position:relative;}
.layer_pop_contents h4.popup .btn_r { position:absolute; top:0px; right:0px; width:200px; text-align:right;}
.layer_pop_contents h4.popup_center {padding:0px 0px 0px 0px; font-size:20px; color:#444444; font-weight:bold; text-align:center; font-family:"나눔스퀘어", sans-serif; clear:both; }
.layer_pop_contents .cont { float:left; padding:30px 0px 10px 0px; width:100%; display:block; }
.layer_pop_contents .img { float:left; padding:30px 0px 10px 0px; width:100%; text-align:center; display:block; }
.layer_pop_contents .name { float:left; padding:2px 14px 10px 0px; text-align:center; font-weight:bold; display:block; }
.layer_pop_contents .text { float:left; margin-bottom:20px; padding:0px 0px 10px 0px; width:100%; text-align:center; display:block;  background:#ffffff;}
.layer_pop_contents .lp_contents {float: left; width: 100%; padding: 15px 0 15px; box-sizing: border-box;}
.layer_pop_contents .lp_contents span {color: red;}
.layer_pop_contents .contents_name {float: left; box-sizing: border-box; font-weight:bold; width: 100%; height: 100%; line-height: 35px;}
.layer_pop_contents .contents_text {float: left; box-sizing: border-box; height: 35px;}
.premium_request_popup .layer_pop_contents ul {float: left; padding-left: 16px; margin-bottom: 20px;}
.premium_request_popup .layer_pop_contents ul li {list-style-type: circle; font-size: 11px;}
.layer_pop_contents .info { float:left; margin-bottom:20px; padding:18px 30px 20px 30px; width:1060px; display:block; background:#f5f5f5; border-top:0px solid #ffae23; border-bottom:0px solid #ffae23; }
.layer_pop_contents .info .info_em{font-weight:bold; color:#e69730;}
.layer_pop_contents .desc { float:left; margin:-14px 0px 20px 0px; padding:0px 0px 10px 0px; width:100%; text-align:center; display:block;  }
.premium_request_popup .layer_pop_contents .desc {margin: 0;}
.layer_pop_contents .warn { float:left; margin-bottom:20px; padding:0px 0px 10px 0px; width:100%; text-align:center; color:#e95c31; font-weight:bold; display:block;}
.layer_pop_contents .warn.warn-left { text-align: left;}
.layer_pop_contents .warn ul {padding-top: 10px;}
.layer_pop_contents .warn ul li {text-indent: -12px; padding-left: 12px; font-weight: bold; color: #000000; line-height: 26px;}
.layer_pop_contents .warn_img { float:left; padding:0px 0px 20px 0px; width:100%; text-align:center; display:block; }
.layer_pop_contents .btn {float:left; width:100%; text-align:center; display:block; clear:both; }
.layer_pop_contents .input {float:left; padding:0px 0px 24px 0px; width:100%; display:block; clear:both; }
.layer_pop_contents .input .tit_wrap { float:left; width:20%; height:32px; margin:5px 0px 5px 0px; padding:5px 0px 5px 0px; font-weight:bold; text-align:left; }
.layer_pop_contents .input .input_wrap { float:right; width:80%; margin:5px 0px 5px 0px;}
.layer_pop_contents .close_pop {position:absolute;top:0;right:0;}
.layer_pop_contents .check_list {float:left; width:100%; height:32px;}
.layer_pop_contents .process_command {float:left; width:476px; height:140px; margin-bottom:30px; padding:20px 20px 20px 20px; border:1px solid #e1e1e1;}
.layer_pop_contents .message {width:100%; padding:0px 0px 30px 0px; font-size:16px; font-weight:bold; text-align:center;}
.layer_pop_contents .approval_waiting {font-size: 20px; text-align: center; font-weight: bold;}
.layer_pop_contents .approval_waiting span {color: #35b4ce;}
.layer_pop_contents .approval_status {float: left; background-color: #EBEBEB; width: 100%; padding: 20px; margin: 20px 0 0; box-sizing: border-box; font-size: 0;}
.layer_pop_contents .as_content {display: inline-block; width: 50%; box-sizing: border-box; font-weight: bold;}
.layer_pop_contents .as_content span {margin-left: 10px; font-weight: 400;}

#layer_video .layer_pop_contents {padding: 5px; box-sizing: border-box; border: none;}
#layer_video .layer_pop_contents .close_pop {position: fixed; right: calc(50% - 425px); top: 140px;}

.layer_pop_new {padding: 0; margin-bottom: 100px; box-sizing: border-box; font-family: 'Nanum Barun Gothic', sans-serif;}
.layer_pop_new .layer_pop_title {width: 100%; height: 60px; line-height: 60px; padding: 0 20px; box-sizing: border-box; font-size: 18px; font-weight: bold; letter-spacing: -0.5px; background-color: #f0f2fc; font-family: 'Nanum Barun Gothic', sans-serif;}
.layer_pop_new .layer_pop_title img {float: right; margin: 20px 0; cursor: pointer;}
.layer_pop_new .layer_pop_content {padding: 20px 40px; box-sizing: border-box;}
.layer_pop_new .layer_pop_content .sub_title {margin-left: -20px; font-size: 14px; font-family: 'Nanum Barun Gothic', sans-serif;}
.layer_pop_new .layer_pop_content .cp_title {height: 60px; line-height: 60px; box-sizing: border-box; margin-left: -10px; font-size: 14px; font-weight: bold; font-family: 'Nanum Barun Gothic', sans-serif;}
.layer_pop_new .layer_pop_content .cp_title .dot {width: 5px; height: 5px; margin-right: 5px; display: inline-block; box-sizing: border-box; background-color: #000000; border-radius: 50%;}
.layer_pop_new .layer_pop_content .cp_title span {font-size: 12px; font-weight: 400; margin-left: 20px;}
.layer_pop_new .layer_pop_content .cp_content label {margin-right: 35px; font-family: 'Nanum Barun Gothic', sans-serif;}
.layer_pop_new table tr .not_list {height: 120px; box-sizing: border-box; font-size: 14px; text-align: center; color: #363636; font-family: 'Nanum Barun Gothic', sans-serif;}
.layer_pop_new .layer_btn {width: 100%; padding: 40px; box-sizing: border-box; text-align: center; font-size: 0;}
.layer_pop_new .layer_btn button {width: 170px; height: 55px; margin: 0 15px; box-sizing: border-box; border: 1px solid #808cc9; background-color: #f0f2fc; border-radius: 27.5px; font-size: 14px; color: #363636; font-family: 'Nanum Barun Gothic', sans-serif; outline: none; font-weight: bold;}
.layer_pop_new .layer_btn button.close_btn {background-color: #ffffff; border: 1px solid #999999; color: #999999;}
.layer_pop_new .cp_setting {height: 40px; box-sizing: border-box; font-size: 0; border-top: 1px solid #434343; border-bottom: 1px solid #434343;}
.layer_pop_new .cp_setting .setting_title {width: 115px; height: 100%; line-height: 38px; box-sizing: border-box; vertical-align: top; display: inline-block; font-size: 14px; font-weight: bold; text-align: center; color: #363636; background-color: #f5f5f5;}
.layer_pop_new .cp_setting .setting_content {width: calc(33% - 115px); height: 100%; padding: 4px 0; box-sizing: border-box; vertical-align: top; display: inline-block; font-size: 0; text-align: center;}
.layer_pop_new .cp_setting .setting_content.select {width: calc(34% - 115px);}
.layer_pop_new .cp_setting select {width: 100px;}
.layer_pop_new .cp_setting .btn_number {width: 30px; height: 30px; box-sizing: border-box; display: inline-block; border: 1px solid #cacaca; cursor: pointer;}
.layer_pop_new .cp_setting .btn_number.minus {background-image: url('../images/layer_minus.png'); background-size: 100% 100%;}
.layer_pop_new .cp_setting .btn_number.plus {background-image: url('../images/layer_plus.png'); background-size: 100% 100%;}
.layer_pop_new .cp_setting input[type="text"] {width: 55px; height: 30px; box-sizing: border-box; display: inline-block; vertical-align: top; border: none; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; text-align: center; text-indent: 0;}
.layer_pop_new .layer_pop_content .cp_content table {border-top: 1px solid #434343; border-bottom: 1px solid #434343; text-align: center; font-family: 'Nanum Barun Gothic', sans-serif; border-collapse: collapse;}
.layer_pop_new .layer_pop_content .cp_content table tr th {background-color: #f5f5f5; box-sizing: border-box; font-size: 14px; font-weight: bold; color: #363636;}
.layer_pop_new .layer_pop_content .cp_content table tr {height: 40px; box-sizing: border-box; border-top: 1px solid #f0f0eb; cursor: pointer;}
.layer_pop_new .layer_pop_content .cp_content table thead tr {border: none;}
.layer_pop_new .layer_pop_content .cp_content table tbody tr {height: 60px;}
.layer_pop_new .layer_pop_content .cp_content table tr td {font-size: 14px;}
.layer_pop_new .layer_pop_content .cp_content table tr td.title span {font-weight: bold;}
.layer_pop_new .layer_pop_content .cp_content table tr td.storage {line-height: 15px;}
.layer_pop_new .total_price {width: 100%; padding-top: 40px; box-sizing: border-box; font-size: 18px; font-family: 'Nanum Barun Gothic', sans-serif; text-align: center; font-weight: bold;}
.layer_pop_new .total_price span {color: #3366cc;}
.layer_pop_new .prediction_top {width: 100%; height: 60px; text-align: center; border-top: 1px solid #434343;}
.layer_pop_new .prediction_top .select_title {height: 30px; line-height: 40px; color: #3366cc; font-size: 14px; font-family: 'Nanum Barun Gothic', sans-serif; font-weight: bold;}
.layer_pop_new .prediction_top .select_sub {height: 30px; font-size: 12px; color: #363636; font-family: 'Nanum Barun Gothic', sans-serif; font-weight: bold;}
.layer_pop_new .prediction_middle {width: 100%; box-sizing: border-box; border-top: 1px solid #434343; border-bottom: 1px solid #434343; font-size: 0;}
.layer_pop_new .prediction_middle div {width: 33.3%; display: inline-block; text-align: center;}
.layer_pop_new .prediction_middle div.center {width: 33.4%;}
.layer_pop_new .prediction_middle .pm_title {width: 100%; box-sizing: border-box; background-color: #f5f5f5; font-size: 0;}
.layer_pop_new .prediction_middle .pm_title div {height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color: #363636; font-family: 'Nanum Barun Gothic', sans-serif;}
.layer_pop_new .prediction_middle .pm_content {width: 100%; box-sizing: border-box; font-size: 0;}
.layer_pop_new .prediction_middle .pm_content div {height: 40px; line-height: 40px; font-size: 14px; color: #363636; font-family: 'Nanum Barun Gothic', sans-serif;}
.layer_pop_new .prediction_bottom {width: 100%; box-sizing: border-box; border-bottom: 1px solid #434343; font-size: 0;}
.layer_pop_new .prediction_bottom div {width: 25%; display: inline-block; text-align: center;}
.layer_pop_new .prediction_bottom .pb_title {width: 100%; box-sizing: border-box; display: inline-block; background-color: #f0f2fc; font-size: 0;}
.layer_pop_new .prediction_bottom .pb_title div {height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color: #363636; font-family: 'Nanum Barun Gothic', sans-serif;}
.layer_pop_new .prediction_bottom .pb_content {width: 100%; box-sizing: border-box; display: inline-block; font-size: 0;}
.layer_pop_new .prediction_bottom .pb_content div{height: 40px; line-height: 40px; font-size: 14px; color: #363636; font-family: 'Nanum Barun Gothic', sans-serif;}
.layer_pop_new .layer_footer {width: 100%; box-sizing: border-box; text-align: center;}
.layer_pop_new .layer_footer b {margin-right: 20px;}
.layer_pop_new .layer_footer .red {text-decoration: underline; font-weight: bold;}
.layer_pop_new .layer_footer .bar {margin: 0 10px;}

.layer_pop_new.software_pop .layer_pop_title {background-color: #fff6f5;}
.layer_pop_new.software_pop .software_list {width: 100%; box-sizing: border-box; font-size: 0;}
.layer_pop_new.software_pop .software_list ul li {padding-bottom: 20px; box-sizing: border-box; font-size: 0;}
.layer_pop_new.software_pop .software_list .software_img {width: 150px; margin-right: 30px; display: inline-block; vertical-align: top;}
.layer_pop_new.software_pop .software_list .software_info {width: calc(100% - 180px); display: inline-block; vertical-align: top; border-top: 1px solid #434343; border-bottom: 1px solid #434343;}
.layer_pop_new.software_pop .software_list .software_info .software_header {width: 100px; padding: 10px; box-sizing: border-box; display: inline-block; background-color: #f5f5f5; border-bottom: 1px solid #eeeeee; font-weight: bold; text-align: center;}
.layer_pop_new.software_pop .software_list .software_info .software_header:last-child {border: none;}
.layer_pop_new.software_pop .software_list .software_info .software_content {width: calc(100% - 100px); padding: 10px; box-sizing: border-box; display: inline-block; border-bottom: 1px solid #eeeeee;}
.layer_pop_new.software_pop .software_list .software_info .software_content:last-child {border: none;}
.layer_pop_new.software_pop .layer_btn button.close_btn {background-color: #fff6f5; border: 1px solid #ffcccc; color: #363636; font-size: 14px; font-weight: bold; display:initial; float: initial;}

.layer_pop_new.license_pop .layer_pop_title {background-color: #ebfbf8;}
.layer_pop_new.license_pop .license_sample {text-align: center; padding: 30px 0;}
.layer_pop_new.license_pop .three_btn {text-align: center; padding: 30px 0; font-size: 0;}
.layer_pop_new.license_pop .three_btn button {width: 200px; height: 50px; border-radius: 50px; border: 1px solid #ededed; background-color: #ffffff; margin: 0 10px; outline: none;}
.layer_pop_new.license_pop .three_btn button.active {background-color: #ededed; font-weight: bold;}
.layer_pop_new.license_pop .three_discription {text-align: center;}
.layer_pop_new.license_pop .discription_title {font-size: 18px; font-weight: bold; color: #333333; padding-bottom: 30px;}
.layer_pop_new.license_pop .discription_content {font-size: 14px;}
.layer_pop_new.license_pop .layer_btn button.close_btn {background-color: #ebfbf8; border: 1px solid #a9e3d7; color: #363636; font-size: 14px; font-weight: bold; display:initial; float: initial;}

.layer_pop_st02 {background:#333333; padding:0px; position:relative; }
.layer_pop_st02 .tit {padding:6px 0px 8px 0px; font-size:20px; color:#ffffff; font-weight:bold; font-family:"나눔스퀘어", sans-serif; text-align:center;}
.layer_pop_st02 .contents {padding:30px 30px 30px 30px; background:#ffffff;}
.layer_pop_st02 .contents .img {width:100%; padding:10px 0px 20px 0px; text-align:center; display:block;}
.layer_pop_st02 .contents .upload_messege { width:100%; padding:0px 0px 30px 0px; font-size:18px; color:#333333; font-weight:bold; text-align:center; font-family:"나눔스퀘어", sans-serif; display:block;  }
.layer_pop_st02 .contents .text {width:100%; padding:0px 0px 10px 0px; text-align:center; display:block;}
.layer_pop_st02 .contents .upload {width:100%; padding:30px 0px 34px 0px; text-align:center; display:block; border:1px solid #e1e1e1; color:#999;}
.layer_pop_st02 .contents .btn {width:100%; padding:20px 0px 0px 0px; text-align:center; display:block;}
.layer_pop_st02 .close_pop {position:absolute;top:0;right:0;}

.layer_pop_admin {background:#444859; padding:0px; position:relative; }
.layer_pop_admin .tit {padding:6px 0px 8px 30px; font-size:20px; color:#ffffff; font-weight:bold; font-family:"나눔스퀘어", sans-serif; }
.layer_pop_admin .contents {padding:30px 30px 30px 30px; background:#ffffff;}
.layer_pop_admin .contents h3.pop_admin { margin:0px 0px 20px 0px; padding:0px 0px 4px 0px; font-size:20px; color:#333333; font-weight:bold; font-family:"나눔스퀘어", sans-serif; clear:both;}
.layer_pop_admin .contents h4.pop_admin {padding:0px 0px 0px 0px; font-size:18px; color:#444444; font-weight:bold; font-family:"나눔스퀘어", sans-serif; clear:both; position:relative;}
.layer_pop_admin .contents .img {width:100%; padding:10px 0px 20px 0px; text-align:center; display:block;}
.layer_pop_admin .contents .upload_messege { width:100%; padding:0px 0px 30px 0px; font-size:18px; color:#333333; font-weight:bold; text-align:center; font-family:"나눔스퀘어", sans-serif; display:block;  }
.layer_pop_admin .contents .text {width:100%; padding:0px 0px 10px 0px; text-align:center; display:block;}
.layer_pop_admin .contents .upload {width:100%; padding:30px 0px 34px 0px; text-align:center; display:block; border:1px solid #e1e1e1; color:#999;}
.layer_pop_admin .contents .btn {width:100%; padding:20px 0px 0px 0px; text-align:center; display:block;}
.layer_pop_admin .close_pop {position:absolute;top:0;right:20px;}

.layer_pop_quiz {position:absolute;top:340px;left:50%; margin-left:-150px; width:600px; background:#333333; z-index:300;}
.layer_pop_quiz .tit {padding:6px 0px 8px 0px; font-size:20px; color:#ffffff; font-weight:bold; font-family:"나눔스퀘어", sans-serif; text-align:center;}
.layer_pop_quiz .contents_wrap {padding:30px 30px 30px 30px; background:#ffffff; }
.layer_pop_quiz .contents {padding:30px 30px 30px 30px; background:#fafafa; border:1px solid #e1e1e1;}
.layer_pop_quiz .contents .img {width:100%; padding:0px 0px 20px 0px; text-align:center; display:block;}
.layer_pop_quiz .contents .messege { width:100%; padding:0px 0px 0px 0px; font-size:18px; color:#333333; font-weight:bold; text-align:center; font-family:"나눔스퀘어", sans-serif; display:block;  }
.layer_pop_quiz .contents .question { width:100%; padding:0px 0px 16px 0px; font-size:16px; color:#333333; font-weight:bold; }
.layer_pop_quiz .contents .example { width:100%;  margin-bottom:30px; padding:0px 0px 10px 0px; display:block;}
.layer_pop_quiz .contents .example ul{ }
.layer_pop_quiz .contents .example li {float:left;  padding:0px 20px 0px 0px; display:block;}
.layer_pop_quiz .contents .text { width:100%; padding:0px 0px 10px 0px; text-align:center; display:block;}
.layer_pop_quiz .contents .upload {width:100%; padding:30px 0px 34px 0px; text-align:center; display:block; border:1px solid #e1e1e1; color:#999;}
.layer_pop_quiz .btn {width:100%; padding:20px 0px 0px 0px; text-align:center; display:block;}
.layer_pop_quiz .close_pop {position:absolute;top:0;right:0;}

/* 서비스 팝업 */
#service_pop {display:none; width: 350px; position: fixed; bottom: 0; right: 10%; background-color: #ffffff; padding: 30px; margin-bottom: 60px; box-sizing: border-box; border: 2px solid #e5e5e5; border-radius: 10px; z-index: 1000;}
#service_pop .tit {width: 100%; font-size: 16px; font-weight: bold; color: #7f7f7f; padding-bottom: 20px;}
#service_pop .cont div {width: 100%; height: 50px; line-height: 50px; border-bottom: 2px solid #b5b5b5; color: #b5b5b5;}
#service_pop .cont input {width: 80%; height: 100%; line-height: 50px; float: right; border: none; color: #000000; outline: none; padding: 0; box-sizing: border-box;}
#service_pop .cont input.number {width: 25%; float: inherit; position: relative; top: -2px;}
#service_pop .cont textarea {width: 80%; height: 100%; float: right; border: none; color: #000000; outline: none; resize: none; padding-top: 15px; box-sizing: border-box;}
#service_pop .btn {width: 100%; text-align: center; box-sizing: border-box;}
#service_pop button {margin-top: 30px; border: none; background-color: inherit; outline: none;}
#service_pop .close {position: absolute; bottom: -57px; right: 0;}

/* 서비스 완료 팝업 */
#complete_pop {display:none; width: 350px; height: 459px; position: fixed; bottom: 0; right: 10%; background-color: #ffffff; padding: 30px; margin-bottom: 60px; box-sizing: border-box; border: 2px solid #e5e5e5; border-radius: 10px; z-index: 1000;}
#complete_pop .tit {width: 100%; font-size: 16px; font-weight: bold; color: #7f7f7f; padding-bottom: 20px;}
#complete_pop .cont {width: 100%; height: 310px; text-align: center; font-size: 13px; color: #454545; letter-spacing: -0.5px; padding: 100px 0; box-sizing: border-box;}
#complete_pop .btn {width: 100%; text-align: center; box-sizing: border-box;}
#complete_pop button {margin-top: 30px; border: none; background-color: inherit; outline: none;}
#complete_pop .footer {width: 100%; font-size: 13px; text-align: center; color: #454545;}
#complete_pop .close {position: absolute; bottom: -57px; right: 0;}

/* 팝업 리스트 검색 영역 */
.pop_list_top_btn { float:left; width:45%;}
.pop_list_search {float:right; width:50%; padding:0px 0px 10px 0px; position:relative;}
.pop_list_search  li {float:right; padding-bottom:0px; padding-left:5px;}
.pop_list_search .pop_input01 input {width:200px; height:30px; padding:0px 0px 4px 0px; color:#777777;  }
.pop_list_search .pop_input01 label {font-size:12px;display:none;}
.pop_list_search .pop_btn {position:absolute;top:3px;right:1px; }

/* 팝업 검색결과 타이틀 */
.pop_result_tit {float:left; width:100%; margin-bottom:30px; font-size:22px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; position:relative; clear:both; }

/* 팝업 page_skip */
.pop_paging {width:100%; margin:auto; margin-bottom:20px; position:relative; display:block; clear:both; }
.pop_paging .pop_paging_area {text-align:center; padding:0px 0px 0px 0px; position:relative;}
.pop_paging .pop_paging_area .pop_total_page {position:absolute; top:0px; left:5px; font-size:12px; color:#777777; }
.pop_paging .pop_paging_area .pop_total_page strong {color:#333333;}
.pop_paging .pop_paging_area .pop_page_num {position:absolute; top:0px; right:5px; font-size:12px; color:#777777; }
.pop_paging span.pop_btn {text-align:center; margin:0px 0px 0px 0px; }
.pop_paging span.pop_num { padding:0px 0px 0px 0px;}
.pop_paging span.pop_num a {width:24px; height:30px; font-size:12px; color:#5c5c5c; font-weight:bold; text-align:center; text-decoration:none; display:inline-block;}
.pop_paging span.pop_num a:hover {font-weight:bold; color:#e95c31; text-decoration:none;}
.pop_paging span.pop_num a.on {font-weight:bold; color:#e95c31; text-decoration:none;}
.pop_paging.new_paging span.pop_num a {width: 25px; height: 25px;}
.pop_paging.new_paging span.pop_num a.on {width: 25px; height: 25px; background-color: #434343; border-radius: 50px; color: #ffffff;}

/* 푸터 */
footer {background:#333333; clear:both;}
footer .foot_link_wrap {background:#f0f0f0; }
footer .foot_link { margin:auto; width:1080px; padding:29px 0px 33px 120px; text-align:center; font-size:12px; color:#cccccc; background:#f0f0f0;}
footer .foot_link .select {float:right; text-align:left; margin:-5px 0px 0px 0px; }
footer .foot_link a {color:#666666;}
footer .foot_link a:hover {color:#222222;}
footer section { margin:auto; width:1200px; text-align:center;background:#333333;}
footer section div {color:#888888; font-size:12px; line-height:100%;}
footer section .sns {padding:40px 0px 30px 0px;}
footer section .sns ul {}
footer section .sns li {padding:0px 2px 0px 2px; display:inline-block; }
footer section .address {padding-bottom:14px;}
footer section .copyright {padding-bottom:30px;}
footer section h1 {padding-bottom:70px;}

/* 텍스트 필드 */
.textarea {width:100%; border:1px solid #e1e1e1; padding:14px; margin:0px 0px 0px 0px;}

/* 체크박스 */
.checkbox {float:left;width:100%; margin:20px 0px 0px 0px; line-height:0; letter-spacing:-0.5px; word-spacing:-0.5px;}
.tit_checkbox {padding:0px 0px 0px 14px; font-size:14px; color:#777777; font-family:"맑은 고딕", "Malgun Gothic", sans-serif; line-height:0; }

/* 정렬 */
.floatL{float:left}
.floatR{float:right}
/*.floatC{float:center}*/

.txtC{text-align:center}
.txtL{text-align:left}
.txtR{text-align:right}

.clear{clear:both}
.ellipsis {width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* 라스트 라인 */
.lastR{border-right:none;!important;}
.lastL{border-left:none;!important;}
.lastT{border-top:none;!important;}
.lastB{border-bottom:none;!important;}

/* 라인 */
.line {float:left; width:100%; height:1px; background-color:#e1e1e1; clear:both;}
.border_none {border:none; !important;}

/* border */
.border_01{border:1px solid #ccc}
.border_g{border:1px solid #ccc;padding:20px 20px 20px 20px;}
.clear{clear:both}
.gap_border{border-top:4px dotted #ccc}

/* 링크 */
a {text-decoration:none;color:#444444;margin:0px;padding:0px;}
a:link, a:visited {text-decoration:none;color:#444444;}
a:hover, a:focus, a:active {text-decoration:none;color:#e69730;}

/* 정렬 */
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.vab {vertical-align:bottom !important;}

/* margin */
.mgt05{margin-top:5px;}
.mgt08{margin-top:8px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}
.mgt80{margin-top:80px;}
.mgt90{margin-top:90px;}
.mgt100{margin-top:100px;}
.mgt400{margin-top:400px;}

.mgl05{margin-left:5px;}
.mgl06{margin-left:6px;}
.mgl08{margin-left:8px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl20{margin-left:20px;}
.mgl24{margin-left:24px;}
.mgl30{margin-left:30px;}
.mgl40{margin-left:40px;}
.mgl50{margin-left:50px;}
.mgl60{margin-left:60px;}
.mgl70{margin-left:70px;}
.mgl100{margin-left:100px;}
.mgl380{margin-left:380px;}

.mgr05{margin-right:5px;}
.mgr06{margin-right:6px;}
.mgr08{margin-right:8px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr30{margin-right:30px;}
.mgr36{margin-right:36px;}
.mgr40{margin-right:40px;}
.mgr50{margin-right:50px;}
.mgr60{margin-right:60px;}
.mgr65{margin-right:65px;}
.mgr70{margin-right:70px;}
.mgr77{margin-right:77px;}
.mgr80{margin-right:80px;}
.mgr100{margin-right:100px;}

.mgb05{margin-bottom:5px}
.mgb10{margin-bottom:10px}
.mgb20{margin-bottom:20px}
.mgb30{margin-bottom:30px}
.mgb40{margin-bottom:40px}
.mgb50{margin-bottom:50px}
.mgb60{margin-bottom:60px}
.mgb70{margin-bottom:70px}
.mgb80{margin-bottom:80px}
.mgb90{margin-bottom:90px}
.mgb100{margin-bottom:100px}

/* 폰트 */
.bold{font-weight:bold;}
.underline {text-decoration: underline;}
.cursor {cursor: pointer;}

.p12 {font-size:12px;}
.p14 {font-size:14px;}
.p16 {font-size:16px;}
.p18 {font-size:18px; line-height:170%;}
.p20 {font-size:20px;}
.p30 {font-size:30px; font-family:"나눔스퀘어", sans-serif; letter-spacing:-1px;}
.p40 {font-size:40px; font-family:"나눔스퀘어", sans-serif; letter-spacing:-1px;}

.dc {color:#e95c31;}
.price {color:#e95c31;}
.em {color:#e95c31;}
.point {color:#e95c31;}
.error {color:#e95c31;}

.red {color:#e95c31;}
.brw {color:#ae7e41;}
.blu {color:#3a8bcc;}
.yel {color:#e69730;}

.gry3 {color:#b2b2b2;}