@charset "utf-8";
/* @IMPORT url("http://fonts.googleapis.com/css?family=Lato:100normal,100italic,300normal,300italic,400normal,400italic,700normal,700italic,900normal,900italic&subset=latin&directory&text=+%2C-.0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz&directory"); */
@IMPORT url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800");


/* mainpage */
.main #wrap {}
.main #container {margin-top:0; }
.main .visual {position:relative; width:994px; height:455px; overflow:hidden; max-width: 1902px; margin: 0 auto; min-width: 994px;}
.main .visual .roller {width:100%; overflow:hidden;}
.main .visual .roller li {position:absolute; top:0; left:0; width:100%; display:none; z-index:1;}
.main .visual .roller li.on {}
.main .visual .roller li>img {display:block; width:100%; height:455px;}
.main .visual .roller li a. {position:absolute; top:0; left:0; z-index:-1;}
.main .visual .btns {position:absolute; left:27px; bottom:44px; width:150px; height:42px; z-index:3;}
.main .visual .btns a {float:left; width:35px; height:35px; margin-right:1px;}
.main .visual .btns a img {display:block; width:100%; height:100%;}
.main .visual .indicator {position:absolute; right:20px; bottom:46px; text-align:right; z-index:3;}
.main .visual .indicator a {display:inline-block; width:20px; height:20px;}
.main .visual .indicator a img {display:block; width:100%; height:100%;}

