#main_slider {position:relative; overflow: hidden; background: url() repeat; } #main_slider .m_b_go {position: absolute; width:100%; bottom:5%; text-align:center; z-index:999;} #main_slider .main-slider-wrap { position: relative; margin: 0 auto; height: 980px; width: 1px; } #main_slider .flexslider { position: absolute; left: -986px; width: 1972px; height: 980px; margin: 0; border: 0; border-radius: 0; } #main_slider .flexslider .slides > li { position: relative; } #main_slider .flexslider .slides > li .text-content { position: absolute; top: 40%; width: 100%; text-align: center; color: #fff; } #main_slider .flexslider .slides > li .text-content .heading { font-weight: normal; font-size: 45px; line-height:150%; } #main_slider .flexslider .slides > li .text-content .sub-heading { /*margin: 12px 0 16px;*/ font-size: 34px; } #main_slider .flexslider .slides > li .text-content .excerpt { font-size: 16px; padding-top:40px;} #main_slider .flexslider .slides > li .image { width: 1972px; height: 980px; background-position: center; background-repeat: no-repeat; } #main_slider .flexslider .flex-pauseplay { position: absolute; width: auto; height: 12px; right: 0; bottom: 30%; left: 0; text-align: center; } #main_slider .flexslider .flex-pauseplay > a { position: relative; display: inline-block; width: 8px; height: 12px; margin-bottom: 2px; right: 2px; bottom: auto; left: auto; opacity: 1; vertical-align: middle; } #main_slider .flexslider .flex-pauseplay > a:before { content: ''; width: 100%; height: 100%; } #main_slider .flexslider .flex-pauseplay > a.flex-pause { background: url(../images/btns/main_slider_pause.png) no-repeat; } #main_slider .flexslider .flex-pauseplay > a.flex-play { background: url(../images/btns/main_slider_play.png) no-repeat; } #main_slider .flexslider .flex-control-nav { position: relative; display: inline-block; width: auto; bottom: 0; margin-right: 6px; } #main_slider .flexslider .flex-control-nav > li { margin: 0 0 0 5px; } #main_slider .flexslider .flex-control-nav > li > a { position: relative; width: 10px; height: 10px; bottom: 0; left: auto; border-radius: 10px; background: #fff; opacity: 1; } #main_slider .flexslider .flex-control-nav > li > a.flex-active { background: #ffc052; width: 36px; } #main_slider .flexslider .flex-direction-nav { position: absolute; width: 1180px; height: 0; margin: 0px auto auto; top: 50%; right: 0; bottom: 0; left: 0; } #main_slider .flexslider .flex-direction-nav a { margin: 0; width: 29px; height: 48px; top: 0; opacity: 1; } #main_slider .flexslider .flex-direction-nav a:before { content: ''; width: 100%; height: 100%; } #main_slider .flexslider .flex-direction-nav .flex-prev { left: 0; background: url(../images/btns/main_slider_prev.png) no-repeat; } #main_slider .flexslider .flex-direction-nav .flex-prev:hover { background-image: url(../images/btns/main_slider_prev_hover.png); } #main_slider .flexslider .flex-direction-nav .flex-next { right: 0; background: url(../images/btns/main_slider_next.png) no-repeat; } #main_slider .flexslider .flex-direction-nav .flex-next:hover { background-image: url(../images/btns/main_slider_next_hover.png); } #notice { overflow: hidden; height: 55px; margin-bottom: 15px; border-bottom: 1px solid #d1d1d1; background: #fff; font-size: 15px; } #notice .notice-wrap { display: table; width: 100%; margin-top: 19px; } #notice .notice-wrap .heading, #notice .notice-wrap .notice-list { display: table-cell; vertical-align: top; } #notice .notice-wrap .heading { width: 100px; font-weight: 700; color: #000; } #notice .flexslider { margin: 0; border: 0; border-radius: 0; } #notice .flexslider .slides > li { overflow: hidden; padding-right: 88px; color: #666; } #notice .flexslider .slides > li a { color: #666; text-decoration: none; } #notice .flexslider .slides > li .date { float: right; } #notice .flexslider .flex-direction-nav { position: absolute; margin: 0; top: -19px; right: 0; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #notice .flexslider .flex-direction-nav a { position: relative; margin: 0; width: 35px; height: 27px; top: 0; left: 0; opacity: 1; } #notice .flexslider .flex-direction-nav a:before { content: ''; width: 100%; height: 100%; } #notice .flexslider .flex-direction-nav .flex-prev { height: 28px; background: url(../images/btns/notice_prev.png) 50% 14px no-repeat; } #notice .flexslider .flex-direction-nav .flex-next { background: url(../images/btns/notice_next.png) 50% 8px no-repeat; } #sns_btns { position: relative; } #sns_btns.flexslider { height: 20px; margin: 0; border: 0; border-radius: 0; } #sns_btns.flexslider .slides > li img { width: auto; } #sns_btns.flexslider .flex-direction-nav .flex-prev { display: none; } #sns_btns.flexslider .flex-direction-nav .flex-next { overflow: hidden; width: 7px; height: 11px; margin: 0; top: 12px; right: 26px; opacity: 1 !important; z-index: 1; } #sns_btns.flexslider .flex-direction-nav .flex-next:before { content: url(../images/btns/sns_btns_next.png); display: block; } #slider_01.flexslider { width: 100%; height: 280px; margin: 0; border: 0; border-radius: 0; } #slider_01.flexslider .slides > li { position: relative; height: 280px; overflow: hidden; } #slider_01.flexslider .slides > li .caption { position: absolute; width: 100%; height: 58px; padding-top: 14px; bottom: 0; box-sizing: border-box; color: #fff; font-size: 14px; text-align: center; background: rgba(2, 36, 99, 0.8); } #slider_01.flexslider .controls-container { position: absolute; height: 10px; z-index: 1000; right: 11px; bottom: 10px; } #slider_01.flexslider .controls-container .show-more { overflow: hidden; position: relative; float: right; width: 10px; height: 10px; margin-left: 9px; } #slider_01.flexslider .controls-container .show-more:before, #slider_01.flexslider .controls-container .show-more:after { background: #fff; content: ''; display: block; } #slider_01.flexslider .controls-container .show-more:before { width: 2px; height: 10px; margin: 0 0 100px 4px; } #slider_01.flexslider .controls-container .show-more:after { position: absolute; width: 10px; height: 2px; top: 4px; left: 0; } #slider_01.flexslider .flex-pauseplay { position: absolute; width: auto; height: 12px; top: 0; left: 12px; text-align: center; } #slider_01.flexslider .flex-pauseplay > a { position: relative; display: inline-block; width: 8px; height: 10px; top: 0; bottom: auto; left: 0; vertical-align: middle; } #slider_01.flexslider .flex-pauseplay > a:before { content: ''; width: 100%; height: 100%; } #slider_01.flexslider .flex-pauseplay > a.flex-pause { background: url(../images/btns/slider_01_pause.png) no-repeat; } #slider_01.flexslider .flex-pauseplay > a.flex-play { background: url(../images/btns/slider_01_play.png) no-repeat; } #slider_01.flexslider .flex-direction-nav { float: left; } #slider_01.flexslider .flex-direction-nav li { float: left; } #slider_01.flexslider .flex-direction-nav li.flex-nav-next { margin-left: 19px; } #slider_01.flexslider .flex-direction-nav a { position: relative; margin: 0; width: 6px; height: 10px; opacity: 1; } #slider_01.flexslider .flex-direction-nav a:before { content: ''; width: 100%; height: 100%; } #slider_01.flexslider .flex-direction-nav .flex-prev { left: 0; background: url(../images/btns/slider_01_prev.png) no-repeat; } #slider_01.flexslider .flex-direction-nav .flex-next { right: 0; background: url(../images/btns/slider_01_next.png) no-repeat; } #slider_02 { position: relative; } #slider_02 .blk-heading { padding-right: 18px !important; } #slider_02 .blk-heading .btns-right, #slider_03 .blk-heading .btns-right { margin-top: -3px; float: right; } /* 더보기 */ #slider_02 .blk-heading .page { float: left; margin-right: 46px; } #slider_02 .blk-heading .show-more, #slider_03 .blk-heading .show-more { overflow: hidden; float: left; width: 17px; height: 17px; border: 1px solid #d1d1d1; text-indent: -999px; background: url(../images/btns/btn_show_more.png) 50% no-repeat; } /* 더보기 */ #slider_02 .slider-wrap { margin: 0 19px; } #slider_02 .flexslider { margin: 0; border: 0; border-radius: 0; } #slider_02 .flexslider.slider { height: 185px; } #slider_02 .flexslider.slider .slides > li { position: relative; } #slider_02 .flexslider.slider .slides > li > .caption { position: absolute; bottom: 0; width: 100%; padding: 11px 0; background: rgba(5, 32, 84, 0.9); color: #fff; font-size: 15px; font-weight: 700; text-align: center; } #slider_02 .flexslider.slider .flex-direction-nav { position: absolute; top: -36px; right: 17px; } #slider_02 .flexslider.slider .flex-direction-nav li { float: left; } #slider_02 .flexslider.slider .flex-direction-nav li.flex-nav-next { margin-left: -1px; } #slider_02 .flexslider.slider .flex-direction-nav a { position: relative; margin: 0; width: 17px; height: 17px; border: 1px solid #d1d1d1; opacity: 1 !important; z-index: 1; } #slider_02 .flexslider.slider .flex-direction-nav a:before { content: ''; width: 100%; height: 100%; } #slider_02 .flexslider.slider .flex-direction-nav .flex-prev { left: 0; background: url(../images/btns/slider_02_prev.png) 50% no-repeat; } #slider_02 .flexslider.slider .flex-direction-nav .flex-next { right: 0; background: url(../images/btns/slider_02_next.png) 50% no-repeat; } #slider_02 .flexslider.carousel { margin: 10px 0; } #slider_02 .flexslider.carousel .slides > li { background: #000; cursor: pointer; } #slider_02 .flexslider.carousel .slides > li img { opacity: 0.5; } #slider_02 .flexslider.carousel .slides > li.flex-active-slide > img { opacity: 1; } #slider_03 .slider-wrap { display: table; width: 100%; } #slider_03 .slider-wrap .flexslider, #slider_03 .slider-wrap .menu { display: table-cell; vertical-align: top; } #slider_03 .flexslider { margin: 0; border: 0; border-radius: 0; } #slider_03 .flexslider .slides > li { height: 323px; overflow: hidden; } #slider_03 .flexslider .slides > li > img { height: 100%; } #slider_03 .menu { width: 182px; } #slider_03 .menu > li a { display: block; padding: 20px 0 20px 40px; height: 13px; text-decoration: none; font-size: 13px; color: #000; border: 1px solid #d1d1d1; border-top: 0; background: #fff url(../images/bul/bul_01.png) 16px 22px no-repeat; } #slider_03 .menu > li a.flex-active { background-color: #052054; background-image: url(../images/bul/bul_01_on.png); color: #fff; border-color: #052054; } #slider_03 .menu > li:first-child > a { height: 12px; border-top: 1px solid #d1d1d1; } #slider_03 .menu > li:first-child > a.flex-active { border-color: #052054; } #slider_03 .menu > li:first-child + li > a { height: 12px; } #bulletin_slider.flexslider { width: 100%; height: 458px; margin: 0; border: 0; border-radius: 0; } #bulletin_slider.flexslider .slides > li { height: 458px; overflow: hidden; } #bulletin_slider.flexslider .controls-container { position: absolute; height: 56px; z-index: 1000; right: 0; bottom: 0; left: 0; background: rgba(2, 36, 99, 0.95); } #bulletin_slider.flexslider .controls-container .page { display: inline-block; margin: 23px 0 0 20px; font-size: 13px; font-weight: 700; color: #fff; } #bulletin_slider.flexslider .controls-container .show-more { overflow: hidden; position: relative; float: right; width: 10px; height: 10px; margin: 24px 24px 0 0; z-index: 1; } #bulletin_slider.flexslider .controls-container .show-more:before, #bulletin_slider.flexslider .controls-container .show-more:after { background: #fff; content: ''; display: block; } #bulletin_slider.flexslider .controls-container .show-more:before { width: 2px; height: 10px; margin: 0 0 100px 4px; } #bulletin_slider.flexslider .controls-container .show-more:after { position: absolute; width: 10px; height: 2px; top: 4px; left: 0; } #bulletin_slider.flexslider .flex-pauseplay { position: absolute; width: auto; height: 12px; right: 56px; bottom: 20px; text-align: center; } #bulletin_slider.flexslider .flex-pauseplay > a { position: relative; display: inline-block; width: 8px; height: 10px; top: 0; bottom: auto; left: 0; vertical-align: middle; } #bulletin_slider.flexslider .flex-pauseplay > a:before { content: ''; width: 100%; height: 100%; } #bulletin_slider.flexslider .flex-pauseplay > a.flex-pause { background: url(../images/btns/slider_01_pause.png) no-repeat; } #bulletin_slider.flexslider .flex-pauseplay > a.flex-play { background: url(../images/btns/slider_01_play.png) no-repeat; } #bulletin_slider.flexslider .flex-control-nav { bottom: 22px; } #bulletin_slider.flexslider .flex-control-nav > li { margin: 0; } #bulletin_slider.flexslider .flex-control-nav > li + li { margin-left: 5px; } #bulletin_slider.flexslider .flex-control-nav > li a { background: #fff; } #bulletin_slider.flexslider .flex-control-nav > li a.flex-active { background: #ffc052; } #bulletin_slider.flexslider .flex-direction-nav { position: absolute; right: 44px; bottom: 22px; } #bulletin_slider.flexslider .flex-direction-nav li { float: left; } #bulletin_slider.flexslider .flex-direction-nav li.flex-nav-next { margin-left: 19px; } #bulletin_slider.flexslider .flex-direction-nav a { position: relative; margin: 0; width: 6px; height: 10px; opacity: 1; } #bulletin_slider.flexslider .flex-direction-nav a:before { content: ''; width: 100%; height: 100%; } #bulletin_slider.flexslider .flex-direction-nav .flex-prev { left: 0; background: url(../images/btns/slider_01_prev.png) no-repeat; } #bulletin_slider.flexslider .flex-direction-nav .flex-next { right: 0; background: url(../images/btns/slider_01_next.png) no-repeat; } #banner_slider { margin-top: 15px; padding: 33px 30px 35px 44px; border: 1px solid #d1d1d1; background: #fff; } #banner_slider .banner-wrap { display: table; width: 100%; } #banner_slider .banner-wrap .flexslider, #banner_slider .banner-wrap .controls-container { display: table-cell; vertical-align: top; } #banner_slider .flexslider { height: 40px; margin: 0; border: 0; border-radius: 0; } #banner_slider .flexslider .slides > li > img { max-width: 100%; width: auto; } #banner_slider .controls-container { width: 91px; padding: 12px 0 0 46px; } #banner_slider .controls-container .show-more { overflow: hidden; float: right; width: 17px; height: 17px; border: 1px solid #d1d1d1; text-indent: -999px; background: url(../images/btns/btn_show_more.png) 50% no-repeat; } #banner_slider .controls-container .flex-pauseplay a { position: relative; top: 0; left: 0; } #banner_slider .controls-container .flex-pauseplay a { width: 35px; height: 17px; opacity: 1; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; } #banner_slider .controls-container .flex-pauseplay a:before { content: url("../images/btns/banner_slider_pause_play.jpg"); } #banner_slider .controls-container .flex-direction-nav { position: relative; } #banner_slider .controls-container .flex-direction-nav li { float: left; } #banner_slider .controls-container .flex-direction-nav li.flex-nav-next { margin-left: -1px; } #banner_slider .controls-container .flex-direction-nav a { position: relative; margin: 0; width: 17px; height: 17px; border: 1px solid #d1d1d1; opacity: 1 !important; z-index: 1; } #banner_slider .controls-container .flex-direction-nav a:before { content: ''; width: 100%; height: 100%; } #banner_slider .controls-container .flex-direction-nav .flex-prev { left: 0; background: url(../images/btns/slider_02_prev.png) 50% no-repeat; } #banner_slider .controls-container .flex-direction-nav .flex-next { right: 0; background: url(../images/btns/slider_02_next.png) 50% no-repeat; } /* 배너*/ .main_banner {position:absolute; width:100%; top:630px; } .main_banner ul {position:relative; max-width:1180px; margin:0 auto;} .main_banner ul li {float:left; width:25%; font-size:18px; font-weight:bold; text-align:center; color:#fff;} .main_banner ul li a {display:block; padding:53px 94px; width:109px; height:134px; text-decoration:none; color:#fff;} .main_banner ul li span {position:absolute; top:160px; display:block; padding:9px 27px; width:50px; height:12px; font-size:13px; font-weight:normal; border:1px solid #fff;} .main_banner ul li .kk{position:absolute; top:160px; display:block; padding:9px 27px; width:50px; height:12px; font-size:13px; font-weight:normal; border:1px solid #fff;} .main_banner .main-banner-01 {float:left; width:295px; height:240px; background:url(../img/main_banner_01.jpg) no-repeat;} .main_banner .main-banner-02 {float:left; width:295px; height:240px; background:url(../img/main_banner_02.jpg) no-repeat;} .main_banner .main-banner-03 {float:left; width:295px; height:240px; background:url(../img/main_banner_03.jpg) no-repeat;} .main_banner .main-banner-04 {float:left; width:295px; height:240px; background:url(../img/main_banner_04.jpg) no-repeat;} .biz_banner {width:100%; background:url(../img/main2_01.jpg) no-repeat center top; padding-top:8%; padding-bottom:4%;} .biz_banner ul {margin:0 auto; padding:59px 0 0 0; max-width:1180px; height:537px;} .biz_banner ul li {position:relative; float:left; width:25%; font-size:18px; font-weight:bold; text-align:center; background-color:#fff; color:#000; border:1px solid #ccc;} .biz_banner ul li a {display:block; padding:70px 40px; width:230px; height:134px; text-decoration:none; color:#000;} .biz_banner ul li span {position:absolute; margin-left:52px; top:160px; display:block; padding:9px 27px; width:50px; height:12px; font-size:13px; color:#666; font-weight:normal; border:1px solid #666;} .biz_banner .biz-banner-01 {padding-top:92px; width:293px; height:146px; border-bottom:0; background-color:#262626; font-size:13px; color:#ccc !important;} .biz_banner .biz-banner-01 .biz-banner-tit {margin-top:15px; color:#fff; font-size:30px; text-align:center;} .biz_banner .biz-banner-02 {width:293px; height:238px; border-left:0; border-bottom:0;} .biz_banner .biz-banner-03 {width:293px; height:238px; border-left:0; border-bottom:0;} .biz_banner .biz-banner-04 {width:293px; height:238px; border-left:0; border-bottom:0;} .biz_banner .biz-banner-05 {width:293px; height:238px;} .biz_banner .biz-banner-06 {width:293px; height:238px; border-left:0;} .biz_banner .biz-banner-07 {width:293px; height:238px; border-left:0;} .biz_banner .biz-banner-08 {width:293px; height:238px; border-left:0;} .biz_banner .biz-banner-08 > a {width:200px;} .biz_banner .biz_title {font-size:35px; font-weight:bold; text-align:center; padding-bottom:20px; } .biz_banner .biz_title2 {font-size:15px; line-height:160%; text-align:center;} .biz_banner .biz_wraps {max-width:1200px; margin:3% auto; overflow:hidden;} .biz_01_img {float:left; width:100%;} .biz_01_img img {max-width:100%; width:100%;} .biz_01_t_wrap {float:left; width:100%; padding:10%; box-sizing: border-box; border-left:1px solid #efefef; border-right:1px solid #efefef; border-bottom:1px solid #efefef; background:#fff;} .biz_01_t_01 {float:left; width:100%; font-size:18px; font-weight:bold; text-align:left;} .biz_01_t_02 {float:left; width:100%; font-size:13px; color:#999999; padding-top:20px; min-height:30px;} .biz_01_t_03 {float:left; width:100%; font-size:12px; padding-top:30px;} .biz_01_t_03 a {color:#000; text-decoration:none;} .biz_banner .biz_01 {float:left; width:33.33%;} .wide_banner_01 {position:relative; width:100%; background:url(../img/main3_01.jpg) no-repeat center top; background-size:cover;} .wide_banner_01 .wb-text-content {margin:0 auto;} .wide_banner_01 .wb-text-content .wb-text-con-01 {padding-top:6%; width:100%; padding-bottom:29px; text-align:center; font-size:45px; font-weight:bold; color:#fff;} .wide_banner_01 .wb-text-content .wb-text-con-02 {padding-bottom:6%; width:50%; margin:0 auto; text-align:center; line-height:160%; font-size:16px; font-weight:bold; color:#fff;} .wrap_wide {position:relative;} #container { background: url() repeat; } #container .content .row { overflow: hidden; } #container .content .row .block { float: left; box-sizing: border-box; background: #fff; } #container .content .row .block + .block { margin-left: 15px; } #container .content .row .block .blk-heading { padding: 30px 30px 0px 30px; font-size: 15px; font-weight: 700; } #container .content .row .block.blk1, #container .content .row .block.blk2, #container .content .row .block.blk3 { min-height: 510px; } #container .content .row .block.blk1 { width: 430px; } #container .content .row .block.blk1 .tabs .tabs-menu .menu { display: table; width: 100%; } #container .content .row .block.blk1 .tabs .tabs-menu .menu > li { position: relative; display: table-cell; padding: 15px 0 16px; font-size: 15px; background: #ededed; text-align: center; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; } #container .content .row .block.blk1 .tabs .tabs-menu .menu > li:first-child { border-left: 1px solid #d1d1d1; } #container .content .row .block.blk1 .tabs .tabs-menu .menu > li > a { color: #666; text-decoration: none; } #container .content .row .block.blk1 .tabs .tabs-menu .menu > li > a .show-more { overflow: hidden; position: absolute; width: 16px; height: 21px; right: 0; bottom: 0; } #container .content .row .block.blk1 .tabs .tabs-menu .menu > li > a .show-more:before, #container .content .row .block.blk1 .tabs .tabs-menu .menu > li > a .show-more:after { background: #bebebe; content: ''; display: block; } #container .content .row .block.blk1 .tabs .tabs-menu .menu > li > a .show-more:before { width: 2px; height: 8px; margin: 4px 0 100px 7px; } #container .content .row .block.blk1 .tabs .tabs-menu .menu > li > a .show-more:after { position: absolute; width: 8px; height: 2px; top: 7px; left: 4px; } #container .content .row .block.blk1 .tabs .tabs-menu .menu > li.on { background: #052054; border-left: 1px solid #052054; border-right: 1px solid #052054; border-bottom: 1px solid #052054; } #container .content .row .block.blk1 .tabs .tabs-menu .menu > li.on:first-child { border-left: 0; } #container .content .row .block.blk1 .tabs .tabs-menu .menu > li.on > a { color: #fff; } #container .content .row .block.blk1 .tabs .tabs-menu .menu > li.on > a .show-more:before, #container .content .row .block.blk1 .tabs .tabs-menu .menu > li.on > a .show-more:after { background: #fff; } #container .content .row .block.blk1 .tabs .tabs-content { border: 1px solid #d1d1d1; border-top: 0; } #container .content .row .block.blk1 .tabs .tabs-content .list { padding: 23px 20px 19px 10px; font-size: 13px; } #container .content .row .block.blk1 .tabs .tabs-content .list, #container .content .row .block.blk1 .tabs .tabs-content .list a { color: #333; } #container .content .row .block.blk1 .tabs .tabs-content .list a { text-decoration: none; } #container .content .row .block.blk1 .tabs .tabs-content .list > li + li { margin-top: 10px; } #container .content .row .block.blk1 .tabs .tabs-content .list > li:before { content: ''; float: left; width: 3px; height: 3px; margin: 5px 1px 0 0; background: #999; } #container .content .row .block.blk1 .tabs .tabs-content .list > li > a { display: inline-block; padding-left: 5px; max-width: 295px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #container .content .row .block.blk1 .tabs .tabs-content .list > li > a > em { color: #0d81cb; } #container .content .row .block.blk1 .tabs .tabs-content .list > li > a:hover, #container .content .row .block.blk1 .tabs .tabs-content .list > li > a:hover > em, #container .content .row .block.blk1 .tabs .tabs-content .list > li > a:hover + .date { text-decoration: underline; } #container .content .row .block.blk1 .tabs .tabs-content .list > li.new:after { content: url(../images/icon/icon_new.png); display: inline-block; margin-top: -6px; vertical-align: middle; } #container .content .row .block.blk1 .tabs .tabs-content .list > li .date { float: right; } #container .content .row .block.blk2 { width: 430px; } #container .content .row .block.blk2 .blk-heading { border: 1px solid #d1d1d1; border-bottom: 0; } #container .content .row .block.blk3 { width: 290px; border: 1px solid #d1d1d1; } #container .content .row .block.blk3 .sns-btns { padding: 8px 24px 17px; font-size: 13px; } #container .content .row .block.blk3 .sns-btns a { text-decoration: none; color: #666; } #container .content .row .block.blk3 .sns-btns a > img { display: inline-block; margin-bottom: 2px; vertical-align: middle; } #container .content .row .block.blk3 .sns-btns a + a { display: inline-block; margin-left: 18px; } #container .content .row .block.blk3 .sns-btns .active, #container .content .row .block.blk3 .sns-btns .active a { color: #114aa6; } #container .content .row .block.blk3 .sns-wrap { overflow: auto; height: 399px; margin: 0 25px; } #container .content .row .block.blk3 .sns-wrap .jspVerticalBar { width: 3px; } #container .content .row .block.blk3 .sns-wrap .jspDrag { background: #bcbcbc; } #container .content .row .block.blk3 .sns-wrap .jspTrack { background: #ededed; } #container .content .row .block.blk3 .sns-bulletin { font-size: 13px; color: #666; } #container .content .row .block.blk3 .sns-bulletin a { text-decoration: none; } #container .content .row .block.blk3 .sns-bulletin > li + li { margin-top: 20px; padding-top: 20px; border-top: 1px dotted #dedede; } #container .content .row .block.blk3 .sns-bulletin > li .title { font-weight: 700; color: #000; } #container .content .row .block.blk3 .sns-bulletin > li .excerpt { padding: 15px 11px 20px 0; line-height: 18px; } #container .content .row .block.blk3 .sns-bulletin > li .time:before { content: url(../images/icon/icon_time.jpg); display: inline-block; margin: 0 5px 2px 0; vertical-align: middle; } /* 공지사항 */ #container .content .row .block.blk4, #container .content .row .block.blk5, #container .content .row .block.blk6 { min-height: 205px; margin: 56px 0; background: #fff; } #container .content .row .block.blk4 { width: 25%; border: 1px solid #d1d1d1; } #container .content .row .block.blk4 .tabs .tabs-content { border-top: 0; } #container .content .row .block.blk4 .tabs .tabs-content .list { padding: 30px; min-height:100px; font-size: 14px; } #container .content .row .block.blk4 .tabs .tabs-content .list, #container .content .row .block.blk1 .tabs .tabs-content .list a { color: #333; } #container .content .row .block.blk4 .tabs .tabs-content .list a { text-decoration: none; color:#333;} #container .content .row .block.blk4 .tabs .tabs-content .list > li + li { margin-top: 10px; } #container .content .row .block.blk4 .tabs .tabs-content .list > li:before { content: ''; float: left; width: 3px; height: 3px; margin: 5px 1px 0 0; background: #999; } #container .content .row .block.blk4 .tabs .tabs-content .list > li > a { display: inline-block; padding-left: 5px; max-width: 295px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #container .content .row .block.blk4 .tabs .tabs-content .list > li > a > em { color: #0d81cb; } #container .content .row .block.blk4 .tabs .tabs-content .list > li > a:hover, #container .content .row .block.blk1 .tabs .tabs-content .list > li > a:hover > em, #container .content .row .block.blk1 .tabs .tabs-content .list > li > a:hover + .date { text-decoration: underline; } #container .content .row .block.blk4 .tabs .tabs-content .list > li.new:after { content: url(../images/icon/icon_new.png); display: inline-block; margin-top: -6px; vertical-align: middle; } #container .content .row .block.blk4 .tabs .tabs-content .list > li .date { float: right; } #container .content .row .block.blk4.blk4-r {border-right:0;} #container .content .row .block.blk4.cs-center {min-height: 205px; margin: 56px 0; background: #fff; } #container .content .row .block.blk4.cs-center .tabs .tabs-content .list {padding: 50px 30px 10px 30px; height:100px; font-size: 14px; } #container .content .row .block.blk4.cs-center .tabs .tabs-content .list > li { vertical-align:middle; line-height:160%;} .list_left {float:left; width:35%;} .list_right {float:left; width:65%; } #container .content .row .block.blk4.cs-center .tabs .tabs-content .list > li:before {display:none;} #container .content .row .block.blk4.cs-center .tabs .tabs-content .list > li img {vertical-align:-5px;} #container .content .row .block.blk4.cs-center .tabs .tabs-content .list > li .cs-info {float:right; font-size:20px; font-weight:bold; color:#666;} #container .content .row .block.blk5 { width: 549px; margin-left: 16px; } #container .content .row .block.blk6 { width: 210px; margin-left: 17px; border: 1px solid #d1d1d1; } #container .content .row .block.blk6 .videoWrapper { margin: 0 -1px; position: relative; padding-bottom: 56.74%; height: 0; } #container .content .row .block.blk6 .videoWrapper iframe, #container .content .row .block.blk6 .videoWrapper img, #container .content .row .block.blk6 .videoWrapper object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #container .content .row .block.blk6 .excerpt { font-size: 13px; line-height: 15px; padding: 13px 15px; } #container .content .fast-link { margin-top: 15px; background: #fff; border: 1px solid #d1d1d1; } #container .content .fast-link .heading { padding: 18px 20px 20px; font-size: 15px; font-weight: 700; } #container .content .fast-link > ul { display: table; width: 100%; } #container .content .fast-link > ul > li { display: table-cell; padding-bottom: 23px; text-align: center; } #container .content .fast-link > ul > li a { font-size: 15px; font-weight: 700; color: #000; text-decoration: none; } #container .content .fast-link > ul > li a img { display: block; margin: 0 auto 13px; max-width: 100%; } @media screen and (max-width: 1195px) { .wrap_wide {position:relative; top:0; height:auto;} .biz_banner .biz_wraps {max-width:100%; width:100%;} #header .header-bottom {width:100%;} #main_slider .main-slider-wrap { width: 100%; height: 500px; } #main_slider .flexslider { width: 100%; height: 500px; left: 0; } #main_slider .flexslider .slides > li > img { width: auto; height: 100%; } #main_slider .flexslider .slides > li .text-content { top: 30%; } #main_slider .flexslider .slides > li .text-content .heading { font-size: 30px; line-height:auto; } #main_slider .flexslider .slides > li .text-content .sub-heading {font-size: 18px; } #main_slider .flexslider .slides > li .text-content .excerpt { font-size: 15px; line-height:150%; padding-left:10%; padding-right:10%;} #main_slider .flexslider .slides > li .image { width: 100%; height: 500px; background-size: cover; } #main_slider .flexslider .flex-direction-nav { margin-top: 94px; width: 100%; } #main_slider .flexslider .flex-direction-nav a { margin: 0 10px; } #main_slider .flexslider .flex-pauseplay { position: absolute; width: auto; height: 12px; right: 0; bottom: 25%; left: 0; text-align: center; } .main_banner {position:absolute; width:100%; top:400px; z-index:888;} .main_banner ul {position:relative; width:100%; margin:0 auto;} .main_banner ul li {position:relative; margin:0 auto; ; height:auto; width:25%; font-size:13px; text-align:center;} .main_banner ul li a {display:block; padding:20px 0 20px 0; width:100%; height:auto; text-align:center; text-decoration:none; z-index:889;} .main_banner ul li span {position:absolute; margin:0 auto; display:block; padding:5px 5px; top:50px; left:20px; right:20px; width:56px; height:11px;} /*.main_banner ul li .kk {position:absolute; top:200px; display:block; padding:5px 5px; width:56px; height:11px; }*/ .main_banner .main-banner-01 {float:left; width:25%; height:150px; background:url(../img/main_banner_01.jpg) no-repeat 50% 10%; overflow:hidden;} .main_banner .main-banner-02 {float:left; width:25%; height:150px; background:url(../img/main_banner_02.jpg) no-repeat 50% 10%; overflow:hidden;} .main_banner .main-banner-03 {float:left; width:25%; height:150px; background:url(../img/main_banner_03.jpg) no-repeat 50% 10%; overflow:hidden;} .main_banner .main-banner-04 {float:left; width:25%; height:150px; background:url(../img/main_banner_04.jpg) no-repeat 50% 10%; overflow:hidden;} /* 사업분야 */ .biz_banner {width:100%; margin:0 auto;} .biz_banner ul { overflow: hidden; margin:0 auto; padding:59px 0; width:90%;height:600px;} .biz_banner ul li { overflow: hidden; position:relative; float:left; margin:0 auto; width:50%; height:auto; font-size:18px; font-weight:bold; text-align:center; background-color:#fff; color:#000;} .biz_banner ul li a {display:block; padding:30px 20px 20px 20px; width:90%; height:54px; text-decoration:none; color:#000;} .biz_banner ul li span {position:absolute; margin:0 auto; top:80px; left:10px; right:10px; display:block; height:12px; width:180px; font-size:13px; color:#666; font-weight:normal; border:1px solid #666;} .biz_banner .biz-banner-01 {width:49.7%; max-height:100px; padding-top:50px; border-bottom:0; background-color:#262626; font-size:13px; color:#ccc !important;} .biz_banner .biz-banner-01 .biz-banner-tit {color:#fff; font-size:30px; text-align:center;} .biz_banner .biz-banner-02 {width:49.7%; height:150px; border-left:0; border-bottom:0;} .biz_banner .biz-banner-03 {width:49.7%; height:150px; border-left:1px solid #ccc; border-bottom:0;} .biz_banner .biz-banner-04 {width:49.7%; height:150px; border-left:0; border-bottom:0;} .biz_banner .biz-banner-05 {width:49.7%; height:150px; border-bottom:0;} .biz_banner .biz-banner-06 {width:49.7%; height:150px; border-left:0; border-bottom:0;} .biz_banner .biz-banner-07 {width:49.7%; height:150px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;} .biz_banner .biz-banner-08 {width:49.7%; height:150px; border-left:0;} .biz_banner .biz-banner-08 > a {width:90%;} /* Wide 배너 */ .wide_banner_01 {width:100%; background-size:cover;} .wide_banner_01 .wb-text-content {margin:0 auto;} .wide_banner_01 .wb-text-content .wb-text-con-01 {font-size:40px; color:#fff;} .wide_banner_01 .wb-text-content .wb-text-con-02 {font-size:13px; font-weight:bold; line-height:24px; color:#fff;} /* 공지사항 */ #slider_02 .blk-heading, #slider_03 .blk-heading, #slider_04 .blk-heading {margin-left:20px; padding-right: 18px !important; } #slider_02 .blk-heading .btns-right, #slider_03 .blk-heading .btns-right { margin: -3px 18px 0 20px; float: right; } /* 더보기 */ #container {} #container .content .row .block.blk4 {float:left; width:50%; min-height: 90%; margin: 56px 0; background: #fff; border: 1px solid #d1d1d1; } #container .content .row .block.blk4 .tabs .tabs-content { border-top: 0; } #container .content .row .block.blk4 .tabs .tabs-content .list {padding:20px; height:auto; font-size: 14px; } #container .content .row .block.blk4 .tabs .tabs-content .list, #container .content .row .block.blk1 .tabs .tabs-content .list a { color: #333; } #container .content .row .block.blk4 .tabs .tabs-content .list a { text-decoration: none; } #container .content .row .block.blk4 .tabs .tabs-content .list > li + li { margin-top: 10px; } #container .content .row .block.blk4 .tabs .tabs-content .list > li:before { content: ''; float: left; width: 3px; height: 3px; margin: 5px 1px 0 0; background: #999; } #container .content .row .block.blk4 .tabs .tabs-content .list > li > a { display: inline-block; padding-left: 5px; max-width: 295px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #container .content .row .block.blk4 .tabs .tabs-content .list > li > a > em { color: #0d81cb; } #container .content .row .block.blk4 .tabs .tabs-content .list > li > a:hover, #container .content .row .block.blk1 .tabs .tabs-content .list > li > a:hover > em, #container .content .row .block.blk1 .tabs .tabs-content .list > li > a:hover + .date { text-decoration: underline; } #container .content .row .block.blk4 .tabs .tabs-content .list > li.new:after { content: url(../images/icon/icon_new.png); display: inline-block; margin-top: -6px; vertical-align: middle; } #container .content .row .block.blk4 .tabs .tabs-content .list > li .date { float: right; } #container .content .row .block.blk4.blk4-r {border-right:0;} #container .content .row .block.blk4.cs-center {clear:both; max-width:100%; margin-bottom:0;} #container .content .row .block.blk4.cs-center .tabs .tabs-content .list {padding-bottom:10px; height:auto; font-size: 15px; } #container .content .row .block.blk4.cs-center .tabs .tabs-content .list > li {vertical-align:middle;} #notice { height: 39px; padding-left: 10px; font-size: 13px; } #notice .notice-wrap { margin-top: 13px; } #notice .flexslider .flex-direction-nav { top: -13px; } #notice .flexslider .flex-direction-nav a { height: 39px; } #notice .flexslider .flex-direction-nav .flex-prev { display: none; } #notice .flexslider .flex-direction-nav .flex-next { background-position: 50%; } #container .content .fast-link { margin-top: 0; } #container .content .row .block { float: none; width: 100% !important; margin: 0 0 10px 0 !important; } #container .content .row .block .blk-heading { padding-right: 8px !important; padding-left: 8px; } #slider_02 .slider-wrap { margin: 0 9px; } #slider_02 .flexslider { width: 100%; height: auto !important; } #banner_slider { margin: 10px 0; padding: 9px; } } @media screen and (max-width: 900px) { .biz_banner .biz_wraps {max-width:100%; width:100%;} .biz_banner .biz_01 {float:left; width:33.33%;} } @media screen and (max-width: 640px) { .wide_banner_01 .wb-text-content .wb-text-con-02 {width:80%;} #slider_01.flexslider {width: 100%; height: auto; } #slider_01.flexslider .slides img { max-height: 280px; } #bulletin_slider.flexslider { width: 100%; height: 458px; } #bulletin_slider.flexslider .slides > li { overflow: hidden; height: 402px; } #sns_btns.flexslider .flex-direction-nav .flex-next { right: 8px; } #main_slider .main-slider-wrap { width: 100%; height: 400px; } #main_slider .flexslider { width: 100%; height: 400px; left: 0; } #main_slider .flexslider .slides > li > img { width: auto; height: 100%; } #main_slider .flexslider .slides > li .text-content { top: 22%; } #main_slider .flexslider .slides > li .text-content .heading { font-size: 17px; line-height:auto; } #main_slider .flexslider .slides > li .text-content .sub-heading {font-size: 15px; } #main_slider .flexslider .slides > li .text-content .excerpt { font-size: 15px; line-height:150%; padding-left:10%; padding-right:10%;} #main_slider .flexslider .slides > li .image { width: 100%; height: 400px; background-size: cover; } #main_slider .m_b_go img {width:50px;} .main_banner {position:absolute; width:100%; top:420px; z-index:888;} .main_banner ul {position:relative; max-width:90%; margin:0 auto;} .main_banner ul li {position:relative; margin:0 auto; width:50%; font-size:13px; text-align:center;} .main_banner ul li a {display:block; padding:20px 0 20px 0; width:100%; height:auto; text-align:center; text-decoration:none; z-index:889;} .main_banner ul li span {position:absolute; margin:0 auto; display:block; padding:5px 5px; top:50px; left:20px; right:20px; width:56px; height:11px;} /*.main_banner ul li .kk {position:absolute; top:200px; display:block; padding:5px 5px; width:56px; height:11px; }*/ .main_banner .main-banner-01 {float:left; width:49.7%; height:150px; background:url(../img/main_banner_01.jpg) no-repeat 50% 10%; overflow:hidden;} .main_banner .main-banner-02 {float:left; width:49.7%; height:150px; background:url(../img/main_banner_02.jpg) no-repeat 50% 10%; overflow:hidden;} .main_banner .main-banner-03 {float:left; width:49.7%; height:150px; background:url(../img/main_banner_03.jpg) no-repeat 50% 10%; overflow:hidden;} .main_banner .main-banner-04 {float:left; width:49.7%; height:150px; background:url(../img/main_banner_04.jpg) no-repeat 50% 10%; overflow:hidden;} .biz_banner {width:100%; margin:0 auto;} .biz_banner ul {margin:0 auto; padding:59px 0; max-width:90%; height:1150px;} .biz_banner ul li { overflow: hidden; position:relative; margin:0 auto; width:80%; font-size:18px; font-weight:bold; text-align:center; background-color:#fff; color:#000;} .biz_banner ul li a {display:block; padding:30px 20px 20px 20px; width:90%; height:54px; text-decoration:none; color:#000;} /*.biz_banner ul li span {margin:0 auto; width:70%;}*/ .biz_banner .biz-banner-01 {width:100%; height:80px; padding-top:20px; border-bottom:0; background-color:#262626; font-size:13px; color:#ccc !important;} .biz_banner .biz-banner-01 .biz-banner-tit {color:#fff; font-size:30px; text-align:center;} .biz_banner .biz-banner-02 {width:100%; height:150px; border-left:1px solid #ccc; border-bottom:0;} .biz_banner .biz-banner-03 {width:100%; height:150px; border-left:1px solid #ccc; border-bottom:0;} .biz_banner .biz-banner-04 {width:100%; height:150px; border-left:1px solid #ccc; border-bottom:0;} .biz_banner .biz-banner-05 {width:100%; height:150px; border-bottom:0;} .biz_banner .biz-banner-06 {width:100%; height:150px; border-left:1px solid #ccc; border-bottom:0;} .biz_banner .biz-banner-07 {width:100%; height:150px; border-left:1px solid #ccc; border-bottom:0;} .biz_banner .biz-banner-08 {width:100%; height:150px; border-left:1px solid #ccc;} .biz_banner .biz-banner-08 > a {width:90%;} .biz_banner .biz_title {font-size:20px;} .biz_banner .biz_title2 {padding:0px 5% 5% 5%; font-size:13px; line-height:130%;} .biz_banner .biz_01 {float:left; width:50%; margin-right:0%;} .wide_banner_01 .wb-text-content {margin:0 auto; padding-top:50px; height:170px;} .wide_banner_01 .wb-text-content .wb-text-con-01 {padding-top:0px; font-size:28px;} .wide_banner_01 .wb-text-content .wb-text-con-02 {font-size:13px;} #container {} #container .content .row .block.blk4 {float:left; max-width:100%; min-height: 90%; margin: 56px 0; background: #fff; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; border-left: 0;} #container .content .row .block.blk4.cs-center {border-right:0;} #container .content > .row > .block { float: none; min-height: 0 !important; width: 100% !important; } #container .content > .row > .block.blk3 .sns-btns { padding-left: 8px; } #container .content > .row > .block.blk3 .sns-wrap { margin: 0 8px 8px; } #container .content > .row > .block.blk3 .sns-bulletin { margin: 0 8px 8px; height: 495px; } #container .content > .fast-link .heading { padding-left: 8px; } #container .content > .fast-link > ul > li a img { width: 64px; height: 65px; } } @media screen and (max-width: 480px) { #main_slider .flexslider .flex-direction-nav { display: none; } #header .header-bottom .header-bottom-right .block .full-menu { overflow: hidden; float: right; width: 14px; padding: 15px; margin-right:5px;} } /*# sourceMappingURL=main.css.map */