@charset"utf-8";

/* Font */
@import url(font.css);

/* Guide
----------------------------------------------------------------------------------------------------------------------------------------------------------

▶사이즈
pc : 1280px
tablet : 980px ~
mobile : 767px ~ 320px

▶미디어쿼리는 (주석으로 구분 되어있는)파트마다 각각 작성함.
*/
/* Reset
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
blockquote, body, button, code, dd, div, dl,dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, select, td, textarea, textarea, th, ul{margin:0;padding:0;font-family:'NotoSansKR',sans-serif}
dl, li, menu, ol, ul{list-style:none;color:#666}
body{font-family:'NotoSansKR',sans-serif;font-size:14px;letter-spacing:-1px;font-weight:normal;color:#666}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:focus{outline:0 !important}
iframe{border:none;width:100%}
a{font-family:'NotoSansKR',sans-serif;color:inherit;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
a:active, a:focus, a:hover{text-decoration:none !important;color:#ab7763}
img{max-width:100%}
textarea{max-width:100%;resize:none}
.hidden{font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

@media only screen and (min-width: 320px){
    body{overflow-x:hidden}
}

/* Parallax
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.parallax{background-position:0 0;background-repeat:no-repeat;background-size:100% auto;width:100%;background-size:cover;background-attachment:fixed}

/* Preloader
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.animationload{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999}
.loader{width:200px;height:200px;font-size:24px;text-align:center;position:absolute;left:50%;top:50%;background-image:url("/images/basic_resp/img/preloader.gif");background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px}

/* Back to top (탑 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.back-to-top{width:40px;height:40px;position:fixed;bottom:40px;right:20px;display:none;text-align:center;z-index:10000;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#ea2828;box-shadow:0 8px 13px rgba(0,0,0,.4)}
.back-to-top i{color:#fff;font-size:15px;display:block;line-height:33px}

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#wrapper{min-width:1280px}
#header{z-index:1000;width:100%;background:#1f1f1f}
#header > .header_in{position:relative;padding:0;margin:0 auto;width:100%;box-sizing:border-box;height:144px}
#L_SITE_LOGO{margin-top:30px;text-align:center;height:86px}
#L_SITE_LOGO h1{font-size:0;line-height:86px}
#L_SITE_LOGO img{vertical-align:middle}

@media only screen and (max-width: 1280px){
    #wrapper{min-width:320px}
    #header > div{width:100%}
}

@media only screen and (max-width: 980px){
    #header > div{height:48px}
    #header > .header_in{height:48px}
    #header > .header_in h1{line-height:48px}
    #L_SITE_LOGO{text-align:left;margin-top:0;height:48px;padding:0 15px}
    #L_SITE_LOGO a{display:inline-block;line-height:48px}
    #L_SITE_LOGO img{width:155px}
}

@media only screen and (max-width: 767px){
    #header > div{padding:0 10px;height:50px}
    #L_SITE_LOGO a{line-height:48px}
}

/* Login (로그인 메뉴)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.login_box{position:absolute;top:0;width:100%;height:30px;line-height:30px;text-align:center;background-color:#2e2e2e}
.login-menu{max-width:1228px;position:relative;margin:0 auto}
.login-menu li a{font-weight:600}

@media only screen and (min-width: 980px){
    .login-menu ul{text-align:right;line-height:0;font-size:0}
    .login-menu li:first-child{}
    .login-menu li{position:relative;display:inline-block;padding:0 20px;line-height:30px;font-size:12px}
    .login-menu li:after{content:'';position:absolute;top:10px;right:-2px;width:1px;height:11px;background-color:#232323}
    .login-menu li:after:last-child{display:none}
    .login-menu li:after:nth-child(3){display:none}
}

@media only screen and (max-width: 980px){
    #header > .login_box{display:none}
    .login-menu{position:relative;top:0;right:0}
    .login-menu ul{margin:0;padding:20px 0;text-align:center}
    .login-menu ul:after{content:"";display:block;clear:both}
    .login-menu li{float:left;margin-left:15px;width:calc(33.33% - 10px)}
    .login-menu li:first-child{margin-left:0}
    .login-menu li a{display:block;text-align:center;width:100%;line-height:30px;font-size:13px;color:#fff;border:1px solid #aaa;box-sizing:border-box}
}

/* Navigation (상단 메뉴)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#gnb{z-index:999}
.gnb-bg, .m-menu-close, .m-menu-open{display:none}
.sub-menu{display:none}
.navigation .menu-item > a{display:block;font-weight:bold;color:#ab7763;font-family:'Nanum Square';letter-spacing:0}
.navigation .menu-item{position:relative;display:inline-block;margin-left:210px}
.navigation .menu-item:first-child{margin-left:0}

@media only screen and (min-width: 980px){
    #gnb .login-menu{display:none}
    .navigation{margin-top:0;text-align:center;line-height:57px;border-top:1px solid #060606}
    .navigation .menu-item > a{padding-bottom:20px;line-height:1;font-size:18px}
    .sub-menu{z-index:999;position:absolute;top:34px;left:50%;margin-left:-100px;min-width:200px;border:1px solid #ab7763;border-top:4px solid #ab7763}
    .sub-menu li{text-align:center;line-height:64px}
    .sub-menu li:first-child{border-top:0}
    .sub-menu li a{position:relative;display:block;padding:0 15px;width:100%;box-sizing:border-box;text-align:center;line-height:64px;font-size:14px;color:#1f1f1f;background:#fff}
    .sub-menu li a:active,
    .sub-menu li a:hover{color:#533124;background:#f0d6cd}
}

@media only screen and (max-width: 1280px){
    #gnb .login-menu{display:none}
    .sub-menu ul{margin:0 auto;width:100%}
}

@media only screen and (max-width: 980px){
    #gnb{display:none;position:fixed;top:0;right:0;padding:48px 48px 0;width:100%;height:100%;box-sizing:border-box;background:#000}
    #gnb .login-menu{display:block;border-top:1px solid #1f1f1f}
    .m-menu-open{display:block;position:absolute;top:0;right:0;padding:15px 10px;width:48px;height:48px;cursor:pointer}
    .m-menu-open span{display:block;margin-top:6px;width:100%;height:2px;background:#fff}
    .m-menu-open span:first-child{margin-top:0}
    .m-menu-close{z-index:1000;display:block;position:absolute;top:0;right:0;width:48px;height:48px;cursor:pointer;padding:15px 11px}
    .m-menu-close span{position:relative;top:7px;left:0;display:block;width:25px;height:2px;background:#fff;transform:rotate(45deg)}
    .m-menu-close span:first-child{transform:rotate(-45deg);top:9px}
    .navigation{border-top:1px solid #1f1f1f}
    .navigation .menu-item{position:relative;display:block;margin-left:0;text-align:left}
    .navigation .menu-item > a{padding:0;width:100%;line-height:50px;font-size:17px;transition:none;border-bottom:1px solid #1f1f1f;color:#fff}
    .navigation .menu-item.on > a{}
    .sub-menu{width:100%;background:#121212}
    .sub-menu li{border-bottom:1px solid #080808}
    .sub-menu li a{display:block;padding:0 20px;line-height:40px;font-size:13px;color:#fff}
    .sub-menu li a:before{display:inline-block;content:"";position:relative;top:-4px;margin-right:7px;width:5px;height:1px;background:#fff}
    .gnb-bg{z-index:888;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
}

/* Button (공통 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.btn{font-family:'NotoSansKR',sans-serif;text-transform:uppercase;border-radius:0;line-height:24px}
.btn:active, .btn:focus{outline:none;color:#fff}
.btn-custom{border-radius:3px;padding:0.8em 1.8em;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;text-transform:uppercase;background-color:#3d427c;border-color:#3d427c;color:#fff}
.btn-custom:focus, .btn-custom:hover{background-color:#36384e;border-color:#36384e;color:#fff}
.btn-custom-outline{border-radius:3px;padding:0.8em 1.8em;color:#fff;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;text-transform:uppercase;background-color:transparent;border-color:#fff}
.btn-custom-outline:focus, .btn-custom-outline:hover{color:#fff;background-color:rgba(255,255,255,.5)}
.btn-bar a{margin-right:10px}
.form-control{box-shadow:none;-webkit-box-shadow:none;border-radius:3px;height:38px}
.form-control:focus{outline:none;box-shadow:none;-webkit-box-shadow:none;border-color:#ab7763}

/* Footer (하단메시지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer{width:100%;background-color:#050505}
.footer-area{margin:0 auto;width:100%;box-sizing:border-box;text-align:center}
#footer li, #footer p{font-size:14px;letter-spacing:0;color:#838383;line-height:1.6}
.footer-menu{height:60px;line-height:60px;border-bottom:1px solid #212121}
.footer-menu li{display:inline-block;margin-left:10px;padding-left:10px;line-height:10px;border-left:1px solid #212121}
.footer-menu li:first-child{margin-left:0;padding-left:0;border-left:0}
.footer-menu li a{line-height:10px;font-size:14px;color:#838383;font-family:'NotoSansKR',sans-serif}
.footer-contact{height:60px;line-height:60px}
.footer-contact li{display:inline;margin-left:30px}
.footer-contact li:first-child{margin-left:0}
.footer-contact li i.fa{font-size:14px;margin-right:5px}
.footer-contact li a{font-size:14px}
.footer-info{padding:30px 0;line-height:20px;border-top:1px solid #212121;}
.footer-info span{color:#212121}
.footer-info span.footer-logo{display:inline-block;margin-bottom:17px}

@media only screen and (max-width:1280px){
    .footer-area{width:100%}
}

@media only screen and (max-width:980px){
    .footer-area{padding:0 20px;box-sizing:border-box}
    .footer-menu{text-align:center}
    .footer-info{text-align:center}
    .footer-info + p{text-align:center}
}

@media only screen and (max-width:767px){
    .footer-area{padding:0 15px}
    .footer-menu li{margin-left:5px;padding-left:5px}
    .footer-menu li a{font-size:12px}
    .footer-contact{display:inline-block;padding:10px 0;height:inherit;line-height:25px;text-align:left}
    .footer-contact li{display:block;margin-left:0}
    .footer-contact li a{font-size:12px}
    .footer-contact li i.fa{width:20px}
    .footer-info{font-size:11px !important;letter-spacing:-1px !important}
    .footer-info a{display:none}
}

/* Main Visual (메인이미지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.carousel-inner > .item{height:800px}
.carousel-inner > .item.main-img01{background:url("/images/kor05r-18-0407/main/main_visual01.jpg") no-repeat center center/cover}
.carousel-inner > .item.main-img02{background:url("/images/kor05r-18-0407/main/main_visual02.jpg") no-repeat center center/cover}
.carousel-inner > .item.main-img03{background:url("/images/kor05r-18-0407/main/main_visual01.jpg") no-repeat center center/cover}
.main-visual .carousel-caption{top:35%;bottom:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:left;text-shadow:none}
.main-visual .carousel-caption .slogan{display:inline-block;font-family:'Nanum Square'}
.main-visual .carousel-caption p{display:block;color:#1d1310;font-size:38px;letter-spacing:-1px;}
.main-visual .carousel-caption strong{font-size:60px;color:#1d1310;line-height:70px;display:block;letter-spacing:-2px;font-weight:900;}
.main-visual .carousel-caption span{display:block;color:#1d1310;font-size:16px;font-weight:400;font-family:'NotoSansKR';line-height:24px;letter-spacing:0}
.main-visual .carousel-control{background:none;text-shadow:none}
.main-visual .carousel-control, .main-visual .carousel-control:focus, .main-visual .carousel-control:hover{opacity:1}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{width:85px;height:85px;right:20%}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{width:85px;height:85px;left:20%}
.main-visual .glyphicon-chevron-left:before, .main-visual .glyphicon-chevron-right:before{content:"";display:block;width:85px;height:85px;border:1px solid #1b1b1b}
.main-visual .glyphicon-chevron-left:before{background:url("/images/kor05r-18-0407/main/prev_btn.png") no-repeat center center}
.main-visual .glyphicon-chevron-right:before{background:url("/images/kor05r-18-0407/main/next_btn.png") no-repeat center center}
.carousel-indicators{bottom:17%}
.carousel-indicators li{margin:5px;width:15px;height:15px;background:none;border:0;border:3px solid #fff}
.carousel-indicators .active{margin:5px;width:30px;height:15px;background:#fff;box-sizing:border-box}

@media screen and (min-width:980px){
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next, .carousel-control .icon-prev{margin-top:-42.5px}
}

@media screen and (max-width:980px){
    .carousel-inner > .item{height:680px}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{width:60px;height:60px}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{margin-top:-30px}
    .main-visual .glyphicon-chevron-left:before, .main-visual .glyphicon-chevron-right:before{width:60px;height:60px;background-size:16px}
}

@media screen and (max-width:767px){
    .carousel-inner > .item{height:450px}
    .carousel-control{display:none}
    .carousel-indicators{bottom:30px}
    .main-visual .carousel-caption{top:25%;left:5%;right:5%}
    .main-visual .carousel-caption p{font-size:24px}
    .main-visual .carousel-caption strong{font-size:44px;line-height:1.2}
    .main-visual .carousel-caption span{font-size:13px;line-height:21px;letter-spacing:-1px}
    .main-visual .glyphicon-chevron-left:before, .main-visual .glyphicon-chevron-right:before{width:40px;height:40px;background-size:12px}
}

/* Main Contents (메인 컨텐츠)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.main-contents{background:#fff;padding-bottom:40px}
.main-contents .quick-bar{position:relative;top:-80px;height:80px;line-height:78px;background:rgba(81,30,14,0.46);border-top:1px solid #60453b;border-bottom:1px solid #47312b}
.main-contents .quick-bar ul{position:absolute;left:50%;padding:0;margin:0 auto;width:1200px;margin-left:-600px;text-align:center}
.main-contents .quick-bar li{display:inline-block;float:left;width:33.3%;text-align:center;border-right:1px solid #60453b}
.main-contents .quick-bar li a{font-size:18px;color:#e5e5e5;display:block;height:100%}
.main-contents .quick-bar li a:hover{background-color:rgb(81,30,14,0.4)}
.main-contents .quick-bar li img{display:block;padding-bottom:20px;margin:0 auto}
.main-contents .quick-bar li:first-child{border-left:1px solid #60453b}
.main-contents .content-area{position:relative;display:block;top:-20px;width:100%;max-width:1228px;padding:0;margin:0 auto}
.main-contents .content-area:after{content:"";display:block;clear:both}
.main-contents .content-area .main_banner{height:440px;padding:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
.main-contents .content-area .main_banner .bn_in{position:relative;height:100%;min-height:440px;padding:0}
.main-contents .content-area .main_banner .bn_in:before{content:'';width:100px;height:1px;background-color:#47312b;right:-50px;top:50%;z-index:999;position:absolute;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
.main-contents .content-area .main_banner .bn_in.pull-right:before{left:-50px}
.main-contents .content-area .main_banner .bn_in .bn_pic{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.main-contents .content-area .main_banner .bn_in .bn_pic ._in{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;transform:scale(1.0);-webkit-transform:scale(1.0);-o-transform:scale(1.0);-ms-transform:scale(1.0);-moz-transform:scale(1.0);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}
.main-contents .content-area .main_banner.bn_1 .bn_in .bn_pic ._in img,
.main-contents .content-area .main_banner.bn_2 .bn_in .bn_pic ._in img{display:none}
.main-contents .content-area .main_banner.bn_1 .bn_in .bn_pic ._in{background:url("/images/kor05r-18-0407/main/main_banner_img_1.jpg") no-repeat center}
.main-contents .content-area .main_banner.bn_2 .bn_in .bn_pic ._in{background:url("/images/kor05r-18-0407/main/main_banner_img_2.jpg") no-repeat center}
.main-contents .content-area .main_banner .bn_in .bdr_box_w{position:absolute;opacity:0;top:0;left:0;display:inline-block;width:100%;height:100%;z-index:100}
.main-contents .content-area .main_banner .bn_in .bdr_box_w ._bottom,
.main-contents .content-area .main_banner .bn_in .bdr_box_w ._top{display:inline-block;height:30px;width:0;background:#fff;position:absolute;z-index:1}
.main-contents .content-area .main_banner .bn_in .bdr_box_w ._left,
.main-contents .content-area .main_banner .bn_in .bdr_box_w ._right{display:inline-block;width:30px;height:0;background:#fff;position:absolute;z-index:1}
.main-contents .content-area .main_banner:hover .bn_in .bn_pic ._in{transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1)}
.main-contents .content-area .main_banner:hover .bn_in .bdr_box_w ._top{transition:width 0.15s ease-out 0.1s;-webkit-transition:width 0.15s ease-out 0.1s;-moz-transition:transition:width 0.15s ease-out 0.1s;width:100%;top:0}
.main-contents .content-area .main_banner:hover .bn_in .bdr_box_w ._right{transition:height 0.15s ease-out 0.25s;-webkit-transition:height 0.15s ease-out 0.25s;-moz-transition:height 0.15s ease-out 0.25s;height:100%;top:0;right:0}
.main-contents .content-area .main_banner:hover .bn_in .bdr_box_w ._bottom{transition:width 0.15s ease-out 0.35s;-webkit-transition:width 0.15s ease-out 0.35s;-moz-transition:width 0.15s ease-out 0.35s;width:100%;right:0;bottom:0}
.main-contents .content-area .main_banner:hover .bn_in .bdr_box_w ._left{transition:height 0.15s ease-out 0.45s;-webkit-transition:height 0.15s ease-out 0.45s;-moz-transition:height 0.15s ease-out 0.45s;height:100%;bottom:0;left:0}
.main-contents .content-area .main_banner:hover .bdr_box_w{opacity:1}
.main-contents .content-area .main_banner .bn_txt{background-color:#ebd3ca;display:table;height:100%;min-height:300px}
.main-contents .content-area .main_banner .bn_txt > div{vertical-align:middle;display:table-cell;text-align:center}
.main-contents .content-area .main_banner .bn_txt > div h3{color:#1f1f1f;font-size:40px;font-family:'Nanum Square';margin-bottom:2em}
.main-contents .content-area .main_banner .bn_txt > div span{display:block;color:#1f1f1f;font-size:18px;font-family:'Nanum Square';line-height:23px;margin:20px auto;width:100%;max-width:260px}
.main-contents .content-area .main_banner .bn_txt > div a{position:relative;display:block;color:#1f1f1f;font-size:18px;font-weight:bold;text-decoration:none;border-bottom:2px solid #000;max-width:60px;text-align:left;margin:0 auto;line-height:23px}
.main-contents .content-area .main_banner .bn_txt > div a:after{content:'';position:absolute;top:6px;right:0;width:5px;height:9px;background:url("/images/kor05r-18-0407/common/ico_btn_arrow.png") no-repeat}
.main-contents .content-area .main_banner:hover .bn_txt{background-color:#f7e7ad;transition:all .15s ease-out .6s;-webkit-transition:all .15s ease-out .6s;-moz-transition:all .15s ease-out .6s}
.main-contents .txt-area{position:relative;padding:35px 50px 0 18px}
.main-contents .txt-area:before{position:absolute;top:0;left:0;content:"";display:block;width:110px;height:5px;background:#3d427c}
.main-contents .txt-area p{font-family:'Nanum Square';line-height:1.7;font-size:20px;color:#2b2b2b}
.main-contents .txt-area p:nth-of-type(2){font-family:'Nanum Myeongjo';margin-top:20px;font-size:17px;color:#929292}
.main-contents .txt-area .btn-more{position:absolute;bottom:5px;right:50px;display:inline-block;padding:0 15px;width:160px;height:47px;line-height:47px;font-size:15px;color:#fff;background:#3d427c;border:1px solid #3d427c}
.main-contents .txt-area .btn-more span{float:right;font-size:20px}
.main-contents .txt-area .btn-more:hover,
.txt-area .btn-more:active{color:#3d427c;background:none}

@media screen and (max-width:1280px){
    .main-contents .quick-bar ul{width:100%;margin:0 auto;left:0}
    .main-contents .content-area{padding:0 30px;width:100%;top:-20px}
    .main-contents .content-area{width:100%}
    .main-contents .content-area .main_banner .bn_in:before{width:50px;right:-25px}
    .main-contents .content-area .main_banner .bn_in.pull-right:before{left:-25px}
}

@media screen and (max-width:980px){
    .main-contents .content-area{display:block;padding:0 20px;margin:0 auto}
    .main-contents .content-area .main_banner .bn_txt > div span{max-width:162px}
    .main-contents .quick-bar ul{padding:1px}
    .main-contents .quick-bar ul:after{content:"";display:block;clear:both}
    .main-contents .quick-bar li a{display:block;padding:0 15px;height:76px;line-height:76px;color:#fff}
    .main-contents .quick-bar li a:hover, .quick-bar li a:active{}
    .main-contents .quick-bar li img{display:inline-block;padding:0 25px 0 0}
}

@media screen and (max-width:767px){
    .main-contents{padding-bottom:0}
    .main-contents .quick-bar{position:static;height:auto}
    .main-contents .quick-bar ul{position:relative;padding:0}
    .main-contents .quick-bar li{display:inline;border-right:none;border-left:1px solid #60453b}
    .main-contents .quick-bar li:first-child{border-left:none}
    .main-contents .quick-bar li a{padding:0 10px;height:50px;line-height:50px;font-size:15px}
    .main-contents .quick-bar li img{padding:0 15px 0 0;width:33px}
    .main-contents .content-area{padding:30px;top:0}
    .main-contents .content-area > div{display:block;width:100%}
.main-contents .content-area .main_banner.bn_1 .bn_in .bn_pic ._in img,
.main-contents .content-area .main_banner.bn_2 .bn_in .bn_pic ._in img{display:block;width:100%}
.main-contents .content-area .main_banner .bn_in .bn_pic{overflow: visible;height:auto;position:relative;}
.main-contents .content-area .main_banner .bn_in .bn_pic ._in{overflow:visible;height:auto;position:relative;}
.main-contents .content-area .main_banner.bn_1 .bn_in .bn_pic ._in,
.main-contents .content-area .main_banner.bn_2 .bn_in .bn_pic ._in{background:none;}

    .main-contents .content-area .main_banner{height:auto;display:block;margin-top:30px}
    .main-contents .content-area .main_banner:hover{box-shadow:0 14px 18px rgba(102,102,102,.3);transition:all .2s ease-out .7s;-webkit-transition:all .2s ease-out .7s;-moz-transition:all .2s ease-out .7s}
.main-contents .content-area .main_banner .bn_in {min-height:50px;height:auto}
.main-contents .content-area .main_banner:hover .bn_in .bn_pic ._in{transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1)}
.main-contents .content-area .main_banner:hover .bdr_box_w{opacity:0}    
.main-contents .content-area .main_banner:first-child{margin-top:0}
    .main-contents .content-area .main_banner .bn_in:before{display:none}
    .main-contents .content-area .main_banner .bn_in .bdr_box_w ._bottom,
    .main-contents .content-area .main_banner .bn_in .bdr_box_w ._top{width:0;height:10px}
    .main-contents .content-area .main_banner .bn_in .bdr_box_w ._left,
    .main-contents .content-area .main_banner .bn_in .bdr_box_w ._right{width:10px;height:0}
.main-contents .content-area .main_banner .bn_in .bdr_box_w{height:auto}
    .main-contents .txt-area{margin-bottom:15px;padding:20px;text-align:center;border:1px solid #9194bf}
    .main-contents .txt-area:before{position:static;margin:0 auto 20px;width:15px;height:15px;transform:rotate(45deg)}
.main-contents .content-area .main_banner .bn_txt{min-height:150px}
.main-contents .content-area .main_banner .bn_txt > div h3{font-size:28px;margin-bottom:.75em}
.main-contents .content-area .main_banner .bn_txt > div a{font-size:16px}
    .main-contents .txt-area p{line-height:1.5;font-size:16px}
    .main-contents .txt-area p:nth-of-type(2){margin:15px 0;font-size:15px}
    .main-contents .txt-area .btn-more{position:static;bottom:0;right:0;display:block;width:100%;text-align:center}
}