@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'; }

/*본고딕 웹폰트 가져오기 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_header_wrap{
	width:100%;
	height:135px;
	background:url(/images/header_bg.jpg) left top;
	}

#i_header{
	width:1200px;
	height:135px;
	margin:0 auto;
	position:relative;
	}
#i_header #i_lnb{
	position:absolute;
	right:0;
	top:2px;
	}		
#i_header #i_lnb:after{
	content:"";
	display:block;
	clear:both;
	}
#i_header #i_lnb li{
	float:left;
	line-height:20px;
	}		
#i_header #i_lnb li:nth-child(2n){
	margin:5px 15px 0;
	width:1px;
	height:12px;
	background:#666;
	}	
#i_header #i_lnb li a{
	color:#eee;
	font-size:13px;
	}	
#i_header #i_logo{
	position:absolute;
	top:44px;
	left:0;
	}
#i_header .top_call{
	position:absolute;
	right:0;
	top:50px;
	font-size:18px;
	color:#222;
	font-weight:500;
	}

#i_header .top_call span{
	font-size:30px;
	font-weight:700;
	color:#ff6762;
	margin-left:10px;
	}
#i_header #i_gnb{
	position:absolute;
	bottom:0;
	}


/* ****************** 공통클래스 ********************** */
.area{ max-width:1200px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area-box{ max-width:1200px; margin:0px auto; }
.clearfix{*zoom:1; position:absolute; right:0px; top:70px; z-index:999;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.material-icons{line-height:inherit; color:inherit; vertical-align:middle;}
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.over-img{overflow:hidden;}
.over-img img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
a:hover .over-img img{
	-ms-transform: scale(1.1) rotate(0.02deg);
	  -o-transform: scale(1.1) rotate(0.02deg);
	  -moz-transform: scale(1.1) rotate(0.02deg);
	  -webkit-transform: scale(1.1) rotate(0.02deg);
	  transform: scale(1.1) rotate(0.02deg);
}

/* ****************** HEADER ********************** */
#header{posi tion:relative; height:125px; -webkit-transition:top 0.4s;-moz-transition:top 0.4s;-o-transition:top 0.4s;-ms-transition:top 0.4s;transition:top 0.4s; border-bott om: 1px solid rgba(255,255,255,0.2);}
#headerInnerWrap{/*position:absolute; top:0; left:0;*/ height:125px; width:1200x; z-index:1009; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
#headerInner{position:relative; height:135px; max-width:1200px; margin:0px auto; padding:0 15px; }
#header .logo{position:relative; z-index:100; float:left; margin-top: 35px;}		/* padding값 적절히 바꿔주세요 */
#header .logo a{}
#header .logo img{vertical-align:top;}

/* -------- Header :: UTIL BOX -------- */
.header-util-box{position:absolute; top:50%; right:15px; margin-top:-16px; z-index:100;}

/* Header :: 언어선택 */
.header-lang-box{float:left; line-height:32px; }
.header-lang-box a{color:#fff; margin:0 11px; font-size:13px; font-family:'Roboto','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.header-lang-box a.cur{color:#ff9915;}
/* Header :: 사이트맵(기본형 or 커스텀) */
.sitemap-line-btn{float:left; width:25px; height:32px; margin-left:50px}
.sitemap-line-btn .line{display:block; width:25px; height:2px; background-color:#333;margin: 7px auto;}
.sitemap-custom-btn{float:left; width:32px; height:32px; color:#333; border:1px solid #5c5c5c; border-color:#333; margin-left:10px}
.sitemap-custom-btn i{font-size:30px;}


/* -------- Header :: GNB(PC) -------- */

.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:97;}	/* gnb overlay BG */
#gnbBg{display:none; position:absolute; right:0; top:135px; width:100%; height:300px; background:#ff6100; border-bottom:1px solid #111; z-index:998}	/* gnb 2depth BG */
#gnb{/*position:absolute;top:0; right:0px; */ text-align:center; width:100%; z-index:999; font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; }
#gnb > ul{display:inline-block; *display:inline;*zoom:1; }
#gnb > ul > li{position:relative; float:left; }
#gnb > ul > li > a{position:relative; z-index:100; display:block; height:65px; line-height:42px; widt h:135px; padding:0 30px; text-align:center; color:#222; font-size:18px; letter-spacing:-0.55px; font-weight:500; -webkit-transition:font-size 0.4s;-moz-transition:font-size 0.4s;-o-transition:font-size 0.4s;-ms-transition:font-size 0.4s;transition:font-size 0.4s }
/*#gnb > ul > li.active > a::after {content:""; position:absolute; width:100%; height:2px; background-color:#fff; bottom:-1px; left:0;}*/
#gnb > ul > li > a:hover, #gnb > ul > li.on > a{color:#555; font-size:19px; backgro und-color:#365890;}




#gnb > ul > li.active a{color:#555;}
/* GNB :: 2차 전체메뉴 */
#gnb.total-menu > ul > li .gnb-2dep{
	display:none; 
	position:absolute; 
	top:100px; 
	left:0px; 
	z-index:99;
	width:100%; 
	height:300px;
	text-align:left; 
}
#gnb.total-menu > ul > li:hover .gnb-2dep{background-color:rgba(255,255,255,0.2);}
/* GNB :: 2차 각각메뉴 */
#gnb.each-menu > ul > li .gnb-2dep{
	display:none;
	position:absolute; 
	top:65px; 
	left:0px; 
	z-index:99;
	width:100%; 
	text-align:left; 
	background-color:#f9f9f9;
}
#gnb > ul > li .gnb-2dep ul{padding:13px 0px;}
#gnb > ul > li .gnb-2dep ul li{position:relative; border-bottom:1px solid #eee;}
#gnb > ul > li .gnb-2dep ul li:last-child{border:0;}
#gnb > ul > li .gnb-2dep ul li a{ display:block; padding:8px 0px; text-align:center; color:#666666; font-size:16px; line-height: 25px; letter-spacing: -0.5px; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s; position:relative;}
#gnb > ul > li .gnb-2dep ul li a::before {display:none; content:""; position:absolute; width:0; height:2px; background-color:#0c8bd0; left:0; top:17px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
#gnb > ul > li .gnb-2dep ul li a:hover::before {width:20px;}
#gnb > ul > li .gnb-2dep ul li a:hover{color:#365890; font-weight:500; bac kground:#f1f1f1;}






/* -------- Header :: GNB(Mobile) -------- */
.nav-open-btn{display:none;}
#gnbM{display:none}

/* -------- Header :: 스타일변경 -------- */
/* Header :: 헤더가 비주얼 배경위에 있는 스타일 */
#header.fixed-header {position:absolute; top:0; left:0; width:100%; z-index:9996;}
#header.fixed-header #headerInnerWrap{background-color:transparent;}
#header.fixed-header .header-search-open-btn{color:#fff; border-color:rgba(255,255,255,0.2);}
#header.fixed-header .header-lang {border-color:rgba(255,255,255,0.2); }
#header.fixed-header .header-lang .lang-open-btn{color:#fff;}
#header.fixed-header .header-lang > ul {border-color:rgba(255,255,255,0.6);}
#header.fixed-header .sitemap-line-btn .line{background-color:#fff}
#header.fixed-header .sitemap-custom-btn{color:#fff; border-color:rgba(255,255,255,0.2); }
#header.fixed-header #gnb{}
#header.fixed-header #gnb > ul > li > a{color:#fff;}
#header.fixed-header #gnb > ul > li > a:hover {color:#222;}


.shop_go{
	position:absolute;
	top:61px;
	right:0;
	}
	
#i_visu{
	width:100%;
	height:800px;
	margin-bottom:40px;
	z-index:-9999;
	}
.visu_box{
	width:100%;
	height:620px;
	}		
#i_container{
	width:1200px;
	min-height:800px;
	margin:0 auto;
	}

