@charset "utf-8";
/* ------------------------------------------------------------
 * Name     : common.css
 * Desc     : OTERRE
 * Created  : 2015-05-26 ACUS by NaKyoung
 * Updated  :
 ------------------------------------------------------------ */

/* header */
/*
#header{width:100%; height:88px; background:black;}
*/
#header{width:100%; height:88px;}
.header{position:relative;width:1200px; height:88px; margin:0 auto;}
.header .logo{display:table;height:100%; float:left;}
.header .logo div{height:100%; display:table-cell; vertical-align:middle;}
.header .logo_img{display:table;height:100%;float:right;}
.header .logo_img div{height:100%; display:table-cell; vertical-align:middle;}

/* 배너고정 */

#head_wrap{position:fixed; width:100%; height:148px; z-index:9999999;}
#header_v2{width:100%; height:88px; z-index:3;}
.header_v2{width:1200px; height:88px; margin:0 auto;}
.header_v2 .logo{display:table;height:100%;float:left;}
.header_v2 .logo div{height:100%; display:table-cell; vertical-align:middle;}
.header_v2 .logo_img{display:table;height:100%;float:right;}
.header_v2 .logo_img div{height:100%; display:table-cell; vertical-align:middle;}

#topmenu{width:100%; height:60px; background:black; z-index:3;}
.topmenu_v2{width:1200px; height:40px; margin:0 auto; padding-top:20px;}
.topmenu_v2 ul li{float:left; width:171px; text-align:center;}

#banner_v3{display:block; width:100%; background:black; position:relative; overflow:hidden; background-size:cover; padding-top:148px;}
.banner_v3{display:block; position:relative; margin:auto;}
.banner_v3 ul.banner_img li .banner01{width:100%; top:0px;}
.banner_v3 ul.direction li{position:absolute; top:230px;}
.banner_v3 ul.direction li.left_move{left:0;}
.banner_v3 ul.direction li.right_move{right:0;}
/*.skdslider_v2{width:100%; position: relative; display: block; overflow:hidden; min-height:100%; height:100%; z-index:99;}*/


