@charset "utf-8";
.L_light .board_wrap {padding-top:120px; background:#f5f6f8;}


/* CLICK */
.clickContact_wrap{position:absolute; top:0; right:0; height:auto;margin:115px auto; z-index:999; display:none; }
.clickContact{float:right; width:134px;padding:0 58px;}
.clickContact button{display:inline-block; width:100%; height:100%;text-align:left; background:transparent;  cursor:pointer;}
.clickContact .c_blue{ color:#fd4345;}
.clickContact .c_blue i{float:right;margin-top:4px; font-size:14px;}
.click_icon{font-size:27px; color:#cccccc;text-align:center;padding:26px 0;}
.clickContact p:first-of-type button{padding-bottom:25px;line-height:22px;letter-spacing:-1px;}
.clickContact p:last-of-type{}
.clickContact p:last-of-type span{float:right; text-align:right; line-height:26px; letter-spacing:2px;}



/*********************  sub page  **********************/
.sub_section .sub_title {color:#707070;}


/*********************  BOARD  **********************/
.board {position:relative; box-sizing:border-box;}
.board .maxwidth{width:100%; max-width:1200px; margin:0 auto;}
.board img {border: 0;}

.board_visual{height:auto; position:relative; padding:60px 0; box-sizing:border-box;}
.board_visual p,.sub_visual p {text-align:left;}
.board_visual .subtitle_en{padding-top:0; padding-bottom:35px; line-height:36px; letter-spacing:1px;}
.board_visual .subtitle_icon{padding-top:45px; font-size:27px; color:#252525; font-weight:bold;}

.mobile_board_cat {display:none;}
.listtype_board_list a{color:#35373a;} 
.listtype_ti a{font-size:21px; font-weight:700;}

.pc_board_cat {margin-top:30px;}
.cTab li {float:left; padding:0 20px; text-align:center; }
.cTab li:first-child {padding-left:0;}
.cTab li span { letter-spacing:0.5px; }
.cTab li span:after {content:''; border-bottom:2px solid rgba(253,67,69,1); display:block; width:0; margin-top:10px; transition:all .3s ease-out;-ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out;}
.cTab li span:hover:after {content:''; border-bottom:2px solid rgba(253,67,69,1.0); transition:all .3s ease-out;-ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; width:100%;}
.cTab li.on span:after {content:''; border-bottom:2px solid rgba(253,67,69,1.0); width:100%;}



/* Pagination */
.pagination {text-align: center; line-height: normal; clear:both; margin-top:80px;}
.pagination a, .pagination strong {border:1px solid #ebebeb; display:inline-block; width:40px; height:40px; background:#FFF; line-height:40px;}
.direction i {font-size:10px; line-height:30px; }
.pagination strong {background:#fd4845; color:#FFF; border:1px solid #fd4845;}
.pagination a, .pagination strong{vertical-align:middle;}


/* WORK_sub */
.visual_works .f_l .subtitle_en{padding-top:0; padding-bottom:35px;}
.visual_works .f_l .subtitle_kr{color:#252525;line-height:1.5;padding-bottom:10px; letter-spacing:-2px;}
.visual_works .f_l .subtitle_kr .fs_40 {font-weight:100;}
.visual_works .f_l .sub_title {color:#898989;}
.visual_works .f_r {width:230px; height:230px; border-radius:165px; background:#252525;margin-top:0; margin-right:-20px;}
.visual_works .f_r dl{ color:#fff; padding:51px 0; text-align:center; }
.visual_works .f_r dl dt{text-transform:uppercase; color:#fff;}
.visual_works .f_r dl .related_sub{color:#acacac;}
.visual_works .f_r dl .related_sub span {display:block;}
.icon-sign77 {display:none;}
.mobile_br {display:none;}

.sub_works_wrap{padding-top:30px; padding-bottom:20px;}
.works_li {position:relative;float:left; width:calc(33.33333% - 10px); margin-bottom:15px;}
.works_li:nth-child(3n+1) { margin-right:10px;}
.works_li:nth-child(3n+2) { margin:0 5px; }
.works_li:nth-child(3n+3) { margin-left:10px; }
.works_li:hover .read_wrap{opacity:1;}
.works_img{width:100%; display:block; aspect-ratio:1/1; object-fit:cover; }
.works_li.wow{visibility:visible !important;}




.listtype_board_list .read_wrap{opacity:0;position:absolute; top:0; left:0; background:rgba(253,67,69,0.9);width:100%; height:100%;text-align:center; transition:all .3s ease-out;-ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; cursor:pointer;  }
.read_wrap .doc_read{width:60%;position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); }
.read_wrap .doc_read .work_read_title span{padding:15px 17px; border:1px solid #fff; color:#fff;}
.read_wrap .doc_read .work_read_brand{margin-top:40px; margin-bottom:15px; color:#FFF; text-transform:capitalize;}
.read_wrap .doc_read .doc_text{ margin:0 auto;}
.read_wrap .doc_read .doc_text span{text-align:center; color:#fff; line-height:21px;}
.readDocument .read_icon {position:absolute; bottom:25px;right:30px;color:#fff;}






.xe_content {text-align:center !important; }
.xe_content p {text-align:center; padding:50px 0;}
.xe_content p:nth-of-type(1) {display:none; }

.vlab_board .xe_content p { padding:0;}
/* 개인정보 취급방침 */
.privacy_popup_wrap.visible{visibility:visible; opacity:1;overflow-y:auto;}
.privacy_popup_wrap{visibility:hidden; opacity:0;background:#1b1f26;overflow-y:auto; width:100%; height:100%; transition:all 0.3s ease-in-out; position:fixed; left:0; top:0; z-index:999999; color:#fff;}
.privacy_popup_wrap .visualist_privacy{position:relative; padding:180px 0; margin:0 auto; width:70%; word-break:keep-all;}
.privacy_popup_wrap .visualist_privacy .request_header h1{font-size:50px; line-height:2; border-bottom:4px solid #FFF;}
.privacy_popup_wrap .visualist_privacy .request_content{padding-top:20px;}
.privacy_popup_wrap .visualist_privacy .request_content > div{padding-top:20px;}
.privacy_popup_wrap .visualist_privacy .request_content > div h2{font-size:18px; font-weight:700;line-height:2;}
.privacy_popup_wrap .visualist_privacy .request_content > div p{color:#ebebeb; line-height:2;font-size:16px;}
.privacy_popup_wrap .visualist_privacy .request_content > div ul{padding-top:10px; line-height:1.2; font-size:16px;}
.privacy_popup_wrap .visualist_privacy .request_content > div ul li{line-height:1.5;}
.privacy_popup_wrap .visualist_privacy .request_content > div ul li:before{content:''; display:inline-block; width:4px; height:4px; border-radius:100%; background:#fff;vertical-align:middle; margin-right:5px;}
.popup_close_btn{position:fixed;top:50px; right:100px; background:transparent; border:none;width:60px; height:60px;cursor:pointer; z-index:9999999;}
.popup_close_btn span{font-size:50px; color:#fff; line-height:60px; display:block;}






/*********************  CONTACT  **********************/

.contact_wrap .sub_title{padding-top:20px;}
.mapview_bt_mobile {display:none; }


/* MAP */
.main_location_wrap_mobile {display:none; }
.main_location{position:relative;width:100%; height:400px;margin-bottom:50px;}
.withUs_wrap{position:absolute; top:0; left:50%; width:50%; height:400px; background:rgba(0,0,0,.9); z-index:999;padding:50px 4%; box-sizing:border-box;}
.withUs_wrap .withUs_bottom{color:#fff; font-size:16px; letter-spacing:0;}
.withUs_wrap .withUs_bottom li{margin-bottom:15px; }
.withUs_wrap .withUs_bottom .c_blue{color:#fd4345; margin-bottom:20px; font-size:36px;}
.withUs_wrap .withUs_bottom .c_white{color:#fff; letter-spacing:0;}
.withUs_wrap .withUs_bottom .c_gray{color:#898989;}
.withUs_wrap .withUs_bottom .fallow_us{padding-top:60px;}
.withUs_wrap .withUs_bottom li.brochure {padding-top:30px;}
.withUs_wrap .withUs_bottom li .contact_sns{padding:1% 0;}
.withUs_wrap .withUs_bottom li .icon-arrow85{color:#fd4345; margin-right:2%;}
.withUs_wrap .copy{font-size:12px; color:#828486;line-height:22px;}
.main_location .overlay{font-family:'나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic';letter-spacing:0;}
.main_location .overlay a{letter-spacing:0;}
.place-desc-large{color:#5b5b5b; font-size:12px; width:200px; display:inline-block;margin:0 5px 15px 0;}
.place-name{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:600; font-size:14px; color:#000;}
.address{margin-top:6px;}
.navigate,.link_share{display:inline-block; vertical-align:top; height:43px; padding:0 12px; font-size:12px; text-align:center;}
.link_share{border-left:1px solid #e2e2e2; }
.icon{background:url(http://t1.daumcdn.net/localimg/localimages/07/2018/pc/ico_detail_190102.png) no-repeat; width:33px; height:33px; margin:0 auto;}
.navigate_icon{background-position:-120px -440px;}
.share_icon{background-position:-160px -330px;}
.navigate-text,.share-text{color:#3a57df;}
.bottom-action{color:#5b5b5b; font-size:12px;}
.bottom-action a{color:#3a84df;}




/* EDIT */
.write_form .sub_title{padding-bottom:5%;}
.write_form input[type="text"]{width:100%; height:50px; background:transparent;text-indent:0; padding-left:1%; border:none; }

input::placeholder {font-weight:900; color:#252525; margin-left:-15px; opacity: 1; }
input::-webkit-input-placeholder { font-weight:900; color:#252525; margin-left:-15px;}
input:-ms-input-placeholder {font-weight:900; color:#252525; margin-left:-15px;}
input:-mos-input-placeholder { font-weight:900; color:#252525; margin-left:-15px;}



.write_form .width50{width:48%; }
.write_form > li{height:auto;}
.write_form .border_bt{border-bottom:1px solid #898989;height:60px; line-height:60px;}
.write_form .contact_company{width:48%; float:left;}
.write_form .contact_phone{width:48%; float:right;}
.write_form .contact_old_site{clear:both;}
.write_form .contact_reply,.write_form .contact_service{height:auto; padding-bottom:15px;}
.contact_tit{font-weight:900; color:#252525;}
.contact_tit span{padding-left:2px; font-weight:normal;}
.write_form .contact_company .contact_tit span,.write_form .contact_phone .contact_tit span{display:none;}
.write_form .contact_reply ul:after,.write_form .contact_service ul:after{content:''; display:block; clear:both;}
.write_form .contact_reply li {float:left; width:16.6666% ; line-height:50px;}
.write_form .contact_write p.contact_tit{padding:3% 0 2%;}
.write_form .contact_privacy{padding-top:5%;}
.write_form .contact_privacy a{padding:1% 2%; border:2px solid #e1e1e1; border-radius:22px; color:#898989;margin-left:2%;}
.write_form .contact_privacy a:hover{border:2px solid #000; color:#000;}
.write_form .contact_privacy .f_ns900{font-weight:900;}
.write_form .contact_service li {float:left; padding-right:5%;line-height:50px;}


/* RADIO 바꾸기 */
.write_form input[type="radio"]{display:none;}
.write_form input[type="radio"] + label:before 
{content:'';  display: inline-block; width:30px; height: 30px; background: url(/modules/board/skins/cnc_contact/img/radio_unchecked.png) no-repeat 0 0; cursor: pointer; border-radius: 3px;vertical-align:middle; margin-right:5px; cursor:pointer;}
.write_form input[type="radio"]:checked + label:before
{background:url(/modules/board/skins/cnc_contact/img/radio_checked.png) no-repeat 0 0;  }
.write_form input[type="radio"] + label{ font-weight:500;font-family: '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic';}

/* CHECKBOX 바꾸기 */
.write_form input[type="checkbox"]{display:none;}
.write_form input[type="checkbox"] + label:before 
{content:'';  display: inline-block; width:30px; height: 30px; background: url(/modules/board/skins/cnc_contact/img/radio_unchecked.png) no-repeat 0 0; cursor: pointer; border-radius: 3px;vertical-align:middle; margin-right:5px; cursor:pointer;}
.write_form input[type="checkbox"]:checked + label:before
{background:url(/modules/board/skins/cnc_contact/img/radio_checked.png) no-repeat 0 0;  }
.write_form input[type="checkbox"] + label{ font-weight:500;font-family: '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic';}

/* 작성완료 버튼 */
.contact_btn{float:right; display:block; width:160px; height:160px; margin-top:-5%; border-radius:100%; background:#252525; color:#fff; cursor:pointer; transition:all .3s linear; -ms-transition:all .3s linear; -webkit-transition:all .3s linear;}
.contact_btn:hover{background:#fd4845;transition:all .3s linear; -ms-transition:all .3s linear; -webkit-transition:all .3s linear;}
.contact_btn span{display:inline-block; width:40%; text-align:left;}
.contact_wrap .btnArea{padding-bottom:100px;}

/* VIEWDOCUMNET */
.send_done {margin-bottom:5%; position:absolute; top:-60px; right:0;  }
.send_done a {display:block; line-height:26px; font-size:18px; text-align:center; color:#FFF; font-weight: 700; width:150px; height:150px;  border-radius:100%; background:#252525;  transition:all .3s linear; -ms-transition:all .3s linear; -webkit-transition:all .3s linear;}
.send_done a:hover{background:#fd4845;transition:all .3s linear; -ms-transition:all .3s linear; -webkit-transition:all .3s linear;}
.send_done a span {padding-top:50px; display:block; text-align:left; width:60px; margin:0 auto;}


/* 사용자 화면 btnArea */
.btnArea .btn_setup,.btnArea .btn_manage,.btnArea .btn_list{padding:1%;  border:2px solid; background:#fff;}
.btnArea .btn_setup:hover,.btnArea .btn_manage:hover,.btnArea .btn_list:hover{background:#000; color:#fff;border:2px solid #000; padding:1%;}
.boardList th{font-weight:900;}










/* **************************************** *
 * MEDIA 1920px
 * **************************************** */
@media all and (max-width: 1920px){
.L_light .board_wrap {padding-top:100px;}
}





/* **************************************** *
 * MEDIA 1280px
 * **************************************** */
@media all and (max-width: 1280px){
.L_light .board_wrap {padding-top:100px;}
.sub_works_wrap{padding-top:25px; padding-bottom:15px;}

/*board_cat*/
.pc_board_cat{display:none;}
.mobile_board_cat{display:block; padding:0; border:1px solid #000; box-sizing:border-box; webkit-box-sizing: border-box; box-sizing:border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; margin-top:30px;}
.mobile_board_cat.open_bg{/* background:rgba(0,0,0,.1); */transition:all 0.3s linear;}
.mobile_board_cat .cTab.clearfix{position:relative; top:0; z-index:999; background:rgba(255,255,255,1);display:none; padding-left:2%; padding-top:20px;}
.mobile_board_cat .cTab li.on a{color:#fd4845;}
.mobile_board_cat .cTab li{float:none; height:50px; padding:0; width:94%; margin-left:2%;}
.mobile_board_cat .cTab li a{border-bottom:1px solid #e1e1e1; display:block; font-size:14px; letter-spacing:0.5px;}
.mobile_board_cat .cTab li:last-child a {border-bottom:0;}
.mobile_board_cat .cTab li a:hover{color:#fd4845;}
.mobile_board_cat .cTab li.on span{border:none;}
.mobile_board_cat .cTab li a span::after,.mobile_board_cat .cTab li a span::before{background:transparent;}
.mobile_board_bt{display:block; height:50px; line-height:50px;letter-spacing:8px;cursor:pointer; position:relative; width:96%; margin:0 auto;}
.mobile_board_bt b{position:absolute; top:0; left:0; color:#252525; font-size:16px; display:none;}
.mobile_board_bt b.on{display:block;}
.mobile_board_bt i{float:right;position:relative; top:50%; transform:translateY(-50%);-ms-transform:translateY(-50%); -webkit-transform:translateY(-50%);}

/* Contact_sub*/


/* 작성완료 버튼 */
.contact_btn{width:130px; height:130px;  font-size:18px;}


}


/* **************************************** *
 * MEDIA 1180px
 * **************************************** */
@media all and (max-width: 1180px){


.works_li {width:calc(50%); margin-bottom:0;}
.works_li:nth-child(3n+1) { margin-right:0;}
.works_li:nth-child(3n+2) { margin:0; }
.works_li:nth-child(3n+3) { margin-left:0; }

.works_read_wrap .btnArea{width:90%;margin:0 auto;}
}



/* **************************************** *
 * MEDIA 1080px
 * **************************************** */
@media all and (max-width: 1080px){
.board_visual{height:auto;}

/* news_sub, vlab_sub NOTICE */
.board_visual .subtitle_en{padding-top:0;}
.notice ul.maxwidth{overflow:visible;}
.listtype_board_list .notice{height:600px; padding-bottom:62px; overflow:hidden;}
.listtype_board_list .notice dl{width:100%; height:186px; margin-right:0; margin-bottom:2%;overflow:hidden;}
.listtype_board_list .notice dl:nth-of-type(3n){margin-bottom:100px;}
.listtype_board_list .notice .loop_date1{left:80%;}
.listtype_board_list .notice .listtype_cate{top:20%; left:45%;}
.listtype_board_list .notice .listtype_ti{left:45%; top:35%;width:auto;}
.listtype_board_list .notice .listtype_th{width:auto; height:100%;}
.listtype_board_list .notice .listtype_th img{width:auto; height:100%;}

/* news, vlab 에서  list 부분 */
.title{width:80%;}
.listtype_th{display:none;}
.doc_text div{width:100%;}

/* WORKS_sub */
.works_board_wrap .listtype_th{display:block;}
.works_board_wrap .title{width:100%;}
.subtitle_icon{visibility:hidden;}


/* Contact_sub*/
.write_from_wrap .write_form > li{float:none;height:auto; width:100%;}


.write_form .contact_reply li:nth-child(2) {width:30%;}
.contact_write > p > span {padding-left:0; display:block; padding-top:15px;}

}

/* **************************************** *
 * MEDIA 940px
 * **************************************** */
@media all and (max-width: 940px){

/* WORKS_sub */
.subtitle_icon{padding-top:20px; visibility:hidden;}
.visual_works .f_r{display:none; float:none; clear:both;margin:0 auto; width:100%; background-color:#fff; height:auto;text-align:right;}
.visual_works .f_r dl {color:#252525; padding:0 0 5%;}
.visual_works .f_r dl dt.fs_14 {color:#252525; display:inline-block; margin-right:2%;}
.visual_works .f_r dl dd.total_project {display:inline-block;}
.visual_works .f_r dl .related_sub {display:block;}
.icon-sign77 {display:inline-block; font-size:38px; font-weight:bold;}
.visual_works .mobile_br {display:block;}
.visual_works .f_r dl .related_sub span {display:inline-block; margin-left:2%;}

.write_form .contact_service li {width:25%; line-height:40px;}
.write_form .contact_reply li {width:25%;}

}

/* **************************************** *
 * MEDIA 768px
 * **************************************** */
@media all and (max-width: 768px){
.board_wrap .sub_title {font-size:14px; line-height:21px;}
.board_wrap .fs_28 {font-size:20px; letter-spacing:-1px;}
.board_wrap .fs_40 {font-size:26px; letter-spacing:-1.5px;}
.visual_works .f_l .subtitle_kr .fs_40 {letter-spacing:-1.5px;}
.visual_works .f_l .subtitle_kr {letter-spacing:-1px;}
.listtype_board_list .notice .loop_date1{left:75%;}
.listtype_board_list .notice .listtype_th{width:40%;}
.listtype_board_list .notice .listtype_th img{width:100%;}
.visual_works .f_l .subtitle_kr {padding-bottom:5px;}
.mobile_board_cat{margin-top:15px;}
.mobile_board_bt{display:block; height:50px; line-height:50px;letter-spacing:8px;cursor:pointer; position:relative; width:94%; margin:0 auto;}
.sub_works_wrap {padding-top:30px; padding-bottom:0; }
.pagination {margin-top:80px;}

.write_form .sub_title {padding-top:40px;}
.board_visual {padding:30px 0;}
.board_visual .subtitle_en{padding-bottom:35px;}
.visual_works .f_l .subtitle_en{padding-bottom:35px;}
.contact_tit{font-weight:700; color:#252525; font-size:14px;}

input::placeholder {font-weight:700; font-size:14px; }
input::-webkit-input-placeholder { font-weight:700;  font-size:14px; }
input:-ms-input-placeholder {font-weight:700; font-size:14px; }
input:-mos-input-placeholder { font-weight:700; font-size:14px; }


.board_visual .sub_title {padding-top:10px;}
.write_form .border_bt{height:40px; line-height:40px;}
.border_bt ul li {font-size:14px;}
/* Contact_sub_Map */

.mapview_bt_mobile {display:block; text-align:center;  text-transform:uppercase; background:#252525; color:#FFF;  line-height:50px; letter-spacing:1px; cursor:pointer;
transition:all .3s linear; -ms-transition:all .3s linear; -webkit-transition:all .3s linear; }
.mapview_bt_mobile.viewmap {width:100%; background:#fd4845; transition:all .3s linear; -ms-transition:all .3s linear; -webkit-transition:all .3s linear; }
.write_form .contact_reply li {width:50%;}
.write_form .contact_reply li:nth-child(2)  {width:50%;}
.write_form .contact_service li  {width:50%;}
.write_form .contact_reply {padding-bottom:0;}
.write_form .contact_service {padding-bottom:10px;}
.main_location_wrap {visibility:hidden;  opacity:0;  height:0; transition:all .3s linear; -ms-transition:all .3s linear; -webkit-transition:all .3s linear; overflow:hidden; }
.main_location_wrap.view_location {opacity:1; visibility:visible; height:750px; transition:all .3s linear; -ms-transition:all .3s linear; -webkit-transition:all .3s linear;  overflow:hidden; }
.main_location {/* display:none; */ position:relative;width:100%; height:400px;margin-bottom:5%;}

.withUs_wrap{position:relative; top:0; left:0; width:100%; height:350px; background:rgba(0,0,0,.9); z-index:999;padding:5% 6%; box-sizing:border-box;}
.withUs_wrap .withUs_bottom .fallow_us{padding: 5% 0 0 0}
.write_form{padding-top:0;}
.contact_write .contact_tit span{display:block;line-height:1.5;}
.xefu-dropzone p {font-size:14px;}



/* Contact_sub_view */
.boardRead{padding-top:5%;}
.viewDocument table{font-size:14px;}
.works_read_wrap .btnArea{width:100%; max-height:80px;}
.works_read_wrap .btnArea > span {line-height:80px; height:80px;}
.works_read_wrap .btnArea > span a{line-height:80px;}
.works_read_wrap .btnArea > span img{display:none;}
.read_wrap .doc_read{width:80%;}

/* VIEWDOCUMNET */
.send_done {margin-bottom:0; position:relative; top:30px; }
.send_done a {line-height:50px;width:150px; height:50px;  border-radius:50px; margin:0 auto;}
.send_done a span {padding-top:0; display:inline; text-align:left; width:auto; margin:0 auto;}
.send_done a span i {padding-left:10px;}
.send_done a span br {display:none; }
}

/* **************************************** *
 * MEDIA 600px
 * **************************************** */
@media all and (max-width: 600px){

.listtype_board_list .notice .loop_date1{left:70%;bottom:20px;}
.listtype_board_list .notice .nickname{bottom:10px;}


/* contact */
.contact_wrap .sub_title{line-height:1.5;}
/* contact_전문보기 */
.write_form .contact_privacy a{padding:2% 4%;}

/* contact_작성완료 버튼 */
.contact_btn{float:none; display:inline-block; width:200px; height:60px; margin-top:10%; border-radius:30px; background:#000; color:#fff; cursor:pointer; transition:all .3s linear; -ms-transition:all .3s linear; -webkit-transition:all .3s linear;}
.contact_btn:hover{background:#fd4845;transition:all .3s linear; -ms-transition:all .3s linear; -webkit-transition:all .3s linear;}
.contact_btn span{display:inline-block; width:100%; text-align:center;}
.contact_btn span br,.contact_btn span i{display:none;}
.btnArea{padding-bottom:15%;text-align:center;}


/* 개인정보 취급방침 */

.privacy_popup_wrap .visualist_privacy{padding:100px 0; width:90%; word-break:keep-all;}
.privacy_popup_wrap .visualist_privacy .request_content > div p{font-size:14px; line-height:20px;}
.privacy_popup_wrap .visualist_privacy .request_content > div ul{padding-top:10px; line-height:1.2; font-size:14px;}




}

/* **************************************** *
 * MEDIA 540px
 * **************************************** */
@media all and (max-width: 540px){
.write_form .contact_privacy a {float:right; margin-top:-7px;}
.mobile_board_bt{letter-spacing:5px;}
.listtype_board_list .notice .listtype_th{display:none;}
.listtype_board_list .notice .listtype_cate{top:20%; left:10%;}
.listtype_board_list .notice .listtype_ti{ top:35%; left:10%;width:80%;}
.listtype_board_list .notice .loop_date1{left:10%;}

.read_wrap .doc_read .work_read_title span{font-size:12px;}
.read_wrap .doc_read .doc_text {display:none; }


/* Contact_sub */
.write_form input[type="text"]{display:block; width:100%; height:50px; }
.contact_wrap .sub_title{line-height:1.5;}

/* 개인정보 취급방침 */
.privacy_popup_wrap .visualist_privacy .request_header h1{font-size:24px; border-bottom:2px solid #fd4845;}
.privacy_popup_wrap .visualist_privacy .request_content{padding-top:0px;}
.popup_close_btn{position:absolute;top:20px; right:20px; background:transparent;width:60px; height:60px;cursor:pointer;}
.popup_close_btn i{font-size:35px; color:#fff;margin-top:-10px;}

/* Contact_sub_view */
.extraVarsList th{font-weight:900;}
.extraVarsList th,.extraVarsList td{display:block; width:100%; box-sizing:border-box; text-align:center;}

}

/* **************************************** *
 * MEDIA 480px
 * **************************************** */
@media all and (max-width: 480px){
.visual_vlab .title{width:70%;}
}

/* **************************************** *
 * MEDIA 414px
 * **************************************** */
@media all and (max-width: 414px){
.mobile_board_bt{letter-spacing:1px;}
/* .listtype_board_list .loop_line{padding-bottom:0px;} */
.listtype_board_list .loop_line .news_catagory{top:30px;}
.listtype_board_list .nickname{display:none;}
.listtype_board_list .loop_line .loop_date1{display:none;}
.vlab_board .title,.news_board .title{width:100%; height:120px; margin-top:20px; overflow:hidden;}

.listtype_ti a span{font-size:20px;}

}

/* **************************************** *
 * MEDIA 380px
 * **************************************** */
@media all and (max-width: 380px){

/* Contact_sub */
.write_form .contact_privacy a{padding:0; display:block; width:80px; height:30px; text-align:center; line-height:30px; margin-top:10px;}
}