@charset "utf-8"; 

.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
body {width:100%; /*min-width:1600px;*/ background: #fafafa;}
table {width:100%; border-spacing:0; border-collapse:collapse;}
li {list-style:none;}

/*** desktop ***********************************************************************************************************************/
/* common */
#container {*zoom:1;  width:1501px; margin:0 auto; position:relative;}
#container:after {content:""; display:block; clear:both;}
#header{float:left; background:#fff; width:275px; height:100%; box-sizing:border-box;}
.main-header {min-height:1623px;}
.sub-header {min-height:800px;}
#header .logo_box {width:100%; height:175px; background:#fff;}
#header .logo_box a {display:block; width:100%; height:100%; text-align:center; padding:29px 0 0 0; box-sizing:border-box;}
#header .contact {background: #175692; display: flex; height: 48px; justify-content:center; align-items: center;}
#header .contact a{color: #fff; font-weight: 700; display: flex; align-items: center; font-size: 16px; width: 100%; height: 100%; justify-content: center;}
#header .contact a img{margin-right: 8px;}

.light{
background: -moz-linear-gradient(-45deg,  #175692 0%, #175692 40%, #ffffff 50%, #175692 60%, #175692 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#175692), color-stop(40%,#175692), color-stop(50%,#ffffff), color-stop(60%,#175692), color-stop(100%,#175692));
background: -webkit-linear-gradient(-45deg,  #175692 0%,#175692 40%,#ffffff 50%,#175692 60%,#175692 100%);
background: -o-linear-gradient(-45deg,  #175692 0%,#175692 40%,#ffffff 50%,#175692 60%,#175692 100%);
background: -ms-linear-gradient(-45deg,  #175692 0%,#175692 40%,#ffffff 50%,#175692 60%,#175692 100%);
background: linear-gradient(135deg,  #175692 0%,#175692 40%,#ffffff 50%,#175692 60%,#175692 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175692', endColorstr='#175692',GradientType=1 );
background-repeat: no-repeat;  
background-position:0px;
background-size:300%;  
}

.light:hover{animation:light 1s; -webkit-animation:light 1s;}

@keyframes light {
  0% {
        background-position:-600px; 
  }
  100% { 
        background-position:0px; 
  }
}
        
@-webkit-keyframes light {
  0% {
        background-position:-600px; 
  }
  100% { 
        background-position:0px; 
  }
}

#header #home_menu {}
#header #home_menu ul {*zoom:1;}
#header #home_menu ul:after {content:" "; display:block; clear:both;}
#header #home_menu ul li {float:left; text-align:center; width:50%; height:35px; line-height:35px; background:#57bb7a; box-sizing:border-box; border-top:1px solid #fff; border-bottom:1px solid #ddd; transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
}
#header #home_menu ul li:hover {background:#347149;}
#header #home_menu ul li:first-child {border-right:1px solid #fff;}
#header #home_menu ul li a {display:block; font-size:15px; font-weight:600; color:#fff;}
#header .gnb {padding:0; box-sizing:border-box;}
#header .gnb ul {}
#header .gnb ul li {font-size:16px; line-height:55px; font-weight:600; padding: 0px 15px;}
#header .gnb ul li a {display:block; width:100%; padding:0 0 0 20px; color:#333; box-sizing:border-box; font-weight: 700;}
#header .gnb ul li a:hover {color:#000;}
#header .gnb ul li ul {display:none;}
#header .gnb ul li ul li {line-height:40px; padding:0;}
#header .gnb ul li ul li a {width:100%; font-size:15px; color:#333; font-weight:400; display:block; box-sizing:border-box; padding-left: 25px}
#header .gnb ul li ul li a:hover, #header .gnb ul li ul li a.active {background:url('../images/gnb_arrow.png') 90% center no-repeat; color:#175692; font-weight: 500;}

#header .gnb ul li.active > ul.sub{display: block; background: #f2f2f2; border-radius: 10px; padding: 10px 5px;}
ul.sub{display: block; background: #f2f2f2; border-radius: 10px; padding: 10px 5px;}

/* footer */
#footer {position:absolute; bottom:25px; box-sizing:border-box; left: 20px;}
#footer .address p {color:#525252; font-weight:600; font-size:17px; padding:0 0 5px 0; letter-spacing: -0.2px;}
#footer .address address {line-height:20px; font-size: 13px; margin-top: 10px; letter-spacing: -0.2px;}
#footer .address span {display:block; margin:0 0 5px; font-size: 14px; letter-spacing: -0.2px;}
#footer .address address em{font-size: 13px; font-weight: 500;}
#content{border-right:1px solid #ececec;position:relative; float:left; width:1175px; min-height:1350px; background-color:#fff; box-sizing:border-box; border-left: 1px solid #ececec;}
#content::before{position:absolute; display:block; content:""; width:275px; background:#fff; left:-275px; z-index:-1; height:100%; border-right:1px solid #f5f5f5;}

/* mobile */
#mob_header {display:none;}
.allmenu {display:none;}
#nav{display:none;}
#footer_m {display:none;}
#topmenu {display:none;}


/* mainvisual */
#visual {width:100%; min-width:1175px; height:790px; overflow:hidden; position:relative; z-index: 1}
#visual .roll {position:relative; width:500%; height:100%;}
#visual .roll > li {overflow:hidden; float:left; width:20%; height:100%;}
#visual .roll .bg1 {background:url('../images/main/slider01.jpg') no-repeat center;}
#visual .roll .bg2 {background:url('../images/main/slider02.jpg') no-repeat center;}
#visual .roll .bg3 {background:url('../images/main/slider03.jpg') no-repeat center;}
#visual .roll .bg4 {background:url('../images/main/slider04.jpg') no-repeat center;}
#visual .roll .bg5 {background:url('../images/main/slider05.jpg') no-repeat center;}
#visual .roll .bg6 {background:url('../images/main/slider06.jpg') no-repeat center;}
#visual .roll .bg7 {background:url('../images/main/slider07.jpg') no-repeat center;}
#visual .roll .bg8 {background:url('../images/main/slider08.jpg') no-repeat center;}
#visual .roll .bg9 {background:url('../images/main/slider09.jpg') no-repeat center;}
#visual .roll .bg10 {background:url('../images/main/slider10.jpg') no-repeat center;}

#visual .controlBox {width:100%; position:absolute; bottom:74px; left:0; text-align:center; z-index:99;}
#visual .controlBox > p {display:inline-block;}
#visual .controlBox .vtab {}
#visual .controlBox .vtab > a {width:9px; height:9px; display:inline-block; margin:0 6px; border:2px solid #fff;}
#visual .controlBox .vtab a.active {width:34px; border:2px solid #fff !important; background:#fff;}



/*메인 dates*/
#sec_box {*zoom:1;}
#sec_box:after {content:""; display:block; clear:both;}
#sec_box .sec2_date {width:48%; height:272px; float:left; box-sizing:border-box; position: relative;}
#sec_box .sec2_date > div{background: #fff; box-shadow: 0px 5px 15px #b9b9b9; width: 498px; height: 340px; position: absolute; top: -70px; z-index: 9999999; border-radius: 30px; left: 50%; transform: translate(-50%, 0%);}
#sec_box .date-ul{padding: 10px 35px;}
#sec_box .date-ul li{display: flex; align-items: center; width: 100%; height: 107px; padding: 0 35px; border-bottom: 2px dotted #d9d7d7;}
#sec_box .date-ul li:last-child{border-bottom: 0;}
#sec_box .date-ul li img{width: 67px; height: 67px; margin-right: 20px;}
#sec_box .date-ul li .date_txt p{font-weight: 600; font-size: 16px; text-align: left;}
#sec_box .date-ul li .date_txt strong{font-size: 22px; font-weight: 500; letter-spacing: -0.5px;}


/*퀵메뉴*/
.quick{position:absolute; width:120px; top:0; right:-120px; border-radius:0 20px 20px 0; box-shadow:2px 0px 6px #dbdbdb; z-index:100; background:#fff;}
.quick ul{}
.quick ul li{border-bottom: 2px dotted #d9d7d7; height: 120px; padding: 8px 0;}
.quick ul li:last-child{border-bottom: 0;}
.quick ul li a{display:block; text-align:center; padding-top:5px; transition:all 0.3s; position:relative;}
.quick ul li span{display:block; text-align:center; color:#333; font-size:14px; font-weight:600; letter-spacing: -0.6px;}



/*roll banner*/
#sec_box .sec2_pl{width: 1113px; margin: 0 auto; height:280px; padding:81px 20px 0; box-sizing:border-box; overflow: hidden; position: relative; background: url(../images/main/plenary_bg.png); border-radius: 30px;}
#sec_box .sec2_key {width:50%; height:272px; float:left; padding:79px 0 0; box-sizing:border-box; overflow: hidden; position: relative;}
#sec_box .sec2_key .box-title, #sec_box .sec2_pl .box-title{font-size: 25px; font-weight: 800; position: absolute; top: 0; left: 0; padding: 28px 0; width: 100%;}
#sec_box .sec2_pl .box-title{color: #fff;}
.slick-slide { margin: 0px 20px;}
.slick-slide img {/*width: 100%;*/}
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide .ps_img{float: left;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

#rollBanner > .slick-list > .slick-track, #rollBanner > .slick-list > .slick-track > .rollWrap{width: 100% !important; margin: 0 auto !important; }
/*.keynote_slider .container{overflow: hidden;}*/
.keynote_slider > .slick-list{overflow: inherit;}
.keynote_slider > .slick-list .rollWrap{margin-left: 0;}
.keynote_slider .slick-initialized .slick-slide{margin-left: 0; width: 177px !important; margin: 0 !important; height: 192px; background: #175692; border-radius: 30px; margin-right: 20px !important; display: flex;}
#rollBanner button{cursor: pointer; border: 0; position: absolute; overflow: hidden; text-indent: 15em;}
#rollBanner .slick-prev{top: -58px; right: 68px; background: url(../images/main/arr_l.png) no-repeat; width: 36px; height: 36px;}
#rollBanner .slick-next{top: -58px; right: 25px; background: url(../images/main/arr_r.png) no-repeat; width: 36px; height: 36px;}

#rollBanner .ps_text{display: flex; flex-direction: column; justify-content: space-around; padding: 20px 20px;}
#rollBanner .ps_text p{letter-spacing: -0.55px;}
#rollBanner .ps_text .ps_content{font-size: 15px; text-align: left; color: #fff; height: 110px;}
#rollBanner .ps_text .ps_date{font-size: 14px; color: #d2e8f2; text-align: right;}

#sec_box .sec2_pl .ps_text .ps_title{color: #78edff; line-height: 18px; margin-bottom: 5px;}
#sec_box .sec2_pl .ps_text .name{font-size: 15px; line-height: 16px; margin-top: 3px; color: #fff;}
#sec_box .sec2_pl .ps_text .app{font-size: 13px; line-height: 15px; color: #fff;}
#sec_box .sec2_pl .flex{display: flex;}
#sec_box .sec2_pl .flex .ps_text{justify-content:center; padding: 0 20px;}



.downloadWrap{text-align: center; width: 100%; margin: 55px 0 30px; display: inline-block;}
.downloadWrap a {position: relative; width: 351px; display: inline-block; padding:24px 40px; letter-spacing: -0.2px; font-size: 18px; font-weight: 800; border-radius:20px; border: 2px solid #000; box-shadow:4px 4px 0 #000; text-align: left;
  -ms-transition: all ease 0.35s; 
  -webkit-transition: all ease 0.35s; 
  transition: all ease 0.35s; margin: 0 17px 0 0;}
.downloadWrap a:hover{
  box-shadow:none;
  -ms-transform:translate( 3px, 4px);
  -webkit-transform:translate( 3px, 4px);
  transform:translate( 3px, 4px);
}
.downloadWrap a .arrow{background: url(../images/main/download_arr.png) no-repeat; width: 30px; height: 31px; display: block; position: absolute; right: 40px; top: 50%; margin-top: -15.5px;}


#logoWrap {padding: 30px;}
#logoWrap .org_area{display:flex; align-items:center; width: 100%;}
#logoWrap .org_area span{width: 11%; font-size: 16px; font-weight: 500; padding-bottom: 8px;}
#logoWrap .org_area ul{display:flex; flex-wrap: wrap; width: 89%; align-items:center;}
#logoWrap .org_area ul li{margin-right:11px;}
#logoWrap .org_area ul li a{display: block;}

/*photopopup*/
.btn_wrap{position: absolute; bottom: 201px; left:34%;}
.btn_wrap a{font-weight:500; border: 3px solid #fff; color:#fff; margin-right:21px; padding: 10px 19px; background:#0c197d8c; border-radius: 27px; transition: .3s ease;}
.btn_wrap a:hover{background: #0c197d;}