.bg-overay{ position:relative; top:0; left:0;}
.spot_visual { position:relative; height:538px; background:#fff; z-index:1;overflow:hidden;width:100%;margin:0 auto;}
.main_visual { width:1900px; height:538px; position: relative; left:50%; top: 0; margin-left:-950px;}
.main_banner {margin:0 auto 0px; width:100%; }
.main_banner .banner_img{ position:relative;  height:538px;  }
.main_banner .banner_img .banner_list li { width:1900px; height:538px; padding:0; position: relative; }
.main_banner .banner_img .banner_list li a img{width:1900px; height:538px;}
.main_banner .banner_img .banner_list li .cont {width: 994px; position:absolute; top:0;left:50%; margin-left: -497px; z-index: 999;}
.main_banner .banner_img .banner_list li .cont a{display:table; width:994px; height:538px;}

.main_visual .main_banner .bx-pager{width: 135px; position: absolute; left: 50%; top: 500px; z-index: 100;   margin-left: -67px;}
.main_visual .main_banner .bx-pager .bx-pager-item{display: inline-block; *display: inline; *zoom: 1; margin-left: 15px;}
.main_visual .main_banner .bx-pager .bx-pager-item a{ display: inline-block; *display: inline;  *zoom: 1; width: 12px; height: 12px; background-image: url(/new_home/images/main/m_dot_off.png); background-position: 0 0; background-repeat: no-repeat;  overflow: hidden; text-indent: -3000px }
.main_visual .main_banner .bx-pager .bx-pager-item a.active{ background-image: url(/new_home/images/main/m_dot_on.png);  }


.main_visual .main_banner .bx-controls-direction{width:994px; margin: 0 auto;}
.main_visual.mother .main_banner .bx-controls{display: none;}
.main_visual .main_banner .bx-controls-direction .bx-prev{  position: absolute; left:50%;   top: 220px; width: 45px; height: 83px; margin-left:-500px; overflow: hidden; text-indent: -9999px; background:  url(/new_home/images/main/m_slide_left_off.png) 0 0 no-repeat; z-index: 100;}
.main_visual .main_banner .bx-controls-direction .bx-prev:hover{ background:  url(/new_home/images/main/m_slide_left_on.png) 0 0 no-repeat; }
.main_visual .main_banner .bx-controls-direction .bx-next{  position: absolute; left:50%; top: 220px; width: 45px; height: 83px; margin-left:450px; overflow: hidden; text-indent: -9999px; background:  url(/new_home/images/main/m_slide_right_off.png) 0 0 no-repeat; z-index: 100;  }
.main_visual .main_banner .bx-controls-direction .bx-next:hover{ background:  url(/new_home/images/main/m_slide_right_on.png) 0 0 no-repeat; }


.main_visual .main_banner .bx-controls-auto .bx-controls-auto-item{display: inline-block; *display: inline; *zoom: 1; margin-left:2px;}
.main_visual .main_banner .bx-controls-auto .bx-controls-auto-item a.bx-start{ display: inline-block; *display: inline;  *zoom: 1; width: 11px; height: 11px; background-image: url(/new_home/images/main/btn_play_on.png); background-position: 0 0; background-repeat: no-repeat;  overflow: hidden; text-indent: -3000px; }
.main_visual .main_banner .bx-controls-auto .bx-controls-auto-item a.bx-start.active{ display: none; background-image: url(/new_home/images/main/btn_play_on.png);  }
.main_visual .main_banner .bx-controls-auto .bx-controls-auto-item a.bx-stop{ display: inline-block; *display: inline;  *zoom: 1; width: 11px; height: 11px; background-image: url(/new_home/images/main/btn_stop_on.png); background-position: 0 0; background-repeat: no-repeat;  overflow: hidden; text-indent: -3000px; }
.main_visual .main_banner .bx-controls-auto .bx-controls-auto-item a.bx-stop.active{ display: none; background-image: url(/new_home/images/main/btn_stop_on.png);  }
.main_visual .main_banner .bx-controls-auto{position: absolute; left:50%; top: 500px; z-index: 200; margin-left:-83px;}

#mainpopup {position:relative; width:100%; height:0px; overflow:visible; background:url('/new_home/images/main/mainpopup_bg.jpg') bottom repeat-x ; z-index:3;}

.mainpopupZone {position:relative; width:994px; height:0px; overflow:hidden; z-index:1;margin: 0 auto;}
.mainpopupZone .mainpopup1 {position:relative; top:1px; bottom:1px; float:left; width: 896px; overflow:hidden;}
.mainpopupZone .mainpopuptext {position:relative; top:6px; bottom:1px; float:left; width: 98px; height:45px; overflow:hidden; text-align:center; letter-spacing:-1px;}
.mainpopupZone .mainpopuptext input[type="checkbox"]{margin-top:-2px;}


.popupZone {
	position: absolute;
	overflow: visible;
	z-index: 4;
	margin: 0;
}
.popupZone .popup {position:relative; float:left; height:330px; display:none;}
.num1 .popup {width: 940px; height:330px; overflow:hidden;}
.num1 .popup1 {display:block;}
.num1 .popup1 a {width:900px;}
.num2 .popup {width:450px;}
.num2 .popup1 {float:left; display:block;}
.num2 .popup2 {float:right; display:block;}
.num2 .popup a {width:410px;}
.num3 .popup {width:303px; height: 207px;}
.num3 .popup1 {float:left; display:block;}
.num3 .popup2 {position:absolute; top:0; left:320px; display:block;}
.num3 .popup3 {float:right; display:block;}
.num3 .popup a {width:260px;}
.popupZone .popup:first-child {margin-left:0 !important;}
.popupZone .popup .closeLay {position:absolute; right:20px; top:15px; width:22px; height:24px;}
.popupZone .popup .closeLay img {display:block; width:100%; height:100%;}
/* .popupZone .popup a {position:absolute; top:55px; left:20px; height:245px; background:url('/new_home/images/common/blank.gif') repeat 0 0;} */
.popupZone .popup label {position:absolute; bottom:8px; right:20px; line-height:15px; vertical-align:top;}
.popupZone .popup label input {vertical-align:middle;}

.main #contents_main {width:994px; margin:20px auto 0 auto; overflow:hidden;}
.main .boards {width:100%; overflow:hidden;padding-bottom:26px;background:#fff;}
.main .boards > div {position:relative; float:left; width:485px; height:98px;background:#ffffff; overflow:hidden; border:1px solid #dedede;box-shadow:1px 1px 1px rgb(181,181,181);behavior:url('/eng_home/common/css/PIE.htc');z-index:99;}
.main .boards > div.notice {float:right;margin-right:2px;}
.main .boards .boardTit {float:left; width:143px;}
.main .boards ul {float:left; margin-top:14px; height:75px; overflow:hidden;}
.main .boards ul li {width:300px; height:20px; padding-left:8px; overflow:hidden; line-height:100%; text-overflow:ellipsis; white-space:nowrap;}
.main .boards ul li a {font-size:12px; line-height:100%; max-width:300px; #width:expression(this.scrollWidth > 300 ? "300px" : "auto"); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family: dotum; /* color: #2f3743; */}
.main .boards ul li a:hover, .main .boards ul li a:focus {text-decoration:underline;}
.main .boards .more {position:absolute; display:inline-block; right:10px; top:10px; line-height:7px;#line-height:10px; padding-right:9px;}
.main .boards .news ul li {background:url('/new_home/images/main/bg_newsList.gif') no-repeat 0 7px; #background-position:0 4px;}
.main .boards .notice ul li {background:url('/new_home/images/main/bg_noticeList.gif') no-repeat 0 7px; #background-position:0 4px;}

.main .boards .news ul li a{color:#00457e;}
/*.main .boards .news ul li a{color:#ce5a04;}*/
.main .boards .notice ul li a{color:#46671a;}

.main .boards .news a.more, .main .boards .news a:hover, .main .boards .news a:focus {text-decoration: underline;}
.main .boards .notice a.more, .main .boards .notice a:hover, .main .boards .notice a:focus {text-decoration: underline;}
.main .boards .news a.more {background:url('/new_home/images/main/bg_more_01.gif') no-repeat right center;}
.main .boards .notice a.more {background:url('/new_home/images/main/bg_more_02.gif') no-repeat right center;}

.main .boards .controll {position:absolute; right:7px; height:71px; width:15px;}
.main .boards .controll a {display:block; width:15px; height:14px; }
.main .boards .controll a img {display:block; width:15px; height:14px; }
.main .boards .controll .stop {position:absolute; top:28px; left:0;}
.main .boards .controll .prev {position:absolute; top:0px; left:0;}
.main .boards .controll .next {position:absolute; bottom:0px; left:0;}
.main .boards .rollVertical {position:static; float:left; margin-top:14px; height:80px; overflow:hidden;}
.main .boards .rollVertical ul {position:relative; float:none; margin-top:0; width:300px; height:80px; overflow:visible;}
.main .boards .rollVertical ul li.tempLi {background:transparent none; display:none !important;}

/* 
.main .boards {width:100%; overflow:hidden;}
.main .boards > div {position:relative; float:left; height:100px; overflow:hidden;}
.main .boards > div .more{
	margin-right: 21px;
	display: block;
	width: 73px;
	float: right;
	margin-bottom: 5px;
}
.main .boards > div .more img{
	display: block;
}
.main .boards > div.news{width: 310px;}
.main .boards > div.notice {width: 684px;}
.main .boards .boardTit {float:left; width:143px;}
.main .boards ul {float:left; height:86px; overflow:hidden; width: 100%;}
.main .boards ul li {width:300px; height:20px; padding-left:8px; overflow:hidden; line-height:100%; text-overflow:ellipsis; white-space:nowrap;}
.main .boards ul li a {font-size:12px; line-height:100%; max-width:300px; #width:expression(this.scrollWidth > 300 ? "300px" : "auto"); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family: dotum; color: #2f3743;}
.main .boards ul li a:hover, .main .boards ul li a:focus {text-decoration:underline;}
.main .boards .news #news_area{background: #449900; float: left; height: 86px; overflow: hidden; width: 100%;}
.main .boards .news #news_area #news{
	margin: 11px 0 9px 18px;
}
.main .boards .news #news_area #stop{
	float: right;
	cursor: pointer;
	margin: 24px 16px 0 0;
}
.main .boards .news #news_back{background: #ffffff; height: 32px; overflow: hidden; width:284px; margin: 0 auto;}
.main .boards .news #news_back #scroll_controller{
	margin: 3px 0 0 6px;
}
.main .boards .notice ul{background: #e7e5e3; height: 52px; padding: 17px 0 17px 41px;}
.main .boards .news ul li {position: relative; padding: 6px;}
.main .boards .news ul li a{
	font-size: 15px;
	font-weight: bold;
}
.main .boards .notice ul li {background:url('/new_home/images/main/bg_noticeList.gif') no-repeat 0 7px; #background-position:0 4px; float: left;}
.main .boards .news a.more, .main .boards .news a:hover, .main .boards .news a:focus {color:#848e14;}
.main .boards .notice a.more, .main .boards .notice a:hover, .main .boards .notice a:focus {color:#b23b4d;}

.main .boards .controll {position:absolute; right:7px; height:53px; width:15px;}
.main .boards .controll a {display:block; width:15px; height:14px; }
.main .boards .controll a img {display:block; width:15px; height:14px; }
.main .boards .controll .stop {position:absolute; top:19px; left:0;}
.main .boards .controll .prev {position:absolute; top:0px; left:0;}
.main .boards .controll .next {position:absolute; bottom:0px; left:0;}
.main .boards .rollVertical {position:static; float:left; height:86px; overflow:hidden; width: 100%;}
.main .boards .rollVertical ul {position:relative; float:left; margin:0; width:258px; height:32px; overflow:visible;}
.main .boards .rollVertical ul li{height: 20px; width: 246px; line-height: 20px;}

 */


.main .six_items {width:100%; overflow:hidden;}
.main .six_items .items {position:relative; float:left; width:310px; margin-left:31px; margin-bottom:13px;}
.main .six_items .items.second {margin-top:30px; margin-bottom:30px !important;}
.main .six_items .items.blue {clear:both; margin-left:0;}

.main .six_items .items .sixItemTit {font-size:18px; font-weight:400;height:28px;padding-left:5px;/*font-family:'Source Sans Pro'*/}
.main .six_items .items.blue .sixItemTit {color:#00457e;}
.main .six_items .items.org .sixItemTit {color:#e47211;}
.main .six_items .items.green .sixItemTit {color:#77a400;}

/*

.main .six_items .items.green .sixItemTit {color:#827b00}
.main .six_items .items.blue .sixItemTit {color:#cf4902}
.main .six_items .items.red .sixItemTit {color:#00457e}
.main .six_items .items.green2 .sixItemTit {color:#00457e}
.main .six_items .items.blue2 .sixItemTit {color:#a51c30}
.main .six_items .items.red2 .sixItemTit {color:#7ba345}
*/
.main .six_items .items .itemBox {position:relative; width:308px; height:258px;background:#ffffff;box-shadow:5px 5px 5px rgb(218,218,218);behavior:url('/new_home/common/css/PIE.htc');z-index:999;}
.main .six_items .items .itemBox .itemTit {display:table-cell; width:308px; height:96px; text-align:center; vertical-align:middle;}
.main .six_items .items .itemBox .itemTit strong,
.main .six_items .items .itemBox .itemTit a {display:inline-block; line-height:24px; vertical-align:middle; font-size:16px; font-weight:bold; color:#1a1a1a;}
.main .six_items .items.blue .itemBox .itemTit {border-top:5px solid #00457e;}
.main .six_items .items.org .itemBox .itemTit {border-top: 5px solid #e47211;}
.main .six_items .items.green .itemBox .itemTit {border-top: 5px solid #77a400;}

.main .six_items .items .itemBox .itemCont {text-align:center;position:relative;padding-top:17px;}
.main .six_items .items .itemBox .itemCont .bar {height:3px;width:25px;position:absolute;top:0;left:54px;}
.main .six_items .items .itemBox .itemCont img {width:199px;height:110px;}
.main .six_items .items .itemBox .itemCont img.play_media {width:53px;height:53px;position:absolute;top:50px;left:130px;z-index:99;}
/*
.main .six_items .items .itemBox .itemCont {position:absolute; left:50%; bottom:20px; width:248px; height:110px; margin-left:-124px; text-align:left; overflow:hidden;}
.main .six_items .items .itemBox .itemCont a {display:block;}
.main .six_items .items .itemBox .itemCont a img {display:block; margin:0 auto; max-width:100%; max-height:100%;}
*/
.main .six_items .items.blue .itemBox .itemCont .bar {background:#00457e;}
.main .six_items .items.org .itemBox .itemCont .bar {background:#e47211;}
.main .six_items .items.green .itemBox .itemCont .bar {background:#77a400;}

.main .six_items .items .itemBox .itemCont.movie > img {position:absolute; top:0; left:24px; z-index:0;}
.main .six_items .items .itemBox .itemCont.movie .moviePlay {position:absolute; top:0; left:24px; width:199px; height:100%; background:url('/new_home/images/common/dither.png') repeat 0 0; z-index:3;}
.main .six_items .items .itemBox .itemCont.movie .moviePlay img {display:block; margin:30px auto 0;}

.main .six_items .items .itemBox.useTab .itemTit {height:63px;border-top:0;display:table-cell;  text-align:center; vertical-align:middle;padding-top:6px;padding-bottom:5px;}
.main .six_items .items .itemBox.useTab .tabTit a {font-size:13px;}
.main .six_items .items .useTab .tabTit {position:absolute; left:0; top:0; width:50%; height:28px; border-top:5px solid #b23b4d; line-height:28px;}

.main .six_items .items.blue .useTab .tabTit {border-top:5px solid #00457e;}
.main .six_items .items.blue .useTab .tabTit a.on {background:#00457e;}

.main .six_items .items.org .useTab .tabTit {border-top:5px solid #e47211;}
.main .six_items .items.org .useTab .tabTit a.on {background:#e47211 none;}

.main .six_items .items.green .useTab .tabTit {border-top:5px solid #77a400;}
.main .six_items .items.green .useTab .tabTit a.on {background:#77a400;}


.main .six_items .items .useTab .tabTit.right {left:auto; right:0;}
.main .six_items .items .useTab .tabTit a {display:block; width:100%; height:21px; line-height:1em;padding-top:7px;
	text-align:center; color:#000; font-size:13px; font-weight:bold; background:url('/new_home/images/main/bg_tabTit.gif') repeat-x 0 0;}
.main .six_items .items .useTab .tabTit a span {display:inline-block; width:5px; height:3px; vertical-align:middle; background:url('/new_home/images/main/bg_tabBox.gif') no-repeat 0 0; margin-left:7px;}
.main .six_items .items .useTab .tabTit a.on {color:#fff;}

.main .six_items .items .useTab .tabTit a.on span {background:url('/new_home/images/main/bg_tabBox_on.gif') no-repeat 0 0;}
.main .six_items .items .tabCont {display:none; padding-top:33px;}


.main .banners_wrap {padding-top:40px;clear:both;position:relative;display:table;width:100%;margin-bottom:40px;}

.main .banners {position:relative; float:left; width:588px; height:58px; padding:0 33px 0 32px; overflow:hidden;background:#d4d0c5;}
/*
.main .banners {position:relative; float:left; width:653px; height:58px; padding:0; overflow:hidden;background:#d4d0c5;}
*/
.main .quickLinks {float:right; width:308px; height:58px; }
.main .banners_wrap .btns {position:absolute; top:14px; left:0; width:100%;z-index:99;height:21px;}
.main .banners_wrap .btns .play {display:none;}

.main .banners .btns {position:absolute; top:-10px; left:0; width:100%; height:0;}
.main .banners .btns .prev {position:absolute; top:0; left:0;}
.main .banners .btns .next {position:absolute; top:0; right:0;}
.main .banners .btns img {display:block;}
.main .banners .rollWrap {position:relative; width:100%; height:100%; overflow:hidden;}
.main .banners .roller {position:relative; left:0; top:0; width:10000px; overflow:hidden;}
.main .banners .roller li {float:left; width:196px;}
.main .quickLinks a {float:left; margin-left:13px;}
.main .quickLinks a:first-child {margin-left:0;}





#footWrap {margin-top:0;}



.main_sns_box {width:965px;margin:0 auto;text-align:right;padding:10px 0 7px 0;}
.main_sns_box a img {margin:0 1px;}
.six_items_box {background:url('/new_home/images/main/bg_main.png');padding-top:19px;padding-bottom:30px;display:table;width:100%;}
.six_items_boxin {width:994px;margin:0 auto;}