@charset "utf-8";
/* -------- 상단 헤더 -------- */
body{min-width:1400px;}
#Topheader{position:absolute;top:0px;left:0px;z-index:9900;width:100%;box-sizing:border-box;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-o-transition:height 0.3s;transition:height 0.3s;background:url("/images/img/common/header_bg.jpg") repeat-x 0px 80px #fff;height:80px;}
#Topheader .header_wrap{position:relative;overflow:hidden;height:100%;z-index:10}
#Topheader.on:after{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background:url("/images/img/common/header_over_bg.jpg") repeat-x 0px bottom;z-index:9999;}
#Topheader .header_icon{position:absolute;top:80px;width:100%;height:100%;z-index:5;}
#Topheader .header_icon .icon{width:1200px;height:calc( 100% - 80px );margin:0px auto;background:url("/images/img/common/menu1_bg.jpg") no-repeat 30px bottom;opacity:0;}

#Topheader #logo{float:left;box-sizing:border-box;width:250px;margin-top:20px;}
#Topheader #gnb{float:left;width:1200px;margin:0 auto;box-sizing:border-box;width:830px;position:relative;z-index:10;}
#Topheader .utill_menu{float:left;padding-top:35px;width:120px;}
#Topheader .utill_menu a, #Topheader .utill_menu ul li{float:left;}
#Topheader .utill_menu .search_open{margin-right:20px;}
#Topheader .utill_menu:after{content:"";display:block;clear:both;}
#Topheader .utill_menu ul li{margin-left:10px;background:url("/images/img/common/global_bar.png") no-repeat left center;padding-left:10px;margin-top:-3px;}
#Topheader .utill_menu ul li:first-child{background:none;padding:0;margin-left:0;}
#Topheader .utill_menu ul li a{color:#888888;font-size:14px;display:block;}
#Topheader .utill_menu ul li.on a{color:#3f3f3f;}

#Topheader .search_wrap{display:none;position:absolute;top:80px;width:100%;padding:35px 0;background:url("/images/img/common/search_area_bg.png") repeat left top;z-index:50;padding-left:85px;}
#Topheader .search_wrap .search_area{width:500px;margin:0 auto;text-align:center;color:#ffffff;font-size:14px;}
#Topheader .search_wrap .search_area:after{content:"";display:block;clear:both;}
#Topheader .search_wrap .search_area input{float:left;border:1px solid #ffffff;background:transparent;color:#ffffff;width:355px;height:45px;box-sizing:border-box;padding:15px}
#Topheader .search_wrap .search_area input::placeholder{color:#ffffff;}
#Topheader .search_wrap .search_area input:-ms-input-placeholder{color:#ffffff;}
#Topheader .search_wrap .search_area input::-ms-input-placeholder{color:#ffffff;}
#Topheader .search_wrap .search_area .sch_btn{float:left;width:45px;height:45px;background-color:#ffffff;}
#Topheader .search_wrap .search_area .sch_btn img{transform: translate(0%, 50%);}
#Topheader .search_wrap .search_area .search_area_close{float:left;color:#ffffff;vertical-align:top;padding:8px;padding-left:25px;}
#Topheader .search_wrap .search_area .search_area_close img{vertical-align:top;}
#Topheader .search_wrap .search_area .search_area_close span{display:inline-block;padding:3px 0 0 5px;font-size:13px;color:#bfbfbf;}

#Topheader #gnb>ul>li{float:left;box-sizing:border-box;margin-left:10px;width:130px;}
#Topheader #gnb>ul>li:first-child{margin-left:0;}
#Topheader #gnb>ul>li>a{display:block;position:relative;color:#3f3f3f;font-size:16px;height:80px;box-sizing:border-box;font-weight:600;margin-bottom:1px;padding-left:15px;padding-top:31px;}
#Topheader #gnb>ul>li.on>a,#Topheader #gnb>ul>li>a:hover, #Topheader #gnb>ul>li>a:focus{color:#113d85;}
/* -------- gnb -------- */
#contents_wrap{background:#f6f6f6;}


