@charset "utf-8";




#Bwrap{width:100%;}

#mainWrap2 { width:100%; padding:0px 0 0 0; background:url('/f_img/bg.gif')  top no-repeat;position:relative;z-index:-1000; top:-10px; }

#mainTop2 { position:relative; width:100%; height:382px; overflow:hidden; margin:0 auto; padding-left:0px;top:0px;}


#mainTop2 .bgc { position:relative; width:1080; height:382px; overflow:hidden; margin:0 auto; padding-left:0px;top:0px;}


 .mainTop3 { position:relative; width:100%; height:389px; overflow:hidden; margin:0 auto; padding-left:0px;top:-15px;z-index:-1000;background: url() repeat-x; }


 .smainTop3 { position:relative; width:100%; height:300px; overflow:hidden; margin:0 auto; padding-left:0px;top:30px;background: url(/f_img/sub_bg_visual.png) repeat-x; }


.smain_visual{width:100%;overflow:hidden;position:absolute;}

.vmain_visual{width:100%;height:740px;overflow:hidden;position:relative;z-index:200;top:-8px;}
.vvmain_visual{width:100%;height:100%;overflow:hidden;position:absolute;z-index:1;top:0px;}
.vvvmain_visual{width:100%;height:100%;overflow:hidden;position:absolute;z-index:2;top:0px;}


.smainTop3 .visual_wrap{position:absolute;top:0px;left:0;width:100%;height:400px;z-index:0}
.smainTop3 .visual_wrap > p{position:absolute;top:0;left:0;width:100%;height:400px;filter:alpha(opacity=0);opacity:0}
/* sub_visual_list */
.visual_01{background:url(/j_swf/img/a_view1.jpg) center top no-repeat}
.visual_02{background:url(/j_swf/img/a_view12.jpg) center top no-repeat}
.visual_03{background:url(/j_swf/img/a_view1.jpg) center top no-repeat}
.visual_04{background:url(/j_swf/img/a_view12.jpg) center top no-repeat}
.visual_05{background:url(/j_swf/img/a_view1.jpg) center top no-repeat}
.visual_06{background:url(/j_swf/img/a_view12.jpg) center top no-repeat}

#contents {
padding-top: 0;
padding: 0;
height:870px;
}


#background {
	opacity:0;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:0;
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
}

#blocklayer {
	position: fixed;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
}

#wrapper {
	overflow:hidden;
	position:relative;
	min-height:100%;
	
}



.indexImg{display:none;}


 .smainTop3 .sub_visual {
position: relative;
width: 978px;
margin: 0 auto;
padding-top: 40px;
z-index: 10000;
}


body {
overflow-x: hidden;
overflow-y: hidden;

}

html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

@media only screen and (min-width : 238px) and (max-width : 468px) 


{

.vvmain_visual{display:none;}
.vvvmain_visual{width:100%;height:800px;overflow:hidden;position:absolute;z-index:2;top:0px;}




.indexImg {
	display:block;POSITION: absolute; MARGIN: 0px 0px 0px -590px; TOP: 100px; LEFT: 50%;z-index:-1000;
}

#imgRoll {
	POSITION: relative; MIN-WIDTH: 1000px; ZOOM: 1; HEIGHT: 500px
}
#imgRoll OL.visuals {
	LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}
#imgRoll OL.visuals LI {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 1000px; ZOOM: 1; HEIGHT: 500px; LEFT: 101px
}
#imgRoll OL.visuals LI A {
	Z-INDEX: 13; POSITION: absolute; WIDTH: 1000px; DISPLAY: block; HEIGHT: 500px; MARGIN-LEFT: -490px; TOP: 0px; LEFT: 50%
}
#imgRoll OL.visuals LI IMG {
	VERTICAL-ALIGN: top
}
#imgRoll .control_wrap {
	Z-INDEX: 14; POSITION: relative; MARGIN: 0px auto; WIDTH: 1000px; ZOOM: 1
}
#imgRoll .roll_control {
	POSITION: absolute; WIDTH: 220px; BOTTOM: -431px; HEIGHT: 20px; OVERFLOW: hidden; LEFT: 375px
}
#imgRoll .roll_control .btn_start {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 20px; ZOOM: 1; DISPLAY: block; FLOAT: left; HEIGHT: 20px; OVERFLOW: hidden; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px
}
#imgRoll .roll_control .btn_stop {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 20px; ZOOM: 1; DISPLAY: block; FLOAT: left; HEIGHT: 20px; OVERFLOW: hidden; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px
}
#imgRoll .roll_control .btn_start EM {
	VISIBILITY: hidden
}
#imgRoll .roll_control .btn_stop EM {
	VISIBILITY: hidden
}
#imgRoll .roll_control .btn_start {
	WIDTH: 20px; BACKGROUND: url() no-repeat 0px 0px; HEIGHT: 20px
}
#imgRoll .roll_control .btn_stop {
	WIDTH: 20px; BACKGROUND: url() no-repeat 0px 0px; HEIGHT: 20px
}
#imgRoll .roll_control OL {
	LIST-STYLE-TYPE: none; MARGIN-TOP: 1px; LIST-STYLE-IMAGE: none
}
#imgRoll .roll_control OL LI {
	MARGIN-TOP: 3px; WIDTH: 12px; ZOOM: 1; BACKGROUND: url() no-repeat 0px 0px; FLOAT: left; HEIGHT: 12px; MARGIN-LEFT: 5px; OVERFLOW: hidden; CURSOR: pointer
}
#imgRoll .roll_control OL LI.selected {
	WIDTH: 12px; BACKGROUND: url() no-repeat 0px 0px; HEIGHT: 12px
}
#imgRoll .roll_control OL LI BUTTON {
	WIDTH: 12px; HEIGHT: 12px; PADDING-TOP: 13px
}
#imgRoll BUTTON {
	BORDER-BOTTOM: 0px; TEXT-ALIGN: left; BORDER-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px; border-image: initial
}





}




@media only screen and (min-width : 468px) and (max-width : 768px) 


{

.vvmain_visual{display:none;}
.vvvmain_visual{width:100%;height:800px;overflow:hidden;position:absolute;z-index:2;top:0px;}




.indexImg {
	display:block;POSITION: absolute; MARGIN: 0px 0px 0px -590px; TOP: 100px; LEFT: 50%;z-index:-1000;
}

#imgRoll {
	POSITION: relative; MIN-WIDTH: 1000px; ZOOM: 1; HEIGHT: 500px
}
#imgRoll OL.visuals {
	LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}
