@import url(normalize.css);

@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body{font-family:'Noto Sans', sans-serif, '나눔고딕', Nanum Gothic, '굴림', Gulim;position:relative;}

#header2323{height:100px;background:#f4f4f4 url(/theme/cus/img/common/header_bg.jpg) no-repeat center top}

/*header*/
#header{height:100px;background:#f4f4f4;}
#header .header_inner{position:relative;max-width:1200px;margin:0 auto;text-align:center;}
#header .top_txt{position:absolute;top:30px;left:0}
#header .util{position:absolute;top:30px;right:0}
#header .util li{float:left;}
#header .util li a{display:block;font-size:12px;letter-spacing:-1px;height:28px;line-height:26px;}
#header .util li a.line{margin-right:10px;}
#header .util li a.line:after{display:inline-block;content:'|';margin-left:10px;color:#ccc;font-size:12px;}
#header .util li a.inqury{background:#30456f;color:#fff;margin-left:20px;padding:0 17px;font-weight:700;
border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px}

#header .ico_menu{display:none;position:absolute;top:0;left:0;width:60px;height:60px;background:url(/theme/cus/img/common/ico_menu.png) no-repeat 50% 50%;z-index:10000;cursor: pointer;}

#nav{height:45px;background:#30456f;}

@media only screen and (max-width:1200px) {
	#header .header_inner{margin:0 20px;}
	#navigation_horiz .menu a{font-size:14px;}
}
@media only screen and (max-width:960px) {
	#header{height:60px;text-align:center;}
	#header .header_inner{margin:0;}
	#header h1.logo{padding-top:10px;}
	#header h1.logo img{height:45px}
	#header .top_txt{display:none;}
	#header .util{top:17px;right:10px}
	#header .util li:nth-child(1),#header .util li:nth-child(2){display:none;}
	#header .util li a.inqury{margin-left:0;padding:0 10px;}
	#header .ico_menu{display:block;}
	#nav{display:none;}
}

@media only screen and (max-width:460px) {


	#header .util li:nth-child(1),#header .util li:nth-child(2),#header .util li:nth-child(3){display:none;}

}


