@charset "utf-8";



#container {position:relative; z-index:0;}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; ; min-width:1400px; z-index:1;}
.main_visual ul#main_visual_wrap {height:800px; position:relative; z-index:1;}
.main_visual li.list {background-repeat:no-repeat; background-position:center top; width:100%; height:800px; background-size:cover}


.main_visual .main_visual_text {position:absolute; width:100%; height:800px; top:0px;  color:#fff; z-index:2;    }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:0; }
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:300px; color:#fff; text-align:center; font-family: 'SCoreDream'; }
.main_visual .main_visual_text .t1 {font-size:60px;  letter-spacing:-1px; line-height:60px; font-weight:600;  }
.main_visual .main_visual_text .t2 {font-size:25px;  letter-spacing:-1px; line-height:30px; margin-top:13px;}


.main_visual .main_pager {position:absolute; width:100%; left:0px; bottom:220px;  z-index:99999999;  text-align:center;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:10px; height:10px; margin:0 3px; border-radius:13px; border:1px #ddd solid; }
.main_visual .main_pager .cycle-pager-active{background:#fff; border:1px #a9977c solid;}



.main_visual .scroll_down {position:absolute; left:0px;  bottom:50px; width:100%; text-align:center; z-index:9999999 !important; }
.main_visual .scroll_down .scroll_positoin {
	position: relative;
    display: inline-block;
    width: 33px;
	height: 60px;
    border: 3px solid #fff;
    border-radius: 40px;
}
.main_visual .scroll_down .scroll_positoin:after {
    content: "";
    position: absolute;
	top: 8px;
    left: 14px;
	width: 4px;
    height: 6px;
    background: #fff;
    border-radius: 10px;
   
    -webkit-animation: mouse 0.9s linear infinite;
    -moz-animation: mouse 0.9s linear infinite;
    -ms-animation: mouse 0.9s linear infinite;
    -o-animation: mouse 0.9s linear infinite;
    animation: mouse 0.9s linear infinite;
}

@keyframes mouse {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
        transform: translateY(0px);
	}
	70% {
		-webkit-transform: translateY(8px);
		-moz-transform: translateY(8px);
		-ms-transform: translateY(8px);
		-o-transform: translateY(8px);
        transform: translateY(8px);
	}
	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
        transform: translateY(0px);
	}  
}



.visual_bottom_bg_bottom {background:#fff url(../images/main/main_visual_bottom_bg_new_bottom.png) center top no-repeat; height:75px; z-index:2; }

.main_word_wrap{text-align:center;  background:#f2f2f1; padding-top:25px; position:relative;}
.main_word_wrap .title_box{padding:25px 0px 45px; text-align:center; border-bottom:1px #ddd solid; margin:0 10%;}
.main_word_wrap .title_box .t1{display:inline-block; color:#000; font-size:35px; font-weight:bold; line-height:35px; font-family: 'SCoreDream';}
.main_word_wrap .title_box .t1 span {color:#0c3e67;}
.main_word_wrap .title_box .t2{display:inline-block; margin-left:40px;}
.main_word_wrap .title_box .t2 span {margin:0 40px; font-size:18px; color:#000; font-weight:bold;}


.main_word_wrap .map_pointer  {display:inline-block; position:relative; padding:60px 0px 0px;}
.main_word_wrap img {vertical-align:middle;}


.main_word_wrap .map_pointer .common_cursor{background:url(../images/main/world_map_cursor_new.png) center bottom no-repeat; width:90px; height:50px; position:absolute; 
	animation-duration: 0.6s;
	animation-iteration-count: infinite;
	animation-direction: alternate;

}

.main_word_wrap .map_pointer .common_cursor span {background:rgba(0,0,0,0.6); display:block; text-align:center; color:#fff; font-size:13px; line-heighT:30px; border-radius:5px; }
.main_word_wrap .map_pointer .common_cursor span.on {background:#2369bf; }

.main_word_wrap .map_pointer .cursor1{left:422px; top:205px; animation-name:cursor1; animation-delay: 1s;}
.main_word_wrap .map_pointer .cursor2{left:495px;; top:215px; animation-name:cursor2; animation-delay: 4s; background-position:left 50%; padding-top:23px; padding-left:15px;}
.main_word_wrap .map_pointer .cursor3{left:850px; top:210px; animation-name:cursor3; animation-delay: 2s;}
.main_word_wrap .map_pointer .cursor4{left:360px; top:250px; animation-name:cursor4; animation-delay: 3s;}



@keyframes cursor1{from{top:205px;}to{top:200px;}}
@keyframes cursor2{from{top:215px;}to{top:210px;}}
@keyframes cursor3{from{top:210px;}to{top:205px;}}
@keyframes cursor4{from{top:250px;}to{top:245px;}}



.main_word_wrap .map_pointer_info {display:inline-block; vertical-align:middle; width:350px; margin-left:60px;}
.main_word_wrap .map_pointer_info dl {margin-bottom:40px; text-align:left;}
.main_word_wrap .map_pointer_info dl dt{font-size:22px;    color: #000;    font-weight: bold; line-height:25px;}
.main_word_wrap .map_pointer_info dl dd{font-size:14px;margin-top:5px; color:#777; line-height:18px;}
.main_word_wrap .map_pointer_info dl:hover dt{color:#2369bf;}






/*메인소개*/
.main_business { padding:0px 0px 80px;  background:#f2f2f1;  }
.main_business .default_layout{position:relative;}
.main_business .title {text-align:center;  }
.main_business .title .t1{font-weight:bold; font-size:45px; color:#000; line-height:45px;}
.main_business .title .t2{ margin-top:10px; font-size:16px; line-height:20px; color:#222}
.main_business .list_wrap  {margin-left:715px; }
.main_business .list_wrap_etc {  margin-left:0px;}
.main_business ul {display:table; width:100%; table-layout:fixed; margin-top:30px;}
.main_business ul li{display:table-cell; vertical-align:middle; border:1px #ddd solid; border-radius:10px;   transition:all 0.3s; background:#fff;}
.main_business ul li .box {padding:55px 40px;  position:relative;}
.main_business ul li.jump{width:20px !important; border:0px !important;  background:none;;}
.main_business .icon {position:absolute; right:30px; top:95px;  transition:all 0.3s; }
.main_business .icon img {vertical-align:middle;}
.main_business .common_text {font-size:22px; color:#000; font-weight:bold; transition:all 0.3s; }


.main_business .btn {margin-top:20px;}
.main_business .btn a {display:inline-block;  text-align:center; font-size:13px; color:#333;  transform:scale(1); transition: all 0.4s; position:relative;}




.main_business li:hover .icon {top:75px;}
.main_business li:hover .common_text {color:#2369bf;}
.main_business li:hover{ border-color:#2369bf !important; }




.main_center_wrap {padding:120px 0px;}
.main_center_wrap .title {font-size:20px; color:#000; font-weight:bold; margin-bottom:20px;}
.main_center_wrap .title .icon {display:inline-block; margin-right:10px;}
.main_center_wrap .title img  {vertical-align:middle;}
.main_center_wrap .col_box {width:100%; table-layout:fixed; display:table;}
.main_center_wrap .col  {display:table-cell; padding:0 60px; border-right:1px #ddd solid; }
.main_center_wrap .col.left  {padding-left:30px;  }
.main_center_wrap .col.right  {padding-right:0px; border-right:0px;  background:url(../images/main/main_center_wrap_right_bg.png) right bottom no-repeat;}

.main_center_wrap .col.left .call {font-size:35px; line-height:35px; font-weight:bold; color:#5c3da3; }
.main_center_wrap .col.left .info_text {font-size:15px; line-height:18px; color:#888; margin-top:15px;}
.main_center_wrap .col  ul.list_text li {font-size:14px; padding:0 0 0 83px;   color:#555; line-height:22px; position:relative; }
.main_center_wrap .col  ul.list_text li .s_title {position:absolute; left:0px; top:0px; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat;  padding-left:10px;}
.main_center_wrap .col  ul.list_text li.last {padding-left:10px; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat;}
.main_center_wrap .col  ul.list_text li.last .color {color:#ea4646;}


.main_center_wrap .col.right .text {font-size:17px; color:#333}
.main_center_wrap .col.right .text_add {font-size:12px; color:#999}



.main_search { text-align:center; position:relative; border:2px #000 solid; width:600px; background:#fff; margin:80px auto 0px;;  border-radius:60px;  }
.main_search .text_box { padding:0 40px; height:60px; line-height:60px;  }
.main_search .text_box input[type="text"] {border:0px; height:60px; line-height:60px; width:100%; font-size:16px;}
.main_search .text_box input[type="text"]::placeholder {color:#999; font-family: 'Noto Sans KR',sans-serif;}

.main_search .text_box:hover,
.main_search .text_box:focus {border-color:#5c3da3;}
.main_search .text_box input:focus { outline: none; } 

.main_search .btns {position:absolute; right:30px; top:15px;}
.main_search .btns input[type="submit"]{text-indent:-99999px; border:0px; background:url(../images/main/main_search_btn.png) center 50% no-repeat; width:30px; height:30px; line-height:30px;}





/*센터공지*/
.center_box_wrap {padding:120px 0px;}
.center_box_wrap .center_box {display:table; width:100%; table-layout:fixed;}
.center_box_wrap .center_box .col{display:table-cell; vertical-align:top; padding:0 50px;}
.center_box_wrap .center_box .col.first{padding-left:0px; width:450px;}
.center_box_wrap .center_box .col.last{border-right:0px;padding-right:0px; padding-left:20px;}

.center_box_wrap .center_box .col .title {font-size:22px; color:#000; overflow:hidden; margin-bottom:30px;}
.center_box_wrap .center_box .col .title .more {float:right; font-size:13px; color:#888; font-weight:normal;}
.center_box_wrap .center_box .col .title .more a{display:inline-block; border:1px #ddd solid; padding:0 20px; line-height:30px; font-size:11px;}


.center_box_wrap .center_box .col.webzine ul li {position:relative;padding:3px 0px;}
.center_box_wrap .center_box .col.webzine ul li .photo {position:absolute; left:0px; top:-5px; border-radius:5px; background:#f8f8f8;}
.center_box_wrap .center_box .col.webzine ul li .photo .no_img{display:inline-block; text-align:center;  }
.center_box_wrap .center_box .col.webzine ul li .photo img {vertical-align:middle;}

.center_box_wrap .center_box .col.webzine ul li .time{display:none;}
.center_box_wrap .center_box .col.webzine ul li .info  {font-size:14px;}
.center_box_wrap .center_box .col.webzine ul li .info a {color:#000;}
.center_box_wrap .center_box .col.webzine ul li .info .t1 {background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat;; padding-left:15px;}
.center_box_wrap .center_box .col.webzine ul li .info .t2 {display:none;}
.center_box_wrap .center_box .col.webzine ul li .date {position:absolute; right:0px; top:0px; font-size:14px;}


.center_box_wrap .center_box .col.webzine ul li:first-child .time {display:block; text-align:center; position:absolute; left:0px; top:-5px;  color:#000;}
.center_box_wrap .center_box .col.webzine ul li:first-child .time .time1 {font-size:25px; line-height:20px;  margin-top:7px;}
.center_box_wrap .center_box .col.webzine ul li:first-child .time .time2 {font-size:45px; line-height:45px; font-weight:bold; margin-top:5px; color:#2369bf;}



.center_box_wrap .center_box .col.webzine ul li:first-child .info  {margin-left:100px;}
.center_box_wrap .center_box .col.webzine ul li:first-child .info .t1 {font-size:18px; color:#000; line-height:20px; font-weight:bold; background:none;; padding-left:0px; }
.center_box_wrap .center_box .col.webzine ul li:first-child .info .t2 {font-size:14px; color:#444; margin-top:8px; line-height:20px; display:block;}

.center_box_wrap .center_box .col.webzine ul li:first-child  { border-bottom:1px #ddd solid; padding-bottom:20px; padding-top:0px; margin-bottom:10px;}
.center_box_wrap .center_box .col.webzine ul li:first-child .date {display:none;}




.center_box_wrap .center_box .col.cscenter .call {font-size:40px; font-weight:bold;  margin-top:30px; color:#000; line-height:40px; font-family: 'Pretendard';}
.center_box_wrap .center_box .col.cscenter .time {font-size:14px; margin-top:10px; line-height:16px;}
.center_box_wrap .center_box .col.cscenter .time span {color:#ec6f4d;}



.center_box_wrap .center_box .col.cscenter .btn {margin-top:30px ; background:#fff;  overflow:hidden;padding-left:1px;}
.center_box_wrap .center_box .col.cscenter .btn span{float:left; width:50%; text-align:center;}
.center_box_wrap .center_box .col.cscenter .btn span a{display:block; line-height:44px; font-size:15px; background:#fff; transition: all 0.3s; border:1px #cccccc solid; margin-left:-1px;}
.center_box_wrap .center_box .col.cscenter .btn span a:hover{background:#2369bf; color:#fff; border-color:#2369bf; transition: all 0.2s; }
.center_box_wrap .center_box .col.cscenter .btn span a.last{border-right:1px #cccccc solid;}







.center_box_wrap .center_box .col.last .location_wrap #daum_map {width:100%; height:100px; border-radius:15px;}
.center_box_wrap .center_box .col.last .location_wrap .addr_box {margin-top:10px;  background:url(../images/main/main_map_icon.png) left 50% no-repeat;}
.center_box_wrap .center_box .col.last .location_wrap .addr_box dl {padding-left:40px;}

.center_box_wrap .center_box .col.last .location_wrap .addr_box dl dd {font-size:15px; color:#000; margin-top:0px; line-height:50px;}