@charset "utf-8";

.kyobo_bgbox{position: relative;height:315px;background: url("/resources/common/img/gudok_bg.jpg") no-repeat;background-size: cover;}
.img_wrap{padding:30px 0;text-align:center;border:1px solid #ddd;width:100%;margin-bottom:20px;}
.btns_wrap_tac li {margin-bottom:3px;}
.tabmenu li {width:15%}
.btn_link02 span {width: 150px;}

.kyobo_img2 li div {border:1px solid #ddd;text-align:center;padding:30px 0;margin:10px 0;}
.kyobo_img2 li div img {border:1px solid #e5e5e5;}
h5 {font-size:17px;margin-top:25px;font-weight:600;color:#ca0464;}

.lf-txt {position: absolute;top: 61px;left: 50px;width: 460px;color: #fff !important;}
.lf-txt2 {position: absolute;top: 61px;left: 30px;width: 460px;color: #fff !important;}
.tt {font-size: 20px;color:#fff !important;line-height: 50px;}
.btit {font-size: 40px;color:#fff !important;font-weight: 600;}

@media (max-width:900px) {
.bgbox {height:250px;background-size:cover; }
.lf-txt,.lf-txt2 {top: 30px;left: 10px;}
.btit {font-size: 35px;}
}

.btn_link04 {position:relative;display:inline-block;transition:all .25s ease;background-color:#fff;color:#fff;border:1px solid #3f3684;box-sizing:border-box;}
.btn_link04:hover, .btn_link04:focus {border:1px solid #3f3684;background-color:#fff;color:#3f3684;}
.btn_link04 span {display:block;padding:0 72px 0px 23px;height:53px;line-height:53px; color:#3f3684;}
.btn_link04 .ico {position:absolute;right:0px;top:0;padding:0;width:50px;height:53px;background-color:#3f3684;-webkit-transition:right .25s ease;transition:right .25s ease-out;}
.btn_link04:hover .ico {right:-10px;height:53px;}

.btn_link05 {position:relative;display:inline-block;transition:all .25s ease;background-color:#fff;color:#fff;border:1px solid #792a49;box-sizing:border-box;}
.btn_link05:hover, .btn_link05:focus {border:1px solid #792a49;background-color:#fff;color:#792a49;}
.btn_link05 span {display:block;padding:0 72px 0px 23px;height:53px;line-height:53px; color:#792a49;}
.btn_link05 .ico {position:absolute;right:0px;top:0;padding:0;width:50px;height:53px;background-color:#792a49;-webkit-transition:right .25s ease;transition:right .25s ease-out;}
.btn_link05:hover .ico {right:-10px;height:53px;}

.btn_link06 {position:relative;display:inline-block;transition:all .25s ease;background-color:#fff;color:#fff;border:1px solid #1a3d54;box-sizing:border-box;}
.btn_link06:hover, .btn_link06:focus {border:1px solid #1a3d54;background-color:#fff;color:#1a3d54;}
.btn_link06 span {display:block;padding:0 72px 0px 23px;height:53px;line-height:53px; color:#1a3d54;}
.btn_link06 .ico {position:absolute;right:0px;top:0;padding:0;width:50px;height:53px;background-color:#1a3d54;-webkit-transition:right .25s ease;transition:right .25s ease-out;}
.btn_link06:hover .ico {right:-10px;height:53px;}

.btn_link07 {position:relative;display:inline-block;transition:all .25s ease;background-color:#fff;color:#fff;border:1px solid #0b253e;box-sizing:border-box;}
.btn_link07:hover, .btn_link07:focus {border:1px solid #0b253e;background-color:#fff;color:#0b253e;}
.btn_link07 span {display:block;padding:0 72px 0px 23px;height:53px;line-height:53px; color:#0b253e;}
.btn_link07 .ico {position:absolute;right:0px;top:0;padding:0;width:50px;height:53px;background-color:#0b253e;-webkit-transition:right .25s ease;transition:right .25s ease-out;}
.btn_link07:hover .ico {right:-10px;height:53px;}

.btn_link08 {position:relative;display:inline-block;transition:all .25s ease;background-color:#fff;color:#fff;border:1px solid #3a59bb;box-sizing:border-box;}
.btn_link08:hover, .btn_link08:focus {border:1px solid #3a59bb;background-color:#fff;color:#3a59bb;}
.btn_link08 span {display:block;padding:0 72px 0px 23px;height:53px;line-height:53px; color:#3a59bb;}
.btn_link08 .ico {position:absolute;right:0px;top:0;padding:0;width:50px;height:53px;background-color:#3a59bb;-webkit-transition:right .25s ease;transition:right .25s ease-out;}
.btn_link07:hover .ico {right:-10px;height:53px;}

.ico_link {background:url('/resources/common/img/link_icon.gif') no-repeat 20px 19px;}
.ico_open {background:url('/resources/common/img/doc-arr4.gif') no-repeat 0 -53px;}
.ico_down {background:url('/resources/common/img/doc-arr4.gif') no-repeat 0 -106px;}