#imgRoll OL.visuals LI {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 1000px; ZOOM: 1; HEIGHT: 500px; LEFT: 101px
}
#imgRoll OL.visuals LI A {
	Z-INDEX: 13; POSITION: absolute; WIDTH: 1000px; DISPLAY: block; HEIGHT: 500px; MARGIN-LEFT: -490px; TOP: 0px; LEFT: 50%
}
#imgRoll OL.visuals LI IMG {
	VERTICAL-ALIGN: top
}
#imgRoll .control_wrap {
	Z-INDEX: 14; POSITION: relative; MARGIN: 0px auto; WIDTH: 1000px; ZOOM: 1
}
#imgRoll .roll_control {
	POSITION: absolute; WIDTH: 220px; BOTTOM: -431px; HEIGHT: 20px; OVERFLOW: hidden; LEFT: 375px
}
#imgRoll .roll_control .btn_start {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 20px; ZOOM: 1; DISPLAY: block; FLOAT: left; HEIGHT: 20px; OVERFLOW: hidden; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px
}
#imgRoll .roll_control .btn_stop {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 20px; ZOOM: 1; DISPLAY: block; FLOAT: left; HEIGHT: 20px; OVERFLOW: hidden; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px
}
#imgRoll .roll_control .btn_start EM {
	VISIBILITY: hidden
}
#imgRoll .roll_control .btn_stop EM {
	VISIBILITY: hidden
}
#imgRoll .roll_control .btn_start {
	WIDTH: 20px; BACKGROUND: url() no-repeat 0px 0px; HEIGHT: 20px
}
#imgRoll .roll_control .btn_stop {
	WIDTH: 20px; BACKGROUND: url() no-repeat 0px 0px; HEIGHT: 20px
}
#imgRoll .roll_control OL {
	LIST-STYLE-TYPE: none; MARGIN-TOP: 1px; LIST-STYLE-IMAGE: none
}
#imgRoll .roll_control OL LI {
	MARGIN-TOP: 3px; WIDTH: 12px; ZOOM: 1; BACKGROUND: url() no-repeat 0px 0px; FLOAT: left; HEIGHT: 12px; MARGIN-LEFT: 5px; OVERFLOW: hidden; CURSOR: pointer
}
#imgRoll .roll_control OL LI.selected {
	WIDTH: 12px; BACKGROUND: url() no-repeat 0px 0px; HEIGHT: 12px
}
#imgRoll .roll_control OL LI BUTTON {
	WIDTH: 12px; HEIGHT: 12px; PADDING-TOP: 13px
}
#imgRoll BUTTON {
	BORDER-BOTTOM: 0px; TEXT-ALIGN: left; BORDER-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px; border-image: initial
}





}




@media only screen and (min-width : 768px) and (max-width : 1000px) 


{

.vvmain_visual{display:none;}
.vvvmain_visual{width:100%;height:800px;overflow:hidden;position:absolute;z-index:2;top:0px;}




.indexImg {
	display:block;POSITION: absolute; MARGIN: 0px 0px 0px -590px; TOP: 70px; LEFT: 50%;z-index:-1000;
}

#imgRoll {
	POSITION: relative; MIN-WIDTH: 1360px; ZOOM: 1; HEIGHT: 700px
}
#imgRoll OL.visuals {
	LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}
#imgRoll OL.visuals LI {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 1360px; ZOOM: 1; HEIGHT: 700px; LEFT: -100px
}
#imgRoll OL.visuals LI A {
	Z-INDEX: 13; POSITION: absolute; WIDTH: 1360px; DISPLAY: block; HEIGHT: 700px; MARGIN-LEFT: -690px; TOP: 0px; LEFT: 50%
}
#imgRoll OL.visuals LI IMG {
	VERTICAL-ALIGN: top
}
#imgRoll .control_wrap {
	Z-INDEX: 14; POSITION: relative; MARGIN: 0px auto; WIDTH: 1360px; ZOOM: 1
}
#imgRoll .roll_control {
	POSITION: absolute; WIDTH: 220px; BOTTOM: -431px; HEIGHT: 20px; OVERFLOW: hidden; LEFT: 375px
}
#imgRoll .roll_control .btn_start {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 20px; ZOOM: 1; DISPLAY: block; FLOAT: left; HEIGHT: 20px; OVERFLOW: hidden; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px
}
#imgRoll .roll_control .btn_stop {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 20px; ZOOM: 1; DISPLAY: block; FLOAT: left; HEIGHT: 20px; OVERFLOW: hidden; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px
}
#imgRoll .roll_control .btn_start EM {
	VISIBILITY: hidden
}
#imgRoll .roll_control .btn_stop EM {
	VISIBILITY: hidden
}
#imgRoll .roll_control .btn_start {
	WIDTH: 20px; BACKGROUND: url() no-repeat 0px 0px; HEIGHT: 20px
}
#imgRoll .roll_control .btn_stop {
	WIDTH: 20px; BACKGROUND: url() no-repeat 0px 0px; HEIGHT: 20px
}
#imgRoll .roll_control OL {
	LIST-STYLE-TYPE: none; MARGIN-TOP: 1px; LIST-STYLE-IMAGE: none
}
#imgRoll .roll_control OL LI {
	MARGIN-TOP: 3px; WIDTH: 12px; ZOOM: 1; BACKGROUND: url() no-repeat 0px 0px; FLOAT: left; HEIGHT: 12px; MARGIN-LEFT: 5px; OVERFLOW: hidden; CURSOR: pointer
}
#imgRoll .roll_control OL LI.selected {
	WIDTH: 12px; BACKGROUND: url() no-repeat 0px 0px; HEIGHT: 12px
}
#imgRoll .roll_control OL LI BUTTON {
	WIDTH: 12px; HEIGHT: 12px; PADDING-TOP: 13px
}
#imgRoll BUTTON {
	BORDER-BOTTOM: 0px; TEXT-ALIGN: left; BORDER-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px; border-image: initial
}





}




@media only screen and (min-width : 1000px) and (max-width : 1200px) 


{

.vvmain_visual{display:none;}
.vvvmain_visual{width:100%;height:800px;overflow:hidden;position:absolute;z-index:2;top:0px;}




.indexImg {
	display:block;POSITION: absolute; MARGIN: 0px 0px 0px -590px; TOP: 70px; LEFT: 50%;z-index:-1000;
}

#imgRoll {
	POSITION: relative; MIN-WIDTH: 1360px; ZOOM: 1; HEIGHT: 700px
}
#imgRoll OL.visuals {
	LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}
#imgRoll OL.visuals LI {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 1360px; ZOOM: 1; HEIGHT: 700px; LEFT: -100px
}
#imgRoll OL.visuals LI A {
	Z-INDEX: 13; POSITION: absolute; WIDTH: 1360px; DISPLAY: block; HEIGHT: 700px; MARGIN-LEFT: -690px; TOP: 0px; LEFT: 50%
}
#imgRoll OL.visuals LI IMG {
	VERTICAL-ALIGN: top
}
#imgRoll .control_wrap {
	Z-INDEX: 14; POSITION: relative; MARGIN: 0px auto; WIDTH: 1360px; ZOOM: 1
}
#imgRoll .roll_control {
	POSITION: absolute; WIDTH: 220px; BOTTOM: -431px; HEIGHT: 20px; OVERFLOW: hidden; LEFT: 375px
}
#imgRoll .roll_control .btn_start {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 20px; ZOOM: 1; DISPLAY: block; FLOAT: left; HEIGHT: 20px; OVERFLOW: hidden; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px
}
#imgRoll .roll_control .btn_stop {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 20px; ZOOM: 1; DISPLAY: block; FLOAT: left; HEIGHT: 20px; OVERFLOW: hidden; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px
}
#imgRoll .roll_control .btn_start EM {
	VISIBILITY: hidden
}
#imgRoll .roll_control .btn_stop EM {
	VISIBILITY: hidden
}
#imgRoll .roll_control .btn_start {
	WIDTH: 20px; BACKGROUND: url() no-repeat 0px 0px; HEIGHT: 20px
}
#imgRoll .roll_control .btn_stop {
	WIDTH: 20px; BACKGROUND: url() no-repeat 0px 0px; HEIGHT: 20px
}
#imgRoll .roll_control OL {
	LIST-STYLE-TYPE: none; MARGIN-TOP: 1px; LIST-STYLE-IMAGE: none
}
#imgRoll .roll_control OL LI {
	MARGIN-TOP: 3px; WIDTH: 12px; ZOOM: 1; BACKGROUND: url() no-repeat 0px 0px; FLOAT: left; HEIGHT: 12px; MARGIN-LEFT: 5px; OVERFLOW: hidden; CURSOR: pointer
}
#imgRoll .roll_control OL LI.selected {
	WIDTH: 12px; BACKGROUND: url() no-repeat 0px 0px; HEIGHT: 12px
}
#imgRoll .roll_control OL LI BUTTON {
	WIDTH: 12px; HEIGHT: 12px; PADDING-TOP: 13px
}
#imgRoll BUTTON {
	BORDER-BOTTOM: 0px; TEXT-ALIGN: left; BORDER-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px; border-image: initial
}





}




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

