@charset "utf-8";

@import url("common.css");
@import url("contents.css");




/* Layout */
#wrap { position:relative; width:100%;}

#header { position:relative; width:100%; text-align:center; margin:0 auto; height:190px;}

#footer {width:100%; margin:0 auto; height:200px; background:#414857; margin-top:30px;}

.contents_wrap {width:100%; display:inline-block;}

/* 팝업 */
.layer_popup{z-index:999999;}
.layer_popup_closed{background:#000;overflow:hidden;width:98%;padding:5px 1%;}
.layer_popup_closed .fl label {color:#fff;}
.layer_popup_closed .fr a {color:#fff;}

/* skip navigation */
.skipNavi{position:absolute;top:0;left:0;width:100%;z-index:10001;}
.skipNavi a{position:absolute; display:block; width:100%; padding:10px 0; background:#444444; box-sizing: border-box; color:#fff; font-size:16px; text-align:center; top:-9999px;}
.skipNavi a:hover, .skipNavi a:active, .skipNavi a:focus{top:0;}


/* header */
.ui-w .header{min-width:1200px !important;text-align:center; background:url('/inc/img/common/header_bg.jpg') repeat-x;}
.ui-w .header .top{position:relative;width:1200px;height:120px;margin:0 auto;text-align:left;}
.ui-w .header .top .logo{position:absolute;top:42px;left:0;z-index:10;}
.ui-w .header .top .logo a{overflow:hidden;display:inline-block;width:320px;height:70px;background:url('/inc/img/common/logo.jpg') no-repeat top left;}/* 대검찰청 */
.ui-w .header .top .logo a span{overflow:hidden;position:absolute;left:-9999em;width:1px;height:1px;margin:0;padding:0;text-indent:-9999em;}

.ui-w .header .top .util{position:absolute;top:8px;right:0;z-index:100;}
.ui-w .header .top .util .ls{display:inline-block;font-size:12px;line-height:18px;color:#666666;font-weight:bold;vertical-align:middle;}
.ui-w .header .top .util .ls02 {background:#549735; padding:10px 20px;}
.ui-w .header .top .util .ls:before{content:'';display:inline-block;width:1px;height:12px;margin:0 10px;vertical-align:middle;}
.ui-w .header .top .util .ls a{display:inline-block;font-size:12px;line-height:18px;color:#fff;font-weight:bold;}
.ui-w .header .top .util .ls02 a{display:inline-block;font-size:12px;line-height:18px;color:#fff;font-weight:bold;}


.ui-w .header .btnIn{position:absolute;top:0;left:50%;width:1200px;margin-left:-550px;}
.ui-w .header .btnIn .btn{position:absolute;z-index:9;}
.ui-w .header .btnIn .btn a{overflow:hidden;display:block;width:24px;height:23px;text-indent:-999px;}
.ui-w .header .btnIn .btn.allmenu a{background:url('http://www.spo.go.kr//images/common/btn_allmenu.png') no-repeat top left;}
.ui-w .header .btnIn .btn.allmenu{top:65px;right:0;}

.header .btnIn .btn.search.on,
.schWrap,
.schWrap .schArea .schClose{display:none;}
.schWrap.on,
.schWrap.on .schArea .schClose{display:block;}


.ui-m body{position:relative;}
.ui-m .header{position:fixed;top:0;left:0;z-index:1000;width:100%;min-height:55px;background:#ffffff;}
.ui-m .header.fixed{border-bottom:1px solid #eee;}
.ui-m .header .top{position:relative;height:55px;}
.ui-m .header .top .logo a{overflow:hidden;display:block;position:absolute;top:0;left:0;width:200px;height:55px;background:url('/inc/img/common/logo.jpg') no-repeat 15px 7px;background-size:90px 42px;text-indent:-9999px;}
.ui-m .header .top .util{display:none;}
.ui-m .header .btn{position:absolute;}
.ui-m .header .btn a{overflow:hidden;display:block;width:50px;height:56px;text-indent:-999px;}
.ui-m .header .btn.allmenu{top:0;right:0;}
.ui-m .header .btn.allmenu a{background:url('http://www.spo.go.kr/images/common/btn_allmenu_m.png') no-repeat center center;background-size:19px 18px;}
.ui-m .header .gnbWrap{display:none;}



/* gnb, all Menu */
.ui-w .menu{text-align:left;}
.ui-w .menu a{display:inline-block;}
.ui-w .menu a:focus{text-decoration:underline;}
.ui-w .menu .dep1{display:inline-block;margin-left:53px;vertical-align:top;}
.ui-w .menu .dep1:nth-child(even){margin-left:54px;}
.ui-w .menu .dep1:first-child{margin-left:0 !important;}
.ui-w .menu .dep1 > a{position:relative;z-index:100;height:52px;font-size:20px;font-family: 'Nanum Square';line-height:20px;color:#333333;text-decoration:none;font-weight:bold;}
.ui-w .menu .dep1 > a:after{content:'';display:none;position:absolute;bottom:-1px;width:100%;height:4px;background:#346d94;}
.ui-w .menu .dep1.on > a,
.ui-w .menu .dep1 > a:focus{color:#346d94;}
.ui-w .menu .dep1.on > a:after,
.ui-w .menu .dep1 > a:focus:after{display:block;}

.ui-w .menu .dep2Box{display:none;position:absolute;top:52px;left:0;z-index:9999;width:100%;padding-bottom:45px;background:#ffffff;border-bottom:1px solid #c0c0c0;}
.ui-w .menu .dep2List{width:1200px;margin:0 auto;}
.ui-w .menu .dep2List > span{position:absolute;display:inline-block;padding:30px 0 15px 0;font-size:20px;line-height:1;word-spacing:-0.5em;}
.ui-w .menu .dep2List > span:after{content:'';display:block;position:absolute;bottom:0;width:50px;height:2px;background:#333333;}
.ui-w .menu .dep2List .scroll > ul{padding:10px 0 0 230px;}
.ui-w .menu .dep2List .scroll > ul > li{display:inline-block;padding:20px 30px;vertical-align:top;}
.ui-w .menu .dep2List .scroll > ul > li.dep2 > a{font-size:15px;font-weight:normal;line-height:1;}
.ui-w .menu .dep2List .scroll > ul > li.dep2 > a:hover,
.ui-w .menu .dep2List .scroll > ul > li.dep2 > a:focus{}

.ui-w .gnbWrap{position:absolute;top:68px;left:0;right:0;width:100%;}
.ui-w .gnbWrap .gnbAllBg{display:none;position:absolute;left:0;right:0;top:52px;background:#fff;z-index:10;overflow:hidden;border-bottom:1px solid #c0c0c0;}
.ui-w .gnbWrap .gnbArea{width:1200px;margin:0 auto;text-align:right;}
.ui-w .gnbWrap .gnbArea .menu{display:inline-block; padding-right:30px;}
.ui-w .gnbWrap .gnbArea .menu .dep2Box{border-top:1px solid #eee;}

.allMenuWrap{display:none;}
.allMenuWrap.on {display:block;}
.ui-w .allMenuWrap{position:fixed;top:0;bottom:0;left:0;right:0;z-index:100;width:100%;}
.ui-w .allMenuDim{position:absolute;top:0;bottom:0;left:0;right:0;z-index:101;width:100%;background:#000000;opacity:.2;}
.ui-w .allMenuBox{position:absolute;top:0;bottom:0;right:0;z-index:102;width:1100px;background:#ffffff;border-left:1px solid #d0d0d0;}
.ui-w .allMenuBox .allMenuClose{position:absolute;top:31px;right:50px;}
.ui-w .allMenuBox .allMenuClose a{overflow:hidden;display:block;width:24px;height:23px;background:url('http://www.spo.go.kr/images/common/btn_schon.png') no-repeat top left;text-indent:-999px;}
.ui-w .allMenuBox dt{height:86px;padding:10px 0 0 50px;border-bottom:2px solid #346d94;text-align:left;}
.ui-w .allMenuBox dt em{display:none;}
.ui-w .allMenuBox dt span{overflow:hidden;display:inline-block;text-indent:-999px;}
.ui-w .allMenuBox dd{padding:50px 45px 50px 50px;}
.ui-w .allMenuBox dd .util{display:none;}

.ui-w .allMenuList{overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.ui-w .allMenuList .menu{margin:0;}
.ui-w .allMenuList .menu .dep1{display:block;margin:0;}
.ui-w .allMenuList .menu .dep2List{width:100%;min-height:153px;margin:0;}
.ui-w .allMenuList .menu .dep2List span{width:160px;padding-top:40px;}
.ui-w .allMenuList .menu .dep2List .scroll > ul{padding:5px 0 40px 210px;}
.ui-w .allMenuList .menu .dep2List .scroll > ul > li{width:190px;}
.ui-w .allMenuList .menu .dep2Box{display:block;position:relative;top:0;padding:0;border-bottom:0;}

.ui-w .allMenuList .menu .dep1{border-bottom:1px solid #dddddd;}
.ui-w .allMenuList .menu .dep1 > a{display:none;}
.ui-w .allMenuList .menu .dep2List > span{font-weight:bold;font-size:24px;}
.ui-w .allMenuList .menu .dep1:first-child .dep2List > span,
.ui-w .allMenuList .menu .dep1:first-child .dep2List .scroll > ul > li:nth-child(1),
.ui-w .allMenuList .menu .dep1:first-child .dep2List .scroll > ul > li:nth-child(2),
.ui-w .allMenuList .menu .dep1:first-child .dep2List .scroll > ul > li:nth-child(3){padding-top:0;}
.ui-w .allMenuList .menu .dep1:last-child{display:block;border-bottom:0;}


.ui-m .allMenuWrap{position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;}
.ui-m .allMenuDim{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000000;opacity:.2;}
.ui-m .allMenuBox{position:absolute;top:0;bottom:0;right:0;width:360px;background:#ffffff;}
.ui-m .allMenuBox dl{height:100%;}
.ui-m .allMenuBox dt{height:60px;background:#346d94;font-size:22px;color:#ffffff;line-height:62px;text-align:center;}
.ui-m .allMenuBox dt span{display:none;}
.ui-m .allMenuBox dd{height:calc(100% - 60px);}
.ui-m .allMenuBox dd .util{position:relative;z-index:999;padding:7px 15px;background:#346d94;font-size:0;line-height:0;text-align:left;}
.ui-m .allMenuBox dd .util .ls{display:inline-block;width:33.33%;vertical-align:top;}
.ui-m .allMenuBox dd .util .ls a.nation,
.ui-m .allMenuBox dd .util .ls a.history{display:block;height:30px;color:#a4daff;font-size:14px;line-height:30px;font-weight:bold;text-align:center;}
.ui-m .allMenuBox dd .util .ls a.btnLogout{display:inline-block;margin-top:2px;padding:0 5px;height:25px;border:1px solid #a4daff;line-height:25px;font-weight:normal;}


.ui-m .allMenuBox .allMenuClose{position:absolute;top:20px;right:20px;}
.ui-m .allMenuBox .allMenuClose a{overflow:hidden;display:block;width:20px;height:20px;background:url('http://www.spo.go.kr/images/common/btn_allmclose_m.png') no-repeat top left;background-size:20px 20px;text-indent:-999px;}

.ui-m .allMenuList{background:#ebebeb;height:calc(100% - 55px) !important;}
.ui-m .menu{position:relative;width:100%;height:100%;text-align:left;}

.ui-m .menu .dep1{width:100%;}
.ui-m .menu .dep1 > a{display:table-cell;width:80px;height:40px;padding:10px 5px;border-bottom:1px solid #dddddd;font-size:14px;color:#666666;text-align:center;vertical-align:middle;}
.ui-m .menu .dep2Box{display:none;position:absolute;top:0;left:90px;bottom:0;width:calc(100% - 90px);background:#ffffff;}
.ui-m .menu .dep2List{padding:0 20px;}
.ui-m .menu .dep2List span{display:block;height:65px;border-bottom:1px solid #333333;font-size:18px;font-weight:bold;line-height:67px;color:#333333;}
.ui-m .menu .dep2List .scroll{position:absolute;top:65px;bottom:25px;left:20px;width:230px;}
.ui-m .menu .dep2List .scroll ul{overflow:hidden;overflow-y:auto;height:100%;-webkit-overflow-scrolling:touch;}
.ui-m .menu .dep1.on > a{background:#ffffff;color:#004975;font-weight:bold;}
.ui-m .menu .dep1.on .dep2Box{display:block;}
.ui-m .dep2List a{display:block;vertical-align:top;font-size:15px;line-height:18px;}
.ui-m .dep2List li.dep2{border-bottom:1px solid #dddddd;}
.ui-m .dep2List li.dep2 > a{position:relative;padding:12px 30px 10px 10px;font-weight:normal;}
.ui-m .dep2List li.dep2 > a:before{content:'';display:inline-block;position:absolute;top:14px;right:10px;width:12px;height:12px;background:url('/images/common/bg_lnb_m.png') no-repeat 0 -36px;background-size:12px 60px;}
.ui-m .dep2List li.dep2 > a:hover,
.ui-m .dep2List li.dep2 > a:focus{color:#346d94;text-decoration:none;}
.ui-m .dep2List li.dep2 > a:hover:before,
.ui-m .dep2List li.dep2 > a:focus:before,
.ui-m .dep2List li.dep2.on > a:before{background:url('/images/common/bg_lnb_m.png') no-repeat 0 -48px;background-size:12px 60px;}
.ui-m .dep2List li.dep2.on > a{color:#333333;text-decoration:none;}
.ui-m .dep2List li.dep2.sub > a:before{background:url('/images/common/bg_lnb_m.png') no-repeat 0 0;background-size:12px 60px;}
.ui-m .dep2List li.dep2.sub > a:hover:before,
.ui-m .dep2List li.dep2.sub > a:focus:before{background:url('/images/common/bg_lnb_m.png') no-repeat 0 -12px;background-size:12px 60px;}
.ui-m .dep2List li.dep2.sub.active > a:before,
.ui-m .dep2List li.dep2.sub.active > a:hover:before,
.ui-m .dep2List li.dep2.sub.active > a:focus:before,
.ui-m .dep2List li.dep2.sub.on > a:before,
.ui-m .dep2List li.dep2.sub.on > a:hover:before,
.ui-m .dep2List li.dep2.sub.on > a:focus:before{background:url('/images/common/bg_lnb_m.png') no-repeat 0 -24px;background-size:12px 60px;}
.ui-m .dep2List li.dep2 > ul{display:none;padding-bottom:4px;}
.ui-m .dep2List li.dep2.on > ul{display:block;}
.ui-m .dep2List li.dep2 li.dep3 > a{padding:7px 30px 7px 10px;color:#666666;}
.ui-m .dep2List li.dep2 li.dep3 > a:hover,
.ui-m .dep2List li.dep2 li.dep3 > a:focus,
.ui-m .dep2List li.dep2 li.dep3.on > a{text-decoration:underline;color:#004975;}
.ui-m .dep2List a.new:after{margin-top:-2px;}


/* VISUAL */

#visual {width:100%; margin:0 auto; max-width:100%;}
.main-visual {width:100%; /*height:440px;*/ height:auto; margin:0 auto; position:relative;}
.main-visual li{overflow:hidden; /*height:437px;*/ height:auto; text-align:center;}
.main-visual li.bg01 {background:#fff;}
.main-visual li.bg02 {background:#fff;}
.main-visual li.bg03 {background:#fff;}
.main-visual li.bg04 {background:#fff;}
.main-visual li.bg05 {background:#fff;}

.main-visual ul li .v_box {width:1200px; margin:0 auto;}
.main-visual ul li .v_box .s_tit {font-size:24px; line-height:34px; color:#fff; clear:both; margin-top:40px;}
.main-visual ul li .v_box .t_tit {font-size:54px; line-height:64px; color:#fff; font-weight:bold; clear:both; margin:30px 0;}
.main-visual ul li .v_box .v_btn {opacity:0.8; margin-top:30px; clear:both; display:inline-block;}
.main-visual ul li .v_box .v_btn a {font-size:24px; line-height:36px; color:#fff; padding:20px 40px; background:#000;}


/* bx-slider-controls */
.bx-viewport {z-index:10;}
#visual .main-visual .bx-controls {width: 100%; text-align:center; position: absolute; /*bottom: 40px;*/ bottom:5%; left: 0; z-index: 10;}
#visual .main-visual .bx-controls .bx-pager {width:auto;padding-top:0;text-align: right; vertical-align: middle; display: inline-block; position: static;}
#visual .main-visual .bx-controls .bx-pager .bx-pager-item {margin-left: 6px;}
#visual .main-visual .bx-controls .bx-pager .bx-pager-item:first-child {margin-left:0;}
#visual .main-visual .bx-controls .bx-pager .bx-pager-item a {width: 8px; font-size:0;height: 8px; margin: 0; border-radius: 50%; background: #8e8e8e; display: block; }
#visual .main-visual .bx-controls .bx-pager .bx-pager-item a.active {width: 32px; border-radius: 16px; background: #113160;}
#visual .main-visual .bx-controls .bx-controls-auto {width: auto; margin-left: 6px; text-align: left; vertical-align: middle; display: inline-block; position: static;}
#visual .main-visual .bx-controls .bx-controls-auto a {width: 11px; height: 12px; display: block;}
#visual .main-visual .bx-controls .bx-controls-auto a.active {width: 0; height: 0; display: none;}
#visual .main-visual .bx-controls .bx-controls-auto a.bx-start {background: url('/inc/img/common/btn_play.png') no-repeat center center;}
#visual .main_prd .bx-controls-direction a {width: 43px; height: 100%; display: block; position: absolute; top: 0; }
#visual .main_prd .bx-controls-direction a.bx-prev {background: url('../images/main_renewal/btn_prd_prev.png') no-repeat center 40%; left: -32px; }
#visual .main_prd .bx-controls-direction a.bx-next {background: url('../images/main_renewal/btn_prd_next.png') no-repeat center 40%; right: -32px; }



/* main contents */


.sc01 {width:1200px; margin:30px auto; height:280px;}
.sc01 .box1 {width:28%; float:left; padding:1% 2%; border:1px solid #d7d7d7; height:250px;}
.sc01 .box1 .tit {background:url('/inc/img/main/main_tit_icon.jpg')0 0 no-repeat; font-size:24px; padding:10px 0; font-weight:bold; line-height:34px;font-family: 'Nanum Square';}
.sc01 .box1 ul li {clear:both; padding:6px 0; border-bottom:1px dotted #efefef; width:100%; display:inline-block;}
.sc01 .box1 ul li a .tt01 {font-size:16px; font-weight:normal; line-height:26px; padding-left:10px; background:url('/inc/img/main/notice_bul.jpg')0 8px no-repeat;}
.sc01 .box1 ul li a .tt02 {font-size:12px; color:#bcbcbc; padding-top:5px; float:right;}
.sc01 .box1 .more {position:relative; left:310px; top:-235px; height:0;}

.sc01 .box2 {width:28%; float:left; padding:1% 2%; border:1px solid #d7d7d7; margin:0 20px; height:250px;}
.sc01 .box2 .tit {background:url('/inc/img/main/main_tit_icon.jpg')0 0 no-repeat; font-size:24px; padding:10px 0; font-weight:bold; line-height:34px;font-family: 'Nanum Square';}
.sc01 .box2 ul li {clear:both; padding:6px 0; border-bottom:1px dotted #efefef;  width:100%; display:inline-block;}
.sc01 .box2 ul li a .tt01 {font-size:16px; font-weight:normal; line-height:26px; padding-left:10px; background:url('/inc/img/main/notice_bul.jpg')0 8px no-repeat;}
.sc01 .box2 ul li a .tt02 {font-size:12px; color:#bcbcbc; padding-top:5px; float:right;}
.sc01 .box2 .more {position:relative; left:310px; top:-235px; height:0;}

.sc01 .box3 {width:28%; float:left; padding:1% 2%; border:1px solid #d7d7d7; height:250px; background:#fafafa;}
.sc01 .box3 .tit {background:url('/inc/img/main/main_tit_icon.jpg')0 0 no-repeat; font-size:24px; padding:10px 0; font-weight:bold; line-height:34px;font-family: 'Nanum Square';}
.sc01 .box3 .mid {padding:20px 0 0 100px; background:url('/inc/img/main/icon_img01.jpg')0 10px no-repeat;}
.sc01 .box3 .mid .txt01 {background:#0028a0; padding:4px 10px; color:#fff; font-size:14px;}
.sc01 .box3 .mid .txt02 {font-size:16px; color:#000; padding:10px 0 6px; display:inline-block; width:100%;}
.sc01 .box3 .mid .txt03 {font-size:12px; color:#bcbcbc;}
.sc01 .box3 ul {display:inline-block; width:100%; margin:14px 0;}
.sc01 .box3 ul li {clear:both; padding:6px 0;}
.sc01 .box3 ul li a .tt01 {font-size:14px; padding-left:10px; background:url('/inc/img/main/notice_bul.jpg')0 8px no-repeat;}
.sc01 .box3 ul li a .tt02 {font-size:12px; float:right;}

.sc01 .box4 {width:386px; float:left; padding:0 0 25px 0; height:250px; background:url('/inc/img/main/main_box4_bg.png')no-repeat top center;}
.sc01 .box4 h4 {text-align:center; margin:3px auto 0 auto;}
.sc01 .box4 p{text-align:center; line-height:1.3; letter-spacing:-1px; font-size:13px; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,.5); color:#fff;}
.sc01 .box4 p span{display:block; line-height:1.5; font-size:16px; font-weight:700;}

.sc01 .box4 ul{margin:0 auto; display:flex; justify-content:space-evenly; width:95%; padding-top:15px; text-align:center;}
.sc01 .box4 ul li{width:86px; height:74px; text-align:center; border:1px solid #fff; border-radius:7px;}
.sc01 .box4 ul li:hover{background:rgba(100,100,100,.3); box-shadow:2px 2px 2px rgba(0,0,0,.5); transition:background .5s;}
.sc01 .box4 ul li a{display:inline-block; color:#fff; text-align:center; width:100%;}
.sc01 .box4 ul li a img{padding:8px 0 0 0;}

.sc01 .box4 ul li:first-child a:hover img{content:url('/inc/img/main/main_honor_bt1_on.png');}
.sc01 .box4 ul li:nth-child(2) a:hover img{content:url('/inc/img/main/main_honor_bt2_on.png');}
.sc01 .box4 ul li:last-child a:hover img{content:url('/inc/img/main/main_honor_bt3_on.png');}
.sc01 .box4 ul li a span{margin:0 auto; padding:0; text-align:center; display:inline-block; position:relative; width:100%; color:#fff; font-size:11px; letter-spacing:-1px; font-weight:500;}
.sc01 .box4 ul li a span:hover{text-shadow:1px 1px 1px rgba(0,0,0,1);}

.sc02 {width:1200px; margin:0 auto; display:table;}
.sc02 .sc02_box1 {width:525px; display:inline-block; float:left;}
.sc02 .sc02_box1 .left {background:url('/inc/img/main/map_bg.jpg')no-repeat; text-align:right; padding:30px 10px 0 0; width:222px; height:184px; float:left;}
.sc02 .sc02_box1 .left .left_tit {font-size:18px; color:#fff; padding-right:20px; font-weight:bold;}
.sc02 .sc02_box1 .left .left_txt {font-size:12px; color:#fff; line-height:16px; padding:10px 20px 10px 0;}

.sc02 .sc02_box1 .right  {background:url('/inc/img/main/map_bg01.jpg')repeat-x; padding:30px 0 0; width:293px; height:184px; float:left;}
.sc02 .sc02_box1 .right ul {display:inline-block; padding-left:20px;}
.sc02 .sc02_box1 .right ul li {font-size:14px; padding:10px; float:left;}
.sc02 .sc02_box1 .right ul li a {color:#fff;}
.sc02 .sc02_box1 .right .right_btn {padding:15px 0 0 30px;}

.sc02 .sc02_box2 {float:left; margin-left:8px;}
.sc02 .sc02_box2 ul li {float:left; margin-right:9px;}
.sc02 .sc02_box2 ul li:last-child {margin-right:0;}
.sc02 .sc02_box2 ul li a .hid_txt {display:none;}
.sc02 .sc02_box2 ul li a:hover .hid_txt {display:block; background:rgba(0,0,0,0.8); text-align:center; padding:20px 10px; position:absolute; width:196px; height:174px;}
.sc02 .sc02_box2 ul li a:hover .hid_txt .h_tit {font-size:16px; color:#fff; line-height:26px; padding-top:30px;}
.sc02 .sc02_box2 ul li a:hover .hid_txt .h_txt {font-size:12px; color:#fff; padding:10px 0;}



.sc03 {width:100%; background:#ecebf0; display:inline-block; margin:30px 0;}
.sc03 .sc03_in {width:1200px; margin:0 auto; padding:30px 0;}
.sc03 ul li {padding:10px 18px; float:left;}
.sc03 ul li a .sc03_txt {font-size:14px; text-align:center; padding:10px 0;}


/* 배너 영역 */

.banner {margin: 0 auto;overflow: hidden;position: relative; height:140px;}
.banner > span {display: block;text-align: center;height:40px;line-height: 36px; position: absolute; top: 25px; cursor: pointer;background:#fff;z-index: 5;padding:0 3px;}
.banner > span:first-child { right:54px; padding-left:20px;}
.banner > span:first-child + span { right: 27px; }
.banner > span.control{ right:0; }
.banner .in {overflow: hidden;position: relative;z-index: 3; top:65px;}
.banner .in > ul { overflow: hidden; }
.banner .in > ul li { float: left;width:183px; margin-right:20px;}
.banner .in > ul li a { display: block;position: relative;height:65px;}
.banner .in > ul li a img{ position: absolute;left:0;top:0;right:0;bottom:0;margin:auto ;}



/* footer */

.foot {max-width:1200px; margin:0 auto;}
.foot .foot_m {border-bottom:1px solid #394147; padding:20px 0; display:inline-block; width:100%;}
.foot .foot_m ul li {float:left; padding-right:40px;}
.foot .foot_m ul li a {font-size:16px; line-height:26px; color:#fff;}

.foot .foot_b {display:flex; width:100%; padding:20px 0;}
.foot .foot_b .f_logo {width:163px; margin-right:50px;}
.foot .foot_b .add {width:50%;}
.foot .foot_b .add .add_txt01 {color:#b4e3f7; font-size:14px; line-height:24px;}
.foot .foot_b .add .add_txt02 {color:#d0d0d0; font-size:14px; line-height:24px;}
.foot .foot_right{display:flex; width:32%; color:#b4e3f7; font-size:14px; line-height:24px;}
.foot .foot_right img{margin-right:10px; height:60px;}


/* e-book */

/*.ebook_wrap {width:1200px; margin:60px auto 0;}
.ebook_wrap h1 {font-size:20px; font-weight:bold; margin:10px 0;}
.ebook_list {width:100%; display:inline-block; padding:20px 0;}
.ebook_list ul li {float:left; width:20%; margin-right:60px;}
.ebook_list ul li:last-child {margin-right:0;}
.ebook_list ul li h2 {font-size:16px; text-align:center; padding:10px 0;}
.ebook_list ul li h3 {font-size:14px; text-align:center; padding-bottom:30px;}*/




.ebook_wrap{ margin:100px 0 50px; }
.ebook_wrap > h1 { position:relative; margin:40px auto; width:280px; padding:15px 0 15px 30px; font-size:23px; font-weight:600; background:#529536; color:#fff; text-align:center; border-radius:30px; }
.ebook_wrap > h1:before{ position:absolute; top:16px; left:32px; content:''; background:url(/inc/img/ebook_title_logo.png) no-repeat center; width:25px; height:25px;}

.ebook_list ul{ overflow:hidden; max-width:979px; height:auto; margin:0 auto; padding:0 130px; background:url(/inc/img/ebook_bg01.jpg) no-repeat center; box-sizing:border-box  }
.ebook_list li{ position:relative; float:left; width:25%;  box-sizing:border-box; }

.ebook_list li a{ display:block; position:relative; padding:40px 30px 56px; font-size:12px; }
.ebook_list li a:hover:before{ position:absolute; content:''; width:118px; height:174px; top:37px; left:28px; border:solid 4px #245897; line-height:12px;}
.ebook_list li a:hover:after{ position:absolute; content:''; width:15px; height:10px; top:26px; left:85px; background:url(/inc/img/ebook_icon01.png) no-repeat center; line-height:12px;}
.ebook_list li:after {}

.ebook_list li a p img { max-width:100%; width:auto; margin:0 auto; }

.ebook_list li a h2{ position:absolute; bottom:63px; left:35px; color:#fff; z-index:99; font-size:12px;}
.ebook_list li a h2:after{ position:absolute; content:'';  bottom:-7px; left:-5px; width:0; height:0; border-bottom:50px solid; border-right:50px solid  transparent; color:#245897; z-index:-1; }
.ebook_list li a h3{ display:none; }
.ebook_list li a:hover h3{ display:block; position:absolute; top:5px; left:24px;  width:130px; height:20px; border-radius:50px; text-align:center;  background:#245897; color:#fff; font-size:12px; line-height:18px;}




@media screen and (max-width:1024px){
.ebook_wrap > h1 {font-size:16px; width:210px; margin-bottom:10px;}
.ebook_wrap > h1:before {top:14px; left:34px; width:22px; height:22px; background-size:22px;}
.ebook_list ul {background:none; padding:20px 40px 0;}
.ebook_list ul li {padding:0 20px;  margin-bottom:10px; padding-bottom:20px;}
.ebook_list li a {padding:24px 0 0 0;}
.ebook_list li a p {position:relative; }
/* .ebook_list li a p:before{content:''; position:absolute; left:-20%; width:140%; height:14px; background:#fff; bottom:-13px; z-index:9;bottom:-4px; box-shadow:0px -7px 8px 0px rgba(0,0,0,0.5)}
.ebook_list li a p:after{content:''; position:absolute; left:-10%; width:120%; height:1px; background:#fff; bottom:0; box-shadow:0px 1px 10px 0.2px rgba(0,0,0,0.9)} */
.ebook_list li a h2 {bottom:inherit; left:0; top:0; display:block; width:80px; height:24px; border:solid #dfdfdf; border-width:1px 1px 0 1px; border-bottom:1px solid #fff; background:#fff; line-height:24px; border-radius:3px; color:#333; text-align:center;}
.ebook_list li a h2:after {border:none;}
.ebook_list li a h2:before {content:''; position:absolute; width:4px; border:1px solid #ddd; left:80px; height:20px; top:2px; z-index:0; border-radius:2px;}
.ebook_list li a:hover:before {z-index:0; border:0; background:none;}
.ebook_list li a:hover:after {z-index:0;  border:0; background:none;}
.ebook_list li a h3 {display:block !important; text-align:center; padding:5px 0 0; letter-spacing:-0.5px; font-size:13px; font-weight:600; color:#333}
.ebook_list li a:hover h3{ display:block; position:relative; top:inherit; left:inherit; width:inherit; height:inherit; background:none; color:#333; line-height:inherit; font-size:13px; font-weight:600; }
.ebook_list li a p img {position:relative; z-index:9; margin-bottom:4px; border:1px solid #dfdfdf;}
.ebook_list li a p img:after {content:''; }
}








@media screen and (max-width:767px){


	#visual {height:auto;}

	.main-visual{width:100%; height:auto; top:58px;}
	.main-visual li {height:auto;}

	.quick_mm {width:100%; position:relative; top:8px; right:0; background:#0b4daf;}
	.quick_mm p {padding:30px 0; text-align:center;}
	.quick_mm ul {display:inline-block;}
	.quick_mm ul li {float:left; padding:15px 11%;}

	/* bx-slider-controls */
	#visual .main-visual .bx-controls .bx-pager .bx-pager-item {margin-left: 16px;}
	#visual .main-visual .bx-controls .bx-pager .bx-pager-item a.active {width: 56px;}
	#visual .main-visual .bx-controls .bx-controls-auto {margin-left: 25px;}
	#visual .main-visual .bx-controls {bottom:10px;}

	.sc01 {width:98%; margin:10px 0; padding:0 1%; display:inline-block; height:auto;}

	.sc01 .box1 {width:96%; padding:5% 2%; height:auto;}
	.sc01 .box1 ul {display:inline-block;}
	.sc01 .box2 {width:96%; padding:5% 2%; margin:10px 0; height:auto;}
	.sc01 .box3 {width:96%; padding:5% 2%; height:auto;}
	.sc01 .box4 {margin:0 auto; width:100%; height:auto;}

	.sc01 .box1 .more {left:0; right:0; text-align:right;}
	.sc01 .box2 .more {left:0; right:0; text-align:right;}
	.sc01 .box3 .more {left:0; right:0; text-align:right;}
	.sc01 .box4 .more {left:0; right:0; text-align:right;}



	.sc02 {width:98%; padding:0 1%; margin:10px 0;}
	.sc02 .sc02_box1 {width:100%;}
	.sc02 .sc02_box1 .left {display:none;}
	.sc02 .sc02_box1 .right {width:100%;}
	.sc02 .sc02_box2 {margin:0;}

	.sc02 .sc02_box2 ul li {width:100%; margin:10px 0;}
	.sc02 .sc02_box2 ul li a img {width:100%;}
	.sc02 .sc02_box2 ul li a:hover .hid_txt {width:87%; padding:4% 20px; height:335px;}
	.sc02 .sc02_box2 ul li a:hover .hid_txt .h_tit {padding-top:100px}
	.sc02 .sc02_box2 ul li:last-child {display:none;}
	.sc02 .sc02_box2 ul li:nth-child(2) {display:none;}


	.sc03 {width:100%; margin:0; display:inline-block;}
	.sc03 ul li {width:27%; float:left; padding:10px; height:161px;}
	.sc03 .sc03_in {width:96%; padding-left:4%; display:inline-block;}
	.sc03 ul li a .sc03_txt {font-size:12px;}

	.sc04 {width:100%; margin:0; display:inline-block;}


	.banner {display:none;}


	#footer {height:auto;}
	.foot {width:96%; padding:0 2%;}
	.foot .foot_m {display:none;}
	.foot .foot_b{flex-direction:column;}
	.foot .foot_b .f_logo {width:100%; text-align:center; margin:10px 0 20px;}
	.foot .foot_b .add {width:100%; text-align:center;}
	.foot .foot_right{width:100%;}
	.foot .foot_right img{height:30px;}

	/* e-book */

	.ebook_wrap {width:100%; margin:90px auto 0;}
/* 	.ebook_wrap h1 {font-size:18px;} */
	.ebook_list {width:100%; display:inline-block; padding:10px 0;}
	.ebook_list ul {padding:20px 20px 0;}
	.ebook_list ul li {float:left; width:50%; /* margin-right:10px; */}
	.ebook_list ul li:last-child {margin-right:0;}
	.ebook_list ul li h2 {font-size:12px;}
	.ebook_list ul li h3 {font-size:13px;}

	.layer_popup {display:none !important;}

	.foot .foot_right img{margin-top: 7px;}

}

@media screen and (max-width:440px){
.ebook_list li a h2 {width:60px;}
.ebook_list li a h2:before {width:3px; left:60px;}
}