/* -------- gnb(dep2) --------*/
#Topheader #gnb>ul>li>ul{display:none;border-left:1px solid #f1f1f1;padding:10px 0;background-color:#fff;position:relative;overflow:hidden;}
#Topheader #gnb>ul>li>ul>li{margin:7px 10px;}
#Topheader #gnb>ul>li>ul>li>a{font-size:13px;color:#303030;font-weight:300;display:block;letter-spacing:-1px;}
/*#Topheader #gnb>ul>li>ul>li>ul{padding:10px 0;}*/
#Topheader #gnb>ul>li>ul>li>ul{padding:0 0;}
#Topheader #gnb>ul>li>ul>li>ul>li{margin:5px 0px;}
#Topheader #gnb>ul>li>ul>li>ul>li>a{font-size:14px;color:#878787;font-weight:300;display:block;letter-spacing:-2px;}
#Topheader #gnb>ul>li>ul>li>ul>li>a:before{content:"- ";}
/* -------- mainVisual -------- */
#mainVisual{position:relative;width:100%;height:372px;overflow:hidden;margin-top:80px;}
#mainVisual .inner_wrap{position:relative;}
#mainVisual .mainvisual_txt{position:absolute;top:130px;left:0px;z-index:1;}
#mainVisual .mainvisual_bg {
	position:absolute;left:0;top:0;min-width:100%;min-height:100%;
	-webkit-animation: scaleani 15s ease infinite  alternate forwards;
	-moz-animation: scaleani 15s ease infinite  alternate forwards;
	-o-animation: scaleani 15s ease infinite  alternate forwards;
	animation: scaleani 15s ease infinite  alternate forwards;
}
@-webkit-keyframes scaleani {
  100% {
    -webkit-transform: scale(1.15);
  }
}
@-moz-keyframes scaleani {
  100% {
    -moz-transform: scale(1.15);
  }
}
@-o-keyframes scaleani {
  100% {
    -o-transform: scale(1.15);
  }
}
@keyframes scaleani {
  100% {
    transform: scale(1.15);
  }
}