*/
/*.header ul{float:right;padding-top:22px;}
.header ul li{float:left; padding:0 19px 0 8px; background:url('../images/login_line.gif') no-repeat right center;}
.header ul li.nobg{background:none;}
*/
/*
.header ul li:nth-child(1) , .header ul li:nth-child(5){background:none;}
*/
.header ul li a{color:#d4d4d4; font-size:14px;}
.top_search_box fieldset{border:1px solid #ccc;}
.top_search_box fieldset input[type='text']{border:0; border-right:1px solid #ebebeb;}

/* topmenu */
#topmenu{width:100%; height:60px; background:black; z-index:1;}
.topmenu{width:1200px; height:40px; margin:0 auto; padding-top:20px;}
.topmenu ul li{float:left; width:171px; text-align:center;}

/* submenu */
#submenu{position:absolute;width:100%; min-height:200px;padding-bottom:10px; z-index:1000000;}
.submenu{width:1200px; margin:0 auto; height:194px; padding-top:6px; z-index: 1;}
.submenu ul{float:left; width:171px; text-align:center;}
.submenu ul li{padding-top:9px; font-size:14px;}
/*
.submenu ul li a{color:#f5f5f5;}
*/
/* banner */
#banner{display:block; width:100%; background:black; position:relative; overflow:hidden; background-size:cover;}
.banner{display:block; position:relative; margin:auto;}
.banner ul.banner_img li .banner01{width:100%; top:0px;}
/* .banner ul.banner_img li .banner02{position:absolute; margin-left:-580px; top:0px;} */ /* 배너 이미지 2번째꺼 */
.banner ul.direction li{position:absolute; top:230px;}
.banner ul.direction li.left_move{left:0;}
.banner ul.direction li.right_move{right:0;}

#banner_v2{display:block; width:100%; height:251px; position:relative; overflow:hidden;}
.banner_v2{display:block; width:1200px; height:251px; position:relative;  margin:auto;}
.banner_v2 h1{position:absolute; margin-left:-600px;  top:0px;}

/* content */
/*
#content{width:100%; min-height:180px;}
*/
#content{width:100%;}
.content{width:1200px; margin:0 auto; height:100%; }

/* main */
.con_top{height:218px;}
.con_top ul{float:left;width:398px; height:218px;border:1px solid #d2d2d2; border-top:none;}
.con_top ul li:first-child{float:left;width:147px; height:145px; padding:20px 36px 0 24px;}
.con_top ul li img{float:left; padding:17px 0 15px 0;}
.con_top ul li.short{clear:both; width:330px; margin:0 auto; text-align:center; padding:10px 0;}
.con_top ul li h2{font-size:20px; padding-bottom:14px; font-weight: normal;}
.con_top ul li p{font-size:13px; color:#9b9b9b;}
.con_top ul li a{padding:10px 35%; color:#676767; border: 1px solid #d3d3d3;}
.con_mid{float:left; width:918px; height:479px; border:1px solid #d2d2d2; border-top:none;border-bottom:none;}
.con_mid ul{float:left; width:305px; height:239px; text-align:center; border-bottom:1px solid #d2d2d2;}
.con_mid ul.bg_black{color:#fff; background:url('../images/btn_blackbg.gif') no-repeat 0 0;}
.con_mid ul li:first-child{padding:45px 0 9px 0;}
.con_mid ul li.txt{width:214px; margin:0 auto; height:58px; font-size:13px; padding:9px 0 24px 0; overflow:hidden; text-overflow:ellipsis;}
.con_mid ul.bg_black li:last-child{width:214px; margin:0 auto; padding:12px 0; border:1px solid #5b5b5b; background:url('../images/btn_go.gif') no-repeat 0 0;}
.con_mid ul li.mid_bot{width:214px; margin:0 auto; padding:12px 0; border:1px solid #5b5b5b;}
.con_mid ul.bg_black li a{color:#fff;}
.con_mid ul li a{padding:12px 31%; color:#242424;}
.con_mid ul.service{border:1px solid #d2d2d2; border-top:none;}
.con_mid ul.event{width:306px; height:219px; padding-top:20px; background:url('../images/btn_menubg.gif') no-repeat 0 0;}
.con_mid ul.event li, .con_mid ul.csr li{width:169px; margin:0 auto; color:#fff;}
.con_mid ul.academy{width:306px;}
.con_mid ul.event li.akwl , .con_mid ul.csr li.akwl{padding:6px 0 0 0; overflow:hidden; text-overflow:ellipsis;}
.con_mid ul.csr{height:219px; padding-top:20px;background:url('../images/btn_menubg2.gif') no-repeat 0 0;}
.con_mid ul.media{border:1px solid #d2d2d2; border-top:none; border-bottom:none;}

.top_gnb{position:absolute; right:0;}
.top_gnb li{float:left; margin:10px 0 0 15px; font-size:12px;}
/* right_content */
.right_content{float:left;width:970px; margin:0 0 0 20px; margin-left:0px; margin-top:10px;}
.right_content .nav{text-align:right; font-size:11px; padding:5px 0; border-bottom:1px solid #ddd; color:#9e9e9e;}

/* publicity */
#publicity{border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.publicity{width:1200px; height:26px; margin:0 auto; padding:18px 0 0 20px;}
.publicity p{font-size:20px;}
.mv{width:1200px; margin:0 auto; padding:19px 0; border:1px solid #d2d2d2; border-top:none; text-align:center;}

/* footer_menu */

/*
#footer_menu{clear:both; width:100%; height:260px; background:#262626;}
.footer_menu{width:1200px;  height:228px; margin:0 auto; padding-top:32px;}
*/
#footer_menu{clear:both; width:100%; height:100%; min-height:150px; background:#262626;}
.footer_menu{width:1200px; min-height:228px;  margin:0 auto; padding-top:32px;}
.footer_menu ul{float:left; width:171px; text-align:center;}
/*
.footer_menu ul li:first-child{padding:8px 0 13px 0; font-size:15px; color:#fff; background:url('../images/menu_line.gif') no-repeat center top;}
*/
.footer_menu ul li:first-child{padding:8px 0 13px 0; font-size:15px;  background:url('../images/menu_line.gif') no-repeat center top;}
.footer_menu ul li{padding-bottom:7px;}

/*
.footer_menu ul li a{color:#fff; font-size:13px;}
*/
.footer_menu ul li a{font-size:13px;}





/* footer_menu2 */


#footer_menu{clear:both; width:100%; height:100%; min-height:150px; background:#262626;}
.footer_menu2{width:1200px; min-height:228px;  margin:0 auto; padding-top:32px;}
.footer_menu2 ul{float:left; width:171px; text-align:center;}
/*
.footer_menu2 ul li:first-child{padding:8px 0 13px 0; font-size:15px;  background:url('../images/menu_line.gif') no-repeat center top;}
*/
.footer_menu2 ul li{padding-bottom:7px;}
.footer_menu2 ul li a{font-size:13px;}




/* footer */
#footer{width:100%; height:145px; background:black;}
.footer{width:1000px; height:82px; margin:0 auto; padding-top:38px;}
.footer h1{float:left; padding-right:88px;}
.footer ul li{color:#fff; font-size:14px;padding-bottom:6px;}
.footer div{padding-top:10px;}
.footer div a{padding-right:30px; font-size:12px;}

/* leftBox */
#leftBox{position:relative; width:215px; float:left; height:100%;  }
#leftBox h1{min-width:210px;  min-height:60px; line-height:80px; color:#fff; font-size:20px;}
#leftBox ul li.active{background:#fff;}
/*
#leftBox ul>li>ul>li{width:182px; height:23px; margin:10px 0 0 10px; font-size:12px;}
*/
#leftBox ul>li>ul>li{width:182px; height:34px; }
#leftBox ul>li>ul>li:last-child{padding-bottom:10px;}
#leftBox ul.sidemenu li.active a{color:#000;}
/*
#leftBox ul.sidemenu>li{min-height:21px; line-height: 34px;cursor:pointer; font-size:10pt;  font-weight: bold;}
line-height: 34px; setting
*/
#leftBox ul.sidemenu>li{min-height:21px; cursor:pointer; font-size:10pt;  font-weight: bold;}
#leftBox ul.sidemenu li a{ padding-top:10px;}

#leftBox ul.sidemenu_v2 li{height:36px; padding:0 0 0 18px;}