@import "default.css";


#visual {clear:both; position:relative; top:0px; left:0px; width:100%; height:500px; /*background:('./images/main/visual.jpg') center left top;*/ z-index:0}
	#visual ul.dot {position:relative; display:inline-block;  top:441px; left:485px; width:auto; height:22px;}
	#visual ul.dot li {float:left; margin-right:10px;}



#content {position:relative; width:100%;}
#content ul {position:relative; width:1130px; height:285px; margin:-4px auto 0 auto; background:#fff;}
#content ul li {float:left}
#content ul li.product {float:left; width:302px; height:285px; background:url('../images/main/pro_bg.gif') repeat-x left top ;}
#content ul li.product p.conTitle {position:relative; top:50px; padding-left:27px; padding-bottom:13px; letter-spacing:-0.05em; line-height:25px; width:auto; font-size:23px; font-family:'ngb';  color:#fff;}
#content ul li.product ul.nt_list {float:left; width:260px; margin-top:65px; margin-left:7px; background:none;}
#content ul li.product .pBox {position:absolute; width:303px; top:4px; left:0px;}
#content ul li.product .pBox ul.pro_point {float:right; width:auto; top:28px; right:10px; background:none; }
#content ul li.product .pBox ul.pro_point a {float:left; margin:0 3px 0 0; width:8px; height:9px; }
#content ul li.product .pBox ul.pro_point a li  {float:left; margin:0 3px 0 0; width:8px; height:9px; }
#content ul li.product .pBox ul.pro_point li.point_on {background:#ff996b;}
#content ul li.product .pBox ul.pro_point li.point_off {background:#fff;}


#content .pro_img {position:absolute; top:4px; width:302px; height:285px; background:none;}
#content .pro_img li {display:none}
#content .pro_img .show {display: inherit}
#content .btn_enter {position:relative; top:110px; left:27px; width:90px; border:2px solid #fff; text-align:center; padding:7px 0 7px 0; font-family:'ngb'; z-index:9999}
#content .imgTxt {float:left; margin-top:180px; margin-left:27px; color:#fff; font-size:12.5px; letter-spacing:0em; font-family:'ngb'}



#content ul li.notice {float:left; width:275px; height:285px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
#content ul li.notice p.conTitle {position:relative; top:40px; padding-left:18px; padding-bottom:13px; letter-spacing:-0.05em; width:auto; font-size:20px; font-family:'ng'; font-weight:bold; border-bottom:1px solid #eaeaea;}
#content ul li.notice p.conTitle a:hover {text-decoration:none;}
#content ul li.notice ul.nt_list {float:left; width:260px; margin-top:75px; margin-left:7px; background:none;}
#content ul li.notice ul.nt_list li {float:left; margin-left:13px; width:87%; height:18px; padding-bottom:4px; padding-top:5px; padding-left:13px; border-bottom:1px dotted #000; background:url('../images/main/li_icon.gif') no-repeat 6px 13px;}
#content ul li.notice ul.nt_list li span.ntTxt {float:left; width:140px; height:20px; font-size:11px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
#content ul li.notice ul.nt_list li span.ntDate {margin-left:20px; color:#888888; font-size:11px; line-height:18px;}


#content ul li.library {width:273px; height:285px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
#content ul li.library p.conTitle {position:relative; top:40px; padding-left:18px; padding-bottom:13px; letter-spacing:-0.05em; width:auto; font-size:20px; font-family:'ng'; font-weight:bold; border-bottom:1px solid #eaeaea;}
#content ul li.library ul.libBox {float:left; width:260px; margin-top:65px;background:none;}
#content ul li.library ul.libBox li {float:left; margin-left:15px; border-right:1px solid #e4e4e4w;}
#content ul li.library ul.libBox li.no {float:left; margin-left:15px; width:25%; border:none;}
#content ul li.library ul.libBox li.lib01 {padding-top:130px;  width:28%;text-align:center; border-right:1px solid #e4e4e4; font-weight:bold; background:url('../images/main/lib01.gif') no-repeat left 15px;}
#content ul li.library ul.libBox li.lib02 {padding-top:130px;  width:28%;text-align:center; border-right:1px solid #e4e4e4; font-weight:bold;   background:url('../images/main/lib02.gif') no-repeat left 10px; }
#content ul li.library ul.libBox li.lib03 {padding-top:130px; text-align:center;  font-weight:bold;   background:url('../images/main/lib03.gif') no-repeat center 15px; }


