@import url(common.css);
@import url(nivo-slider.css);

.inbox{
	width : 1200px;
	margin : 0 auto;
}

/*
.top {
	width : 100%;
	height : 24px;
	background : url(../images/top_bg.png) repeat-x;	
}
.top ul {
	float : right;
}
.top ul li {
	float : left;
	padding-right : 10px;
	margin-left : 10px;
	background : url(../images/topmenu_bar.png) no-repeat 100% 50%;
	
}
.top ul li.last {
	padding-right : 0 !important;
	
	background: 0 !important;
}
.top ul li a {
line-height: 24px;
color : #969aa1;
font-size : 10px; 
}

.header {}
.header .inbox {position : relative; padding : 15px 0;}
.header h1 {
	width : 138px;
	margin : 0 auto;
}
.header h1 a {
display : block;
	height : 44px;
	background : url(../images/logo.png) no-repeat;
}
.header .inbox>a {
	position : absolute;
	top : -12px;
	left : 0;
	display : block;
	width : 266px;
	height : 86px;
	background : url(../images/header_left.png) no-repeat;
}
.header .instar{margin-top:-9px; display:block; margin-right:0; margin-left:15px;}
.header .h_menu{
	position : absolute;
	top : 29px;
	right : 0;
}

.h_menu li {
	float: left;
	margin-right : 15px;
}
.h_menu li a{
	color : #575246;
	font-size : 14px;
	font-weight : bold;
}
.h_menu li.last {
	margin-right : 0 !important;
}

.gnb {
	position : relative;
	background-color : #08c3cc;
}
.gnb .gnbbox {
	width : 1200px;
	margin : 0 auto;
	background : url(../images/menu_bar.png) no-repeat 0 50%;
}
.gnbbox>li {
	float: left;
	width : 20%;
	height : 41px;
	background : url(../images/menu_bar.png) no-repeat 100% 50%;
}
.gnbbox>li>a,
.gnbbox>li>a>span{
	display : block;
	width : 100%;
	height : 41px;

}
.gnbbox>li:hover >div{
	display : block;
}
.gnbbox>li>a>span:hover {
	background : url(../images/menu_active.png) no-repeat 50% 100%;
}
.menu1>a {
	width : 74px;
	background : url(../images/menu1.png) no-repeat 50% 50%;
}
.menu2>a {
	width : 75px;
	background : url(../images/menu2.png) no-repeat 50% 50%;
}
.menu3>a {
	width : 75px;
	background : url(../images/menu3.png) no-repeat 50% 50%;
}
.menu4>a {
	width : 59px;
	background : url(../images/menu4.png) no-repeat 50% 50%;
}
.menu5>a {
	width : 59px;
	background : url(../images/menu5.png) no-repeat 50% 50%;
}

.gnbbox>li>div {
	display : none;
	position : absolute;
	left: 0;
	height : 41px;
	top : 100%;
	width : 100%;
	z-index : 1000;
	background : url(../images/submenu_bg.png) repeat-x;
}
.gnbbox>li>div ul {
	margin : 0 auto;
}
.gnbbox>li>div ul li {
	float : left;
	margin-right : 16px;
}
.gnbbox>li>div ul li.last {
	margin-right : 0 !important;
}
.gnbbox>li>div ul li a {
	line-height : 41px;
	color : #cbcbcb;
	font-size : 13px;
}
.gnbbox>li>div ul li a:hover {
	color : #fff;
}

.gnbbox>li.menu1 ul {
	width: 1150px;
padding-left: 50px;
}
.gnbbox>li.menu2 ul {
	width: 995px;
padding-left: 321px;
}
.gnbbox>li.menu3 ul {
	width: 380px;
padding-left: 160px;
}
.gnbbox>li.menu3 ul {
	width: 380px;
padding-left: 195px;
}
.gnbbox>li.menu4 ul {
	width: 565px;
padding-left: 519px;
}
.gnbbox>li.menu5 ul {
	width: 339px;
padding-left: 954px;
}

.quick {
	position : absolute;
	top : 450px;
	left : 101.25%;
	width : 92px;
	height : 278px;
	padding-top : 29px;
	z-index : 1000;
	background : url(../images/quick_bg.png) no-repeat;
}
.quick ul li a{
	display : block;
	width : 92px;
	height : 49px;
	padding:10px 0;
	color :#96989d;
	font-size : 10px;
	font-weight :bold;
	text-align : center;
	border-bottom : 1px solid #dcdcdc;
}
.quick ul li img {
	display : block !important;
	margin : 0 auto 4px;
}
.quick1 img {
	width : 40px;
}
.quick2 img {
	width : 35px;
}
.quick3 img {
	width : 36px;
}
.quick4 img {
	width : 26px;
}
.quick4 a {
	padding : 8px 0 10px !important;
	border-bottom : 0 !important;
}
.quick>a {
	position: absolute;
	left : 50%;
	margin-left : -13.5px;
	top: 100%;
	display : block;
	width : 27px;
	height: 32px;
	background : url(../images/quick_top.png) no-repeat;
	
}

.visual {
	position : relative;
	width : 100%;
	height : 580px;
	border-bottom : 1px solid #eceff4;
	background : url(../images/slide_bg.png) no-repeat 50% #f3f5f8;
}
.visual .inbox {
	position : relative;
	width : 1444px !important;
	height :580px;
}
*/
.nivo-caption {
	display : none;
}
.nivo-directionNav {
	display : none;
}

