@charset "utf-8";

#container {padding-bottom:80px;}
#container #contents{position:relative;margin:0 auto;width:1200px;padding:0;height:1320px;}

/* ========== 카드뉴스 ========== 시작 */




.box1 {
    overflow: hidden;
    position: absolute; top: 290px; left: 611px;
    width: 583px; height: 204px;
    background-color: #e4e4e4;
    border: 3px solid #1d4082;
}

.box1 .title{
    width: 588px; height: 40px;
    background-color: #034ea2;  /* 영상으로 만나는.... 배경색상 */
    overflow: hidden;
}

.box1 .title p{
    color: #ffffff; 
    font-size: 16px; 
    font-weight: 600;
    margin-top:6px;
    text-align: left;
    padding-left:10px
}


.box1 .card-img-box {
    float: left;
    width: 256px; height: 164px;
    box-sizing: border-box;
    border-right: 1px solid #efefef;
}


.box1 .card-list-box {
    float: right;
    background-color: #ffffff;
    width: 327px; height: 164px;
    padding:18px 20px 12px 20px;
    box-sizing: border-box;
}

.box1 .card-list-box .card-list-title {
    width: 100%; height: 32px;
    border-bottom: 1px solid #ccc;
}

.box1 .card-list-box .card-list-title span {
    font-size: 18px; font-weight:bold; color: #034ea2; /* 카드뉴스 홍보영상.... 글자색상 */
    line-height: 0px;
    position: absolute;
    left: 322px; top: 69px;
}

.box1 .title .btnMore {
    position: absolute;
    right: 15px; top: 20px;
}

.box1 .title .btnMore a {
    background: url(../images/main/btn_cardmore.png) no-repeat;
    background-size: 50px 50px;
    padding: 25px 25px 5px 25px;
}

.box1 .title .btnMore a:hover {
    background-size: 53px 53px;
    padding: 27px 27px 8px 27px;
    transition: .2s;
}



.box1 .card-list-box .card-list-text{
    width: 100%; height: 150px;
    padding-top: 2px;
}

.box1 .card-list-box .card-list-text ul li {
    font-size: 15px; color: #595959; white-space: nowrap;     
    text-overflow: ellipsis; 
    line-height: 30px;
    overflow: hidden; 
    display: block;
    background: url(../images/main/bg_dot.gif) no-repeat 1px 18px;
    background-size: 2px 2px;
    padding: 0 0 0 10px;
    letter-spacing: -1px;
}

/* ========== 카드뉴스 ========== 종료 */


/*.box1 {overflow:hidden;position:absolute;top:575px;left:611px;width:588px;height:210px;background-color: #e4e4e4;}*/

