/*common.css*/

.weight-100 {font-weight:100} .weight-200 {font-weight:200} .weight-300 {font-weight:300}
.weight-400 {font-weight:400} .weight-500 {font-weight:500} .weight-600 {font-weight:600}
.weight-700 {font-weight:700} .weight-800 {font-weight:800} .weight-900 {font-weight:900}

.font-161 {font-size: 7.5vw;  line-height:120%}
.font-150 {font-size:150px; line-height:120%}
.font-140 {font-size:140px; line-height:120%}
.font-130 {font-size:130px; line-height:120%}
.font-120 {font-size:120px; line-height:120%}
.font-100 {font-size:100px; line-height:120%}
.font-80 {font-size:80px; line-height:120%}
.font-70 {font-size:70px; line-height:120%}
.font-60 {font-size:60px; line-height:120%}
.font-55 {font-size:55px; line-height:120%}
.font-50 {font-size:50px; line-height:120%}
.font-45 {font-size:45px; line-height:120%}
.font-44 {font-size:44px; line-height:140%}
.font-42 {font-size:42px; line-height:140%}
.font-40 {font-size:40px; line-height:140%; word-break: keep-all;}
.font-38 {font-size:38px; line-height:140%; word-break: keep-all;}
.font-35 {font-size:35px; line-height:140%; word-break: keep-all;}
.font-30 {font-size:30px; line-height:140%; word-break: keep-all;}
.font-28 {font-size:28px; line-height:140%; word-break: keep-all;}
.font-25 {font-size:25px; line-height:140%; word-break: keep-all;}
.font-24 {font-size:24px; line-height:140%; word-break: keep-all;}
.font-22 {font-size:22px; line-height:160%; word-break: keep-all;}
.font-20 {font-size:20px; line-height:160%; word-break: keep-all;}
.font-18 {font-size:18px; line-height:160%; word-break: keep-all;}
.font-17 {font-size:17px; line-height:160%; word-break: keep-all;}
.font-16 {font-size:16px; line-height:180%; word-break: keep-all;}
.font-15 {font-size:15px; line-height:180%; word-break: keep-all;}
.font-14 {font-size:14px; line-height:180%; word-break: keep-all;}
@media screen and (max-width: 1400px){
    .font-150 {font-size:85px; line-height:120%}
    .font-140 {font-size:80px; line-height:120%}
    .font-130 {font-size:77px; line-height:120%}
    .font-120 {font-size:75px; line-height:120%}
    .font-100 {font-size:70px; line-height:120%}
    .font-80 {font-size:60px; line-height:120%}
    .font-70 {font-size:55px; line-height:120%}
    .font-60 {font-size:50px; line-height:120%}
    .font-55 {font-size:45px; line-height:120%}
    .font-50 {font-size:42px; line-height:120%}
}
@media screen and (max-width: 1200px) {
    .font-150 {font-size:80px;}
    .font-140 {font-size:70px;}
    .font-130 {font-size:67px;}
    .font-120 {font-size:65px;}
    .font-100 {font-size:60px;}
    .font-80 {font-size:55px;}
    .font-70 {font-size:50px;}
    .font-60 {font-size:45px;}
    .font-55 {font-size:42px;}
    .font-50 {font-size:40px;}
    .font-45 {font-size:38px;}
    .font-44 {font-size:35px;}
    .font-42 {font-size:32px;}
    .font-40 {font-size:30px;}
    .font-38 {font-size:29px;}
    .font-35 {font-size:28px;}
    .font-30 {font-size:26px;}
    .font-28 {font-size:25px;}
    .font-25 {font-size:24px;}
    .font-24 {font-size:20px;}
    .font-22 {font-size:19px;}
    .font-20 {font-size:19px;}
    .font-18 {font-size:17px;}
    .font-17 {font-size:16px;}
    .font-16 {font-size:15px;}
    .font-15 {font-size:14px;}
    .font-14 {font-size:13px;}
}