.i_item{
	width:1200px;
	min-height:400px;
	margin-bottom:50px;
	text-align:center;
	}
	
.i_tit{
	width:100%;
	text-align:center;
	}	
.i_tit h3{
	color:#069bb8;
	font-weight:700;
	font-size:37px;
	}
.i_tit p{
	font-size:17px;
	color:#536877;
	}	
	
.i_itembox{
	width:100%;
	min-height:300px;
	}
	
.i_item .pro_more{
	padding:7px 20px;
	border:1px solid #555;
	display:inline-block;
	transition:all .5s;
	background:#fff;
	color:#444;
	}			

.i_item .pro_more:hover{
	background:#444;
	color:#fff;
	border-radius:10px;
	}

.cus_box{
	width:100%;
	height:750px;
	}
.cus_box:after{
	content:"";
	display:block;
	clear:both;
	}
.cus_box_left{
	width:800px;
	height:750px;
	border:1px solid #ddd;
	box-sizing:border-box;
	float:left;
	padding:20px;
	border-right:0;
	}
.cus_tit{
	font-size:28px;
	font-weight:500;
	color:#222;
	border-bottom:1px solid #ddd;
	}
.cus_more{
	font-size:14px;
	color:#777;
	float:right;
	margin-top:-20px;
	}				
