@charset "utf-8";

/* Base */
label, input.button, input.submit , input.image, button {cursor:pointer;}
input {height:48px; border:1px solid #e4e4e4;vertical-align:top;}
select {height:48px; border:1px solid #e4e4e4;vertical-align:top;}
table {width:100%;}
caption{display:none;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.hide {overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; text-indent:-9999px;}

/*해더*/
.inner{width:1200px;margin:0 auto;}
.posR{position:relative;}

.logo{margin:18px auto 0;text-align:center;}
.contact_box{overflow:hidden; position:absolute;top:38px;right:24px;}
.contact_box span a{color:#666;font-size:14px;}
.contact_box span {float:left;}
.contact_box span:first-child {position:relative; padding-right:21px;}
.contact_box span:first-child:after {content:''; position:absolute; top:4px; right:10px; width:1px; height:10px; background-color:#888;}

.gnb{min-width:1200px; margin-top:17px;border-top:1px solid #e5e5e5; text-align:center;}
.gnb ul{overflow:hidden; display:inline-block; width:auto;}
.gnb ul li{float:left;color:#222;font-size:18px;line-height:59px;}
/*.gnb ul li:first-child{padding-left:164px;}*/
.gnb ul li a{display:block;padding:0 37px;}
.gnb ul li:hover{color:#e62642;}
.snb{display:none; min-width:1200px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; position:absolute;background:#fff;width:100%; text-align:center; z-index:100;}
.snb .inner{overflow:hidden; display:inline-block; width:auto; margin-top:30px; margin-left:78px; padding-bottom:24px; background-color:#fff;}/* 2차 오픈일때 편성표 추가로 들어갈시 마진레프트 값을 170px로 변경 */
.snb ul{float:left; width:140px;}
.snb ul:first-child {margin-left:0;}
#depth1 {width:761px; margin:0px auto;}
/*.snb ul.snb_01{margin-left:203px;}*/
.snb ul.snb_02 {}
.snb ul.snb_03 {}
.snb ul.snb_04 {width:168px;}
.snb ul.snb_05{}
.snb ul li{font-size:16px;padding:10px 0; text-align:left;}
.snb ul li:hover{color:#e62642;}
.snb ul a{display:block;}
.snb .video{float:left; margin-top:10px;}

/* 푸터 */
.footer{margin:90px 0px 0px 0px !important;border-top:1px solid #e5e5e5 !important; height:205px !important; width:100% !important;}
.footer .inner{overflow:hidden !important;}
.footer h1{float:left !important;margin-top:61px !important;}
.footer .text_box{float:left !important;margin-top:30px !important;margin-left:60px !important;}
.footer .text01 span a{padding-right:30px !important;font-size:14px !important;color:#222 !important;}
.footer .text01 span:nth-child(2) a {color:#fb8132 !important;} /* 20180921 푸터 메뉴 스타일 수정 */
.footer .text02{margin-top:20px !important;color:#888 !important;font-size:14px !important;line-height:20px !important;}
address{margin-top:10px !important;color:#888 !important;font-size:14px !important;line-height:20px !important; font-style:normal !important;}  /* font-style 추가 - 17.11.23 */

/*서브 탑타이틀*/
.sub_titleBox{width:100%;min-width:1200px; height:200px; font-weight:bold;}
.sub_title01 {background:url('//image.skstoa.com/webMain/snbTop_img01.png') center top no-repeat;}  /* 회사소개 */
.sub_title02 {background:url('//image.skstoa.com/webMain/snbTop_img02.png') center top no-repeat;}  /* 사업소개 */
.sub_title03 {background:url('//image.skstoa.com/webMain/snbTop_img03.png') center top no-repeat;}  /* 홍보센터 */
.sub_title04 {background:url('//image.skstoa.com/webMain/snbTop_img04.png') center top no-repeat;}  /* 입점 및 제휴 */
.sub_title05 {background:url('//image.skstoa.com/webMain/snbTop_img05.png') center top no-repeat;}  /* 고객센터 */
.sub_title06 {background:url('//image.skstoa.com/webMain/snbTop_img06.png') center top no-repeat;}  /* CONTACT US */
.sub_title07 {background:url('//image.skstoa.com/webMain/snbTop_img07.png') center top no-repeat;}  /* SITEMAP */
.sub_title08 {background:url('//image.skstoa.com/webMain/snbTop_img08.png') center top no-repeat;}  /* 편성표 */
.sub_title09 {background:url('//image.skstoa.com/webMain/snbTop_img09.png') center top no-repeat;}  /* 채용정보*/
.sub_title{height:200px;text-align:center;color:#fff;font-size:46px;font-weight:bold;line-height:200px; z-index:3; display:block;}  /* font-weight:normal 추가 - 17.11.22 */

html, body, .backgroundTransition, .backgroundTransition .image-top, .backgroundTransition .image-bottom {height: 100%; width: 100%;}
body { margin: 0; }
body .backgroundTransition {position: relative; overflow: hidden; background-size: cover; height:200px;}
body .backgroundTransition .image-bottom, body .backgroundTransition .image-top {position: absolute; left: 0; top: 0; background-size: cover;}
body .backgroundTransition .image-bottom { z-index:1; }
body .backgroundTransition .image-top {z-index: 2; display: none;}
#image-download { display: none; }
.backgroundTransition {background-image: url('https://unsplash.it/1920/1400?image=933');}
.company_ttext {height:200px;text-align:center;color:#fff;font-size:46px;font-weight:normal;line-height:200px; z-index:3; display:block; width:100%; position:absolute;}

/*서브경로*/
.sub_route{border-bottom:1px solid #e4e4e4;font-size:0;}
.sub_route .inner{height:55px;}
.sub_route .inner .gnb_guideTxt {display:block; text-align:center; font-size:16px; line-height:55px;} /* 임직원몰 서비스 추가 */
.home{float:left; display:inline-block; width:54px; height:55px; line-height:55px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:url('//image.skstoa.com/webMain/home.png') 50% 50% no-repeat;text-indent:-9999em;font-size:16px;}
.gnb_title,.route_title03 {float:left; display:inline-block;padding:0 32px;height:55px;font-size:16px;line-height:55px;text-align:center;border-right:1px solid #e4e4e4;}
.route_title03 {min-width:206px; text-align:left;}
.route_title,.route_title02{display:inline-block; height:55px; line-height:55px; border-right:1px solid #e4e4e4;position:relative;background:url('//image.skstoa.com/webMain/btn_selectorUp.png') 90% 50% no-repeat;font-size:16px;}
.route_title > a, .route_title02 > a{display:block; min-width:250px; padding-left:32px; padding-right:50px;}
.route_list, .route_list02 {display:none; width:252px; position:absolute; top:55px; left:-1px; border:1px solid #e4e4e4; background:#fff; z-index:5;}
.route_list li a, .route_list02 li a {display:block; width:100%; padding-left:32px; padding-right:50px; line-height:55px;}
.route_list li a:hover, .route_list02 li a:hover {background: #eaeaea;}
.route_title.active, .route_title02.active {background-image:url('../../img/webMain/btn_selectorDown.png')}/* 220524_9513 추가 */


/*11 - 회사개요*/
.summary{margin-bottom:100px;} /* PC 회사소개 조직도 페이지 추가 */
.summaryText01{font-size:26px;line-height:32px;color:#444;}
.summaryText02{font-size:18px;line-height:24px;color:#666;}
.summaryText03{margin-top:85px;font-size:26px;line-height:32px;color:#e62642;}
.summaryListBox{overflow:hidden;display:inline-block;width:1152px;}
.summaryListBox li{float:left;padding-top:360px;width:270px;margin-right:24px;}
.summaryListBox li.summaryList01{background:url(//image.skstoa.com/webMain/summary_img01.jpg) 0 0 no-repeat;}
.summaryListBox li.summaryList02{background:url(//image.skstoa.com/webMain/summary_img02.jpg) 0 0 no-repeat;}
.summaryListBox li.summaryList03{background:url(//image.skstoa.com/webMain/summary_img03.jpg) 0 0 no-repeat;}
.summaryListBox li.summaryList04{margin-right:0;background:url(//image.skstoa.com/webMain/summary_img04.jpg) 0 0 no-repeat;}
.summaryListBox li dt{padding-bottom:50px;font-size:18px;line-height:24px;color:#222;background:url(//image.skstoa.com/webMain/summary_bullet.png) 50% bottom no-repeat;}
.summaryListBox li dd{margin-top:30px;padding:35px 0;font-size:18px;line-height:24px;color:#222;letter-spacing:-0.1em;border:1px solid #e4e4e4;}

/*12 - 연혁 */
.historyBox{margin-top:15px;}
.historyBox li{overflow:hidden;padding:30px 0;border-top:1px dashed #e4e4e4;}
.historyBox li.bdT0{border-top:none;}
.historyBox li div{float:left;}
.historyBox li .history_titleBox{width:136px;}
.history_title{font-size:40px;color:#444;line-height:75px;}
.history_textBox{line-height:75px;}
.history_day{display:inline-block;width:70px;height:70px;color:#999;text-align:center;background:url(//image.skstoa.com/webMain/history_bg.png) 0 0 no-repeat; line-height:70px;}
.history_day.history_day02{color:#fff;background:url(//image.skstoa.com/webMain/history_bg02.png) 0 0 no-repeat;}
.history_text{display:inline-block;padding-left:25px;color:#888;}
.history_text2{display:inline-block;padding-left:25px;color:#888; line-height:30px; vertical-align:top; padding-top:10px;}

/* 13 - CEO인사말 */
.greeting {margin-top:45px; overflow:hidden;}
.greeting p {margin-top:45px; font-size:18px; color:#666; line-height:24px; letter-spacing:-0.4px;}
.greeting .txtB {font-weight:bold; font-size:26px; color:#444; line-height:32px;}
.greeting .color {color:#444;}

/* 14 - 윤리규범 */
.termsBox.termsBox02{padding:20px 30px;}
.list.list02{width:100%;}
.list.list02 li{float:left;width:33%;line-height:30px;}
.ethics_list{margin-top:40px;border-bottom:1px solid #e4e4e4;}
.ethics_list li{padding:25px 0;border-top:1px solid #e4e4e4;}
.ethics_list li dl{overflow:hidden;}
.ethics_list li dt{float:left;width:250px;line-height:36px;font-size:22px;color:#444;}
.ethics_list li dd{float:left;width:950px;line-height:26px;}
.ethics_text01{color:#444;}
.ethics_title{color:#666;}
.ethics_text02{color:#888;}
.btn_box{font-size:0;}
.btn_box button{width:210px;height:54px;font-size:20px;}
.btn_box a {display:inline-block; width:210px; height:54px; font-size:20px; line-height:54px;} /* PC - TV편성표 UI 개선 */
.btn_down{margin-right:10px;background:#444;color:#fff;line-height:54px;}
.btn_print{background:#fff;border:1px solid #e5e5e5;color:#222;line-height:52px;}

/* 15 - 윤리상담센터 */
.ethicsTitle {font-size:22px; color:#444; line-height:28px;}
.ethicsTxt {font-size:16px; color:#888; line-height:22px;}
ol.ethicsTxt {overflow:hidden;}
ol.ethicsTxt li {float:left;padding-right:30px;}
.ethicsTxt02 {min-height:42px; font-size:14px; color:#888; line-height:20px;}
.borderTop {overflow:hidden; width:100%; margin-top:50px; border-top:2px solid #666; border-bottom:1px solid #e5e5e5;}
.complain {width:50%; float:left; padding:40px 40px 40px 32px; border-right:1px solid #e5e5e5;}
.report {width:50%; float:right; padding:40px 40px 40px 32px;}
.borderTop ul {}
.borderTop ul li .infoBox li {display:table; width:528px; margin-top:10px; padding:0 20px; background:#f5f5f5;}
.borderTop ul li .infoBox li p {display:table-cell; height:72px; vertical-align:middle;}
.borderTop ul li ul li:first-child {margin-top:0;}
.borderTop .btn-list02.mgl15 {margin-left:15px;}
.borderTop .btn-list03.mgl15 {margin-left:15px;} /* PC - TV편성표 UI 개선 */
li.tel {font-size:18px; color:#888;}
li.tel .colorR {color:#e62642;}
li.ethicsTxt02 .colorB {color:#444;}
li.ethicsTxt02 .colorB.flex {display:inline-table; width:445px;}

/* PC 회사소개 조직도 페이지 추가 - s */
/* organization - 조직도 */
.organization {}
.organization .captionTxt {text-align:right; font-size:16px; color:#222;}
.organization .orgChart {overflow:hidden; border:1px solid #e4e4e4; text-align:center;}
.organization .orgChart img {vertical-align:top;}
.organization .orgList {visibility:hidden; overflow:hidden; position:absolute; left:-9999px; height:0; font-size:0;}
/* PC 회사소개 조직도 페이지 추가 - e */

/* PC 회사소개 채용정보 20210122 추가 - s */
.footer .sns {float: right;margin-top: 30px;}
/* 채용안내 - s */
.recruit_wrap .con_txt {margin:38px 0 46px 0;font-size:24px;color:#444;line-height:36px;}
.recruit_wrap .con_tit{padding-top:48px; border-top:1px solid #e5e5e5; font-size:24px;color:#444;font-weight:500;}
.recruit_wrap .con_sub_txt{margin-top:12px;font-size:16px; color:#666; line-height:23px;}
.step_area{margin-top:48px;}
.step_area:after{display:block; clear:both; content:""}
.step_area .step{float:left; width:200px;}
.step_area .step + .step{margin-left:24px;}
.step_area .step .step_tit{padding-top:66px;text-align:center;font-size:24px;color:#444;font-weight:500;line-height:30px;}
.step_area .step .step_tit strong{display:block;margin-bottom:4px;font-size:18px;color:#444;font-weight:500;}
.step_area .step .step_tit span{display:block;margin-top:1px;font-size:14px;color:#666;font-weight:500;line-height:16px;}
.step_area .step.list1 .step_tit{width:200px;height:200px;background: url(//image.skstoa.com/webMain//bg_step1.png) no-repeat 0 0;}
.step_area .step.list2 .step_tit{width:200px;height:200px;background: url(//image.skstoa.com/webMain/bg_step2.png) no-repeat 0 0;}
.step_area .step.list3 .step_tit{width:200px;height:200px;background: url(//image.skstoa.com/webMain/bg_step3.png) no-repeat 0 0;}
.step_area .step.list3.center .step_tit{padding-top:56px;}
.step_area .step.list4 .step_tit{width:200px;height:200px;background: url(//image.skstoa.com/webMain/bg_step4.png) no-repeat 0 0;}
.step_area .step.list5 .step_tit{width:200px;height:200px;background: url(//image.skstoa.com/webMain/bg_step5.png) no-repeat 0 0;}
.step_area .step.list5.center .step_tit{padding-top:51px;}
.step_area .step.list5.center .step_tit strong{margin-bottom:3px}
.step_area .step .step_txt{padding:12px 0 0 25px;font-size:14px;line-height:20px;color:#666;letter-spacing:-0.05em;}
.step_area .step .step_txt strong{color:#222;font-weight:500;}
.recruit_wrap .noti_txt{margin:37px 0 0 24px;font-size:14px;color:#888;}
.recruit_wrap .noti_txt + .con_tit{margin-top:52px;}
/* 채용안내 - e */

/* 채용공고 - s */
.tbl_wrap {margin-top:46px;}
.tbl_wrap .listBoard{margin-top:0;}
.tbl_wrap.noti .ellipsis{width:400px;}/* 2021-02-26 수정 */
.btn_red{background-color:#e62642;color:#fff;}
.btn_red:disabled{background-color:#ccc;color:#fff;}
.tbl_view_wrap .viewBord th{vertical-align:middle;}
.tbl_view_wrap .viewBord td{vertical-align:middle;}
.tbl_view_wrap .viewBord td.content{padding:30px;}
.file_list{padding:18px 0 21px 30px !important;}
.file_list li{font-weight:bold;}
.file_list li + li{margin-top:14px;}
/* 지원관리 채용공고 - s */
.tbl_wrap.noti2 .ellipsis.list2{width:450px;}
.tbl_wrap.noti2 .listBoard td {padding:20px 10px 19px}
.contents .inner .list_type1{margin-top:15px;}
.tbl_wrap .openPop.btn_pop{padding-bottom:4px;border-bottom:1px solid #e62642;color:#e62642}
.tbl_wrap .openPop.btn_pop:hover{text-decoration: none;}
.contents .inner .btn_serch, .contents .inner .btn_delete{display:inline-block;width:64px;height:32px;line-height:30px; font-size:14px;text-align:center;}
.contents .inner .btn_serch:hover, .contents .inner .btn_delete:hover{text-decoration: none;}
.contents .inner .btn_serch{border:1px solid #e62642; color:#e62642}
.contents .inner .btn_delete{border:1px solid #ccc; color:#666}

/* 채용공고 - 입사지원 */
.ipt_list_wrap {margin-top: 46px;border-top:2px solid #666;}
.ipt_tit{position:relative;padding:30px 0 35px 4px;border-bottom:1px solid #e5e5e5;font-size:24px;color:#444;}
.con_sec_wrap{padding-bottom:40px;border-bottom:2px solid #ccc;}
.con_sec_wrap:after{display:block; clear:both; content:""}
.con_sec_wrap .inp_section,
.con_sec_wrap .term_section {float:left;width:600px;}
.con_sec_wrap .term_section {padding:69px 0 0 40px;width:600px;}
.inp_in_wrap:after{display:block; clear:both; content:""}
.inp_in_wrap{margin-top:16px;}
.inp_in_wrap dd input[type="text"]::placeholder{color:#ccc;font-weight:100;}
.inp_in_wrap dd input[type="text"]::-ms-input-placeholder {color:#ccc !important;font-weight:100;}
.inp_in_wrap input::-webkit-input-placeholder {color:#ccc;font-weight:100;}
.inp_in_wrap input:-ms-input-placeholder {color:#ccc  !important;font-weight:100;}
.inp_in_wrap dt, .inp_in_wrap dd{float:left}
.inp_in_wrap dt{line-height:48px;font-size:16px;color:#444;}
.inp_in_wrap dd input[type="text"],
.inp_in_wrap dd input[type="password"]{padding:0 15px; border:1px solid #e5e5e5;font-size:16px;color:#222;}
.con_sec_wrap .inp_in_wrap dt{width:142px}
.con_sec_wrap .inp_in_wrap dd{width:458px;}
.con_sec_wrap .inp_in_wrap dd input{width:100%;}
.con_sec_wrap .inp_section .list_type1{margin-top:0;padding-top:39px;}
.list_type1 li{position:relative;padding-left:7px;font-size:14px;color:#444;}
.list_type1 li:after{content:""; display:block; position:absolute; top:5px; left:0; z-index:1; width:2px; height:2px; background:#575757}
.list_type1 li + li{margin-top:10px;}
.inner_line{margin-top:16px;border-top:1px solid #e5e5e5;}
.con_sec_wrap .select_box,
.con_sec_wrap .select_box li:not(.init){width:134px;}
.con_sec_wrap .select_box li{color:#222;}
.con_sec_wrap .select_box .ico_select{width:134px;background:url(//image.skstoa.com/webMain/ico_sel_up.png) 104px 20px no-repeat}
.con_sec_wrap .select_box .ico_select.active{background:url(//image.skstoa.com/webMain/ico_sel_down.png) 104px 20px no-repeat}
.con_sec_wrap .select_box + input{margin-left:4px}
/* 2021-02-26 추가 s */
.inp_btn_area{position: relative;}
.inp_in_wrap .btn_att{position:absolute;top:0;right:0; width:134px;height:48px;background:#444;color:#fff;font-size:16px;}
.inp_in_wrap .btn_att:disabled{background:#ccc;color:#999;}
.inp_in_wrap .inp_btn_area .btn_ty input[type="text"]{width:324px;}
.inp_in_wrap .inp_btn_area input:disabled{background:#f5f5f5;color:#222;}
.inp_in_wrap .inp_btn_area .complete_msg{display:none}

.inp_in_wrap .inp_btn_area.complete .btn_att,
.inp_in_wrap .inp_btn_area.complete .inp_time_type_wrap.btn_ty{display:none;}
.inp_in_wrap .inp_btn_area.complete input[type="text"]{background:#f5f5f5;color:#222;width:100% !important;}
.inp_in_wrap .inp_btn_area.complete .complete_msg{display:block;position:absolute; right:16px; top:15px; padding-right:25px; font-weight:600;color:#444;}
.inp_in_wrap .inp_btn_area.complete .complete_msg:after{content:""; display:block; position:absolute; top:5px; right:0; width:12px; height:9px; background:url(../../img/webMain/complete_chk.png) 0 center no-repeat;}

.inp_time_type_wrap.btn_ty{margin-top:16px;}
.inp_time_type_wrap.btn_ty input[type="text"]{margin-bottom:0 !important;}
.inp_time_type_wrap.btn_ty .time{right:143px}
/* 2021-02-26 추가 e */
.file_upload_wrap{position:relative;}
.fileUploadBtn {
    display: inline-block;
    width:134px;
    height:48px;
    line-height:48px;
    vertical-align: middle;
    background-color: #444;
    text-align:center;
    color:#fff;
    cursor: pointer;
}
.file_wrap {position: absolute;top:0;left:137px;z-index:1;}
.file_wrap .btn_del_file{display:block;position: absolute;right:0;top:0;width:30px;height:48px;z-index:20;}
.file_wrap .btn_del_file img{position: absolute;top:50%;margin-top:-9px}
.fileNmBox {
    width: 316px !important;
    height: 48px;
    margin-left:4px;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border:1px solid #e5e5e5;
    font-weight:bold;
    font-size:16px;
    color:#222;
}
.file_txt{position: absolute;top:0;left:140px;z-index:5;padding:3px 0 0 9px;font-size:14px;color:#888;width: 318px !important;height:48px;line-height:20px;background-color: #fff;}
.file_txt:after{content:"*"; display:block; position:absolute; top:6px; left:1px; width:5px; height:5px}

/*********************** 체크박스 *************************/
.btn_check{position: relative;}
.btn_check input[type=checkbox].checkbox{opacity:0;position:absolute;z-index:12;height:16px;width:16px;;cursor:pointer;border:none;top:0;left:0;}
.btn_check input[type=checkbox].checkbox+.label:before {position:absolute;top:0;left:0;content: '';height:16px;width:16px;display:inline-block;background:#fff;border:1px solid #ccc;}
.btn_check input[type=checkbox].checkbox:checked+.label:before{border:1px solid #e62642;background: #e62642 url(//image.skstoa.com/webMain/ico_check_box_on.png) center no-repeat}
.btn_check em{display:inline-block;vertical-align:top;padding-left:26px;font-size:14px;font-weight: normal;color:#444;font-style: normal;}
.btn_check em span{color:#888;}

/*********************** Select *************************/
.select_box_wrap{width:134px;display:inline-block;margin-right:4px}
.select{ position:relative; line-height:normal; display:inline-block; width:134px; *display:inline; vertical-align:middle; background:#fff; *zoom:1;}
.select *{ margin:0; padding:0; cursor:pointer; font-size:14px;}
.select .myValue{ position:relative; z-index:2; left:0; top:0;height:46px; padding-left:10px;border:1px solid #e5e5e5; color:#222; font-size:16px; line-height:46px; text-align:left;}
.select .ctrl{ position:absolute; top:0; right:0; width:36px; height:46px; background:#fff;}
.select .arrow{ position:absolute; width:30px; height:46px; top:0; right:0; background: url(//image.skstoa.com/webMain/ico_sel_down.png) 0 center no-repeat;}
.select ul{top:45px; left:0; display:block; width:100%; max-height:150px; list-style:none; border:0;background:#fff; overflow-y:auto;border-bottom:1px solid #e5e5e5;}
.select ul.aList{ display:none; text-align:left;}
.select.open ul.aList{ display:block;z-index:9999;}
.select ul.iList{position:absolute;left:-2000%; text-align:left;}
.select.open ul.iList{left:0; z-index:9999;}
.select.open .arrow{background: url(//image.skstoa.com/webMain/ico_sel_up.png) 0 center no-repeat}
.select li{ position:relative; overflow:hidden; white-space:nowrap; text-align:left; height:46px; padding:5px 0; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.select li input.option{ position:absolute; left:-9999px; width:100%; height:20px; line-height:20px;}
.select li label{ position:absolute; left:0; top:0; width:100%; height:46px; padding:0px 10px; line-height:46px; font-size:16px; color:#222;}
.select li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; text-decoration:none;}
.select li.hover {background:#eaeaea;  padding:0px 10px;}

.scrollbar{width:560px;height: 127px;overflow-y: scroll;padding:22px 5px 0 23px;background:#fafafa;margin-top:17px;border:1px solid #e5e5e5;font-size:12px;font-weight:normal;color:#888;}
.scrollbar .inner{padding-bottom:22px;overflow-x:hidden;width:515px; font-weight: 300;}
.scrollbar::-webkit-scrollbar {width: 5px;}
.scrollbar::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 0;}
.scrollbar::-webkit-scrollbar-track {background-color: #e3e3e3;}

/* 2021-02-23 추가 s */
.scrollbar .inner .tbl_wrap {margin-top:0;}
.scrollbar .inner .listBoard th {padding: 10px;font-size:13px;}
.scrollbar .inner .listBoard td{padding: 10px;text-align: center;line-height:15px;}
.scrollbar .inner .tbl_wrap + p {margin-top:10px;line-height:15px;}
/* 2021-02-23 추가 e */

.term_section .btn_check{margin-top:16px;}
.term_section .btn_check:first-child{margin-top:0;}
/* 채용공고 - e */

/* 지원관리 s */
.con_sec_wrap.center{padding:32px 0 50px 0;border-bottom:1px solid #e5e5e5;}
.con_sec_wrap.center .inp_section{width:554px;float:none;margin:0 auto;}
.con_sec_wrap.center .inp_in_wrap dt{width:96px;}
.con_sec_wrap.center .inp_in_wrap dd{width:458px;}
.submit.on.btn{display: none;}

.ipt_tit .right_sec{position: absolute;top:26px;right:0;}
.ipt_tit .date_txt{display:inline-block;margin-right:9px;font-size:14px;color:#888;}
.ipt_tit .date_txt em{font-style: normal;}
.ipt_list_wrap .view_section{padding:50px 0 10px 257px}
.view_section .view_list:first-child{margin-top:0;}
.view_section .view_list{margin-top:24px}
.view_section .view_list:after{display:block; clear:both; content:""}
.view_section .view_list dt, .view_section .view_list dd{float:left}
.view_section .view_list dt{width:207px;font-size:16px;color:#444;}
.view_section .view_list dd{font-size:16px;font-weight:500;}
.list_type1.left_int{padding-left:258px;}
.file_down_link{font-weight:bold;}
/* 팝업 s */
/* 비밀번호 재설정 */
.btn_popup{margin: 16px 0 0;} /* 210304 지원관리 수정 */
.btn_popup a.openPop{padding-bottom:4px;font-size:14px;color:#444;border-bottom:1px solid #a1a1a1}
.modal.layerPop {display:none; width:720px; letter-spacing:-0.05em;}
.modal.layerPop .modal_header {height:110px; border-bottom:1px solid #e4e4e4;}
.modal.layerPop .modal_header .modal_title {padding:30px 10px; text-align:center; font-size:34px; line-height:60px; color:#444; background:none;}
.modal.layerPop .modal_body{padding-bottom:50px;}

.modal.layerPop .ipt_list_wrap{margin-top:0;border-top:none}
.modal.layerPop .inp_in_wrap {width:553px;margin:16px auto;}
.modal.layerPop .inp_in_wrap dt{text-align:left;width:95px;}
.modal.layerPop .inp_in_wrap dd input[type="text"], .modal.layerPop .inp_in_wrap dd input[type="password"]{color:#444;}
.inp_in_wrap dd .inp_btn_type_wrap{position: relative;height:48px;}
.modal.layerPop .inp_in_wrap dd .inp_btn_type_wrap input{position:absolute;left:0;;width:339px;padding-right:15px;}/*2021-02-23 padding-right:15px 수정*/
.inp_in_wrap dd .inp_btn_type_wrap .btn_ok{position:absolute;top:0;right:0;;width:119px;height:48px;background:#444;font-size:20px;font-size:16px;color:#fff;border:1px solid #e5e5e5;border-left:none !important}
.inp_in_wrap dd .inp_btn_type_wrap .btn_ok:disabled{background:#f5f5f5;color:#444;border-left:1px solid #e5e5e5;}
.modal.layerPop .con_sec_wrap.center{border-bottom:none;padding:34px 0 0 0}
.inp_time_type_wrap{position: relative;margin-top:8px;}
.con_sec_wrap .inp_in_wrap dd .inp_time_type_wrap input[type="text"]{padding-right:60px;margin-bottom:5px;}
.inp_time_type_wrap .time{position: absolute;top:17px;right:16px;color:#e62642;font-size:16px;}
.inp_time_type_wrap .input_basic{min-height:32px;margin-left:15px;font-size:12px;color:#e62642;line-height:16px;text-align:left;}
.modal.layerPop .con_sec_wrap.center .inp_section{width:600px;padding-bottom:0;text-align:center;border-bottom:1px solid #e5e5e5}
.modal.layerPop .con_sec_wrap .inp_in_wrap{margin-bottom:14px;}

.modal.layerPop .ipt_list_wrap.pw_type .inp_section{padding-bottom:50px;}
.modal.layerPop .ipt_list_wrap.pw_type .inp_in_wrap{width:584px; margin:16px 9px 0 7px;}
.modal.layerPop .ipt_list_wrap.pw_type .inp_section{width:600px;}
.modal.layerPop .ipt_list_wrap.pw_type dt{width:126px;}
.modal.layerPop .ipt_list_wrap.pw_type dd{width:458px;}
/* 전형결과 확인 */
.modal.layerPop .modal_body .btn_red.closePop{position:static;}
.modal_body .view_section{width:600px;padding:50px 0 50px 101px;margin:0 auto;border-bottom:1px solid #e5e5e5}
.modal_body .view_section .view_list{margin-top:42px}
.modal_body .view_section .view_list:first-child{margin-top:0;}
/* 팝업 e */
/* 지원관리 e */
/* PC 회사소개 채용정보 20210122 추가 - e */


/*19 - TV쇼핑 */
.route_title + .route_title02{border-left:none;}
.TV_text01{font-size:24px;color:#444;letter-spacing:0.005em;line-height:30px; font-weight:normal;}
.TV_text02{font-size:18px;color:#666;letter-spacing:0.005em;line-height:22px;}
.TV_text03{font-size:15px;color:#666; letter-spacing:0.005em; font-weight:normal;}
.businessIntro{width:100%; position:relative; text-align:center;}
.tv_channel {width:826px; height:415px; position:relative; background:url(//image.skstoa.com/webMain/businessIntro_bg.png) 0 0 no-repeat;}
.tv_channel ul {width:376px; height:220px; position:absolute; top:94px; left:84px;}
.tv_channel a{display:block;cursor:pointer;}
.tv_channel a.on{display:none;}
.tv_channel .ch01 > a{position:absolute;left:148px;top:-35px;}
.tv_channel .ch02 > a{position:absolute;left:243px;top:0px;}
.tv_channel .ch03 > a{position:absolute;left:305px;top:62px;}
.tv_channel .ch04 > a{position:absolute;left:270px;top:130px;}
.tv_channel .ch05 > a{position:absolute;left:225px;top:184px;}
.tv_channel .ch06 > a{position:absolute;left:125px;top:182px;}
.tv_channel .ch07 > a{position:absolute;left:8px;top:160px;}
.tv_channel .ch08 > a{position:absolute;left:0px;top:100px;}
.tv_channel .ch09 > a{position:absolute;left:8px;top:24px;}
.tv_channel .ch10 > a{position:absolute;left:73px;top:-20px;}
.tv_channel .ch_num{display:none;position:absolute;left:153px;top:56px;}
.businessIntro dl{position:absolute; top:5px; left:610px;}
.businessIntro .ico_btv{display:block;margin-bottom:20px;width:115px;height:53px;background:url(//image.skstoa.com/webMain/ico_btv.png) 0 bottom no-repeat;}
.tabs.tabs03 ul li{width:50%;padding-top:13px;font-size:18px;color:#444;line-height:22px;}
.tabs.tabs03 ul li.on + li {border-right:1px solid #e4e4e4;}

.TV_channelList {overflow:hidden; padding:1px 0 0 1px;}
.TV_channelList li {float:left; position:relative; width:14.28571428571429%;/*100/7*/ width:calc(100%/7); height:100px; margin:-1px 0 0 -1px; border:1px solid #eee;}
.TV_channelList li div {display:table; table-layout:fixed; width:100%; height:100%;}
.TV_channelList li div .channelLogo {display:table-cell; vertical-align:middle; text-align:center;}
.TV_channelList li div .channelNumber {display:none; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; padding:18px 0 19px; text-align:center; color:#fff; background:#e62642;}
.TV_channelList li div.active .channelNumber {display:block;}
.TV_channelList li div .channelNumber em {display:inline-block; font-size:15px; line-height:15px; font-style:normal;}
.TV_channelList li div .channelNumber strong {display:inline-block; width:100%; padding-top:5px; font-size:34px; font-weight:normal; line-height:50px; letter-spacing:-0.05em;} /* PC채널안내 업데이트 */
.TV_serviceInfo {overflow:hidden;}
.TV_serviceInfo li {float:left; width:380px; margin-left:29px;}
.TV_serviceInfo li:first-child {margin-left:0;}
.TV_serviceInfo li img {vertical-align:top;}
.TV_serviceInfo li p {padding:30px; background:#f3f3f3;}
.TV_serviceInfo li p strong {display:block; font-size:18px; font-weight:normal; color:#666;}
.TV_serviceInfo li p span {display:block; margin-top:10px; font-size:15px; line-height:1.2; color:#888;}
.TV_partnersList {position:relative; padding:60px 120px;}
.TV_partnersList .viewBox {overflow:hidden; min-width:960px; text-align:center; font-size:0; white-space:nowrap;}
.TV_partnersList .viewBox li {display:block; float:left; width:160px; height:140px; outline:none; text-align:center;}
.TV_partnersList .viewBox li div {display:table; width:100%; height:100%; outline:none; background:url(//image.skstoa.com/webMain/tv_partnerLogoBg.png) no-repeat center center;}
.TV_partnersList .viewBox li div span {display:table-cell; vertical-align:middle;}
.TV_partnersList .btnWrap {}
.TV_partnersList .btnWrap a {display:block; position:absolute; top:50%; z-index:1; padding:0 30px; margin-top:-36px;}
.TV_partnersList .btnWrap a.prev {left:0;}
.TV_partnersList .btnWrap a.next {right:0;}
.TV_bestHitProduct {position:relative;}
.TV_bestHitProduct .captionText {position:absolute; top:-20px; right:0; z-index:1; text-align:right; font-size:15px; line-height:15px; color:#888;}
.TV_bestHitProduct .productList {height:390px;}
.TV_bestHitProduct .productList li {padding-left:652px;}
.TV_bestHitProduct .productList li a {display:block; overflow:hidden; width:100%; height:66px; padding:0 30px; margin-top:8px; border:1px solid #e4e4e4;}
.TV_bestHitProduct .productList li:first-child a {margin-top:0;}
.TV_bestHitProduct .productList li a span {display:block; float:left; vertical-align:top; font-size:18px; line-height:64px;}
.TV_bestHitProduct .productList li a .seqNum {width:40px; text-align:left; color:#888;}
.TV_bestHitProduct .productList li a .prdName {overflow:hidden; width:330px; letter-spacing:-0.05em; white-space:nowrap; text-overflow:ellipsis; color:#444;}
.TV_bestHitProduct .productList li a .prdCategory {float:left; width:116px; text-align:right; color:#888;}
.TV_bestHitProduct .productList li .prdImg {opacity:0; position:absolute; top:30px; left:0; z-index:1; transition:opacity 0.8s ease-in; -webkit-transition:opacity 0.8s ease-in;}
.TV_bestHitProduct .productList li.active a {padding:0 29px; border:2px solid #e62642;}
.TV_bestHitProduct .productList li.active a span {line-height:62px;}
.TV_bestHitProduct .productList li.active .prdImg {opacity:1; transition:opacity 0.8s ease-out; -webkit-transition:opacity 0.8s ease-out;}
.TV_joinSteps {position:relative; padding:60px 120px 80px;}
.TV_joinSteps .viewBox {overflow:hidden; height:522px;}
.TV_joinSteps .viewBox li {float:left; width:100%; height:522px; text-align:center;}
.TV_joinSteps .btnWrap {}
.TV_joinSteps .btnWrap a {display:block; position:absolute; top:50%; z-index:1; padding:0 30px; margin-top:-36px;}
.TV_joinSteps .btnWrap a.prev {left:0;}
.TV_joinSteps .btnWrap a.next {right:0;}
.TV_joinSteps .pagination {display:block; position:absolute; bottom:0; left:0; z-index:1; width:100%; padding:0 100px; font-size:0; background:url(//image.skstoa.com/webMain/tv_joinStepImgLine.gif) no-repeat center 8px;}
.TV_joinSteps .pagination li {display:inline-block; width:33.33%; vertical-align:top; text-align:center; font-size:18px; letter-spacing:-0.05em; color:#666;}
.TV_joinSteps .pagination li:before {content:"●"; display:inline-block; width:100%; padding-bottom:10px; color:#c9ccd1;}
.TV_joinSteps .pagination li.active {color:#e62642;}
.TV_joinSteps .pagination li.active:before {color:#e62642;}
.TV_listBox {overflow:hidden; width:916px; margin:0 auto; background:url(//image.skstoa.com/webMain/icon_TV_listBoxLine.png) no-repeat center 63px;}
.TV_listBox li {float:left; width:25%; padding-top:164px; font-size:15px; letter-spacing:-0.1em; color:#666;}
.TV_listBox li.TV_list01{background:url(//image.skstoa.com/webMain/icon_TV_listBox01.png) no-repeat center 0;}
.TV_listBox li.TV_list02{background:url(//image.skstoa.com/webMain/icon_TV_listBox02.png) no-repeat center 0;}
.TV_listBox li.TV_list03{background:url(//image.skstoa.com/webMain/icon_TV_listBox03.png) no-repeat center 0;}
.TV_listBox li.TV_list04{background:url(//image.skstoa.com/webMain/icon_TV_listBox04.png) no-repeat center 0;}
.TV_listBox li.btn_bg{width:73px;height:100%;background:url(//image.skstoa.com/webMain/product_bullet.png) no-repeat 50% 50%;}
.TV_stoaListInfo {overflow:hidden; margin-left:-25px;}
.TV_stoaListInfo li {float:left; width:220px; height:220px; padding:50px 30px; margin:25px 0 0 25px; border:1px solid #e4e4e4; text-align:center;}
.TV_stoaListInfo li .logoImg {padding-bottom:10px;}
.TV_stoaListInfo li .logoImg img {vertical-align:top;}
.TV_stoaListInfo li dl {overflow:hidden; width:100%; margin-top:10px; font-size:15px;}
.TV_stoaListInfo li dl dt {float:left; width:60px; text-align:justify; text-align-last:justify; color:#565656;}
.TV_stoaListInfo li dl dd {float:left; width:98px; color:#888;}


/* 23 - 모바일 쇼핑 */
.mobile {min-height:495px; background:url(//image.skstoa.com/webMain/mobile.png) no-repeat;}
.mobile .mobileConts {padding-left:265px;}
.MO_text01{font-size:24px;color:#444; letter-spacing:0.005em;line-height:30px; font-weight:normal;}
.MO_text02{font-size:18px;color:#666; letter-spacing:0.005em;line-height:22px;}
.MO_text03{font-size:15px;color:#888; letter-spacing:0.005em; font-weight:normal;}

.MO_mobileVisual {position:relative; padding:110px 120px 0;}
.MO_mobileVisual .viewBox {overflow:hidden; height:590px;}
.MO_mobileVisual .viewBox li {float:left; width:229px; height:590px; text-align:center; outline:none;}
/*.MO_mobileVisual .viewBox li.slick-active {opacity:0.2; transition:opacity 0.3s ease-out; -webkit-transition:opacity 0.3s ease-out;}
.MO_mobileVisual .viewBox li.slick-center {opacity:1; transition:opacity 0.3s ease-out; -webkit-transition:opacity 0.3s ease-out;}
.MO_mobileVisual .viewBox li.slick-active .infoBox {opacity:0; transition:opacity 0.3s ease-out; -webkit-transition:opacity 0.3s ease-out;}
.MO_mobileVisual .viewBox li.slick-center .infoBox {opacity:1; transition:opacity 0.3s ease-out; -webkit-transition:opacity 0.3s ease-out;}*/
.MO_mobileVisual .viewBox li .infoBox {padding-top:80px;}
.MO_mobileVisual .viewBox li .infoBox strong {display:block; font-size:34px; font-weight:normal; color:#e62642;}
.MO_mobileVisual .viewBox li .infoBox span {display:block;}
.MO_mobileVisual .viewBox li .infoBox .txt01 {margin-top:20px; font-size:24px; color:#444;}
.MO_mobileVisual .viewBox li .infoBox .txt02 {margin-top:10px; font-size:18px; color:#666;}
.MO_mobileVisual .frameImg {position:absolute; top:50px; left:50%; z-index:10; width:252px; height:522px; margin-left:-126px; background:url(//image.skstoa.com/webMain/mo_iphoneFrame.png) no-repeat center top;}
.MO_mobileVisual .btnWrap {}
.MO_mobileVisual .btnWrap a {display:block; position:absolute; top:320px; z-index:1; padding:0 30px; margin-top:-36px;}
.MO_mobileVisual .btnWrap a.prev {left:0;}
.MO_mobileVisual .btnWrap a.next {right:0;}

.MO_benefitList {overflow:hidden;}
.MO_benefitList li {float:left; width:282px; margin-left:24px; padding-top:280px;}
.MO_benefitList li:first-child {margin-left:0;}
.MO_benefitList li.benefit01 {background:url(//image.skstoa.com/webMain/mo_benefitImg01.jpg) no-repeat center top;}
.MO_benefitList li.benefit02 {background:url(//image.skstoa.com/webMain/mo_benefitImg02.jpg) no-repeat center top;}
.MO_benefitList li.benefit03 {background:url(//image.skstoa.com/webMain/mo_benefitImg03.jpg) no-repeat center top;}
.MO_benefitList li.benefit04 {background:url(//image.skstoa.com/webMain/mo_benefitImg04.jpg) no-repeat center top;}
.MO_benefitList li p {height:104px; padding-top:29px; border:1px solid #e4e4e4; vertical-align:middle; text-align:center; color:#666;}
.MO_benefitList li p span {display:inline-block; width:100%; font-size:15px; line-height:20px;}
.MO_benefitList li p strong {display:inline-block; width:100%; font-size:18px; font-weight:normal; line-height:24px;}

.MO_qrCode {overflow:hidden;}
.MO_qrCode li {float:left; position:relative; width:33.33%; width:calc(100%/3); height:288px;}
.MO_qrCode li:before {content:""; display:block; position:absolute; top:0; left:0; z-index:1; width:1px; height:288px; background:#e4e4e4;}
.MO_qrCode li:first-child:before {display:none;}
.MO_qrCode li .inBox {width:226px; margin:0 auto; text-align:center; letter-spacing:-0.05em;}
.MO_qrCode li strong {display:block; font-size:24px; font-weight:normal; line-height:27px; color:#e62642;}
.MO_qrCode li span {display:block; font-size:24px; line-height:27px; color:#444;}
.MO_qrCode li .qrImg {display:block; height:180px;}
.MO_qrCode li .inBox a, .MO_qrCode li .inBox div {display:block; height:54px; font-size:18px;}
.MO_qrCode li .inBox div i {display:inline-block; width:35px; height:35px; margin-right:10px; vertical-align:middle;}
.MO_qrCode li i.qr_icon01 {background:url(//image.skstoa.com/webMain/qrCode.png) no-repeat center center;}
/* 20180410 수정 - s */
.MO_qrCode li i.qr_icon02 {background:url(//image.skstoa.com/webMain/qrCode3.png) no-repeat center center;}
.MO_qrCode li i.qr_icon03 {background:url(//image.skstoa.com/webMain/qrCode2.png) no-repeat center center;}
/* 20180410 수정 - e */
.MO_qrCode li a.btnCopyLink {line-height:54px; color:#fff; background:#e62642;}
.MO_qrCode li .iosAppDown {border:1px solid #e1e1e1; line-height:52px; color:#313131;}
.MO_qrCode li .iosAppDown i {background:url(//image.skstoa.com/webMain/ios_icon.png) no-repeat center center;}
.MO_qrCode li .androidAppDown {border:1px solid #e1e1e1; line-height:52px; color:#313131;}
.MO_qrCode li .androidAppDown i {background:url(//image.skstoa.com/webMain/android_icon.png) no-repeat center center;}

.MO_paymentSteps {position:relative; padding:60px 120px 80px;}
.MO_paymentSteps .viewBox {overflow:hidden; height:590px;}
.MO_paymentSteps .viewBox li {float:left; width:100%; height:590px; text-align:center; outline:none;}
.MO_paymentSteps .viewBox li span {display:inline-block; width:100%; height:68px; padding-top:40px; vertical-align:top; font-size:24px; line-height:28px; color:#444;}
.MO_paymentSteps .btnWrap {}
.MO_paymentSteps .btnWrap a {display:block; position:absolute; top:50%; z-index:1; padding:0 30px; margin-top:-36px;}
.MO_paymentSteps .btnWrap a.prev {left:0;}
.MO_paymentSteps .btnWrap a.next {right:0;}
.MO_paymentSteps .pagination {display:block; position:absolute; bottom:0; left:0; z-index:1; width:100%; padding:0 100px; font-size:0; background:url(//image.skstoa.com/webMain/tv_joinStepImgLine.gif) no-repeat center 8px;}
.MO_paymentSteps .pagination li {display:inline-block; width:25%; vertical-align:top; text-align:center; font-size:18px; letter-spacing:-0.05em; color:#666;}
.MO_paymentSteps .pagination li:before {content:"●"; display:inline-block; width:100%; padding-bottom:10px; color:#c9ccd1;}
.MO_paymentSteps .pagination li.active {color:#e62642;}
.MO_paymentSteps .pagination li.active:before {color:#e62642;}


/*25 - 보도자료 */
.title {font-size:34px; color:#444; line-height:40px;}
.srchArea {height:48px; margin-top:50px;}
.srchArea .total {float:left; font-size:18px; color:#222; line-height:24px; margin-top:24px;}
.srchArea .total .num {color:#e62642; font-style:normal; font-weight:bold; padding:0px 4px;}
.srchArea .srch {float:right; font-size:0; line-height:0; position:relative;}
.srchArea .srch select{padding:0 20px;margin-right:-6px;background:none;}
.srchArea .srch input{width:270px;border-left:0; padding: 5px 50px 0px 15px;}
.srchArea .srch button {
display:inline-block;
position:absolute;
top:2px; right:0;
padding-right:40px;
width:19px;
height:48px;
background:url(//image.skstoa.com/webMain/btn/srch_btn.png) no-repeat 0 50%;
text-indent:-9999px;
}
.listBoard {margin-top:20px; border-top:2px solid #666; border-bottom:2px solid #ccc; border-collapse:separate;}
.listBoard th {padding:17px 20px 21px; border-right:1px solid #e4e4e4; background:#f1f3f7; font-size:16px; color:#222;}
.listBoard th:last-child {border-right:0;}
.listBoard td {padding:20px 30px 19px; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; text-align:center; color:#888;}  /* color 수정 - 17.11.22 */
.listBoard td:last-child { border-right:0;}
.listBoard th.noLast,
.listBoard td.noLast {border-right:1px solid #e4e4e4;} /* 20190620 개인정보처리방침 마크업 수정 */
.listBoard td a:hover {text-decoration:underline;}

/* 게시판 페이징 */
.pasing {text-align:center; margin-top:50px;}
.pasing > div {display:inline-block;}
.pasing a {float:left; width:36px; height:36px; margin-left:-1px; border:1px solid #e4e4e4;}
.pasing > div > a {text-indent:-9999em; background-repeat:no-repeat; background-position:50% 50%;}
.pasing > div > span {float:left; display:inline-block; font-size:0; line-height:0; margin:0 10px;}
.pasing span a {font-size:12px; line-height:34px; text-align:center; border-right:none; margin-left:0;} /* margin-left 추가 - 17.11.23 */
.pasing span a.pageEnd {border-right:1px solid #e4e4e4;}  /* css추가 - 17.11.23 */
.pasing .first {background-image:url(//image.skstoa.com/webMain/btn/pasing_first.png);}
.pasing .prev {background-image:url(//image.skstoa.com/webMain/btn/pasing_prev.png);}
.pasing .next {background-image:url(//image.skstoa.com/webMain/btn/pasing_next.png);}
.pasing .last {background-image:url(//image.skstoa.com/webMain/btn/pasing_last.png);}
.pasing span .now {background:#e62642; color:#fff; border:1px solid #e62642;}  /* border 추가 - 17.11.23 */
.pasing span a:hover {background:#e62642; color:#fff; border:1px solid #e62642;} /* border 추가 - 17.11.23 */

/* 26 - 보도자료, 시청자위원회 위원회 자료실 view */
.table_layout_fixed {table-layout: fixed;} /* 210120 추가 */
.viewBord {margin-top:50px; border-top:2px solid #666; border-bottom:2px solid #ccc; text-align:left;}
.viewBord th {padding:17px 30px 22px; background:#f1f3f7; font-size:16px; color:#222; border-top:1px solid #e4e4e4;}
.viewBord td {color:#888; padding:0 30px; border-top:1px solid #e4e4e4;}  /* color 추가 - 17.11.22 */
.viewBord tr:last-child td {border-bottom:0;}
.viewBord td > a:hover {text-decoration:underline;}
.viewBord td.content {line-height:24px; padding:30px 24px 78px;} /* line-height 추가 - 17.11.22 */
.viewBord td.content img {max-width: 100%;} /* 210120 추가 */
.ellipsis {width:860px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ellipsis a {line-height:22px; color:#888;}
.ellipsis a.line:hover {text-decoration:underline;}
.viewBord td .text {margin-top:25px;}
.btn {margin-top:50px; text-align:center;}

/*27 - CI소개 */
.inner02 {width:980px; margin:0 auto;}
.ciTitle {margin-top:30px; font-weight:bold; font-size:26px; color:#444; line-height:34px;}
.ciText {margin-top:25px; font-size:18px; color:#666; line-height:24px;}
.colorSystem {overflow:hidden; margin-top:15px;}
.colorSystem li {float:left; margin-right:24px;}
.colorSystem li .redBox {width:466px; height:173px; background:#e1002a;}
.colorSystem li .orangeBox {width:466px; height:173px; background:#ee7602;}
.colorSystem dl {margin-top:20px;}
.colorSystem dl dt {float:left; font-size:18px; color:#444; line-height:24px;}
.colorSystem dl dd {float:right; font-size:14px; color:#888; line-height:20px; text-align:right;}
.ciBtns {margin-top:25px; text-align:center;}
.ciBtns > a {display:inline-block; width:210px; height:53px; margin:0 4px; padding:0 20px; font-weight:normal; font-size:20px; color:#fff; line-height:53px;}
.ciBtns .ai {background:#e1002a;}
.ciBtns .jpg {background:#444;margin-right:0;}
.logotype {overflow:hidden; margin-top:15px;}
.logotype li {float:left; margin-top:24px; margin-right:24px;}
.logotype li:first-child, .logotype li:first-child + li{margin-top:0;}

/*28 - 입점상품제안 */
.product_title{font-size:24px;color:#444;letter-spacing:0.005em;}
.product_btnBox{display:inline-block;overflow:hidden;}
.product_btnBox li{float:left;display:inline-block;width:174px;height:107px;padding-right:66px;font-size:0;text-indent:-9999em;}
.product_btnBox li.product_btn01{background:url(//image.skstoa.com/webMain/productList01.png) no-repeat 0 0 ;}
.product_btnBox li .btn_bg{display:inline-block;width:174px;height:100%;padding-right:66px;background:url(//image.skstoa.com/webMain/product_bullet.png) no-repeat 135px 50%;}
.product_btnBox li.product_btn02{background:url(//image.skstoa.com/webMain/productList02.png) no-repeat 0 0;}
.product_btnBox li.product_btn03{background:url(//image.skstoa.com/webMain/productList03.png) no-repeat 0 0 ;}
.product_btnBox li.product_btn04{background:url(//image.skstoa.com/webMain/productList04.png) no-repeat 0 0 ;}
.product_btnBox li.product_btn05{padding-right:0;width:108px;background:url(//image.skstoa.com/webMain/productList05.png) no-repeat 0 0;}
.product_btnBox li.product_btn01.on{background:url(//image.skstoa.com/webMain/productList01_on.png) no-repeat 0 0 ;}
.product_btnBox li.product_btn02.on{background:url(//image.skstoa.com/webMain/productList02_on.png) no-repeat 0 0 ;}
.product_btnBox li.product_btn03.on{background:url(//image.skstoa.com/webMain/productList03_on.png) no-repeat 0 0 ;}
.product_btnBox li.product_btn04.on{background:url(//image.skstoa.com/webMain/productList04_on.png) no-repeat 0 0;}
.product_btnBox li.product_btn05.on{padding-right:0;width:108px;background:url(//image.skstoa.com/webMain/productList05_on.png) no-repeat 0 0;}
.product_btnBox li.product_btn01:hover{background:url(//image.skstoa.com/webMain/productList01_on.png) no-repeat 0 0 ;}
.product_btnBox li.product_btn02:hover{background:url(//image.skstoa.com/webMain/productList02_on.png) no-repeat 0 0 ;}
.product_btnBox li.product_btn03:hover{background:url(//image.skstoa.com/webMain/productList03_on.png) no-repeat 0 0 ;}
.product_btnBox li.product_btn04:hover{background:url(//image.skstoa.com/webMain/productList04_on.png) no-repeat 0 0 ;}
.product_btnBox li.product_btn05:hover{padding-right:0;width:108px;background:url(//image.skstoa.com/webMain/productList05_on.png) no-repeat 0 0;}
.product_explanation{display:none;border:1px solid #e4e4e4;width:1004px;margin:0 auto;padding:20px 0 25px;}
.product_explanation p{font-size:18px;letter-spacing:0.005em;text-align:center;line-height:22px;}
.explanationBtn{margin-top:15px;overflow:hidden;display:inline-block;}
.explanationBtn li{float:left;width:176px;height:42px;line-height:42px;color:#fff;letter-spacing:0.005em;background:url(//image.skstoa.com/webMain/product_textBg.png) no-repeat 0 0;}
.explanationBtn .btn_bg{width:41px;background-image:url(//image.skstoa.com/webMain/product_bullet.png);background-repeat:no-repeat;background-position:50% 50%;}
.btn_box .btn_product{margin:0 5px;background:#ff4c4c;color:#fff;font-size:18px;}
.btn_product + img{margin-left:5px;}
.btn_box + .product_title{margin-top:80px;}
.product_text{color:#666;font-size:18px;line-height:22px;letter-spacing:0.005em;}
.list_icon{display:inline-block;overflow:hidden;width:1004px;border:1px solid #e4e4e4;}
.list_icon li{float:left;width:143px;height:145px;border-right:1px solid #e4e4e4;}
.list_icon li.bdb1{border-bottom:1px solid #e4e4e4;}
.list_icon li.bdr0{border-right:0;}
.list_icon li a{display:block;padding:80px 0 47px;color:#545454;letter-spacing:0.005em;}
.list_icon01{background:url(//image.skstoa.com/webMain/icon_product01.png) no-repeat 50% 40px;}
.list_icon02{background:url(//image.skstoa.com/webMain/icon_product02.png) no-repeat 50% 40px;}
.list_icon03{background:url(//image.skstoa.com/webMain/icon_product03.png) no-repeat 50% 40px;}
.list_icon04{background:url(//image.skstoa.com/webMain/icon_product04.png) no-repeat 50% 40px;}
.list_icon05{background:url(//image.skstoa.com/webMain/icon_product05.png) no-repeat 50% 40px;}
.list_icon06{background:url(//image.skstoa.com/webMain/icon_product06.png) no-repeat 50% 40px;}
.list_icon07{background:url(//image.skstoa.com/webMain/icon_product07.png) no-repeat 50% 40px;}
.list_icon08{background:url(//image.skstoa.com/webMain/icon_product08.png) no-repeat 50% 40px;}
.list_icon09{background:url(//image.skstoa.com/webMain/icon_product09.png) no-repeat 50% 40px;}
.list_icon10{background:url(//image.skstoa.com/webMain/icon_product10.png) no-repeat 50% 40px;}
.list_icon11{background:url(//image.skstoa.com/webMain/icon_product11.png) no-repeat 50% 40px;}
.list_icon12{background:url(//image.skstoa.com/webMain/icon_product12.png) no-repeat 50% 40px;}
.list_icon13{background:url(//image.skstoa.com/webMain/icon_product13.png) no-repeat 50% 40px;}
.list_icon14{background:url(//image.skstoa.com/webMain/icon_product14.png) no-repeat 50% 40px;}
.marketingBox.product.inner{background:url(//image.skstoa.com/webMain/product_bottomBg.png) no-repeat 100px 0;}

/*31 - 제휴마케팅 제안 */
.marketingBg {width:100%; height:460px; padding:52px 0 48px; background:#fafafa;}
.marketingBox.inner {height:361px; background:url(//image.skstoa.com/webMain/marketing_img.png) no-repeat 122px 0;}
.marketingBox.inner div {padding-left:515px;}
.marketingBox.inner div p {padding-top:80px; font-size:24px; color:3444; line-height:30px;}
.marketingBox.inner div span {display:block; padding-top:20px; font-size:18px; color:#666; line-height:24px;}
/* PC - TV편성표 UI 개선 - s */
.marketingBox.inner div a {display:inline-block; width:230px; height:54px; margin:50px 5px 0 0; text-align:center; font-size:18px; line-height:54px; color:#fff; background:#ff4c4c;}
.marketingBox.inner div a + a {margin-right:0;}
/* PC - TV편성표 UI 개선 - e */

/*35 - FAQ */
.srchBox {width:612px; margin:48px auto 0; position:relative;}
.srchBox input {width:100%; height:68px; padding:0 15px; border:3px solid #222; font-size:18px; color:#888; -webkit-appearance:textfield;}  /* -webkit-appearance 추가 - 17.11.23 */
.srchBox .btn-srch {display:inline-block; position:absolute; top:0; right:0; width:18px; height:68px; padding-right:40px; background:url(//image.skstoa.com/webMain/btn/srch_btn.png) no-repeat 0 50%; text-indent:-9999px;}
.tabs {margin-top:40px;}
.tabs ul {overflow:hidden;}
.tabs ul li {float:left; width:171px; height:70px; border:1px solid #e4e4e4; border-right:none; cursor:pointer;}
.tabs ul li.tab_w172 {width:172px;}
.tabs ul li.tabEnd {border-right:1px solid #e4e4e4;}
.tabs ul li a {display:block; line-height:68px; text-align:center;}
.tabs ul li:hover,.tabs ul li.on {color:#fff; border:1px solid #e62642; background:#e62642; cursor:pointer;}
.faq {margin-top:40px; font-size:16px; color:#888; line-height:22px; border-top:1px solid #e4e4e4;}
/* faq css 수정 - 17.11.22 */
.faqContent dt {font-size:0; line-height:0; border-bottom:1px solid #e4e4e4;}
.faqContent dt label {float:left; display:inline-block; width:180px; font-size:16px; line-height:20px; text-align:center; padding:20px 0;}
.faqContent dt a {display:inline-block; width:1020px; font-size:16px; line-height:20px; padding:20px 0 20px 50px; cursor:pointer; border-left:1px solid #e4e4e4; background:url(//image.skstoa.com/webMain/question_icon.png) 30px 24px no-repeat;}
.faqContent dt a:hover {text-decoration:underline;}
.faqContent dd {clear:both;}
.faqContent dd.open {border-bottom:1px solid #e4e4e4;}
.answerContent {display:none; padding:20px 0 20px 50px; margin-left:180px; background:url(//image.skstoa.com/webMain/answer_icon.png) 30px 24px no-repeat;}

/*37 - 시청자위원회 */
.tabs02 {}
.tabs02 ul {overflow:hidden;}
.tabs02 ul li {float:left; width:400px; height:68px; padding:0 20px; border:1px solid #e4e4e4; border-right:0; font-weight:normal; font-size:18px; color:#444; text-align:center; line-height:68px; cursor:pointer;}
.tabs02 ul li.tabEnd {border-right:1px solid #e4e4e4;}
.tabs02 ul li:hover,
.tabs02 ul li a {display:block;}
.tabs02 ul .on {color:#fff; background:#e62642; border:none; line-height:70px; cursor:pointer;}
.tab_content > div {display:none; min-height:400px;}
/* viewTab css추가 - 17.11.23 */
.viewTab ul {overflow:hidden;}
.viewTab ul li {float:left; width:400px; height:68px; padding:0 20px; border:1px solid #e4e4e4; border-right:0; font-weight:normal; font-size:18px; color:#444; text-align:center; line-height:68px;}
.viewTab ul .on {color:#fff; background:#e62642; border:none; line-height:70px;}

/* 40 - 이용약관 */
.terms {overflow:hidden;}
.left {float:left;}
.date {float:right;}
.date span {font-size:16px; color:#222; margin-right:20px; line-height:22px;}
.select {display:inline-block;}
.termsBox {overflow:hidden;margin-top:41px; padding:25px 30px; background:#f5f5f5;}
ul.list {float:left;width:326px;margin-right:75px;}
.termsBox.col02 ul.list {float:left; width:50%; margin-right:0;} /* 개인정보처리방침 수정 ver12 추가수정 */
ul.list.mgR0 {margin-right:0;}
ul.list li {padding-left:11px;font-size:14px;line-height:26px;color:#666;background:url(//image.skstoa.com/webMain/list_bullet.jpg) 0 50% no-repeat;}
ul.list li.colorB {color:#e62642;}
ul.list li:first-child {margin-top:0;}
.clause {display:block; margin-top:36px; font-size:22px; color:#444; line-height:28px;}

ul.detail,p.detail {margin-top:13px;}
ul.detail, p.detail {font-size:14px; color:#888; line-height:26px;}
ul.detail > li {padding-top:8px;padding-left:20px;text-indent:-19px;}
ul.detail > li:first-child,
ul.detail.mgT10 li {padding-top:0;}
ul.detail > li > ul {margin:10px 0 0 23px;}
ul.detail > li > ul > li {text-indent:-22px;}
ul.detail > li > ul > li > ul > li{text-indent:-7px;}
ul.detail > li > ul > li > ul {margin:3px 0 0 9px;}

p.clause02 {margin-top:30px; font-size:18px; color:#444; line-height:24px;}
.terms.srchArea{overflow:visible;}
.terms.srchArea .date > span{float:left; line-height:48px;color:#222;}
.terms.srchArea .select_box{width:205px;}
.terms.srchArea .select_box li{width:205px; padding:0 20px;}
.terms.srchArea .select_box.select_box02{width:360px;}
.terms.srchArea .select_box.select_box02 li{width:360px; letter-spacing:-0.5px;}
.terms.srchArea .select_box .ico_select {width:205px; margin:0; background:url(//image.skstoa.com/webMain/btn_selectorUp.png) 178px 22px no-repeat;}
.terms.srchArea .select_box.select_box02 .ico_select {width:360px; margin:0; background:url(//image.skstoa.com/webMain/btn_selectorUp.png) 330px 22px no-repeat;}

/* 41 - 개인정보처리방침 */
.date_02 {margin-top:20px; padding:12px 15px; border:1px solid #f6f8fa; border-radius:5px; background:#f9f9f9; text-align:center;}

/* 42 - Contact us */
.map_box{width:100%;height:480px;overflow:hidden;}

/* 44 - 사이트맵 */
.sitemapBox{overflow:hidden;margin-top:45px;margin-bottom:380px;padding:40px 23px 35px;border:1px solid #e4e4e4;border-top:2px solid #666;}
.sitemapBox li{float:left;width:150px;margin-right:17px;letter-spacing:-0.03em;}
.sitemapBox li.last{margin-right:0;}
.sitemapBox a{display:block;}
.sitemapBox a:hover{color:#e62642;}
.sitemapBox dt{padding-bottom:20px;border-bottom:1px solid #ccc;font-size:22px;color:#222;}
.sitemapBox dd{margin-top:15px;}
.sitemapBox dd>a {line-height:36px;font-size:16px;color:#666;}
.sitemapBox_ssub{overflow:hidden;}
.sitemapBox_ssub li a{padding-left:8px;line-height:28px;font-size:14px;color:#888;}

/* 45,46,47 - 에러페이지 */
.errorbg {width:900px; margin:95px auto 0; height:330px; background:url(//image.skstoa.com/webMain/error_bg.png) no-repeat 0 0;}
.error {padding-bottom:20px; background:url(//image.skstoa.com/webMain/error_icon01.png) no-repeat 90px 70px;}
.error.img02 {background:url(//image.skstoa.com/webMain/error_icon02.png) no-repeat 90px 70px;}
.error.img03 {background:url(//image.skstoa.com/webMain/error_icon03.png) no-repeat 90px 70px;}
.error div {padding:5px 0 30px 360px;}
.error div em {display:inline-block; width:70px; height:33px; background:url(//image.skstoa.com/webMain/error_logo.jpg) no-repeat 0 0; text-indent:-9999px;}
.error div p {margin-top:40px; font-size:34px; color:#444; line-height:40px;}
.error div span {display:block; margin-top:25px; font-size:16px; color:#888; line-height:22px; letter-spacing:-0.05em;}
.errorBtn {margin-top:40px;}
.errorBtn a {display:inline-block; width:244px; height:54px; margin-right:5px; padding:0 15px; font-size:20px; line-height:54px;}
.errorBtn a + a {margin-right:0;}
.errorBtn .btn-gray {background:#444; color:#fff;}
.errorBtn .btn-border {border:1px solid #e5e5e5; background:#fff; color:#222;}

/* popup */
.pop {width:540px; border:1px solid #888;}
.pop .popinner {}
.pop_bottom {overflow:hidden; width:100%; height:42px; padding:0 15px; background:#888;}
.pop_bottom .left {float:left; position:relative; margin-top:13px;}
.pop_bottom .left input[type="checkbox"] {margin:0;padding:0;vertical-align:middle;width:16px; height:16px; border:0; background:#fff;}
.pop_bottom label {font-family:"dotum"; margin-left:5px; font-size:12px; color:#fff;}
.pop_bottom button {float:right; width:20px; height:20px; margin-top:12px; background:url(//image.skstoa.com/webMain/close.png) no-repeat 0 0; text-indent:-9999em; vertical-align:middle;}

/*테이블 추가*/
.listBoard.listBoard02 th{background:none;color:#666;font-size:14px;}
.listBoard.listBoard02 td{text-align:left;padding:15px 30px;color:#888;font-size:14px;line-height:26px;}
.listBoard.listBoard02 .end {border-right:0;}
.board_title{margin-top:60px;font-size:22px;letter-spacing:-0.03em;}
.listBoard.listBoard03{border-bottom:1px solid #e4e4e4;}  /* contact us 테이블 추가 - 17.11.22 */
.listBoard.listBoard03 td{padding:15px 30px;text-align:left;color:#888;font-size:16px;line-height:26px;letter-spacing:-0.03em;border-right:none;}
.listBoard.listBoard03 td:first-child{font-weight:bold;color:#222;background:#f1f3f7;border-right:none;}

/*버튼*/
.btn-list,
.ai,
.jpg,
.btn-list02,
.ok {display:inline-block; width:210px; height:54px; padding:0 20px; font-size:20px; color:#fff; line-height:54px;}
.btn-list {background:#444; font-size:22px;}
.ai {background:#e1002a;}
.btn-list02,.jpg {background:#444;}
.ok {background:#e62642;}
.w310 .btn-list02 {width:310px;}
.btn-list03 {display:inline-block; min-width:210px; height:54px; padding:0 20px; font-size:20px; color:#fff; line-height:54px; background:#444;} /* PC - TV편성표 UI 개선 */
.btn-list02.red01 {color:#fff; background:#e0002a;} /* PC 구성원 인증 페이지 수정 */

/*color*/
.color_pink{color:#f45858;}

/* selectbox */
.select_box {display:inline-block; height: 48px; width: 130px; border: 1px solid #e4e4e4; padding-right:30px; position:relative; z-index:2;}
.select_box li {font-size:16px; line-height:46px; padding: 0px 10px; z-index:2;}
.select_box li:not(.init) {float:left; width:130px; display:none; margin-left:-1px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:#fff;}
.select_box li:last-child {border-bottom:1px solid #e4e4e4;}
.select_box li:not(.init):hover, ul li.selected:not(.init) {background: #eaeaea;}
.select_box li.init {cursor: pointer;}
.ico_select {display:block; position:absolute; top:-1px; right:0; width:150px; height:48px; cursor:pointer; background:url(../../img/webMain/btn_selectorDown.png) 128px 22px no-repeat;}/* 220524_9513 수정 */
.ico_select.active {background-image:url(../../img/webMain/btn_selectorUp.png);}/* 220524_9513 추가 */

.nodata {padding:40px 0px !important; text-align:center !important;}

.ceoimgarea {margin-bottom:50px;}
.ceotit {font-weight:bold; font-size:38px; float:left; width:320px; color:#444;}
.ceotxt {font-size:18px; color:#666; line-height:28px; float:right; width:845px; letter-spacing:-0.02em;}
.ceodate {display:block; color:#888; font-size:14px;}
.ceoname {display:block; color:#444; font-weight:bold; font-size:26px;}

.inner {position:relative;}
.radius_border{border:1px solid #919191;border-radius:5px;}
.custom_typecontrol {position:absolute;top:100px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;}
.custom_typecontrol span {display:block;width:64px;height:30px;float:right;text-align:center;line-height:30px;cursor:pointer; margin-top:0;}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}
.custom_zoomcontrol {position:absolute;top:140px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;}
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}
.custom_zoomcontrol span img {width:15px;height:15px;margin:12px 0;border:none;}
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}

.term_sec {margin-top:35px; line-height:26px; color:#888;font-size: 14px;}
.term_sec p {line-height:26px; color:#888;font-size: 14px;}
.term_sec .policy_box {margin-top:41px;overflow: hidden; margin-top: 41px; padding: 25px 30px; background: #f5f5f5;}
.term_sec dl dt {display: block; margin-top: 36px; font-size: 22px; color: #444; line-height: 28px;}
.term_sec .policy_box a {font-size:14px; text-decoration:none; line-height: 26px; color:#666;}


/* 홍보센터_방송광고 : 20180508 방송광고 썸네일 사이즈 고정 */
.broadcasting_w {overflow:hidden;}
.broadcasting_w li {float:left; width:384px; margin:20px 24px 0 0; text-align:center;}
.broadcasting_w li:nth-child(3), .broadcasting_w li:nth-child(6) {float:right;margin-right:0;}
.broadcasting_w li dl {width:383px}
.broadcasting_w li dt {margin-bottom:12px;}
.broadcasting_w li dd {overflow:hidden; color:#888;font-size:18px;line-height:30px; text-overflow:ellipsis; white-space:nowrap}
.broadcasting_w li dt a {display:block;}
.broadcasting_w li dt a img {width:384px; height:216px; vertical-align:top;} /* 16 : 9*/


/* 편성표_TV편성표 */
.title .subTxtOnair {display:inline-block; margin-left:14px; vertical-align:top; font-size:18px; line-height:40px; color:#999;} /* PC - TV편성표 UI 개선 */
.tvBroadcast {overflow:hidden;}
.tvBroadcast > div {float:left;}
.tvBroadcast > div img {vertical-align:top;}
.tvBroadcast .broadcastVisual {width:810px; height:456px; margin-right:30px; background:#000;} /* PC - TV편성표 UI 개선 */
.tvBroadcast .broadcastThm {overflow:hidden; width:360px; height:203px;}    /* (정확히는 : 360x202.5) BO 등록이미지 640x360 비율 유지*/
.tvBroadcast .broadcastThm img {width:360px; height:auto; vertical-align:top;}  /* (정확히는 : 360x202.5) BO 등록이미지 640x360 비율 유지 */
.tvBroadcast .broadcastInfo {position:relative; width:360px; height:229px; margin-top:24px;}
.tvBroadcast .broadcastInfo .status {height:32px; font-size:18px; line-height:32px; color:#e62642;}
.tvBroadcast .broadcastInfo .status span {display:inline-block; vertical-align:top;}
.tvBroadcast .broadcastInfo .status .onAir {width:70px; text-align:center; font-size:15px; font-weight:bold; color:#fff; background:url(//image.skstoa.com/webMain/schedule_bgOnair.png) no-repeat center center;}
.tvBroadcast .broadcastInfo .status .time {padding:0 5px 0 10px; font-weight:bold;}
.tvBroadcast .broadcastInfo .title {margin-top:16px; font-size:18px; line-height:22px; color:#1d1d1d;}
.tvBroadcast .broadcastInfo .title em {padding-right:3px; font-weight:bold; font-style:normal; color:#e62642;}
.tvBroadcast .broadcastInfo .title strong {padding-right:3px;}
.tvBroadcast .broadcastInfo .price {overflow:hidden; margin-top:20px;}
.tvBroadcast .broadcastInfo .price p {float:left; height:30px; vertical-align:baseline;}
.tvBroadcast .broadcastInfo .price .price01 {font-size:30px; font-weight:bold; line-height:30px; color:#222;}
.tvBroadcast .broadcastInfo .price .price01 span {font-size:18px;}
.tvBroadcast .broadcastInfo .price .price02 {padding:10px 0 0 10px; font-size:18px; line-height:18px; color:#999; text-decoration:line-through;}
.tvBroadcast .broadcastInfo .btnWrap {overflow:hidden; position:absolute; bottom:0; left:0; z-index:1;}
.tvBroadcast .broadcastInfo .btnWrap a {display:block; float:left; width:175px; height:56px; text-align:center; font-size:18px; line-height:56px;}
.tvBroadcast .broadcastInfo .btnWrap a.btnRed {color:#fff; background:#e62642;}
.tvBroadcast .broadcastInfo .btnWrap a.btnWhite {margin-left:10px; border:1px solid #e5e5e5; color:#444; background:#fff;}
.tvSchedule_day {position:relative; padding:0 70px;}
.tvSchedule_day .viewBox {overflow:hidden; min-width:960px;}
.tvSchedule_day .viewBox li {display:table; float:left; width:82px; height:82px; margin:0 11px; text-align:center;}
.tvSchedule_day .viewBox li a {display:table-cell; outline:none; vertical-align:middle; text-align:center; color:#888; background:url(//image.skstoa.com/webMain/schedule_bgDay.png) no-repeat; background-position:center top;}
.tvSchedule_day .viewBox li a:hover {background-position:center -100px;}
.tvSchedule_day .viewBox li a strong {display:block; font-size:26px;}
.tvSchedule_day .viewBox li a span {display:block; margin-top:3px; font-size:15px;}
.tvSchedule_day .viewBox li.active a, .tvSchedule_day .viewBox li.active a:hover {color:#e83741; background-position:center -200px;}
.tvSchedule_day .btnWrap {}
.tvSchedule_day .btnWrap a {display:block; position:absolute; top:50%; z-index:1; padding:0 30px; margin-top:-25px; outline:none; font-size:0;}
.tvSchedule_day .btnWrap a.prev {left:-30px;}
.tvSchedule_day .btnWrap a.next {right:-30px;}
/* PC - TV편성표 UI 개선 - s */
.tvScheduleList {overflow:hidden; overflow-y:scroll; min-height:525px; max-height:870px; padding-right:0;}
.tvScheduleList ul li {display:block; overflow:hidden; width:100%; border-top:1px solid #e4e4e4; box-sizing:border-box;}
.tvScheduleList ul li:first-child {border-top:none;}
.tvScheduleList ul li .rowType {overflow:hidden;}
.tvScheduleList ul li .colType {float:left; padding:40px 0; vertical-align:top; text-align:left;}
.tvScheduleList ul li .rowType:first-child .colType {border-bottom:none;}
.tvScheduleList ul li .colType.time {width:165px; padding:40px 25px; border-bottom:none; font-size:18px; font-weight:bold; color:#444;}
.tvScheduleList ul li .colType.time .onAir {display:block; overflow:hidden; width:70px; height:30px; margin-top:15px; border-radius:15px; text-align:center; font-size:15px; font-weight:bold; line-height:30px; color:#fff; background:#e62642;}
.tvScheduleList ul li .colType.thumb {position:relative; width:320px; font-size:0;}
.tvScheduleList ul li .colType.thumb a.btnPlay {display:block; position:absolute; top:40px; left:0; z-index:1; width:100%; height:180px; background:rgba(0,0,0,0.15) url('//image.skstoa.com/webMain/iconPlayNew.png') no-repeat center center;}
.tvScheduleList ul li .colType.thumb img {width:320px; height:180px; vertical-align:top;}   /* BO 등록이미지 640x360 비율 유지*/
.tvScheduleList ul li .colType.tvInfo {width:457px; padding-left:30px;}
.tvScheduleList ul li .colType.tvInfo .title {font-size:18px; line-height:22px; color:#1d1d1d;}
.tvScheduleList ul li .colType.tvInfo .title em {padding-right:3px; font-weight:bold; font-style:normal; color:#e62642;}
.tvScheduleList ul li .colType.tvInfo .title strong {padding-right:3px;}
.tvScheduleList ul li .colType.tvInfo .price {overflow:hidden; margin-top:20px; font-size:0;}
.tvScheduleList ul li .colType.tvInfo .price > span {display:inline-block; vertical-align:baseline;}
.tvScheduleList ul li .colType.tvInfo .price > span.consulting {font-size:18px; font-weight:bold; line-height:1.5em; color:#222;}
.tvScheduleList ul li .colType.tvInfo .price > span.soldoutTxt {font-size:18px; font-weight:bold; line-height:1.5em; color:#888;}
.tvScheduleList ul li .colType.tvInfo .price .price01 {font-size:30px; font-weight:bold; line-height:30px; color:#222;}
.tvScheduleList ul li .colType.tvInfo .price .price01 span {font-size:18px;}
.tvScheduleList ul li .colType.tvInfo .price .price02 {padding:10px 0 0 10px; font-size:18px; line-height:18px; color:#999; text-decoration:line-through;}
.tvScheduleList ul li .colType.btns {width:240px; padding:40px 30px;}
.tvScheduleList ul li .colType.btns a {display:block; margin-top:8px; text-align:center; font-size:18px; line-height:56px;}
.tvScheduleList ul li .colType.btns a:first-child {margin-top:0;}
.tvScheduleList ul li .colType.btns a.btnPink {color:#fff; background:#e62642;}
.tvScheduleList ul li .colType.btns a.btnWhite {border:1px solid #e5e5e5; color:#444; background:#fff;}
.tvScheduleList ul li .withType {padding:30px 30px 0 40px; margin-left:165px; border-top:1px solid #e4e4e4; background:#fafafa;}
.tvScheduleList ul li .withType .withTitle {font-size:18px; line-height:1em; color:#222;}
.tvScheduleList ul li .withType ul li:first-child {border-top:none;}
.tvScheduleList ul li .withType ul li:first-child .colType {padding-top:30px;}
.tvScheduleList ul li .withType .colType {border-top:none;}
.tvScheduleList ul li .withType ul li .colType.thumb {width:280px;}
.tvScheduleList ul li .withType ul li .colType.thumb img {width:280px; height:158px;}
.tvScheduleList ul li .withType ul li .colType.tvInfo {width:427px; padding-left:28px;}

.tvScheduleList ul li .rowType .colType.time {width:164px; border-top:none; text-indent:-9999px;}
.tvScheduleList ul li .rowType .colType.time .onAir {visibility:hidden;}
.tvScheduleList ul li .rowType .colType.time .onAir {visibility:hidden;}
.tvScheduleList ul li .rowType:first-child .colType {border-top:none;}
.tvScheduleList ul li .rowType:first-child .colType.time {text-indent:0;}
.tvScheduleList ul li .rowType:first-child .colType.time .onAir {visibility:visible;}
.tvScheduleList ul li.onair {border:1px solid #e62642;}
.tvScheduleList ul li.onair .rowType .colType {border-top:1px solid #e4e4e4;}
.tvScheduleList ul li.onair .rowType.withType .colType {border-top:none;}
.tvScheduleList ul li.onair .rowType .colType.btns {width:239px;}
/* PC - TV편성표 UI 개선 - e */
.tvScheduleList ul .soldout .colType.tvInfo .title,
.tvScheduleList ul .soldout .colType.tvInfo .title em,
.tvScheduleList ul .soldout .colType.tvInfo .title strong {color:#888;}
.tvScheduleList ul .noList .colType {width:100%; height:525px; border-bottom:0; vertical-align:middle; text-align:center;}
.tvScheduleList ul .noList .colType i {display:inline-block; width:76px; height:76px; background:url(//image.skstoa.com/webMain/iconNoList.png) no-repeat center center;}
.tvScheduleList ul .noList .colType .txt01 {margin-top:30px; font-size:28px; color:#888;}
.tvScheduleList ul .noList .colType .txt02 {margin-top:5px; font-size:20px; color:#888;}


/* layerPop */
/* PC - TV편성표 UI 개선2 - s */
/*.layerPop {display:none; position:fixed; top:50%; left:50%; z-index:1000; padding-top:40px;}
.layerPop .popInner {background-color:#fff;}
.layerPop .closePop {position:absolute; right:0; top:0; z-index:1;}
.dim {display:block; position:fixed; top:0; left:0; z-index:999; width:100%; min-height:100%; background:rgba(0,0,0,0.45);}*/
/* PC - TV편성표 UI 개선2 - e */

/* layerPop : broadcastPlayer */
.broadcastPlayer {width:960px;}
.broadcastPlayer .videoBox {position:relative; width:960px; height:540px;}
.broadcastPlayer .videoBox .posterImg {}
.broadcastPlayer .videoBox video {}
.broadcastPlayer .infoBox {overflow:hidden; padding:35px 50px; background:#fff;}
.broadcastPlayer .infoBox .tvInfo {float:left; width:607px; padding-right:90px;}
.broadcastPlayer .infoBox .title {font-size:18px; line-height:22px; color:#1d1d1d;}
.broadcastPlayer .infoBox .title em {padding-right:3px; font-weight:bold; font-style:normal; color:#e62642;}
.broadcastPlayer .infoBox .title strong {padding-right:3px;}
.broadcastPlayer .infoBox .price {overflow:hidden; margin-top:20px; font-size:0;}
.broadcastPlayer .infoBox .price > span {display:inline-block; vertical-align:baseline;}
.broadcastPlayer .infoBox .price > span.consulting {font-size:18px; font-weight:bold; line-height:1.5em; color:#222;}
.broadcastPlayer .infoBox .price > span.soldoutTxt {font-size:18px; font-weight:bold; line-height:1.5em; color:#888;}
.broadcastPlayer .infoBox .price .price01 {font-size:30px; font-weight:bold; line-height:30px; color:#222;}
.broadcastPlayer .infoBox .price .price01 span {font-size:18px;}
.broadcastPlayer .infoBox .price .price02 {padding:10px 0 0 10px; font-size:18px; line-height:18px; color:#999; text-decoration:line-through;}
.broadcastPlayer .infoBox .btns {float:right; width:253px; padding:0;}
.broadcastPlayer .infoBox .btns a {display:block; margin-top:8px; text-align:center; font-size:18px; line-height:56px;}
.broadcastPlayer .infoBox .btns a:first-child {margin-top:0;}
.broadcastPlayer .infoBox .btns a.btnPink {color:#fff; background:#e62642;}
.broadcastPlayer .infoBox .btns a.btnWhite {border:1px solid #e5e5e5; color:#444; background:#fff;}
.broadcastPlayer .infoBox .soldout .title,
.broadcastPlayer .infoBox .soldout .title em,
.broadcastPlayer .infoBox .soldout .title strong {color:#888;}

/* layerPop : commonEmailPop */
/* PC - TV편성표 UI 개선2 - s */
/*.commonEmailPop {width:720px;}
.commonEmailPop .titleBox {padding:40px; border-bottom:1px solid #e4e4e4; text-align:center; font-size:34px; line-height:38px; color:#444;}
.commonEmailPop .conBox {padding:30px 30px 90px;}
.commonEmailPop .conBox .txt01 {text-align:center; font-size:18px; line-height:1.5em; color:#666;}
.commonEmailPop .conBox .txt01 > span {display:block;}
.commonEmailPop .conBox dl {overflow:hidden; padding-top:50px; text-align:center; font-size:0;}
.commonEmailPop .conBox dl dt {display:inline-block; font-size:24px; font-weight:bold;}
.commonEmailPop .conBox dl dd {display:inline-block; padding-left:5px; font-size:24px;}
.commonEmailPop .conBox dl.urlTxt dt {visibility:hidden; text-indent:-9999px; font-size:0;}
.commonEmailPop .conBox dl.urlTxt dd {padding-left:0;}
.commonEmailPop .conBox .btnWrap {margin-top:60px; text-align:center;}
.commonEmailPop .conBox .btnWrap .btnSendMail {display:inline-block; height:61px; padding-left:100px; vertical-align:top; font-size:24px; line-height:61px; color:#444; background:url(//image.skstoa.com/webMain/ico_mail.png) no-repeat left center;}
.commonEmailPop .conBox .mobileForm {position:relative; padding-top:50px; margin-top:60px; text-align:center; font-size:0;}
.commonEmailPop .conBox .mobileForm label {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; text-align:center; font-size:24px; color:#444;}
.commonEmailPop .conBox .mobileForm input[type=text] {display:inline-block; width:330px; height:56px; vertical-align:top; text-align:center; font-size:30px; color:#444;}
.commonEmailPop .conBox .mobileForm input[type=text]::-webkit-input-placeholder {font-size:30px; color:#ccc;}
.commonEmailPop .conBox .mobileForm a {vertical-align:top; text-align:center;}
.commonEmailPop .bottomBox {padding:30px; background:#fafafa;}
.commonEmailPop .bottomBox dl dt {padding-bottom:15px; font-size:18px; color:#444;}
.commonEmailPop .bottomBox dl dd {font-size:16px; color:#888;}*/
/* PC - TV편성표 UI 개선2 - e */

/* 모든 slick 포커스 라인 삭제 */
.slick-slide {outline:none;}

/* 홍보센터 이벤트 페이지 신규추가 : 20180523 - s */
.eventBoard {overflow:hidden;}
.eventBoard li {float:left; position:relative; width:384px; margin:20px 24px 0 0; text-align:center;}
.eventBoard li:nth-child(3), .eventBoard li:nth-child(6) {float:right; margin-right:0;}
.eventBoard li dl {width:383px}
.eventBoard li dt {margin-bottom:12px;}
.eventBoard li dd {overflow:hidden; padding:0 30px; text-align:left;}
.eventBoard li dd span.eventTxt {display:block; overflow:hidden; height:28px; font-size:18px; line-height:28px; white-space:nowrap; color:#888; text-overflow:ellipsis;}
.eventBoard li dd span.eventTerm {display:block; margin-top:5px; font-size:18px; line-height:28px; color:#888;}
.eventBoard li dt a {display:block;}
.eventBoard li dt a img {width:384px; height:216px; vertical-align:top;} /* 16 : 9*/
.eventBoard li .finishTxt {display:table; table-layout:fixed; position:absolute; top:0; left:0; z-index:1; width:100%; height:215px; background:rgba(0,0,0,0.5);}
.eventBoard li .finishTxt p {display:table-cell; vertical-align:middle; text-align:center; font-size:20px; color:#fff;}
.eventBoard li.noList {width:100%; padding:100px 0; margin-right:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}

.viewBord.typeEvent {margin-top:50px; border-top:2px solid #666; border-bottom:2px solid #ccc; text-align:left;}
.viewBord.typeEvent td {padding:17px 30px 22px; border-top:1px solid #e4e4e4; color:#888;}
.viewBord.typeEvent tr:last-child td {border-bottom:0;}
.viewBord.typeEvent td > a:hover {text-decoration:underline;}
.viewBord.typeEvent td.content {padding:30px 24px 78px; text-align:center; line-height:24px;}
.viewBord.typeEvent td .text {margin-top:25px; text-align:left;}
.viewBord.typeEvent td .ellipsis {float:left;}
.viewBord.typeEvent td .date {display:block;}
/* 홍보센터 이벤트 페이지 신규추가 : 20180523 - e */


/* 임직원몰 서비스 추가 - s */
.excutives {overflow:hidden; width:1152px; padding-top:70px; margin:0 auto;}
.excutives .confirmBox {float:left; width:564px; height:360px; padding-top:50px; border:1px solid #e4e4e4; text-align:center;}
.excutives .confirmBox:last-child {float:right;}
.excutives .confirmBox.qrBox {background:url(//image.skstoa.com/webMain/qrCode_exBg.png) no-repeat center bottom;}
.excutives .confirmBox .boxTitle {font-size:30px; color:#e62642;}
.excutives .confirmBox .inputWrap {margin-top:40px;}
.excutives .confirmBox .inputWrap label {display:block; padding-bottom:15px; font-size:24px; color:#666;}
.excutives .confirmBox .inputWrap input {width:330px; text-align:center; font-size:30px; color:#444;}
.excutives .confirmBox .inputWrap input::-webkit-input-placeholder {color:#ccc;}
.excutives .confirmBox .qrWrap {}
.excutives .confirmBox .qrWrap img.qr {margin:85px auto 20px; width:auto; height:100px;} /* 임직원몰 서비스 추가개선 */
.excutives .confirmBox .qrWrap p {font-size:16px; line-height:20px; color:#666;}
/* 임직원몰 서비스 추가 - e */
/* PC 구성원 인증 페이지 수정 - s */
.excutives .exBox {padding:80px; border:1px solid #e4e4e4; text-align:center;}
.excutives .exBox .txt01 {font-size:30px; color:#222;}
.excutives .exBox .txt01 strong {font-weight:normal; color:#e62642;}
.excutives .exBox .txt02 {margin-top:30px; font-size:20px; line-height:1.3em; color:#666;}
.excutives .exBox .txt02 span {display:block;}
.excutives .exBox .txt03 {margin-top:5px; font-size:13px; line-height:1.3em; color:#999;}
.excutives .exBox dl.tblBox {overflow:hidden;}
.excutives .exBox dl.tblBox dt {margin-top:30px; font-size:24px; color:#222;}
.excutives .exBox dl.tblBox dd {width:640px; padding:15px 0; margin:20px auto 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f6f6f6;}
.excutives .exBox dl.tblBox dd table {table-layout:fixed; width:100%;}
.excutives .exBox dl.tblBox dd table th {padding:10px 20px; text-align:right; font-size:18px; font-weight:normal; color:#222;}
.excutives .exBox dl.tblBox dd table td {padding:10px 20px; text-align:left; font-size:18px; color:#666;}
.excutives .exBox.type03 {padding:60px;}
.excutives .exBox.type03 .txt02 {margin-top:10px;}
.excutives .exBox.type03 .btn {margin-top:40px;}
.excutives .subTxt01 {margin-top:70px; text-align:center; font-size:26px; color:#444;}
/* PC 구성원 인증 페이지 수정 - e */
/* 구성원몰 개인정보수집관련 수정 - s */
.guideBox {overflow:hidden; width:1152px; margin:0 auto;}
.guideBox dl {overflow:hidden; width:100%; padding:30px 20px; text-align:left; background:#fcfcfc;}
.guideBox dl dt {padding-bottom:15px; font-size:14px; color:#444;}
.guideBox dl dd {font-size:14px; color:#888;}
/* 구성원몰 개인정보수집관련 수정 - e */

/* 구성원몰 인증실패 신규추가 - s */
.excutives .exBox.type02 {padding:80px 40px;}
.excutives .exBox.type02 .failBox {display:inline-block; height:80px; padding:25px 90px; margin:0 auto; border:1px solid #ddd; text-align:center; font-size:0;}
.excutives .exBox.type02 .failBox dt {display:inline-block; vertical-align:top; font-size:20px; line-height:30px; color:#222;}
.excutives .exBox.type02 .failBox dd {display:inline-block; vertical-align:top; padding-left:8px; font-size:20px; line-height:30px; color:#e0002a;}
.excutives .exBox.type02 .failInfoBox {height:310px; padding:30px 450px 30px 30px; text-align:left; background:#fcfcfc url(//image.skstoa.com/webMain/em_10.png) no-repeat right bottom;}
.excutives .exBox.type02 .failInfoBox p.txt01 {font-size:22px; line-height:1.5em; color:#444;}
.excutives .exBox.type02 .failInfoBox ul {margin-top:15px;}
.excutives .exBox.type02 .failInfoBox ul li {font-size:16px; line-height:1.3em; color:#888;}
.excutives .exBox.type02 .failInfoBox p.txt02 {float:right; margin-top:60px; text-align:right; font-size:20px; line-height:1.3em; color:#e62642;}
.excutives .exBox.type02 .failInfoBox p.txt02 span {display:block;}
/* 구성원몰 인증실패 신규추가 - e */

/* PC - TV편성표 UI 개선 - s */
.newOnairWrap {overflow:hidden;}
.newOnairWrap ul.onairList {overflow:hidden; margin-top:35px;}
.newOnairWrap ul.onairList li {float:left; position:relative; padding-top:15px; text-align:center; cursor:pointer;}
.newOnairWrap ul.onairList li .inBox {position:relative; padding:40px 0; border:1px solid #fff;}
.newOnairWrap ul.onairList li .inBox:before {content:""; display:block; position:absolute; top:40px; left:-1px; z-index:1; width:1px; height:220px; background:#e4e4e4;}
.newOnairWrap ul.onairList li:first-child .inBox:before {display:none;}
.newOnairWrap ul.onairList li .inBox .thmBox {position:relative; width:250px; height:140px; margin:0 auto;}
.newOnairWrap ul.onairList li .inBox .thmBox img {width:100%; height:100%; vertical-align:top;}
.newOnairWrap ul.onairList li .inBox .thmBox .btnPlay {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:140px; background:rgba(0,0,0,0.15) url('//image.skstoa.com/webMain/iconPlayNew.png') no-repeat center center;}
.newOnairWrap ul.onairList li .inBox .title {display:block; display:-webkit-box; overflow:hidden; width:250px; height:44px; margin:15px auto 0; font-size:18px; line-height:22px; color:#1d1d1d; white-space:normal; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.newOnairWrap ul.onairList li .inBox .title em {padding-right:3px; font-weight:bold; font-style:normal; color:#e62642;}
.newOnairWrap ul.onairList li .inBox .title strong {padding-right:3px;}
.newOnairWrap ul.onairList.nth02 li {width:50%;}
.newOnairWrap ul.onairList.nth03 li {width:33.33%; width:calc(100%/3);}
.newOnairWrap ul.onairList.nth04 li {width:25%;}

.newOnairWrap ul.onairList li.active {}
.newOnairWrap ul.onairList li.active:after {content:"ON AIR"; display:block; position:absolute; top:0; left:50%; z-index:1; width:90px; height:30px; margin-left:-45px; border-radius:15px; text-align:center; font-size:15px; font-weight:bold; line-height:30px; color:#fff; background:#e62642;}
.newOnairWrap ul.onairList li.active .inBox {border:1px solid #e62642;}
.newOnairWrap ul.onairList li.active .inBox:before {z-index:-1;}
/* PC - TV편성표 UI 개선 - e */

/* 개인정보처리방침 수정 ver12 - s */
.term_sec table{border-top: solid 2px #000;margin-bottom: 20px;margin-top:20px;}
.term_sec table thead{background: #fafafa;}
.term_sec table thead tr th{padding: 15px 0px;border-bottom: solid 1px #eee;border-right: solid 1px #eee;text-align: center;}
.term_sec table thead tr th:last-child{border-right:none;}
.term_sec table thead tr th p{margin-bottom: 0;}
.term_sec table tbody tr th{border-right: solid 1px #eee;border-bottom: solid 1px #eee;padding: 20px;}
.term_sec table tbody tr td{border-right: solid 1px #eee;border-bottom: solid 1px #eee;padding: 20px;}
.term_sec table tbody tr td:last-child{border-right: none;}
.term_sec table tbody tr td.txtC {text-align:center;} /* 개인정보처리방침 수정 ver12 추가수정 */

.term_sec .box ul li table {margin-bottom:5px; text-indent:0;}
.term_sec .box ul li table a {color:#0000EE;}
.term_sec .box .tbl_txt {margin-bottom:15px; text-indent:0; font-size:12px;}
.term_sec .box table.tblCap {}
.term_sec .box table.tblCap caption {display:table-caption; visibility:visible; width:auto; height:auto; padding-bottom:5px; text-align:left; font-size:14px; line-height:1.5em;}
/* 개인정보처리방침 수정 ver12 - e */

/* 사이트맵  */
.sitemapBox.list8{padding:40px 0 35px 23px}
.sitemapBox.list8 li{width:130px;margin-right: 16px;}
.sitemapBox.list8 dt{padding-bottom:22px;}
/* PC 회사소개 채용정보 20210122 추가 - e */

/* 220112_8437 */
.box_tab{border-bottom: 2px solid #222; margin-top: 60px;}
.box_tab.fix{position: fixed; top: 0; z-index: 20; width: 1260px; margin-top: 0 !important;} /* 210614_6592 수정 */
.box_tab li{float: left; border: 1px solid #eee; background: #fafafa; line-height: 46px; width: 200px; text-align: center; position: relative; top: 2px; font-size: 16px; cursor: pointer;}
.box_tab li.on{border: 2px solid #222; border-bottom: none; background: #fff; line-height: 48px; font-weight: bold;}
.box_tab li span{font-size: 12px;}

/*clearfix*/
.clearfix{zoom: 1;}
.clearfix:before, .clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}
/* //220112_8437 */

/* 220523_9513 ESG경영 */
.listBoard.esg{word-break: keep-all;} /* cream_240624_16423 */
.listBoard.esg th {font-weight: normal; border-bottom: 1px solid #ccc;}
.listBoard.esg tr:last-child th {border-bottom: 0;}
.listBoard.esg td {padding: 14px 10px 15px; font-size: 16px; color: #666; vertical-align: middle; line-height: 22px;}
/* //220523_9513 ESG경영 */

/* 220620_9513 ESG경영 */
.esg01 .summary{position:relative; background:url('/static/webMain/img/esg_summary_img01.jpg')no-repeat center top; height:330px;}
.esg01 .summary > div ul{position:absolute; top:250px;}
.esg01 .summary > div ul:nth-child(1){ left:302px; }
.esg01 .summary > div ul:nth-child(2){ left:50%; transform: translateX(-50%)}
.esg01 .summary > div ul:nth-child(3){ right:320px; }
.esg01 .summary > div ul li{ text-align:center; line-height:18px; color:#666; }

.esg02 .esg2-1 .summary{position:relative; background:url('/static/webMain/img/esg_summary_img02.jpg')no-repeat center; height:580px;}
.esg02 .esg2-1 .summary p{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-align:center; font-size:28px; line-height: 34px;}
.esg02 .esg2-1 .summary p > span{ color: #e62642; }
.esg02 .esg2-1 .summary ul li{position: absolute; line-height:16px;}
.esg02 .esg2-1 .summary ul li dl dt{ display: inline-block; padding: 6px 10px 7px; margin-bottom: 7px; border-radius: 20px; font-size: 20px; background: #fbbe19; color: #fff;}
.esg02 .esg2-1 .summary ul li:nth-child(1) dl dt, .esg02 .esg2-1 .summary ul li:nth-child(4) dl dt{ background: #fbbe19;}
.esg02 .esg2-1 .summary ul li:nth-child(2) dl dt { background: #ff7045;}
.esg02 .esg2-1 .summary ul li:nth-child(3) dl dt { background: #ff7e1f;}
.esg02 .esg2-1 .summary ul li:nth-child(5) dl dt { background: #ffaa45;}
.esg02 .esg2-1 .summary ul li:nth-child(2) dl dd, .esg02 .esg2-1 .summary ul li:nth-child(3) dl dd { padding-left: 10px; }
.esg02 .esg2-1 .summary ul li:nth-child(4) dl dd, .esg02 .esg2-1 .summary ul li:nth-child(5) dl dd { padding-right: 10px; }

.esg02 .esg2-1 .summary ul li dl dd{ line-height:20px; color: #666; }

.esg02 .esg2-1 .summary ul li:nth-child(1){ left: 50%; transform: translateX(-50%);text-align: center; }
.esg02 .esg2-1 .summary ul li:nth-child(2){ top: 220px; right: 230px; text-align: left;}
.esg02 .esg2-1 .summary ul li:nth-child(3){ top: 475px; right: 152px; text-align: left;}
.esg02 .esg2-1 .summary ul li:nth-child(4){ top: 475px; left: 192px; text-align: right;}
.esg02 .esg2-1 .summary ul li:nth-child(5){ top: 220px; left: 230px; text-align: right;}

.esg02 .esg2-2 ul li{width: 50%; float: left; margin-bottom: 40px; min-height: 250px;}
.esg02 .esg2-2 ul li:nth-child(1){background:url('/static/webMain/img/esg_img01.jpg') left top no-repeat;}
.esg02 .esg2-2 ul li:nth-child(2){background:url('/static/webMain/img/esg_img02.jpg') left top no-repeat;}
.esg02 .esg2-2 ul li:nth-child(3){background:url('/static/webMain/img/esg_img03.jpg') left top no-repeat;}
.esg02 .esg2-2 ul li:nth-child(4){background:url('/static/webMain/img/esg_img04.jpg') left top no-repeat;}

.esg02 .esg2-2 ul li:nth-child(5){background:url('/static/webMain/img/esg_img09.jpg') left top no-repeat;}
.esg02 .esg2-2 ul li:nth-child(6){background:url('/static/webMain/img/esg_img10.jpg') left top no-repeat;}

.esg02 .esg2-2 ul li dl{ padding: 8px 0 0 290px; margin-bottom: 15px; }
.esg02 .esg2-2 ul li dl dt{ font-size: 18px; margin-bottom:4px; }
.esg02 .esg2-2 ul li dl dd{ font-size: 16px; color: #666; line-height: 20px; position: relative; padding-left: 10px; }

.esg02 .esg2-3 ul li{width: 570px; float: left; margin-bottom: 40px; padding-top:280px; }
.esg02 .esg2-3 ul li:nth-child(1){background:url('/static/webMain/img/esg_img05.jpg') left top no-repeat;}
.esg02 .esg2-3 ul li:nth-child(2){background:url('/static/webMain/img/esg_img06.jpg') left top no-repeat;}
.esg02 .esg2-3 ul li:nth-child(3){background:url('/static/webMain/img/esg_img07.jpg') left top no-repeat;}
.esg02 .esg2-3 ul li:nth-child(4){background:url('/static/webMain/img/esg_img08.jpg') left top no-repeat;}
.esg02 .esg2-3 ul li:nth-child(even){margin-left:20px;}
.esg02 .esg2-3 ul li dl{ margin-bottom: 15px; }
.esg02 .esg2-3 ul li dl dt{ font-size: 18px; margin-bottom:4px; }
.esg02 .esg2-3 ul li dl dd{ font-size: 16px; color: #666; line-height: 22px; position: relative; padding-left: 10px; }

.esg02 .esg2-1, .esg02 .esg2-2, .esg02 .esg2-3{margin-bottom:80px;}
.esg02 .esg2-2 ul, .esg02 .esg2-3 ul{padding: 0 20px;}
.esg02 .esg2-2 ul li dl dd::before, .esg02 .esg2-3 ul li dl dd::before{ content: ' · '; position: absolute; left: 0; }

.esg2-2:after, .esg2-3:after{content:''; display: block; clear:both; zoom:1;}
/* //220620_9513 ESG경영 */

/* cream_231219_14665 지원관리 수정 */
.btn_box button.w460{width: 458px;}
.con_sec_wrap.center{padding:32px 0 0px 0;border-bottom:none;}
.con_sec_wrap.center .inp_section{width:680px;padding-left: 17px;}
.modal.layerPop .con_sec_wrap.center .inp_section{padding-left: 0;}
.con_sec_wrap.center .inp_in_wrap dd.password{width: 567px;}
.con_sec_wrap.center .inp_in_wrap dd.password input{width:458px;}
.con_sec_wrap.center .inp_in_wrap dd.password input + .btn_popup{display:inline-block;margin: 15px 0 0 15px;letter-spacing: -0.6px;}
.con_sec_wrap.center .inp_in_wrap dd.password input + .btn_popup a{color:#666666;}
/* // cream_231219_14665 */


/* cream_231219_14665 캡챠 추가 - s */
.captcha_wrap .captcha_inner {display: table; table-layout: fixed; width: 100%; margin-bottom: 9px;}
.captcha_wrap .captcha_inner .img_area {display: table-cell; width: 332px;height: 78px; padding:4px; border:1px solid #ccc;vertical-align: top}
.captcha_wrap .captcha_inner .img_area img {width: 100%; height: 100%;}
.captcha_wrap .captcha_inner .captcha_btn_group {display: table-cell; width: 128px; padding-left: 8px; vertical-align: top}
.captcha_wrap .captcha_inner .captcha_btn_group button {display: block; width: 116px; height: 36px; background-color:#ffffff; color:#666666; border-radius: 4px; border:1px solid #ccc; font-size: 13px; letter-spacing: -1px;}
.captcha_wrap .captcha_inner .captcha_btn_group button + button {margin-top: 6px;}
.captcha_wrap .captcha_inner .captcha_btn_group button span {height: 19px; line-height: 19px; padding-left: 27px; background-repeat: no-repeat; background-position: 0 50%; background-size: 20px 20px;}
.captcha_wrap .captcha_inner .captcha_btn_group .captcha_reload span {background-image: url("/static/webMain/img/ico_captcha_reload.png")}
.captcha_wrap .captcha_inner .captcha_btn_group .captcha_sound span {background-image: url("/static/webMain/img/ico_captcha_sound.png")}
.find_select_wrap .captcha_wrap {width: 374px; padding-top: 0}
.find_select_wrap .captcha_wrap .captcha_btn_group {width: 125px; padding-left: 4px}
.find_select_wrap .captcha_wrap .captcha_btn_group button {font-size: 13px;}
.captcha_wrap .input_basic{ min-height: 32px; font-size: 13px; color: #e62642; line-height: 16px; text-align: left; margin-top:5px; margin-left: 15px;}
/* cream_231219_14665 캡챠 추가 - e */