#main_slider { clear:both; overflow: hidden; background: url() repeat; } #main_slider .main-slider-wrap { position: relative; margin: 0 auto; height: 890px; width: 1px; } #main_slider .flexslider { position: absolute; left: -986px; width: 1972px; height: 890px; margin: 0; border: 0; border-radius: 0; } #main_slider .flexslider .slides > li { position: relative; width:100%;} #main_slider .flexslider .slides > li .text-content { position: absolute; top: 96px; left:179px; width: 100%; text-align: left; color: #fff; } #main_slider .flexslider .slides > li .text-content .heading { font-weight: 700; font-size: 56px;} #main_slider .flexslider .slides > li .text-content .sub-heading { margin: 12px 0 16px; font-size: 33px; } #main_slider .flexslider .slides > li .text-content .excerpt { font-size: 15px; } #main_slider .flexslider .slides > li .image { width: 1972px; height: 890px; background-position: center; background-repeat: no-repeat; } #main_slider .flexslider .flex-pauseplay { position: absolute; width: auto; height: 12px; bottom: 582px; left: 179px; 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: #ffffff; width: 36px; } #main_slider .flexslider .flex-direction-nav { position: absolute; width: 1180px; height: 0; margin: 162px auto auto; top: 0; 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 { display:none; 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 { display:none; 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; } #container {width:100%; margin:0 auto;} #container .content .row { overflow: hidden;} #container .content .row .block { float: left; box-sizing: border-box; background: #fff; } /* °øÁö»çÇ× */ .main-board {display:none;} #container .content .row .block.blk4 {float:left; width:400px; height:200px;} #slider_02 .blk-heading, #slider_03 .blk-heading {float:left; width:200px; height:200px; line-height:180px; text-align:center; font-size:24px; font-weight:bold; color:#fff;} #slider_02 .blk-heading {background:url(../img/bg_notice.png) no-repeat right bottom;} #slider_03 .blk-heading {background:url(../img/bg_qna.png) no-repeat right bottom;} #slider_02 {position:absolute; top:-494px; left:-200px; z-index:500;} #slider_03 {position:absolute; top:-294px; } #container .content .row .block.blk4 .tabs {float:left; } #container .content .row .block.blk4 .tabs .tabs-content {float:left; border-top:0; width:200px; height:200px; text-align:center; background-color:#fff; } #container .content .row .block.blk4 .tabs .tabs-content .list {padding:20px; width:160px; height:auto; font-size: 14px; } #container .content .row .block.blk4 .tabs .tabs-content .list a {display:block; width:95%; 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 > a { display: inline-block; padding-top:50px; 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 {line-height:106px;} #container .content .row .block.blk4.blk4-r {border-right:0;} /*#container .content .row .block.blk4, #container .content .row .block.blk5, #container .content .row .block.blk6 { min-height: 322px; margin: 15px 0 27px; background: #fff; } #container .content .row .block.blk4 { width: 388px; border: 1px solid #d1d1d1; }*/ #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: 1440px) { #main_slider .flexslider .slides > li .text-content { position: absolute; top: 80px; left:294px; width: 100%; text-align: left; color: #fff; } } @media screen and (max-width: 1400px) { #slider_02 {position:absolute; top:-494px; left:0; z-index:500;} #main_slider .flexslider .slides > li .text-content { position: absolute; top: 80px; left:400px; width: 100%; text-align: left; color: #fff; } #main_slider .flexslider .flex-pauseplay { position: absolute; width: auto; height: 12px; bottom: 582px; left: 400px; text-align: center; } } @media screen and (max-width: 1279px) { .main-board {display:block;}} @media screen and (max-width: 1195px) { #main_slider .main-slider-wrap { width: 100%; height: 400px; } #main_slider .flexslider { width: 100%; height: 250px; left: 0; } #main_slider .flexslider .slides > li > img { width: auto; height: 100%; } /* #main_slider .flexslider .slides > li .text-content { top: 30px; }*/ #main_slider .flexslider .slides > li .text-content { position: absolute; top: 80px; left:100px; width: 100%; text-align: left; color: #fff; } #main_slider .flexslider .slides > li .text-content .heading { font-size: 50px; } #main_slider .flexslider .slides > li .text-content .sub-heading { margin: 12px 0 16px; font-size: 25px; } #main_slider .flexslider .slides > li .text-content .excerpt { font-size: 14px; } #main_slider .flexslider .slides > li .image { width: 100%; height: 400px; 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; bottom: 30px; left: 100px; text-align: center; } #container .content .row .block { float: none; width: 50% !important; /*margin: 0 0 10px 0 !important;*/ } /* #container .content .row .block .blk-heading { padding-right: 8px !important; padding-left: 8px; }*/ #slider_02, #slider_03 {position:static;} #slider_02 .blk-heading, #slider_03 .blk-heading {float:left; width:40%; height:150px; line-height:130px; text-align:center; font-size:24px; font-weight:bold; color:#fff;} #container .content .row .block.blk4 {float:left; width:50%; height:auto;} #container .content .row .block.blk4 .tabs {width:60%;} #container .content .row .block.blk4 .tabs .tabs-content {float:left; border-top:0; width:100%; height:150px; line-height:45px; text-align:center; background-color:#fff; } #container .content .row .block.blk4 .tabs .tabs-content .list {padding:5px; width:100%; height:auto; font-size: 14px;} #container .content .row .block.blk4 .tabs .tabs-content .list > li > a {padding-top:20px;} #container .content .row .block.blk4 .tabs .tabs-content .list > li .date {line-height:40px;} #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; } #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: 640px) { #main_slider .flexslider .slides > li .text-content { position: absolute; top: 80px; left:50px; width: 100%; text-align: left; color: #fff; } #main_slider .flexslider .flex-pauseplay { position: absolute; width: auto; height: 12px; bottom: 30px; left: 50px; text-align: center; } #container .content .row .block.blk4 {float:left; width:100%; height:auto;} #slider_02 .blk-heading, #slider_03 .blk-heading {float:left; width:40%; height:150px; line-height:130px; text-align:center; font-size:24px; font-weight:bold; color:#fff;} #container .content .row .block.blk4 .tabs .tabs-content {float:left; border-top:0; width:100%; height:150px; line-height:45px; text-align:center;} #container .content .row .block.blk4 .tabs .tabs-content .list {padding:10px; width:100%; height:auto; font-size: 14px; } #container .content .row .block.blk4 .tabs .tabs-content .list > li > a { padding-top:0;} #container .content .row .block.blk4 .tabs .tabs-content .list > li .date {line-height:0px;} #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; } #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; } #main_slider .flexslider .slides > li .text-content .heading { font-weight: 700; font-size: 35px; background-color:#0057b3; padding:10px 0px 5px 10px;} #main_slider .flexslider .slides > li .text-content .sub-heading { font-size: 16px; background-color:#0057b3; padding:10px 0px 5px 10px; } #main_slider .flexslider .slides > li .text-content { position: absolute; top: 80px; left:35px; width: 80%; text-align: left; color: #fff; }} @media screen and (max-width: 480px) { #main_slider .flexslider .flex-direction-nav { display: none; } } @media screen and (max-width: 320px) { body { min-width: 320px; } #slider_02 .blk-heading, #slider_03 .blk-heading {float:left; width:33%; height:150px; line-height:130px; text-align:center; font-size:20px; font-weight:bold; color:#fff;} #container .content .row .block.blk4 .tabs .tabs-content {float:left; border-top:0; width:100%; height:150px; line-height:45px; text-align:center; background-color:#fff; } } /*# sourceMappingURL=main.css.map */