@charset "utf-8";
/*=================================================================================
 * layout
 =================================================================================*/
#wrap {min-height:100%; min-width:1200px; margin:0 0 -55px 0;}
#wrap > .inner {padding: 0 0 55px 0;}

#header {background:#ececec url("../images/header_bg.jpg") center top no-repeat; background-size:cover;}
#header .h_top {position:relative; width:1200px; height:97px; margin:0 auto; border-bottom:1px solid rgba(0, 0, 0, 0.2); box-sizing:border-box; padding:44px 0 0 0;}
#header .h_top:after {content: ""; display: block; clear: both;}
#header .h_top div {float:left; width:435px; height:37px; background-image:url("../images/logo_president.png"); background-repeat:no-repeat; background-size:100% 100%;}
#header .h_top div i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}
#header .h_top h1 {float:right;}
#header .h_top h1 a {display:block; width:115px; height:38px; background-image:url("../images/logo_briefing.png"); background-repeat:no-repeat; background-size:100% 100%;}
#header .h_top h1 i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}
#header .h_cont {position:relative; width:1200px; height:519px; margin:0 auto; box-sizing:border-box; padding:50px 0 0 0;}
#header .h_cont:after {content: ""; display: block; clear: both;}
#header .h_cont .photo_slider {position:relative; box-sizing:border-box; width:580px; height:410px; float:left; overflow:hidden;}
#header .h_cont .photo_slider h3{position:absolute; left:0; top:0; font-size:16px; text-align:center; color:#fff; font-family:"NanumSquareR"; font-weight:inherit; z-index:10; background-color:rgba(0, 0, 0, 0.5); padding:5px 10px;}
#header .h_cont .photo_slider > div {}
#header .h_cont .photo_slider > div:after {content: ""; display: block; clear: both;}
#header .h_cont .photo_slider > div .item {float:left; width:100%;}
#header .h_cont .photo_slider > div .item .inner {position:relative; display:block; width:100%;}
#header .h_cont .photo_slider > div .item .inner .thumb {border-bottom:1px solid #dddddd; line-height:0; font-size:0; box-sizing:border-box;}
#header .h_cont .photo_slider > div .item .inner .thumb img {width:100%; height:100%;}
#header .h_cont .photo_slider > div .item .inner .text {display:table; position:absolute; bottom:35px; left:0; width:100%; height:66px; line-height:35px; text-align:center; color:#fff; font-size:30px; letter-spacing:-0.03em; padding:0 80px; box-sizing:border-box; font-family:"NanumSquareR"; font-weight:bold;}
#header .h_cont .photo_slider > div .item .inner .text i {display:table-cell; vertical-align:middle;}
#header .h_cont .photo_slider .owl-prev,
#header .h_cont .photo_slider .owl-next {position:absolute; bottom:35px; width:30px; height:66px; background-repeat:no-repeat; background-size:100% 100%; background-position:center center; z-index:11; overflow:hidden; text-indent:-10000px;}
#header .h_cont .photo_slider .owl-prev {left:49px; background-image:url("../images/arrow_prev.png");}
#header .h_cont .photo_slider .owl-next {right:49px; background-image:url("../images/arrow_next.png");}
#header .h_cont .photo_slider .more {position:absolute; right:0; top:0; width:45px; height:45px; background-image:url("../images/more_plus.png"); background-repeat:no-repeat; background-size:14px 14px; background-position:center center; z-index:11;}
#header .h_cont .photo_slider .more i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}

#header .h_cont .rBox {float:right; width:610px; position:relative; box-sizing:border-box;}
#header .h_cont .rBox .hope {position:relative; width:400px; float:left;}
#header .h_cont .rBox .hope img {width:100%;}
#header .h_cont .rBox .message {position:relative; width:200px; float:right; margin:0 0 0 10px;}
#header .h_cont .rBox .message img {width:100%;}
#header .h_cont .rBox .linkbox {position:relative; width:200px; float:left; margin:10px 0 0 0;}
#header .h_cont .rBox .linkbox .outb {position:relative; width:100%; height:0; overflow:hidden; padding-bottom:100%; background-image:url("../images/linkbox_bg.jpg"); background-repeat:no-repeat; background-position:left top; background-size:100% 100%;}
#header .h_cont .rBox .linkbox .outb .inb {display:inline-block; position:absolute; left:0; top:0; right:0; bottom:0;}
#header .h_cont .rBox .linkbox .outb .inb ul li {border-top:1px solid #7dcbcd;}
#header .h_cont .rBox .linkbox .outb .inb ul li a {font-size:14px; color:#fff; font-family:"NanumSquareR"; font-weight:bold; letter-spacing:-0.04em; padding:10px 15px; display:block;}
#header .h_cont .rBox .linkbox .outb .inb ul li:first-child + li a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#header .h_cont .rBox .linkbox .outb .inb ul li:first-child + li + li a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

