@charset "utf-8";
/* CSS Document */


body{background:#fff;}
body,h1,h2,h3,h4,input,button{font-size:15px; font-weight:300; font-family: 'Noto Sans KR' !important; }

/*본고딕 웹폰트 가져오기 180124 morenvy.com*/
/*Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess*/

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
/*노토 웹폰트 사용 end*/	


@import url(‘//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css’); /*나눔스퀘어라운드 웹폰트*/


/* 나눔스퀘어라운드 웹폰트 v1.11  https://github.com/innks/NanumSquareRound */
@font-face{
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:300;
	src:local("NanumSquareRoundL"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundL.eot),url(NanumSquareRoundL.eot?#iefix) format("embedded-opentype"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundL.woff2) format("woff2"),url(NanumSquareRoundL.woff) format("woff"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundL.ttf) format("truetype")
	}
@font-face{
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:400;
	src:local("NanumSquareRoundR"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundR.eot),url(NanumSquareRoundR.eot?#iefix) format("embedded-opentype"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundR.woff2) format("woff2"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundR.woff) format("woff"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundR.ttf) format("truetype")
	}
@font-face{
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:700;
	src:local("NanumSquareRoundB"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundB.eot),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundB.eot?#iefix) format("embedded-opentype"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundB.woff2) format("woff2"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundB.woff) format("woff"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundB.ttf) format("truetype")
		}
@font-face{
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:800;
	src:local("NanumSquareRoundEB"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundEB.eot),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundEB.eot?#iefix) format("embedded-opentype"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundEB.woff2) format("woff2"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundEB.woff) format("woff"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundEB.ttf) format("truetype")
	}

/*나눔스퀘어라운드 웹폰트*/



#i_headerwrap{
	width:100%;
	height:190px;
	background:url(/images/shopheader_bg.jpg) left top;
	border-bottom:1px solid #ddd;
}
#i_header{
	width:1200px;
	height:190px;
	margin:0 auto;
	position:relative;
}
#i_logo{
	position:absolute;
	top:47px;
	left:50%;
	margin-left:-165px;
}
#top_left{
	position:absolute;
	top:0;
	left:0;
}
#top_left li{
	height:35px;
	padding:0 20px;
	background:#f0f1f1;
	float:left;
	line-height:35px;
	display: inline-block;
}
#top_left li a{
	color:#444;
	font-size:14px;
}
.red_bg{
	background:#ce0808 !important;
}
.red_bg a{
	color:#fff !important;
}
#i_lnb{
	position:absolute;
	right:0;
	top:0;
}
#i_lnb li{
	height:35px;
	padding:0 20px;
	border-right:1px solid #e1e1e1;
	line-height:35px;
	float:left;
	display: inline-block;
}
#i_lnb li a{
	color:#444;
	font-size:14px;
}
#i_lnb li:first-child{
	border-left:1px solid #e1e1e1;
}
#i_lnb li:first-child a, #i_lnb li:nth-child(2) a{
	color:#2a94d1;
}
.too_call{
	position:absolute;
	left:0;
	top:60px;
}
.too_call p{
	font-size:16px;
	color:#352d2b
}
.top_call h4{
	color:#0f4c87;
	font-size:28px;
	font-weight:700;
	letter-spacing: -1px;
}
#top_search{
	position:absolute;
	top:80px;
	right:0;
}

/* search button*/
#hd_sch{
	border-radius:0;
}

#hd_sch #sch_submit{
	background:transparent;
	color:#ce0808;
	width:35px;
	height:35px;
	border-radius: 0;
	float:right;
	line-height:21px;
	border:1px solid #2a94d1;
	border-left:0;
}




#i_container{
	width:100%;
	min-height:800px;
}

#wrapper{
	background:#fff;
}


/**/
#hd_sch #sch_str{
	background:#fff;
	width:245px;
	border-radius: 0;
	color:#333;
	font-size:15px;
}

#hd_menu{
	position:absolute !important;
	bottom:0;
	background:#063b5a;
}
.hd_menu{	
	border-bottom:1px solid #fff;
}
.hd_menu li a{
	color:#fff;	
	border-right:1px solid #fff;
}

.hd_menu li{
	line-height:25px;
}


#category .cate_li_1_a{
	font-size:1.1em;
	font-weight:500;
	color:#222;
	background:#f9f9f9;
	padding:4px;
	text-align:center;
}
#category .close_btn{
	top:-16px;
	right:-15px;
	background:transparent;
	font-size:22px;
}




/**/
.cus_li{
	width:1200px;
	margin:0 auto;
	height:260px;
}
.cus_li > li{
	width:400px;
	height:260px;
	border-right:5px solid #ddd;
	border-top:5px solid #ddd;
	border-bottom:5px solid #ddd;
	float:left;
	padding:20px 40px;
}
.cus_li > li:first-child{
	border-left:5px solid #ddd;
}
.cus_li h4{
	font-size:23px;
	color:#0f4c87;
	margin-bottom:15px;
}

.cus_li > li.bank img{
	margin-bottom:7px;	
}
.cus_li > li.bank p{
	font-size:20px;
	color:#555;
	font-weight: 400;
}
.cus_li > li.bank h3{
	font-size:35px;
	color:#222;
	font-weight:700;
	letter-spacing: -1px;
}
.cus_li > li.bank ul:after{
	content:"";
	display:block;
	clear:both;
}
.cus_li > li.bank ul li{
	float:left;
	background:#f7f8fa;
	border:1px solid #ccc;
	padding:5px;
	margin-right:5px;
	margin-top:7px;
}

.cus_li > li.customer h3{
	font-size:35px;
	font-weight:900;
	color:#222;
	margin-top:-10px;
}
.cus_li > li.customer h5{
	font-size:20px;
	font-weight:700;
	color:#222;
}
.cus_li > li.customer h5:nth-child(5){
	margin-top:10px;
}
.cus_li > li.customer h5 span{
	color:#ce0808;
}


/**/
#foo_bar{
	width:100%;
	height:45px;
	background:#063b5a;
	margin-top:50px;
}
.foo_bar_box{
	width:1200px;
	margin:0 auto;
	position:relative;
}
.foo_bar_left{
	position:absolute;
	left:0;
}
.foo_bar_left:after{
	content: "";
	display:block;
	clear:both;
}
.foo_bar_left li{
	float:left;
	margin-right:30px;
	position:relative;
	line-height:45px;
}
.foo_bar_left li a{
	font-size:15px;
	color:#fff;
}
.foo_bar_left li:after{
	content:"";
	width:1px;
	height:14px;
	background:#d8d9da;
	position:absolute;
	right:-15px;
	top:15px;
}


.foo_bar_right{
	position:absolute;
	right:0;
}
.foo_bar_right li{
	float:left;
	height:45px;
	background:#f1f1f1;
	line-height:45px;
	padding:0 15px ;
}
.foo_bar_right li:first-child{
	background:#ce0808;
}
.foo_bar_right li:first-child a{
	color:#fff;
}


footer{
	width:1200px;
	min-height:180px;
	margin:0 auto;
	padding-top:18px;
}
footer:after{
	content:"";
	display:block;
	clear:both;
}
footer img{
	float:left;
	margin-right:30px;
}
footer h4{
	color:#2a94d1;
	font-size:20px;
	line-height:60px;
	letter-spacing: -1px;
}

footer ul{
	margin-top:4px;
	padding-left:60px;
}

footer ul li{
	font-size:15px;
	color:#444;
	line-height:150%;
}

footer ul li a{
	color:#555;
}
footer ul li:last-child{
	margin-top:8px;
}