.slidebtn {
	display : none;
	position : absolute;
	bottom : 0;
	width : 100%;
	text-align : center;
	z-index : 100;
}
.slidebtn span {
	display : inline-block;
	width : 198px;
	height : 39px;
	font-size : 17px;
	line-height : 39px;
	font-weight : bold;
	
	color : #fff;
	background : url(../images/slidebtn.png) repeat;
	border : 1px solid #878a8f;
	border-bottom : 0 !important;
	cursor : pointer;
}
.slidebtn span.s_active {
	border : 1px solid #08c3cc;
	background : url(../images/slidebtn_active.png) repeat;
}
.slidebtn span.l_btn {
	margin-right : 0 !important;
}
.contents1 {
	margin : 15px 0;
}
.contents1 .inbox>div{
	float : left;
	width : 390px;
}

.contitle {
	position : relative;
	width : 389px;
	height :42px;
	border-left : 1px solid #c9c9c9;
	border-bottom : 1px solid #c9c9c9;
	
}

.contitle span {
	position : absolute;
	display : block;
	width : 90px;
	height : 41px;
	text-align : center;
	line-height : 42px;
	color : #404348;
	font-weight : bold;
	cursor : pointer;
	border-top : 1px solid #c9c9c9;
	border-right : 1px solid #c9c9c9;
	background : url(../images/cont.png) no-repeat #eee;
}
.contitle span.active{
	height : 42px !important;
	background : url(../images/cont_active.png) no-repeat #fff !important;
	color : #08c3cc;
	font-weight: bold;
	
	
}
.con1 .contitle span.c1_t1 {
	top :0;
	left: 0;
}
.con1 .contitle span.c1_t2 {
	top :0;
	left: 91px;
}
.con_con2 {
	display : none;
}	
.con_con1,
.con_con2 {
	position : relative;
	padding-left :12px;
	margin-top : 14px;
	width : 360px;
}
.con_con1>a,
.con_con2>a {
	position :absolute;
	top : -41px;
	right :11px;
	font-size : 10px;
	color : #6e7279;
}
.con_con1>span,
.con_con2>span {
	display: block;
	margin-bottom : 18px;
	color : #bec2c8;
	font-weight : bold;	
	
} 

.con_con1 li,
.con_con2 li {
	line-height : 31.4px;
	padding-left : 10px;
	color : #6e7279;
	font-size : 13px;
	
	background : url(../images/notice_list.png) no-repeat 0 50%;
} 

.con_con1 li .subject,
.con_con2 li .subject {
	display : inline-block;
	width : 270px;
	color : #6e7279;
	font-size : 13px;
}
.con_con1 li .subject a,
.con_con2 li .subject a {
	color : #6e7279;
	font-size : 13px;
}

.con_con1 li .subject img,
.con_con2 li .subject img {
	vertical-align : middle;
	
}

.con2 {
	margin : 0 15px;
}

.con2 .contitle span {
	width : 110px !important;
}
.con2_con1>a {
	position :absolute;
	top : -41px;
	right :11px;
	font-size : 10px;
	color : #6e7279;
}

.con2_con1>span {
	display: block;
	margin-bottom : 18px;
	color : #bec2c8;
	font-weight : bold;	
	
} 
.con2_con1 {
	position : relative;
	padding-left :12px;
	margin-top : 14px;
	width : 360px;
}


.con2_con1 .con2_slide {
	width : 370px;
	height : 190px;
	overflow : hidden;
}
.con2_slide li div {
	float : left;
	width : 180px;
}
/* bx슬라이더 하단버튼 */
.bx-pager {display: none;}
/* --------------------- */
.before {
	margin-right : 10px;
}
.con2_slide li div a{
	display : block;
	width : 100%;
	color :#6e7279;
	font-weight : bold;
	text-align : center;
}

