@charset "utf-8";
/* webfont 설정 */
@import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("//fonts.googleapis.com/css?family=Josefin+Sans:600");
@import url("//fonts.googleapis.com/css?family=Josefin+Sans:700");
/* All */
header,footer,section,article,aside,nav,menu,figure,figcaption{ display:block}
html,body{ min-height:100vh; margin:0}
body,table,input,textarea,select,optgroup,button{ font-family:'Nanum Gothic','맑은 고딕','Malgun Gothic','돋움','Dotum','애플고딕','AppleGothic','Arial','sans-serif'; font-size:14px; color:#454545}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{ margin:0; padding:0; border:0; border-collapse:separate; border-spacing:0; font-weight:inherit; font-style:inherit; text-decoration:none; list-style:none; letter-spacing:-0.03em}
img,
object,
embed						{ max-width:100%; height:auto; border:0}
a							{ text-decoration:none !important}
/* Forms */
form,fieldset				{ margin:0; padding:0; border:0}
legend						{ position:absolute; width:0; line-height:0; height:0; font-size:0; top:0; left:-10000px; overflow:hidden}
input,textarea,select,
input[type="file"]			{ font-family:'Nanum Gothic'; font-size:15px; font-weight:normal; line-height:normal; color:#555; letter-spacing:0}
textarea,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="url"],
input[type="file"],
input[type="number"],
input[type="tel"]{
	padding:5px 20px;
	height:40px;
	background-color:#fff;
	border:1px solid #cacaca;
	vertical-align:middle;
	-webkit-transition:border linear 0.2s;
	   -moz-transition:border linear 0.2s;
		 -o-transition:border linear 0.2s;
			transition:border linear 0.2s}
textarea,select				{ height:auto !important}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus{
	color:#000;
	border-color:rgba(144, 144, 144, 0.5);
	outline:0;
}
input[type="radio"],
input[type="checkbox"]{
	margin:0 5px 0 0;
	line-height:normal;
	vertical-align:middle;
	cursor:pointer}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="number"],
