/*common.css*/
html, body{-webkit-overflow-x: hidden; -ms-overflow-x: hidden; overflow-x: hidden;}
/* 공통 Class */
.inner{width: 1340px; margin: 0 auto; padding: 0px 20px;}
.clearfix {*zoom: 1} 
.clearfix:before, .clearfix:after {display:table; content:""; line-height:0;} 
.clearfix:after {clear:both;} 
.ell{-webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 72px;}
/* 버튼 제어 */
a.btn, .btn{height: 40px; line-height: 40px; text-align: center; font-weight: 300; font-size: 13px; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
a.btn_admin, .btn_admin{height: 40px; line-height: 40px; text-align: center; background: #333; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);} /*관리자, 복사, 이동*/
a.btn_admin:hover, .btn_admin:hover{background: #fac60e;}
a.btn_b02, .btn_b02{height: 40px; line-height: 40px; text-align: center; background: #fac60e; font-weight: 300; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);} /*글쓰기*/
a.btn_b02:hover, .btn_b02:hover {background:#333;}
a.btn_b01, .btn_b01{height: 40px; line-height: 40px; background: #333; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);} /*수정, 삭제, 목록, 답변*/
a.btn_b01:hover, .btn_b01:hover{background: #fac60e;}
.btn_submit{background: #fac60e; height: 40px; line-height: 40px; text-align: center;} 
/*댓글등록*/
.btn_submit:hover{background: #333;}
.bo_vc_w .btn_submit{border-radius: 0; font-weight: 300; font-size: 17px;}
a.btn_cancel{background: #999; height: 40px; line-height: 40px; text-align: center;}
.btn .fa{display: none;} /*버튼 픽토그램*/
.cmt_btn{background-position: 67px 10px; font-size: 16px; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}/*댓글목록*/
.cmt_btn_op{background-position: 67px -20px;}
.cmt_btn .fa{display: none;}
.bo_v_nb li{padding: 20px; -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;}/*이전글 다음글*/
/*********** 서브 페이지 *************/
#container_title{display: none;}
.sub_sec{padding: 100px 0 130px;}

.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin-top: -150px;} 
.video-container iframe,.video-container object,.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} 
.ytp-pause-overlay-controls-hidden .ytp-pause-overlay{
    display: none;
   }
@media screen and (min-width:680px){
    .video-container {
        pointer-events: none;
    }
}
@media screen and (max-width:767px){
    .video-container {margin-top: 24px;}
}


/* 서브페이지 배너 */
.sub_banner{display: table; width: 100%; height: 449px; -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden; background: url(../../img/company/banner2.jpg); background-position: center; background-size: cover;}
.sub_banner.business{background-image: url(../../img/business/banner2.jpg);}
.sub_banner.product{background-image: url(../../img/product/banner2.jpg);}
.sub_banner.product2{background-image: url(../../img/product/banner2.jpg);}
.sub_banner.customer{background-image: url(../../img/customer/banner2.jpg);}
.sub_banner .text_area{display: table-cell; width: 185px; text-align: center; vertical-align: middle;}
.sub_banner h2{padding-top: 10px; font-size: 40px; color: #fff; text-align: center; line-height: 1.3em;}
/* 서브페이지 타이틀 */
.tit_area.subpage *{text-align: left;}
.tit_area.subpage .parallelogram{display: block; margin: 0 0 25px 10px; width: 15px; height: 25px; -webkit-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg); background: #fac60e;}
.tit_area.subpage .main_tit{color: #222; line-height: 1.3; font-weight: 700;}
.tit_area.subpage .sub_tit{display: block; margin-bottom: 5px; color: #999; font-size: 18px;}
.tit_area.subpage .desc{margin: 35px auto 0; padding: 0; width: 100%; max-width: none; color: #888; font-size: 17px; line-height: 2em;}
.tit_area.subpage h4{padding-top:29px;}
.intro_sec1 .video_thumbnail_area{padding-top:30px;}
.intro_sec1 .video_thumbnail_area .respontive strong{-ms-word-break: keep-All;
word-break: keep-All;}


/* 서브 네비게이션 */
.mysubmenu{position: relative; margin: -35px auto 0; width: 1200px; padding: 0 20px; z-index: 21;}
.mysubmenu .inner{padding: 0; width: 100%; border: 1px solid #ddd; background: #fff;}
.mysubmenu .menu_select{float: left; padding: 0 26px; position: relative; width: 260px; border-right: 1px solid #ddd;}
.mysubmenu .menu_select.home{padding: 0; width: 70px; height: 70px; background: url(../../img/common/home_icon.png) no-repeat; background-color: #fff; background-position: center;}
.mysubmenu .menu_select a{width: 100%; height: 100%;}
.mysubmenu .current_menu{background: url(../../img/common/subnavi_down.png) no-repeat;
background-position: right center;}
.mysubmenu .all_menu{position: absolute; top: 70px; left: -1px; border: 1px solid #ddd; border-top: none; display: none; width: 261px; z-index: 20; background: #fff;}

.mysubmenu li, .mysubmenu li a, .mysubmenu h3{line-height: 70px; color: #444; font-weight: 300;}
.mysubmenu .all_menu li{padding: 0 26px; border-top: 1px solid #ddd;}
.mysubmenu .all_menu li:hover{background:#fac60e;}
.mysubmenu .all_menu li:hover a{color: #fff;}
.mysubmenu .all_submenu li:last-child{border-bottom: none;}
.mysubmenu .all_submenu li:first-child{border-top: 1px solid #ddd;}
.mysubmenu .all_mainmenu ul:last-child li{border-bottom: none;}
/*.mysubmenu .all_mainmenu ul li{border-top: 1px solid #ddd;}*/
/*********** 게시판 *************/
.table_top{margin: 90px auto 50px;}
.table_top .tit_area.subpage .main_tit::after{display: none;}
.table_pb{padding-bottom: 130px;}
/* 게시판 관리자 area */
#bo_btn_top{margin: 0 0 20px;}
.bo_fx{margin: 10px 0; float: none; width: 100%;}
/* 게시판 상단 */
#bo_list_total{margin: 40px 0; background: transparent; overflow: hidden; width: 100%; line-height: 30px; display: none;}
#bo_list_total span{float: left; font-size: 14px; color: #222;}
/* 게시판 카테고리 */
#bo_cate{padding: 0; margin: 45px 0 60px; background: none; border: none; border-bottom: 1px solid #ddd;}
#bo_cate ul{height: 50px;}
#bo_cate li{padding: 0; float: left; display: block; width: 130px; height: 100%; line-height: 50px;}
#bo_cate a{padding: 0; width: 100%; height: 100%; border-radius: 0; text-align: center; color: #999; font-weight: 400; line-height: inherit; border: 1px solid #ccc; border-right: none; border-bottom: none; font-size: 14px;}
#bo_cate li:last-child a{border-right: 1px solid #ccc;}
#bo_cate #bo_cate_on{background: none; -webkit-box-shadow: none; box-shadow: none; color: #fff; background: #fac60e; border-color: #fac60e; font-weight: 400;}
#bo_cate a:hover{background: none;}
#bo_cate .mobile_cate{display: none;}
#bo_cate #bo_cate_ul.m_cate_list{display: none;}
#bo_cate #bo_cate_ul.pc_cate_list{display: block;}
/* 게시판 페이지 번호매김 */
.pg_area{margin-top: 40px;}
.pg_wrap{margin: 0; position: relative; height: 35px; clear: none;}
.pg{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.pg_current{padding: 0; width: 35px; height: 35px; line-height: 35px; background: none;-webkit-box-shadow: none; box-shadow: none; border: 1px solid #fac60e; color: #fac60e; border-radius: 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; border-radius: 50%;}
.pg_page{padding: 0; margin: 0 8px; width: 35px; height: 35px; color: #666; background: #fff; border: 1px solid #ccc; border-radius: 50%; line-height: 35px; font-size: 13px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pg_page:hover{border-color: #fac60e; color: #fff; background: #fac60e; font-size: 1.0em; } 
.pg_current:hover{color: #fff; background: #fac60e;}
.pg_start, .pg_end{background: url(../../img/common/pg_start.png) no-repeat; background-position: center; border-color: #ccc; display: none;}
.pg_start:hover, .pg_end:hover{background: url(../../img/common/pg_start_hover.png) no-repeat; background-color: #fac60e; background-position: center;}
.pg_end:hover{background-image: url(../../img/common/pg_end_hover.png);}
.pg_end{background-image: url(../../img/common/pg_end.png);}
/* 게시판 검색 bo_sch */
.board_search{width: auto; height: 40px;}
#bo_sch{position:relative; float: left; border: none; padding: 0; margin: 0; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} 
#bo_sch *{font-size: 13px;}
#bo_sch > form{width: 100%; height: 100%;}
#bo_sch #sfl{margin: 0; padding-left: 5px; width: 105px; height: 100%; -moz-appearance:none; -webkit-appearance:none; appearance:none; background: url(../../img/common/search_select.png) no-repeat; background-position: 90px;}
#bo_sch #sfl::-ms-expand {display:none;}
#bo_sch select{border: 1px solid #ccc;}
#bo_sch #sfl, #bo_sch #sfl option, #bo_sch .sch_input, #bo_sch .sch_btn{-ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
#bo_sch .sch_input{margin: 0 5px; padding: 0 10px; float: left; width: 240px; height: 100%; background-color: #fff; border: 1px solid #ccc;}
#bo_sch .sch_input:focus{background: #fff;}
#bo_sch .sch_btn{position: relative; float: left; width: 60px; height: 100%; -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden; background: #fac60e; text-indent: 0; color: #fff; font-size: 14px;}
#bo_sch .sch_btn:focus{outline: 0; -webkit-box-shadow: none; box-shadow: none;}
input:focus{-webkit-box-shadow: none;box-shadow: none; outline: 0;}
select:focus{-webkit-box-shadow: none;box-shadow: none; outline: 0;}
#bo_sch .sch_btn .submit_span{display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; background: #fac60e; font-size: 14px; font-weight: 400; -webkit-transition: 0.5s; transition: 0.5s;}
#bo_sch .sch_btn:hover .submit_span{background: #333;}
/* 첨부파일 */
#bo_w .bo_w_flie .file_del{top: 7px;}
.file_del input{float: left; margin: 7px 10px 0 0;}
.file_del label{float: left;}
/* 글쓰기 게시판 view skin */
#bo_v{width:1200px; margin: 0 auto; padding: 0 0 80px;}
#bo_w{padding: 40px 0 100px;}
#bo_vc_w_info{width:100%;}
#bo_v_info{padding: 20px 0;}
#bo_v_info strong{display: block; float: left;}
#bo_v_info .sv_member{font-weight: 400;}
#bo_v_info .if_date{font-style: normal; font-size: 13px;}
.bo_vc_w textarea{padding: 10px;}
#bo_v_title .bo_v_tit{font-size: 25px; line-height: 30px;}
#captcha #captcha_key{margin: 0; margin-left: 0;}
#captcha.m_captcha #captcha_key{height: 40px; margin-left: 0;}
#bo_v_info .fa{display: none;}
#bo_v_info span, #bo_v_info strong, #bo_v_info strong a{font-size: 13px;}
.brd-state strong a{margin: 15px 0; font-size: 15px;}
.bo_vc_w_info .frm_input{width: 100%;}
#bo_v{margin-top: 80px;}
#bo_v_share .btn{padding: 0 5px;}
#bo_v_top .bo_v_nb a{margin: 5px 0;}
#bo_v_con{-ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
#bo_w .bo_w_flie .file_del label {display: inline-block;}
@media screen and (max-width:1199px){
    /* 공통 Class */
    .ell{-webkit-line-clamp: 3; height: 66px;}
    .inner{width: 100%;}
    /* 버튼 제어 */
    a.btn, .btn{font-size: 13px;}
    .bo_vc_w .btn_submit{font-size: 13px;}
    .cmt_btn{font-size: 13px;}
    /* 서브 페이지 */
    .sub_sec{padding: 80px 0 90px;}
    .tit_area.subpage .parallelogram{margin: 0 0 22px 8px; width: 12px; height: 20px;}
    .tit_area.subpage .sub_tit{font-size: 16px; line-height: 20px;}
    .tit_area.subpage .desc{margin: 32px auto 0; font-size: 14px;}
    /* 서브 배너 */
    .sub_banner h2{font-size: 35px;}
    .sub_banner span{font-size: 15px; line-height: 22px;}
    /* 서브 네비게이션 */
    .mysubmenu{margin: -30px auto 0; width: 100%;}
    .mysubmenu .menu_select{padding: 0 15px; width: 240px;}
    .mysubmenu .menu_select.home{width: 60px; height: 60px; background-size: 18px auto;}
    .mysubmenu .all_menu{top: 60px; width: 241px;}
    .mysubmenu li, .mysubmenu li a, .mysubmenu h3{font-size: 14px; line-height: 60px;}
    .mysubmenu .all_menu li{padding: 0 15px;}
    .mysubmenu .current_menu{background-size: 15px auto;}
    /* 게시판 */
    .table_top{margin: 80px auto 35px;}
    .table_top .tit_area{padding-bottom: 30px;}
    .table_pb{padding-bottom: 90px;}
    /* 게시판 카테고리 */
    #bo_cate{margin: 20px 0 40px;}
    #bo_cate ul{height: 40px;}
    #bo_cate li{line-height: 40px;}
    #bo_cate a{font-size: 13px;}
    /* 게시판 검색 */
    #bo_sch .sch_btn{font-size: 13px;}
}
@media screen and (max-width:1024px){
    /* 게시판 페이지 번호매김 */
    .pg_wrap{float: none; clear: none; position: static; -webkit-transform: none; -ms-transform: none; transform: none;}
}
@media screen and (max-width:767px){
    /* 서브 페이지 */
    .sub_sec{padding: 60px 0 70px;}
    /*게시판*/
    .table_pb{padding-bottom: 70px;}
    .table_top{margin: 50px auto 30px;}  
    /* 게시판 카테고리 */
    #bo_cate li{width: 100px;}
}
@media screen and (max-width:630px){
    /* 서브페이지 배너 */
    .sub_banner{height: 350px;}
    /* 서브 네비게이션*/
    .mysubmenu{margin: -25px auto 0;}
    .mysubmenu .main_menulist_area{display: none;}
    .mysubmenu .inner{position: relative;}
    .mysubmenu .menu_select.home{position: absolute; z-index: 30; width: 50px; height: 50px; border-right: 1px solid #ddd; background-size: 15px auto;}
    .mysubmenu .menu_select{padding: 0 15px 0 65px; width: 100%; border-right: none;}
    .mysubmenu .all_menu{padding-left: 49px; top: 50px; width: 100.2%; background: none; border: none;}
    .mysubmenu li, .mysubmenu li a, .mysubmenu h3{line-height: 50px;}
    .mysubmenu .all_menu > div{padding-right: 1px; background: #fff; border: 1px solid #ddd; border-top: none;}
    .mysubmenu .current_menu{background-size: 13px auto;} 
    /* 첨부파일 */
    #bo_w .bo_w_flie .file_wr{height: 80px;}
    #bo_w .bo_w_flie .lb_icon{height: 100%;}
    #bo_w .bo_w_flie .file_del{top:50%; margin-top: 5px; left: 55px;}
    #bo_w .bo_w_flie .file_del label{font-size: 16px;} 
}
@media screen and (max-width:480px){
    /* 공통 Class */
    .ell{-webkit-line-clamp: 2; height: 42px;}
    /* 버튼 제어 */
    a.btn, .btn{font-size: 12px;}
    .bo_vc_w .btn_submit{font-size: 12px;}
    .cmt_btn{font-size: 13px;}
    .board_search{margin-bottom: 50px;}    
    /* 서브페이지 */
    .sub_sec{padding: 50px 0;}
    .tit_area.subpage .parallelogram{margin: 0 0 15px 5px; width: 8px; height: 15px;}
    .tit_area.subpage .sub_tit{font-size: 14px; line-height: 18px; word-break: keep-all;}
    .tit_area.subpage .desc{margin: 30px auto 0; font-size: 12px;}
    /* 서브페이지 배너 */
    .sub_banner{height: 300px;}
    .sub_banner h2{font-size: 24px;}
    .sub_banner span{font-size: 13px; line-height: 20px;}    
    /* 서브 네비게이션 */
    .mysubmenu li, .mysubmenu li a, .mysubmenu h3{font-size: 13px;} 
    /* 게시판 */
    .table_top{margin: 40px auto;}
    .table_top .tit_area{padding-bottom: 20px;}
    .table_pb{padding-bottom: 50px;}
    /* 게시판 상단 */
    #bo_list_total{margin: 20px 0;}
    #bo_list_total span{float: left; font-size: 12px;}
    /* 게시판 카테고리 */
    #bo_cate{margin: 0 0 40px; border: none;}
    #bo_cate ul{width: 100%; height: 80px;}
    #bo_cate li{width: 50%; height: 40px;}
    #bo_cate a{border-right: 1px solid #ccc;}
    #bo_cate li:last-child a{border-right: 1px solid #ccc;}
    #bo_cate li:nth-child(2n-1) a{border-right: none;}
    #bo_cate li:nth-last-of-type(1) a, #bo_cate li:nth-last-of-type(2) a{border-bottom: 1px solid #ccc;}
    /* 게시판 검색 */
    #bo_sch *{font-size: 11px;}
    #bo_sch #sfl{width: 85px; background-position: 73px; background-size: 6px auto;}
    #bo_sch .sch_input{width: 220px;}
    #bo_sch .sch_btn{width: 50px; font-size: 12px;}
    /*첨부파일 */
    #bo_w .bo_w_flie .file_del label{font-size: 14px;}
    /* 글쓰기 게시판 */
    #bo_v_top .bo_v_left{width: 100%; margin: 0;}
    #bo_v_top .bo_v_left li{margin: 0 0.5%; width: 24%;}
    #bo_v_top .bo_v_left li a.btn, #bo_v_top .bo_v_left li .btn{width: 100%;}
    #bo_v_top .bo_v_com{width: 100%; margin: 10px 0;}
    #bo_v_top .bo_v_com li{margin: 0 0.5%; width: 32.3333%;}
    #bo_v_top .bo_v_com li a.btn, #bo_v_top .bo_v_com li .btn{width: 100%;} 
}
@media screen and (max-width:420px){
    /* 게시판 관리자 area */
    .bo_fx{width: 100%;}
    .bo_fx .btn_bo_user{width: 100%;}
    .bo_fx .btn_bo_user li{width: 24.25%; margin: 0 1% 0 0;}
    .bo_fx .btn_bo_user li:nth-last-of-type(2){margin: 0;}
    .bo_fx .btn_bo_user li .btn{width: 100%;}
    .bo_fx .btn_bo_user li .btn_b01{width: 100%;}
    .bo_fx .btn_bo_user a.btn_b02, .bo_fx .btn_bo_user .btn_b02{margin: 5px 0; width: 100%;}
    .bo_fx .btn_bo_user li.bo_fx_write{width: 100%;}
    #bo_sch .sch_input{width: 180px;} 
}
@media screen and (max-width:400px){
    /* 글쓰기 게시판 */
    #bo_v_info .if_date{float: left;}
    /* 첨부파일 */
    #bo_w .bo_w_flie .file_wr{height: 120px;}
    #bo_w .bo_w_flie .file_del{top:40px; margin-top: 5px; left: 55px;}
}
@media screen and (max-width: 380px){
    /* 게시판 검색 */
    #bo_sch .sch_input{width: 160px;} 
    #bo_sch .sch_btn{width: 45px;}
}
@media screen and (max-width: 360px){
    /* 게시판 검색 */
    #bo_sch .sch_input{width: 140px;}    
}