/* 퍼블리싱 필수 공통영역 */
@charset "utf-8";

@import url('../css_portal/web.css?v=2023021');
@import url('../css_portal/tablet.css?v=2023021');
@import url('../css_portal/mobile.css?v=2023021');
@import url('../css_portal/gcpark.css?v=2023021');
@import url('../css_portal/thkim.css?v=2023021');
@import url('../css_portal/popup.css?v=2023021');
@import url('../css/appstream.css?v=2023021');

/* default */
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;}
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;} */

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;}
label {font-weight: 500;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {margin: 0;}
.checkbox label {padding-top: 6px;}

/* 셀렉트박스 */
.sel_type01 {display:inline-block;vertical-align:middle;}
.sel_type01 .jq_sel {display:block;height:32px;background:url('../images_portal/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_portal/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 { width:100%; display:inline-block;vertical-align:middle;}
.sel_type02 .jq_sel {display:block;height:32px;background:url('../images_portal/type01_selbox.gif') no-repeat 0 0; position:relative;}
.sel_type02 .jq_sel span { width:100%; position:absolute;left:2px;top:3px; height:32px;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:32px; background:url('../images_portal/type01_selbox.gif') no-repeat 100% 0;}
.sel_type02 .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_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:2px 0px 4px 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}

.sel_type03 { width:100%; display:inline-block;vertical-align:middle;}
.sel_type03 .jq_sel {display:block;height:32px;background:url('../images_portal/type03_selbox.gif') no-repeat 0 0; position:relative;}
.sel_type03 .jq_sel span { width:100%; position:absolute;left:2px;top:3px; height:32px;line-height:22px; text-align:left; text-indent:12px; color:rgba(256,256,256, 0.4); overflow:hidden; cursor:pointer;}
.sel_type03 .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0px;width:30px;height:32px; background:url('../images_portal/type03_selbox.gif') no-repeat 100% 0;}
.sel_type03 .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 rgba(256,256,256, 0.2); border-bottom:1px solid #949494; background:#949494; display:none; overflow:auto; overflow-y:auto; z-index:10;white-space:nowrap}
.sel_type03 .jq_sel li {border-left:1px solid #949494; border-right:1px solid #949494; float:none; }
.sel_type03 .jq_sel ul a {display:block;padding:2px 0px 4px 8px; text-decoration:none; color:rgba(256,256,256, 0.4); text-align:left;}
.sel_type03 .jq_sel ul a:hover {background-color:#949494; color:rgba(256,256,256, 0.6);}
.sel_type03 .jq_sel ul a.selected {}
.sel_type03 .jq_sel_hide {display:none}

/* p베너 */
.lecture_info .p_banner {position:absolute; top:300px; left:60%; margin-left:470px; width:300px; z-index:200;}
.lecture_info .p_banner button {border: none; background-color: #ffffff; outline: none;}
.lecture_info .p_banner .close {padding:10px 0px 0px 0px;width:300px; opacity: 1;}
.lecture_info .p_banner .close .text{float:left; padding:0px 6px 0px 24px; font-size:12px; color:#555555;}
.lecture_info .p_banner .close .close_btn{float:left;padding:3px 0px 0px 0px;}

.lecture_info .p_banner#elearning3 {position:absolute; top:400px; left:50%; margin-left:470px; width:225px; z-index:200;}
.lecture_info .p_banner#elearning3 .close {padding:0px 0px 0px 0px;width:225px; }
.lecture_info .p_banner#elearning3 .close .text{float:right; padding:0px 6px 0px 24px; font-size:12px; color:#555555;}
.lecture_info .p_banner#elearning3 .close .close_btn{float:right;padding:3px 0px 0px 0px;}

/* 박스 스타일 */
.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;}

/* 텍스트 필드 */
.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;}
.ellipsis2 {width:100%;text-overflow:ellipsis;overflow:hidden; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* 라스트 라인 */
.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:#1c52b5;}

/* 정렬 */
.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;}

.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;}

.f_group {color:#e95c31;}

.gry3 {color:#b2b2b2;}

@media print{
    @page {size: landscape}
}

@media (max-width: 768px) {
    .p_banner {display: none;}
}

/* 부트스트랩 */
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {padding: 0; margin: 0;}
.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 {padding: 0; margin: 0;}
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1 {padding: 0; margin: 0;}
.col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1 {padding: 0; margin: 0;}