@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Ubuntu);

@import url(sub.css);
@import url(com.css);
@import url(mall.css);

/* Reset CSS */
* {margin:0; padding:0; border:0; outline:0; vertical-align:top;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, ol, dl {list-style:none;}
img, video {max-width:100%;}
a {text-decoration:none; color:#000;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
body {font-family: 'Nanum Gothic', dotum, 'Ubuntu'; font-size:100%; line-height:1; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
label {cursor:pointer; vertical-align: middle;}
i, em, address {font-style:normal; font-weight:normal;}

.blind, legend,hr {display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
caption{display:none;}


/* Layout */
#skip {display:none;}
#wrap {}

	#header {height:121px; background:url(/images/header_back.png) bottom left repeat-x;}
	#header:after {clear:both; content:""; display:block; font-size:0; line-height:0; visibility:hidden;} 
		.header_wrap {position:relative; width:1100px; height:121px; margin:0 auto;}
			h1 {position:absolute; top:17px; left:24px;}
			/*.gnb {padding:33px 3px 0 0; text-align:right;}*/
			.gnb {padding:48px 3px 0 0; text-align:right;}
			.gnb a {display:block-inline; width:100%; font-size:12px; line-height:13px; color:#888; letter-spacing:-0.1em;}
			.gnb span {padding:0 15px 0 0; margin:0 15px 0 0; background:url(/images/gnb_col.gif) right 2px no-repeat;}
			.lnb {position:absolute; bottom:0; left:0; height:45px; overflow:hidden; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; border-left:solid 1px #ddd;}
			.lnb li {float:left; width:218px; border-right:solid 1px #ddd;}
			.lnb li a {display:block; width:100%; height:45px; line-height:45px; font-size:14px; letter-spacing:-0.07em; text-align:center; color:#454545; font-weight:bold;}
			.lnb li a:hover {text-decoration:none;}
			
			.header_sns {position:absolute; top:10px; right:0; }
			.header_sns ul {list-style:none; right:0;}			
			.header_sns li {float:left; padding:0 0 0 10px; list-style:none;}
	
	#footer {clear:both; height:190px; font-size:12px; color:#7a7a7a; background:#e1e1e1;}		
		.footer_wrap {position:relative; width:1100px; margin:0 auto;}
			.footer_nav {position:absolute; top:-122px; left:0; height:122px; width:1100px; border-top:solid 1px #e1e1e1; border-left:solid 1px #e1e1e1; border-right:solid 1px #e1e1e1;}
			.footer_nav ul {width:100%; height:122px; background:url(/images/footer_nav.png) 0 38px no-repeat;}
			.footer_nav li {float:left; width:182px; height:122px; font-size:14px; line-height:15px; text-align:center; letter-spacing:-0.04em; border-right:solid 1px #e1e1e1;}
			.footer_nav li a {display:block; width:100%; padding:60px 0 0 0; margin:20px 0 0 0; color:#454545;}
			.footer_sns {position:absolute; top:39px; right:0;}
			.footer_sns li {float:left; padding:0 0 0 10px;}
			.address {padding:38px 0 0 234px; line-height:20px; background:url(/images/footer_logo.png) 8px 40px no-repeat;}
			.address strong {color:#454545;}
			.address span {padding:0 0 0 10px;}
			.address a {color:#7a7a7a;}
			.copyright {padding:10px 0 0 234px;}
			.copyright b {color:#333;}
			
			li.bor_none {border:none;}
			
	#container{clear:both; padding:0 0 122px 0; }
	#container:after {clear:both; content:""; display:block; font-size:0; line-height:0; visibility:hidden;}
		#content {margin:0 auto; width:1100px;}
		#content_sub {margin:0 auto; padding-bottom:100px; width:1100px;position:relative;}
	
		/* Main Content */
			
			/*.section1 {float:left; width:734px; background:#ddd;}*/
			.section1 {float:left; width:1100px;/* background:#ddd;*/}
				
				.main_notice {float:left; width:366px; height:183px; color:#fff; background:#eb835a;}
				.main_notice>h2 {padding:26px 0 20px 20px; font-size:18px; letter-spacing:-0.02em;}
				.main_notice ul.notice {padding:0 0 0 38px; font-size:12px;}
				.main_notice ul.notice li {padding:0 0 9px 0; line-height:14px;}
				.main_notice ul.notice a {display:block; width:286px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
				.main_notice ul.notice a:hover {text-decoration:underline;}
				
				.main_free {float:left; width:367px; height:183px; color:#fff; background:#8e8e8e; border-left:solid 1px #fff;}
				.main_free>h2 {padding:25px 0 18px 28px; font-size:18px; line-height:22px; letter-spacing:-0.02em;}
				.main_free a.txt {display:block; padding:0 0 0 30px; font-size:12px; color:#fff; line-height:18px;}
				
			.section2 {float:left; /*width:366px;*/ width: 1100px;  padding-top:120px}
				.main_cert {height:117px; border-bottom:solid 1px #e1e1e1;}
				.main_cert>h2 {padding:16px 0 0 17px; font-size:14px; line-height:14px; letter-spacing:-0.06em;}
				.main_cert p.img {padding:24px 0 0 0; text-align:center;}
				
				.main_produt {height:379px;}
				.main_produt ul.product_list li {display:block; float:left; width:50%;}
				.main_produt ul.product_list p {padding:12px 0 7px 0; text-align:center; font-size:12px; color:#333;}
				.main_produt ul.product_list .product_img {position:relative;}
				.main_produt ul.product_list .product_img>span {position:absolute; top:0; left:0; display:block; width:60px; height:26px; font-size:14px; color:#fff; line-height:26px; letter-spacing:-0.04em; text-align:center; background:#cd509c; border:solid 1px #fff;}
				.main_produt ul.product_list .product_img>em {position:absolute; top:0; left:0; display:block; width:60px; height:26px; font-size:14px; color:#fff; line-height:26px; letter-spacing:-0.04em; text-align:center; background:#eb835a; border:solid 1px #fff;}
				.main_produt ul.product_list .product_img img {width:176px; height:156px; border:solid 1px #cecece;}
				
				.main_cs {float:left; height:183px; padding:0 0 0 30px; color:#454545;}
				.main_cs>h2 {padding:29px 0 0 0; font-size:24px; line-height:24px; letter-spacing:-0.02em;}
				.main_cs p.tel {padding:8px 0 16px 0; font-size:24px; font-weight:bold; line-height:24px; letter-spacing:-0.02em;}
				.main_cs p.info {font-size:13px; line-height:18px; color:#666;}
				
.main-brand-sec {position: absolute;/**/ height: 120px;/*height: 496px;*/overflow: visible; /*overflow: hidden;*//* position: relative;*/ /*width: 734px;*/ width: 1100px;/*border-bottom:solid 1px #fff;*/ border-top:solid 1px #fff;}
.main-brand-sec .pic-area {height: 630px;z-index:99; top: 101px; /*height: 496px;*/ /*overflow: hidden;*//* position: relative;*/ position: absolute;/*top: 0; right:0;*/ left: 0; width: 550px; border: solid 1px black;}	
.main-brand-sec .pic-area a { display: block; height: 100%; width: 100%;}
.main-brand-sec .pic-area img { height: 100%; width: auto;}

.main-brand-sec .brand-list-wrap {/*width: 183px;*/width: 1100px; }
.main-brand-sec .brand-list-wrap .brand-list {/* margin-top: 0 !important;*/width: 1100px; margin-top: 0 ; overflow: hidden; background:#e1e1e1; }
.main-brand-sec .brand-list-wrap .brand-list li {float:left; border-right: 1px solid #fff; /*height: 123px;*/height: 100px; width: 274px; text-align: center;}
.main-brand-sec .brand-list-wrap .brand-list li a {color: #454545; display: block; height:88px; padding:25px 0 0 10px; font-size: 18px; letter-spacing: -0.02em; line-height:1.3em;}
.main-brand-sec .brand-list-wrap .brand-list li a:hover, .main-brand-sec .brand-list-wrap .brand-list li a.on { background: #cd509c none repeat scroll 0 0; color: #ffffff;}
.main-brand-sec .brand-list-wrap .brand-list li a em {/**/display:inline-block; padding-top:14px;}

.section3 {float:left; /*width:366px;*/ width: 1100px; display:inline-block;}


#qnamail {position:absolute; top:45px; right:50%; margin-right:565px; border:solid 1px #ddd; width:130px; background:#fff; font-size:11px;}
#qnamail div {border-bottom:solid 1px #ddd; padding:12px 0; color:#555;}
#qnamail div a {color:#555; padding-left:8px;}
#qnamail ul.qnamail_pro {margin:0 auto; width:62px;}
#qnamail ul.qnamail_pro li {margin:0 0 4px; float:none; width:100%; display:block;}
#qnamail ul.qnamail_pro li a {padding:0; height:auto;}
#qnamail div p { text-align:center;}
#qnamail div p>a {padding-left:0;}