@media screen and (max-width: 768px) {
    .font-150 {font-size:50px;}
    .font-140 {font-size:45px;}	
    .font-130 {font-size:42px;}
    .font-120 {font-size:42px;}
    .font-100 {font-size:40px;}
    .font-80 {font-size:35px;}
    .font-70 {font-size:30px;}
    .font-60 {font-size:30px;}
    .font-55 {font-size:25px;}
    .font-50 {font-size:24px;}
    .font-45 {font-size:23px;}
    .font-44 {font-size:23px;}
    .font-42 {font-size:23px;}
    .font-40 {font-size:22px;}
    .font-38 {font-size:22px;}
    .font-35 {font-size:21px;}
    .font-30 {font-size:20px;}
    .font-28 {font-size:18px;}
    .font-25 {font-size:17px;}
    .font-24 {font-size:16px;}
    .font-22 {font-size:16px;}
    .font-20 {font-size:15px;}
    .font-18 {font-size:14px;}
    .font-17 {font-size:14px;}
    .font-16 {font-size:13px;}
    .font-15 {font-size:12px;}
    .font-14 {font-size:12px;}
}
@media screen and (max-width: 400px) {
    .font-150 {font-size:38px;}
    .font-140 {font-size:35px;}
    .font-120 {font-size:32px;}
    .font-100 {font-size:30px;}
    .font-80 {font-size:28px;}
    .font-70 {font-size:27px;}
    .font-60 {font-size:26px;}
    .font-55 {font-size:24px;}
    .font-50 {font-size:23px;}
    .font-45 {font-size:22px;}
    .font-44 {font-size:22px;}
    .font-42 {font-size:22px;}
    .font-40 {font-size:22px;}
    .font-38 {font-size:20px;}
    .font-35 {font-size:18px;}
    .font-30 {font-size:17px;}
    .font-28 {font-size:16px;}
    .font-25 {font-size:16px;}
    .font-24 {font-size:15px;}
    .font-22 {font-size:15px;}
    .font-20 {font-size:14px;}
    .font-18 {font-size:13px;}
    .font-17 {font-size:12px;}
    .font-16 {font-size:11px;}
    .font-15 {font-size:11px;}
    .font-14 {font-size:11px;}
}