input[type="checkbox"]{ width:auto; border-radius:0}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color:#a8a8a8} /* Webkit, Blink, Edge에 적용 */
input::-moz-placeholder,
textarea::-moz-placeholder{ color:#a8a8a8} /* Mozilla Firefox에 적용 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{ color:#a8a8a8} /* Internet Explorer 10 이상에 적용 */
/* File Browser */
.file-browser{ position:relative; margin:0}
.file-input,
.file-input-div{ display:inline-block}
.file-input{ width:80% !important; line-height:normal}
.file-input-div{ position:absolute; top:0; left:0; overflow:hidden; width:100% !important}
.file-input-div .file-button{ float:right; margin:0 !important; padding:0 !important; width:20% !important; height:40px; background:#999 !important; border:0 !important}
.file-input-div .file-button input[type=button]{ display:block; width:100%; height:100%; color:#fff; background:transparent; border:0; vertical-align:top; cursor:pointer; border-radius:0; text-align:center}
.file-input-hidden{ position:absolute; right:0; top:0; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0}

html{ -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none}
html{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
*, *:before, *:after{ box-sizing: inherit}
img{ box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box}

/* Align - Clear */
.text-align-right			{ text-align:right}
.text-align-left			{ text-align:left}
.text-align-center			{ text-align:center}
.fl-left					{ float:left !important}
.fl-right					{ float:right !important}
.fl-left.half,.fl-right.half{ width:50%}
.clearfix:before,.clearfix:after{ content:""; display:table}
.clearfix:after				{ clear:both}
.no-padding					{ padding:0 !important}
/*! jquery.skipNav.css © yamoo9.net, 2015 */
.skip-contents	{ position:relative; display:block; background:#333}
.skip-contents>a{ position:absolute; display:block; padding:10px 21px; width:100%; height:1px; color:#fff; overflow:hidden}
.skip-nav {
	position:absolute;
	z-index:9999;
	top:0;
	left:0;
}
.a11y-hidden {
	overflow: hidden;
	position: absolute;
	clip:     rect(0 0 0 0);
	width:    1px;
	height:   1px;
	margin:   -1px;
	padding:  0;
	border:   0;
}
.a11y-hidden.focusable:focus,
.a11y-hidden.focusable:active {
	overflow: visible;
	position: static;
	clip:     auto;
	width:    auto;
	height:   auto;
	margin:   0;
}
/* Layout */
.container,
.body						{ position:relative}
.body:after,
article:after,
section:after				{ content:""; display:block; clear:both}
section						{ outline:0; margin:0; background-position:50% 0; background-repeat:no-repeat; background-size:cover}
section article,
.header-content				{ position:relative; margin:0 auto}
.header						{ z-index:999; width:100%; background:#fff}
.header.sticky				{ position:fixed; left:0; right:0; top:0; box-shadow:0 0 5px rgba(0, 0, 0, 0.1)}
.header-content h1 a		{ display:inline-block; background:url(../images/common/logo_new.png) 0 50% no-repeat; text-indent:-9999px}
.header-content .top-menu	{ position:absolute; right:0}
.header-content .top-menu span{ display:inline-block; margin-left:5px; vertical-align:middle; background-position:50% 50%; background-repeat:no-repeat}
.header-content .top-menu span a{ display:block; width:100%; height:100%; text-indent:-9999px}
.header-content .top-menu span.home{ background-image:url(../images/common/home.png)}
.header-content .top-menu span.map{ background-image:url(../images/common/map.png)}
.footer						{ position:relative; background:#54565a}
.footer-content				{ position:relative; margin:0 auto; color:#899298}
.footer-content a			{ color:#899298}
.footer-content a:hover,
.footer-content a:active,
.footer-content a:focus		{ color:#96a3ac; text-decoration:none}
.footer-content div			{ vertical-align:middle}
.footer-content li			{ float:left}
.footer-content li:first-child{ margin-left:0}
.footer-content li a		{ color:#96a3ac; font-weight:700}
.footer .address,
.footer .copyright			{ line-height:20px; letter-spacing:0}
.footer .copyright			{ margin-top:8px}
.footer .copyright span		{ margin-right:25px}
.footer .copyright strong	{ color:#96a3ac; font-weight:700; text-transform:uppercase}
.footer .help,
.footer .social				{ position:absolute; right:0; margin-right:0}
.footer .social li			{ margin-left:5px}
.footer .social li a		{ display:inline-block; width:36px; height:36px; text-indent:-9999px; background-color:#a3a3a3; background-repeat:no-repeat; background-position:50% 50%}
.footer .social li.facebook a{ background-image:url(../images/common/facebook.png)}
.footer .social li.twitter a{ background-image:url(../images/common/twitter.png)}
.footer .social li.email a	{ background-image:url(../images/common/email.png)}
.footer .help ul.help-info li{ float:none; margin:20px 0 0 0}
.footer .help ul.help-info li span{ display:inline-block; vertical-align:middle}
.footer .help ul.help-info li span.tel,
.footer .help ul.help-info li span.mail{ margin-right:10px; width:34px; height:34px; background-position:50% 50%; background-repeat:no-repeat; text-indent:-9999px}
.footer .help ul.help-info li span.tel{ background-image:url(../images/common/tell.png)}
.footer .help ul.help-info li span.mail{ background-image:url(../images/common/mail.png)}
.footer .help ul.help-info li span span,
.footer .help ul.help-info li span strong{ display:block}
.footer .help ul.help-info li span span a,
.footer .help ul.help-info li span strong a{ color:#ff9e19; font-weight:700}
.footer .help ul.help-info li span span a{ font-weight:400}
/* Gnb */
.gnb						{ display:inline-block; position:relative; z-index:100}
.gnb>ul:after				{ content:""; display:block; clear:both}
.gnb>ul>li					{ display:inline-block}
.gnb ul>li a				{ display:inline-block; text-decoration:none; text-transform:uppercase}
.gnb>ul>li:first-child		{ }
.gnb>ul>li>a				{ color:#202020; font-weight:700; -webkit-transition:.5s; -moz-transition:.5s; transition:.5s}
.gnb>ul>li.active>a:hover,
.gnb>ul>li.active>a:focus	{ color:#0168b7}
.gnb>ul>li li				{ border:0}
.gnb>ul>li li:first-child	{ border-left:0}
.gnb ul>li li a				{ padding:5px 0; color:#d8d5d5}
/* Search Form */
.searchForm					{ position:relative; padding:0}
.searchForm label			{ position:absolute; top:-9999px; color:#454545; font-weight:700; cursor:pointer}
.searchForm input			{ vertical-align:middle}
.searchForm input[type=text]{ margin:0 -4px 0 0; padding:0 10px; height:33px; line-height:33px; border:1px solid #c2c2c2}
.searchForm input[type=submit],
.searchForm input[type=button]{ width:32px; height:33px; border:0; background:url(../images/btn/btn-search.png) no-repeat; cursor:pointer; text-indent:-9999px}
.searchForm .selbox			{ vertical-align:middle; margin-right:-5px; padding:6px; height:33px !important; border:1px solid #c2c2c2}
/* Button */
.buttonWrap{ position:relative}
.button-centered{ text-align:center}
.button-right	{ text-align:right}
/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0 2px 0 0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; white-space:nowrap; background:transparent url(../images/btn/btn-set.png) no-repeat; overflow:visible; color:#fff}
.button { padding:0; vertical-align:middle; background-position:left top}
.button a,
.button button,
.button input{ left:0; vertical-align:top; cursor:pointer}
.button a,
.button button,
.button input { background-position:right top}
/* Button Size */
.button.small.basic { height:29px; background-position:left -80px}
.button.small.basic a,
.button.small.basic button,
.button.small.basic input { font-size:12px; font-weight:700; color:#333; padding:0 10px 0 6px; height:29px; line-height:29px; background-position:right -80px}
/* Button Color */
.button.red,
.button.grey		{ text-align:center}
.button.red a,
.button.red button,
.button.red input	{ font-weight:700; background-color:#0168b7}
.button.grey a,
.button.grey button,
.button.grey input	{ font-weight:700; background-color:#566374}
.button.write-type	{ height:45px}
.button.write-type a,
.button.write-type button,
.button.write-type input{ font-weight:700; padding:0 20px 0 40px; background-position:left 0}
.button.list-type	{ height:45px}
.button.list-type a,
.button.list-type button,
.button.list-type input{ font-weight:700; padding:0 20px 0 47px; background-position:left -40px}
/* Board List-View */
.boardWrap,
.boardList					{ position:relative}
.board-content,
.board-content div,
.board-content p			{ color:#a1a1a1 !important}
/* List-thumb Mixed */
.thumb-list					{ padding-bottom:1px}
.thumb-list ul				{ margin:0; padding:0; list-style:none}
.thumb-list li				{ position:relative; margin:0 0 -1px 0; border:1px solid #e2e2e2; border-left:0; border-right:0; vertical-align:top}
.thumb-list li:first-child	{ }
.thumb-list li:after		{ display:block; clear:both; content:""}
.thumb-list a				{ color:#a1a1a1; text-decoration:none; cursor:pointer}
.thumb-list strong			{ font-weight:700; vertical-align:top}
.thumb-list a:hover,
.thumb-list a:active,
.thumb-list a:focus			{ color:#0168b7; text-decoration:underline}
.thumb-list .thumb			{ display:inline-block; float:left; padding:0; border:1px solid #d7d7d7; overflow:hidden}
.thumb-list .thumb img		{ display:block; width:100%}
.thumb-list .thumb2			{ display:block; margin:0 0 15px 0}
.thumb-list .thumb2 img		{ display:block; border:0}
.thumb-list .title			{ color:#a1a1a1; font-weight:700; vertical-align:top}
.thumb-list div				{ color:#a1a1a1}
.thumb-list .list-numeral	{ display:block; padding:0; color:#a1a1a1}
.thumb-list .postedby,
.thumb-list .no,
.thumb-list .numeral		{ display:inline-block; margin:0; width:auto; color:#333; text-transform:uppercase}
.thumb-list .postedby span,
.thumb-list .numeral span	{ display:inline-block; vertical-align:middle}
.thumb-list .postedby span	{ margin-left:0; width:120px; text-align:center}
.thumb-list .continue		{ font-family:'Tahoma'; margin:10px 0 0 0; font-size:11px; color:#00be88; font-weight:700; font-style:italic; line-height:11px; letter-spacing:0}
.thumb-list .continue span	{ font-family:'돋움'; font-style:normal; font-size:12px}
.thumb-list .continue a		{ font-size:11px; line-height:11px}
.thumb-list .notify strong	{ margin:0 7px 0 25px; font-size:15px; font-weight:700; color:#ff3c6a; vertical-align:top}
.thumb-list .notify a span	{ color:#ff3c6a}
.thumb-list .notify .title	{ font-size:15px}
.thumb-list span.no-message	{ display:block; font-size:14px; font-weight:400; text-align:center}
.thumb-list .add-file		{ position:absolute; top:11px; right:15px; height:20px; line-height:18px}
.thumb-list .add-file a		{ display:inline-block; padding:2px 10px 2px 8px; color:#fff; font-size:12px; font-weight:700; background:#ed1b33; text-transform:lowercase; letter-spacing:0}
.thumb-list.view			{ border-bottom:0}
.thumb-list.view span		{ padding:0}
.thumb-list.view li:first-child{ margin-bottom:0; border-top:1px solid #0168b7; border-bottom:1px solid #0168b7}
.thumb-list.view .title strong{ font-weight:400}
.thumb-list.view .numeral span{ color:#999}
.thumb-list.view .thumb		{ border:0; height:auto}
.thumb-list.view div		{ min-height:150px}
/* Pagenation */
.pagenation{ position:relative}
.basic{ margin:0}
.pageButton{ position:absolute; top:0; right:0}
.pagenation ul {
	display:inline-block;
	margin-bottom:0;
	margin-left:0}
.pagenation ul > li { display:inline; position:relative}
.pagenation ul > li > a,
.pagenation ul > li > span {
	float:left;
	margin:0 2px;
	text-decoration:none;
	color:#777;
	font-weight:400;
	border:1px solid #e2e2e2}
.pagenation ul > .active > a,
.pagenation ul > .active > span { color:#fff; font-weight:700; cursor:default; border:1px solid #ea0000; background:#ea0000}
.pagenation ul > .disabled > span,
.pagenation ul > .disabled > a,
.pagenation ul > .disabled > a:hover { cursor:default}
.pagenation ul > .pg-arrow > span,
.pagenation ul > .pg-arrow > a,
.pagenation ul > .pg-arrow > a:hover{ font-size:15px; color:#e2e2e2; border:0; font-weight:700}
.pagenation ul > .atfl > span,
.pagenation ul > .atfl > a,
.pagenation ul > .atfl > a:hover{ font-weight:400}
.pagenation-centered{ text-align:center}
.pagenation-righted	{ text-align:right}
/* 윈도우팝업 */
#pop-wrap					{ }
#pop-wrap .pop-header		{ position:relative; padding:0 20px; height:54px; line-height:54px; background:#0168b7}
#pop-wrap .pop-header h1	{ position:relative; font-size:24px; color:#fff; font-weight:700; text-align:left}
#pop-wrap .pop-header a		{ position:absolute; display:block; width:54px; height:54px; top:0; right:10px; background:url(../images/btn/btn-close.png) 50% 50% no-repeat; text-indent:-9999px}
#pop-wrap .pop-body			{ padding:0}
/* Daum Map */
#map-zoom > h3				{ margin:45px 0 15px 0; padding:0; font-size:16px; font-weight:700}
#map-zoom strong			{ font-size:14px; font-weight:400}
#map-zoom .point			{ margin-top:35px; line-height:24px}
 #map-zoom > span			{ display:block; margin-bottom:4px; font-size:12px; color:#FE4940; letter-spacing:0.02em; line-height:1.5; border-bottom:1px dotted #afb2b9; padding-bottom:12px}
#map-zoom code				{ background:#f1f1f1; border:1px solid #e9e9e9; padding:1px 4px; border-radius:4px}
#d-roadview					{ display:none; margin-top:5px}
.map-wrap					{ position:relative; overflow:hidden}
.map-wrap .custom-typecontrol{ z-index:200; position:absolute; top:10px; left:10px; float:left; height:40px; overflow:hidden; font-size:12px}
.map-wrap .custom-typecontrol a{ float:left; display:inline-block; text-decoration:none; border:1px solid #aab3c3; border-right:0; padding:0.4em 0.8em; border-radius:6px 0 0 6px; text-shadow:0 1px #aab3c3; background:#f6f5f5; color:#535965}
.map-wrap .custom-typecontrol a#btnSkyview{ border-right:1px solid #aab3c3; border-left:0; border-radius:0 6px 6px 0}
.map-wrap .custom-typecontrol a.selected-btn{ background:#6c737e; color:#fff}
.map-wrap .custom-zoomcontrol{ z-index:200; position:absolute; top:50px; left:-5px; float:left; margin-left:20px}
.map-wrap .custom-zoomcontrol a{ display:inline-block; padding:4px; -webkit-box-shadow:0 0 3px #717885; -moz-box-shadow:0 0 3px #717885; box-shadow:0 0 3px #717885; border-radius:50%; background:#fff; text-align:center; cursor:pointer; -webkit-transition:all 0.4s; transition:all 0.4s}
.map-wrap .custom-zoomcontrol a:focus, .map-wrap .custom-zoomcontrol a:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1)}
.map-wrap .custom-zoomcontrol a:active{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); transform:scale(0.9)}
.map-wrap .custom-zoomcontrol a img{ float:left; width:15px; height:15px; border:none}
.map-wrap .custom-zoomcontrol a:first-child{ margin-bottom:2px; margin-left:-2px}
/* Main */
.bx-wrapper ul li.slider-1,
.bx-wrapper ul li.slider-2	{ width:auto}
section article h1			{ color:#353535; font-weight:700; text-align:center; text-transform:uppercase}
section article .title-holder h1{ font-family:'Josefin Sans', sans-serif}
section article .title-holder p{ color:#454545; text-align:center}
.thumb-list.notice			{ margin:0; padding:0; border:0}
.thumb-list.notice ul		{ font-size:14px}
.thumb-list.notice li		{ padding:0; border:0}
.thumb-list.notice a		{ color:#ea0000}
.thumb-list.notice .title	{ color:#ea0000; font-weight:700}
.thumb-list.notice div		{ color:#454545}
.thumb-list.notice .numeral	{ display:block; float:none; margin:5px 0 0 0; color:#444}
section.product				{ background-color:#ea0000}
section.product.other		{ background-color:#5ed588}
section.product .title-holder h1,
section.product .title-holder p,
section.product.other .title-holder h1,
section.product.other .title-holder p{ color:#fff}
.product-holder				{ position:relative}
.product-holder ul			{ margin:0; text-align:center}
.product-holder ul li:first-child{ margin-top:0}
.product-holder ul li		{ display:inline-block; position:relative; margin:0; vertical-align:top}
.product-holder ul li span	{ margin:0; background:#fff; border-radius:5px}
.product-holder ul li>a		{ position:absolute; display:inline-block; left:50%; color:#fff; font-weight:700; text-decoration:none; background:#ff9e19; border-radius:5px}
#carousel2,
#carousel1					{ margin:0 auto; overflow:hidden}
.product-holder div div		{ position:relative; margin:0; text-align:center}
.product-holder div div span{ margin:0; background:#fff; border-radius:5px}
.product-holder div div>a	{ position:absolute; display:inline-block; left:38%; color:#fff; font-weight:700; text-decoration:none; background:#ff9e19; border-radius:5px}
.product-holder img,
.product-holder strong,
.product-holder span		{ display:block; margin:0 auto !important}
.product-holder span span em{ display:inline-block; padding:4px 12px; color:#fff; font-weight:700; line-height:11px; background:#0168b7; border-radius:3px}
.product-holder .image-holder{ overflow:hidden}
.product-holder .image-holder img{ margin-top:-10px !important; width:100%}
.product-holder span span strong,
.product-holder span span	{ margin:0 !important; padding:0 !important; width:auto !important; height:auto !important; color:#777; border-radius:0 !important}
.product-holder span span strong{ color:#253337; font-weight:700; word-break:break-all;}
.product-holder div.move-button a{ display:inline-block; position:absolute; margin:0; padding:0; border:0; background:url(../images/common/arrow-orange.png) 0 0 no-repeat; text-indent:-9999px}
.product-holder.other div.move-button a{ background-image:url(../images/common/arrow-green.png)}
.product-holder.other div.move-button a#carousel2-prev,
.product-holder div.move-button a#carousel1-prev{ background-position:0 0}
.product-holder.other div div>a{ background-color:#5ed588}
section.contact-us			{ background-color:#f2f2f2}
section.contact-us li:first-child{ margin-top:0}
section.contact-us li input,
section.contact-us textarea{ width:100%; border-color:#fff}
section.contact-us li input[type=radio]{ padding:0; width:auto; height:auto}
section.contact-us label	{ cursor:pointer; vertical-align:middle; color:#a8a8a8}
section.contact-us .private-agree{ padding:10px 15px; border-top:1px solid #f2f2f2; background:#fff}
section.contact-us span a	{ display:inline-block; padding-left:10px; color:#a8a8a8}
section.contact-us span a img{ margin-left:5px; margin-top:-3px; vertical-align:middle}
section.contact-us .agree-item{ display:none; margin:0; padding:0 20px 15px 20px; background:#fff}
section.contact-us .agree-item span,
section.contact-us .agree-item strong{ display:block; margin:0; padding:0; border:0}
section.contact-us .agree-item strong{ color:#353535; font-weight:700}
section.contact-us p		{ text-align:right}
section.contact-us input[type=submit]{ display:inline-block; border:1px solid #a8a8a8; color:#a8a8a8; background:transparent; cursor:pointer}
section.contact-us input[type=submit]:hover{ color:#fff; background:#a8a8a8}
section.contact-us input[type=email]{ width:30%}
section.contact-us .email{ width:30%}
section.contact-us span.empty,
section.contact-us span.at{ display:inline-block; width:4%; text-align:center}
section.contact-us span.empty{ width:1%}
section.contact-us select{ padding:5px 10px !important; width:35%; height:40px !important; border-color:#fff}
/* Contents */
.banner-top					{ color:#222; background-repeat:no-repeat; background-position:50% 0; background-size:cover}
.banner-top article			{ }
.banner-top h1				{ font-weight:700; text-align:left; letter-spacing:0; text-transform:capitalize}
.banner-top.product h1		{ color:#0168b7}
.banner-top.welcome h1		{ color:#fff}
.banner-top.customer		{ background-image:url(../images/customer/back-customer.jpg)}
.banner-top.product			{ background-color:#fff; background-image:url(../images/product/back-product.jpg)}
.banner-top.other-companies	{ background-color:#fff; background-image:url(../images/product/back-other-companies.jpg)}
.banner-top.welcome			{ background-image:url(../images/company/back-welcome.jpg)}
.con-wrap					{ }
.boardWrap h1,
.con-wrap h1				{ font-family:'Josefin Sans', sans-serif; font-weight:600; color:#909090; text-align:left; text-transform:capitalize}
.boardWrap p,
.con-wrap p					{ color:#606060}
.con-wrap span				{ display:block}
.con-wrap.inquiry			{ background-image:url(../images/customer/back-inquiry.jpg)}
.con-wrap.contact-us		{ background:#fff}
.con-wrap.contact-us p		{ padding:0; text-align:left}
.con-wrap.contact-us input[type=text],
.con-wrap.contact-us input[type=tel],
.con-wrap.contact-us input[type=email],
.con-wrap.contact-us select,
.con-wrap.contact-us textarea{ border-color:#e2e2e2}
.con-wrap.contact-us input[type=text]:focus,
.con-wrap.contact-us input[type=tel]:focus,
.con-wrap.contact-us input[type=email]:focus,
.con-wrap.contact-us textarea:focus{ border-color:rgba(144, 144, 144, 0.5)}
.con-wrap.contact-us .private-agree{ margin-bottom:10px; border:1px solid #e2e2e2; border-top:0}
.con-wrap.contact-us input[type=submit]{ color:#fff; background:#c2c2c2; border-color:#c2c2c2}
ul.category					{}
ul.category li				{ display:inline-block; float:left; margin:-1px -1px 0 0; border:1px solid #e2e2e2}
ul.category li a			{ display:block; width:100%; height:100%; color:#a1a1a1}
ul.category li.active		{ background:#ea0000; border-color:#ea0000}
ul.category li.active a		{ color:#fff; font-weight:700}
ul.product-list li			{ border-bottom:1px solid #e2e2e2}
ul.product-list li.head-title{ border-top:1px solid #ea0000}
ul.product-list li.head-title span{ color:#777; text-align:center; line-height:normal}
ul.product-list li.head-title span.pd-thumb{ height:auto}
ul.product-list li.head-title span.pd-title{ font-weight:400}
ul.product-list li span		{ display:inline-block; color:#aaa; vertical-align:middle; word-break:break-all}
ul.product-list li span.pd-thumb{ overflow:hidden}
ul.product-list li span.pd-thumb img{ height:100%}
ul.product-list li span.pd-title{ font-weight:700}
ul.product-list li span.pd-type{ text-align:center}
.medicine-info				{ border-top:1px solid #0168b7}
.medicine-info .pd-image	{ border:1px solid #f5f5f5; overflow:hidden}
.medicine-info .pd-image img{ display:block; height:100%}
.medicine-info .medicine h2	{ color:#0168b7; font-weight:700; line-height:normal; border-bottom:1px solid #e2e2e2}
.medicine-info .medicine>ul	{ border-bottom:1px solid #e2e2e2}
.medicine-info .medicine ul li em,
.medicine-info .medicine ul li span{ display:inline-block; vertical-align:middle}
.medicine-info .medicine ul li em{ color:#fff; font-weight:700; line-height:11px; background:#0168b7; border-radius:3px}
.medicine-info .medicine ul li span{ color:#a1a1a1}
.medicine-info .medicine ul.thumb-info li{ float:left; font-size:0; line-height:0; border:1px solid #e2e2e2; overflow:hidden}
.medicine-info .medicine ul.thumb-info li img{ display:block; height:100%}
.medicine-info .medicine .down-print span{ display:inline-block; vertical-align:middle; background-position:0 50%; background-repeat:no-repeat}
.medicine-info .medicine .down-print span a{ width:100%; height:100%; color:#a1a1a1}
.medicine-info .medicine .down-print span.down-pdf{ background-image:url(../images/product/down-pdf.png)}
.medicine-info .medicine .down-print span.print{ background-image:url(../images/product/print.png)}
.con-wrap.product-detail	{ padding-top:0}
.con-wrap.product-detail h1	{ font-family:'Nanum Gothic'; color:#606060; margin:0; font-weight:700; line-height:normal; border-bottom:1px solid #e2e2e2}
.con-wrap.product-detail ul	{ border-bottom:1px solid #e2e2e2}
.con-wrap.product-detail li:first-child{ margin-top:0}
.con-wrap.product-detail li em,
.con-wrap.product-detail li span{ display:inline-block; vertical-align:middle}
.con-wrap.product-detail li em{ color:#999; font-weight:700; line-height:11px; background:#e2e2e2; border-radius:3px}
.con-wrap.product-detail li span{ color:#a1a1a1}
.con-wrap.product-detail li.usage em,
.con-wrap.product-detail li.usage span{ margin-top:3px; vertical-align:top}
.con-wrap.product-detail p	{ margin-bottom:0}
.con-wrap.product-detail p span{ display:inline-block; margin:0}
.con-wrap.policy,
.con-wrap.address,
.con-wrap.ci,
.con-wrap.company,
.con-wrap.greeting			{ color:#a1a1a1}
.con-wrap.co-image1			{ background-image:url(../images/company/back-greeting.jpg)}
.con-wrap.co-image2			{ background-image:url(../images/company/back-mission.jpg)}
.con-wrap .diagram			{ margin:10px 0; font-size:0; text-align:center; line-height:0}
.con-wrap.address li		{ border-bottom:1px solid #e0e0e0; line-height:normal}
.con-wrap.address li:first-child{ padding-top:0}
.con-wrap.address li a		{ color:#a1a1a1}
.con-wrap.policy .policy-item{ text-align:justify}
.con-wrap.policy h3			{ color:#777; font-weight:400}

/* Mobile */
.skip-contents				{ display:none}
.header,.footer				{ padding:0 10px}
.buttonWrap					{ margin:15px 0 0 0}
.button a,
.button button,
.button input				{ padding:0 20px; height:30px; line-height:30px; font-size:12px}
.button.grey,
.button.red					{ height:30px}
.button.grey a,
.button.grey button,
.button.grey input,
.button.red a,
.button.red button,
.button.red input			{ padding:0 20px}
.searchForm					{ margin-top:25px}
.searchForm input[type=text]{ width:150px}
.searchForm .selbox			{ font-size:12px}
.endLine					{ padding-bottom:20px}
.board-content,
.board-content div,
.board-content p			{ font-size:12px !important; line-height:18px}
.thumb-list					{ }
.thumb-list ul				{ font-size:11px}
.thumb-list li				{ padding:15px 0}
.thumb-list .thumb			{ margin:0 15px 0 0; width:130px; height:90px}
.thumb-list .thumb2 img		{ width:100%}
.thumb-list .title			{ font-size:12px}
.thumb-list div				{ margin:5px 0 0 0; font-size:11px; line-height:16px}
.thumb-list .list-numeral	{ margin-top:10px}
.thumb-list .list-numeral,
.thumb-list .numeral		{ font-size:10px}
.thumb-list .postedby span,
.thumb-list .numeral span	{ margin-left:20px}
.thumb-list.view li			{ padding:15px 0}
.thumb-list.view li:first-child{ padding:10px 0}
.thumb-list.view .title		{ font-size:14px}
.thumb-list.view .thumb		{ width:100%}
.thumb-list.view .numeral	{ position:static; margin-top:5px}
.thumb-list.view .numeral span{ margin-left:20px; margin-top:5px; font-size:11px}
.thumb-list.view .numeral span:first-child{ margin-left:0}
.pagenation					{ margin-top:15px}
.pagenation ul > li > a,
.pagenation ul > li > span { padding:4px 10px; line-height:18px; font-size:12px}
.footer						{ background-position:0 -15px}
.footer-content				{ padding:15px 0; font-size:10px}
.footer-content ul			{ margin-bottom:15px}
.footer-content li			{ margin-left:10px; font-size:10px}
.footer-content div			{ display:block; margin:20px 0 0 0}
.footer .social				{ top:25px}
.footer .help				{ display:none}
section article,.header-content,.footer-content{ width:100%}
section						{ padding:30px 10px}
.header,
.header-content				{ }
.header-content h1			{ display:block; margin-top:10px; text-align:center}
.header-content h1 a		{ width:149px; height:25px; background-size:contain}
.header-content .top-menu	{ top:10px}
.header-content .top-menu span{ width:25px; height:25px; background-size:25px}
.gnb						{ width:100%; text-align:center}
.gnb>ul						{ margin-bottom:10px}
.gnb ul>li a				{ padding:0 10px; font-size:11px}
#d-map,
#d-roadview					{ height:200px}
section article h1			{ font-size:20px}
section article .title-holder h1{ margin-bottom:10px}
section article .title-holder p{ margin-bottom:20px; font-size:13px}
.thumb-list.notice			{ }
.thumb-list.notice li		{ margin:15px 0 0 0}
.thumb-list.notice li:first-child{ margin-top:0}
.thumb-list.notice .title	{ font-size:12px}
.thumb-list.notice .thumb	{ margin:0 20px 0 0; width:140px; height:96px; border:1px solid #d7d7d7}
.thumb-list.notice div		{ margin:10px 0 0 0; font-size:10px; line-height:16px}
.product-holder ul li		{ margin-top:10px; width:320px}
.product-holder ul li span	{ padding:15px; width:270px; height:330px}
.product-holder ul li>a		{ bottom:15px; margin:0 0 0 -19%; padding:10px 40px; font-size:12px}
#carousel2,
#carousel1					{ width:320px; height:330px}
.product-holder div div		{ width:320px}
.product-holder div div span{ padding:15px; width:270px; height:330px}
.product-holder div div>a	{ bottom:15px; margin:0 0 0 -19%; padding:10px 40px; font-size:12px}
.product-holder span span strong{ padding:13px 0 !important; font-size:14px; word-break:break-all;}
.product-holder span span	{ font-size:11px; line-height:14px}
.product-holder span span em{ margin-bottom:10px; font-size:10px}
.product-holder .image-holder{ height:145px !important}
.product-holder div.move-button a{ top:43%}
.product-holder div.move-button a{ width:30px; height:30px; background-size:62px}
.product-holder.other div.move-button a#carousel2-next,
.product-holder div.move-button a#carousel1-next{ background-position:-32px 0}
.product-holder.other div.move-button a#carousel2-prev:hover,
.product-holder div.move-button a#carousel1-prev:hover{  background-position:0 -30px}
.product-holder.other div.move-button a#carousel2-next:hover,
.product-holder div.move-button a#carousel1-next:hover{ background-position:-32px -30px}
.product-holder.other div.move-button a#carousel2-prev,
.product-holder div.move-button a#carousel1-prev{ left:0px}
.product-holder.other div.move-button a#carousel2-next,
.product-holder div.move-button a#carousel1-next{ right:0px}
section.contact-us .fl-left,
section.contact-us .fl-right{ width:100%}
section.contact-us .fl-right{ margin-top:5px}
section.contact-us .fl-right .fl-left,
section.contact-us .fl-right .fl-right{ margin:0; width:auto}
section.contact-us li		{ margin-top:5px}
section.contact-us li input,
section.contact-us span.at,
section.contact-us select,
section.contact-us textarea{ font-size:12px}
section.contact-us textarea{ height:90px !important}
section.contact-us label,
section.contact-us span a	{ font-size:11px}
section.contact-us .agree-item span span{ font-size:11px; line-height:14px}
section.contact-us .agree-item strong{ margin-bottom:10px; font-size:11px}
section.contact-us p		{ padding:10px 0 0 0}
section.contact-us input[type=submit]{ width:100px; height:40px; font-size:12px}
.con-wrap.contact-us .private-agree{ padding:5px 15px}
.banner-top h1				{ font-size:28px; line-height:26px}
.banner-top.welcome article,
.banner-top.other-companies article,
.banner-top.product article,
.banner-top.customer article{ padding:45px 0 0 10px; height:150px}
.boardWrap h1,
.con-wrap h1				{ margin-bottom:15px}
.boardWrap p,
.con-wrap p					{ margin-bottom:10px; font-size:13px}
.con-wrap span				{ font-size:12px; line-height:18px}
.con-wrap.co-image1,
.con-wrap.co-image2,
.con-wrap.inquiry			{ height:130px}
ul.category li				{ padding:10px 10px; width:50%}
ul.category li a			{ font-size:11px}
ul.product-list				{ margin-top:10px}
ul.product-list li			{ padding:5px 0}
ul.product-list li.head-title{ padding:4px 0}
ul.product-list li.head-title span{ font-size:11px}
ul.product-list li span		{ font-size:10px; line-height:13px}
ul.product-list li span.pd-thumb{ margin-right:2%; width:16.5%; height:50px}
ul.product-list li span.pd-title{ width:27%}
ul.product-list li span.pd-type{ width:18%}
ul.product-list li span.pd-category{ padding:0 5px; width:20%}
ul.product-list li span.insure-code{ width:16.5%}
.medicine-info				{ padding-top:10px}
.medicine-info .pd-image	{ width:100%; height:100px}
.medicine-info .medicine	{ width:100%}
.medicine-info .medicine h2	{ margin-top:15px; padding-bottom:8px; font-size:15px}
.medicine-info .medicine .down-print,
.medicine-info .medicine ul	{ margin-top:10px}
.medicine-info .medicine>ul	{ padding-bottom:10px}
.medicine-info .medicine ul li em{ margin-right:5px; padding:3px 10px; font-size:10px}
.medicine-info .medicine ul li span{ font-size:11px}
.medicine-info .medicine ul.thumb-info li{ margin-right:5px; width:35px; height:30px}
.medicine-info .medicine .down-print span{ margin-left:5px; padding-left:35px; height:30px; line-height:30px; background-size:30px}
.medicine-info .medicine .down-print span a{ font-size:11px}
.con-wrap.product-detail h1{ padding-bottom:10px; font-size:13px}
.con-wrap.product-detail ul	{ margin-top:10px; padding-bottom:10px}
.con-wrap.product-detail li	{ margin-top:10px}
.con-wrap.product-detail li em{ margin-right:3%; padding:5px 5px; width:20%; font-size:10px}
.con-wrap.product-detail li span{ width:77%; font-size:11px; line-height:14px}
.con-wrap.product-detail li.usage span{ line-height:18px}
.con-wrap.address,
.con-wrap.ci,
.con-wrap.company,
.con-wrap.greeting			{ font-size:11px; line-height:18px}
.con-wrap.address p,
.con-wrap.ci p,
.con-wrap.company p,
.con-wrap.greeting p		{ margin-bottom:10px}
.con-wrap.ci .fl-left.half,
.con-wrap.greeting .fl-left.half,
.con-wrap.ci .fl-right.half,
.con-wrap.greeting .fl-right.half{ width:100%}
.con-wrap.ci .fl-right.half,
.con-wrap.greeting .fl-right.half{ margin-top:15px}
.con-wrap .diagram img		{ width:100%}
.con-wrap.address ul.fl-left.half{ width:70%}
.con-wrap.address li		{ padding:10px 0}
.con-wrap.policy .policy-item{ margin:5px 0 15px 0}
.con-wrap.policy h3			{ font-size:13px}

/* Mobile Landscape */
@media all and (min-width:420px) and (max-width:767px){
.footer-content li			{ margin-left:15px}
.header-content h1			{ display:inline-block; float:left}
.header-content h1 a		{ background-position:0 50% }
.header-content .top-menu	{ top:8px}
.thumb-list.view .thumb		{ width:48%}
.thumb-list.view .numeral	{ position:absolute; top:20%; right:0; margin-top:0}
.gnb						{ float:right; margin-right:100px; width:auto; text-align:left}
.gnb>ul						{ margin:14px 0 0 0}
.thumb-list.notice li		{ float:left; margin:0 0 0 3.5%; width:31%}
.thumb-list.notice li:first-child{ margin-left:0; margin-top:0}
.thumb-list.notice .thumb	{ display:block; margin:0 0 10px 0; width:100%; height:105px}
.product-holder ul li		{ margin-top:0; width:275px}
.product-holder ul li span	{ width:225px; height:300px}
.product-holder ul li>a		{ padding:10px 28px}
#carousel2,
#carousel1					{ width:95%; height:300px}
.product-holder div div		{ width:275px}
.product-holder div div span{ width:225px; height:300px}
.product-holder div div>a	{ padding:10px 28px; left:50%;}
.product-holder .image-holder{ height:110px !important}
section.contact-us .fl-left,
section.contact-us .fl-right{ margin:0; width:50%}
section.contact-us .fl-left	{ padding-right:10px}
section.contact-us .fl-right{ padding-left:10px}
section.contact-us .fl-right .fl-left,
section.contact-us .fl-right .fl-right{ padding:0}
section.contact-us li		{ margin-top:5px}
ul.category li				{ width:33.3%}
ul.category li a			{ font-size:12px}
ul.product-list li span.pd-thumb{ width:15%; height:65px}
ul.product-list li span.pd-type{ width:15%}
ul.product-list li span.pd-category{ padding:0 10px; width:23%}
ul.product-list li span.insure-code{ width:18%}
.medicine-info .pd-image	{ width:30%; height:142px}
.medicine-info .medicine	{ padding-left:20px; width:70%}
.medicine-info .medicine h2	{ margin-top:0}
.con-wrap.product-detail li em{ width:15%}
.con-wrap.product-detail li span{ width:82%}
.con-wrap.ci .fl-left.half,
.con-wrap.greeting .fl-left.half,
.con-wrap.ci .fl-right.half,
.con-wrap.greeting .fl-right.half{ width:50%}
.con-wrap.ci .fl-left.half,
.con-wrap.greeting .fl-left.half{ padding-right:20px}
.con-wrap.ci .fl-right.half,
.con-wrap.greeting .fl-right.half{ padding-left:20px}
.con-wrap.ci .fl-right.half,
.con-wrap.greeting .fl-right.half{ margin-top:0}
.con-wrap .diagram img		{ width:80%}
.con-wrap.address ul.fl-left.half{ width:70%}
.con-wrap.address li		{ padding:10px 0}
}

/* iPad Portrait */
@media all and (min-width:768px){
.header,.footer				{ padding:0 20px}
.buttonWrap					{ margin:20px 0 0 0}
.button a,
.button button,
.button input				{ padding:0 25px; height:35px; line-height:35px; font-size:13px}
.button.grey,
.button.red					{ height:35px}
.button.grey a,
.button.grey button,
.button.grey input,
.button.red a,
.button.red button,
.button.red input			{ padding:0 25px}
.searchForm					{ margin-top:45px}
.searchForm input[type=text]{ width:250px}
.searchForm .selbox			{ font-size:14px}
.endLine					{ padding-bottom:40px}
.board-content,
.board-content div,
.board-content p			{ font-size:15px !important; line-height:24px}
.thumb-list					{ }
.thumb-list ul				{ font-size:14px}
.thumb-list li				{ padding:30px 0}
.thumb-list .thumb			{ margin:0 40px 0 0; width:300px; height:165px}
.thumb-list .thumb2 img		{ width:auto}
.thumb-list .title			{ font-size:18px}
.thumb-list div				{ margin:10px 0 0 0; font-size:15px; line-height:26px}
.thumb-list .list-numeral	{ margin-top:15px}
.thumb-list .list-numeral,
.thumb-list .numeral		{ font-size:13px}
.thumb-list .postedby span,
.thumb-list .numeral span	{ margin-left:40px}
.thumb-list.view li			{ padding:25px 0}
.thumb-list.view li:first-child{ padding:20px 0}
.thumb-list.view .title		{ font-size:18px}
.thumb-list.view .thumb		{ width:48%}
.thumb-list.view .numeral	{ position:absolute; top:28%; right:0; margin-top:0}
.thumb-list.view .numeral span{ margin-left:20px; font-size:14px}
.thumb-list.view div		{ font-size:15px; line-height:24px}
.pagenation					{ margin-top:30px}
.pagenation ul > li > a,
.pagenation ul > li > span	{ padding:4px 12px; line-height:22px; font-size:13px}
.gnb						{ float:right; margin-right:100px; width:auto; text-align:left}
.gnb>ul						{ margin:23px 0 0 0}
.gnb ul>li a				{ padding:0 23px; font-size:14px}
.footer						{ background-position:0 0}
.footer-content				{ padding:30px 0; font-size:12px}
.footer-content ul			{ margin-bottom:20px}
.footer-content li			{ margin-left:20px; font-size:13px}
.footer-content div			{ display:inline-block; margin:0}
.footer .help,
.footer .social				{ display:block; top:35px}
.footer .help ul.help-info li span span a,
.footer .help ul.help-info li span span{ font-size:12px; line-height:20px}
.footer .help ul.help-info li span strong a{ font-size:15px}
.footer .help ul.help-info li:first-child{ margin-top:0}
section						{ padding:45px 20px}
.header,
.header-content				{ height:65px}
.header-content h1			{ display:inline-block; float:left; margin-top:20px}
.header-content h1 a		{ width:149px; height:20px}
.header-content .top-menu	{ top:14px}
.header-content .top-menu span{ width:36px; height:36px; background-size:auto}
#d-map,
#d-roadview					{ height:365px}
section article h1			{ font-size:28px}
section article .title-holder h1{ margin-bottom:15px}
section article .title-holder p{ margin-bottom:30px; font-size:16px}
.thumb-list.notice li		{ float:left; margin:0 0 0 2.75%; width:31.5%}
.thumb-list.notice li:first-child{ margin-left:0; margin-top:0}
.thumb-list.notice .thumb	{ display:block; margin:0 0 20px 0; width:100%; height:125px}
.thumb-list.notice .thumb img{ margin-top:-15px}
.thumb-list.notice .title	{ font-size:16px}
.thumb-list.notice div		{ margin:15px 0 0 0; font-size:12px; line-height:20px}
.product-holder ul li		{ margin-top:0; width:345px}
.product-holder ul li span	{ width:295px; height:380px}
.product-holder ul li>a		{ padding:10px 38px; font-size:14px}
#carousel2,
#carousel1					{ width:95%; height:380px}
.product-holder div div		{ width:345px}
.product-holder div div span{ width:295px; height:380px}
.product-holder div div>a	{ padding:10px 38px; font-size:14px}
.product-holder span span strong{ padding:20px 0 15px 0 !important; font-size:16px;  word-break:break-all;}
.product-holder span span	{ font-size:13px; line-height:18px}
.product-holder span span em{ font-size:12px}
.product-holder .image-holder{ height:165px !important}
.product-holder div.move-button a{ width:61px; height:61px; background-size:auto}
.product-holder.other div.move-button a#carousel2-next,
.product-holder div.move-button a#carousel1-next{ background-position:-64px 0}
.product-holder.other div.move-button a#carousel2-prev:hover,
.product-holder div.move-button a#carousel1-prev:hover{  background-position:0 -61px}
.product-holder.other div.move-button a#carousel2-next:hover,
.product-holder div.move-button a#carousel1-next:hover{ background-position:-64px -61px}
.product-holder.other div.move-button a#carousel2-prev,
.product-holder div.move-button a#carousel1-prev{ left:-10px}
.product-holder.other div.move-button a#carousel2-next,
.product-holder div.move-button a#carousel1-next{ right:-10px}
section.contact-us .fl-left,
section.contact-us .fl-right{ margin:0; width:50%}
section.contact-us .fl-left	{ padding-right:20px}
section.contact-us .fl-right{ padding-left:20px}
section.contact-us .fl-right .fl-left,
section.contact-us .fl-right .fl-right{ padding:0}
section.contact-us li		{ margin-top:10px}
section.contact-us li input,
section.contact-us span.at,
section.contact-us select,
section.contact-us textarea{ font-size:15px}
section.contact-us textarea{ height:105px !important}
section.contact-us label,
section.contact-us span a	{ font-size:13px}
section.contact-us .agree-item span span{ font-size:13px; line-height:20px}
section.contact-us .agree-item strong{ margin-bottom:10px; font-size:14px}
section.contact-us input[type=submit]{ width:132px; font-size:17px}
.banner-top h1				{ font-size:48px; line-height:44px}
.banner-top.welcome article,
.banner-top.other-companies article,
.banner-top.product article,
.banner-top.customer article{ padding:75px 0 0 20px; height:230px}
.boardWrap h1,
.con-wrap h1				{ margin-bottom:20px}
.boardWrap p,
.con-wrap p					{ margin-bottom:15px; font-size:17px}
.con-wrap span				{ font-size:13px; line-height:24px}
.con-wrap.co-image1,
.con-wrap.co-image2,
.con-wrap.inquiry			{ height:210px}
ul.category li				{ padding:13px 25px; width:33.3%}
ul.category li a			{ font-size:14px}
ul.product-list				{ margin-top:15px}
ul.product-list li			{ padding:10px 0}
ul.product-list li.head-title{ padding:8px 0}
ul.product-list li.head-title span{ font-size:14px}
ul.product-list li span		{ font-size:15px; line-height:20px}
ul.product-list li span.pd-thumb{ height:90px}
ul.product-list li span.pd-category{ padding:0 20px}
.medicine-info				{ padding-top:15px}
.medicine-info .pd-image	{ width:28%; height:182px}
.medicine-info .medicine	{ padding-left:30px; width:72%}
.medicine-info .medicine h2	{ margin-top:0; padding-bottom:10px; font-size:18px}
.medicine-info .medicine .down-print,
.medicine-info .medicine ul	{ margin-top:10px}
.medicine-info .medicine>ul	{ padding-bottom:10px}
.medicine-info .medicine ul li em{ margin-right:15px; padding:5px 10px; font-size:12px}
.medicine-info .medicine ul li span{ font-size:14px}
.medicine-info .medicine ul.thumb-info li{ margin-right:10px; width:55px; height:45px}
.medicine-info .medicine .down-print span{ margin-left:10px; padding-left:50px; height:45px; line-height:45px; background-size:auto}
.medicine-info .medicine .down-print span a{ font-size:14px}
.con-wrap.product-detail h1{ padding-bottom:10px; font-size:14px}
.con-wrap.product-detail ul	{ margin-top:15px; padding-bottom:15px}
.con-wrap.product-detail li	{ margin-top:10px}
.con-wrap.product-detail li em{ padding:7px 10px; width:12%; font-size:12px}
.con-wrap.product-detail li span{ width:85%; font-size:14px}
.con-wrap.product-detail li.usage span{ line-height:24px}
.con-wrap.address,
.con-wrap.ci,
.con-wrap.company,
.con-wrap.greeting			{ font-size:14px; line-height:26px}
.con-wrap.address p,
.con-wrap.ci p,
.con-wrap.company p,
.con-wrap.greeting p		{ margin-bottom:15px}
.con-wrap.ci .fl-left.half,
.con-wrap.greeting .fl-left.half,
.con-wrap.ci .fl-right.half,
.con-wrap.greeting .fl-right.half{ width:50%}
.con-wrap.ci .fl-left.half,
.con-wrap.greeting .fl-left.half{ padding-right:45px}
.con-wrap.ci .fl-right.half,
.con-wrap.greeting .fl-right.half{ margin-top:0; padding-left:45px}
.con-wrap .diagram img		{ width:90%}
.con-wrap.address ul.fl-left.half{ width:70%}
.con-wrap.address li		{ padding:12px 0}
.con-wrap.policy .policy-item{ margin:15px 0 35px 0}
.con-wrap.policy h3			{ font-size:14px}
}

/* Tablet & Desktop */
@media all and (min-width:769px) and (max-width:1199px){
.skip-contents				{ display:block}
.header.sticky				{ padding:0 20px}
.footer .help ul.help-info li span span a,
.footer .help ul.help-info li span span{ font-size:13px}
.footer .help ul.help-info li span strong a{ font-size:16px}
.gnb						{ margin-right:120px}
.gnb ul>li a				{ font-size:15px}
.header-content h1			{ margin-top:13px}
.header-content h1 a		{ width:180px; height:40px; background-size:auto}
section						{ padding:60px 20px}
section article h1			{ font-size:34px}
.thumb-list.notice			{ }
.thumb-list.notice .title	{ font-size:18px}
.thumb-list.notice .thumb	{ height:140px}
.thumb-list.notice .thumb img{ margin-top:-25px}
.thumb-list.notice div		{ font-size:13px}
.product-holder ul li		{ width:310px}
.product-holder ul li span	{ width:210px; height:370px}
.product-holder ul li>a		{ padding:10px 28px; font-size:15px}
#carousel2,
#carousel1					{ height:370px}
.product-holder div div		{ width:200px}
.product-holder div div span{ width:150px; height:370px}
.product-holder div div>a	{ padding:10px 28px; font-size:15px; left:41%;}
.product-holder span span strong{ font-size:17px;  word-break:break-all;}
.product-holder span span	{ font-size:13px}
.product-holder .image-holder{ height:100px !important}
.product-holder.other div.move-button a#carousel2-prev,
.product-holder div.move-button a#carousel1-prev{ left:-15px}
.product-holder.other div.move-button a#carousel2-next,
.product-holder div.move-button a#carousel1-next{ right:-15px}
.banner-top.welcome article,
.banner-top.other-companies article,
.banner-top.product article,
.banner-top.customer article{ padding:100px 0 0 20px; height:310px}
.con-wrap.co-image1,
.con-wrap.co-image2,
.con-wrap.inquiry			{ height:280px}
ul.category li				{ width:25%}
ul.category li a			{ font-size:14px}
ul.product-list li span.pd-thumb{ height:120px}
.con-wrap .diagram img		{ width:80%}
.con-wrap.policy h3			{ font-size:15px}
}

/* Desktop */
@media all and (min-width:1200px){
.skip-contents				{ display:block}
.header.sticky,
.header,.footer				{ padding:0}
.footer .help,
.footer .social				{ top:40px}
.footer-content				{ padding:40px 0 30px 0; font-size:13px}
.footer .help ul.help-info li span span a,
.footer .help ul.help-info li span span{ font-size:14px}
.footer .help ul.help-info li span strong a{ font-size:18px}
.board-content,
.board-content div,
.board-content p			{ font-size:17px !important; line-height:30px}
.thumb-list .title			{ font-size:22px}
.thumb-list .thumb			{ width:350px; height:185px}
.thumb-list div				{ font-size:17px; line-height:30px}
.thumb-list .list-numeral,
.thumb-list.view .numeral span{ font-size:15px}
.thumb-list.view .title		{ font-size:22px}
.gnb						{ margin-right:170px}
.gnb ul>li a				{ font-size:15px}
.header-content h1			{ margin-top:12px}
.header-content h1 a		{ width:180px; height:40px; background-size:auto}
section						{ padding:80px 0}
section article,.header-content,.footer-content{ width:1200px}
#d-map,
#d-roadview					{ height:565px}
section article h1			{ font-size:40px}
section article .title-holder h1{ margin-bottom:25px}
section article .title-holder p{ margin-bottom:50px; font-size:20px}
.thumb-list.notice			{ }
.thumb-list.notice .title	{ font-size:22px}
.thumb-list.notice .thumb	{ height:155px}
.thumb-list.notice .thumb img{ margin-top:-25px}
.thumb-list.notice div		{ margin:18px 0 0 0; font-size:14px; line-height:22px}
.product-holder ul li		{ width:380px}
.product-holder ul li span{ width:330px; height:395px}
.product-holder ul li>a	{ padding:10px 45px; font-size:15px}
#carousel2,
#carousel1					{ height:395px}
.product-holder div div		{ width:230px}
.product-holder div div span{ width:180px; height:395px}
.product-holder div div>a	{ padding:10px 45px; font-size:15px}
.product-holder span span strong{ font-size:17px;  word-break:break-all;}
.product-holder span span	{ font-size:14px}
.product-holder .image-holder{ height:130px !important}
.product-holder.other div.move-button a#carousel2-prev,
.product-holder div.move-button a#carousel1-prev{ left:-50px}
.product-holder.other div.move-button a#carousel2-next,
.product-holder div.move-button a#carousel1-next{ right:-50px}
section.contact-us .fl-left	{ padding-right:30px}
section.contact-us .fl-right{ padding-left:30px}
.con-wrap.contact-us .fl-left{ padding-right:70px}
.con-wrap.contact-us .fl-right{ padding-left:70px}
.con-wrap.contact-us .private-agree{ padding:0 15px}
.banner-top h1				{ font-size:100px; line-height:84px}
.banner-top.welcome article,
.banner-top.other-companies article,
.banner-top.product article,
.banner-top.customer article{ padding:200px 0 0 0; height:600px}
.boardWrap h1,
.con-wrap h1				{ margin-bottom:50px}
.boardWrap p,
.con-wrap p					{ margin-bottom:30px; font-size:20px; line-height:30px}
.con-wrap span				{ font-size:16px; line-height:30px}
.con-wrap.co-image1,
.con-wrap.co-image2,
.con-wrap.inquiry			{ height:500px}
ul.category li				{ width:25%}
ul.category li a			{ font-size:16px}
ul.product-list				{ margin-top:30px}
ul.product-list li			{ padding:20px 0}
ul.product-list li.head-title{ padding:12px 0}
ul.product-list li.head-title span{ font-size:16px}
ul.product-list li span		{ font-size:17px; line-height:26px}
ul.product-list li span.pd-thumb{ margin-right:5%; height:145px}
ul.product-list li span.pd-type{ width:15%}
ul.product-list li span.pd-category{ padding:0 30px}
.medicine-info				{ padding-top:30px}
.medicine-info .pd-image	{ height:242px}
.medicine-info .medicine	{ padding-left:60px}
.medicine-info .medicine h2	{ padding-bottom:18px; font-size:24px}
.medicine-info .medicine .down-print,
.medicine-info .medicine ul	{ margin-top:20px}
.medicine-info .medicine>ul	{ padding-bottom:18px}
.medicine-info .medicine ul li em{ margin-right:30px}
.medicine-info .medicine ul li span{ font-size:16px}
.medicine-info .medicine .down-print span{ margin-left:16px; padding-left:55px}
.medicine-info .medicine .down-print span a{ font-size:16px}
.con-wrap.product-detail h1{ padding-bottom:20px; font-size:18px}
.con-wrap.product-detail ul	{ margin-top:30px; padding-bottom:30px}
.con-wrap.product-detail li	{ margin-top:20px}
.con-wrap.product-detail li em{ margin-right:4%; width:8%; font-size:13px}
.con-wrap.product-detail li span{ width:88%; font-size:16px}
.con-wrap.product-detail li.usage span{ line-height:26px}
.con-wrap.address,
.con-wrap.ci,
.con-wrap.company,
.con-wrap.greeting			{ font-size:17px; line-height:30px}
.con-wrap.ci .fl-left.half
.con-wrap.greeting .fl-left.half{ padding-right:70px}
.con-wrap.ci .fl-right.half,
.con-wrap.greeting .fl-right.half{ padding-left:70px}
.con-wrap .diagram img		{ width:auto}
.con-wrap.address ul.fl-left.half{ width:50%}
.con-wrap.policy h3			{ font-size:18px}
}