.keepBox{padding:20px;background:#d8d8d8;text-align:center;font-weight:700;}

.skip{display:none;}

body{word-break:keep-all;}

.wbNormarl{word-break:normal;}




.web{display:block !important;}
.webIn{display:inline !important;}
.mo{display:none !important;}


/* floating top 버튼 */
.floatingTop{position: fixed;width:56px;height:56px;margin: 0;right: 2%;bottom: 30px;overflow: hidden;z-index:20;}
.floatingTop a{background:url('../images/common/ico_arrow_up.png')no-repeat center;border:0px solid #d8d8d8;width:54px;height:54px;float: right;z-index:20;}
.floatingTop a span{display:block;text-indent:-99999px;}



/* footer 영역 */
footer{width:100%;margin:0 auto; margin-top:30px;padding:20px 20px;  background:#494a4d; overflow:hidden ; z-index:-1}

footer .footerBox{position:relative;max-width:1220px;width:100%;margin:0 auto; font-size:14px; line-height:16px; color:#999}

.footer_menu {max-width:1220px; margin:0 auto; height:30px; border-bottom:#666 solid 1px; margin-bottom:20px; color:#CCC;} 
.footer_menu  a { color:#CCC; display:inline}
.footer_menu  a:hover { color:#FC0}

.floatBox{overflow:hidden;clear:both;}
.fLeft{float:left;}
.fRight{float:right;}

.forPC{display:block !important;}
.forM{display:none !important;}

/* text */
.hidden{position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);overflow: hidden;}
.txtC{text-align:center;}


.bdtBk{padding-top:100px;margin-top:100px;position:relative;}
.bdtBk:after{content:'';position:absolute;border-top:1px solid #333;left:-60px;top:0;width:calc(100% + 120px);}
.bdtBk:before{top:109px;}

.tUnder{font-weight:800;position:relative;border-bottom:1px solid #000;}
.ft01{font-size:40px;line-height:58px;}
.ft01.only{padding-bottom:60px;}
.ft02{font-size:30px;line-height:45px;}
.fstar{font-size:16px;line-height:28px;color:#666;position:relative;padding-left:7px;margin-top:8px;}
.fstar:before{content:'*';position:absolute;top:0;left:0;}
.subTitR{font-size:20px;line-height:32px;font-weight:700;color:#be154b;margin-bottom:24px;}
.fstar .fstarTit{padding-left:5px; font-weight:700;}
.fstar a{display:inline-block;color:#666;}

.fcR{color:#be154b;}

.txtDiv{display:block;} /* text web:block, mo:inline */
.txtDivRev{display:inline;} /* text web:inline, mo:block */
.imgAreaBdt{width:1080px; border-top:1px solid #d8d8d8; padding-top:55px; margin-top:55px;}

/* 효과 */
.motion{opacity: 0;-moz-transition: all 700ms ease-out;-webkit-transition: all 700ms ease-out;-o-transition: all 700ms ease-out;transition: all 700ms ease-out;}

* .main .tit.motion{-moz-transition: all 1500ms ease-in-out;-webkit-transition: all 1500ms ease-in-out;-o-transition: all 1500ms ease-in-out;transition: all 1500ms ease-in-out;}
/* 서서히 나타나는 효과 */
.fadeIn{opacity:0;}
/* 아래에서 위로 */
.fadeInUp{-moz-transform: translate3d(0, 50%, 0);-webkit-transform: translate3d(0, 50%, 0);-o-transform: translate(0, 50%);-ms-transform: translate(0, 50%);transform: translate3d(0, 50%, 0);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
/* 오른쪽에서 왼쪽 */
.fadeInR{-moz-transform: translate3d(50%, 0, 0);-webkit-transform: translate3d(50%, 0, 0);-o-transform: translate(50%, 0, 0);-ms-transform: translate(50%, 0, 0);transform: translate3d(50%, 0, 0);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
/* 왼쪽에서 오른쪽 */
.fadeInL{-moz-transform: translate3d(-50%, 0, 0);-webkit-transform: translate3d(-50%, 0, 0);-o-transform: translate(-50%, 0, 0);-ms-transform: translate(-50%, 0, 0);transform: translate3d(-50%, 0, 0);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
/* 스크립트로 .motion 위치에 왔을 때 붙는 클래스 */
.animate{opacity: 1;-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate3d(0, 0, 0);}




/* pc에선 슬라이드 X 모바일에선 슬라이드 1개 */
.moSlide.pcNone .swiper-wrapper{display:block !important;transform:translate3d(0px, 0px, 0px) !important;}


/***************************************** Main *****************************************/
.conContinue {position:fixed;left:50%;margin-left:-19px;z-index:1;bottom:20px;width:38px;height:20px;animation:bounce 1.5s infinite ease-in-out;}
.conContinue span{text-indent:-99999px;position:relative;display:block;}
.conContinue span:after{content: "";width: 38px;height: 20px;position:absolute;right:0;top:0;background-image:url('../images/main/img_continueCon.png');background-size:38px 20px;}
@keyframes bounce {
    0% {transform: translateY(0);}
    50% {transform: translateY(10px);}
    100% {transform: translateY(0);}
}
.sec_quick {height:97px; background:#e6e6e6; color:#383838;}
.sec_quick_wrap{ width:1230px; margin:auto; }
.sec_icon_title { float:left; width:134px; background:#33454f; height:97px; font-size:18px; font-family:'NanumSquareR'; box-sizing:border-box; padding:20px 0 0 0px; text-align:center; line-height:20px; color:#fff}
.sec_quick_icon_wrap { float:left;  width:124px; height:97px;   margin:auto; font-size:15px; text-align:center; vertical-align:top;box-sizing:border-box;border-right:#cccccc 1px solid ; position:relative}

.sec_quick_icon_wrap img {padding-left:20px; display:inline-block; vertical-align:middle; margin-right:10px;}
.sec_quick_icon {width:100%; padding:19px 0; }

.sec_email { padding-top:0px;}
.sec_phone_wrap {float:left; width:288px;  height:97px; font-family:'NanumSquareB'; box-sizing:border-box; padding:12px 0 0 30px; border-right:#cccccc 1px solid }
.sec_phone_wrap img { vertical-align:top; display:inline-block }
.sec_phone_wrap p { display:inline-block; padding-bottom:5px; padding-top:5px; letter-spacing:-0.5px; font-size:20px; line-height:20px; }
.sec_phone_wrap .txt { font-size:12px; display:block; line-height:20px; letter-spacing:0px; padding-top:12px;}
.sec_phone_wrap .txt2 { font-size:12px; display:block; line-height:15px; letter-spacing:0px; color:#666}
.sec_phone_color { color:#c41a26; font-size:22px; }
.sec_quick_icon_wrap a { color:#383838}

.sec1{position:relative;height:auto; padding:0px 0; box-sizing:border-box; background:#fff; overflow:hidden; border-bottom:#CCC solid 1px}
.sec2{position:relative;height:auto; padding:0px 0; box-sizing:border-box; background:#fff; overflow:hidden}
.sec3{position:relative;height:auto; padding:0px 0; box-sizing:border-box; background:#F9F9F9; overflow:hidden}
.sec4{position:relative;height:auto; padding:0px 0; box-sizing:border-box; background: url(../images/main/main_video.jpg) no-repeat; background-size:cover; overflow:hidden; height:445px;}


.sec1 .notice_wrap {width:1220px; margin:auto; letter-spacing:-0.5px; position:relative}
.notice_wrap p { font-size:25px; font-family:'NanumSquareB'; padding-bottom:25px;position:relative }
.notice_list { float:left; width:450px; height:320px; padding-right:40px; border-right:#CCC 1px solid;padding-top:50px;  }
.notice_list li{ padding:8px 5px; box-sizing:border-box; font-size:13px; line-height:18px; position:relative; display: flex;}
.notice_head_txt  { font-size:17px;font-family:'NanumSquareB'; letter-spacing:-0.5px; line-height:20px;}
.notice_list li .date {  font-size:14px; display:block; position:absolute; right:0; top:7px}
.notice_list p .title_more {  display:block; position:absolute; right:0; top:7px}

.notice_list:nth-child(2) {width:462px; padding-right:40px; padding-left:30px;border-right:#c6ba5a 0px solid;}


.popZone { float:left; width:290px; height:320px; padding-top:30px;  background:#f8f5f1; } 
.pop_banner {width:230px; height:128px; background:#CCC; margin:auto; margin-bottom:10px;}
.pop_banner .pop_banner_title{ background:#162d4a; height:30px; width:100%; color:#FFF; font-size:14px;transform: skew(-0.001deg); padding-left:10px;  }
.pop_banner .pop_banner_title .dotmore {position:absolute; right:10px; top:7px}



.sec2 .book_wrap { width:1220px; margin:auto; height:410px;}


.book_main_tit1 { font-size:23px;font-family:'NanumSquareB'; padding-top:50px; padding-bottom:30px; color:#fff }
.book_main_tit2 { font-size:23px;font-family:'NanumSquareB'; padding-left:20px; padding-top:50px; position:relative;vertical-align:middle}
.book_main_tit2 .title_more { display:inline-block; margin-top:2px; margin-left:5px; vertical-align:middle}


.book_main_tab {  padding-left:20px; padding-top:20px;font-family:'NanumSquareB'; transform:skew(-0.001deg); color:#666 }
.book_main_body {display:block; width:160px;margin:auto;; line-height:17px; padding-top:10px; color:#FFF; font-size:13px;}
.book_main_tab a { display:block}



.sec2 .book_wrap .book_recommend  img { display:block; width:160px; height:200px; margin:auto} 
.sec2 .book_wrap .book_main_list { width:100%; float:left;   margin:40px 20px 20px 20px; }
.sec2 .book_wrap .book_main_list .book_m_l  img { margin:auto; width:110px !important; height:146px; margin-bottom:10px; border:#F3F3F3 1px solid }
.sec2 .book_wrap .book_main_list .book_m_l  { float:left; text-align:center ; width:110px; height:210px; font-size:12px; line-height:17px; margin-right:40px; }

.sec3 .gallery_wrap { width:1220px; margin:auto; height:400px; clear:both}

.sec3 .gallery_wrap  { font-size:25px;padding-top:50px; padding-bottom:25px;position:relative; clear:both }
.sec3 .gallery_wrap p { position:relative; margin-bottom:20px;}
.sec3 .gallery_wrap p .title_more {  display:block; position:absolute; right:30px; top:7px}

.sec3 .gallery_wrap .photo_list { float:left; border:#dadada solid 1px; border-top:#000 solid 2px; margin-right:17px;} 
.sec3 .gallery_wrap .photo_list .photo_m_body { width:200px; margin:auto; height:80px; padding-top:10px; font-size:14px; text-align:left ; line-height:16px;}
.sec3 .gallery_wrap .photo_list .photo_m_body  .date { color:#999; display:block}

.sec4 .vedio_wrap {width:1220px; margin:auto; }
.sec4 .vedio_wrap_left { float:left; padding-top:60px; padding-left:0px;}
.sec4 .vedio_wrap_right { width:100%; padding-top:60px; padding-left:0px; }
.sec4 .vedio_tit1 { font-size:25px; font-family:'NanumSquareB';padding-bottom:20px;  }
.sec4 .vedio_tit1 img { display:inline-block; vertical-align:middle}

.sec4 .vedio_wrap_right .vedio_list { float:left; border:#dadada solid 1px; border-top:#000 solid 2px; margin-right:17px; background:#FFF; position:relative} 
.sec4 .vedio_wrap_right .vedio_list .photo_m_body { width:200px; margin:auto; height:80px; padding-top:10px; font-size:14px; text-align:left ; line-height:16px;}
.sec4 .vedio_wrap_right .vedio_list .photo_m_body  .date { color:#999; display:block}
.sec4 .vedio_wrap_right .vedio_list .play_icon { position:absolute; top:40px; left:70px; z-index:10 }

.vedio_tit2 { font-size:25px; font-family:'NanumSquareB'; padding-bottom:30px; }


/**/





/*영상반응형 사이즈*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.main_banner01 { position:absolute; top:20px; right:20px; z-index:10}