.cus_box_right{
	width:400px;
	height:316px;
	float:right;
	}
.inquiry{
	width:400px;
	height:316px;
	border:1px solid #ddd;
	padding:20px;
	}	
	
.i_call{
	width:400px;
	height:434px;
	background:#057e95;
	color:#fff;
	padding:34px;
	}	
.i_call a{
	color:#fff;
	}
.i_call h3{
	font-size:33px;
	color:#9dd7e3;
	font-weight:500;
	}
.i_call p{
	font-size:16px;
	color:#eee;
	padding-bottom:5px;
	border-bottom:1px solid #eee;
	margin-top:-7px;
	}
.i_call h2{
	font-size:50px;
	color:#fff;
	font-weight:700;
	margin:20px 0;
	}
.i_call_icon{}
.i_call_icon:after{
	content:"";
	display:block;
	clear:both;
	}
.i_call_icon li{
	width:161px;
	height:70px;
	border:1px solid #fff;
	text-align:center;
	font-size:18px;
	font-weight:400;
	float:left;
	line-height:70px;
	}					
.i_call_icon li a{
	color:#fff;
	}	
.tb01{
	margin:20px 0;
	}

	
.tb01 td{
	font-size:22px;
	}	



#foo_wrap{
	width:100%;
	height:160px;
	background:#2e3137;
	margin-top:50px;
	}
.i_foo{
	width:1200px;
	height:160px;
	margin:0 auto;
	padding-top:40px;
	}
.i_foo img{
	float:left;
	margin-right:40px;
	}
.i_foo ul{
	float:left;
	}	
.i_foo ul li:first-child{
	color:#c0f2fb;
	font-size:18px;
	}			
.i_foo ul li:first-child span{
	font-weight:500;
	font-size:20px;
	}
.i_foo ul li{
	font-size:15px;
	color:#fff;
	line-height:170%;
	}
.i_foo ul li a{
	color:#eee;
	}		




	
/*button style*/	

.button_base {
    margin: 0;
    border: 0;
    font-size: 18px;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -100px;
    width: 200px;
    height: 50px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    cursor: default;
	border-radius:50px;
}

.button_base:hover {
    cursor: pointer;
}
/* ### ### ### 03 */
.b03_skewed_slide_in {
    overflow: hidden;
    border: #365890 solid 1px;
}

.b03_skewed_slide_in div {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
}

.b03_skewed_slide_in div:nth-child(1) {
    color: #365890;
    background-color: #ffffff;
}

.b03_skewed_slide_in div a{
	color:#365890;
	}
