/*가로슬라이딩메뉴CSS*/
html{overflow-y:scroll; }
ul,li,ol,li,dl,dd,dt{list-style:none;}
body, p, ul, ol, li, dl, dt, dd, form, fieldset, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre {margin:0; padding:0; -webkit-text-size-adjust:none;}
body{ font-family:"돋움","dotum","굴림","gulim",  Verdana, Arial, sans-serif; font-size:12px; color:#808080; text-align: center; }
a {font-family:"돋움","dotum","굴림","gulim",  Verdana, Arial, sans-serif; font-size:12px; color:#808080; text-decoration:none;} 
a:hover {text-decoration:underline;}
header, footer, nav, aside, section, article {display:block;}
fieldset, img {border:0; }
img {-ms-interpolation-mode:bicubic !important;}/*ie7*/
.topi {  position:absolute; z-index:10; }

/*hidden*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}

button {border-radius:0;font-size:1em;font-family:dotum;-webkit-appearance:none;cursor:pointer;}
.button { width:90px; height:35px; padding: 3px 10px 3px 10px; margin: 1px;  border:1px solid #999; background: url(../images/common/btn_bg.gif) repeat-x 0px 0px; font-size: 12px; font-weight:bold; color:#000; vertical-align:bottom; cursor:pointer;  }
.button2 { width:120px; height:35px; padding: 3px 10px 3px 10px; margin: 1px;  border:1px solid #999; background: url(../images/common/btn_bg.gif) repeat-x 0px 0px; font-size: 12px; font-weight:bold; color:#000; vertical-align:bottom; cursor:pointer;  }
.button3 { width:150px; height:35px; padding: 3px 10px 3px 10px; margin: 1px;  border:1px solid #999; background: url(../images/common/btn_bg.gif) repeat-x 0px 0px; font-size: 12px; font-weight:bold; color:#000; vertical-align:bottom; cursor:pointer;  }
.button_blue { width:250px; height:35px; padding: 3px 10px 3px 10px; margin: 1px;  border:1px solid #999; background: url(../imgpic/btn_bg.gif) repeat-x 0px 0px; font-size: 12px; font-weight:bold; color:#ffffff; vertical-align:bottom; cursor:pointer;  }
.button_cancel { width:100px; height:35px; padding: 3px 10px 3px 10px; margin: 1px;  border:1px solid #999; background: url(../imgpic/btn_bg.gif) repeat-x 0px 0px; font-size: 12px; font-weight:bold; color:#000000; vertical-align:bottom; cursor:pointer;  }

.h_logo{ float:left; padding-top:0px; }
.lnb { padding-top:30px; position:relative; z-index:1; margin-left:350px;  }
.lnb ul.depth1 { } 
.lnb ul.depth1>li { float:left; padding-left:33px; padding-right:15px; background:url("/images/header/bar_lnb.gif") no-repeat left 1px; position:relative;  }
.lnb ul.depth1 li.f1 { padding-left:0px; background:none;  }
.lnb ul.depth1 li.f7 { padding-right:0px;  }
.lnb ul.depth1>li>a { display:block; padding-bottom:10px; }
.lnb ul.depth1>li .depth2Box { display:none; position:absolute; top:31px; z-index:0; /* 마스크 사용시 > ul.depth2 top 값조절 */ overflow:hidden; height:190px; }
.lnb ul.depth1 li.f1 .depth2Box { left:-15px; width:200px; }
.lnb ul.depth1 li.f2 .depth2Box { left:-10px; width:200px;  }
.lnb ul.depth1 li.f3 .depth2Box { left:-80px; width:100px;  }
.lnb ul.depth1 li.f4 .depth2Box { left:-80px;width:500px;   }
.lnb ul.depth2 { *zoom:1; position:relative; top:0px; 
/* background:#f3f3f3; background:url('/images/lnb/lnb_f_s_left.png') no-repeat left top; padding-left:0px; */  }
.lnb ul.depth2:after { content:""; display:block; clear:both; }
.lnb ul.depth1 li.f1 .depth2Box .depth2{  }
.lnb ul.depth1 li.f2 .depth2Box .depth2{   }
.lnb ul.depth1 li.f3 .depth2Box .depth2{   }
.lnb ul.depth1 li.f4 .depth2Box .depth2{  }
.lnb ul.depth2 li { float:left;  background:#FFFFFF; }
.lnb ul.depth2 li.s1{ }
.lnb ul.depth2 li a { display:block;  padding:3px 10px 3px 0px;  }
.lnb ul.depth2 li.s1 a{ padding-left:5px; }
.lnb .bg_rgh{ position:absolute; right:-24px; top:0px; }
.box_h1 {
	height:50px;
}
.box_h2 {
	height:70px;
}
.box_h3 {
	height:40px;
}
.box_h4 {
	height:550px; width: 100%; background: rgb(240, 240, 240);
} 
.dmb {margin-left:3px;}
.box1 {
	margin: 0px auto; width: 100%; min-width: 1000px; max-width: 1100px;
}
.box2 {
	margin: 0px auto; width: 100%; min-width: 1112px; max-width: 1400px;padding: 0px 50px 0px 100px;
}
.box3 {
	margin: 0px auto; width: 100%; min-width: 1050px; max-width: 1200px;
}
.box4 {
	margin: 0px auto; width: 100%; min-width: 1100px; max-width: 1400px;
}
.box5 {
	margin: 0px auto; width: 100%; min-width: 1200px; max-width: 1100px;
}
.box7 {
	margin: 0px auto; width: 100%; min-width: 1000px; max-width: 1200px;
}
.box8 {
	margin: 0px auto; width: 100%; min-width: 1200px; max-width: 1400px;
}
.box9 {
	margin: 0px auto; width: 100%; min-width: 600px; max-width: 700px;
}
.pr {
	position: relative; z-index: inherit;
}
.tbl_si01 th {
	line-height: 22px; font-family: "Nanum Gothic",sans-serif !important; font-size: 14px;
}
.tbl_si01 td {
	line-height: 22px; font-family: "Nanum Gothic",sans-serif !important; font-size: 14px;
}
.tbl_si01 th {
	background: rgb(247, 247, 247); padding: 16px; width: 180px; text-align: center; color: rgb(51, 51, 51); font-weight: 700; vertical-align: middle; border-bottom-color: rgb(200, 208, 213); border-bottom-width: 1px; border-bottom-style: solid;
}
.tbl_si01 th.th01 {
	border-right-color: rgb(200, 208, 213); border-right-width: 1px; border-right-style: solid;
}
.tbl_its_ar01 th.th06 {
	border-left:1px solid #c8d0d5;border-right:1px solid #c8d0d5;
}
.tbl_si01 tr:first-child th {
	border-top-color: rgb(3, 78, 162); border-top-width: 2px; border-top-style: solid;
}
.tbl_si01 tr:first-child td {
	border-top-color: rgb(3, 78, 162); border-top-width: 2px; border-top-style: solid;
}
.tbl_si01 td {
	padding: 16px 22px; color: rgb(102, 102, 102); vertical-align: middle; border-bottom-color: rgb(200, 208, 213); border-bottom-width: 1px; border-bottom-style: solid;
}



/*LEFT-MENU CSS 왼쪽메뉴 조정*/

.menutop {
       font-family: 'Noto Sans Korean', sans-serif;letter-spacing:-1px;font-size: 0.95em;margin-left:10px;margin-top:60px;
}
.sf-menu,.sf-menu>li {
	float:left;
}
.sf-menu,.sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
	
}
.sf-menu ul {
	position:absolute;
	display:none;
	top:100%;
	left:0;
	z-index:99;
	min-width:12em;
	
}
.sf-menu li {

	position:relative;
	background: #dfeeff;
	white-space:nowrap;
	-webkit-transition:background .2s;
	transition:background .2s;
	margin-top:1px;
	
}

.sf-menu a,.sf-menu li.sfHover>ul,.sf-menu li:hover>ul {
	display:block;
	color: rgb(0, 0, 0);
	
        
}
.sf-menu ul li {
	background:rgba(189,185,185,.4);
}
 .sf-menu li  a {
 	position:relative;
 	padding:.40em 1em;
 	text-decoration:none;
	zoom:1;
	padding: 8px 5%; 
	color: rgb(0, 0, 0); 
	display: block; 
	opacity: 0.9;
}
 .sf-menu > li:hover > a {
	background: rgb(71, 74, 75); 
	color: rgb(255, 255, 255);
	text-align: left;
	opacity: 1;
}
 .sf-menu > li:hover  li:hover a {
	background: rgb(117, 121, 122); 
	color: rgb(255, 255, 255);
	opacity: 1;
	text-align: left; 

}


.sf-menu li.sfHover,.sf-menu li:hover {
        color:#FFF;
	background:#cfe2eb;
	font-weight:bold;	
	-webkit-transition:none;
	transition:none;

}
.sf-arrows .sf-with-ul {
	padding-right:2.5em
}
.sf-arrows .sf-with-ul:after {
	content:'';
	position:absolute;
	top:50%;
	right:1em;
	margin-top:-3px;
	height:0;
	width:0;

}
.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after {
	border-bottom-color:#FFFFFF;
}
.sf-arrows ul .sf-with-ul:after {
	margin-top:-5px;
	margin-right:-3px;
	border-color:transparent transparent transparent #dFeEFF;
	border-bottom-color:rgba(255,255,255,.9)
}
.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after {
	border-left-color:#000
}
.sf-vertical {
	width:14em
}
.sf-vertical ul {
	left:100%;
	top:0
}
.sf-vertical>li {
	float:none
}
.sf-vertical li {
	width:100%
}
.sf-vertical.sf-arrows>li>.sf-with-ul:after {
	margin-top:-5px;
	margin-right:-3px;
	border-color:transparent transparent transparent #dFeEFF;
	border-left-color:rgba(255,255,255,.5)
}
.sf-vertical.sf-arrows .sfHover>.sf-with-ul:after,.sf-vertical.sf-arrows li:hover>.sf-with-ul:after,.sf-vertical.sf-arrows li>.sf-with-ul:focus:after {
	border-left-color:#fff
}

.sf-arrows.sf-navbar ul .sf-with-ul:after {
	margin-top:-3px;
	margin-right:0;
	border-color:#dFeEFF transparent transparent;
	border-top-color:rgba(207,226,235,.5)
}
.sf-arrows.sf-navbar ul>.sfHover>.sf-with-ul:after,.sf-arrows.sf-navbar ul>li:hover>.sf-with-ul:after,.sf-arrows.sf-navbar ul>li>.sf-with-ul:focus:after {
	border-color:#fff transparent transparent
}


#footer {
	
}
#footer .box1 {
	position: relative; z-index: inherit;
}
.sb_con #footer {
	margin-top: 0px; position: relative; z-index: inherit;
}
.sb_con #footer .menu_bg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: inherit;
}
#footer .copyright {
	background: rgb(73, 74, 78); height: 180px; 
}
#footer .copyright .box1 {
	overflow: hidden;
}
#footer .copyright .footerlogo {
	width: 25%; margin-top: 10px;margin-left: 30px; float:left; 
}
#footer .copyright .info {
	width: 60%; overflow: hidden; margin-top: 40px; margin-left: 100px; float: left;
}
#footer .copyright .info dd {
	color: rgb(226, 226, 226); line-height: 30px; font-size: 0.75em; margin-right: 2%; float: left;
}
#footer .copyright .info dd a {
	color: rgb(255, 255, 255);
}
#footer .copyright .info dd a:hover {
	text-decoration: underline;
}
#footer .copyright .info .copy {
	color: rgb(226, 226, 226); text-transform: uppercase; font-size: 0.95em;
}
#footer .copyright .info .addr {
	color: rgb(226, 226, 226); text-transform: uppercase; font-size: 1.2em;
}
#footer .copyright .info  .fcadmin a{
	color: rgb(134, 132, 132); text-transform: uppercase; font-size: 1.2 em;text-decoration: none; font-weight: bold;

}

