﻿@charset "UTF-8";

/*-------------------------------------------------
Content Style Sheet
Version : 1.0
Author : LSK
Last update : 2021. 01. 08.
-------------------------------------------------*//* 
*/

/* 웹진 리스트 */
.webzine_board{position:relative; padding-top:0;}
.webzine_board .board_section{position:relative; width:1200px; margin:0 auto; }
.webzine_board .board_section .today_webzine{position:relative; height:390px; margin:40px 0 40px 0;}
.webzine_board .board_section .today_webzine:before{position:absolute; left:0; right:0; bottom:0; display:block; height:calc(100% - 100px); background:#f3f3f3; content:""; }
.webzine_board .board_section .today_webzine .webzine_image{position:absolute;top:0;left:70px;width:260px;height:335px;border:1px solid #cccccc;box-shadow:20px 0 18px rgba(0,0,0,.1);box-sizing:border-box;background: #eff0f3 url(../images/sub/img_doc01.png) no-repeat left bottom / 100%;overflow:hidden;}
.webzine_board .board_section .today_webzine .webzine_image img{width:100%; }
.webzine_board .board_section .today_webzine .webzine_info{position:relative; padding-left:400px; }
.webzine_board .board_section .today_webzine .webzine_info .webzine_tit{height:100px;padding: 25px 0;font-size:28px;font-weight:500;color:#000;letter-spacing:0px;line-height:38px;box-sizing: border-box;}
.webzine_board .board_section .today_webzine .webzine_dec{padding:40px 0; }
.webzine_board .board_section .today_webzine .webzine_dec li strong{display:block; font-size:16px; font-weight:500; color:#000; letter-spacing:-0.5px; line-height:30px; }
.webzine_board .board_section .today_webzine .webzine_dec li span{display:block; font-size:16px; font-weight:300; color:#000; letter-spacing:-0.5px; line-height:30px;}
.webzine_board .board_section .today_webzine .btn_webzine{position:absolute; top:0; right:10px; display:inline-block; width:140px; height:60px; line-height:60px; border:0; background:#444446; box-sizing:border-box; font-size:18px; font-weight:500; color:#fff; text-align:center; }

.webzine_board .webzine_list_sec{border-top:3px solid #000; border-bottom:1px solid #ccc; padding:40px 20px;  }
.webzine_board .webzine_list_sec .webzine_list li{float:left; margin:0 0 25px 60px;}
.webzine_board .webzine_list_sec .webzine_list li:nth-child(4n+1){margin-left:0; }
.webzine_board .webzine_list_sec .webzine_list li a{position:relative; display:block;}
.webzine_board .webzine_list_sec .webzine_list li a .thum_image{position:relative;display:block;width:245px;height:315px;border:1px solid #cccccc;background: #eff0f3 url(../images/sub/img_doc01.png) no-repeat left bottom / 100%;box-sizing:border-box;overflow:hidden;}
.webzine_board .webzine_list_sec .webzine_list li a .thum_image img{width:100%; }
.webzine_board .webzine_list_sec .webzine_list li a .tit{display:block; height:65px; padding:20px 0; font-size:16px; font-weight:400; color:#000; letter-spacing:0px; line-height:26px; box-sizing:border-box; }
.webzine_board .webzine_list_sec .webzine_list li a:hover .thum_image:before{position:absolute;  top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); content:""; }
.webzine_board .webzine_list_sec .webzine_list li a:hover .thum_image:after{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:60px; height:60px; background:url(../images/board/btn_plusbox01.jpg) no-repeat 0 0; content:"";  }
.webzine_board .webzine_list_sec .webzine_list li.empty_item{width:100%; padding:0; margin:0; font-size:15px;font-weight:400; color:#000; text-align:center;}

/* 동영상 리스트 */
.board_section{position:relative; width:1200px; margin:0 auto; }
.board_section .video_list_sec{border-top:3px solid #000; border-bottom:1px solid #ccc; padding:40px 0px;  }
.board_section .video_list_sec .video_list li{float:left;margin: 0 0 40px 30px;}
.board_section .video_list_sec .video_list li:nth-child(3n+1){margin-left:0; }
.board_section .video_list_sec .video_list li a{position:relative;display:block;}
.board_section .video_list_sec .video_list li a:before{position:absolute;bottom:0;left: 50%;transform:translateX(-50%);display:block;width:0;height:3px;background:#e32c60;content:"";transition: width .3s;}
/* 2021-01-08 수정 */
.board_section .video_list_sec .video_list li a .thum_image{position:relative;display:block;width:380px;height:230px !important;background: #eff0f3 url(../images/board/bg_logo_box03.png) no-repeat 0 0;border:1px solid #cccccc;box-sizing:border-box;overflow:hidden;}
.board_section .video_list_sec .video_list li a .thum_image img{width:100%; height:100%;}
/*
.board_section .video_list_sec .video_list li a:hover .thum_image:before{position:absolute;  top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); content:""; }
.board_section .video_list_sec .video_list li a:hover .thum_image:after{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:60px; height:60px; background:url(../images/board/btn_plusbox01.jpg) no-repeat 0 0; content:"";  }
*/
.board_section .video_list_sec .video_list li a:hover:before{width:100%;}

.board_section .video_list_sec .video_list li a .tit{display:block;height: 92px;padding: 20px 0;font-size:16px;font-weight: 500;color:#000;letter-spacing:0px;line-height:26px;overflow: hidden;box-sizing:border-box;}
.board_section .video_list_sec .video_list li a .date{font-size:15px;color:#888888;padding-bottom:15px;}
.board_section .video_list_sec .video_list li a .item_dec{padding: 0px 0 15px;height:50px;box-sizing: border-box;}
.board_section .video_list_sec .video_list li a .item_dec span{display:inline-block;margin-right: 30px;font-size:16px;font-weight:400;color:#444;line-height: 22px;vertical-align:middle;}
.board_section .video_list_sec .video_list li a .item_dec span em{position:relative;display:inline-block;margin: 0 0 0 5px;padding:0 0 0 10px;font-size:16px;font-weight:400;color:#444;line-height: 22px;vertical-align: top;}
.board_section .video_list_sec .video_list li a .item_dec span em:before{position: absolute;top: 50%;left: 0;transform: translateY(-50%);display:block;width:1px;height: 14px;background:#ddd;content:"";}
.board_section .video_list_sec .video_list li.empty_item{width:100%; padding:0; margin:0; font-size:15px;font-weight:400; color:#000; text-align:center;}
/* 고객만족 */
.cs_board{position:relative;}
.cs_board .board_section .title_area{padding:0px 0 0;}
.cs_board .board_section .title_area .big_txt_p{font-size:40px; font-weight:300; line-height:1.2; margin-bottom:50px; text-align:center;}
.cs_board .board_section .title_area .big_txt_p .em_txt{display:block;font-size:16px;line-height: 26px;letter-spacing: -0.5px;font-weight: 400;margin-top:10px;}
.cs_board .board_section textarea{height:44px; background:#f2f2f2; border:1px solid #f2f2f2; padding:0 15px; width:calc(100% - 32px); height:150px; resize:none;}
.cs_board .board_section .form_list > li{position:relative; margin:70px 0 0 0; }
.cs_board .board_section .form_list .agree_txt{position:relative; display:block; height:280px; margin-top:25px; padding:40px; background:#f5f5f5; border:1px solid #cccccc; overflow:hidden; overflow-y:scroll; box-sizing:border-box; font-size:16px; font-weight:400; color:#444; line-height:30px; }
.cs_board .board_section .form_list .agree_txt .sub_title{padding:20px 0 10px; font-size:16px; font-weight:700; color:#444; }

/* 체크박스 */
.cs_board .board_section label.ch + label.ch {margin-left:20px;}
.cs_board .board_section input[type="text"] + .ch {margin-left:10px;}
.cs_board .board_section label.ch1 {display: inline-block; line-height: 18px; margin: 0 5px 0 0; cursor: pointer; vertical-align: middle;}
.cs_board .board_section label.ch1 span{font-size:24px; font-weight:500; color:#000; letter-spacing:-0.75px;}
.cs_board .board_section label.ch1 span em{font-size:18px; font-weight:500px; color:#115abb;}
.cs_board .board_section label.ch1 input[type="radio"]:not(o) + span:before,
.cs_board .board_section label.ch1 input[type="checkbox"]:not(o) + span:before {content: ' '; display: inline-block; margin-right:6px; margin-bottom:2px; width: 30px; height:30px; text-align: center; vertical-align: middle; box-sizing:border-box; }
.cs_board .board_section label.ch1 input[type="radio"]:not(o) + span:before { background: url(../images/member/ico_chek_off.png) no-repeat 50%;}
.cs_board .board_section label.ch1 input[type="checkbox"]:not(o) + span:before {background: url(../images/member/ico_chek_off.png) no-repeat 50%;}
.cs_board .board_section label.ch1 input[type="radio"]:not(o),  
.cs_board .board_section label.ch1 input[type="checkbox"]:not(o) {width: 0; padding: 0; opacity:0; -webkit-appearance: none; overflow: hidden; border: 0}
.cs_board .board_section label.ch1 input[type="radio"]:checked + span:before {background-image: url(../images/member/ico_chek_on.png); }
.cs_board .board_section label.ch1 input[type="checkbox"]:checked + span:before {background-image: url(../images/member/ico_chek_on.png); }

.cs_board .board_section label.ch2 {display: inline-block; line-height: 18px; margin: 0 20px 0 0; cursor: pointer; vertical-align: middle;}
.cs_board .board_section label.ch2 span{font-size:16px; font-weight:300; color:#000; letter-spacing:-0.75px;}
.cs_board .board_section label.ch2 span em{font-size:18px; font-weight:500px; color:#115abb;}
.cs_board .board_section label.ch2 input[type="radio"]:not(o) + span:before,
.cs_board .board_section label.ch2 input[type="checkbox"]:not(o) + span:before {content: ' '; display: inline-block; margin-right:6px; margin-bottom:2px; width: 16px; height:16px; text-align: center; vertical-align: middle; box-sizing:border-box; }
.cs_board .board_section label.ch2 input[type="radio"]:not(o) + span:before { background: url(../images/member/ico_chek_off.png) no-repeat 50% / 16px auto;}
.cs_board .board_section label.ch2 input[type="checkbox"]:not(o) + span:before {background: url(../images/member/ico_chek_off.png) no-repeat 50% / 16px auto;}
.cs_board .board_section label.ch2 input[type="radio"]:not(o),  
.cs_board .board_section label.ch2 input[type="checkbox"]:not(o) {width: 0; padding: 0; opacity:0; -webkit-appearance: none; overflow: hidden; border: 0}
.cs_board .board_section label.ch2 input[type="radio"]:checked + span:before {background-image: url(../images/member/ico_chek_on.png); }
.cs_board .board_section label.ch2 input[type="checkbox"]:checked + span:before {background-image: url(../images/member/ico_chek_on.png); }
.cs_board .board_section .btn_speaker{display:inline-block;width: 46px;height: 46px;background: url(../images/board/ico_speaker.png) no-repeat center center / 16px auto; border: 1px solid #018cdf;text-indent:-9999px; cursor:pointer;}
.cs_board .board_section .btn_change{display:inline-block;width: 46px;height: 46px;background: url(../images/board/ico_rewrite.png) no-repeat center center / 16px auto; border: 1px solid #757575;text-indent:-9999px; cursor:pointer;}

.cs_board .board_section .btn_btm_sec{position:relative; padding:40px 0; text-align:center;}
.cs_board .board_section .btn_btm_sec .btn_submit{display: inline-block;width:140px;height:60px;border:1px solid #444446; background:#444446; font-size:18px;font-weight:400;color:#fff;line-height:60px; box-sizing:border-box; vertical-align:middle; cursor:pointer;}
.cs_board .board_section .btn_btm_sec .btn_home{display: inline-block;width:140px;height:60px;border:1px solid #444446;font-size:18px;font-weight:400;color:#444446;line-height:60px; box-sizing:border-box; vertical-align:middle;  cursor:pointer;}

/* 등록완료 */
.cs_complite .board_section{position:relative; width:1200px; margin:0 auto;}
.cs_complite .board_section .board_box{position: relative;width: 100%; height: 423px;border-bottom:1px solid #cccccc;  box-sizing: border-box;}
.cs_complite .board_section .board_box .title_area{position:relative; width: 100%; padding:30px 0 165px; background:url(../images/board/ico_compliment02.png) no-repeat center bottom; text-align: center; }
.cs_complite .board_section .board_box .title_area .title_text{font-size:38px; font-weight: 500;color:#042f7d;letter-spacing: -0.5px;line-height:48px;text-align: center;}
.cs_complite .board_section .board_box .title_area .title_dec{margin-top:12px; font-size:16px; font-weight:500; color:#333; letter-spacing:-0.25px; line-height:36px;}
.cs_complite .board_section .btn_btm_sec{position:relative; padding:40px 0; text-align:center;}
.cs_complite .board_section .btn_btm_sec .btn_home{display: inline-block;width:140px;height:60px;border:1px solid #444446;font-size:18px;font-weight:400;color:#444446;line-height:60px;}

/* 칭찬하기 */
.compliment_board .board_section .title_area{padding:0px 0 0;}
.compliment_board .board_section .title_area .big_txt_p{font-size:40px; font-weight:300; line-height:1.2; margin-bottom:50px; text-align:center;}
.compliment_board .board_section .title_area .big_txt_p .em_txt{display:block;font-size:16px;line-height: 26px;letter-spacing: -0.5px;font-weight: 400;margin-top:10px;}
.compliment_board .board_section .btn_btm_sec{position:relative; }
.compliment_board .board_section .btn_btm_sec .btn_write{position:absolute; top:50px; right:0; display:inline-block; margin-top:-30px; width:120px; height:60px; line-height:60px; border:1px solid #ccc; background:#fff; vertical-align:middle; font-size:18px; font-weight:500; color:#444446; letter-spacing:-0.25px; text-align:center; box-sizing:border-box; }

/* 관리자댓글 */
.compliment_board .board_section .comment_wrap{position:relative; padding:40px 30px; border-top:1px solid #ccc;  }
.compliment_board .board_section .comment_wrap .comment_image{float:left;width:100px;height:120px;background:url(../images/board/bg_image_box01.jpg) no-repeat 0 0 / 100% auto;}
.compliment_board .board_section .comment_wrap .comment_info{float:left;width:calc(100% - 120px);padding: 0 0 0 20px;}
.compliment_board .board_section .comment_wrap .comment_info .state{position:relative;padding: 5px 0 5px 27px;background: url(../images/board/ico_smile01.png) no-repeat 0 center;font-size:16px;font-weight:400;color:#3198e3;letter-spacing:-0.25px;line-height: 18px;}
.compliment_board .board_section .comment_wrap .comment_info .comment_text{font-size:16px; font-weight:400; color:#000; letter-spacing:-0.25px; line-height:30px; text-align:left;}
.compliment_board .board_section .comment_wrap .comment_info .comment_text strong{display:block; margin:0 0 5px 0; font-size:16px; font-weight:600; color:#000; }

.compliment_complite .board_section .board_box{position: relative;width: 100%; height: 423px; border-top:3px solid #44444a;border-bottom:1px solid #cccccc;  box-sizing: border-box;}
.compliment_complite .board_section .board_box .title_area{position:relative; width: 100%; padding: 65px 0 165px; background:url(../images/board/ico_compliment01.png) no-repeat center bottom; text-align: center; }
.compliment_complite .board_section .board_box .title_area .title_text{font-size:38px; font-weight: 500;color:#042f7d;letter-spacing: -0.5px;line-height:48px;text-align: center;}
.compliment_complite .board_section .board_box .title_area .title_dec{margin-top:12px; font-size:16px; font-weight:500; color:#333; letter-spacing:-0.25px; line-height:36px;}
.compliment_complite .board_section .btn_btm_sec{position:relative; padding:40px 0; text-align:center;}
.compliment_complite .board_section .btn_btm_sec .btn_home{display: inline-block;width:140px;height:60px;border:1px solid #444446;font-size:18px;font-weight:400;color:#444446;line-height:60px;}

/* 유의사항  */
.board_section .notice_box{position:relative; padding:40px; margin-bottom:40px; box-sizing:border-box; background:#f5f5f5; border:1px solid #ddd; }
.board_section .notice_box .tit{position:relative; display:block; padding-left:50px; margin-bottom:5px; background:url(../images/board/bul_sty01.png) no-repeat 0 center; font-size:18px; font-weight:500; color:#000; line-height:35px; }
.board_section .notice_box ul{margin-left:50px;}
.board_section .notice_box .btn_link{display:inline-block; padding:0 10px; height:28px; line-height:28px; border:1px solid #cccccc; border-radius:3px; background:#fff; vertical-align:middle;}
.board_section .notice_box .btn_link span{display:block; padding:0 15px 0 0; background:url(../images/board/ico_arw_next02.png) no-repeat right center; font-size:15px; font-weight:400; color:#000; letter-spacing:-0.25px;  }

/* 블릿 */
.bul_sty01 li{position:relative; padding-left:13px; font-size:16px; font-weight:400; color:#444; letter-spacing:-0.25px; line-height:30px; }
.bul_sty01 li:before{position:absolute; top:50%; left:0; transform:translateY(-50%); display:block; width:5px; height:1px; background:#444; content:"";}
.bul_sty01 li strong{font-weight:700; color:#444; }

/* 언론보도 */
.press_board .list_table .press_box{position:relative;display:inline-block;width:220px;height:70px;border:1px solid #ccc;box-sizing:border-box;vertical-align: middle;overflow:hidden;}
.press_board .list_table .press_box img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.press_board .list_table a{display:inline-block;margin: 0 10px;vertical-align:middle;}
.press_board .list_table a:hover{font-weight:500; color:#000; text-decoration:underline;}

/* 탭 */
.tab.sty01{position:relative; width:1200px; margin:0 auto 40px; }
.tab.sty01 > ul{width:100%; display:flex; flex-flow:row nowrap; }
.tab.sty01 > ul > li{box-sizing:border-box;flex-grow:1; margin-left:-1px;}
.tab.sty01 > ul > li a{display:block; color:#999; font-size:18px; background:#f7f7f7; border:1px solid #ddd; padding:13px 0;  text-align:center;}
.tab.sty01 > ul > li.on a{background:#fff; color:#0056bc; border:0; border-top:3px solid #115abb; border-left:1px solid #ddd;}
.tab.sty01 > ul > li:last-child.on a{border-right:1px solid #ddd;}

.tab.sty02{position:relative; width:1200px; margin:0 auto 50px; }
.tab.sty02 > ul{width:100%; display:flex; flex-flow:row nowrap; }
.tab.sty02 > ul > li{box-sizing:border-box;flex-grow:1; margin-left:-1px;}
.tab.sty02 > ul > li a{display:block; color:#666; font-size:18px; background:#fff; border:1px solid #ddd; padding:13px 0;  text-align:center;}
.tab.sty02 > ul > li.on a{background:#3198e3; border:1px solid #3198e3; ; color:#fff; }
.tab.sty02 > ul > li:last-child.on a{border-right:1px solid #ddd;}