#header .h_cont .rBox .linkbox .outb .inb ul li.first {border-top:none; display:table;}
#header .h_cont .rBox .linkbox .outb .inb ul li.first a {font-size:18px; display:table-cell; vertical-align:middle; padding:0;}
#header .h_cont .rBox .linkbox .outb .inb ul li.first a span {display:block; padding:30px 70px 20px 15px; background-image:url("../images/linkbox_bg02.png"); background-position:right bottom; background-repeat:no-repeat; background-size:65px 82px; }
#header .h_cont .rBox .movie {position:relative; width:400px; float:left; margin:10px 0 0 10px;}
#header .h_cont .rBox .movie h3{position:absolute; left:15px; top:10px; font-size:18px; text-align:center; color:#fff; font-family:"NanumSquareR"; font-weight:inherit; z-index:10; font-weight:bold;}
#header .h_cont .rBox .movie img {width:100%;}

#container {background:#fff;}
#container > .inner {width:1200px; margin:0 auto; padding:50px 0 30px 0; box-sizing:border-box;}
#container > .inner:after {content: ""; display: block; clear: both;}
#container .list {position:relative; display:none;}
#container .list.on {display:block;}
#container .list:after {content: ""; display: block; clear: both;}
#container .list li {float:left; padding:0 0 25px 0; width:25%;}
#container .list li a {display:block; border:1px solid #e7e7e7; margin:0 auto; width:275px;}
#container .list li a .thumb {position:relative; width:100%; display:block; height:0; overflow:hidden; padding-bottom:65.56%; box-sizing:border-box;}
#container .list li a .thumb .inner {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0;}
#container .list li a .thumb img {width:100%; height:100%;}
#container .list li a .thumb i {position:absolute; bottom:0; left:0; display:block; padding:0 10px; background:#fff; font-size:12px; color:#999; line-height:28px; height:22px; z-index:10;}
#container .list li a .box {display:block; padding:26px 20px; background-color:#FFF;}
#container .list li a .title {display:block; font-size:20px; font-family:"NanumBarunGothic"; font-weight:bold; line-height:26px; color:#000;}
#container .list li a .lead {display:block; font-size:15px; font-family:"NanumBarunGothic"; color:#666; margin-top:10px;}
#container .list li a .more {display:block; width:83px; height:23px; margin-top:15px;}
#container .list li a .more img {width:100%; height:100%;}

#footer {height:55px; background-color:#262626;}
#footer > .inner {position:relative; width:1200px; margin:0 auto; color:#b0b0b0; padding:14px 0 0 0; box-sizing:border-box; font-size:12px;}
#footer > .inner:after {content:""; clear:both; display:block;}
#footer a {color:#b0b0b0;}
#footer address {float:left; line-height:18px;}
#footer address span:first-child + span + span + span {display:block;}
#footer .copy {float:right; line-height:18px; margin-right:45px;}
#footer .copy span {line-height:0; font-size:0;}
#footer .copy span a {display:inline-block; width:49px; height:16px; background-image:url("../images/kogl.png"); background-repeat:no-repeat; background-size:100% 100%; vertical-align:top;}
#footer .copy span i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}

.move_top {position:fixed; right:15px; bottom:3px; width:43px; height:43px; border:1px solid #d4d4d4; background-color:#fafafa; background-image:url("../images/go_top_arrow.png"); background-size:15px 15px; background-repeat:no-repeat; background-position:center center; z-index:45;}
.move_top i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}

/*=================================================================================
* paging
=================================================================================*/
.paging {position:relative; vertical-align:middle; text-align:center; font-size:0; margin:20px 0 20px 0;}
.paging a {position:relative;}
.paging .num {font-size:0; margin:0 5px;}
.paging .num > a {padding: 0 10px; height:33px; line-height:38px; display:inline-block; color:#666666; font-size:15px; border:1px solid #e1e1e1;}
.paging .num.on > a {color:#ec5959; font-weight:bold;}
.paging > a {vertical-align:top; display:inline-block; width:35px; height:35px;}
.paging > a > i {text-indent:-10000px; overflow:hidden; height:0; font-size:0;}
.paging > a.first,
.paging > a.prev,
.paging > a.next,
.paging > a.last {width:33px; height:33px; background-repeat:no-repeat; background-size:100% 100%; border:1px solid #e1e1e1;}
.paging > a.first {background-image:url("../images/page_first.png"); margin-right:5px;}
.paging > a.prev {background-image:url("../images/page_prev.png"); margin-right:10px;}
.paging > a.next {background-image:url("../images/page_next.png"); margin-left:10px;}
.paging > a.last {background-image:url("../images/page_last.png"); margin-left:5px;}

/* 
.paging_mo {width:100%; text-align:center; font-size:14px; font-family:"NanumSquareR"; font-weight:bold;}
.paging_mo i {display:inline-block; height:62px; line-height:62px; background-image:url("../images/more_st01.png"); background-repeat:no-repeat; background-size:34px 34px; background-position:right center; padding:0 40px 0 0; letter-spacing:-0.03em;} 
*/