.con2_btn {
	width : 370px;
	margin : 19px auto 0;
}

.con2_btn>span {
	float : left;
	display : block;
	width : 70px;
	height : 12px;
	margin-right : 5px;
	cursor : pointer;
	background-color :#c9c9c9;
}
.con2_btn>span.last {
	margin-right : 0 !important;
}
.con2_btn>span.con2_active {
	background-color :#08c3cc !important;
}

.con3 a{
	display : block;
	height : 277px;
	background : url(../images/con3.png) no-repeat;
}

.contents2 {}

.contents2 ul li {
	float : left;
	width : 390px;
}
.contents2 ul li a {
	display : block;
	width : 390px;
	height : 254px;
}
.iller1, .iller2, .iller3 {
	margin-bottom : 13px;
}
.iller2 , .iller5 {
	margin-right : 15px;
	margin-left : 15px;
}

.iller1 a {
	background : url(../images/iller1.png) no-repeat;
}
.iller2 a {
	background : url(../images/iller2.png) no-repeat;
}
.iller3 a {
	background : url(../images/iller3.png) no-repeat;
}
.iller4 a {
	background : url(../images/iller4.png) no-repeat;
}
.iller5 a {
	background : url(../images/iller5.png) no-repeat;
}
.iller6 a {
	background : url(../images/iller6.png) no-repeat;
}

/*
.footer {
	margin-top : 50px;
	display: none
}

.footer .f_top {
background-color : #606060;
border-bottom : 1px solid #4a4a4a;
}
.f_top .inbox {
	background : url(../images/f_menubar.png) no-repeat 0% 50%;
}
.f_top li {
	float: left;
	width :20%;
	background : url(../images/f_menubar.png) no-repeat 100% 50%;
}
.f_top li a {
	display : block;
	width : 100%;
	color :#fff;
	padding : 12px 0;
	font-size :13px;
	text-align : center;
}

.f_top .blog a{
	background : url(../images/blog_bg.png) no-repeat 56px 50%;
}
.f_top .tis a{
	background : url(../images/tstory_bg.png) no-repeat 65px 50%;
}


.f_bot {
	border-top : 1px solid #a5a5a5;
	background-color : #727272;
}
.fb_menu {
	padding : 27px 0 35px;
}
.fb_menu>li { 
	float : left;
	width  :100px;
	padding : 0 50px;
}

.fb_menu>li >span {
	display : block;

	color :#fff;
	font-size : 15px;
	font-weight : bold;
	padding-top : 10px;
	text-align : left;
	background : url(../images/footer_bar.png) no-repeat;
}

.fb_menu>li ul {
	margin-top : 16px;
}
.fb_menu>li ul li {
	margin-bottom : 10px;
}
.fb_menu>li ul li a{
	color : #c5c5c5;
}


.f_info{ margin-top : 24px; padding-bottom : 50px;}

.f_info .inbox>div{
	float : left;
	width : 263px;
	padding : 0 18px;
	height : 130px;
}
.f_info .inbox .f_info1,
.f_info .inbox .f_info2,
.f_info .inbox .f_info3{
	border-right : 1px solid #eee;	
}

.f_info1 h4 {
	width : 85px;
	height : 27px;
	margin-bottom : 5px;
	background : url(../images/f_logo.png) no-repeat;
}
.f_info1 p {
	color : #9f9e9e;
	font-size : 13px;
	letter-spacing : -1px;
	line-height : 21px;
}

.f_info2 {

}
.f_info2 h4, 
.f_info3 h4 {
	color : #606060;
	font-size : 20px;
	font-wieght : bold;
	margin-bottom : 9px;
}
.f_info2 li {
	float : left;
	margin-bottom : 10px;
}
.f_info2 li.left {
	margin-right : 10px;	
}
.f_info2 li a {
	display : block;
	width : 126px;
	height : 40px;
}
.fi2_1, .fi2_3 {
	margin-right :10px;
}
.f_info2 .fi2_1 a{
	background : url(../images/f_menu1.png) no-repeat;
}
.f_info2 .fi2_2 a{
	background : url(../images/f_menu2.png) no-repeat;
}
.f_info2 .fi2_3 a{
	background : url(../images/f_menu3.png) no-repeat;
}
.f_info2 .fi2_4 a{
	background : url(../images/f_menu4.png) no-repeat;
}


.f_info3 p {
	color : #9f9e9e;
	font-size : 13px;
	letter-spacing : -0.8px;
	line-height : 21px;
}
.f_info3 p span {
	color : #08c3cc;
}

.f_info4 li {
	padding-left : 73px;
	
}
.f_info4 li.call {
	margin-bottom : 9px;
	height : 59px;
	background : url(../images/call.png) no-repeat;
}
.f_info4 li.kakao {
	padding-top : 8px;
	height : 51px;
	background : url(../images/kakao.png) no-repeat;
}

.f_info4 .fi4_t {
	color : #606060;
	font-weight : bold;
	font-size : 15px;
	display : block;
		letter-spacing : -0.8px;
		margin-bottom : 3px;
}
.call .call_num,
.call .call_num1 {
	line-height: 19px;
}
.call_num {
	color : #08c3cc;
	font-size : 20px;
	font-weight : 900;
	display : block;
	letter-spacing : -0.8px;
}
.call_num1 {
color : #08c3cc;
	font-size : 20px;
	font-weight : 900;
	letter-spacing : -0.8px;
}
.f_info4 li.kakao span {
	line-height : 19px;
}
*/

