@charset "UTF-8";

.sub{margin-bottom:2.778em;overflow:hidden;}

/* 서브 헤더 */
.sub-visual{position:relative;height:11.611em;background-size:cover;background-repeat:no-repeat;background-position:top center;}
.sub-visual-01{background-image:url('/new/images/sub/visual_sub_01.png');}
.sub-visual-02{background-image:url('/new/images/sub/visual_sub_02.png');}
.sub-visual-03{background-image:url('/new/images/sub/visual_sub_03.png');}
.sub-visual-04{background-image:url('/new/images/sub/visual_sub_04.png');}
.sub-visual-05{background-image:url('/new/images/sub/visual_sub_05.png');}
.sub-visual::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;display:block;background:url('/new/images/sub/visual_shadow.png') no-repeat top center;background-size:100%;z-index:1;}
.sub-visual-tit{position:absolute;top:calc(50% - 1.8em);width:100%;color:#fff;text-align:center;z-index:2;}
.sub-visual-tit strong{font-size:1.444em;font-weight:400;}
.lnb{position:relative;width:100%;background-color:#f7f7f7;color:#666;height:2.5em;border-bottom:1px solid #e6e6e6;}
.lnb > *{position:relative;height:100%;}
.lnb .lnb-loc{height:100%;}
.lnb .lnb-loc > *{border-right:1px solid #e6e6e6!important;/* for border of children(selectbox) */float:left;position:relative;}
.lnb .lnb-home{width:3.125em;height:100%;background:url('/new/images/sub/ico_loc_home.png')no-repeat center;background-size:1em;color:transparent;border-left:1px solid #e6e6e6;}
.lnb .lnb-depth{width:9.3em;line-height:1.2em;height:100%;}
.lnb .lnb-depth:not(:hover) > *{background-image:url('/new/images/sub/ico_locarrow_off.png');background-repeat:no-repeat;background-position:right 1em center;}
.lnb .lnb-depth select{display:none;border:none;outline-style:none;}
.lnb .plainSelect{position:absolute;top:0;left:0;z-index:999;width:100%;min-height:100%;border-bottom:1px solid #e6e6e6;background-color:#f7f7f7;}
.lnb .plainSelect li{display:list-item;line-height:calc(2.5em - 2px);}
.lnb .plainSelect li:not(:first-child){border-top:1px solid #e6e6e6;}
.lnb .plainSelect li.unselected {display: none;}
.lnb .plainSelect li a{padding:0 2.857em 0 0.714em;font-size:0.778em;display:block;}
.lnb .plainSelect.active li, .plainSelect.active li.unselected{display:list-item;transition:0.15s ease-in-out;}
.lnb .plainSelect.active li:hover{background-color:#0076bc;color:#fff;}
.lnb .lnb-util > *{width:3.125em;height:100%;background-size:1.3em;background-repeat:no-repeat;background-position:center;color:transparent;background-color:#5f5f5f;border-left:1px solid #898989;}
.lnb .lnb-share{background-image:url('/new/images/sub/ico_share.png');}
.lnb .lnb-print{border-right:1px solid #898989;background-image:url('/new/images/sub/ico_print.png');}

.sub h3{position:relative;text-align:center;font-size:2.222em;line-height:100%;padding:1.667rem 0;color:#222;font-weight:400;letter-spacing:-0.05em;}

.sub-content{letter-spacing:-0.05em;}

.sub-content > h4{font-size:1.333em;font-weight:400;margin:1.667rem 0;}
.sub-content > h4:first-child{margin-top:0;}
.sub-content > h4::before{content:'';width:0;height:0.167rem;border-left:0.5rem solid #dddddd;border-right:1rem solid #0076bc;display:block;margin-bottom:0.5rem;}

.depth3-list{text-align:center;margin-bottom:3.125em;}
.depth3-list li{display:inline-block;}
.depth3-list li a{font-size:1.25em;padding-bottom:0.5em;}
.depth3-list li a:hover{color:#77aa0f;text-decoration:none;border-bottom:2px skolid #73a915;}
.depth3-list li:before{content:'';width:0.5em;height:0.5em;height:0.5em;background-color:#ccc;display:inline-block;border-radius:100%;vertical-align:middle;margin:0 1.25em;}
.depth3-list li:first-child:before{width:0;height:0;margin:0;}


/* 회사소개 */
.img-intro{margin-bottom:1em;}
.intro{position:relative;padding-left:30%;border-bottom:1px solid #dddddd;}
.intro strong{position:absolute;top:0;left:0;font-size:1.444em;line-height:1;color:#0076bc;font-weight:400;}
.intro strong::after{content:'';width:1.944em;height:2px;display:block;background-color:#0076bc;margin-top:1em;}
.intro span{display:block;margin-bottom:1.2em;}
.intro span:not(.strong){line-height:1.667em;color:#666;font-weight:300;}
.intro span.strong{font-weight:700;line-height:1;}

.history{border-bottom:1px solid #ddd;margin-bottom:1em;}
.history dl{clear:both;padding:1em 0;}
.history dl:nth-child(odd){background-color:#f7f7f7;}
.history dt{color:#0076bc;font-size:1.111em;float:left;width:17%;text-align:center;}
.history dd{padding-left:20%;vertical-align:middle;color:#666;font-weight:300;margin-bottom:0.778em;}
.history dd:last-child{margin-bottom:0;}
.history dd::before{content:'';width:3px;height:3px;display:inline-block;vertical-align:middle;background-color:#333;border-radius:50%;margin-right:0.5em;}

.work-contents{}
.work-contents dt{margin-bottom:0.2em;}
.work-contents dt::before{content:'';width:3px;height:3px;display:inline-block;vertical-align:middle;background-color:#333;border-radius:50%;margin-right:0.5em;}
.work-contents dd{color:#666;font-weight:300;padding-left:0.667em;margin-bottom:0.778em;}

.location figcaption{font-weight:300;color:#666;line-height:1.889em;}
.location figcaption strong{font-weight:400;color:#111;}
.location figcaption strong:not(.color){margin-right:1.111em;}
.location figcaption strong.blue{color:#365abc;text-decoration-line:underline;}
.location figcaption strong.green{color:#889823;text-decoration-line:underline;}
.location figcaption strong:nth-child(2)::before, .location figcaption strong:nth-child(3)::before{content:'';width:1px;height:0.7em;display:inline-block;background-color:#666;margin:0 2em;}
.location figcaption .indent{margin-left:6.3em;display:block;}

/* 탭스타일 -> goods.css 이동 */
/*
.tabstyle{width:100%;overflow:hidden;border-top:1px solid #ddd;border-left:1px solid #ddd;margin-bottom:1em;}
.tabstyle li{position:relative;float:left;width:12.5%;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;height:3em;}
.tabstyle li a{font-size:0.889em;vertical-align:middle;height:100%;display:block;line-height:3rem;}
.tabstyle li a:hover, .tabstyle li a.active{width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;left:-1px;z-index:1;background-color:#0076bc;color:#fff;text-decoration:none;}
*/

/* 제품소개 상단 */
.product-head{width:100%;height:16.667em;background-size:cover;background-repeat:no-repeat;background-position:left center;padding:0 4em 0 17.667em;margin-bottom:0.833em;}
.product-head h4{font-size:1.444em;color:#0076bc;margin-bottom:1.2rem;font-weight:400;}
.product-head p{color:#666;line-height:1.667em;}
.product-head-01{background-image:url('/new/images/sub/visual_product_01.png');}
.product-head-01{background-image:url('/new/images/sub/visual_product_01.png');}
.product-head-02{background-image:url('/new/images/sub/visual_product_02.png');}
.product-head-03{background-image:url('/new/images/sub/visual_product_03.png');}
.product-head-04{background-image:url('/new/images/sub/visual_product_04.png');}
.product-head-05{background-image:url('/new/images/sub/visual_product_05.png');}
.product-head-06{background-image:url('/new/images/sub/visual_product_06.png');}
.product-head-07{background-image:url('/new/images/sub/visual_product_07.png');}
.product-head-08{background-image:url('/new/images/sub/visual_product_08.png');}

/* 검색바 */
.search-box{width:100%;overflow:hidden;margin-bottom:0.8em;}
.search-box .left-txt{font-size:0.778em;height:2.222rem;line-height:2.222rem;}
.search-box .left-txt strong{color:#0076bc;}
.search-box .search-txt{width:13.556rem;}
.search-box .search-txt + .btn{height:2.222rem;margin-left:-4px;background-color:#0076bc;color:transparent;background-image:url('/new/images/sub/ico_search.png');background-repeat:no-repeat;background-position:center;min-width:2.222rem;}

/* 불릿 */
.bul-gray dl{overflow:hidden;line-height:1.75em;color:#666;}
.bul-gray dl dt{position:relative;float:left;padding-left:1em;}
.bul-gray dl dt::before{content:'';width:0.333rem;height:0.333rem;border-radius:100%;background-color:#999;display:block;position:absolute;left:0;top:calc(50% - 0.2rem);}
.bul-gray dl dt::after{content:':';padding:0 0.333em;}

/* 목록 */
.thumb-list{position:relative;margin-top:0.833em;border-top:1px solid #ddd;padding-top:1em;}
.thumb-list li{margin-top:1em;height:8.5em;}
.thumb-list li.no-data{line-height:8.5em;}
.thumb-list li:nth-child(1), .thumb-list li:nth-child(2){margin-top:0;}
.thumb-list li figure{border:1px solid #ddd;height:100%;}
.thumb-list li figure img{max-width:8.4em;padding:0 0.833em;}
.thumb-list li figure figcaption{border-left:1px solid #ddd;}
.thumb-list li figure figcaption strong{font-size:0.889rem;margin-bottom:0.3em;}
.thumb-list figure figcaption{padding:1rem;font-size:0.833em;width:80%;/*table-cell은 calc() 적용안됨*/}
.thumb-list figure figcaption strong{display:block;}
.thumb-list figure figcaption a{display:block;font-size:0.889rem;color:#0076bc;margin-top:1em;}
.thumb-list figure figcaption a::after{content:'';width:1em;height:1em;display:inline-block;margin:0 0 0.1em 1em;background:url('/new/images/sub/ico_productarrow.png') no-repeat center;vertical-align:middle;}

/* 보기 */
.bbs-view{position:relative;border-top:1px solid #1e1e1e;}
.bbs-view h4{position:relative;height:3.5em;line-height:3.5em;padding:0 calc(3.3% + 6em) 0 3.3%;font-weight:400;}
.bbs-view .date{position:absolute;color:#666;font-size:0.722em;height:3.5rem;line-height:3.5rem;top:0;right:3.3%;}
.bbs-view .bbs-view-content{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:1.5em 3.3%;font-size:0.778em;}
.bbs-view .bbs-view-content > div{min-height:3em;}
.bbs-view .bbs-view-content p{line-height:1.786em;}
.bbs-view .download{float:right;text-align:right;height:3em;}
.bbs-view .download span{display:block;font-size:0.722rem;cursor:pointer;padding-bottom:0.2em;}
.bbs-view .download span strong{color:#5f10a8;}
.bbs-view .download span::before{content:'';display:inline-block;width:1em;height:1em;background:url('/new/images/sub/ico_download.png') no-repeat center;background-size:100%;margin-right:0.2em;vertical-align:middle;}
.bbs-view .download ul{display:none;background-color:#fff;position:relative;font-size:0.667rem;padding:0.5em 1.5em;border:1px solid #ddd;border-radius:3px;margin-top:0.2em;}
.bbs-view .download ul::before{content:'';width:9px;height:7px;display:block;position:absolute;top:-7px;right:7px;background:url('/new/images/sub/ico_download_edge.png')no-repeat center;background-size:100%;}
.bbs-view .download:hover ul{display:block}
.bbs-view .lnk-area{font-size:0.778em;padding:0 3.3%;border:1px solid #e0e0e0;border-top:none;}
.bbs-view .lnk-area > div{height:3.5rem;line-height:3.5rem;}
.bbs-view .lnk-area :first-child span:first-child::before, .bbs-view .lnk-area :last-child span:first-child::after{content:'';width:0.5rem;height:0.944rem;display:inline-block;background-repeat:no-repeat;background-size:100%;background-position:center;vertical-align:middle;}
.bbs-view .lnk-area :first-child span{float:left;margin-right:2.5rem;}
.bbs-view .lnk-area :first-child span::before{background-image:url('/new/images/sub/ico_bbs_prev.png');margin-right:1rem;}
.bbs-view .lnk-area :last-child span:first-child{float:right;margin-left:2.5rem;}
.bbs-view .lnk-area :last-child span:first-child::after{background-image:url('/new/images/sub/ico_bbs_next.png');margin-left:1rem;}
.bbs-view .lnk-area :last-child{text-align:right;}

/* 쓰기 */
.bbs-write{position:relative;border-top:1px solid #1e1e1e;}
.bbs-write > *{overflow:hidden;}
.bbs-write > :first-child, .bbs-write > :last-child{border-bottom:1px solid #ddd;}
.bbs-write .table{padding:0.722em 0;}
.bbs-write .table :first-child{width:15%;padding-left:calc(7% - 2rem);font-size:0.722em;}
.bbs-write .table :last-child{width:100%;font-size:0.722em;}
.bbs-write .table iframe{width:100%!important;}
.bbs-write .table textarea{height:18.889em;}
.bbs-write > :not(.table){padding-left:15%;}
.bbs-write .selected-file{padding-top:0.722em;padding-bottom:0.722em;}
.bbs-write .selected-file li{display:inline-block;font-size:0.722em;}
.bbs-write .selected-file li button{position:relative;color:transparent;margin:0 0.5em 0 2em;width:1em;height:1em;display:inline-block;overflow:hidden;vertical-align:middle;}
.bbs-write .selected-file li button::before{content:'x';color:#111;line-height:1;}
.bbs-write .selected-file li:first-child button{margin-left:0}

#bbs_write_upload{display:none;}
#bbs_write_upload + label{width:8.889em;margin-right:0.5em;font-size:0.778em;}
#bbs_write_upload + label + span{font-size:0.722em;}

/* 페이징 */
.paging{position:relative;width:100%;text-align:center;margin-top:2.778em;}
.paging > div{display:inline-block;}
.paging ul{overflow:hidden;}
.paging li{float:left;}
.paging li *{font-size:0.722em;display:block;width:2rem;line-height:2rem;border:1px solid #fff;border:1px solid #ddd;margin:0 0.333em;}
.paging li :hover:not(.paging-border), .paging li .active{background-color:#0076bc;border:1px solid #0076bc;color:#fff;text-decoration:none;}
.paging li .paging-border{background-repeat:no-repeat;background-position:center;color:transparent;}
.paging li .paging-border.next{background-image:url('/new/images/sub/ico_page_next.png');/*border-right:none;margin-left:0.333em;*/}
.paging li .paging-border.prev{background-image:url('/new/images/sub/ico_page_prev.png');/*border-left:none;margin-right:0.333em;*/}
.paging li .paging-border.first{background-image:url('/new/images/sub/ico_page_start.png');}
.paging li .paging-border.last{background-image:url('/new/images/sub/ico_page_end.png');}

/* 테이블 */
table{width:100%;font-size:0.778em;text-align:center;border-top:1px solid #666;}
table thead th{background-color:#f8f8f8;border-bottom:1px solid #eaeaea;height:3rem;font-weight:400;color:#181818;}
table tbody td{height:3rem;border-bottom:1px solid #eaeaea;font-weight:300;color:#444;}
table tbody td.notice{font-weight:400;}
table tbody td.no-data{height:10rem;}
table.basic tbody tr td:nth-child(2){text-align:left;}



@media screen and (max-width:1200px) {
}

/* 모바일 디바이스가 아닌 경우 */
@media screen and (min-width:1025px) {
}

/* 모바일 디바이스인 경우 */
@media screen and (max-width:1024px) {
    .sub{font-size:15px;}
}

@media screen and (max-width:768px) {
    .sub{font-size:14px;}
}

@media screen and (min-width:641px) and (max-width:1024px) {
}

@media screen and (min-width:641px) and (max-width:768px) {
}

/* 폰이 아닌 경우 */
@media screen and (min-width:641px) {
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
}

@media screen and (max-width:400px) {
}

@media screen and (max-width:360px) {
}