.b03_skewed_slide_in div:nth-child(2) {
    background-color: #365890;
    width: 230px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: translate(-250px, 0px) skewX(-30deg);
    -webkit-transform: translate(-250px, 0px) skewX(-30deg);
    -moz-transform: translate(-250px, 0px) skewX(-30deg);
}

.b03_skewed_slide_in div:nth-child(3) {
    color: #ffffff;
    left: -200px;
    transition: left 0.2s ease;
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
}
.b03_skewed_slide_in div:nth-child(3) a{
	color:#fff;
	}

.b03_skewed_slide_in:hover div:nth-child(2) {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transform: translate(-15px, 0px) skewX(-30deg);
    -webkit-transform: translate(-15px, 0px) skewX(-30deg);
    -moz-transform: translate(-15px, 0px) skewX(-30deg);
}

.b03_skewed_slide_in:hover div:nth-child(3) {
    left: 0px;
    transition: left 0.30000000000000004s ease;
    -webkit-transition: left 0.30000000000000004s ease;
    -moz-transition: left 0.30000000000000004s ease;
}
/* //button style*/



/* ### ### ### 05 */
.b05_3d_roll {
    perspective: 500px;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
}

.b05_3d_roll div {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 50px;
    padding: 10px;
    border: #365 solid 1px;
    pointer-events: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.b05_3d_roll div:nth-child(1) {
    color: #fff;
    background-color: #365890;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -25px;
    -webkit-transform-origin: 50% 50% -25px;
    -moz-transform-origin: 50% 50% -25px;
}

.b05_3d_roll div:nth-child(2) {
    color: #365890;
    background-color: #ffffff;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -25px;
    -webkit-transform-origin: 50% 50% -25px;
    -moz-transform-origin: 50% 50% -25px;
}
.b05_3d_roll div:nth-child(2) a{
	color:#365890;
	}

.b05_3d_roll:hover div:nth-child(1) {
    color: #ffffff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
}
.b05_3d_roll:hover div:nth-child(1) a{
	color:#fff;
	}


.b05_3d_roll:hover div:nth-child(2) {
    background-color: #365890;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
}


















#i_foocon{
	width:100%;
	height:325px;
	background:url(/images/foocon_bg.jpg) center top no-repeat;
	}
.foocon_box{
	width:1200px;
	margin:0 auto;
	}
.foocon_box ul:after{
	content:"";
	display:block;
	clear:both;
	}
.foocon_box > ul > li{
	float:left;
	margin-right:32px;
	}			
.foocon_box > ul > li:last-child{
	margin-right:0;
	}	
.fon01{
	width:353px;
	}
.fon02{
	width:495px;
	}
	
.fon03{
	width:288px;
	}	
.fon02 ul{
	margin-top:45px;
	}	
.fon02 ul:after{
	content:"";
	display:block;
	clear:both;
	}
.fon02 ul li{
	float:left;
	margin-right:12px;
	}
.fon02 ul li img{
	transition:all .3s;
	}		
.fon02 ul li:hover img{
	opacity: 0.5;
	}	
.fon02 ul li:last-child{
	margin-right:0;
	}	
.foocon_box{
	padding-top:40px;
	}
		
.foocon_tit{
	width:100%;
	height:35px;
	border-bottom:1px solid #222;
	margin-bottom:28px;
	}		
.foocon_tit h3{
	font-size:28px;
	color:#365890;
	float:left;
	}	
.foocon_tit a{
	float:right;
	font-size:13px;
	margin-top:16px;
	}
footer{
	background:#192435;
	width:100%;
	height:170px;
	}
#i_foo{
	width:1200px;
	margin:0 auto;
	position:relative;
	}	
#i_foo img:first-child{
	position:absolute;
	top:40px;
	}
#i_foo img:nth-child(2){
	position:absolute;
	top:40px;
	left:100px;
	}
#i_foo p, #i_foo p a{
	color:#fff;
	}
#i_foo p:nth-child(3){
	position:absolute;
	top:85px;
	left:100px;
	}	