.kakao_id {
	font-size : 25px;
	color : #575246;
	letter-spacing : -1px;
}


.popup{position:absolute; top:139px; left:50%; margin-left:-600px; width:1200px; height:723px; background:url(../images/popup3.png) no-repeat; z-index:1000; display:none}
.popup>div{position:relative; width:100%; height:723px}
.popup div form{position:absolute; display:block; top:100%; left:0; color:#fff; font-size:18px; font-weight:bold; text-align:right; background-color:#444; width:1200px}
.popup div form>div{float:left; padding:7px 0; margin-left:900px}
.popup div form>div a{color:#fff; font-size:18px; font-weight:bold}
#close{float:right; margin-right:10px !important; margin-left:10px !important}
/* .popup {width : 500px; position : absolute; top : 0; left :0;z-index : 9999;}
 .popup div{width : 100%; background-color :#444; color :#fff; padding : 5px 0;}
 .popup form {float:  right; color : #fff; font-size : 13px;}
 .popup form label { margin-right : 5px;}
 .popup form a{ color :#fff; vertical-align : middle;}
 .popup form input{ height : 16px; margin-right: 3px; margin-top : -1px;}
 
 .popup2 {width : 400px; position : absolute; top : 0; left :500px;;z-index : 9999;}
 .popup2 div{width : 100%; background-color :#444; color :#fff; padding : 5px 0;}
 .popup2 form {float:  right; color : #fff; font-size : 13px;}
 .popup2 form label { margin-right : 5px;}
 .popup2 form a{ color :#fff; vertical-align : middle;}
 .popup2 form input{ height : 16px; margin-right: 3px; margin-top : -1px;} 
*/
#divpop span{display: block; width:60px; height:60px ;}
#divpop span a{display:block; width;60px; height:60px;}
#divpop .p1{position: absolute; top: 208px; left: 49px; z-index: 4001}
#divpop .p2{position: absolute; top: 324px; left: 26px; z-index: 4001}
#divpop .p3{position: absolute; top: 218px; right: 52px; z-index: 4001}
#divpop .p4{position: absolute; top: 288px; right: 25px; z-index: 4001}
#divpop .p5{position: absolute; top: 352px; right: 23px; z-index: 4001}
#divpop .p1 a{background: url(../images/p1.png) 0 0 no-repeat;}
#divpop .p2 a{background: url(../images/p2.png) 0 0 no-repeat;}
#divpop .p3 a{background: url(../images/p3.png) 0 0 no-repeat;}
#divpop .p4 a{background: url(../images/p4.png) 0 0 no-repeat;}
#divpop .p5 a{background: url(../images/p5.png) 0 0 no-repeat;}
#divpop .p1 a:hover{background: url(../images/p1on.png) 0 0 no-repeat;}
#divpop .p2 a:hover{background: url(../images/p2on.png) 0 0 no-repeat;}
#divpop .p3 a:hover{background: url(../images/p3on.png) 0 0 no-repeat;}
#divpop .p4 a:hover{background: url(../images/p4on.png) 0 0 no-repeat;}
#divpop .p5 a:hover{background: url(../images/p5on.png) 0 0 no-repeat;}


/* popicon */
.popicon{position: fixed;right: 50px;bottom: 50px;z-index: 100}

.ud{animation: ud infinite alternate 0.5s;display: block} /* 위 아래로 흔들리는 애니메이션 */
@keyframes ud{
    from{
        transform: translateY(2.5px)
    }
    to{
        transform: translateY(-2.5px)
    }
}