#footer .copyright .info .point {
	color: rgb(255, 255, 255);
}
.copyright .info .law_menu {
	display: none;
}
.sb_con .copyright .info .copy .adm {
	top: 42px; right: 28px;
}
.main_con .copyright .info .copy .adm {
	top: 42px; right: 28px;
}
.sb_con #contents .sub_gnb .b2b a {
	background: rgb(213, 28, 23); padding: 8px 0px; border-radius: 5px; width: 15%; text-align: center; right: 40px; bottom: 30px; color: rgb(255, 255, 255); font-weight: 600; display: block; position: absolute; z-index: inherit;
}
.sb_con #contents .sub_gnb .b2b a:hover {
	background: rgb(255, 132, 0);
}
.main_con #footer .copyright .b2b a {
	padding: 2px 10px; border-radius: 3px; border: 1px solid rgb(255, 255, 0); border-image: none; color: rgb(255, 255, 0); display: block;
}
.main_con #footer .copyright .b2b a:hover {
	background: rgb(213, 28, 23); border: 1px solid rgb(213, 28, 23); border-image: none; color: rgb(255, 255, 255); text-decoration: none;
}
.sb_con #footer .copyright .b2b {
	display: none;
}
.footer_gnb_img {
	width: 14%;
}
.footer_gnb {
	left: 14%; top: 0px; width: 86%; height: 100%; position: absolute; z-index: inherit;
}
.footer_gnb .gnb {
	background: url("../images/inc/footer_menu_line.png") repeat-y right top; height: 100%; overflow: hidden; position: relative; z-index: inherit;
}
.footer_gnb .gnb > li {
	background: url("../images/inc/footer_menu_line.png") repeat-y left top; padding: 25px 2%; width: 16%; height: 100%; position: absolute; z-index: inherit;
}
.footer_gnb .gnb > li.m_1 {
	left: 0px;
}
.footer_gnb .gnb > li.m_2 {
	left: 20%;
}
.footer_gnb .gnb > li.m_3 {
	left: 40%;
}
.footer_gnb .gnb > li.m_4 {
	left: 60%;
}
.footer_gnb .gnb > li.m_5 {
	left: 80%;
}
.footer_gnb .gnb > li.m_guide {
	display: none;
}
.footer_gnb .gnb > li.m_member {
	display: none;
}
.footer_gnb .gnb > li .dp1 {
	color: rgb(255, 255, 255); padding-bottom: 20px; font-size: 0.93em;  display: block;
}
.footer_gnb .gnb > li .dp2 > li > a {
	color: rgb(255, 255, 255); padding-top: 10px; font-size: 0.75em; display: block; opacity: 0.5;
}
.footer_gnb .gnb > li .dp2 > li:first-child > a {
	
}
.footer_gnb .gnb > li .dp1:hover {
	color: rgb(237, 28, 36);
}
.footer_gnb .gnb > li .dp2 > li > a:hover {
	color: rgb(255, 255, 0); opacity: 1;
}
.footer_pri {margin-top:10px;margin-left:200px; font-size: 0.75em; display: block; color:#dbd9d9;text-decoration: none;letter-spacing: 1.0px; font-weight: 700; }
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
#product {
	background: url("../img/intro.png"); padding: 0px; width: 1254px; height: 174px; margin-left: 0px; float: left; position: relative; 
}
#product p.caption {
	margin: 20px 0px 0px 21px; color: rgb(255, 255, 255); padding-bottom: 42px; font-size: 15px; font-weight: 600; float: left; position: absolute; z-index: 0;
}
#product p.title {
	margin: 0px 0px 0px 21px; color: rgb(255, 255, 255); line-height: 23px; letter-spacing: -1px; padding-top: 80px; font-size: 18px; font-weight: 600; float: left; position: absolute; z-index: 0;
}
#product_slide img {

}
#slide_btn {
	list-style: none; left: 780px; bottom: 20px; position: absolute;
}
#slide_btn li {
	font-size: 11px; margin-right: 3px; float: left;
}
#slide_btn li a.usl-current{       
      background: url("../img/123bg.gif");  width: 20; height: 20px; margin-top: 0px; float: left;
}