/* Sidebar */
.sidebar {
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  border-right:1px solid #ddd;
  overflow:auto;
  -webkit-transition: left 0.3s ease, -webkit-box-shadow 0.3s ease 0.2s;
  transition: left 0.3s ease, box-shadow 0.3s ease 0.2s;
}
.sidebar #close {
  float: right;text-align: right;
}
.sidebar.closed {
  left: -100%;
  -webkit-box-shadow: 0 0 0 #1abc9c;
  box-shadow: 0 0 0 #1abc9c;
}
.sidebar .title{height:60px;}
.sidebar .title span.logo{display:block;height:60px;background:url(/theme/cus/img/common/logo.png) no-repeat 10px 10px;background-size:auto 40px;}
.sidebar a.btn_close{position:absolute;top:0;right:0;width:60px;height:60px;background:url(/theme/cus/img/common/ico_close.png) no-repeat 50% 50%}
.sidebar a.btn_en{display:block;background:#00479d;margin:15px;font-size:12px;color:#fff;text-align:center;height:36px;line-height:36px;
border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;}

	.accordion {}
	.accordion:after{content:'';display:block;clear:both;}
	.accordion ul{float: left; display: block; width: 100%; }
	.accordion>li{float: left; display: block; width: 50%;}
	.accordion>li>a{font-size:15px;color:#fff;font-weight:600;padding:0 12px;height:36px;line-height:34px;display:block;cursor:pointer;background:#30456f url(/theme/cus/img/common/arrow1.png) no-repeat 93% 50%;border-left:1px solid #fff;}
	.accordion>li.active>a{color:#666;}
	.accordion>li>a.point{background:#366ab6 url(/theme/cus/img/common/arrow1.png) no-repeat 93% 50%;}
	.accordion>li>ul{background:#fff;display:block;}
	.accordion>li>ul>li>a{background:#fff url(/theme/cus/img/common/arrow2.png) no-repeat 14px 50%;height:30px;line-height:28px;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;display:block;font-size:13px;padding:0 13px 0 27px;color:#666;letter-spacing:-1px;}
	.accordion>li>ul>li>a.none{background:none}
	
/* 메뉴 */
#navigation_horiz {position:relative;margin:0 auto;max-width:1200px;}
#navigation_horiz .dropdown{position:absolute;background:#f6f6f6;z-index:99999999999999999999999999;display:none;}
#navigation_horiz .menu{max-width:1200px;}
#navigation_horiz .menu a{display:inline-block;background: url(/theme/cus/img/common/nav_line.gif) no-repeat left 50%;height:45px;line-height:42px;font-size:15px;font-weight:700;color:#fff;letter-spacing:-1px;width:12.48571%;text-align:center}
#navigation_horiz .menu a:first-child{background:none;}
#navigation_horiz .menu a.active, #navigation_horiz .menu a:hover{background:#333;color:#fff}

#navigation_horiz .submenu{padding-top:15px;}
#navigation_horiz .submenu li{float:left;width:12.48571%;border-left:1px solid #e4e4e4;height:200px;}
#navigation_horiz .submenu li:first-child{border-left:none;}
#navigation_horiz .submenu li a{display:block;color:#333;font-size:13px;letter-spacing:-1.5px;line-height:18px;padding:4px 17px 6px}
#navigation_horiz .submenu li a:hover{background:#f6f6f6;color:#1c82d5}

#main_visual{height:400px;}

/*--carousel main_visual, main_banner--*/
.carousel {width: 100%;overflow: hidden;position: relative;z-index: 1;}
.ui-carousel-item2{float: left;display: inline;margin: 0px;padding: 0px 10px 0px 0px;width: 400px;height: 270px;background-color: #fff !important;text-align: center;}
.ui-carousel-list {position: relative;}
.ui-carousel-list:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
#fade .ui-carousel-list {width: 100%;height: 600px;}		
#fade .ui-carousel-item {position: absolute;top: 0px;left: 0px;right:0;bottom:0;height:600px;margin:auto;background-repeat:no-repeat;background-position:center top;background-color: #000 !important}
.carousel-button{}
.carousel-button:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
.ui-carousel-prev{opacity: 0.3;position:absolute;top:270px;z-index:999999999999999999999;left:12%;}
.ui-carousel-next{opacity: 0.3;position:absolute;top:270px;z-index:999999999999999999999;right:12%;}
	.ui-carousel-prev a, .ui-carousel-next a {display: block;width:70px;height:70px;background-color: #000;border-radius: 35px;color:#fff;font-size:11px;line-height:68px;text-align:center;}
	.ui-carousel-prev:hover, .ui-carousel-next:hover {opacity:1}
	.ui-carousel-prev.ui-carousel-disable a,
	.ui-carousel-next.ui-carousel-disable a {opacity: 0.5;cursor: default;text-decoration: none;}
.ui-carousel-paginationList {margin:0 auto;width:1200px;}
.ui-carousel-paginationList:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
.ui-carousel-paginationItem {float: left;display: inline;}
.ui-carousel-paginationItem a {display: block;color:#fff;width: 240px;height:40px;background-color: #000;text-align: center;font-size:12px;letter-spacing:-1px;line-height:38px;border-right:1px solid #979797;}

#main_container{}
#main_container .main_content{max-width:1200px;background:#fff;margin:0 auto;padding:30px;}
#main_container .main_content:after{content:'';display:block;clear:both}
#main_container .main_content .notice{float:left;width:45%;}
#main_container .main_content .press{float:left;width:31.33333%;margin:0 3%;}
#main_container .main_content .online{float:left;width:31.33333%;}
#main_container .main_content h2.h2_board{position:relative;font-size:18px;color:#333;letter-spacing:-1px;line-height:1;border-bottom:2px solid #000;padding-bottom:10px;margin-bottom:10px;}
#main_container .main_content h2.h2_board a.btn_more{position:absolute;top:0;right:0;width:19px;height:19px;border:1px solid #b8b8b8;color:#b8b8b8;font-weight:400;text-align:center;line-height:15px;}
#main_container .main_content .board_list li{position:relative;}
#main_container .main_content .board_list li a{font-size:13px;color:#454545;letter-spacing:-0.5px;}
#main_container .main_content .board_list li span{position:absolute;top:2px;right:0;color:#707070}
@media only screen and (max-width:1200px) {
	#main_container .main_content{margin:0 20px;}
}
@media only screen and (max-width:720px) {
	#main_container .main_content{margin:0;padding:20px;}
	#main_container .main_content .notice{float:none;width:100%;}
	#main_container .main_content .press{float:none;width:100%;margin:5% 0;}
	#main_container .main_content .online{float:none;width:100%;}
	#main_container .main_content h2.h2_board{font-size:17px;color:#333;border-bottom:1px solid #000;padding-bottom:10px;margin-bottom:7px;}
}

#main_container .banner{margin:0 auto;max-width:1200px;padding:30px 0}
#main_container .banner .movie{float:left;background:#f5f5f5;width:31.66666%;height:280px;}
#main_container .banner .online{float:left;background:#30456f; text-align:center;width:31.66666%;height:280px;padding:50px;}
#main_container .banner .time{float:left;background:url(../img/main/time_bg.jpg) no-repeat;background-size:cover;text-align:center;width:31.66666%;height:280px;padding:50px;margin:0 2.5%;}

#main_container .online h2, #main_container .inquiry h2{color:#fff;font-size:36px;line-height:1;letter-spacing:-3px;}
#main_container .online h2 span, #main_container .inquiry h2 span{display:block;color:#fff;font-weight:400;font-size:16px;line-height:20px;letter-spacing:-1px;margin-top:35px;}
#main_container .online p{color:#fff;font-size:20px;letter-spacing:-2px;margin-top:45px; line-height:1;font-weight:700;}

#main_container .time h2{color:#fff;font-size:36px;line-height:1;letter-spacing:-3px;margin-bottom:25px;}
#main_container .time p{color:#fff;font-size:16px;line-height:22px;letter-spacing:-1px;margin-bottom:27px;}
#main_container .time a.btn_location{display:block;height:50px;color:#fff;font-size:18px;line-height:48px;letter-spacing:-1px;border:1px solid #fff;}

/*#main_container .notice h2{position:relative;color:#333;font-size:20px;font-weight:400;line-height:1;background:url(../img/main/ico_notice.png) no-repeat;padding-left:40px;margin-bottom:25px;}
#main_container .notice h2 a.btn_more{position:absolute;top:-36px;right:-36px;display:block;width:49px;height:49px;border:1px solid #dadada;background:#fff url(../img/main/notice_more.png) no-repeat 50% 50%}
#main_container .notice p{font-size:14px;line-height:17px;}
#main_container .notice p strong{display:block;color:#ff5400;font-size:21px;letter-spacing:-2px;margin-bottom:20px;}*/

@media only screen and (max-width:1200px) {
	#main_container .banner{margin:0 20px;padding:20px 0}
	#main_container .banner .movie{width:33.3333%;}
	#main_container .banner .movie img{width:100%;height:100%}
	#main_container .banner .online{width:33.3333%;}
	#main_container .banner .time{width:33.3333%;margin:0;}
}
@media only screen and (max-width:960px) {
	#main_container .banner .movie{height:230px;}
	#main_container .banner .online{padding:30px;height:230px;}
	#main_container .banner .time{padding:30px;height:230px;}
	#main_container .online h2{font-size:27px;letter-spacing:-2px;}
	#main_container .online h2 span{display:block;color:#fff;font-weight:400;font-size:15px;line-height:18px;margin-top:40px;}
	#main_container .online p{font-size:19px;letter-spacing:-2px;margin-top:45px;}
	#main_container .time h2{font-size:27px;letter-spacing:-2px;margin-bottom:20px}
	#main_container .time p{font-size:14px;line-height:18px;margin-bottom:25px;}
	#main_container .time a.btn_location{height:40px;font-size:16px;line-height:37px;}	
}
@media only screen and (max-width:720px) {
	#main_container .banner{margin:0;padding:0}
	#main_container .banner .movie{float:none;width:100%;height:auto;}
	#main_container .banner .movie img{max-width:100%;height:auto}
	#main_container .banner .online{float:none;width:100%;height:auto;}
	#main_container .banner .time{float:none;width:100%;height:auto;}
	#main_container .online h2{font-size:24px;letter-spacing:-1px;}
	#main_container .online h2 span{letter-spacing:0;margin-top:20px;}
	#main_container .online p{font-size:19px;letter-spacing:-1px;margin-top:20px;}
	#main_container .time h2{font-size:24px;letter-spacing:-1px;margin-bottom:15px}
	#main_container .time p{letter-spacing:0;margin-bottom:20px;}
	#main_container .time a.btn_location{display:inline-block;width:80%;}
}

#main_container2{margin:0 auto;max-width:1200px;background:#fff;}
#main_container2 .procedure{margin:0 auto;max-width:1200px;padding:30px 0;}
#main_container2 .procedure ul.procedure_list li{float:left;width:24.00%;height:230px;padding:30px;margin-right:1%;border:1px solid #ddd;background-size:100% !important;}
#main_container2 .procedure ul.procedure_list li:nth-child(4n+0){margin-right:0}
#main_container2 .procedure ul.procedure_list li.list1{background:#fff url(../img/main/procedure1.jpg) no-repeat left bottom;}
#main_container2 .procedure ul.procedure_list li.list2{background:#fff url(../img/main/procedure2.jpg) no-repeat left bottom}
#main_container2 .procedure ul.procedure_list li.list3{background:#fff url(../img/main/procedure3.jpg) no-repeat left bottom}
#main_container2 .procedure ul.procedure_list li.list4{background:#fff url(../img/main/procedure4.jpg) no-repeat left bottom}

#main_container2 .procedure ul.procedure_list li h2{color:#1f1f1f;font-size:30px;line-height:1;letter-spacing:-3px;}
#main_container2 .procedure ul.procedure_list li h2 span{display:block;font-weight:400;font-size:19px;line-height:1;letter-spacing:-2px;margin-bottom:10px;}
#main_container2 .procedure ul.procedure_list li p{font-size:14px;line-height:20px;color:#464646;}
@media only screen and (max-width:1200px) {
	#main_container2{margin:0 20px;}
	#main_container2 .procedure{padding:20px 0;}
}
@media only screen and (max-width:960px) {
	#main_container2 .procedure ul.procedure_list li{height:160px;padding:20px;}
	#main_container2 .procedure ul.procedure_list li h2{font-size:26px;letter-spacing:-2px;}
	#main_container2 .procedure ul.procedure_list li h2 span{font-size:16px;letter-spacing:-1px;margin-bottom:7px;}
}
@media only screen and (max-width:720px) {
	#main_container2 .procedure ul.procedure_list li{height:200px;width:47.5%;margin:0 1% 1% 0}
	#main_container2 .procedure ul.procedure_list li:nth-child(2n+0){margin-right:0}
	#main_container2 .procedure ul.procedure_list li h2{font-size:20px;letter-spacing:-1px;}
	#main_container2 .procedure ul.procedure_list li h2 span{font-size:15px;}
}
@media only screen and (max-width:460px) {
	#main_container2 .procedure ul.procedure_list li{height:135px;padding:15px;width:47.5%;margin:0 2% 2% 0}
	#main_container2 .procedure ul.procedure_list li h2{font-size:13px;}
	#main_container2 .procedure ul.procedure_list li h2 span{font-size:14px;margin-bottom:5px;}
}

#footer{background:#d6d6d6}
#footer .footer_inner{max-width:1200px;margin:0 auto;}
#footer .footer_inner:after{content:'';display:block;clear:both}
#footer .footer_inner .fl{float:left;position:relative;padding:30px 0 40px 90px;}
#footer .footer_inner .fr{float:right;position:relative;width:435px;padding-top:20px}

#footer span.ft_logo{position:absolute;top:35px;left:0}
#footer .ft_menu a{color:#757575;font-size:13px;letter-spacing:-1px;line-height:1;background:url(/theme/cus/img/common/ft_menu_line.gif) no-repeat left 50%;padding:0 10px;}
#footer .ft_menu a:first-child{background:none;padding-left:0}
#footer p.ft_txt{color:#333;font-size:14px;letter-spacing:-1px;line-height:1;margin:13px 0 5px}
#footer p.ft_txt span{display:inline-block;background:#30456f;color:#fff;padding:3px 7px;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
#footer p.copyright{color:#999;font-size:11px;line-height:1;}
#footer .ft_call strong{display:block;padding-left:15px;color:#000;font-size:17px;letter-spacing:-1px;}
#footer .ft_call span{display:block;background:#30456f url(/theme/cus/img/common/ico_call.png) no-repeat 15px 50%;width:170px;height:50px;font-size:20px;color:#fff;line-height:48px;padding-left:50px;margin-top:10px;
border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px}
#footer .ft_time{position:absolute;top:38px;right:15px;font-size:13px;color:#353535;letter-spacing:-0.5px;}

.ft_sitemap{background:#1e1e1e;padding:30px 0}
.ft_sitemap:after{content:'';display:block;clear:both}
.ft_sitemap ul{width:1200px;margin:0 auto;}
.ft_sitemap li{float:left;width:150px;}
.ft_sitemap dt{color:#fff;font-weight:700;font-size:15px;margin-bottom:10px;letter-spacing:-0.5px;}
.ft_sitemap dd a{color:#dadada;font-size:12px;letter-spacing:-0.5px;}

.ft_btn_ico{display:none;}
@media only screen and (max-width:1200px) {
	#footer .footer_inner{margin:0 20px;}
	#footer .footer_inner .fr{display:none}
	#footer p.ft_txt span{display:inline-block;margin-top:5px;}
	.ft_sitemap{display:none;}
}
@media only screen and (max-width:720px) {
	#footer{background:#2f2f2f;}
	#footer .footer_inner{margin:0 10px;}
	#footer .footer_inner .fl{text-align:center;padding:20px 0;}
	#footer span.ft_logo, #footer .ft_menu{display:none}
	#footer p.ft_txt{color:#fff;margin:0 0 10px}
}
@media only screen and (max-width:460px) {
	#footer{margin-bottom:50px}
	.ft_btn_ico{display:block;position:fixed;left:0;bottom:0;background:#366ab6;width:100%;height:50px;}
	.ft_btn_ico a{display:inline-block;width:33.3333%;color:#fff;line-height:47px;text-align:right;font-size:12px;padding-right:20px;}
	.ft_btn_ico a.ico1{background:url(/theme/cus/img/common/ft_ico1.gif) no-repeat 20px 50%}
	.ft_btn_ico a.ico2{background:url(/theme/cus/img/common/ft_ico2.gif) no-repeat 20px 50%;position:relative}
	.ft_btn_ico a.ico3{background:url(/theme/cus/img/common/ft_ico3.gif) no-repeat 20px 50%;width: 46%;}
	.ft_btn_ico a.ico2:before{content:'';display:block;clear:both;position:absolute;top:15px;left:0;width:1px;height:20px;background:#1e4f92;}
	.ft_btn_ico a.ico2:after{content:'';display:block;clear:both;position:absolute;top:15px;right:0;width:1px;height:20px;background:#1e4f92;}
}
@media only screen and (max-width:360px) {
	.ft_btn_ico a{padding-right:15px;}
	.ft_btn_ico a.ico1{background:url(/theme/cus/img/common/ft_ico1.gif) no-repeat 15px 50%}
	.ft_btn_ico a.ico2{background:url(/theme/cus/img/common/ft_ico2.gif) no-repeat 15px 50%;position:relative}
	.ft_btn_ico a.ico3{background:url(/theme/cus/img/common/ft_ico3.gif) no-repeat 15px 50%width: 50%;}
}

#quickmenu{position:fixed;top:90px;right:0;width:200px;z-index:9999999999999999}
#quickmenu .inquiry{background:#5f5f5f;text-align:center;padding:20px 10px}
#quickmenu .inquiry strong{display:block;color:#fff;font-size:18px;letter-spacing:-1px;margin-bottom:10px}
#quickmenu .inquiry textarea{width:180px;height:100px;color:#949494;font-size:12px;padding:7px;font-family:'Noto Sans', sans-serif;letter-spacing:-1px;margin-bottom:3px;}
#quickmenu .inquiry input[type="text"], #quickmenu .inquiry select{height:28px;border:1px solid #b2b2b2;color:#949494;font-size:12px;letter-spacing:-1px;padding-left:5px;margin-bottom:3px;}
#quickmenu .inquiry .input_name{width:180px;}
#quickmenu .inquiry .hp{width:57px}
#quickmenu .inquiry .agree{margin:5px 0 7px;font-size:11px;color:#d7d7d7;letter-spacing:-1px;}
#quickmenu .inquiry a.btn_agree_txt{display:inline-block;background:#828282;height:18px;line-height:16px;padding:0 3px;margin-left:7px;
border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#quickmenu .inquiry a.btn_inquiry{display:block;background:#30456f;height:36px;line-height:34px;color:#fff;font-weight:700;letter-spacing:-1px;
border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px}
#quickmenu .btn_top{display:block;background:#414141 url(/theme/cus/img/common/ico_top.gif) no-repeat 175px 50%;color:#fff;font-size:13px;height:40px;line-height:38px;letter-spacing:1px;text-align:right;padding-right:32px;}


/*우측퀵 quick*/
#quick{position:fixed;top:145px;bottom:0;margin:auto 0;right:-1px;border:0px solid #e8e8e8;z-index:999999999999999; }
#quick li{position:relative;}
#quick li>a{display:block;width:100px;height:99px;padding-top:64px;border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;text-align:center;font-size:12px;letter-spacing:-1px;line-height:16px;}
#quick li.quick1>a{background:#fff url(../img/common/right001.png) no-repeat center 13px;border-top:1px solid #e8e8e8;}
#quick li.quick1>a:hover, #quick li.quick1>a.active{background:#30456f url(../img/common/right001_on.png) no-repeat center 13px;color:#fff}
#quick li.quick2>a{background:#fff url(../img/common/right002.png) no-repeat center 13px; }
#quick li.quick2>a:hover{background:#30456f url(../img/common/right002_on.png) no-repeat center 13px;color:#fff}
#quick li.quick3>a{background:#fff url(../img/common/right003.png) no-repeat center 13px;}
#quick li.quick3>a:hover{background:#30456f url(../img/common/right003_on.png) no-repeat center 13px;color:#fff}
#quick li.quick4>a{;background:#fff url(../img/common/right004.png) no-repeat center 13px}
#quick li.quick4>a:hover{background:#30456f url(../img/common/right004_on.png) no-repeat center 13px;color:#fff}
#quick li.quick5>a{;background:#fff url(../img/common/quick1.png) no-repeat center 13px;}
#quick li.quick5>a:hover{background:#30456f url(../img/common/quick1_on.png) no-repeat center 13px;color:#fff}
#quick li.quick6>a{;background:#fff url(../img/common/right006.png) no-repeat center 13px}
#quick li.quick6>a:hover{background:#FFD400 url(../img/common/right006_on.png) no-repeat center 13px;color:#fff}
#quick li.quick7>a{;background:#fff url(../img/common/right007.png) no-repeat center 13px}
#quick li.quick7>a:hover{background:#49B106 url(../img/common/right007_on.png) no-repeat center 13px;color:#fff}
#quick li.quick8>a{;background:#fff url(../img/common/right008.png) no-repeat center 13px}
#quick li.quick8>a:hover{background:#49B106 url(../img/common/right008_on.png) no-repeat center 13px;color:#fff}
#quick li.quick9>a{;background:#fff url(../img/common/right009.png) no-repeat center 13px}
#quick li.quick9>a:hover{background:#FF5200 url(../img/common/right009_on.png) no-repeat center 13px;color:#fff}
#quick li.top>a{padding-top:0;height:34px;line-height:32px;background:#30456f;border-bottom:none;color:#fff}
@media only screen and (max-width:1400px) {
	#quick{display:none;}
}

/*서브 레이아웃*/
#sub_visual{height:270px;text-align:center;}
.subvisual_bg1{background:url(../img/common/sub_visual1.jpg) no-repeat center top;}
.subvisual_bg2{background:url(../img/common/sub_visual2.jpg) no-repeat center top;}
.subvisual_bg3{background:url(../img/common/sub_visual3.jpg) no-repeat center top;}
.subvisual_bg4{background:url(../img/common/sub_visual4.jpg) no-repeat center top;}
.subvisual_bg5{background:url(../img/common/sub_visual5.jpg) no-repeat center top;}
.subvisual_bg6{background:url(../img/common/sub_visual6.jpg) no-repeat center top;}
.subvisual_bg7{background:url(../img/common/sub_visual7.jpg) no-repeat center top;}
.subvisual_bg8{background:url(../img/common/sub_visual8.jpg) no-repeat center top;}
.subvisual_bg9{background:url(../img/common/sub_visual9.jpg) no-repeat center top;}
.subvisual_bg10{background:url(../img/common/sub_visual10.jpg) no-repeat center top;}

#sub_visual h2{color:#30456f;font-size:48px;font-weight:800; line-height:1;letter-spacing:-3px;padding-top:75px;}
#sub_visual h3{color:#fafafa;font-size:19px;line-height:0.7;letter-spacing:-1px;margin-top:7px;}
#sub_visual p{color:#fff;font-size:30px;letter-spacing:-2px;margin-top:15px;}

#container{max-width:1200px;margin:40px auto 100px;}
#container:after{content:'';display:block;clear:both}
#container .leftmenu{float:left;width:220px;}
#container .leftmenu h2{border-bottom:2px solid #333333;font-size:24px;color:#30456f;line-height:1;letter-spacing:-2px;padding-bottom:15px;margin-bottom:15px;}
#container .leftmenu .ul_leftmenu li{border-bottom:1px solid #ccc;}
#container .leftmenu .ul_leftmenu li a{display:block;padding:10px 15px 12px;font-size:15px;color:#454545;letter-spacing:-1px;}
#container .leftmenu .ul_leftmenu li a:hover, #container .leftmenu .ul_leftmenu li a.active{background:#30456f;color:#fff;}
#container .leftmenu .ul_leftbanner{margin-top:50px;}
#container .leftmenu .ul_leftbanner li{margin-bottom:5px;}
#container .content{float:right;width:930px;position:relative}
#container .content .location{position:absolute;top:-20px;right:0;font-size:13px;color:#919191;line-height:1;}
#container .content .location span.ico_home{display:inline-block;width:15px;height:14px;background:url(/theme/cus/img/common/ico_home.gif) no-repeat left 1px;}
#container .content h3{font-size:37px;color:#333;line-height:1;letter-spacing:-3.5px;margin-bottom:40px;}
#container .content h4{font-size:27px;color:#333;line-height:1;letter-spacing:-2px;margin-bottom:20px;}	
#container .content .con_banner{position:relative;}
#container .content .con_banner span{position:absolute;left:-35px;top:-27px}
#container .content .mg_b50{margin-bottom:50px;}

@media only screen and (max-width:1200px) {
	#container .leftmenu{display:none;}
	#container .content{float:none;margin:0 auto;width:930px;}
}
@media only screen and (max-width:960px) {
	#sub_visual{height:auto;padding:50px;}
	#sub_visual h2{font-size:40px;letter-spacing:-2px;padding-top:0}
	#sub_visual h3{font-size:14px;letter-spacing:-1px;margin-top:10px;}
	#sub_visual p{font-size:20px;letter-spacing:-2px;margin-top:10px;}
	#container .content{width:100%;padding:0 20px;}
	#container .content .location{right:20px;}
	#container .content h3{font-size:30px;letter-spacing:-2.5px;margin-bottom:30px;}
}
@media only screen and (max-width:460px) {
	#sub_visual{padding:20px;}
	#sub_visual h2{font-size:20px;letter-spacing:-2px;padding-top:0}
	#sub_visual h3{font-size:13px;letter-spacing:-1px;margin-top:10px;}
	#sub_visual p{font-size:14px;letter-spacing:-2px;margin-top:10px;}
	#container .content {padding:0 10px;}
	#container .content .location{right:20px;top:-25px;font-size:11px;}
	#container .content h3{font-size:20px;letter-spacing:-1px;margin-bottom:20px;}
	#container .content .location{display:none;}
}



.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
    overflow: auto;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
    background:#333;

    
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-height: 100%;
	
	width:250px;
    cursor: pointer;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:5px 10px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;      
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);   
    background: rgba(0,0,0,0.5);
    color: #fff;     
}

.nbs-flexisel-nav-left {
    left: 10px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;    
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}



@media only screen and (max-width:460px) {
	.nbs-flexisel-item img {height:200px; cursor: pointer; position: relative; margin-top: 20px; margin-bottom: 20px;}
}