{
#sfooters{display:block;position:absolute;z-index:100;top:670px;}
.vvmain_visual{width:100%;height:100%;overflow:hidden;position:absolute;z-index:1;top:10px;}
.vvvmain_visual{width:100%;height:800px;overflow:hidden;position:absolute;z-index:2;top:0px;}

}

 @media screen and (max-width: 1280px) and (max-height: 1024px) and (min-height: 961px) {
#sfooters{display:block;position:absolute;z-index:100;top:670px;}
.vvmain_visual{width:100%;height:100%;overflow:hidden;position:absolute;z-index:1;top:10px;}
.vvvmain_visual{width:100%;height:800px;overflow:hidden;position:absolute;z-index:2;top:0px;}
}
/*1280 x 960*/
 @media screen and (max-width: 1280px) and (max-height: 960px) and (min-height: 801px) {
  #sfooters{display:block;position:absolute;z-index:100;top:670px;}
.vvmain_visual{width:100%;height:100%;overflow:hidden;position:absolute;z-index:1;top:10px;}
.vvvmain_visual{width:100%;height:800px;overflow:hidden;position:absolute;z-index:2;top:0px;}
}
/*1280 x 800*/
 @media screen and (max-width: 1280px) and (max-height: 800px) and (min-height: 769px) {
 #sfooters{display:block;position:absolute;z-index:100;top:670px;}
.vvmain_visual{width:100%;height:100%;overflow:hidden;position:absolute;z-index:1;top:10px;}
.vvvmain_visual{width:100%;height:800px;overflow:hidden;position:absolute;z-index:2;top:0px;}
}
/*1280 x 768*/
 @media screen and (max-width: 1280px) and (max-height: 768px) and (min-height: 721px) {
  #sfooters{display:block;position:absolute;z-index:100;top:670px;}
.vvmain_visual{width:100%;height:100%;overflow:hidden;position:absolute;z-index:1;top:10px;}
.vvvmain_visual{width:100%;height:800px;overflow:hidden;position:absolute;z-index:2;top:0px;}
}
/*1280 x 720*/
 @media screen and (max-width: 1280px) and (max-height: 720px) and (min-height:300px) {
 #sfooters{display:block;position:absolute;z-index:100;top:670px;}
.vvmain_visual{width:100%;height:100%;overflow:hidden;position:absolute;z-index:1;top:10px;}
.vvvmain_visual{width:100%;height:800px;overflow:hidden;position:absolute;z-index:2;top:0px;}
}