#i_foo p:last-child{
	position:absolute;
	top:110px;
	left:100px;
	}		


#i_svisu{
	width:100%;
	height:250px;
	z-index:-9999;
	}

#i_scontainer{
	width:1200px;
	min-height:800px;
	margin:0 auto;
	}
	
		
		
		
 #i_topmenu{
	width:100%;
	height:60px;
	text-align:center;
	margin:0px auto 50px;
	line-height:60px;
	background:#f8f8f8;
	}	




/*아이폰에서 input 라운드 없애기*/
input,button {border-radius:0;-webkit-appearance:none}

/*아이폰에서 input 라운드 없앴을때 크롬에서 체크박스가 사라지는 현상 대처하기*/
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}

#doc_wrap {position:relative;overflow:hidden;min-width:1200px;}



/*top menu*/	



.leftmenu{ margin:0 auto; padding:0; overflow:hidden; display:inline-block;  text-align:center;}
.leftmenu li{float:left; width:170px; height:60px; box-sizing:border-box; text-align:center; line-height:60px; color:#444 !important; font-size:17px; font-weight:400;  border-right:1px solid #ddd; border-bottom:1px solid #ddd; display:inline-block;}
.leftmenu li:first-child{border-left:1px solid #ddd;}
.leftmenu li a{color:#444 !important;}
.leftmenu li:hover {color:#365890 !important; background:#444;}
.leftmenu li:hover a{color:#fff !important;}
.leftmenu .lion {color:#fff !important; width:170px; height:60px; display:block; box-sizing:border-box; background:#444}	

		
.leftmenu li:nth-child(1),.leftmenu li:nth-child(13){border-left:1px solid #ddd; }
	

.con_img{
	width:232px;
	height:260px;
	overflow:hidden;
	margin:7px 0 0 -10px;
	}
.con_img img{
	transition:all .5s;
	}	
#i_visucon > li img{
	border:0;
	}	
#i_visucon > li:hover{
	}	
#i_visucon > li:hover img{
	transform:scale(1.2);
	border:4px solid #365890;
	}	


	
/* 추출상품 */
#con_latest{
	width:100%;
	}
#con_latest:after{
	content:"";
	display:block;
	clear:both;
	}
#con_latest li{
	width:285px;
	height:310px;
	float:left;
	margin:0 10px 20px 0;
	text-align:center;
	}		


#con_latest02{
	width:100%;
	}
#con_latest02:after{
	content:"";
	display:block;
	clear:both;
	}
#con_latest02 li{
	width:232px;
	height:310px;
	float:left;
	margin:0 10px 20px 0;
	text-align:center;
	}		



	
/* //추출상품 */


.i_mok_tit{
	width:100%;
	height:50px;
	margin-bottom:50px;
	border-bottom:1px solid #ddd;
	}
.i_mok_tit h3{
	background:url(/images/bullet.jpg) left center no-repeat;
	padding-left:20px;
	font-size:35px;
	font-weight:700;
	color:#222;
	text-align:left;
	}	
	


.cust_tb{
	width:100%;
	}
.cust_tb th{
	vertical-align:top;
	padding-top:4px;
	}	
.cust_tb h3{
	font-size:30px;
	font-weight:bold;
	}
.cust_tb p{
	font-size:22px;
	font-weigth:500;
	}
.cust_tb td{
	font-size:20px;
	font-weight:400;
	height:45px;
	}							
							


	
.greeting{
	width:100%;
	height:500px;
	background:url(/images/greeting.jpg) center center no-repeat;
	}
.greet_box{
	width:550px;
	padding-top:50px;
	}
.greet_box h3{
	font-size:28px;
	font-weight:500;
	color:#069BB8;
	line-height:120%;
	margin-bottom:20px;
	}
.greet_box p{
	font-size:17px;
	line-height:150%;
	margin-bottom:20px;
	color:#555;
	}			
		
		
.kakao_ch{
	position:fixed;
	bottom:20px;
	right:20px;
	}