@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url(pre/Pretendard-Black.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url(pre/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url(pre/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url(pre/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url(pre/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url(pre/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src: url(pre/Pretendard-Light.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url(pre/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url(pre/Pretendard-Thin.woff) format('woff');
}



.inner{width: 100%; max-width: 1700px; margin: 0 auto;}
@media screen and (max-width : 1720px) {
    .inner{padding: 0 20px;}
}
.clearfix{zoom: 1} 
.clearfix:before, .clearfix:after{display:table; content:""; line-height:0;} 
.clearfix:after{clear:both;} 
.ell{overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical;}
.sub_banner{background: url(../../img/company/banner.png); background-position: center; background-size: cover;}
.sub_banner.business{background-image: url(../../img/business/banner.png)}
.sub_banner.product{background-image: url(../../img/product/banner.png)}
.sub_banner.customer{background-image: url(../../img/customer/banner.png);}
.sub_banner.notice{background-image: url(../../img/notice/banner.png);}
.ing_bnr_Wrap{width: 100%; position: relative; overflow: hidden;}
.ing_bnr_Wrap>.bnrimg{height: 400px; width: 100%;}
.ing_bnr_Wrap>.bnrimg>img{position: absolute; left: 50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.ing_bnr_Wrap>.bnrtxtwrap{width: 400px; position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 15px;}
.ing_bnr_Wrap>.bnrtxtwrap>h3{font-size: 33px; color: #fff; text-align: center; line-height: 40px; font-weight: 700;}
.ing_bnr_Wrap>.bnrtxtwrap>.bnrline{width: 40px; height: 3px; background: #fff; margin: 20px auto 20px;}
.ing_bnr_Wrap>.bnrtxtwrap>p{margin: 0 auto; width: 90%; font-size: 18px; color: #fff;  text-align: center; line-height: 25px;}
.mdlTxt{text-align: center; line-height: 40px; padding-top: 50px; padding-bottom:40px;}
.mdlTxt>h2{font-size: 30px; font-weight: bold;}
.mdlTxt > p{margin-top: 35px; font-size: 16px; color: #666;}
/*게시판*/
.bo_notice .notice_icon{color: #b0947b;}
.gall_img > a{position: relative;}
.gall_notice{position: absolute; width: 100%; top: 50%; left: 0; line-height: 100px; background: #dbdbdb; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 40px; font-weight: 700;}
/* 서브 네비게이션 */
.sub_navi{margin: 20px auto; height: 30px;}
.mysubmenu{position: relative; float: right; margin: 0; z-index: 21;}
.mysubmenu .menu_select{float: left; margin-right: 10px; padding-right: 20px; background: url(../../img/common/subnavi_left.png) no-repeat; background-position: right center; background-size: 8px auto;}
.mysubmenu .menu_select:last-child{margin-right: 0; padding-right: 0; background: none;}
.mysubmenu .menu_select a{width: 100%; height: 100%;}
.mysubmenu a, .mysubmenu li, .mysubmenu li a, .mysubmenu h3{line-height: 18px; color: #444; font-weight: 300;}
.mysubmenu .all_menu{display: none;}
/*페이지*/
.pg_wrap{margin: 30px 0;}
.pg_current{background: #000;}
.pg_page{background: #fff;}
.pg_start{display: none;}
.pg_end{display: none;}
/*검색*/
#bo_sch{position:relative; width: 480px; border: none; margin-bottom: 60px; padding: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
#bo_sch>form{width: 100%; }
#bo_sch #sfl{width: 129px; height: 40px;margin: 0; border: 1px solid #ddd;}
#bo_sch .sch_input{width: 249px; margin: 0 1%; height: 40px; background-color: #fff; border: 1px solid #ddd; }
#bo_sch .sch_btn{width: 92px; height: 40px; text-align: center;height: 40px; background-color: #000; border: 1px solid #ddd; color: #fff; font-size: 14px; font-weight: 700;}
#bo_sch #sfl{padding: 0 6px; box-shadow: none; -webkit-box-shadow: none; border: none; outline: none;}
#bo_sch #sfl{margin: 0; padding-left: 5px; width: 129px; height: 40px; border: 1px solid #ddd; -moz-appearance:none; -webkit-appearance:none; appearance:none; background: url(../../img/common/down.png) 95% 50% no-repeat;}
#bo_sch #sfl::-ms-expand {display:none;}
#bo_sch .sch_input{padding: 0 10px; box-shadow: none; -webkit-box-shadow: none;  outline: none;}
/*버튼*/
a.btn_b01.notice_btn01{display: none;}
a.btn_b02:hover, .btn_b02:hover {background:#000}
/*카테고리*/
/*#bo_cate>ul>li:nth-child(1){display: none;}*/
/* .bo_cate_link{display: none;} */
#bo_cate{border: none; width: 100%; background: transparent; padding: 0; margin: 0; text-align: center;}
#bo_cate a{-webkit-transition: .2s;  transition: .2s;}
#bo_cate li {margin:0px 5px}
#bo_cate li:first-child{margin-left: 0;}
#bo_cate li:last-child{margin-right: 0;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{background: none;}
#bo_cate a:hover{color: #FD4E4F; -webkit-transition-duration: 0.3s;transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; transition-duration: 0.3s;}

#bo_cate a{padding:5px 5px; box-sizing: border-box; font-size:25px}
#bo_cate a:after {content:"·"; font-size:25px; margin-left:20px}
#bo_cate li:last-child a:after  {display:none}
#bo_cate #bo_cate_on{color: #FD4E4F; }


@media screen and (max-width:500px){
#bo_cate a{padding:5px 0px; font-size:12px;}
#bo_cate li {margin:0px 3px}

#bo_cate a:after {content:"·"; font-size:15px; margin-left:10px}
}

/* 게시판 공통 */
#bo_w{padding-bottom: 80px;}
/* 버튼 제어 */
a.btn, .btn{padding: 0 30px; height: 40px; line-height: 40px; text-align: center; font-weight: 300; font-size: 17px;}
a.btn_admin, .btn_admin{height: 40px; line-height: 40px; text-align: center; background: #b0947b;} /*관리자, 복사, 이동*/
a.btn_admin:hover, .btn_admin:hover{background: #444;}
a.btn_b02, .btn_b02{height: 40px; line-height: 40px; text-align: center; background: #444; font-weight: 300;} /*글쓰기*/
a.btn_b02:hover, .btn_b02:hover {background:#3f3d3b; color: #fff;}
a.btn_b01, .btn_b01{height: 40px; line-height: 40px; color: #000; background: transparent; border: 1px solid #bebebe; box-sizing: border-box;} /*수정, 삭제, 목록, 답변*/
a.btn_b01:hover, .btn_b01:hover{background: #3f3d3b; color: #fff;}
.btn_submit{background: #b0947b; height: 40px; line-height: 40px; text-align: center;} /*댓글등록*/
.btn_submit:hover{background: #444;}
.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;}
.cmt_btn_op{background-position: 67px -20px;}
.cmt_btn .fa{display: none;}
.bo_w .btn_submit, .bo_vc_w .btn_submit{border-radius: 0; font-size: 1.0em;}
.btn_cancel{height: 40px; line-height: 40px;}
.btn_bo_user{margin: 20px 0;}
.bo_fx{margin: 20px 0; width: 100%;}
#bo_v_share .btn{padding: 0 20px;}
#bo_w .bo_w_flie .file_del{top: 8px;}
.file_del input{float: left; margin: 7px 10px 0 0;}
.file_del label{float: left;}
#bo_w .bo_w_flie .file_del.webzine{top: 12px;}
#bo_w .bo_w_flie .file_del.webzine input{margin: 12px 10px 0 0;}
#ctt{margin: 0; padding: 0;}
#ctt_con{padding: 0;}
#ctt_con .reg_bn + .inner{padding: 90px 20px; min-height: 700px;}
#ctt_con *{color: #333;}
.ctt_admin{position: absolute; width: 1400px; left: 50%; top: 90px; height: 60px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.ctt_admin a{line-height: 60px; height: 100%;}
@media screen and (max-width:1399px){
    .inner{width: 100%;}
    a.btn, .btn{font-size: 14px;}
    a.btn_b01, .btn_b01{font-size: 14px;}
    a.btn_b02, .btn_b02{font-size: 14px;}
    a.btn_admin, .btn_admin{font-size: 14px;}
    .btn_submit{font-size: 14px;}
    .tab_submenu{height: 55px;} 
    .tab_submenu .tab_sub2ul li a{font-size: 16px; line-height: 55px;}
    .ctt_admin{width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none;}
    .ctt_admin a{line-height: 60px; height: 100%;}
    #ctt_con *{font-size: 14px;}
    /* 서브 네비게이션 */
    .mysubmenu a, .mysubmenu li, .mysubmenu li a, .mysubmenu h3{font-size: 14px;}
}
@media screen and (max-width:1024px){
    .reg_bn{height: 60px;}
    .ctt_admin{width: 100%; left: 0; top: 60px; -webkit-transform: none; -ms-transform: none; transform: none;}
    .ctt_admin a{line-height: 60px; height: 100%;}
}
@media screen and (max-width: 700px){
    .bo_v_left{width: 100%;}
    .bo_v_left li{width: 20%;}
    .bo_v_left li a{width: 100%;}
    .bo_v_com{float: left; margin: 0 0 20px; width: 100%;}
    .bo_v_com li{margin-left: 0; margin-right: 5px; width: 30%;}
    .bo_v_com li a{width: 100%; font-size: 14px;}
}
@media screen and (max-width:630px){
    #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.webzine{top: inherit; bottom: 8px;}
    #bo_w .bo_w_flie .file_del label{font-size: 14px;}
    a.btn, .btn{padding: 0 10px;}
}
@media screen and (max-width:570px){
    .ing_bnr_Wrap>.bnrtxtwrap>h3{font-size: 28px; line-height: 32px;}
    .ing_bnr_Wrap>.bnrtxtwrap>p{font-size: 14px; line-height: 18px;}
    #bo_sch{width: 376px;}
    #bo_sch .sch_input{width:213px;}
    #bo_sch .sch_btn{width: 60px; font-size: 12px;}
    #bo_sch #sfl{width:95px; font-size: 12px;}
    #bo_sch #sfl option{font-size: 12px;}
    #bo_sch .sch_input{font-size: 12px;}
}
@media screen and (max-width: 480px){
    a.btn, .btn{font-size: 12px;}
    a.btn_b01, .btn_b01{font-size: 12px;}
    a.btn_b02, .btn_b02{font-size: 12px;}
    a.btn_admin, .btn_admin{font-size: 12px;}
    .btn_submit{font-size: 12px;}
    .tab_submenu{height: 40px;} 
    .tab_submenu .tab_sub2ul li a{font-size: 14px; line-height: 40px;}
    .bo_v_com li a{width: 100%; font-size: 12px;}
    #bo_w .bo_w_flie .file_del label{font-size: 13px;}
    #ctt_con *{font-size: 13px;}
    /* 서브 네비게이션 */
    .mysubmenu a, .mysubmenu li, .mysubmenu li a, .mysubmenu h3{font-size: 13px;}
}
@media screen and (max-width:400px){
    .mdlTxt>h2{font-size: 26px;}
    .ing_bnr_Wrap>.bnrtxtwrap{width: 100%;}
    .ing_bnr_Wrap>.bnrtxtwrap>p{word-break: keep-all;}
    #bo_sch{width: 280px;}
    #bo_sch .sch_input{width: 128px;}
    #bo_sch .sch_btn{width: 50px;}
    #bo_w .bo_w_flie .file_del{top:40px; margin-top: 5px; left: 55px;}
    #bo_w .bo_w_flie .file_del label{font-size: 12px;}
    .bo_fx{float: none;}
    .bo_fx ul{width: 100%;}
    .bo_fx .btn_bo_user li{width: 25%; margin-left: 0;}
    .bo_fx .btn_bo_user li a{width: 100%;}
    .bo_fx .btn_bo_user .bo_fx_write{width: 100%;}
    .bo_fx .btn_bo_user .bo_fx_write a{margin-right: 5px; margin-top: 10px; width: 100%;}
}