@charset "utf-8";


/* 광고페이지 */

/* pc_광고페이지*/

.video{background: #000; padding-top:30px;}
.time{background: #000; color:#fff; height: 30px; padding-right: 15px; font-size: 15px;}
.promote{text-align:center; width:100%; height:auto; padding: 20px 20px 0 20px; background-color:#f0f0f0;}
.infor {padding:15px 4px; background-color: #fff;  border: 20px solid #f0f0f0; border-bottom: 0px; height: 160px}
.bottom_button1{width: 50%; height:160px; float: left; border: 20px solid #f0f0f0; border-right: 10px solid #f0f0f0; background-color:#fff; padding-top: 50px;  vertical-align:middel; font-size: 17px; font-weight: bold;}
.bottom_button2{width: 50%; height:160px; float: left; border: 20px solid #f0f0f0; border-left: 10px solid #f0f0f0; background-color:#fff; padding-top: 50px; font-size: 17px; font-weight: bold;}
.text15{font-size: 15px;}


/* 모바일_ 광고 페이지 */

.m_video{background: #000; padding-top:20px;}
.m_time{background: #000; color:#fff; height: 20px; padding-right: 10px;}
.m_infor {padding:15px 4px; background-color: #fff;  border: 10px solid #f0f0f0; border-bottom: 0px;}
.m_promote{text-align:center; width:100%; height:auto; padding: 10px 10px 0 10px; background-color:#f0f0f0;}
.m_ad_zikpot{background: #fff; width: 100%; border: 10px solid #f0f0f0;}

.m_bottom{ bottom:0px;}
.m_text13{font-size: 13px;}
.m_text15{font-size: 15px;}
.m_text22{font-size: 22px;}
.text_blue{color:blue;}
.bold{font-weight: bold;}


/* 광고 리스트 */

/* 모바일 광고 리스트 */

.m_adList{background: #fff; width: 100%}
.m_adList li{width: 100%; padding: 15px; height: 130px; border-bottom:1px solid #ccc; display: inline-flex}
.m_adList li:first-child{border-top:1px solid #ccc;}
.m_adList li .m_adList_thumbnail{width: 30%; float: left}
.m_adList li .m_adList_detail{width: 70%; height:100px; display: inline-block; font-size: 13px; line-height: 26px; padding: 0 10px 0 15px; vertical-align: middle}
.m_adList_img{width: 100px; height: 100px;}


/* 직팟리스트 */

/* pc_직팟리스트 */



/* 모바일 실시간 당첨현황 */
.showRewardList{font-size: 14px; text-align: left; background: #fff; line-height: 20px; padding: 25px 0 0 15px;}

/* 모바일_직팟리스트 */
.m_zikpot_timeText{font-size: 11px; color: #777777; font-weight: bold;}





/* 고객지원 */

/* pc_고객지원 */


/* 모바일_고객지원 */

/*.m_cs_title{width: 100%; height: 50px; font-size: 13px; padding : 20px 0 0 15px; border-bottom:1px solid #ccc; color: #777777;}*/
.m_cs_title{width: 100%; height: 50px; font-size: 14px; padding : 16px 0 0 0px; border-bottom:1px solid #ccc; color: #777777; background: #f0f0f0;}
.m_cs_title .m_menu_back{width: 15%; float: left; display: inline-block; padding-left: 15px; position: absolute; z-index: 1}
.m_cs_title .m_menu_back img{width: 20px; height: 20px; }
.m_cs_title .m_menu_title{width: 100%; position: absolute; text-align: center; font-weight: bold;}
.m_cs_menu{background: #fff;}
.m_cs_menu li{padding: 13px 0 0 20px; height: 45px; font-weight: bold; border-bottom:1px solid #ccc; font-size: 14px; background: url(/design/img/icon/next.png) no-repeat right 10px center; background-size: 15px 15px;}
.m_cs_menu li a{color: black}



.m_board_title{background: #fff; width: 100%; display:inline-flex; border-bottom:1px solid #ccc;}
.m_board_title .title{width:90%; font-size: 16px; padding:15px; font-weight: bold; line-height: 22px; float: left; }
.m_board_title .open{width:10%; background: url(/design/img/icon/down.png) no-repeat right 15px center; background-size: 10px 10px;}
.m_board_title .close{width:10%; background: url(/design/img/icon/up.png) no-repeat right 15px center; background-size: 10px 10px;}
.m_board_title .regDate{font-weight: normal; font-size: 13px; color: #ccc}
.m_board_contents{font-size: 13px; line-height: 20px; padding: 15px; display: none; border-bottom:1px solid #ccc;}
.m_more{width: 100%; height:45px; font-weight: bold; font-size: 15px; text-align: center; background: #fff; padding-top: 13px; border-bottom:1px solid #ccc;}
.m_noDataBoard{width: 100%; height: 400px; background: #fff; font-size: 15px; text-align: center; padding-top: 180px;}


.m_request_title{font-size: 18px; font-weight: bold; padding-bottom: 15px;}
.m_request_detail{line-height: 15px; padding: 0 40px; color:#999999; padding-bottom: 10px; text-align: justify;}




/* 직팟 보상 */

/* pc_직팟 보상 */


/* 모바일_직팟 보상 */

.m_awrad_list{background: #fff; width: 100%}
.m_awrad_list li{width: 100%; padding: 15px; height: 130px; border-bottom:1px solid #ccc; display: inline-flex; position: relative;}
.m_awrad_list li .m_award_thumbnail{width: 30%; float: left}
.m_awrad_list li .m_award_detail{width: 60%; height:100px; display: inline-block; font-size: 14px; line-height: 26px; padding: 0 10px 0 15px; vertical-align: middle}
.m_awrad_list li .m_award_used{width: 10%;  display: inline-block; border-left: 1px dashed #ccc; text-align: right; padding-top: 35px;/*background: url(/design/img/icon/down.png) no-repeat left 15px center; background-size: 10px 10px;*/}
.m_award_img{width: 100px; height: 100px;}

.m_awrad_list li .coupon{width: 100%; }
.m_awrad_list li .coupon .m_award_thumbnail{width: 30%; float: left}
.m_awrad_list li .coupon .m_award_detail{width: 60%; height:100px; display: inline-block; font-size: 14px; line-height: 26px; padding: 0 10px 0 15px; margin-top:-90px;vertical-align: middle}
.m_awrad_list li .coupon .m_award_used{width: 10%;  display: inline-block; border-left: 1px dashed #ccc; text-align: right; padding-top: 70px; /*background: url(/design/img/icon/down.png) no-repeat left 15px center; background-size: 10px 10px;*/}
.m_awrad_list li .used_botton{width: 90%;  left: 15px; right: 0; position:absolute; bottom:5px; text-align: center; margin-left:-15px;}
.m_awrad_list li .used_botton .btn_gift{display:inline-block; width:137px; border:1px solid #ccc; border-radius:5px; height:30px; font-size:14px; text-align:center; line-height:27px; transition:all 0.5s ease; margin:0 15px 10px 0;}
.m_awrad_list li .used_botton .btn_used{display:inline-block; width:137px; border:1px solid #ccc; border-radius:5px; height:30px; font-size:14px; text-align:center; line-height:27px; transition:all 0.5s ease; margin:0 0 10px 0;}
.m_awrad_list li  .etcText_info{}

.m_expireDate{font-size: 13px; padding-bottom: 30px; color: #ccc;}

.m_auth_sub{font-size: 13.5px; padding-top: 5px;}
.m_auth_textbox{padding: 15px;}
.m_auth_text{height: 30px; font-size: 15px; font-weight: bold; padding: 5px; text-align: center; width: 100px;}
.m_auth_info{font-size: 4vw; padding: 0 15px;  color: #333;}
.m_auth_info2{font-size: 12px; padding: 0 15px;  color: #333;}


.m_point_list{text-align: center; background: #fff; font-size: 14px;}
.m_point_title{padding: 10px 0; border-bottom: 1px solid #ccc; font-weight: bold;}
.m_point_detail{width: 100%; padding: 10px 0; border-bottom: 1px solid #ccc;}
.m_point_date{width: 50%; display: inline-block; border-right: 1px solid #ccc; text-align: left; padding-left: 20px}
.m_point_change{width: 50%; display: inline-block; text-align: right; padding-right: 20px}


/* 선물보내기 버튼 */
.btn_kakao_gift{padding:10px 9%; border:1px solid #ccc; border-radius:5px; height:50px; font-size:14px; text-align:center; line-height:47px; transition:all 0.5s ease; margin:0 4% 0 0;}
.btn_sms_gift{padding:10px 9%; border:1px solid #ccc; border-radius:5px; height:50px; font-size:14px; text-align:center; line-height:47px; transition:all 0.5s ease; }




/* 게시판, 공지사항  */
.board_list{width:761px}
.board_list .post_count{float:right;padding:0 0 8px 0;color:#333}
.board_list table{width:761px;margin-bottom:30px;border-top:2px solid #b20000;color:#333;font-size:14px}
.board_list th,.board_list td{border-bottom:1px solid #ccc;border-right:1px solid #ccc}
.board_list th:last-child,.board_list td:last-child{border-right:none}
.board_list th{height:37px;background:#f6f6f6}
.board_list td:nth-child(1){min-width:71px;max-width:71px}
.board_list td:nth-child(2){min-width:425px;max-width:425px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;cursor:pointer}
.board_list td:nth-child(3){min-width:90px;max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.board_list td:nth-child(4){min-width:104px;max-width:104px}
.board_list td:nth-child(5){min-width:71px;max-width:71px}
.board_list td{height:35px;padding:0 10px;text-align:center}


/* 비교 테이블  */
.table_form1{width:761px;}
.table_form1 table{width:761px;margin-bottom:30px; border-top:1px solid #ccc; color:#333;font-size:14px; line-height:25px; text-align:justify; }
.table_form1 th,.table_form1 td{border-bottom:1px solid #ccc;border-right:1px solid #ccc; vertical-align: middle;}
.table_form1 th{height:45px;background:#f6f6f6; font-weight: bolder; text-align: center;}
.table_form1 td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding: 0 10px 0 10px;}
.import_color{color:#b30000;}

/* 설명 테이블 */
.table_form2{width:550px;}
.table_form2 table{width:550px;margin-bottom:15px; border-top:1px solid #ccc; color:#333;font-size:14px; line-height:25px; text-align:justify; }
.table_form2 th,.board_list td{border-bottom:1px solid #ccc;border-right:1px solid #ccc; vertical-align: middle;}
.table_form2 th{height:45px;background:#f6f6f6; font-weight: bolder; text-align: center;}
.table_form2 td{border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;padding: 0 10px 0 10px;}


/* 설명 */
.con_subTitle{font-size:16px; padding-bottom: 5px;}
.con_detail{font-size: 15px; line-height: 30px; padding-left:10px; padding-bottom:40px;}


/* BUTTON 시작 */
.step{display:table;margin:0 auto;text-align:center}
.step button img{width:34px;height:33px}
.step .btn_left{float:left;margin-right:3px}
.step .btn_right{float:left;margin-left:3px}
.step ul{float:left}
.step ul li{float:left;width:34px;height:33px;border:1px solid #ddd;border-right:none;line-height:33px}
.step ul li a{display:block;color:#aaa;font-size:12px}
.step ul li:last-child{border-right:1px solid #ddd}
.step ul li.act a{color:#000;font-weight:bold}

.btn{background:#686879;color:#fff;text-align:center}
.btn.btn_write{float:right;width:70px;height:33px;margin:-33px 0 0 0;line-height:33px}
.n_search{margin:0 auto;width:325px;margin-top:30px;margin-bottom:60px}
.n_search select{float:left;width:95px;height:26px;margin:0 5px 0 0;border:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#333;font-size:12px;text-indent:12px}
.n_search input{float:left;width:160px;height:26px;margin:0 5px 0 0;border:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-indent:12px}
.n_search button{display:block;float:left;width:60px;height:26px;background:#686879;color:#fff;text-align:center}


/* 회원사마당 PAGE01.news_view */
.news_view{width:761px}
.news_view .post_count{float:right;padding:0 0 8px 0;color:#333}
.news_view table{max-width:761px;width:100%;margin-bottom:20px;border-top:2px solid #b20000;color:#333;font-size:14px}
.news_view tr:first-child{height:37px}
.news_view th,.news_view td{height:35px;padding:0 0 0 22px;border-bottom:1px solid #ccc;color:#333;text-align:left}
.news_view th{font-weight:bold}
.news_view th:nth-child(1){min-width:84px;max-width:84px;}
.news_view th:nth-child(3){min-width:84px;max-width:84px;}
.news_view th:nth-child(5){min-width:84px;max-width:84px;}
.news_view td:nth-child(2){min-width:150px; max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news_view td:nth-child(4){min-width:150px; max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news_view td:nth-child(6){min-width:209px; max-width:209px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news_view td input{max-width:458px;width:100%;height:28px;padding:0 10px}
.news_view td button{width:90px;height:28px;margin:0 0 0 10px;background:#686879;color:#fff;text-align:center;line-height:28px}
.news_view td textarea{width:99.8%;height:313px;border:none}
.news_view td input,.news_view td button{float:left}
.news_view .s_input{max-width:124px;width:100%}
.news_view .textarea{padding:20px 20px 20px 22px;line-height:25px}

.s_btnbox{display:table;position:relative;margin:0 auto;height:33px;margin-bottom:58px}
.s_btnbox .btn{float:left;display:inline-block;width:70px;height:33px;line-height:33px}
.s_btnbox .btn.write{background:#686879;color:#fff}
.s_btnbox .btn.list{margin:0 7px;background:#0058b2;color:#fff}
.s_btnbox .btn.cancel{background:#d0d0d0}

/* 회원사마당 PAGE01.news_write */
textarea{line-height:25px}
.news_view .textarea2{padding:0}
.news_view .clip th{background:#f3f3f3;font-weight:bold}

.btn.s_btn.blue{float:right;width:70px;height:33px;margin:0 0 58px 0;background:#0058b2;line-height:33px}

.s_btnbox2{float:right;position:relative;width:147px;height:33px;margin-bottom:58px}

.s_btnbox2>.btn:first-child{float:left;width:70px;margin-right:7px;background:#686879;line-height:33px}
.s_btnbox2>.btn:last-child{float:left;width:70px;height:33px;background:#0058b2;line-height:33px}


/* 기업소개 PAGE01.인사말 */
.intro .contents{border-top:2px solid #b20000; text-align: justify; padding}
.intro .contents p:nth-child(1){width:100%;padding: 20px 0 20px 10px; line-height: 30px; font-size:15px;}
.intro .contents p{width:100%;padding: 0 0 20px 10px; line-height: 30px; font-size:15px;}
.ceo{width:100%;padding: 0 0 20px 10px; font-size:16px; line-height:35px; font-weight: bold; text-align: right;}
.ceo .name_kr{font-size: 30px}
.ceo .name_eng{font-size: 14px}

/* 기업소개 - about */
.direction div{border-top:2px solid #b20000; padding-top:20px;}
.direction .address{margin:20px 0 100px 0;padding-top:10px;border-top:1px solid #ccc;font-size:15px}


/* 직조필름  */
.film .line{border-top:2px solid #b20000; padding-top:20px;}
.film .contents h2{font-size: 19px; padding: 15px 0 15px 0; font-weight: bold;}
.film .contents img{padding-bottom: 40px;}
.film .film_table{font-size:15px; padding-bottom: 40px; line-height: 25px; text-align: justify;}
.film_table th{vertical-align: top}
.text_red{color:#c00000}


/* 쎈 에어 하우스  */
.consulting .line{border-top:2px solid #b20000; padding-top:20px;}
.consulting .contents h2{font-size: 19px; padding: 15px 0 15px 0; font-weight: bold;}
.consulting .contents img{padding-bottom: 40px;}
.consulting .contents .sub_contents p{font-size:15px; padding-bottom: 10px; line-height: 25px; text-align: justify;}
.consulting .sub_contents .consulting_table{font-size:15px; padding-bottom: 10px; line-height: 25px; text-align: justify;}
.consulting th{vertical-align: top; font-weight: normal;}
.text_deepblue{color:#002060}
.text_green{color:green;}

/* 협력업체 */
.natural .line{border-top:2px solid #b20000; padding-top:20px;}
.natural .ico{padding-bottom: 40px; letter-spacing: 40px}
.natural .contents p:nth-child(1){width:100%;padding: 20px 0 15px 10px; line-height: 15px; font-size:15px;}
.natural .contents p{width:100%;padding: 0 0 15px 10px; line-height: 15px; font-size:15px;}
.natural .contents .subContents p{width:100%;padding: 0 0 15px 50px; line-height: 15px; font-size:15px;}



/* 견적의뢰  */
.estimate_view{width:761px}
.estimate_view .post_count{float:right;padding:0 0 8px 0;color:#333}
.estimate_view table{max-width:761px;width:100%;margin-bottom:20px;border-top:2px solid #b20000;color:#333;font-size:14px}
.estimate_view tr:first-child{height:37px}
.estimate_view th,.estimate_view td{height:35px;border-bottom:1px solid #ccc;color:#333;text-align:left}
.estimate_view th{font-weight:bold; background-color: #f3f3f3; text-align: center; padding:0px}
.estimate_view th{min-width:140px;max-width:140px;}
.estimate_view td{font-size: 12px; }
.estimate_view .td_title{min-width:80px;max-width:80px; font-weight:bold; padding:0 0 0 22px;}
.estimate_view .td_contents1{min-width:221px;max-width:221px; padding:0 0 0 10px;}
.estimate_view .td_contents2{min-width:280px;max-width:280px; padding:0 0 0 10px;}
.estimate_view td input{max-width:50px;width:100%;height:25px; padding:0 5px}
.estimate_view td button{width:90px;height:28px;margin:0 0 0 10px;background:#686879;color:#fff;text-align:center;line-height:28px}
.estimate_view td textarea{width:99.8%;height:313px;border:none}
.estimate_view .textarea{padding:20px 20px 20px 22px;line-height:25px}



/* 최신글 */

.latest_news .item{border-top:2px solid #b20000; padding-top:20px; padding-bottom: 30px;}
.latest_news .item .categoryText{font-size:14px;line-height:20px;padding:17px 30px 7px;}
.latest_news .item h3{width:100%;padding:0px 30px 17px 30px;color:#b20000;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.latest_news .item .summaryContents{width:701px;margin:0 auto;padding:0px 0px 17px 10px;overflow:hidden; border-bottom: 1px solid #e9e8e8;}
.latest_news .item .summaryContents p{font-size:14px;line-height:20px;}
.latest_news .item .nodata p{font-size:14px;line-height:20px;width:701px;margin:0 auto;padding:0px 0px 17px 10px;overflow:hidden;}

/* 데이터센터 */
#divData table{width:100%;margin-bottom:30px;color:#333;font-size:12px}
#divData th,#divData td{border-bottom:1px solid #e9e8e8;border-right:1px solid #e9e8e8}
#divData th {border-bottom:1px #d04a4a;}
#divData th:last-child,#divData td:last-child{border-right:none}
#divData th{height:29px;background:#dcdcdc}
#divData td{height:27px;padding:0 5px}
#divData .trHover:hover{background:#f6f6f6}



/* etc PAGE01.사이트맵*/
.sitemap div{border-top:2px solid #b20000}
.sitemap .line:nth-child(1){margin:20px 0 0 0}
.sitemap .line{margin:40px 0 0 0}
.sitemap .line>li{float:left;width:23%;margin:0 1%}
.sitemap .line>li>a{display:inline-block;width:100%;padding:12px 15px;color:#b20000;font-size:15px;font-weight:bold;border:1px solid #ccc; border-bottom: 1px solid #b20000;}
.sitemap .item li a{display:inline-block;width:100%;padding:10px 15px;color:#333;font-size:12px;border:1px solid #ccc;border-top:0;background:#f3f3f3}

/* etc PAGE02.이메일무단수집거부*/
.email_reject div{border-top:2px solid #b20000}
.email_reject div p{margin-top:20px;padding:40px;border:2px solid #ccc;font-size:16px;font-weight:bold;line-height:1.6}
.email_reject div p span{display:block;padding:15px 0 0 0;font-size:12px;color:#a9a9a9}


/* html 이용약관 */
.clause{padding: 10px 25px 25px 25px; line-height: 1.5em; text-align: justify; width: 83%}
.clause br{line-height: 2.2em}
.clause .mainTitle{width:100%; font-weight: bold; font-size: 15px; padding: 15px 0;}
.clause .subTitle{width:100%; font-weight: bold; font-size: 14px; padding-bottom: 20px;}
.contents{width:100%;padding-bottom: 20px; padding: 0 0 20px 10px; font-size: 13px;}
.step{padding-left: 10px}

/* 고객센터 */
.csCenterImg img{width:150px; height: auto; float: left; margin-left: 30px;}
.service{font-size:14px; line-height: 2.0; float: right}
.service .infor{font-size: 17px; font-weight: bold;}
.service .tel{font-weight: bold; font-size: 20px;}
.service .tel span{font-size:22px; color:#8C8C8C; padding-left: 10px;}