/*quick_menu*/
/*.quick_menu {position: absolute; right: -80px; top: 15px; width: 68px; height: 440px; background: #989ea6; color: #ffffff;  border-radius: 5px; z-index: 10; text-align: center;} */
.main_wrap .quick_menu {position:absolute; left:50%; margin-left:615px; top:392px; text-align:center;z-index:60}
.main_wrap .quick_menu h3{background: #44484e; font-size: 14px; padding: 5px 0 5px 0; font-weight: normal; border-top-right-radius: 5px; border-top-left-radius: 5px;}
.main_wrap .quick_menu a{display: block; font-size: 12px; color: #2e2e2e; margin: 0 auto;width: 68px;}
.main_wrap .quick_menu ul li{background:url(/images/site/user/common/quick_menu_li.png) no-repeat center bottom #ebebeb;}
.main_wrap .quick_menu ul li:last-child{background:none;}
.main_wrap .quick_menu ul li:nth-child(6){background:none;background-color:#ebebeb;}

.main_wrap .quick_menu ul li:nth-child(1) a{padding: 45px 0 10px 0; line-height: 14px; background: url(/images/site/user/common/quick_menu1.png) no-repeat center 16px; }
.main_wrap .quick_menu ul li:nth-child(2) a{padding: 45px 0 10px 0; line-height: 14px; background: url(/images/site/user/common/quick_menu2.png) no-repeat center 18px; }
.main_wrap .quick_menu ul li:nth-child(3) a{padding: 45px 0 10px 0; line-height: 14px; background:url(/images/site/user/common/quick_menu3.png) no-repeat center 18px; }
.main_wrap .quick_menu ul li:nth-child(4) a{padding: 47px 0 10px 0; line-height: 14px; background:url(/images/site/user/common/quick_menu4.png) no-repeat center 15px; }
.main_wrap .quick_menu ul li:nth-child(5) a{padding: 43px 0 10px 0; line-height: 14px; background:url(/images/site/user/common/quick_menu6.png) no-repeat center 16px; }
.main_wrap .quick_menu ul li:nth-child(6) a{padding: 50px 0 10px 0; background:url(/images/site/user/common/quick_menu5.png) no-repeat center 15px; }
.main_wrap .quick_menu ul li:nth-child(7) a{padding: 5px 0px 5px 12px; background: #293951 url(/images/site/user/common/quick_top.png) no-repeat; background-position: 14px 11px ; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color:#ffffff;}


/* -------- main_top -------- */
.main_top{position:relative;z-index:2;height:120px;overflow:hidden;background-color:#ffffff;box-shadow:0px 5px 20px rgba(0, 0, 0, 0.2);box-sizing:border-box;padding:15px 0px;margin-top:-60px;margin-bottom:30px;}
.main_top ul li{float:left;width:150px;background:url("/images/img/main/main_top_li.jpg") no-repeat left center;text-align:center;}
.main_top ul li:first-child{background:none;}


.main_top ul li a{position:relative;display:block;margin:auto;}
.main_top ul li a img{display:block;text-align:center;margin:0px auto;}
.main_top ul li a p{position:relative;display:inline-block;height:30px;padding:0 10px;line-height:30px;color:#4c4c4d;text-align:center;}
.main_top ul li a p:after{position:absolute;bottom:2px;left:0;display:block;content:"";width:100%;height:3px;background-color:#48b3ff;transform:scale3d(0,1,1);transform-origin:center center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;height:25px;z-index:1}
.main_top ul li a:hover p:after, .main_top ul li a:focus p:after{transform:scale3d(1,1,1);}
.main_top ul li a p span{position:relative;font-size:14px;color:#4d4d4d;z-index:2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.main_top ul li a:hover p span, .main_top ul li a:focus p span{color:#ffffff;}

/* -------- main_mid -------- */
.main_mid{margin-bottom:30px;}
.main_mid ul li{position:relative;float:left;width:292px;height:160px;overflow:hidden;margin-left:10px;}
.main_mid ul li:first-child{margin-left:0}
.main_mid ul li:last-child{width:291px;}
.main_mid ul li a{display:block;position:relative;width:100%;height:100%;}
.main_mid ul li:first-child a{background:url("/images/img/main/main_mid_img1_over.jpg") no-repeat left top;}
/* .main_mid ul li:nth-child(2) a{background:url("/images/img/main/main_mid_img2_over.jpg") no-repeat left top;} */
.main_mid ul li:nth-child(2) a{background:url("/images/img/main/main_mid_img3_over.jpg") no-repeat left top;}
.main_mid ul li:nth-child(3) a{background:url("/images/img/main/main_mid_img4_over.jpg") no-repeat left top;}
.main_mid ul li a img{position:absolute;top:0;left:0px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;opacity:1;}
.main_mid ul li a:hover img, .main_mid ul li a:focus img{opacity:0;}
.main_mid ul li a .txt_area{position:absolute;top:20px;left:20px;text-shadow: 2px 2px 10px #000;}
.main_mid ul li a .txt_area strong{position:relative;color:#ffffff;font-weight:300;font-size:16px;display:block;padding-bottom:10px;margin-bottom:10px;}
.main_mid ul li a .txt_area strong:after{content:"";display:block;position:absolute;bottom:0px;left:0px;width:20px;height:1px;background-color:#ffffff;}
.main_mid ul li a .txt_area span{color:#ffffff;font-weight:300;font-size:14px;}
.main_mid ul li .sns			{display:block; position:relative; width:100%; height:100%;background:url("/images/img/main/main_mid_img5.jpg") no-repeat left top;    transition: all 0.5s;
    opacity: 1;}
/* .main_mid ul li .sns:hover		{background:url("/images/img/main/main_mid_img5_over.jpg") no-repeat left top;} */
.main_mid ul li .sns .txt_area	{position:absolute;top:20px;left:20px;text-shadow: 2px 2px 10px #000;}
.main_mid ul li .sns .txt_area strong{position:relative;color:#ffffff;font-weight:300;font-size:16px;display:block;padding-bottom:10px;margin-bottom:10px;}
.main_mid ul li .sns .txt_area strong:after{content:"";display:block;position:absolute;bottom:0px;left:0px;width:20px;height:1px;background-color:#ffffff;}
.main_mid ul li .sns .txt_area a{background:none; color:#ffffff;font-weight:300;font-size:14px; margin-bottom:6px; width:80%}
.main_mid ul li .sns .txt_area a:before{content:"";display:inline-block; background:url("/images/img/main/sns1.png") no-repeat center center; width:21px; height:21px; padding-right:12px; vertical-align:text-top}
.main_mid ul li .sns .txt_area a.yt:before{background:url("/images/img/main/sns2.png") no-repeat center center;}
.main_mid ul li .sns .txt_area a.face:before{background:url("/images/img/main/sns3.png") no-repeat center center;}
.main_mid ul li .sns .txt_area a:hover	{color:#bbffb6}
.main_mid ul li .sns .txt_area a.yt:hover	{color:#ffbfbf}
.main_mid ul li .sns .txt_area a.face:hover	{color:#cedeff}
/* -------- main_btm -------- */
.main_btm{padding-bottom:80px;}
.tab_board{position:relative;float:left;width:440px;height:280px;box-sizing:border-box;border:1px solid #dcdcdc;background-color:#ffffff;margin-left:10px;padding:18px;}
.tab_board:first-child{margin-left:0}
.tab_board>ul{width:100%;height:100%;display:block;background:url("/images/img/main/tab_bg.jpg") repeat-x 0 45px;}
.tab_board>ul>li>.tab_tit{position:absolute;top:18px;left:18px;width:76px;text-align:center;height:46px;line-height:35px;box-sizing:border-box;color:#777777;font-weight:400;font-size:16px;}
.tab_board>ul>li.tab_area2>.tab_tit{left:94px;}
.tab_board>ul>li.tab_area3>.tab_tit{left:170px;}
.tab_board>ul>li.tab_area4>.tab_tit{left:246px;}
.tab_board>ul>li.tab_area5>.tab_tit{left:322px;}

.tab_board>ul>li>div>a.more{display:block;position:absolute;top:18px;right:18px;width:36px;height:36px;line-height:100px;overflow:hidden;background:url("/images/img/main/more_btn.png") no-repeat left top}
.tab_board>ul>li>div>a.more:hover, .tab_board>ul>li>div>a.more:focus{background-position:0 -36px;}
.tab_board>ul>li.on>a.tab_tit{background-color:#ffffff;color:#4b4b4b;font-weight:500;border-bottom-color:#ffffff;border-bottom:3px solid #009bdf;}
.tab_board>ul>li>.tab_content{padding-top:68px;overflow:hidden;width:100%;}
.tab_board .tab_content{display:none;}
.tab_board .tab_area1 .tab_content{display:block;}

.tab_content>ul{width:100%;}
.tab_content>ul>li{margin-top:15px;width:100%;}
.tab_content>ul>li:first-child{margin-top:0;}
.tab_content>ul>li>a{display:block;}
.tab_content>ul>li>a:after{content:"";display:block;clear:both;}
.tab_content>ul>li>a>.board_txt{display:block;color:#3d3d3d;float:left;width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.tab_content>ul>li>a>.board_date{display:block;color:#5d5d5d;float:right;}
.tab_content>ul>li>a:hover .board_txt, .tab_content>ul>li>a:focus .board_txt{text-decoration:underline;}

.main_btm_slide{position:relative;float:left;width:298px;height:280px;box-sizing:border-box;border:1px solid #dcdcdc;overflow:hidden;margin-left:10px;}
.slide_img {background-color:#fff;}
.slide_img a{display:block;color:#666666;}
.slide_img a p{height:33px;line-height:33px;text-align:center;padding:0 55px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-top:1px solid #dcdcdc;}
.slide_img img{vertical-align:top;max-height:245px;min-height:245px;height:245px;}
.slide_txt{width:100%;text-align:center;height:23px;border-top:1px solid #dcdcdc;}
.slide_txt a{display:block;line-height:32px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.slide_img .bx-controls{position:absolute;width:100%;bottom:0px;left:0px;}
.slide_img .bx-controls a{display:block;border:1px solid #dcdcdc;width:34px;height:34px;overflow:hidden;line-height:150px;}
.slide_img .bx-controls .bx-prev{position:absolute;left:-1px;bottom:-1px;background:url("/images/img/main/prev.jpg") no-repeat left top}
.slide_img .bx-controls .bx-next{position:absolute;right:-1px;bottom:-1px;background:url("/images/img/main/next.jpg") no-repeat left top}
/* -------- footer -------- */
.footer{position:relative;z-index:50;padding:30px 0;background-color:#e7e7e7;color:#ffffff;}
.footer_logo{float:left;margin-right:50px;padding-top:14px;}
.footer_logo img{width:177px;}
.footer_txt{float:left;}
.footer_txt p{margin-top:5px;color:#787878;font-size:13px;}
.footer_txt p:first-child{margin-top:0;}
.footer .private_link a{font-weight:600;color:#1656df;}

.footer_mark{float:left;padding-left:15px;}
.footer_mark ul li{float:left;padding:5px}
.footer_mark ul li:first-child{width:100px;}
.footer_mark ul li a{display:block;margin-top:12px;}
.footer_mark ul li a img{width:100%}
.footer_mark ul li:first-child a{margin-top:0;}

.footer_links:after{content:"";display:block;clear:both;}
.footer_links ul li{float:left;padding:0 10px;background: url('/images/img/common/footer_links_bg.png') no-repeat left center;}
.footer_links ul li:first-child{padding-left:0;background:none;}
.footer_links ul li a{display:block;color:#787878;}

.footer_util{float:right;}
.footer_util a{color:#787878;}

.footer_util .info_family{position:relative;margin-top: 19px;}
.footer_util .info_family .family_box{display:block;width:198px;padding:5px 10px;background:#fff;border:1px solid #737373;color:#737373;position:relative;font-size:12px}
.footer_util .info_family .family_box:after{content:"";background-image:url("/images/img/common/footer_select_bg.jpg");background-position: left top;width: 10px;height: 9px; position: absolute;top: 9px;right: 12px;}
.footer_util .info_family .family_wrap{display:none;position:absolute;bottom:29px;left:0;width:100%;font-size:12px}
.footer_util .info_family .family_wrap .family_list{background:#fff;border:1px solid #c7c8c9;max-height:200px;padding:6px;overflow-y:auto}
.footer_util .info_family .family_wrap .family_list .fms_a{display:block;padding:3px 6px;color:#666}
.footer_util .info_family .family_wrap .fms_close{position:absolute;bottom:-29px;left:0;display:block;width:100%;height:29px}
.footer_util .info_family .family_wrap.fms_open{display:block}
.footer_util .hidden {position: absolute;top: -999999px;left: -999999px;font-size: 1px;line-height: 1px;width: 1px;height: 1px;overflow: hidden;}
/* -------- sub_common -------- */
#contents_wrap:before{content:"";display:block;width:100%;height:8px;background:url('/images/img/common/sub_container_bg.jpg') no-repeat center #113d85;}
#contents_wrap.main:before{display:none;}
/* -------- conso greeting -------- */
.conso_greeting_tit{display:block;font-weight:300;color:#393939;font-size:24px;padding-top:50px;}
.conso_greeting_tit span{font-weight:bold;color:#113d85;}
.conso_greeting_txt{font-size:16px; color:#666666;margin-top:20px;}

/* -------- conso memberlist -------- */
.charWrap{text-align:center;padding:20px;border:1px solid #d2d2d2;}
.charWrap:after{content:"";display:block;clear:both;}
.charWrap ul{display:inline-block;}
.charWrap ul li{float:left;margin-left:10px;}
.charWrap ul li:first-child{margin-left:0}
.charWrap ul li a{display:block;border:1px solid #dddddd;color:#48525e;font-size:16px;background-color:#ffffff;width:30px;height:30px;line-height:28px;text-align:center;}
.charWrap ul li:last-child a{width:50px;}
.charWrap ul li.on a, .charWrap ul li a:hover, .charWrap ul li a:focus{background-color:#48525e;color:#ffffff;border-color:#48525e}

/* -------- conso joinedu -------- */
.detail_search{border:1px solid #d2d2d2;padding:15px;text-align:center;}
.detail_search table{display:inline-block;text-align:left;}
.detail_search table th {padding:5px;}
.detail_search table th label{background:url("/images/img/board/joinedu_serch_li.jpg") no-repeat left 8px;color:#132747;padding-left:10px;}
.detail_search table td{vertical-align:top;padding:5px;}
.detail_search select{min-width:100px; height:28px; border:1px solid #dddddd; background-color:#fff; margin-right:5px; line-height:1;vertical-align:bottom;}
.detail_search input[type="text"]{width:169px; height:28px; background-color:#fff; border:1px solid #dddddd; margin-right:5px;}
.detail_search input.detail_search_txt{width:300px;}
.detail_search button{color:#fff; font-weight:700; height:28px; padding:6px 15px 6px 15px; font-size:14px; background-color:#48525e; border:0;  line-height:1; cursor:pointer;}

.join_edu_list:after{content:"";display:block;clear:both;}
.join_edu_list{text-align:right;padding:20px 0 10px 0;}
.join_edu_list ul{display:inline-block;}
.join_edu_list li{float:left;}
.join_edu_list li img{margin-right: 4px;margin-left: 15px;vertical-align: -3px;}

/* --------  -------- */
.year_edu_wrap{position:relative;}
.year_edu_wrap .calBtn{position:absolute;top:13px;left:0px;width:100%;}
.year_edu_wrap .calBtn .prev{position:absolute;top:4px;left:228px;}
.year_edu_wrap .calBtn .next{position:absolute;top:4px;right:5px;}

.conso_info_area .left_info_txt {width:470px;}
.conso_info_area {background:url("/images/img/conso/conso_info_bg.jpg") no-repeat right 45px;}
.conso_ceo_name{text-align:right;font-size:18px;font-weight:bold;margin-top:20px;}

.cms_customer .sub_txt_tit{display:block;}
.cms_customer .table_wrap{margin-bottom:20px;}
.cms_customer .table_wrap table td{text-align:left;padding:10px;}
.cms_customer .txt_con_list > li{margin-top:10px;}
.cms_customer .txt_con_list > li:first-child{margin-top:0;}

/* -------- 오시는길 -------- */
.map .txt_con{overflow:hidden;position:relative;}
/* sub_skip */
.sub_skip_nav a{position:absolute;top:40px;left:-9999px;z-index:9999;}
.sub_skip_nav a:focus, .sub_skip_nav a:active{font-size:14px;left:0px;width:100%;text-align:center;background-color:#333;color:#fff;font-weight:bold;padding:5px 0}

/* -------- 웹접근성 -------- */
h2.hidden, h3.hidden, div.hidden {display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;}