@charset 'utf-8';
/*@import "common_02.css";*/
.fullBg{position:relative}
.fullBg:after{width:100vw;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);display:block;content:'';z-index:-1;background-size:cover !important}

/* Width */
.wid_21{width:21% !important;}
.wid_100{width:100% !important;box-sizing:border-box}
.wid_191{width:191px !important}

/* Color */
.c_f27109{color:#f27109;}
.c_1772fc{color:#1772fc;}
.c_069edb{color:#069edb;}
.c_0b4da2{color:#0b4da2;}
.c_666{color:#666;}

/* Table */
.horizontal_table{border-top:2px solid #069edb;border-bottom:1px solid #dbdbdb;width:100%}
.horizontal_table th{background:#eef6fb;border-right:1px solid #dbdbdb;font-weight:500;padding:11px 0 13px;box-sizing:border-box}
.horizontal_table th:last-child, .horizontal_table td:last-child{border-right:0}
.horizontal_table td{border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;padding:14px 14px 16px 14px;box-sizing:border-box;font-weight:300;line-height:26px;vertical-align:top;word-break:break-all;vertical-align:middle}
.center_table th, .center_table td{text-align:center}
.th_center_table th{text-align:center;}

.tableVertical table{width:100%;}
.tableVertical table th{padding:11px 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;text-align:center;}
.tableVertical table td{padding:11px 22px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}

/* Sub */
.subTopTtileBox{background:#221e1f;border-top:1px solid #ccc;padding:12px 0;margin-bottom:40px}
.subTopTtileBox h4{font-size:23px;font-weight:500;color:#fff;letter-spacing:-0.03em;display:none;}
.subTopTtileBox ul{float:right;}
.subTopTtileBox ul:after{content:'';display:block;clear:both}
.subTopTtileBox ul li{float:left;position:relative;color:#fff;font-size:15px;padding-right:12px;margin-right:3px}
.subTopTtileBox ul li img{vertical-align:-1px}
.subTopTtileBox ul li:after{width:8px;height:7px;content:'';display:block;position:absolute;right:0;top:8px;background:url(/img/common/sub_top_arrow_icon.png) no-repeat right top}
.subTopTtileBox ul li:last-child:after{display:none;margin-right:0;padding-right:0}
.subTopTtileBox ul li:last-child{margin-right:0;padding-right:0}

/* Main */
.m_container{clear:both;}
.m_container .slider{width:100%;}
.m_container .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.m_container .slick-list{position:relative;display:block;overflow:hidden;}
.m_container .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.m_container .slick-slide{height:100%;min-height:1px;display:none;float:left;}
.m_container .slick-slide div{width:100%;float:none;}
.m_container .slider_banner .slick-slide img{width:100%;display:block;}
.m_container .slick-initialized .slick-slide{display:block;}
.m_container .main_slide_box{position:relative;margin-bottom:51px;border-top:1px solid #ccc}
.m_container .main_slide_box .slick-slider .slick-list{margin-left:-3px;}

.m_container .main_slide_box .slider{width:100%;}
.m_container .main_slide_box div{text-align:center;background:#f5f5f5}
.m_container .main_slide_box div img{max-width:100%}
.m_container .main_slide_box .slick-arrow{position:absolute;top:50%;font-size:0;line-height:0;letter-spacing:-1000em;text-indent:-1000em;width:21px;height:42px;border:0;cursor:pointer;z-index:1;margin-top:-21px}
.m_container .main_slide_box .slick-prev{background:url(/img/main/main_slide_prev_btn.png) no-repeat left center;left:15%;}
.m_container .main_slide_box .slick-next{background:url(/img/main/main_slide_next_btn.png) no-repeat left center;right:15%}
.m_container .main_slide_box .slick-dots li{display:inline-block;margin-right:5px; }
.m_container .main_slide_box .slick-dots li:last-child{margin-right:0; }
.m_container .main_slide_box .slick-dots li button{width:15px;height:15px;border:0;border-radius:50%;background:#231916;font-size:0;cursor:pointer;border:1px solid #005184;background:#fff;}
.m_container .main_slide_box .slick-dots li.slick-active button{width:29px;background:#005184;border-radius:30px;}
.m_container .mainBookBox .mainBookContent{border-bottom:1px solid #dfdfdf;padding-bottom:65px;margin-bottom:53px}
.m_container .mainBookBox .mainBookContent:last-child{margin-bottom:0;border-bottom:0;}
.m_container .mainBookBox .mainBookContent h3{text-align:center;font-size:38px;letter-spacing:-0.01em;margin-bottom:15px}
.m_container .mainBookBox .mainBookContent .slick-slide{margin-right:20px;}
.m_container .mainBookBox .mainBookContent .slick-slide:last-child{margin-right:0}
.m_container .mainBookBox .mainBookContent dl:hover dt{background:#f0f0f0}
.m_container .mainBookBox .mainBookContent dl dt{height:380px;text-align:center;padding:29px 0;margin-bottom:8px;position:relative;}
.m_container .mainBookBox .mainBookContent dl dt img{border:1px solid #e1e1e1;box-shadow: 0 3px 8px rgba(0,0,0,0.2);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.m_container .mainBookBox .mainBookContent dl dd{text-align:center;color:#666;font-size:15px;font-weight:300;letter-spacing:-0.02em}
.m_container .mainBookBox .mainBookContent dl dd strong{display:block;font-size:18px;font-weight:500;color:#333;margin-bottom:2px}
.m_container .mainBookBox .mainBookContent dl dd p{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_container .mainBoardBox{padding:66px 0 71px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.m_container .mainBoardBox:after{background:url(/img/main/main_board_bg.gif) no-repeat center top}
.m_container .mainBoardBox > .mainNoticeBox{position:relative;width:44%}
.m_container .mainBoardBox .mainSelectionBooks{width:48.5%;}
.m_container .mainBoardBox .mainSelectionBooks .selectionBooksSlide{display:flex !important;overflow:hidden;}
.m_container .mainBoardBox .mainSelectionBooks .imgBox{margin-right:36px;}
.m_container .mainBoardBox .mainSelectionBooks .imgBox img{box-shadow:4px 4px 6px #aeaeae;}
.m_container .mainBoardBox .mainSelectionBooks .selectionBooksInfo .selectionBooksTitle{font-size:20px;font-weight:300;margin-bottom:13px;line-height:1;}
.m_container .mainBoardBox .mainSelectionBooks .selectionBooksInfo dl dt{font-size:23px;font-weight:500;color:#333;margin-bottom:12px;}
/*.m_container .mainBoardBox .mainSelectionBooks .selectionBooksInfo dl dd{max-width:389px;font-size:17px;line-height:23px;font-weight:300;letter-spacing:-0.02em;height:138px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}*/
.m_container .mainBoardBox .mainSelectionBooks .selectionBooksInfo dl dd{max-width:369px;font-size:17px;line-height:23px;font-weight:300;letter-spacing:-0.02em;height:138px;text-overflow:ellipsis;overflow:hidden;}
.m_container .mainBoardBox h3{font-size:30px;font-weight:bold;margin-bottom:32px;letter-spacing:-0.12em;padding-left:4px;line-height:1;}
.m_container .mainBoardBox ul{border-top:1px solid #ccc}
.m_container .mainBoardBox ul li{font-size:17px;font-weight:300;position:relative;border-bottom:1px solid #ccc;letter-spacing:-0.01em}
.m_container .mainBoardBox ul li:before{position:absolute;left:13px;top:50%;background:#333;width:2px;height:2px;content:'';display:block}
.m_container .mainBoardBox ul li.empty_li{padding:14px 88px 16px 22px;}
.m_container .mainBoardBox ul li a{display:block;padding:14px 88px 11px 22px;}
.m_container .mainBoardBox ul li span{font-size:16px;color:#999;position:absolute;right:23px;top:50%;margin-top:-13px}
.m_container .mainBoardBox .moreView{position:absolute;top:0;right:1px;border:1px solid #ccc;padding:7px;line-height:0}
.mainSelectionBooks .slick-arrow{width:26px;height:39px;position:absolute;top:50%;margin-top:-19.5px;font-size:0;line-height:0;letter-spacing:-1000em;text-indent:-1000em;border:0;cursor:pointer;z-index:1;}
.mainSelectionBooks .slick-prev{background:url(/img/common/select_arrow_prev.png) no-repeat left center;left:0;}
.mainSelectionBooks .slick-next{background:url(/img/common/select_arrow_next.png) no-repeat left center;right:0;}


/* 회사소개 */
.greetingCont{display:flex;justify-content:space-between;}    
.greetingCont .greetingContText{max-width:580px;word-break:keep-all;line-height:28px;padding-top:4px;}
.greetingCont .imgBox{margin-right:20px;}
.sectionTitle{font-size:32px;font-weight:500;text-align:center;margin:60px 0 23px;}
.historyCont .tableVertical table th{font-size:20px;color:#fff;border-color:#5e8aa5}
.historyCont .tableVertical table th span{width:38px;text-align:left;font-size:18px;color:#afc2ce;display:inline-block;margin-left:10px;display:inline-block;}
.historyCont .tableVertical table td ul li{position:relative;padding-left:12px;line-height:26px;}
.historyCont .tableVertical table td ul li:before{width:4px;height:4px;background:#a7a7a7;position:absolute;left:0;top:12px;content:'';border-radius:50%;}
.historyCont .osungHistory .tableVertical table th{background:#01619e;}
.historyCont .awardsHistory .tableVertical table th{background:#028497;border-color:#4ba0ad;}
.historyCont .awardsHistory .tableVertical table th span{color:#a0ced5;border-color:#ddd;}
.historyCont .subsidiary .tableVertical table th{background:#5b5b5b;}
.historyCont .subsidiary .tableVertical table td ul li:before{top:16px;}
.btnDirect{padding:3px 13px;border:1px solid #2697e6;color:#2697e6;border-radius:3px;margin-left:29px;font-size:15px;display:inline-block;}
.btnDirect:after{width:5px;height:9px;display:inline-block;content:'';background:url(/img/common/blue_arrow.png)no-repeat;margin-left:4px;vertical-align:1px;}
.roadBox .sectionTitle{text-align:left;margin-top:0;}
@media screen and (min-width:2000px){
/* Main */
.m_container .main_slide_box div img{width:100%;}
}

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

/* Sub */
.subTopTtileBox ul{right:20px;}

/* Main */
.m_container .main_slide_box{margin-top:0}
.m_container .main_slide_box .slick-prev{left:20px}
.m_container .main_slide_box .slick-next{right:20px}
.m_container .mainBookBox .mainBookContent .slick-slide{margin:0}
.m_container .mainBookBox .mainBookContent dl dt{height:auto;padding:15px 0;}
.m_container .mainBookBox .mainBookContent dl:hover dt{background:none;}
.m_container .mainBookBox .mainBookContent dl dt img{max-height:220px;position:relative;left:auto;top:auto;transform:none;}

/* 회사소개  */
.greetingCont .greetingContText{width:49%;}
.greetingCont .imgBox{width:49%;margin-right:0;}
.greetingCont img{max-width:100%;}
}

@media screen and (max-width:900px){
.m_container .mainBoardBox .mainNoticeBox{width:100%}
.m_container .mainBoardBox .mainSelectionBooks{width:100%;margin-top:50px;}
.m_container .mainBoardBox .mainSelectionBooks .selectionBooksInfo dl dd{max-width:640px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical; 
	white-space:normal;
}
.m_container .mainBoardBox .mainSelectionBooks .selectionBooksInfo dl dd br{display:none;}
}

@media screen and (max-width:767px){
/* Table */
.horizontal_table th{padding:11px 0 13px;}
.horizontal_table td{padding:14px 7px 16px;line-height:22px;}

/* Sub */
.subTopTtileBox{padding:6px 0;margin-bottom:20px}
.subTopTtileBox h4{font-size:18px;}
.subTopTtileBox ul{right:4.6875%;top:4px}
.subTopTtileBox ul li{font-size:14px;margin-right:2px}
.subTopTtileBox ul li img{width:12px;vertical-align:0}

/* 팝업 */
#hd_pop{width:100%;z-index:99999;}
.hd_pops{left:0 !important;top:104px !important; }
.hd_pops_con{width:100% !important;height: auto !important;}

/* Main */
.m_container .main_slide_box div{}
.m_container .main_slide_box div img{width:100%;}
.m_container .main_slide_box .slick-arrow{width:18px;height:34px;background-size:18px 34px !important;margin-top:-22px}
.m_container .main_slide_box .slick-prev{left:4.6875%}
.m_container .main_slide_box .slick-next{right:4.6875%}
.m_container .main_slide_box .slick-dots{bottom:10px;}
.m_container .main_slide_box .slick-dots li button{width:13px;height:13px;}
.m_container .mainBookBox .mainBookContent{padding-bottom:30px;margin-bottom:25px}
.m_container .mainBookBox .mainBookContent h3{font-size:30px;margin-bottom:7px}
.m_container .mainBookBox .mainBookContent .slick-slide{margin-right:0}
.m_container .mainBookBox .mainBookContent dl dt{padding:15px 0;margin-bottom:4px}
.m_container .mainBookBox .mainBookContent dl dt img{max-width:222px;width:100%;max-height:100%;}
.m_container .mainBookBox .mainBookContent dl dd{font-size:14px;}
.m_container .mainBookBox .mainBookContent dl dd strong{font-size:16px;}

.m_container .mainBoardBox{padding:30px 0}
.m_container .mainBoardBox h3{font-size:24px;margin-bottom:12px;padding-left:0}
.m_container .mainBoardBox ul li{font-size:15px;}
.m_container .mainBoardBox ul li.empty_li{padding:7px 73px 8px 22px;}
.m_container .mainBoardBox ul li a{padding:7px 73px 8px 22px;}
.m_container .mainBoardBox ul li:before{left:6px;}
.m_container .mainBoardBox ul li span{font-size:14px;right:5px;margin-top:-10px}
.m_container .mainBoardBox .moreView{top:4px;padding:5px;}
.m_container .mainBoardBox .moreView img{width:15px}
.m_container .mainBoardBox .mainSelectionBooks .selectionBooksInfo .selectionBooksTitle{font-size:18px;}
.m_container .mainBoardBox .mainSelectionBooks .selectionBooksInfo dl dt{font-size:20px;}
.m_container .mainBoardBox .mainSelectionBooks .selectionBooksInfo dl dd{font-size:15px;}

.m_container .mainBookListBox  .slick-prev{background:url(/img/common/book_arrow_prev.png) no-repeat left center;left:0;}
.m_container .mainBookListBox  .slick-next{background:url(/img/common/book_arrow_next.png) no-repeat left center;right:0;}
.m_container .mainBookListBox  .slick-arrow{width:15px;height:30px;background-size:100% 100% !important;position:absolute;top:50%;margin-top:-58.5px;font-size:0;line-height:0;letter-spacing:-1000em;text-indent:-1000em;border:0;cursor:pointer;z-index:1;}
.m_container .mainBookListBox  .slick-slide .imgBox{height:auto;}


/* 회사소개  */
.greetingCont{flex-wrap:wrap;text-align:center;}
.greetingCont .greetingContText{max-width:100%;width:100%;text-align:left;line-height:22px;margin-top:15px;}
.greetingCont .imgBox{width:100%;}
.greetingCont .imgBox img{width:400px;}

.sectionTitle{font-size:26px;margin:30px 0 15px;}
.historyCont .osungHistory .sectionTitle{margin-top:20px;}
.historyCont .tableVertical table th{font-size:17px;}
.historyCont .tableVertical table th span{font-size:15px;display:block;width:100%;margin-left:0;text-align:center;}
.historyCont .tableVertical table td ul li{line-height:24px;}
.historyCont .tableVertical table th{padding:6px 0;}
.historyCont .tableVertical table td{padding:6px 10px;}
.historyCont .tableVertical table td ul li:before{width:3px;height:3px;top:10px;}
.historyCont .subsidiary .tableVertical table td ul li:before{top:12px}
.btnDirect{padding:0 10px;font-size:13px;}
.btnDirect:after{width:3px;background-size:3px auto;vertical-align:-2px;}


}

@media screen and (max-width:480px) {
.btn_view_img img{width:25px !important}
.m_container .mainBoardBox .mainSelectionBooks .imgBox{text-align:center;margin-right:0;}
.m_container .mainBoardBox .mainSelectionBooks .selectionBooksSlide{display:block !important;}
.m_container .mainBoardBox .mainSelectionBooks .selectionBooksInfo{margin-top:30px;}

/* 회사소개  */
.historyCont .btnBox{display:block;}
.btnDirect{margin:3px 0 0;}
.historyCont .tableVertical table th{font-size:16px;}

}