.main_visual{width:100%;height:462px;overflow:hidden;position:absolute;z-index:200;top:130px;}
.main_visual .visual_content{position:relative;width:1100px;height:325px;margin:75px auto 0 auto;}
.main_visual .visual_obj_group{position:absolute;top:0;left:0;z-index:10;text-align:left;letter-spacing:-1px}
.main_visual .visual_obj_group > div{position:absolute;top:0;left:0;width:1100px;height:325px;}
.main_visual .visual_obj_group .txt_group{position:absolute;top:0px;left:0;z-index:5;filter:alpha(opacity=0);opacity:0}
.main_visual .visual_obj_group .txt1{font-size:24px;color:#444;line-height:25px}
.main_visual .visual_obj_group .txt1 a{color:#444;}
.main_visual .visual_obj_group .txt2{font-size:40px;color:#444;line-height:40px;margin-top:13px;letter-spacing:-3px}
.main_visual .visual_obj_group .txt2 a{color:#444;}
.main_visual .visual_obj_group .txt3{color:#666;line-height:24px;margin-top:15px;letter-spacing:0;font-size:15px}
.main_visual .visual_obj_group .txt3 a{color:#666;}
.main_visual .visual_obj_group .txt4{margin-top:20px}
.main_visual .visual_obj_group .visual_img{position:absolute;filter:alpha(opacity=0);opacity:0}
.main_visual .visual_obj_group .white > p{color:#fff}
.main_visual .visual_obj_group .white > p.s{color:#ddd}
.main_visual .visual_obj_group .white > p.s a{color:#ddd}
.main_visual .visual_obj_group .white > p.s span{font-size:13px;color:#ddd}
.main_visual .visual_obj_group .white > p a{color:#fff}
.main_visual .visual_obj_group .obj1{bottom:0;right:0}
.main_visual .visual_obj_group .obj2{bottom:0;right:-150px}
.main_visual .visual_obj_group .obj3{bottom:0;right:14px}
.main_visual .visual_obj_group .obj4{bottom:0;right:18px}
.main_visual .visual_obj_group .obj5{bottom:115px;right:10px}

.main_visual .visual_bg_group{position:absolute;top:0;left:0;z-index:5}
.main_visual .visual_bg_group > p{position:absolute;top:0;left:-600px;width:2300px;height:325px;filter:alpha(opacity=0);opacity:0}
.main_visual .visual_bg_01{background:url() left top no-repeat}
.main_visual .visual_bg_02{background:url() left top no-repeat}
.main_visual .visual_bg_03{background:url() left top no-repeat}
.main_visual .visual_bg_04{background:url() left top no-repeat}
.main_visual .visual_bg_05{background:url() left top no-repeat}

.main_visual .visual_tab{
	position:absolute;
	bottom:25px;
	left:-13px;
	width:1126px;
	height:78px;
	background:url() left top no-repeat;
	z-index:15;

}
.main_visual .visual_tab ul{overflow:hidden;width:1100px;margin:0 auto}
.main_visual .visual_tab ul > li{position:relative;float:left;width:220px;height:50px;cursor:pointer}
.main_visual .visual_tab ul > li > p{position:absolute;left:0;top:0;width:219px;height:50px;line-height:50px}
.main_visual .visual_tab ul > li > p.title{color:#444;line-height:50px;text-align:center;z-index:5; font-size:15px; letter-spacing:-1px}
.main_visual .visual_tab ul > li > p.bg{border-right:1px solid #d9d9d9;background-color:#fff;filter:alpha(opacity=80);opacity:0.8}
.main_visual .visual_tab ul > li.last > p.bg{width:220px;border-right:none}



/*.header_top */

#header_top {
	width: 100%;
	background-color:#191919;
	color: #fff;
	position:relative;
	z-index:1100;
}
#header_top .header_top_center{	
	margin: 0 auto;
	width:1080px;	
	z-index: 1000;
}





#sfooter {position:relative;top:-8px;}


#sfooters {position:absolute;bottom:0px;width: 100%;margin: 0 auto;z-index:100;}








#header_top .header_menu .favorite {
	margin-left: 420px;
	float: left;
}
#header_top .header_menu .rightmenu {
}
#header_top .header_menu .rightmenu {
	float: right;
	margin-top: 0px;
}
#header_top .header_menu .rightmenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#header_top .header_menu .rightmenu ul li {
	display: inline;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}



#header_top .first { float: left; color:#fff; border:0px}



#header_top li img {
	vertical-align: middle;
	margin: -2px 7px 0 0;
}


#header_top p.phone span {
	font-size: 1.1em;
}



.bgGnb { display:none; position:relative;z-index:800; top:-10px;left:0;  width:100%; background:url('/f_img/hgnb_bg.png') 0 bottom repeat-x;border-top:1px solid #fff;  }
.bgGnb span { position:absolute; bottom:20px; right:50%;z-index:1300; width:175px;overflow:hidden; margin-left:-540px; padding-top:0px; background:url('') 0 0 no-repeat; }
.bgGnb .txtGnb { display:block; margin:0 20px 20px 0; }
.bgGnb button { position:relative; top:0px; left:0; z-index:1300; width:27px; height:27px; margin:0 5px 0 0;  overflow:hidden; text-indent:-1000px; background:url('') center center no-repeat;}

#contentWrap { position:relative;z-index:0; clear:both; width:1080px; min-height:650px; overflow:hidden; margin:10px auto 0 auto; }
#contentWrap.longCon { min-height:1150px; }

#sideContent { position:absolute; left:0; top:0; width:182px; height:100%; overflow:hidden; min-height:1px; border:1px solid #d9d9d9; border-top:0; border-bottom:0; }
#sideContent button.showSide { display:none; position:absolute; top:43px; right:-57px;  opacity:0.5; }
#sideContent button.showSide:hover,
#sideContent button.showSide:focus,
#sideContent button.showSide:active {
    opacity: 1;
}
#sideContent div { display:none; }
#sideContent h1 { height:121px; padding-top:56px; text-align:center; font-size:2.3em; font-family:"NanumGothic"; color:#ffa811; background:url('') 0 0 no-repeat; }
#sideContent h1 span { display:block; font-size:0.5em; margin-top:5px; }




#bodyContent { position:relative; width:820px; overflow:hidden; margin:0 0 100px 222px; }
#bodyContent.single { float:none; width:1080px; margin:0 0 100px 0; }
#breadcrumb { text-align:left;float:right; margin-top:26px; font-size:12px; color:#999;font-family:"NanumGothic"; vertical-align: middle;line-height:15px;}
#breadcrumb a { margin-right: 10px; vertical-align: bottom;}
#breadcrumb span {background: url("/f_img/point_location.gif") no-repeat 0 55%;padding-left: 14px;margin-right: 10px;vertical-align: bottom;}
#breadcrumb span {margin-bottom:45px; zoom:1;color:#3A4152;font-family:"NanumGothic";vertical-align: middle;}
#breadcrumb strong { color:#333;font-family:"NanumGothicB"; font-size:12px;background: url("/f_img/point_location.gif") no-repeat 0 55%;padding-left: 14px;vertical-align: bottom; }
#pageTitle { font-size:2.1em; color:#333; }
#pageTxt { margin:8px 0 25px 0; color:#666; font-size:1.15em; letter-spacing:-1px; line-height:160%; }
#pageTxt strong{display:block;margin-top:15px;color: #e60000;}



/* 게시판 : 작성 */
.board-write { width:100%; border-top:2px solid  #393f46; border-bottom:1px solid #999; }
.board-write th { padding:15px 0 13px 25px; background:#f7f7f7; border-top:1px solid #d9d9d9; text-align:left; vertical-align:top; }
.board-write th span.essential { margin:0 5px 0 -12px; color:#e60013; }
.board-write td { padding:11px 0 9px 20px; border-top:1px solid #d9d9d9; border-top:1px solid #d9d9d9; }
.board-write .inputTxt { width:95%; height:22px; padding:0 5px; }
.board-write .inputTxt2 { margin-right:10px; width:30%; height:22px; padding:0 5px; }
.board-write .selectTxt { padding:3px; font-size: 1.1em; }
.board-write .selectTxt.w100 { margin-right:5px; width:100px; }
.board-write .textarea { width:95%; height:200px; padding:0 5px; }
.board-write .fileWrap { position:relative; }
.board-write .fileWrap .file { display:block; padding-right:93px;}
.board-write .fileWrap .file input { padding:0 5px; height:25px; width:97%; }
.board-write .fileWrap .fileBg { position:absolute; right:17px; top:0; display:inline-block; width:65px; height:27px; }
.board-write .fileWrap .fileBg input { filter:alpha(opacity:0); opacity:0; width:65px; height:27px; cursor:pointer; }
.board-write .fileWrap + .fileWrap { margin-top:10px;}
.board-write .info { margin:8px 0 0 10px; }
.board-write .info li { padding-left:7px; background:url(../../images/component/arrowGray.gif) 0 6px no-repeat; }

/* 게시판 : 텍스트 */
.board-text { position:relative; border-top:2px solid #e60013; }
.board-text > table { width:100%;  }
.board-text > table thead th, .board-text td { padding:10px 0; text-align:center;}
.board-text > table thead th { border-bottom:1px solid #999; font-size:1.05em; color:#111; }
.board-text > table  td {  border-bottom:1px solid #d9d9d9;   }
.board-text > table  td.link { padding:15px 2%; text-align:left;  }
.board-text > table  td.link a { color:#111; }
.board-text > table  td.link a:hover,
.board-text > table  td.link a:focus,
.board-text > table  td.link a:active { color:#ff1313; border-bottom:1px solid #ff1313; }
.board-text > table  tr th:last-child, .board-text  tr td:last-child { background-image:none; }

.board-text .tit { padding:15px 0 15px 20px; font-size:1.3em; color:#333; }
.board-text .viewBox { overflow:hidden; padding:20px; border-bottom: 1px solid #999;  line-height:160%; }
.board-text .viewBox p { line-height:160%; }
.board-text .fieldBox { padding:15px 20px; border-top:1px solid #d7d7d7; border-bottom:1px solid #999; }
.board-text .fieldBox dl { overflow:hidden; color:#666; }
.board-text .fieldBox dt { float:left; padding:0 13px 0 0; margin:0 13px 0 0; font-family:"NanumGothicB"; }
.board-text .fieldBox dd { float:left; }
.board-text .fieldBox dd a { display:inline-block; padding:0 25px 0 0; color:#666;  }
.board-text .fieldBox dd a:hover,
.board-text .fieldBox dd a:focus,
.board-text .fieldBox dd a:active { font-weight:bold; color:#e60000;  }
.listNavi { clear:both; overflow:hidden; margin:20px 0; border:1px solid #999; border-left:0; border-right:0;  }
.board-text .infoBox { overflow:hidden; padding:15px 0 15px 20px; border-top:1px dashed #d7d9da; border-bottom:1px solid #999; }
.board-text .infoBox li { float:left; margin:0 30px 0 0; color:#666; }
.board-text .infoBox li strong { display:inline-block; margin:0 10px 0 0; padding:0 10px 0 0;  }
.board-text .snsBox { position:absolute; top:65px; right:20px; }

.txtNews { text-overflow: ellipsis;  }




.listNavi { clear:both; overflow:hidden; margin:20px 0; border:1px solid #999; border-left:0; border-right:0;  }
.listNavi li { overflow:hidden; }
.listNavi li.next { border-top:1px solid #d7d7d7; }
.listNavi li.next a { background-image:url('../../images/component/bgNextList.gif');  }
.listNavi li a { display:block; overflow:hidden; padding:15px 20px; background:url('../../images/component/bgPrevList.gif') 20px center no-repeat;}
.listNavi li a strong { display:inline-block; padding:0 20px; background:url('../../images/component/bgTxtList.gif') right center no-repeat;  }
.listNavi li a span { display:inline-block; padding-left:20px; }

tr.notice td { background:url('../../images/component/bgTxtList.gif') right bottom no-repeat #fdf7f1;   }
tr.notice td.link a { font-family:"NanumGothicB"; }
tr.notice td span { display:inline-block; padding:3px 5px; font-family:dotum; font-size:0.9em; color:#fff; background:#0d75e0; border-radius:2px; }
.newData { display:inline-block; width:11px; height:13px; margin-left:10px; font-style:normal; text-indent:-1000px; background:url('../../images/component/icoNew.gif') 0 center no-repeat; }
.fileOn { display:inline-block; width:16px; height:13px; margin-left:10px; font-style:normal; text-indent:-1000px; background:url('../../images/component/icoFile.png') 0 center no-repeat; }

/* 게시판 : 이미지+텍스트 */
.boxMovie { position:relative; overflow:hidden; }
.movieList { overflow:hidden; }
.movieList li { float:left; width:22%; min-height:147px; overflow:hidden; margin:0 0 30px 3.3%; }
.movieList li a { display:block; overflow:hidden; }
.movieList li a span { position:relative; display:block; height:93px; overflow:hidden; background:url('../../images/component/bgMovieImg.gif') center center no-repeat #ccc; }
.movieList li a img { width:100%; height:auto;  }
.movieList li a strong { display:block; margin-top:10px; padding:0 2px; color:#444; line-height:180%;  }
.movieList li a:hover img, .movieList li a:focus img { -webkit-transform:scale(1.2); transform:scale(1.2); -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;}
.movieList li a span em { display:none; position:absolute; top:0; left:0; bottom:0; right:0; border:3px solid #e60000; text-indent:-1000px; background:url('../../images/component/bgMovie.gif') 10px 90% no-repeat; }
.movieList li a:hover span em, .movieList li a:focus span em, .movieList li a:active span em, .movieList li a.on span em { display:block;  }
.movieList li:first-child, .movieList li.clear { clear:both; margin-left:0; }
#viewMovie { display:none; position:absolute; left:0; top:0; width:100%; overflow:hidden; border-bottom:2px solid #e60000; background:#fff; }
#viewMovie h1 { padding:20px 80px 20px 1%; font-size:1.7em; color:#444; border-top:2px solid #e60000; }
#viewMovie em.bg { position:absolute; top:0; width:19px; height:11px;background:url('../../images/component/bgMovieOn.gif') 0 0 no-repeat #fff; }
#viewMovie .view { overflow:hidden; padding:0 1% 20px 1%; }
#viewMovie .screen { float:left; position: relative; width:480px; height:300px; }
#viewMovie .screen iframe, .screen object, .screen embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#viewMovie .caption { float:left; width:220px; height:268px; padding:15px; overflow:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; line-height:1.8; border:1px solid #abadb3; border-left:0;  }
#viewMovie .close { position:absolute; top:25px; right:10px; width:57px; height:27px; overflow:hidden; text-indent:-1000px; background:url('../../images/component/btnCloseMovie.gif') 0 0 no-repeat; }


/* 게시판 : FAQ */
.faqList { overflow:hidden; font-size:1em; font-family:"NanumGothicB"; border-top:2px solid #e60000; }
.faqList dt { position:relative; z-index:90; overflow:hidden;  }
.faqList button { display:block; position:relative; width:100%; padding:20px 20px 20px 85px; text-align:left; line-height:160%; color:#444; border-bottom:1px solid #d9d9d9; background:url('../../images/component/bgFaqOff.gif') 95% center no-repeat #fff;  }
.faqList button:hover, .faqList button:focus, .faqList button:active, .faqList button.on { background:url('../../images/component/bgFaqOn.gif') 95% center no-repeat; }
.faqList span.tit { display:inline-block; width:50px; padding:3px 0; margin:0 15px 0 0; text-align:center;  border-radius:2px; }
.faqList dt span.tit { color:#fff; font-size:0.9em; background:#e60000; font-family:"NanumGothic"; }
.faqList dd { display:none; position:relative; z-index:100; padding:22px 20px 22px 85px; line-height:1.8; color:#444; border-bottom:1px solid #d9d9d9; background:url('../../images/component/bgFaqMark.gif') 37px -1px no-repeat #f8f8f8; }
.faqList dt span.tit, .faqList dd span.tit { position:absolute; left:20px; top:18px; }
.faqList dd span.tit { font-size:1.1em; color:#333; }

/* 게시판 : 페이지 네비 */
.board-paging { clear:both; margin:20px 0; text-align:center; }
.board-paging a { display:inline-block; }
.board-paging span { margin:0 10px; }
.board-paging span a { margin:0 5px; color:#666; }
.board-paging span a:hover, .board-paging span a:focus, .board-paging span a:active { color:#ff1313; border-bottom:1px solid #ff1313; }
.board-paging span strong { display:inline-block; margin:0 5px; color:#ff1313; border-bottom:1px solid #ff1313; }
.board-paging span em { display:none; font-style:normal;}

.page-mobile { display:none; }

/* 기타 데이터테이블 */
.board-rowList { margin:10px 0; border-top:1px solid #999; }
.board-rowList th { padding:10px 0 10px 20px; text-align:left; border-bottom:1px solid #d9d9d9; background:#f7f7f7; }
.board-rowList td { padding:10px 0 10px 20px; border-bottom:1px solid #d9d9d9; }
.board-rowList td * { vertical-align:middle; }
.board-rowList td label { margin:0 10px 0 0; }
.board-rowList td ul { margin-top:5px; }
.board-rowList td ul li { line-height:180%; }
.board-rowList .addFileList { margin:10px 0 20px 0; }
.board-rowList .addFileList li { padding-left:10px;  background:url('../../images/promotion/bgTxtList02.gif') 0 center no-repeat; }
.board-rowList .addFileList li button { display:inline-block; width:12px; height:12px; overflow:hidden; margin-left:8px; text-indent:-1000px; background:url(../../images/component/btnFileDel.gif) 0 0 no-repeat;  }

/* 버튼 */
.btnGrp { clear:both; overflow:hidden; margin:10px 0; text-align:right; }
.btnGrp a, .btnGrp button, a.btn, button.btn { display:inline-block; height:33px; padding-left:20px; font-size:1.1em; color:#fff; font-family:"NanumGothicB"; text-align:center; background:url('../../images/component/bgBtn.gif') 0 0 no-repeat; }
.btnGrp a span, .btnGrp button span, a.btn span, button.btn span { display:inline-block; height:33px; padding-right:20px; line-height:30px; background:url('../../images/component/bgBtn.gif') right 0 no-repeat; }
.btn-red { background-position:0 -32px !important; }
.btn-red span { background-position:right -32px !important; }
.btnBoard { margin-bottom:15px; }
.btnBoard button, .btnBoard a { display:inline-block; height:27px; overflow:hidden; text-indent:-1000px; vertical-align:middle; background:url('../../images/component/btnBoardTop.gif') 0 0 no-repeat;  }
.btnBoard .btnRss { width:57px; background-position:0 0; }
.btnBoard .btnHelp { width:66px; background-position:-62px 0; }
.btnSingle { display:inline-block; padding:4px 8px; font-family:"NanumGothicB"; text-align:center; color:#444; border:1px solid #b4b4b4; border-radius:3px; }
.btnSingle:hover, .btnSingle:focus, .btnSingle:active { background:#444; color:#fff; border:1px solid #444; }

/* heading */
.titDepth01 { margin-bottom:10px; padding-top:8px; font-size:1.6em; font-family:"NanumGothicB", "NanumGothic"; font-weight:bold; color:#1a1a1a; background:url('../../images/component/bgTitDepth01.gif') 0 0 no-repeat; }
.titDepth02 { clear:both; margin-top:30px; padding-left:15px; font-size:1.25em; color:#1a1a1a; background:url('../../images/component/bgTitDepth02.gif') 0 3px no-repeat; }
.subDepth01 { margin:15px 0 10px 3px; padding-left:15px; font-size:1.1em; color:#1a1a1a; font-family:"NanumGothicB"; background:url('../../images/component/bgSubDepth01.gif') 0 center no-repeat; }

/* txt list */
.subTxtList { padding-left:20px; }
.subTxtList li { padding-left:18px; line-height:170%; background:url(../../images/contribution/bgSptList.gif) 0 10px no-repeat; }

/* layer */
.boxLayer { display:none; position:fixed; top:50%; left:50%; z-index:7000; width:750px; height:470px; overflow:hidden; margin:-235px 0 0 -375px; border-top:5px solid #d93030; background:#fff; box-shadow:2px 2px 2px #555; }
.boxLayer .closeLayer { position:absolute; top:15px; right:20px; width:23px; height:23px; overflow:hidden; text-indent:-1000px; background:url('../../images/component/btnLayerClose.gif') 0 0 no-repeat; }
.boxLayer .closeLayer.red { position:absolute; top:15px; right:20px; width:23px; height:23px; overflow:hidden; text-indent:-1000px; background:url('../../images/component/btnLayerClose_red.gif') 0 0 no-repeat; }
.boxLayer .title { margin:15px 20px 0px 20px; padding-bottom:15px; /* padding:15px 0 15px 20px; */ font-size:1.6em; color:#333; border-bottom:1px solid #fe1818; }
.boxLayer .title.red { color:#fff; background:#d93030;  }
.boxLayer .con { padding:20px 20px 30px 20px; overflow:hidden; }

/* common */
.scrollOff { overflow:hidden; }
.bgLayer { display:none; position:fixed; top:0; left:0; z-index:2000; width:100%; height:100%; background:#000; opacity:0.6;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;}
.hideScroll { overflow-y:hidden; }
.bgLoading { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.6;  }




/* tab */
.boxTab { position:relative; clear:both; overflow:hidden; border-bottom:1px solid #bec6cf;  }
.boxTab li { float:left; width:120px; margin:0 -1px 0 0; box-sizing:border-box; }
.boxTab li a { display:block; border:1px solid #bec6cf; border-bottom:0; line-height:37px; text-align:center; font-family:"NanumGothicB"; font-size:1em; color:#666; }
.boxTab li a:hover, .boxTab li a:focus, .boxTab li a:active, .boxTab li a.on { font-size:1.15em; color:#fff; background:#e32222; border:1px solid #e32222; }
.boxTab.full li { width:16%; }
.boxTab.full li:first-child { width:20.5%; }
.tabCon { display:none; }
.boxTab button.tabBtn { display:none; position:absolute; right:0; top:1px; width:40px; height:37px; overflow:hidden; text-indent:-1000px; background:url('../../images/component/bgLnbDepthOn.gif') center center no-repeat #37363c; }
.boxTab button.tabBtn.on { background-image:url('../../images/component/bgLnbDepth.gif'); }

/* etc : sns */
.snsBox { margin:0 0 10px 0; text-align:right; overflow:hidden; }
.snsBox button { display:inline-block; width:19px; height:19px; overflow:hidden; margin-left:3px; text-indent:-1000px; background:url('../../images/component/btnSns.gif') 0 0 no-repeat; }
.snsBox .btnPrint { background-position:0 0; }
.snsBox .btnFbook { background-position:-22px 0; }
.snsBox .btnTwt { background-position:-44px 0; }
.snsBox .btnM2d { background-position:-66px 0; }
.snsBox .btnUrl { width:57px; background-position:-88px 0; }


/* scroll */
.scroll-content-x { padding-bottom:15px; }
.scroll-content-y { padding-right:15px; }
.scroll-track { width:4px; height:10px; background:#d7d7d7; border:1px solid #c7c7c7; }
.scroll-track-x { left:0; bottom:0; }
.scroll-track-y { left:50%; top:0; }
#boxHistory .scroll-track-y { left:52%; }
.scroll-neutralzone { right:0; bottom:0; width:10px; height:10px; background:#d7d7d7;  }
.scroll-bar { left:-2px; width:8px; height:10px; background:#1d84da; cursor:pointer; border-radius:2px; }
.scroll-bar.active { background:#1d84da; }
.scroll-bar span.btnScroll { position:absolute; top:22px; left:-6px; display:inline-block; width:22px; height:22px; background:url('../../images/component/btnScroll.png') 0 0 no-repeat; }
.scroll-arrow { display:none; width:10px; height:10px; background:#1d84da; }
.scroll-arrow:active { background:#fff; }
.scroll-arrow-left { left:0; top:0; margin-right:1px; }
.scroll-arrow-right { right:0; top:0; margin-left:1px; }
.scroll-arrow-up { left:0; top:0; margin-bottom:1px; }
.scroll-arrow-down { left:0; bottom:0; margin-top:1px; }
.ios .scroll-content { margin:0; }
.ios .scroll-content-x,
.ios .scroll-content-y { padding:0; }
.ios .scroll-track { width:7px; height:7px; background:none; }
.ios .scroll-track-x { left:1px; bottom:1px; }
.ios .scroll-track-y { right:1px; top:1px; }
.ios .scroll-neutralzone { width:0; height:0; }
.ios .scroll-bar { width:5px; height:5px; border:1px solid #fff; border-radius:3px; background:#1d84da; }
.ios .scroll-arrow { display:none; }

/* IR */
.boxIR { position:relative; overflow:hidden; text-align:center; background:#fff; }
.boxIR img { position:relative; z-index:100;  }
.boxIR .longDesc { position:absolute; top:0; left:0; z-index:-1; }

/* loader */
.loader { position:absolute; top:0; bottom:0; left:0; right:0; z-index:4000; text-indent:-1000px; background:url('../../images/bx/bx_loader.gif') center center no-repeat #fff; opacity:0.6; }

/* 공통 댓글 */
.replyWrap { position:relative; margin-top:40px; padding-bottom:290px; }
.boxReply { overflow:hidden; border:1px solid #b3bcc4; box-sizing:border-box; color:#707070; }
    .boxReply textarea { padding:8px; border:1px solid #abadb3; background:#fff; box-sizing:border-box; font-family:"NanumGothic";  }
    .reply-head { overflow:hidden; padding:20px; color:#444; }
    .reply-head .info { overflow:hidden; }
    .reply-head .info span { float:left; display:block; font-size:0.9em; }
    .reply-head .info strong { margin-left:3px; color:#e60000; line-height:160%; }
    .reply-head .info span.warning { float:right; }
    .reply-head .write { clear:both; overflow:hidden; position:relative; }
    .reply-head .write textarea { float:left; width:86%; margin-right:10px; height:70px;  }
    .reply-head .write button { position:absolute; right:0; top:0; width:93px; height:70px; overflow:hidden; margin-left:10px; text-align:center;  text-indent:-1000px; color:#fff; font-size:1.2em; background:url('../../images/component/btnReply.gif') 0 0 no-repeat #e60013; }
    .reply-head p { margin-top:10px; }
    .reply-head  p strong { margin:0 3px 0 0; color:#e60000;  }
    .reply-body { overflow:hidden; padding:0 15px; border-top:1px dashed #cfd0d0; background:#f7f7f7;  }
    .reply-body ul li { position:relative; overflow:hidden; padding:15px 20px; border-top:1px solid #cfd0d0; }
    .reply-body ul li:first-child { border-top:0; }
    .reply-body ul li .user a { color:#222; font-weight:bold; }
    .reply-body ul li .user span { margin-left:15px; padding-left:15px; background:url('../../images/component/bgReplyInfo.gif') 0 center no-repeat; }
    .reply-body ul li div { margin-top:10px; }
    .reply-body ul li div p { width:80%; padding:0; line-height:160%; word-break: break-all; }
    .reply-body ul li div .btn { width:84px; height:30px;  overflow:hidden; margin-left:10px; text-align:center;  text-indent:-1000px; color:#fff; font-size:1.2em; background:url('../../images/component/btnReply_mod.gif') 0 0 no-repeat #4d4d4d;  }
    .reply-body ul li div textarea { width:80%; height:50px;   }
    .reply-body ul li div * { vertical-align:middle; }
    .reply-body .btnMore { margin-top:10px; background:url('../../images/component/bgReplyMore.gif') center 0 no-repeat; }
    .reply-body .btnMore a { display:block; line-height:50px; font-family:"NanumGothicB"; color:#333; text-align:center; }
    .reply-body .btnMore a img { margin-left:10px; }
    .reply-btn { position:absolute; right:20px; top:10px; }
    .reply-btn button { margin-left:8px; }
    .reply-btn .delete { padding-left:8px; background:url('../../images/component/bgReplyBtn.gif') 0 center no-repeat; }
    .reply-btn .cancel { color:#e60000;  }
    .noReply { margin:20px 0 20px 40%; padding-left:50px; line-height:160%; font-family:"NanumGothicB"; background:url('../../images/component/bgNoReply.gif') 0 center no-repeat; }
    .snsReply { clear:both; overflow:hidden; margin-top:30px; }
    .snsReply .tit { margin:0 0 10px 0; font-size:1.4em; color:#3b5998; }
    .boxProfile { display:none; position:absolute; width:450px; height:360px; overflow:hidden; padding:15px; border:2px solid #e60013; box-shadow:2px 2px 2px #777; background:#fff; box-sizing:border-box;z-index:100; }

    .boxProfile h1 { font-size:1.65em; color:#000; }
    .boxProfile button { position:absolute; right:15px; top:15px; width:23px; height:23px; overflow:hidden; text-indent:-1000px; background:url('../../images/component/btnLayerClose.gif') 0 0 no-repeat; }
    .boxProfile table { margin:15px 0; border-top:2px solid #454545; }
    .boxProfile th, .boxProfile td { padding:10px; text-align:left; border:1px solid #d9d9d9; }
    .boxProfile th { background:#f7f7f7; color:#404040; }
    .boxProfile td { line-height:160%; color:#7a7a7a; }
    .boxProfile a { display:block; text-align:center; }
    .boxProfile .txtProfile { height:60px; overflow:auto; overflow-x:hidden; }
    .snsTit { margin:30px 0 10px 0; font-size:1.5em; color:#3b5998; }

.warpBottom {width:100%; text-align:center;}
/* 하단 디자인 관련 */
	.warpBottomBox {clear:both; width:100%; height:35px; background-color:#f6f5f1; background:url('http://temp04.objet.co.kr/upload/img/bottom/b_bg.gif') repeat-x;}
	.bottomMenu {width:1080px; height:35px; margin:0 auto;}
	.bottomMenuLeft {float:left; font-size:0px;}
	.bottomMenuRight {float:right; font-size:0px;}
	.bottomCopyright {clear:both; width:1080px;height:110px; margin:0 auto;}
	.bottomLogo {float:left; width:113px; margin-top:26px;}
	.bottomCopyInfo {float:left; margin-top:26px;}
	.bottomEscrow {float:right; width:199px; margin-top:17px;}









/* Button Reset */
.button,
.button a,
.button button,
.button input{position:relative;margin:0;display:-moz-inline-stack;display:inline-block;text-decoration:none !important;border:0;font-size:12px;font-family:"NanumGothicB"; font-size:1em;white-space:nowrap;background:url(/m_img/button_W.png) no-repeat;overflow:visible;color:#555;}
.button{height:23px;padding:0 !important;vertical-align:middle;margin-right:2px;background-position:left top}
.button a,
.button button,
.button input{left:2px;vertical-align:top;cursor:pointer}

/* Button Size */
.button.large{height:29px;background-position:left -30px}
.button.xLarge{height:35px;background-position:left -65px}
.button.small{height:18px;background-position:left -107px}
.button a,
.button button,
.button input{height:23px;padding:0 10px 0 8px;font-size:12px;line-height:24px;background-position:right top}
.button.large a,
.button.large button,
.button.large input{height:29px;padding:0 15px 0 13px;font-size:12px;line-height:30px;background-position:right -30px;font-weight:bold}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input{height:35px;padding:0 15px 0 13px;font-size:13px;line-height:30px;background-position:right -65px;font-weight:bold}
.button.small a,
.button.small button,
.button.small input{height:18px;padding:0 6px 0 4px;font-size:11px;line-height:20px;background-position:right -107px}
/*left*/
.button.aside{height:29px;background-position:left -30px}
.button.aside a,
.button.aside button,
.button.aside input{height:29px;padding:0 30px;font-size:12px;line-height:29px;background-position:right -30px;font-weight:bold}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{color:#32A0D3}
.button.green,
.button.green a,
.button.green button,
.button.green input{background-image:url(http://prod.mallstore.co.kr/nmanager/images/button/buttonGreen.gif);color:#fff}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{color:#ffd9e6}
.button.black,
.button.black a,
.button.black button,
.button.black input{background-image:url(/m_img/button_B.png);color:#fff}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{color:#eee}


.button.black2,
.button.black2 a,
.button.black2 button,
.button.black2 input{background-image:url(/m_img/button_B2.png);color:#fff}
.button.black2 *:hover,
.button.black2 *:active,
.button.black2 *:focus{color:#eee}



.button.red,
.button.red a,
.button.red button,
.button.red input{background-image:url(http://prod.mallstore.co.kr/nmanager/images/button/buttonRed.gif);color:#fff}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{color:#ffd9e6}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input{background-image:url(http://prod.mallstore.co.kr/nmanager/images/button/buttonBlue.gif);color:#fff}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{color:#ffd9e6}
.button.orange,
.button.orange a,
.button.orange button,
.button.orange input{background-image:url(http://prod.mallstore.co.kr/nmanager/images/button/buttonOrange.gif);color:#fff}
.button.orange *:hover,
.button.orange *:active,
.button.orange *:focus{color:#ffd9e6}
.button.pink,
.button.pink a,
.button.pink button,
.button.pink input{background-image:url(http://prod.mallstore.co.kr/nmanager/images/button/buttonPink.gif);color:#fff}
.button.pink *:hover,
.button.pink *:active,
.button.pink *:focus{color:#ffd9e6}

/* Button Text Strong */
.button.strong *{font-weight:bold !important}

/* Button :: Goods List */
.display{padding:0 6px font-size:11px;letter-spacing:-0.1em}







#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(/f_img/loading.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}


.container-news {position:relative;width:1100px; margin:0 auto; padding-left:10px; padding-right:10px; padding-top:60px;height:100%; min-height:800px} /* gnb + footer padding-top:47px;*/
.container-news aside {float:left; width:180px; padding-top:55px;}
.container-news aside h2 {height:82px;}
.container-news aside a {display:inline-block; padding:8px 0}


.container-news section {float:left; width:820px; padding-top:25px;}





#footer {position:absolute;z-index:16;height:160px;width:100%;padding-bottom:0px;padding-top:0px;bottom:0px;}
#footer .footers{background-color:#262626;height:160px;}


#footer .shopinfo {position:relative;width:100%; margin:0 auto; padding-top:10px; border-top:1px solid #3f3f3f; text-align:center;}
#footer .shopinfo .ft_info {padding-bottom:5px; font-size:11px; color:#646464;line-height:13px;}
#footer .shopinfo .ft_info a {font-size:11px; color:#646464;}
#footer .shopinfo .ft_info span {padding:0 10px;}
#footer .shopinfo .ft_copyright {font-size:11px; color:#4b4b4b;}

#footer .bottom_info {
position:relative;
width: 100%;
margin: 0 auto;
padding-top: 20px;
text-align: center;
height:60px;
border-bottom: 1px solid #171717
}




#footer .bottom_info .left_info {
margin-left:20px;
float:left;
height:40px;
}



#footer .bottom_info .right_info {
margin-right:20px;
float:right;
height:40px;
}


#footer .bottom_info .left_info .footer-menu { padding: 16px 0 0 0; height: 22px;}
#footer .bottom_info .left_info .footer-menu li { float:left; background:url(/f_img/bottom_menu_line.png) 100% 50% no-repeat; height: 11px; padding: 0px 9px;}
#footer .bottom_info .left_info .footer-menu li a { font-size: 11px; color: #999; display: block; background:url(/f_img/bottom_menu.png) no-repeat; height: 13px; text-indent: -9999em; overflow: hidden;}
#footer .bottom_info .left_info .footer-menu li.m1 a { width:80px; background-position: 0 0;}
#footer .bottom_info .left_info .footer-menu li.m2 a { width:47px; background-position: -104px 0;}
#footer .bottom_info .left_info .footer-menu li.m3 a { width:72px; background-position: -171px 0;}
#footer .bottom_info .left_info .footer-menu li.m4 a { width:69px; background-position: -265px 0;}
#footer .bottom_info .left_info .footer-menu li.m1 { padding-left: 0;}
#footer .bottom_info .left_info .footer-menu li.m3 { padding-right: 0; background:none;}
#footer .bottom_info .left_info .footer-menu li.m4 { padding-right: 0; background:none;}

#footer .shopinfo .company-info { /*padding-left:140px;*/ color: #999; font-size: 11px; margin:6px 0; } /* 20140308 mod */
#footer .shopinfo .company-info .pl{float:left;width:50%;}
#footer .shopinfo .company-info .pr{float:right;width:50%;text-align:right;}

#footer .shopinfo .company-info .pl .info {  float:left; background:url(/f_img/r_copyright.png); width: 700px; height: 31px; overflow: hidden; margin-right: 6px;margin-left:20px;}
#footer .shopinfo .company-info .pl .info .address {font-size:0;line-height:0;display:none;}
#footer .shopinfo .company-info .pl .info .tel {font-size:0;line-height:0;display:none;}
#footer .shopinfo .company-info .pl .info .txt{display:none;}
#footer .shopinfo .company-info .pl .info .r_copyright{display:none;}
#footer .shopinfo .company-info .pr .lang{}

.select_box_black.inlineb { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; *margin-right: 5px; }
.select_box_black { position: relative; width: 84px; height: 27px; color: #6b6b6b; line-height: 18px; font-size: 15px; overflow: hidden; z-index: 20;float:right; }
.select_box_black > a { display: block;font-family: "MyriadPro-Semibold","NanumBarunGothic"; padding: 0 33px 0 12px; height: 27px; color: #6b6b6b; line-height: 27px; font-size: 11px; background: #3c3c3c url('/f_img/arrow_u.gif') right 0 no-repeat; overflow: hidden; cursor: pointer; *zoom: 1;  }
.select_box_black > a:hover { text-decoration: none; }
.select_box_black.on > a { background: #3c3c3c url('/f_img/arrow_d.gif') right 0 no-repeat; }
.select_box_black ul { position: absolute; left: 0; top: -80px; width: 100%; background: #3c3c3c;font-family: "MyriadPro-Semibold","NanumBarunGothic"; }
.select_box_black li a { display: block; padding: 0 0 0 20px; color: #8f8f8f; font-size: 11px; line-height: 27px; text-align:left;font-family: "MyriadPro-Semibold","NanumBarunGothic";}
.select_box_black li a:hover { text-decoration: none; color: #fff; }
.select_box_black.on { overflow: visible; z-index: 50; }

.mgb_15 {
margin-bottom: 15px;
margin-right:20px;
}



div.b_links {
display: block;
}


div.b_links a {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    margin-right: 7px;
	background: url(/f_img/link_out.png) no-repeat;
	padding: 3px;
}



div.b_links a:last-child {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    margin-right: 0px;
	background: url(/f_img/link_out.png) no-repeat;
	padding: 3px;
}


a.L-icon span {
display: block;
width: 30px;
height: 30px;
background: url(/f_img/l_link.png) no-repeat;
background-position: -3px -3px;
transition: background 300ms ease-in-out;
-moz-transition: background 300ms ease-in-out;
-webkit-transition: background 300ms ease-in-out;
-o-transition: background 300ms ease-in-out;
}

a.L-icon span:hover {
	background-position: -3px -39px;
}

a.F-icon span {
display: block;
width: 30px;
height: 30px;
background: url(/f_img/f_link.png) no-repeat;
background-position: -3px -3px;
transition: background 300ms ease-in-out;
-moz-transition: background 300ms ease-in-out;
-webkit-transition: background 300ms ease-in-out;
-o-transition: background 300ms ease-in-out;
}

a.F-icon span:hover {
	background-position: -3px -39px;
}




a.R-icon span {
display: block;
width: 30px;
height: 30px;
background: url(/f_img/R_link.png) no-repeat;
background-position: -3px -3px;
transition: background 300ms ease-in-out;
-moz-transition: background 300ms ease-in-out;
-webkit-transition: background 300ms ease-in-out;
-o-transition: background 300ms ease-in-out;
}

a.R-icon span:hover {
	background-position: -3px -39px;
}




a.S-icon span {
display: block;
width: 30px;
height: 30px;
background: url(/f_img/s_link.png) no-repeat;
background-position: -3px -3px;
transition: background 300ms ease-in-out;
-moz-transition: background 300ms ease-in-out;
-webkit-transition: background 300ms ease-in-out;
-o-transition: background 300ms ease-in-out;
}

a.S-icon span:hover {
	background-position: -3px -39px;
}




#supersized_square {
background-image: url(/f_img/cuadrado.png);
background-repeat: repeat;
position: fixed;
left: 0;
top: 0;
overflow: hidden;
width: 100%;
height: 100%;
z-index: -998;
opacity: 0.2;
filter: 1;
}