#content ul li.qna {width:277px; height:285px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
#content ul li.qna p.conTitle {position:relative; top:40px; padding-left:18px; padding-bottom:13px; letter-spacing:-0.05em; width:auto; font-size:20px; font-family:'ng'; font-weight:bold; border-bottom:1px solid #eaeaea;}
#content ul li.qna p.conTitle a:hover {text-decoration:none;}
#content ul li.qna ul.qa_list {float:left; width:260px; margin-top:75px; margin-left:7px; background:none;}
#content ul li.qna ul.qa_list li {float:left; margin-left:13px; width:87%; height:18px; padding-bottom:4px; padding-top:5px; padding-left:13px; border-bottom:1px dotted #000; background:url('../images/main/li_icon.gif') no-repeat 6px 13px;}
#content ul li.qna ul.qa_list li span.ntTxt {float:left; width:140px; height:20px; line-height:20px;  font-size:11px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
#content ul li.qna ul.qa_list li span.ntDate {margin-left:20px; color:#888888;font-size:11px; line-height:18px;}



#footer {position:relative; width:100%; border-top:2px solid #efefef; margin-top:20px; height:200px;}
.footBox {position:relative; margin:0 auto; width:1130px; height:200px; background:url('/images/main/copy_logo.png') no-repeat left 35px;}
.address {position:relative; width:70%; left:168px; top:37px; font-size:11px; line-height:18px;  letter-spacing:-0.02em; font-family:'ng'; color:#000;}
.address a:hover {text-decoration:none;}
ul.snsBox {float:right; margin-top:-20px;} 
ul.snsBox li {float:left; width:43px; height:43px; margin-left:4px;}
ul.snsBox li a{float:left; width:43px; height:43px;}



/* SELECT ELEMENT WITH GRAPHIC IMAGE */
select#selectTravelCity
{
   width                    : 7em;
   height                   : 2em;
   padding                  : 0.2em 0.4em 0.2em 0.4em;
   vertical-align           : middle;
   border                   : 1px solid #dadada;
   -moz-border-radius       : 0.2em;
   -webkit-border-radius    : 0.2em;
   border-radius            : 0em;
 /*  box-shadow               : inset 0 0 3px #a0a0a0;
   -webkit-appearance       : none;
   -moz-appearance          : none;
   appearance               : none;  /*IMPORTANT*/

   /* sample ICO image at webinfocentral.com */
   background               : url('/images/main/copy_logo.png') 95% / 10% no-repeat #fff;
   font-family              : Arial,  Calibri, Tahoma, Verdana;
   font-size                : 1em;
   color                    : #000;
   cursor                   : pointer;
}
select#select#selectTravelCity::-ms-expand {display: none;} /*FOR IE*/
select#selectTravelCity  option
{
	font-size               : 1em;
	padding                 : 0.2em 0.4em 0.2em 0.4em;
}
select#selectTravelCity  option[selected]{ font-weight:bold}
select#selectTravelCity  option:nth-child(even) { background-color:#f5f5f5; }
select#selectTravelCity:hover
{
	color                   : #101010;
	border                  : 1px solid #cdcdcd;
}    
select#selectTravelCity:focus {box-shadow: 0 0 2px 1px #404040;}




/*후원기관*/
/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cycle-slideshow {width:100%; margin:24px 0 0 0; padding: 0; position: relative; overflow:hidden;}
.cycle-slideshow ul {width:90%; float:left;  display:inline;}
.cycle-slideshow ul li{float:left; margin-right:21px;}
.cycle-slideshow ul li:last-child {margin-right:0px; }
/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { /* some of these styles will be set by the plugin (by default) but setting them here helps avoid flash-of-unstyled-content */
    position: absolute; top: 0; padding: 0; display: block;
}

/* in case script does not load */
/* .cycle-slideshow img:first-child { */
.cycle-slideshow img{
	position: static; z-index: 100; float:left;
}

/* pager 점 표시 */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}

