@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* 초기화 셋팅 */

body, div, p, a, img, ul, ol, li, table, caption, tr, td, th, h1, h2, h3, h4, h5, span, dl, dt, dd {margin:0; padding:0;}
html{overflow-y:scroll;}
ul {list-style:none;}
img {border:0;}

/* Basic Set-기본셋팅 */

body {width:100%; height:100%; background:#fff; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#5c5c5c; }
table {font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:14px; color:#333; border-collapse:collapse; }
a {text-decoration:none; }
a:visited, a:hover {text-decoration:none; }


/* 구조 셋팅 */

#header {min-width:1200px ;width:100%; position:relative; padding:0; margin:0;}
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#maincon{width:1200px; margin:0 auto ; }
#maincon0{width:1200px; margin:0 auto ; height:430px; border:solid 1px #d7d7d7;margin-top:30px;}

.m_conetents{width:1200px;margin:40px 0;}
.m_conetents:after{content:""; height:0; clear:both; display:block; visibility:hidden;  }
.board1{ width:395px; float:left;}
.board1 ul li{line-height:18px;}
.board1 ul li a{color:#636363; padding-left:8px;}

.board2{ width:1100px; margin-top:50px; float:left;}

#sub_container {min-width:1200px ;width:100%; position:relative; margin-top:50px;}
#sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer {width:100%; min-width:1200px;position:relative; background:#363636; clear:both}

/*Top menu*/
#topmenu  {width:1200px; margin:0 auto; position:relative; padding:0; margin:0}
#topmenu:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#topmenu p {position:absolute; top:20px;}
.chan {position:absolute; right:0px; top:10px;}
.chan p {float:left; text-align:right; margin-left:20px;}
.chan p a{color:#707070}

#header p.logo {float:left;}
#header #topmenu {width:1200px; position:relative; margin:0 auto;}
#header #topmenu:after {content:""; height:0; clear:both; display:block; visibility:hidden; }	
#header #topmenu p.logo {float:left;}

#header .gnb {position:absolute; right:0px; top:30px; }
#header .gnb li {position:relative;  float:left; display: block; margin-left:60px;}
#header .gnb li .gsub {position:absolute; width:220px ; padding-top:10px; display:none;}
#header .gnb li .gsub li {float:none !important; padding:0 ; !important;}
#header .gnb li .gsub li a {display:block; padding:12px 10px; color:#000; background-color:#fff; font-size:14px; text-align: left; border-bottom: 1px solid #eee; }
#header .gnb li .gsub li a:hover {font-weight:600; background-color:#ffa200 ; color:#fff;}

#submenu01 {left:-60px; z-index:999; text-indent:5px;}
#submenu02 {left:-60px; z-index:999; text-indent:5px;}
#submenu03 {left:-60px; z-index:999; text-indent:5px;}
#submenu04 {left:-60px; z-index:999; text-indent:5px;}
#submenu05 {left:-127px; z-index:999; text-indent:5px;}

/*main fade*/
#mainVs_wrap {position:relative; min-width:1200px; width:100%; height:435px; }
#mainVs_wrap #mainVs {width:1200px; margin: 0 auto}

#mainVs_wrap #mainVs ul li { width:100%; height:435px;}

.vs001 {width:1200px; height:435px; background:url(/img/vs001.jpg) no-repeat center top}
.vs002 {width:1200px; height:435px; background:url(/img/vs002.jpg) no-repeat center top}
.vs003 {width:1200px; height:435px; background:url(/img/vs003.jpg) no-repeat center top}
.vs004 {width:1200px; height:435px; background:url(/img/vs004.jpg) no-repeat center top}
.vs005 {width:1200px; height:435px; background:url(/img/vs005.jpg) no-repeat center top}
/*main*/

#mainContent_up {width:973px; margin:0 auto;  position:relative; padding:70px 0 80px 0; }
#mainContent_up:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#mainContent_up .up_tit {font-size:34px; padding-bottom:45px; color:#000; font-weight:bold; text-align:center}
#mainContent_up .up_cont {}
#mainContent_up .up_cont:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#mainContent_up .up_cont p {float:left}


#mainContent_mi {width:973px; margin:0 auto;  position:relative;}
#mainContent_mi:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.mi_left {float:left; padding-top:55px; margin-right:30px}
.mi_right {float:left}

#mainContent {width:973px; margin:105px auto 90px; position:relative; }
#mainContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#mainContent .con_left {float:left; width:543px}
#mainContent .con_right {float:left; margin-left:32px}

.ma_tit {margin-bottom:15px}

/*subvs*/

#subvs_wrap1 {width:100%;min-width:1200px; position:relative; text-align:center; background:url(/img/subvs1.jpg) no-repeat center top; height:280px; color:#FFFFFF; text-align:center; margin-top:-30px;}
#subvs_wrap1 p.tit{font-size:18px; letter-spacing:10px; margin-top:70px; padding-top:90px;}
#subvs_wrap1 p.tit2{ font-size:40px;}

#subvs_wrap2 {width:100%;min-width:1200px; position:relative; text-align:center; background:url(/img/subvs2.jpg) no-repeat center top; height:280px; color:#FFFFFF; text-align:center; margin-top:-30px;}
#subvs_wrap2 p.tit{font-size:18px; letter-spacing:10px; margin-top:70px; padding-top:90px;}
#subvs_wrap2 p.tit2{ font-size:40px;}


#subvs_wrap3 {width:100%;min-width:1200px; position:relative; text-align:center; background:url(/img/subvs3.jpg) no-repeat center top; height:280px; color:#FFFFFF; text-align:center; margin-top:-30px;}
#subvs_wrap3 p.tit{font-size:18px; letter-spacing:10px; margin-top:70px; padding-top:90px;}
#subvs_wrap3 p.tit2{ font-size:40px;}


#subvs_wrap4 {width:100%;min-width:1200px; position:relative; text-align:center; background:url(/img/subvs4.jpg) no-repeat center top; height:280px; color:#FFFFFF; text-align:center; margin-top:-30px;}
#subvs_wrap4 p.tit{font-size:18px; letter-spacing:10px; margin-top:70px; padding-top:90px;}
#subvs_wrap4 p.tit2{ font-size:40px;}


#subvs_wrap5 {width:100%;min-width:1200px; position:relative; text-align:center; background:url(/img/subvs5.jpg) no-repeat center top; height:280px; color:#FFFFFF; text-align:center; margin-top:-30px;}
#subvs_wrap5 p.tit{font-size:18px; letter-spacing:10px; margin-top:70px; padding-top:90px;}
#subvs_wrap5 p.tit2{font-size:40px;}

/*sub*/

#subContent {width:1200px; margin:0 auto ; position:relative;}
#subContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }


#subContent2 {width:1200px; margin:0 auto ; position:relative; padding:50px 0}
#subContent2:after {content:""; height:0; clear:both; display:block; visibility:hidden; }


#bbsContent {width:1200px; margin:0 auto ; position:relative; }
#bbsContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

/*sub left*/

/*sub left*/

#left {width:200px; position:relative; float:left;}
#left p {background:url(img/tit_line.png) no-repeat; font-size:25px; color:#333333; padding:10px 0 30px 0; margin:30px 0 0px 0; }
#left p.tit {background:url(/img/left_tit_back.jpg) no-repeat center top; padding-top:20px; font-size:25px; font-weight:bold; color:#fff; height:49px; text-align:center; width:184px;}
#left ul li {color:#5e5e5e; font-size:14px; text-align:left; text-indent:10px;}
#left ul li a {width:100%; height:100%; display:block; color:#000000; padding:8px 0 ;}
#left ul li a:hover {color:#ffffff; background:#666666 url(/img/on.png) no-repeat right }
#left ul li a.on {color:#ffffff;background:#666666 url(/img/on.png) no-repeat right }

.lcs {margin-top:40px}

/*sub content*/

#content {width:950px; float:right; position:relative; text-align:left; }

/*sub_title*/

#content .sub_tit { padding:0px 0 20px 0}
#content .sub_tit:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#content .sub_tit .s_tit {font-size:28px;  position:relative; color:#4b4b4b}
.s_tit p{font-size:13px;  font-weight:normal; position:absolute; right:0; top:20px; color:#9e9e9e}
.s_tit p a{color:#000000}
#content div.sub_con {padding:30px 0 100px; min-height:500px;}
#content div.sub_con1 {padding:30px 0 100px; min-height:500px; }
.sub_con h4{color: #b77940; font-size:16px;}
.sub_con h5{color: #000000; font-size:18px; margin-top:20px;}
.sub_con ul li{background:url(/img/icon.png) no-repeat 0 14px; padding-left:10px; line-height:30px;}


.top_list {padding-bottom: 30px;}
.top_list p {font-size: 18px;font-weight: bold;}


.tablem{margin-top:30px;}
.tablem p {text-align:right;}

.ml_10{ margin-left:10px}
.mr_10{ margin-right:10px}
.mb_10{margin-bottom:10px;}
.mb_30{margin-bottom:30px;}
.mb_30{margin-bottom:30px;}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
/* footer */

#footer div.tail {width:1200px; margin:0 auto; line-height:1.5em; color:#949494; font-size:13px;  padding:35px 0; position:relative }
#footer div.tail:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer div.tail p.copy {float:left}
#footer div.tail span {padding-right:20px; }
#footer div.tail span a {color:#e7e7e7; }

.sns{position:absolute; right:0px; top:50px; width:300px; float:left; text-align:right}
.sns a{margin-left:10px;}
/*sub101*/

.sub101 { color:#363636; position:relative }

.sub101 p {line-height:1.6em}
.sub101 p.sub101_up {font-size:20px; line-height:2.0em;font-weight:bold}
.sub101 p.sub101_up span {color:#2c67c3}
.sub101 p.im {margin-top:30px}

/*sub102*/

.sub102 {font-size:16px; color:#363636; }

.sub102 p {line-height:1.6em}
.sub102 p.sub102_up {font-size:22px; line-height:2.0em;font-weight:bold}
.sub102 p.sub102_up span {color:#2c67c3}

div.map {margin-top:20px;}

.map_tx {margin:0; border-right:1px solid #ddd;  border-left:1px solid #ddd; border-bottom:1px solid #ddd;  width:1098px; padding:30px 0; line-height:1.8em; font-size:14px; }
.map_tx:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
.le {float:left; padding:0 20px 0 25px}
.ri {float:left}
.ri ul li {background:url(/img/sub102_bul.jpg) no-repeat left 5px; padding-left:25px}
.ri ul li b {color:#2674c5; font-weight:bold}


.btnst1{ border:solid 1px #d4d4d4; padding:8px 15px; text-align:center; color:#333333;}
.btnst1.on{ background:#2463bb; color:#FFFFFF;border:solid 1px #2463bb;}
.btnst1:hover{ background:#2463bb; color:#FFFFFF;border:solid 1px #2463bb;}

.w1100{width:1100px; float:left; margin-top:30px;}

.tablest{border-top:solid 2px #a3a3a3; margin-top:10px; }
.tablest th{ background:#f6f6f6;  colora3a3a3000; text-align:center; padding:10px;}
.tablest td{ border-bottom: solid 1px #bcbcbc; padding:10px; line-height:20px;}
.tablest td.bg{background:#e4ecf7; color:#2463bb; text-align:center; font-weight:600}
.tablest td.textc{text-align:center; font-weight:600}
.tablest td a.view{padding:3px 10px 5px 10px; color:#333333; background:#eee; font-size:11px;  }
.tablest td a:hover.view{background:#333; color:#FFFFFF }
.tablest td.bline{border-bottom:solid 1px #bcbcbc}
.tablest td.month{font-size:20px; color:#3d3d3d}
.tablest td.text-l{text-align:left}
.tablest td a{color:#3d3d3d}
.tablest td a:hover{color:#e0b389}


.boardarea {width:100%;background:#f8f8f8;padding:50px 0;}
.noticebox {position:relative;width:286px;float:left;}
.noticebox h4 {font-size:23px;color:#3c3c3c;}
.noticebox .more {position:absolute;right:0;top:2px;}
.noticebox .mainnotice-list {margin-top:34px;}
.noticebox .mainnotice-list li {margin-bottom:10px;background: url(/img/icon_dot.gif) no-repeat left center;padding-left:8px;}
.noticebox .mainnotice-list li a {font-size:14px;color:#666666;letter-spacing:-0.04em;}

.mediaroom-box {float:left;width:870px;margin-left:20px;}
.mediaroom {position:relative;}
.mediaroom h4 {font-size:20px;color:#000000; padding:5px 0 10px 0; font-weight:normal}
.mediaroom  .more {position:absolute;right:0;top:2px;}
 
.flexslider {margin-top:45px; }
.flexslider .flex-control-paging {display:inline-block;text-align:right;width:100%;position:absolute;top:-30px;right:0px;}
.flexslider .flex-control-paging li {display:inline-block;margin:0 3px;}
.flexslider .flex-control-paging li a {text-indent:9999px;width:14px;height:14px;background: url(/img/main_dot2.jpg) no-repeat;float:left; position:relative;overflow:hidden;}
.flexslider .flex-control-paging li a.flex-active {text-indent:9999px;background: url(/img/main_dot2_on.jpg) no-repeat;width:14px;height:14px; float:left; position:relative;overflow:hidden;}

.flexslider  .flex-nav-prev a {width:41px;height:60px;background: url(/img/btn_media_left.jpg) no-repeat;display:block;left:-56px;top:50%;margin-top:-25px;position:absolute;text-indent:-9999px;}
.flexslider  .flex-nav-next a {width:41px;height:60px;background: url(/img/btn_media_right.jpg) no-repeat;display:block;right:-56px;top:50%;margin-top:-25px;position:absolute;text-indent:-9999px;}


.poster{ width:195px; float:left; margin-right:20px;}
.poster img{width:195px; height:300px;}
.poster ul li{line-height:22px; letter-spacing:-0.5px; font-size:13px;color:#7d7d7d;}
.poster ul li.red{color:#FF0000}
.poster ul li.black{color:#333333; font-weight:600} 

.poster2{ width:217px; height:430px; float:left; margin:30px 10px; vertical-align:top}
.poster2 img{width:220px; height:300px;}
.poster2 ul li{line-height:23px; font-size:13px;color:#7d7d7d;}
.poster2 ul li.red{color:#FF0000}
.poster2 ul li.black{color:#333333; font-weight:600} 
 
 
.poster3{ width:217px; height:370px; float:left; margin:30px 10px;}
.poster3 img{width:220px; height:300px;}
.poster3 ul li{line-height:23px; font-size:13px;color:#7d7d7d;}
.poster3 ul li.red{color:#FF0000}
.poster3 ul li.black{color:#333333; font-weight:600} 
 
 
.maincon0left{width:300px; float:left;background:#f5f5f5; }

.calendarbox{width:300px; height:310px; float:left; }
.calendarbox h4{text-align:center;color:#a87a50; font-size:14px; padding:13px; border:solid 1px #e0b389; background:#FFFFFF; margin:10px;}
.calendar th{ text-align:center; font-size:14px;padding:10px;}
.calendar th a.sun{color:#343434; }
.calendar td a.sun{color:#343434}
.calendar td {border:solid 2px #f5f5f5 !important;}

.calendar td{text-align:center;  font-size:14px; padding:8px; }
.calendar td a{padding-top:6px;  width:35px; height:36px;color:#5e5e5e}
.calendar td.today{background:url(/img/today.png) no-repeat center; text-align:center; width:34px; height:34px;}
.calendar td.today a{color:#FFFFFF}
 
.dayst{width:280px; float:left; margin:10px 12px 0px 12px; }
.dayst1{ background:#777777 url(/img/icon_1.png) no-repeat 5px 5px ;  padding:5px 0 6px 30px; font-weight:600; border-bottom:solid 1px #fff}
.dayst1 a{color:#FFFFFF}

.dayst2{ background:#9f9f9f url(/img/icon_2.png) no-repeat 5px 5px ;  padding:5px 0 6px 30px; font-weight:600;  border-bottom:solid 1px #fff}
.dayst2 a{color:#FFFFFF}
 

 
.hi {}
.hi p{ padding:0 0 20px 0}
.hi span{ padding:20px 0 0px 0} 
 
.space{ float:left; margin-bottom:30px;}
.space p{ float:left; padding-right:30px;  }
.space ul{float:right; width:550px; } 
.space  h4{ color:#e0b389}


.map{ height:45px; padding:5px 10px; border-top:solid 1px #dfdfdf;border-left:solid 1px #dfdfdf;border-right:solid 1px #dfdfdf;}
.map ul li{ float:left}
.map1{background:url(img/map1.png) no-repeat;  padding:5px 20px 10px 40px;}
.map1 span{font-weight:600; color:#000000}
.map2{background:url(img/map2.png) no-repeat;  padding:5px 20px 10px 40px;}
.map2 span{font-weight:600; color:#000000}

.maptable {margin-top:30px;}
.maptable p{ color:#ff4e00; text-align:right;margin-top:10px;}
.maptablein tr th {background:#f7f7f7; padding:10px; border:solid 1px #dfdfdf; text-align:center}
.maptablein tr th.6line{color:#ae4700}
.maptablein tr th.centerline{color:#5ba37f}
.maptablein tr td { padding:10px;border:solid 1px #dfdfdf;}
.maptablein tr th.org{color:#ff6600}

.textst{text-align:right; color:#FF0000}
.companytabl {float:right;}
.companytabl {border-top:2px solid #444444;}
.companytabl th, .companytabl td {border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;padding:9px 0;}
.companytabl th {text-align:center;vertical-align:middle;font-size:15px;color:#000000;background:#eeeeee;}
.companytabl td {padding:9px;font-size:15px;}
.companytabl td.bg{background:#fafafa;text-align:center; font-weight:600}
.companytabl td.text-c{text-align:center}

.schedule table{width: 100%;     margin-top: 15px; border-left: 1px solid #ccc}
.schedule table th{color:#FFFFFF;background: #646464; font-size: 13px; font-weight: 600; text-align:center; padding: 3px 15px;   border-right: 1px solid #838383;}
.schedule table td{font-size: 13px; text-align:left;  padding: 6px;  border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;    height:80px; vertical-align:top; }
.schedule table th.sun{background:#e0b389}
.schedule table td.today{background:#f6f6f6; font-weight:600; color:#000000}

.year{ text-align:center; font-size:28px;  color:#000000; vertical-align:middle;}
.year a img{margin:0 70px ;}

.box2{position:absolute; right:0px; top:100px; font-size:13px;}


.boxst{border:solid 1px #cfcfcf; background:#f6f6f6; padding:8px 8px 5px 8px; float:left; width:100%; margin-bottom:40px;border-radius:3px;}
.boxst ul li{float:left; margin:0 28px 0 12px; text-align:center; vertical-align:middle}
.boxst ul{ padding:5px 0 0 0; float:left; font-weight:600}


.textr{color:#FF0000;}
.textb{color:#0036ff}
.textg{color:#379d00}
.texto{color:#ffa200}

.inputst{border:solid 1px #b6b6b6; padding:5px;vertical-align:middle;border-radius:3px;}

.btn_search{ background:#e0b389; float:right; border-radius:3px; }
.btn_search a{ display:block; color:#FFFFFF; padding:5px 10px;  border-radius:3px;}
.btn_search a:hover{color:#FFFFFF; background:#e00707; border-radius:3px;}

.days{width:135px;}
.days ul li{line-height:16px; }
.days ul li a{ color:#FF0000}

.icon1{border:solid 1px #a8a8a8;border-radius:3px; float:left; margin-right:5px}
.icon1 a{display:block; padding:5px ; color:#333333; }
.icon1 a:hover{ background:#e0b389; color:#FFFFFF}

.icon2{border:solid 1px #a8a8a8;border-radius:3px;  float:left;  margin-right:5px;}
.icon2 a{display:block; padding:5px;color:#333333; }
.icon2 a:hover{ background:#e0b389; color:#FFFFFF}

.icon3{border:solid 1px #a8a8a8;border-radius:3px; float:left;}
.icon3 a{display:block; padding:5px;color:#333333;}
.icon3 a:hover{ background:#e0b389; color:#FFFFFF}


.s_view{border:solid 1px #cfcfcf; padding:15px 15px 20px 15px; float:left; width:100%}
.s_view p { float:left}
.s_view p img { width:240px; height:350px;}
.s_view ul {float:left; margin-left:40px; margin-top:10px; width:630px;}
.s_view ul li.tit{ text-decoration:underline; color:#e0b389}
.s_view ul li.tit2{font-size:22px; line-height:26px}
.s_view ul dl{margin-bottom:15px; width:630px; padding:10px 0}
.s_view ul dl dt{float:left; width:100px; }
.s_view ul dl dd{float:left; width:530px; }


.s_view2{float:left; margin:30px 0 50px 0;}
.s_view2 h4{font-size:24px; color:#494949}

.btn_list{ clear:both; float:right; margin-bottom:50px;}
.btn_list a{display:block; background:#000000; color:#FFFFFF; float:left; padding:5px 10px;}
.btn_list a:hover{background:#333333; color:#FFFFFF; }


#simplemodal-overlay {background-color:#000;}
.simplemodal-close {background:url(/img/btn_close.png) no-repeat; width:24px; height:24px; display:inline; z-index:5200; position:absolute; top:17px; right:20px; cursor:pointer;}
.popup {width:400px;border:1px solid #eee;background:#fff}

.pop-header {width:100%;position:relative;height:40px;}

.pop-header h1 {padding-left:20px;line-height:20px; font-size:16px; font-weight:600;}
.pop-content {clear:both;background:#fff;}
.content-inbox {padding:20px;}
.content-inbox  ul li.tit{ text-decoration:underline}
.content-inbox  ul li.tit1{ font-size:20px; font-weight:600}
.content-inbox  ul li.tit2{ margin-bottom:30px;}
.content-inbox  ul  span{background:#e0b389;  padding:5px 10px 7px 10px;}
.content-inbox  ul  span a{color:#FFFFFF;}

.popup02 {position:absolute; width:500px; height:500px; top:250px; left:50%; margin-left:-250px; background:#ffff;z-index:1200;}	
.btn-close {display:block; position:absolute; width:24px; height:24px; top:17px; right:20px; }
.popup_layerBG {width:100%; height:100%; _height:800px;background:#000; filter:alpha(opacity=70); opacity:0.7; position:fixed;_position:absolute; _filter:alpha(opacity=70); top:0px; left:0px; z-index:1000;}