@charset "utf-8";

/* 공통 */
#sub_bn{position: relative; width: 100%; height: 320px; }
#sub_bn .sub_h2_com{
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%); margin-top: 32px;
	font-size: 45px; font-weight: 500; letter-spacing: -1px; color: #ffffff;
}

.info_bn{background: url(../img/sb_banner_2.jpg) no-repeat center center;}
.office_bn{background: url(../img/sb_banner_2.jpg) no-repeat center center;}
.media_bn{background: url(../img/sb_banner_2.jpg) no-repeat center center;}
.laywer_bn{background: url(../img/sb_banner_2.jpg) no-repeat center center;}
.work1_bn{background: url(../img/sb_banner_2.jpg) no-repeat center center;}
.work2_bn{background: url(../img/sb_banner_2.jpg) no-repeat center center;}
.success_bn{background: url(../img/sb_banner_2.jpg) no-repeat center center;}

 .sub_com .tab{}
.sub_com .tab_menu_wrap{height: 65px; border-bottom: 1px solid #ffcf00;}
.sub_com .tab_menu_wrap .tab_menu{display: flex; width: 1200px; height: 65px; margin: 0 auto;}
.sub_com .tab_menu_wrap .tab_menu li{position: relative; width: 100%; height: 65px; text-align: center; font-size: 18px; letter-spacing: -1px; cursor: pointer;}
.sub_com .tab_menu_wrap .tab_menu li.on{background: #ffcf00; color: #ffffff;}
.sub_com .tab_menu_wrap .tab_menu li a{display: block; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%);}
/*
.sub_tab{}
.sub_com .sub_tab .tab_menu li{background: #f1f1f1;}
.sub_com .sub_tab li:first-child{border-left: 1px solid #dddddd; box-sizing: border-box;}
.sub_com .sub_tab li{border-right: 1px solid #dddddd; box-sizing: border-box; box-sizing: border-box;}
.sub_com .sub_tab .tab_menu li span{display: block; font-size: 18px; line-height: 28px;}
.sub_com .sub_tab .tab_menu li a { display:block; width:100%; font-size: 18px; color: #444444; line-height: 28px; vertical-align:middle; }
.sub_com .sub_tab .tab_menu li.on a{ color: #ffffff; } */

.sub_com .tab{}
.sub_com .tab_menu_wrap{height: 65px; border-bottom: 1px solid #eee;}
.sub_com .tab_menu_wrap .tab_menu{display: flex; justify-content: center; width: 1200px; height: 65px; margin: 0 auto;}
.sub_com .tab_menu_wrap .tab_menu li{width: 25%; height: 63px; text-align: center; font-size: 19px; letter-spacing: -1px; cursor: pointer;}
.sub_com .tab_menu_wrap .tab_menu li.on{background: 0; border-bottom: 2px solid #ffcf00;}
.sub_com .tab_menu_wrap .tab_menu li a{display: block; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); color: #666;}
.sub_com .tab_menu_wrap .tab_menu li.on a{font-weight: 500; color: #000;}

.sub_com .section{width: 1200px; margin: 100px auto;}
.work_cont .section{width: 1200px; margin: 0 auto 150px;}


.sb_sec{display: flex; justify-content: space-between;}
.sb_sec h3.subtit{width: 16%; margin-right: 72px; font-weight: bold;}
.sb_sec .sub_cont_text{width: 82%;}

.sub_com .sub_cont_tit{margin-top: 90px; font-size: 28px; font-weight: bold; line-height: 38px; letter-spacing: -1px;}
.sub_com .sub_cont_tit span {font-size: 18px;}
.sub_com .subtit{display: inline-block; margin-top: 30px; font-size: 24px; font-weight: normal; letter-spacing: -1px; line-height:30px; font-weight: bold;}
.sub_com .subtit_bg{display: inline-block; margin: 15px 0 20px; padding: 15px; background: linear-gradient(to right, rgba(255,255,255,0) 50%, #ffcf00 50%); background-size: 200%; color: #000; transition: .8s;}
.sub_com .subtit_bg.on {background-position: -100% 0; color: #fff !important;}
.sub_com .sub_cont_text{margin-top: 30px; font-size: 18px; line-height: 28px; letter-spacing: -1px;}
.sub_com .sub_cont_text span{font-weight: bold; color: #ffcf00;}

.sub_com .img_box_hover{display: flex; justify-content: space-between; width: 100%;}
.sub_com .img_box_hover li{position: relative; border: 1px solid #d7d7d7; box-sizing: border-box; cursor: pointer;}
.sub_com .img_box_hover li img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sub_com .img_box_hover li p{
    position: absolute; top: 50%; left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center; font-size: 18px; line-height: 28px; letter-spacing: -1px;
}

.sub_com .img_box_hover li:hover{border: 3px solid #ffcf00; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); box-sizing: border-box;}
.sub_com .img_box_hover li:hover p{font-weight: bold; color: #ffcf00;}

.sub_com .bn_text_wrap{position: relative; width: 100%;}
.sub_com .bn_text{position: absolute; top: 50%; left: 65px; transform: translate(0,-50%); font-size: 24px; letter-spacing: -2px; font-family: "아리따-부리(TTF)";}

.sub_com .text_bn{width: 100%; height: 65px; background: #ffcf00; text-align: center; font-size: 20px; font-weight: 300; line-height: 65px; letter-spacing: -1px; color: #ffffff; }

.box_line{margin-top: 30px; padding: 35px 30px; border: 1px solid #d7d7d7; box-sizing: border-box; line-height: 1.5em;}
.box_line p.tit{font-size: 1.2em; font-weight: bold;}
.box_line div{font-size: 18px; line-height: 28px; letter-spacing: -1px;}
.box_line>span{font-size: 0.9em;}

/* -------------------------------------------- */

/* 게시판 공통 STYLE */
.list_sch_wrap { max-width:1100px; margin:auto;}
.list_tab {}
.list_tab li { display:inline-block; float:left;  padding:13px; border:1px solid #ddd; border-right:0;}
.list_tab li:last-child { border-right:1px solid #ddd;  }
.list_tab li.on { background:#ffcf00; color:#fff;  }
.list_tab li.on a { }

/*검색창*/
.sc_form_wrap{display: flex; justify-content: flex-end;}
.sc_form_wrap form{display: flex;}
.sc_form_wrap form input{padding:10px; border:1px solid #222;}
.sc_form_wrap form button{outline: 0; border: 0; margin-left: 10px; background: #222; padding: 5px 20px; font-size: 16px; color: #ffffff;}

.board_page{display:block;padding:70px 0 30px 0;text-align:center}
.board_page ul{display:inline}
.board_page ul li{display:inline-block}
.board_page a{display:inline-block;margin:0 1px;width:40px;height:40px;border:1px solid #e2e2e2;color:#7c7c7c;vertical-align:top;line-height:40px}
.board_page a.on{color:#fff;border-color:#3a3947;background-color:#ffcf00}
.board_page > a{background:url('../img/ico_board_page.png') no-repeat;font-size:0;line-height:0}
.board_page > a.all_prev{background-position:center 0}
.board_page > a.prev{background-position:center -50px}
.board_page > a.next{background-position:center -100px}
.board_page > a.all_next{background-position:center -150px}

.bt_title { text-align: center; padding: 0px 0 50px 0; font-size: 28px; }


.cont_tit_com{padding-bottom: 70px; font-size: 30px; font-weight: 400; letter-spacing: -1px; text-align: center; /* border-bottom: 1px solid #ffcf00; */}
.cont_tit_com span{font-weight: 500; color: #ffcf00;}

.board_page{display:block;padding:30px 0 70px 0;text-align:center}
.board_page ul{display:inline}
.board_page ul li{display:inline-block}
.board_page a{display:inline-block;margin:0 1px;width:40px;height:40px;border:1px solid #e2e2e2;color:#7c7c7c;vertical-align:top;line-height:40px;}
.board_page a.on{color:#fff;border-color:#ffcf00;background-color:#ffcf00}
.board_page > a{background:url('/img/ico_board_page.png') no-repeat;font-size:0;line-height:0}
.board_page > a.all_prev{background-position:center 0}
.board_page > a.prev{background-position:center -50px}
.board_page > a.next{background-position:center -100px}
.board_page > a.all_next{background-position:center -150px}
.board_page > a sapn{font-size:0;}

.msg_sound_only, .sound_only { position: absolute;  top: 0; left: 0; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; border: 0 !important; overflow: hidden !important; }
@media print {
#print_2 { display:none; }
#print_3 { display:none; }
}



/*-----------------------------------------------*/

/* 구성원 소개 */
.lawyer_tab_w { text-align:center; margin-bottom:50px;}
.lawyer_tab_w .lawyer_tab {}
.lawyer_tab_w .lawyer_tab li { display:inline-block; font-size:1.2em;}
.lawyer_tab_w .lawyer_tab li a {display:inline-block; padding:20px 40px; border-bottom:1px solid #ddd;} 
.lawyer_tab_w .lawyer_tab li a.on {  font-weight: 600; color: #ffcf00; border-bottom:2px solid #ffcf00;}
.laywer_cont .laywer_img{margin-top: 75px;}
.laywer_cont .laywer_img li{display: inline-block; position: relative; width: 575px; height: 300px; margin: 20px 10px 0px 10px; background: url(../img/bg_left.jpg) no-repeat center center; border: 1px solid #eee; box-sizing: border-box; overflow:hidden; }
.laywer_cont .laywer_img li:nth-child(2n){ background: url(../img/bg_right.jpg) no-repeat center center;}
.laywer_cont .laywer_img li .img_wrap { position:absolute; flot:right; right:0; bottom:0; }
.laywer_cont .laywer_img li .l_info{position: absolute; top: 42px; left: 26px; padding:30px; background:rgba(0,0,0,0.8); box-shadow: 0 1px 10px rgb(0 0 0 / 30%), 0 0 40px rgb(0 0 0 / 15%) inset; z-index:10; }
.laywer_cont .laywer_img li .l_info .position{margin-bottom: 17px; font-size: 15px; letter-spacing: -1px; color:#b8b8b8;}
.laywer_cont .laywer_img li .l_info .name{margin-bottom: 52px; font-size: 34px; font-weight: 500; color:#eee; }
.laywer_cont .laywer_img li .l_info .more{ display: block; padding:0px 30px 15px 0px; color:#ffcf00; border-bottom:1px solid #ffcf00; transition:all 0.3s; }
.laywer_cont .laywer_img li .l_info .more:after { content:""; display:inline-block; position:absolute; width: 13px; height: 16px; margin:1px 0 0 8px; background: url(../img/btn_arrow.png) no-repeat center center; transition:all 0.3s; }
.laywer_cont .laywer_img li:hover .l_info .more:after{  margin-left:38px;  }

.laywer_cont .laywer_img li.main { height: 560px; width: 391px; margin:0 3px 5px 3px;}
.laywer_cont .laywer_img li.main .img_wrap { position:absolute; flot:left; left:0; bottom:0; width:100%; height:100%;  }
.laywer_cont .laywer_img li.main .img_wrap:after { content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); transition:all 0.2s; }
.laywer_cont .laywer_img li.main .img_wrap img { width:100%; } 
.laywer_cont .laywer_img li.main .l_info { top: 322px; left: 6px; padding:30px; background:rgba(0,0,0,0); box-shadow:none; z-index:10;}
.laywer_cont .laywer_img li.main .l_info .more{ }
.laywer_cont .laywer_img li.main:hover .img_wrap:after { background:rgba(0,0,0,0); }
.laywer_cont .laywer_img li.main:hover .l_info .more { }
.laywer_cont .laywer_img li.main:hover .l_info .more:after{  margin-left:48px;  }

    /* 구성원 소개(상세) */
.laywer_2_cont{width: 100%;}

.laywer_2_cont .bn_img{width: 100%; height: 1000px; background: url(../img/sub_main_img_bg.jpg) no-repeat center center; overflow: hidden;}
.laywer_2_cont .bn_img .bn_info{display: flex; width: 1200px; margin: 0 auto;}
.laywer_2_cont .bn_info .bn_info_text{padding-top: 485px;}
.laywer_2_cont .bn_info .bn_info_text p{padding-left: 70px; color: #ffffff;}
.laywer_2_cont .bn_info .bn_info_text .text{margin-bottom: 180px; font-size: 28px; letter-spacing: -1px; line-height:40px;}
.laywer_2_cont .bn_info .bn_info_text .position{margin-right:150px; margin-bottom: 45px; font-size: 28px; letter-spacing: -1px; font-family: "아리따-부리(TTF)"; }
.laywer_2_cont .bn_info .bn_info_text .name{margin-bottom: 10px; font-size: 65px; letter-spacing: -1px; font-family: "아리따-부리(TTF)"; }
.laywer_2_cont .bn_info .bn_info_text .name_e{font-size: 35px; letter-spacing: -1px;}
.laywer_2_cont .bn_img .img{width: 44%; height: 1000px; padding-top: 200px; }

.laywer_2_cont .tab_cont_wrap{width: 1100px; margin: 0 auto;}
.laywer_2_cont .tab_cont_wrap .tab_cont .cont{margin-top: 100px;}
.laywer_2_cont .tab_cont_wrap .tab_cont .border_btm{padding-bottom: 70px; border-bottom: 1px solid #dddddd;}
.laywer_2_cont .tab_cont_wrap .tab_cont h4{margin-bottom: 30px; text-align: left; font-size: 28px; letter-spacing: -1px;}

.laywer_2_cont .tab_cont .cont01{padding-top: 50px; font-size: 18px; line-height: 28px; letter-spacing: -1px;}

.laywer_2_cont .tab_cont .cont02{display: flex; justify-content: space-between;}
.laywer_2_cont .tab_cont .cont02>div{width: 50%;}
.laywer_2_cont .tab_cont .cont02 .left{}
.laywer_2_cont .tab_cont .cont02 .left .img_wrap{display: flex;}
.laywer_2_cont .tab_cont .cont02 .left .img_wrap p{margin-right: 30px;}
.laywer_2_cont .tab_cont .cont02 .right{margin-left: 40px;}

.laywer_2_cont .tab_cont .cont03{}
.laywer_2_cont .tab_cont .cont03 .list_wrap{display: flex;}
.laywer_2_cont .tab_cont .cont03 ul{height: auto; margin-right: 65px;}
.laywer_2_cont .tab_cont .cont03 ul li{display: flex; align-items: center; font-size: 15px; line-height: 28px; color: #444444;}
.laywer_2_cont .tab_cont .cont03 ul li:before{content: ''; width: 3px; height: 2px; margin-right: 10px; background: url(../img/list_style_img.jpg) no-repeat center center;}

.laywer_2_cont .tab_cont .cont04{margin-bottom: 230px;}
.laywer_2_cont .tab_cont .cont04 .swiper-container{width: 100%;}
.laywer_2_cont .tab_cont .cont04 .swiper-wrapper{margin-bottom: 30px;}
.laywer_2_cont .tab_cont .cont04 .swiper-wrapper .box{width: 323px; height: 187px; padding: 20px 25px; border: 1px solid #bbbbbb; box-sizing: border-box;}
.laywer_2_cont .tab_cont .cont04 .swiper-wrapper .box .tit{margin-bottom: 16px; font-size: 18px; letter-spacing: -1px; color: #ffcf00;}
.laywer_2_cont .tab_cont .cont04 .swiper-wrapper .box .text{
    height: 75px;
    margin-bottom: 25px;
    text-align: left; font-size: 18px; line-height: 25px; letter-spacing: -1px;
    white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.laywer_2_cont .tab_cont .cont04 .swiper-wrapper .box .date{font-size: 15px; letter-spacing: -1px; color: #888888;}

/* 오시는길 */
.way_info{display:block;padding-top:30px}
.way_info dl{display:block;padding:30px 0;border-bottom:1px solid #d6d6d6; *zoom:1}
.way_info dl:after{content:"";display:block;clear:both}
.way_info dl dt{float:left;display:block;width:155px;font-size:24px;color:#000}
.way_info dl dd{float:left;display:block;width:800px;font-size:18px;color:#404040;line-height:1.5em}
.way_info dl dd ul{}
.way_info dl dd ul li{display:block;margin-top:5px}
.way_info dl dd ul li:first-child{margin-top:0}
.way_info dl dd ul li a{display:inline-block;color:#404040;letter-spacing:0}
.way_info dl dd ul li strong{display:inline-block;margin-right:5px;width:57px;color:#000;line-height:16px;border-right:1px solid #d6d6d6}
.way_info dl dd ul.call li{letter-spacing:0}
.way_info dl dd ul.call li strong{margin-top:3px;width:22px;height:22px;border:none;vertical-align:top}
.way_info dl dd ul li.bus strong{display:inline-block;border:none;margin-bottom:10px}
.way_info dl dd ul li.bus ul li{letter-spacing:0}
.way_info dl dd ul li.bus ul li em{display:inline-block;padding-right:5px;letter-spacing:-1px;color:#006699}
.way_btns{width:100%;padding:20px 0 86px 0}
.way_btns:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:" ";opacity:0}{}
.way_btns button{float:right;padding-left:20px;width:168px;height:54px;margin-left:6px;background:url('../img/way_btns.png') no-repeat;color:#fff;font-size:18px;letter-spacing:-1px}
.way_btns button.prt{background-position:-174px 0}
.way_btns button.mag{padding-left:24px;background-position:0 0}


/* 온라인상담 */
.cont_wrap.qna .advice_step {width:1100px;height:170px; margin: 0 auto 100px;text-align:center; }
.cont_wrap.qna .advice_step ul { display: flex; justify-content: space-between; width:100%; padding:10px;}
.cont_wrap.qna .advice_step ul li {width:25%; }
.cont_wrap.qna .advice_step ul.step{margin-bottom: 100px;}
.cont_wrap.qna .advice_step ul.step li { width: 20%; position:relative; padding: 25px; font-size:18px; line-height: 23px; border: 1px solid #ddd; box-sizing: border-box; transition:all 0.2s; }

/*
.cont_wrap.qna .advice_step ul.step li em.st { display:inline-block; position:absolute; height:60px; width:130px;  transition:all 0.2s; left:50%; margin-left:-65px; margin-top:-35px; border-radius:0; overflow:hidden; }
.cont_wrap.qna .advice_step ul.step li.step01 em.st{background:none;}
.cont_wrap.qna .advice_step ul.step li.step02 em.st{background:none;}
.cont_wrap.qna .advice_step ul.step li.step03 em.st{background:none;}
.cont_wrap.qna .advice_step ul.step li.step04 em.st{background:none;}*/
.cont_wrap.qna .advice_step ul.step li.on {background: #ffcf00;color:#ffffff; font-weight:300;}
.cont_wrap.qna .advice_step ul.detail {position:relative; margin-top:-90px;}
.cont_wrap.qna .advice_step ul.detail:after {position:absolute;top:-4px;display:block;width: 1100px;height:1px;border-bottom:1px solid #ddd;content:""; }
.cont_wrap.qna .advice_step ul.detail li {position: relative; width: 25%; padding-top:25px; font-size:15px; line-height: 20px; color:#666; }
.cont_wrap.qna .advice_step ul.detail li.on {background-position:center -75px; color:#ffcf00; }

.cont_wrap.qna .advice_step ul.detail li p{position: absolute; width: 220px; margin-left: 73px;}
.cont_wrap.qna .advice_step ul.detail li:nth-child(1) p{top: 10px; left:-70px;}
.cont_wrap.qna .advice_step ul.detail li:nth-child(2) p{top: 10px; left:-60px;}
.cont_wrap.qna .advice_step ul.detail li:nth-child(3) p{top: 10px; left:-40px;}
.cont_wrap.qna .advice_step ul.detail li:nth-child(4) p{top: 10px; left:-22px;}

.cont_wrap.qna .adv_btn {width:100%;text-align:right;}
.cont_wrap.qna .adv_btn button { height:50px;margin-top:30px;font-size:18px;color:#fff;background:#ffcf00; border: 0; outline: 0; cursor:pointer; padding:0 60px 0 40px;}
.cont_wrap.qna .adv_btn button:after { content:""; display:inline-block; position:absolute; margin:3px 0 0 10px; width:15px; height:16px; background:url('../img/consult_ico.png') no-repeat; }

#mask, #mask1 { position:absolute;   z-index:9000;   background-color:#000;   display:none;   left:0; top:0; }
#modal_box, #modal_box1 {
	display: none; width:771px; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background:#fff;
	z-index:10000; -webkit-box-shadow: 0 3px 10px #000; -moz-box-shadow: 0 3px 10px #000; box-shadow: 0 3px 10px #000; box-shadow: 0 3px 10px #000;
}
@media \0screen {
	#modal_box { left:0; right:0; top:0; bottom:0; height:80%; margin: auto; }
}

.sc_form_wrap { text-align:center; margin-bottom:80px; }
.sc_form_wrap input { border:2px solid #333; text-align:left; padding:10px 15px; width:240px; outline:0; transition:all 0.2s; }
.sc_form_wrap input:focus { border-color:#294c77; }
.sc_form_wrap button { padding:12px 30px; margin-left:5px;letter-spacing:0px; cursor:pointer; background:#294c77; color:#fff; }




.list_board {max-width:1100px; margin:auto; }
.advice_list .list_board table{width:100%;  border-top:1px solid #000; margin:auto; }
.advice_list .list_board table thead {line-height: 60px;}
.advice_list .list_board table thead th{height:60px;color:#333;font-size:15px;font-weight:normal;border-bottom:1px solid #ddd;background:#f8f8f8; text-align: center;}
.advice_list .list_board table tbody td{height:62px;border-bottom:1px solid #ddd;color:#3f3f3f;font-size:14px;text-align:center;letter-spacing:0}
.advice_list .list_board table tbody td.point{color:#064323}
.advice_list .list_board table tbody td:nth-child(2){color:#000;letter-spacing:0px}
.advice_list .list_board table tbody td:nth-child(4),
.advice_list .list_board table tbody td:nth-child(5){color:#808080}
.advice_list .list_board table tbody td a{display:block;padding:0 0 0 6px;text-align:left}
.advice_list .list_board table tbody td a em{display:block;font-size:18px}
.advice_list .list_board table tbody td a p{position:relative;display:block;padding-left:50px;line-height:62px;color:#000;padding-right:40px; font-size:16px; transition:all 0.2s; overflow: hidden; text-align: ellipsis; white-space: nowrap;}
.advice_list .list_board table tbody td a.scrt{position:relative;padding-left:46px;}
.advice_list .list_board table tbody td a span{display:inline-block;margin-left:8px;height:31px;font-size:0;background-position:center center;background-repeat:no-repeat}
.advice_list .list_board table tbody td a span.reply{padding-left:8px; font-size:1em; }
.advice_list .list_board table tbody td a .re_img { margin-top:20px; margin-left:10px; opacity:0.5; }
.advice_list .list_board table tbody td a span.secret{position:absolute;left:0;top:15px;width:31px;background-image:url('../img/ico_secret.gif')}
.advice_list .list_board table tbody td a span.new{width:60px;vertical-align:middle;background-image:url('../img/ico_new.gif')}
.advice_list .list_board table tbody td a span.file{display:block;position:absolute;right:0;top:0;width:30px;height:31px;background-image:url('../img/ico_file.gif')}
.advice_list .list_board.no-pad table tbody td a p{padding-right:0; }
.advice_list .list_board.no-pad table tbody td:hover a p{ color:#ffcf00; font-weight:600; }
.advice_list .list_board table tbody td .pw_secret { display: none; position: absolute; margin-top: -63px; margin-left: -90px; width: 1100px; height:63px; background: rgba(0,0,0, 0.8); z-index: 5; *zoom: 1; }
.advice_list .list_board table tbody td .pw_secret .overlap { float: left; margin: 12px 0 0 331px; width: 318px; border-bottom: 1px solid #bbb; }
.advice_list .list_board table tbody td .pw_secret .overlap input { height: 40px; background: none; border: none; color: #fff; }
.advice_list .overlap label { position: absolute; top: 18px; display: block; font-size: 15px; color: #999; }
.advice_list .list_board table tbody td .pw_secret button { display: block; font-size: 0; line-height: 0; background:transparent; }
.advice_list .list_board table tbody td .pw_secret button.done { float: left; margin: 12px 0 0 20px; width: 121px; height: 40px; border: 1px solid #fff; color: #fff; font-size: 15px; }
.advice_list .list_board table tbody td .pw_secret button.close { position: absolute; right: 11px;  top: 10px; width: 22px; height: 22px; background: url('/img/close_btns.png') 0 0 no-repeat; }


.cont_wrap.qna .adv_btn {width:100%;text-align:right;}
.cont_wrap.qna .adv_btn button { height:50px;margin-top:30px;font-size:18px;color:#fff;background:#ffcf00; border: 0; outline: 0; cursor:pointer; padding:0 60px 0 40px;}
.cont_wrap.qna .adv_btn button:after { content:""; display:inline-block; position:absolute; margin:3px 0 0 10px; width:15px; height:16px; background:url('../img/consult_ico.png') no-repeat; }

#modal_box .close_btn {position:absolute;right:-44px;top:0px;display:block;width:44px;height:44px;text-indent:-9999px;background:url('../img/adv_close.png') no-repeat;}
#modal_box .adv_tab {width:100%; }
#modal_box .adv_tab ul {overflow:hidden;}
#modal_box .adv_tab ul li {position:relative;float:left;width:calc(771px/3);height:75px;line-height:75px;text-align:center;}
#modal_box .adv_tab ul li a {display:block;font-weight:bold;color:#fff;background:#282828;}
#modal_box .adv_tab ul li a.on {color:#333;background:#fff;}
#modal_box .adv_tab ul li:after{position:absolute;left:0;top:1px;display:block;width:1px;height:75px;content:"";background:#595959;}
#modal_box .adv_tab ul li:first-child:after {display:none;}

#modal_box .adv_conts {padding:50px;}
#modal_box .adv_conts > div {display:none;}
#modal_box .adv_conts #advTab01 {display:block;}
#modal_box .adv_conts p.adv_txt {margin-bottom:25px; letter-spacing:-1px;}
#modal_box .adv_conts p.adv_txt strong { font-weight:600; color:#3c3b4b; }
#modal_box .adv_conts .request_wrap ul li {margin-bottom:10px;}
#modal_box .adv_conts .request_wrap ul li span {margin-left:5px;}
#modal_box .adv_conts .request_wrap ul li span:first-child {margin-left:0;}
#modal_box .adv_conts .request_wrap ul li input {height:50px;border:0 none;font-size:15px;background:#f2f2f2; padding:0 15px;}
#modal_box .adv_conts .request_wrap ul li span input {width:300px; padding:0 15px;}
#modal_box .adv_conts .request_wrap ul li input#b_title {width:638px; }
#modal_box .adv_conts .request_wrap ul li textarea { height:90px; width:638px; padding:15px;outline:none;resize:none;font-size:15px;background:#f2f2f2;}
#modal_box .adv_conts .request_wrap ul li input[type=checkbox] { height:auto !important;}

#modal_box .adv_conts .request_wrap dl.mc3{position:relative;overflow:hidden;width:100%;padding-bottom:8px;margin-top:14px}
#modal_box .adv_conts .request_wrap dl.mc3 dt{float:left;width:89px;height:16px;padding:0 0px;color:#666;line-height:43px; font-size:14px;}
#modal_box .adv_conts .request_wrap dl.mc3 dd{}
#modal_box .adv_conts .request_wrap dl.mc3 dd .img{}
#modal_box .adv_conts .request_wrap dl.mc3 dd:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:" ";opacity:0}
#modal_box .adv_conts .request_wrap dl.mc3 dd img{float:left;display:block;width:auto;height:40px;border:1px solid #d8d8d8;overflow:hidden}
#modal_box .adv_conts .request_wrap dl.mc3 dd button{float:left;width:33px;height:33px;margin:3px 10px 0 10px;background:url('/img/ico_reset.png') 0 0 no-repeat;text-indent:-99999em;overflow:hidden}
#modal_box .adv_conts .request_wrap dl.mc3 dd input{float:left;width:410px;height:43px;}
#modal_box .adv_conts .request_wrap .ckbox{margin-top:6px;padding:3px 0;position:relative; text-align:left;}
#modal_box .adv_conts .request_wrap .ui-checkbox {display:inline-block; position:relative; font-size:13px; color:#555; }
#modal_box .adv_conts .request_wrap .ckbox em{display:block;width:170px;height:12px;padding:2px 0;font-size:13px;color:#808080;line-height:1em}
#modal_box .adv_conts .request_wrap .ckbox a{position:absolute;left:150px;top:1px;display:block;width:56px;height:20px;background:url('../img/policy_btns-sub.png') 0 0 no-repeat;font-size:11px;color:#868686;line-height:1.8em;text-indent:7px}
#modal_box .adv_conts .request_wrap .overlap {position:relative;cursor:auto;}
#modal_box .adv_conts .request_wrap .overlap label {position:absolute;left:12px;top:8px;display:block;font-size:18px;color:#999;}
#modal_box .adv_conts .request_wrap .ckbox input[type=password], #modal_box .adv_conts .request_wrap .ckbox input[type=text] {width:100%;border:1px solid #d6d6d6;padding:7px 0;box-sizing:border-box;text-indent:16px;color:#000;background:#fff;}

#modal_box .request_btn {width:100%;}
#modal_box .request_btn button {width:100%;height:60px;text-align:center;font-size:20px;color:#fff;background:#ffcf00; outline: 0; border: 0;}
#modal_box #advTab02 .request_btn button {background:#fd5f1a;}
#modal_box #advTab03 .request_btn button {color:#333;background:#ffe800;}

#modal_box .adv_info {margin-top:25px;padding-top:22px;border-top:1px solid #ddd;}
#modal_box .adv_info ul li dl {overflow:hidden;}
#modal_box .adv_info ul li dl dt, #modal_box .adv_info ul li dl dd {float:left;line-height:14px;font-size:14px;}
#modal_box .adv_info ul li dl dt {font-weight:bold;padding-right:10px;margin-right:10px;border-right:1px solid #ddd;}
#modal_box .adv_info ul li dl dd {color:#333;}

/* YK영상 */
.youtube_cont{}
.youtube_cont .list_wrap{display: flex; flex-wrap: wrap;}
.youtube_cont .list_wrap .item_box{width: 30.94%; height: 270px; margin: 0 40px 30px 0; cursor: pointer;} 
.youtube_cont .list_wrap .item_box:nth-child(3n){margin-right: 0;}
.youtube_cont .list_wrap .item_box .thumb_img{height: 208px;  border: 1px solid #ddd; overflow:hidden; } 
.youtube_cont .list_wrap .item_box .tit{width: 90%; margin: 8px 0 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 20px;} 
.youtube_cont .list_wrap .item_box .bate{font-size: 12px; color: #b5b5b5;} 

.board_view-page{position:relative;padding-bottom:100px;border-top:1px solid #000}
.board_view-page .view_title{display:block;padding:34px 0;border-bottom:1px solid #ddd; *zoom:1}
.board_view-page .view_title:after{content:"";display:block;clear:both}
.board_view-page .view_title > *{float:left;display:block;color:#000;font-size:18px}
.board_view-page .view_title .cate{padding-top:1px;width:96px;text-align:center}
.board_view-page .view_title .tit{margin:0;padding:0 30px;width:722px;font-size:24px;line-height:1.2em;border-left:1px solid #ddd}
.board_view-page .view_title .tit em{display:block;font-size:18px;line-height:1.4em}
.board_view-page .view_title .data,
.board_view-page .view_title .hit{margin-top:5px;padding:0 12px;color:#808080;line-height:1em;letter-spacing:0}
.board_view-page .view_title .hit{border-left:1px solid #c4c4c4}
.board_view-page .view_title .name{font-weight:bold;/*margin-top:13px;*/margin-top:5px;padding-right:13px;border-right:1px solid #e5e5e5;line-height:1em;width:130px;height:18px}
.board_view-page .view_title .name em{display:block;width:100%;height:100%;overflow:hidden;white-space:nowrap;text-align:right}
.board_view-page .view_contents{padding:60px 38px;color:#000;font-family:"Apple SD Gothic Neo","나눔바른고딕",NanumBarunGothic;line-height:1.7em;font-size:18px;word-spacing:3px} /*띄어쓰기*/
.board_view-page .view_contents:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:" ";opacity:0}
.board_view-page .view_contents *{font-family:"Apple SD Gothic Neo","나눔바른고딕",NanumBarunGothic;line-height:1.7em;font-size:18px}
.board_view-page .view_contents img{display:block;max-width:100%}
.board_view-page .view_contents p{margin:0}
.board_view-page .view_contents b {font-weight:bold !important;}
.board_view-page .view_contents .tips{display:block;margin-top:48px;padding:25px;border:1px solid #ddd;background-color:#f5f5f5;font-size:16px;line-height:1.5em}
.board_view-page .view_contents .tips > strong{display:block;margin-bottom:16px;font-size:20px}
.board_view-page .view_contents .tips dl{padding:0 0 0 12px}
.board_view-page .view_contents .tips dl dt{position:relative;font-family:"Apple SD Gothic Neo",WebNotoSans;}
.board_view-page .view_contents .tips dl dt:before{content:"";display:block;position:absolute;top:9px;left:-10px;width:3px;height:3px;background-color:#757575}
.board_view-page .view_contents .tips dl dd{padding-right:200px}
.board_view-page .view_contents .yk_law{margin-top:50px}
.board_view-page .view_contents .yk_law strong{display:inline-block;padding:4px 0 15px 0;color:#000;border-top:1px solid #000}
.board_view-page .view_contents .yk_law ul{display:block; *zoom:1}
.board_view-page .view_contents .yk_law ul:after{content:"";display:block;clear:both}
.board_view-page .view_contents .yk_law ul li{float:left;display:block;margin-left:40px}
.board_view-page .view_contents .yk_law ul li:first-child{margin-left:0}
.board_view-page .view_contents .yk_law ul li a{display:block}
.board_view-page .view_contents .yk_law ul li img{display:block;margin:10px auto;width:104px;height:104px}
.board_view-page .view_contents .yk_law ul li p{display:block;font-size:18px;color:#000;line-height:1.1em;text-align:center}
.board_view-page .prev_next{display:block}
.board_view-page .prev_next ul li{display:block;padding:20px 35px;border-top:1px solid #ddd;color:#000;*zoom:1}
.board_view-page .prev_next ul li:after{content:"";display:block;clear:both}
.board_view-page .prev_next ul li a{float:left;width:100%;padding:8px 0;color:#000}
.board_view-page .prev_next ul li a > *{float:left;display:block;margin:0;font-size:18px}
.board_view-page .prev_next ul li a span{width:120px;line-height:1.4em;margin-top:4px}
.board_view-page .prev_next ul li a span.data{float:right;width:auto;color:#808080;letter-spacing:0}
.board_view-page .prev_next ul li a p{position:relative;width:800px;padding:4px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.4em}
.board_view-page .prev_next ul li a.scrt p{padding-left:42px;width:758px}
.board_view-page .prev_next ul li a p .secret{position:absolute;left:0;top:50%;width:31px;height:31px;margin-top:-15px;background-image:url('../img/ico_secret.gif');text-indent:-99999em;overflow:hidden}
.board_view-page .btn_list{border-top:1px solid #000;padding-top:20px; *zoom:1}
.board_view-page .btn_list:after{content:"";display:block;clear:both}
.board_view-page .btn_list .ft_r{float:right}
.board_view-page .btn_list .ft_l{float:left}
.board_view-page .btn_list a,
.board_view-page .btn_list button{}
.board_view-page .btn_list .lst{display: block;width:130px;height:52px;color: #fff;font-size:20px;line-height:51px;padding-left:14px;width:117px;background:url('../img/btn_list.png') no-repeat center center}
.board_view-page .btn_list .mod{border:1px solid #b5b5b5;color:#404040}
.board_view-page .btn_list .del{border:1px solid #b5b5b5;margin-left:10px;color:#404040}


/* 언론보도 */
.cont_wrap .media_board{padding-top:20px }
.cont_wrap .media_board .media_list{display:block; width: 100%; padding-top:20px }
.cont_wrap .media_board .media_list:after{content:"";display:block;clear:both}
.cont_wrap .media_board .media_list .m-box{float:left;margin:0 0 22px 40px;width:536px; border:1px solid #d6d6d6;box-shadow:rgba(0, 0, 0, 0.13) 1px 1px 1px}
.cont_wrap .media_board .media_list .m-box a{display:block;padding:25px 30px 35px 33px; *zoom:1}
.cont_wrap .media_board .media_list .m-box a:after{content:"";display:block;clear:both}
.cont_wrap .media_board .media_list .m-box a em{display:block;margin-bottom:18px;color:#567a7a;font-size:15px;line-height:1em;height:16px;overflow:hidden; font-weight:600; }
.cont_wrap .media_board .media_list .m-box a em span{margin-left:5px;padding-left:5px;color:#808080;border-left:1px solid #d6d6d6}
.cont_wrap .media_board .media_list .m-box a img,
.cont_wrap .media_board .media_list .m-box a strong,
.cont_wrap .media_board .media_list .m-box a > span,
.cont_wrap .media_board .media_list .m-box a p{float:left;display:block;margin:0}
.cont_wrap .media_board .media_list .m-box a img{margin-right:18px;width:174px;height:146px;border:1px solid #d6d6d6}
.cont_wrap .media_board .media_list .m-box a strong{margin-bottom:3px;width:265px;height:46px;overflow:hidden;color:#000;font-size:20px;line-height:1.2em;font-weight:normal;word-wrap:break-word;word-break:keep-all;padding-top:2px}
.cont_wrap .media_board .media_list .m-box a .data{padding-right:5px;font-size:12px;color:#808080;letter-spacing:0}
.cont_wrap .media_board .media_list .m-box a .file{margin-top:5px;width:20px;height:13px;background:url('../img/ico_file2.gif') center center no-repeat;font-size:0}
.cont_wrap .media_board .media_list .m-box a p{margin-top:15px;width:275px;height:65px;overflow:hidden;word-wrap:break-word;word-break:keep-all;line-height:1.35em;font-family:"Apple SD Gothic Neo", WebNotoSansL;}