/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700;}

/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }

/* display paused text on top of paused slideshow */
.cycle-paused:after {
	/*
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
	*/
}

#content .banner {position:relative; border:1px solid #eaeaea; background:#fff; height:50px; width:1060px; margin:0 auto; padding:20px 30px 20px 40px;}
#content .banner .logo_li {width:100%;height:auto;overflow:hidden;column-width:100px;column-gap:25px;padding-left:10%;}
#content .banner > ul.logo_li {position:relative; float:left; top:12px; width:90%; height:50px; border:0px solid #ff0000; margin-right:30px; overflow:hidden;}
#content .banner > ul.logo_li li {float:left; margin-right:33px;}
#content .banner > ul.logo_li li a img {width:85px; height:35px;}

#content .banner .banner_btn {float:left; border:1px solid #e3e3e3; margin-top:10px;padding:5px; border-radius:10px;}


#visual .vis_img01 {position:absolute; width:100%; height:530px; background:url('/images/main/vis01.jpg') no-repeat center top;}
#visual .vis_img01 .vis_txt {position:relative; width:1130px; top:207px; margin:0 auto;  color:#fff; font-size:14px; text-align:center; font-family: 'Jeju Gothic', 'ng';}
#visual .vis_img01 .vis_txt01 {font-size:80px; letter-spacing:-7px; line-height:46px ;}
#visual .vis_img01 .vis_txt02 {position:relative; left:10px; top:23px; display:block; letter-spacing:-0.03em; font-size:26px; }
#visual .vis_img01 .vis_txt03 {position:relative;  top:11px; left:13px; font-size:20px; letter-spacing:-2px;}

#visual .vis_img02 {position:absolute; width:100%; height:530px; background:url('/images/main/vis02.jpg') no-repeat center top;}
#visual .vis_img02 .vis_txt {position:relative; width:1130px; top:150px; left:130px; margin:0 auto; font-size:14px;}
#visual .vis_img02 .vis_txt01 {letter-spacing:0.1em; font-weight:bold;}
#visual .vis_img02 .vis_txt02 {position:relative; top:-5px; font-size:40px; letter-spacing:-0.1em; line-height:46px;}
#visual .vis_img02 .vis_txt03 {display:block; margin-top:-8px; font-weight:bold; font-size:16px;}

#visual .vis_img03 {position:absolute; width:100%; height:530px; background:url('/images/main/vis03.jpg') no-repeat center top;}
#visual .vis_img03 .vis_txt {position:relative; width:1130px; top:150px; left:130px; margin:0 auto; font-size:14px;}
#visual .vis_img03 .vis_txt01 {letter-spacing:0.1em; font-weight:bold; color:#fff;}
#visual .vis_img03 .vis_txt02 {display:block; font-size:36px; letter-spacing:-0.1em; line-height:23px; margin-top:5px; color:#fff;}
#visual .vis_img03 .vis_txt03 {font-size:16px; letter-spacing:-0.05em;color:#fff;}


#visual .vis_img04 {position:absolute; width:100%; height:530px; background:url('/images/main/vis04.jpg') no-repeat center top;}
#visual .vis_img04 .vis_txt {position:relative; width:1130px; top:150px; left:130px; margin:0 auto; font-size:14px; background:url('./images/main/box_bg.png-') repeat-y left top;}
#visual .vis_img04 .vis_txt01 {letter-spacing:0.1em; font-weight:bold; color:#fff2ec; }
#visual .vis_img04 .vis_txt02 {position:relative; top:-5px; font-size:40px; letter-spacing:-0.05em; line-height:46px;color:#fff2ec;}
#visual .vis_img04 .vis_txt03 {display:block; margin-top:5px; font-weight:bold; font-size:16px; line-height:30px; letter-spacing:-0.02em;}



#visual .floatbox {position:relative; width:1130px; height:500px; margin:0 auto; z-index:100;}
#visual .arrow_l {float:left; margin-top:226px;}
#visual .arrow_r {float:right; margin-top:226px;}
.active {z-index:99;}
.next-active {z-index:98;}