/* quick 관련CSS*/
.quick {
	right: 25px; bottom: 10px; position: fixed; z-index: 10;
}
.quick .top {
	background: rgb(11,16, 73); border-radius: 15px; width: 50px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 60px; font-size: 12px; cursor: pointer;font-weight:bold;
}
#quick_menu {
	width: 90px; right: 0px; bottom: 93px; position: fixed; z-index: 10000;
}
#quick_menu .top_btn {
	margin: 0px auto; width: 30px;
}
#quick_menu .list > a {
	padding: 15px 5px 10px; text-align: center; display: block; min-height: 50px; opacity: 0.9;
}
#quick_menu .list > a > .icon {
	
}
#quick_menu .list > a > .tit {
	text-align: center; color: rgb(255, 255, 255); line-height: 14px; font-size: 0.68em; font-weight: 600; margin-top: 10px; display: block;
}
#quick_menu .m1 > a {
	background: rgb(204, 34, 26); border: 1px solid rgb(204, 34, 26); border-image: none;
}
#quick_menu .m2 > a {
	background: rgb(44, 90, 159); border: 1px solid rgb(44, 90, 159); border-image: none;
}
#quick_menu .m3 > a {
	background: rgb(255, 108, 0); border: 1px solid rgb(255, 108, 0); border-image: none; margin-top: 10px;
}
#quick_menu .m4 > a {
	background: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); border-image: none;
}
#quick_menu .list > a:hover {
	border: 1px solid rgb(255, 255, 255); border-image: none; opacity: 1;
}
#quick_menu .list > a:hover .tit {
	color: rgb(255, 255, 0);
}
#quick_menu .control {
	background: rgb(0, 0, 0); margin: 5px auto; border-radius: 100px; width: 40px; height: 33px; text-align: center; padding-top: 7px; cursor: pointer;
}
#quick_menu .control p {
	color: rgb(255, 255, 255); font-size: 0.65em;
}
#quick_menu .btn_top.control img {
	width: 35%; margin-bottom: 4px;
}
#quick_menu .btn_hide.control img {
	width: 25%; margin-bottom: 3px;
}
#quick_menu .btn_show.control img {
	width: 35%; margin-top: 5px;
}
#quick_menu .control:hover {
	background: rgb(242, 131, 0);
}