.box1 .list {position:relative;}
.box1 .list:before {position:absolute;left:0;top:0;content:'';width:100px;height:293px;}
.box1 .list > ul > li:first-child .slide-motion {left:35px;}
.box1 .slide-box {position:absolute;left:-7px;top:35px;width:550px;height:155px;overflow:hidden;}
.box1 .slide-motion {position:absolute;top:20px;left:585px;width:510px;height:260px;z-index:2;}
.box1 .slide-motion > strong {display:block;margin-bottom:15px;letter-spacing: -1px;font-size:18px;line-height: 28px;padding-left: 10px;    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.box1 .slide-motion > strong a{color:#333;font-weight: 600;}
.box1 .slide-motion .img {float:left;width:100px;height:125px;border:1px solid #aaa;}
.box1 .slide-motion .img img {width:100%;height:100%;}
.box1 .slide-motion .txtCon {padding:8px 12px;overflow:hidden;color: #333;font-size: 14px;}
.box1 .slide-motion .txtCon li span{padding-right: 15px;color: #000;}
.box1 .slide-motion .txtCon .btn {margin:25px 0 0 0;}
.box1 .slide-motion .txtCon .btn a {display:inline-block;padding:0 22px;height:22px;line-height:22px;color:#8f8f8f;border:1px solid #d7d7d7;font-weight:bold;}

.box1 .list > strong {position:absolute;left:15px;top:5px;width:100px;height:45px;color: #e84337;font-size:18px;font-weight:600;line-height:45px;text-align:center;}
.box1 .list > ul > li > .slide-tabs {position:absolute;left:0;display:block;width:100px;height:38px;border:solid #fff;border-width:1px 0;color:#333;font-size:14px;font-weight:600;line-height:38px;text-align:center;}
.box1 .list > ul > li > .slide-tabs.tab1 {top:45px;}
.box1 .list > ul > li > .slide-tabs.tab2 {top:84px;}
.box1 .list > ul > li > .slide-tabs.tab3 {top:123px;}
.box1 .list > ul > li > .slide-tabs.tab4 {top:162px;}
.box1 .list > ul > li.on > a,
.box1 .list > ul > li > a:focus,
.box1 .list > ul > li > a:hover {background-color:#3677a0;color:#fff;font-size:14px;}
.box1 .list > ul > li.on > a:after,
.box1 .list > ul > li > a:focus:after,
.box1 .list > ul > li > a:hover:after {position:absolute;right:-10px;top:11px;content:'';width:10px;height:16px;background:url('../images/main/slide-tabs-arrow.png') no-repeat left top;z-index:2;}
.box1 .list > ul > li.focus .slide-motion {left:41px;z-index:2;}

.box1 .slide {position:relative;}
.box1 .slide .arrow {position:absolute;right:20px;top:15px;}
.box1 .arrow a {overflow:hidden;float:left;display:block;width:22px;height:23px;margin-left:1px;background:url('../images/main/btn_slide.gif') no-repeat;text-indent:-999em;}
.box1 .arrow a.prev {background-position:0 0;}
.box1 .arrow a.next {background-position:right 0;}
.box1 .arrow a.play, .box1 .arrow a.stop {}
.box1 .arrow a.play {background-position:-23px 0;}
.box1 .arrow a.stop {display:none;background-position:-47px 0;}

.box2 {position:absolute;top:1085px;left: 815px;border:1px solid #BBC5D0;}
.box2 .tit {margin-bottom:6px;color:#14599a;font-size:18px;font-weight:600;line-height:45px;text-indent:16px;}
.box2 .list {margin:0 auto;width:380px;height:188px;overflow:hidden;}
.box2 .list li {float:left;}
.box2 .num {position:absolute;top:13px;right:65px;font-weight:bold;font-size:14px;color:#ccc;}
.box2 .arrow {position:absolute;top:15px;right:10px;}
.box2 .arrow a {overflow:hidden;display:inline-block;width:20px;height:16px;background:url('../images/main/btn_slide2.png') no-repeat;text-indent:-999em;}
.box2 .arrow .prev {background-position:5px 0;}
.box2 .arrow .next {background-position:-20px 0;}
.box2 .popupzone_img {width:380px;height:188px}

.box3 {position:absolute;top:268px;left:600px;width:380px;height:48px;}
.box3 .search {position:relative;border:3px solid #3677a0;}
.box3 .search select {margin:0 0 0 10px;width:90px;height:28px;border:0 none;color:#555;font-size:14px;font-weight:600;vertical-align:middle;}
.box3 .search input {border:0 none;width:230px;height:42px;padding:0;color:#595959;vertical-align:middle;}
.box3 .search .btn {position:absolute;right:0;top:0;width:41px;height:42px;background:url('../images/main/btn_head_search1.gif') no-repeat left top;}

.box4 {position:absolute;top:0px;left:0;}
.box4 .tit {color: #e84337;font-size: 18px;font-weight: 600;}
.box4 .list {margin-top:15px;width:500px;}
.box4 .list li {height: 195px;}
.box4 .list li > a {position: relative;display: block;width: 550px;height: 168px;}
.box4 .list li > a > img {width:124px;height:165px;border:1px solid #aaa;display: block;    position: absolute;left: 0;top: 0;box-shadow: 3px 3px 5px #aaa;}
.box4 .list li > a > di{position: absolute;left: 145px;letter-spacing :-0.5px;font-size:16px;width:400px;}
.box4 .list li > a > di > dt{color: #285984;line-height: 24px;}
.box4 .list li > a > di > dd{line-height:24px;overflow: hidden;color:#595959;margin-bottom: 15px;font-size: 15px;}
.box4 .list li > a > di > dd > .tit {font-size: 20px;color: #333;font-weight: 600;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;display: block;margin-top: 2px;}
.box4 .list li > a > di > .box {height:95px;}

.tabBox {position:relative;width:378px;height:229px;border:1px solid #bbc5d0;}
.tabBox h2 {position:absolute;top:0;display:inline-block;background:#fff;}
.tabBox h2 a {display:inline-block;height:47px;line-height:47px;border-right:1px solid #bbc5d0;border-bottom:1px solid #bbc5d0;font-size:15px;color:#444;font-weight:600;text-align:center;}
.tabBox h2 a.active {color:#14599a;border-bottom:1px solid #fff;font-size:16px;}
.tabBox .btnMore {position:absolute;right:15px;top:12px;}
.tabBox .btnMore a {display:inline-block;padding:0 15px;height:19px;line-height:19px;border-radius:10px;color:#555;border:1px solid #bbb;font-size:11px;}
.tabBox .tabCon {margin:47px 0 0 0;padding:20px 0 0 18px;border-top:1px solid #BBC5D0;overflow:hidden;}
.tabBox .tabCon .list li {margin:0 15px 7px 0;padding:0 0 3px 10px;background:url('../images/main/bg_dot.gif') no-repeat 0 9px;}
.tabBox .tabCon .list li a {display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;color:#333;}
.tabCon {display:none;}

.box5 {position:absolute;top:550px;left:0;}
.box5 h2.menu1 {left:0;}
.box5 h2.menu1 a {width:92px;}
.box5 h2.menu2 {left:93px;}
.box5 h2.menu2 a {width:92px;}
.box5 h2.menu3 {left:186px;}
.box5 h2.menu3 a {width:92px;}
.box5 .imgCon {margin:39px 0 0 0;padding:19px 0 0 18px;border-top:1px solid #ebebeb;overflow:hidden;}
.box5 .imgCon a {display:block;overflow:hidden;}
.box5 .imgCon .img {float:left;margin:0 20px 0 0;width:78px;height:98px;border:1px solid #dddddd;}
.box5 .imgCon .img img {width:100%;height:100%;}
.box5 .imgCon .txtBox {float:left;width:250px;}
.box5 .imgCon .txtBox strong {display:block;margin:5px 0 20px 0;font-size:14px;color:#666;font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box5 .imgCon .txtBox .txt1 {margin:0 0 5px 0;font-size:12px;color:#666;}
.box5 .imgCon .txtBox .txt2 {font-size:12px;color:#999;}

.box7 {position:absolute;top:550px;left:390px;width:197px;height:382px;border:1px solid #BBC5D0;background:url('../images/main/bg_tree.jpg') right bottom no-repeat;}
.box7 .tit {margin:15px 0 0 20px;font-size:18px;color:#14599a;font-weight:600;}
.box7 .list {margin:12px 0 0 20px;}
.box7 .list li {padding:5px 0 0 12px;background:url('../images/main/bg_dot_blue.gif') no-repeat 0 13px ;}
.box7 .list li a {color:#2D6F83;font-size:15px;font-weight:500;}

.box8 {position:absolute;top:1088px;left:385px;width:410px;padding:0 6px 0 7px;}
/*.box8 .tit {font-size:18px;color:#14599a;font-weight:600;line-height:47px;text-indent:15px;}*/
.box8 .con {}
.box8 .con a {display:block;height:50px;}
.box8 .con strong {display:block;font-weight:600;font-size:16px;color: #333;line-height: 20px;}
.box8 .con p {font-size:12px;}
.box8 .num1 {padding:12px 0 12px 108px;background:url('../images/main/bg_book2.jpg') no-repeat 35px center;}
.box8 .num1 p {color:#777;}
.box8 .num2 {overflow:hidden;}
.box8 .num2 .subTit {float:left;margin:100px 0 0 0;padding:30px 0 0 0;width:102px;text-align:center;background:url('../images/main/bg_at.gif') no-repeat center 0;}
.box8 .num2 .list {float:left;margin-top: 1px;}
.box8 .num2 .list li {padding:10px 0 2px 70px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;float: left;width:115px;margin:-1px 0 0 15px;}
.box8 .num2 .list li .pt10 {padding-top:10px;}
.box8 .num2 .list li.icon01 {background:url('../images/main/main_icon01.png') no-repeat 12px 17px;}
.box8 .num2 .list li.icon02 {background:url('../images/main/main_icon02.png') no-repeat 12px 17px;}
.box8 .num2 .list li.icon03 {background:url('../images/main/main_icon03.png') no-repeat 12px 17px;}
.box8 .num2 .list li.icon04 {background:url('../images/main/main_icon04.png') no-repeat 12px 17px;}
.box8 .num2 .list li.icon05 {background:url('../images/main/main_icon05.png') no-repeat 12px 17px;}
.box8 .num2 .list li.icon06 {background:url('../images/main/main_icon06.png') no-repeat 12px 17px;}
.box8 .num2 .list li.icon07 {background:url('../images/main/main_icon07.png') no-repeat 12px 15px;}

.box9 {position:absolute;top:792px;left:0;width:379px;border-left:1px solid #bbc5d0;border-bottom:1px solid #bbc5d0;overflow:hidden;}
.box9 .list li {float:left;width:50%;}
.box9 .list > li > a {position:relative;display:block;line-height:48px;height:46px;background-color:#E6E6E6;color:#333;font-size:15px;letter-spacing:-0.4px;font-weight:600;text-indent:15px;border-right:1px solid #bbc5d0;border-top:1px solid #bbc5d0;}
.box9 .list > li:nth-child(2) > a,
.box9 .list > li:nth-child(3) > a,
.box9 .list > li:nth-child(6) > a {background-color:#f9f9f9;}
.box9 .list > li > a:after {position:absolute;right:0;top:0;content:'>';width:25px;height:43px;color:#368cb9;font-size:12px;font-weight:bold;text-align:center;text-indent:0;}
.box9 .list > li > .lastA{position:relative;display:block;line-height:48px;height:46px;background-color:#f9f9f9;color:#333;font-size:15px;letter-spacing:-0.4px;font-weight:600;text-indent:15px;border-right:1px solid #bbc5d0;border-top:1px solid #bbc5d0;}
.box9 .list > li > .lastA:after {position:absolute;right:0;top:0;content:'';width:25px;height:43px;color:#368cb9;font-size:12px;font-weight:bold;text-align:center;text-indent:0;}

.box10 {position:absolute;top:530px;left:611px;border:1px solid #ccc;height:255px;}
.box10 .num {position: absolute;top: 13px;right:15px;font-weight: bold;font-size: 14px;color: #ccc;}
.box10 .arrow {position: absolute;top:120px;left:10px;width: 570px;}
.box10 .arrow a {overflow:hidden;display:inline-block;width:20px;height:16px;background:url('../images/main/btn_slide2.png') no-repeat;text-indent:-999em;}
.box10 .arrow .prev {background-position:5px 0;position: absolute;left: 0;}
.box10 .arrow .next {background-position:-20px 0;position: absolute;right: 0;}
.box10 .popupzone_img {width:380px;height:188px}
.box10 .play_btn{position: absolute;top: 15px;right:40px;}

.box11 {overflow:hidden;position:absolute;top:0px;left:611px;width:588px;}
.box11 img {width:588px;margin:0;height: 260px;}
.box11 .list {position:relative;}
.box11 .tit {color: #e84337;font-size: 18px;display: inline;margin-right: 10px;}
.box11 .tit a{color: #000;}
.box11 .tit1 {font-size:18px;bottom:12%;line-height: 18px;font-weight: 600;color:#fff;position:absolute;left:20px;width:540px;}
.box11 .tit1 p{font-size:14px;overflow: hidden;font-weight: 400;padding-top:10px;}
/*
.box11 {overflow:hidden;position:absolute;top:0px;left:611px;width: 298px;}
.box11 img {margin:0;}
.box11 .list {position:relative;height:250px;margin-top: 15px;}
.box11 .tit {color: #e84337;font-size: 18px;display: inline;margin-right: 10px;}
.box11 .tit1 {font-size:17px;bottom:25px;}
.box11 .tit2 {font-size:14px;bottom:15px;}
.box11 .tit1, .box11 .tit2 {line-height: 18px;font-weight: 600;color:#fff;position:absolute;left:20px;width: 255px;}
.box11 .img01{position:absolute;top:0px;left:0px;}
.box11 .img02{position:absolute;top:0px;left:298px;}
.box11 .img03{position:absolute;top:140px;left:298px;}
.box11 .btnMore{position:absolute;right:10px;top:7px;}
.box11 .btnMore a{background:url('../images/main/next_btn.png') no-repeat 0 8px;padding:9px;}
*/

.box12 {position:absolute;top:840px;left:0;width:380px;}
.box12 h2{color:#3A709E;font-size:22px;}
.box12 .list_box{border-top: 1px solid #555;}
.box12 .list {position:relative;width: 370px;}
.box12 .list li{padding-top:22px;}
.box12 .data{font-size: 16px;color: #333;}
.box12 .tit{font-size: 18px;font-weight: 600;color: #000;line-height:26px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width:360px;padding-bottom:8px;}
.box12 p{font-size:16px;height:50px;overflow: hidden;}
.box12 .btnMore {position:absolute;right:10px;top:7px;}
.box12 .btnMore a{background:url('../images/main/next_btn.png') no-repeat 0 8px;padding:9px;}


.box13 {position:absolute;top:840px;left:410px;width:380px;}
.box14 {position:absolute;top:840px;left:820px;width:380px;}
.box13 h2, .box14 h2{color:#3A709E;font-size:22px;}
.box13 .list_box, .box14 .list_box{border-top: 1px solid #555;}
.box13 ul, .box14 ul{margin-top:23px;}
.box13 li{font-size:16px;background:url('../images/main/bg_dot.gif') no-repeat 0 12px;padding:0 0 0 10px;height: 30px;}
.box13 li a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display:inline-block;width:370px;margin-right: 10px;}
.box13 li span{font-size: 14px;vertical-align: top;color: #315F9B;}
.box14 li{font-size:16px;background:url('../images/main/bg_dot.gif') no-repeat 0 12px;padding:0 0 0 10px;height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width:370px;}
.box13 .btnMore, .box14 .btnMore{position:absolute;right:10px;top:7px;}
.box13 .btnMore a, .box14 .btnMore a{background:url('../images/main/next_btn.png') no-repeat 0 8px;padding:9px;}


.box15 {position:absolute;top:0px;left:925px;width:285px;}
.box15 h2{color: #e84337;font-size: 18px;display: inline;margin-right: 10px;}
.box15 ul{margin-top:14px;}
.box15 li{font-size:16px;    line-height: 27px;background:url('../images/main/bg_dot.gif') no-repeat 0 12px;padding:0 0 5px 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width:265px;}
.box15 .btnMore{position:absolute;right:10px;top:7px;}
.box15 .btnMore a{background:url('../images/main/next_btn.png') no-repeat 0 8px;padding:9px;}