@charset 'UTF-8';
/*
	Author	: Somi Park
	Date	: 2018-12-29
	Project	: Concakes
*/
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Web/76eb9ebf/stylesheet/NotoSerif-Web.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
 
html, body	{ height:100%;}
html	{ 
	border:0;
	outline:0;
	font-size:62.5%; 
}

body	{ 
	font-size:16px;
	line-height:1.5em;
	font-weight:400;
	font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
	background-color: transparent;
	color: #696969;
	letter-spacing:-0.05em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust:none; 
	 min-width:320px;
     overflow:auto;
	/*position:relative;*/
}

::selection {
	color:#fff;
	background-color:#003a79;
}
::-moz-selection {
	color:#fff;
	background-color:#003a79;
}

table	{ 
	width:100%;
	border-collapse:collapse;
	table-layout:fixed; 
}
table caption { 
	height:0;
	font-size:0.1em;
	color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}

button,
input,
textarea	{ 
	font-family: 'Noto Sans KR', 'Calibri', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
	color:#444; 
	font-size:15px;
}
textarea	{ 
	border:1px solid #b3b3b3;
	padding:10px; 
	box-sizing:border-box;
}

html, body, nav, section, article,figure,figcaption,
h1, h2, h3, h4, h5, h6,
menu, ul,ol,dl,li,dt,dd,
p,form	{ 
	margin:0;
	padding:0;
	/* font-family: 'Noto Sans KR'  */
}
h1, h2, h3, h4, h5, h6 { line-height:1em;}

img	{ margin:0;border:none; }
ul,ol,dl,li	{ list-style:none; }
cite,em,address { font-style:normal; }
em { color:#1297ff;font-weight:400; }
em + .checkbox { position:relative;top:4px;margin-left:10px; }
.red { color:#e2231a !important; }
.yellow { color:#ff9e16 !important;}
.green { color:#4c8b2b !important;}
.purple { color:#9f26b5 !important;}
b, strong { font-weight:500; }
iframe	{ border:none;outline:0; }

a > span	{ cursor:pointer; }
a			{ text-decoration:none;color:#444; }
a:hover		{ text-decoration:none; }
a:focus,
textarea:focus, input:focus { outline:0; }

fieldset { 
	border:0;
	margin:0;
	padding:0;
	display:block; 
}
fieldset legend {
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

input { 
	vertical-align:middle;
	padding:0;
	height:38px;
	line-height:38px;
	border:1px solid #b3b3b3;
	text-indent:8px; 
	box-sizing:border-box;
}
td input { vertical-align:top; }
input:hover,
input:focus { border:1px solid #aaa;background-color:#f9f9f9; }

*+html body input			{  }
input[required]				{  }
input[type="radio"],
input[type="checkbox"]		{ border:0;height:auto;line-height:auto; }
input[readonly],
input[disabled]				{ background:#f9f9f9  }
input[type="file"] + input[readonly]    {  }

.btn2 + .input-box,
.input-box + .input-box { margin-top:10px; }

.hide { 
	box-sizing:border-box !important;
	width:1px  !important;
	height:1px !important;
	position:absolute !important;
	overflow:hidden !important;
	color:#fff !important; 
}
.pc-hide { display:none; }
.q0 { width:70px;}
.q1 { width:35% }
.q2 { width:50% }
.q2 + .q2 { width:48% }
.q3 { width:75% }
.q4 { width:100%; }
img.q4 {
    display:block;
}
textarea.q4 { width:100% }
select.q3 {  }
.q0 ~ .q3,
.q1 ~ .q3,
.q2 ~ .q3,
.q3 ~ .q3,
.q0 ~ .q4,
.q1 ~ .q4,
.q2 ~ .q4,
.q3 ~ .q4,
.q4 ~ .q4,
*[class^="btn"] ~ .q4 { margin-top:8px }

.al { text-align:left !important;}
.ar { text-align:right !important;}
.ac { text-align:center !important;}
.vm,
.vm table td,
.vm table th { vertical-align: middle !important;}

.darkgray {
    color:#333 !important;
}
.gray {
    color:#777 !important;
}
.blue {
    color:#0c69d0 !important;
}
a.blue {
    border-bottom:1px solid #0c69d0;
    font-weight:400;
}
a.blue:hover {
    color:#0c69d0 !important;
    text-decoration:none !important;
}
.lightblue {
    color:#0090fe !important;
}
.darkblue {
    color:#003a79 !important;
}
.darkgreen {
    color:#00a2aa !important;
}
.green {
    color:#00c153 !important;
}

.m-none {
    display:block;
}
.m-block {
    display:none;
}

.overflow-x {
    /*overflow-x:auto;*/
}

label.radio input,
label.checkbox input { margin:0 5px 0 0;position:absolute; }
td label.radio,
td label.checkbox { margin-right:20px; }
label.radio input,
label.radio input:focus,
label.radio input:hover,
label.checkbox input,
label.checkbox input:focus,
label.checkbox input:hover { padding:0;top:0;left:0; }
label.radio,
label.checkbox { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	min-height:20px;
	line-height:20px;
	padding:0;
	cursor:pointer; 
	padding-left:30px;
	position:relative;
    vertical-align:middle;
}
label.radio:before { 
	position:absolute;
	content:"";
	width:20px;
	height:20px;
	border:1px solid #bbb;
	background:#fff;
	box-sizing:border-box;
	left:0;
	border-radius:50%;
}
label.radio.checked:after {
	position:absolute;
	content:"";
	width:12px;
	height:12px;
	background:#003a79;
	border-radius:50%;
	top:4px;
	left:4px;
	box-sizing:border-box;
}
label.checkbox:before { 
	position:absolute;
	content:"";
	width:20px;
	height:20px;
	border:1px solid #bbb;
	box-sizing:border-box;
	left:0;
	background:#fff;
}
label.checkbox.checked:before { 
	border:1px solid #003a79;
	background:#003a79;
}
label.checkbox.checked:after {
	position:absolute;
	content:"";
	width:16px;
	height:8px;
	border-left:2px solid #fff;	
	border-bottom:2px solid #fff;
	box-sizing:border-box;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:3px;
	left:3px;
} 
.dim { 
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: rgba(0, 0, 0, 0.4);
	z-index:999;
}
.dim.open {
	display:block !important;
	opacity:1;
}

@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

.loader {
    height: 100px;
    position: absolute;
    width: 100px;
    border-radius: 100%;
    top:50%;
    left:50%;
    z-index:99999;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.loader:before {
    height: 100px;
    position: absolute;
    width: 100px;
    border-radius: 100%;
	content:"";
    border: 2px solid transparent;
    border-color: transparent #fff transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}
.loader:after{
	content:"Loading..";
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #ffffff;
    font-size: 13px;
    margin-top: 40px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    letter-spacing:0;
    width: 100px;
}

.accessibility			{ position:relative; }
.accessibility a		{ 
	position:absolute;
	left:0;
	top:0;
	height:1px;
	overflow:hidden;
	font-weight:500;
	z-index:99999; 
}
.accessibility a:focus	{ 
	z-index:999;
	padding-left:30px;
	width:120px;
	height:35px;
	line-height:35px;
	background:#008ed8;
	color:#fff;
	overflow:hidden;
	outline:0; 
}

#skipToLNB,
#skipToContents,
#skipToQuick { 
	position:absolute;
	height:1px;
	overflow:hidden;
}
#skipToLNB:focus,
#skipToContents:focus,
#skipToQuic:focus	{  }

.loading    { 
	top:350px;
	position:absolute;
	left:50%;
	margin-left:-300px;
	z-index:9999;
	color:#777;
	text-align:center;
	line-height:40px;
	width:600px; 
}

.ac { text-align:center; }
.al { text-align:left;padding-left:20px; }
.ar { text-align:right;padding-right:20px; }

.fl { float:left; }
.fr { float:right }
.fr + * { clear:both; }

.clear { clear:both; }

.wrap { 
	max-width:1000px;
	min-width:280px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

/* btn */
.btn-cont { text-align:right;margin-top:30px; }
.btn-cont + .sch-cont,
.btn-cont + .step {
    margin-top:60px;
}
.btn-cont.left { text-align:left; }
.btn-cont.center { text-align:center; }

.btn-cont a,
.btn,
.btn2,
.btn3,
.btn4 { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap; 
	box-sizing:border-box;
}

.btn-cont a { 
	padding:0 40px;
	height:50px;
	line-height:48px;
	font-weight:300;
	font-size:15px;
}
.btn { 
	padding:0 30px;
	height:40px;
	line-height:38px;
	font-weight:300;
	font-size:15px;
}
.btn-cont .btn2,
.btn2 { 
	padding:0 20px;
	height:38px;
	line-height:36px;
	font-weight:300;
	width:auto;
	min-width:60px;
	font-size:15px;
}
.btn3 { 
	padding:0 10px;
	height:24px;
	line-height:24px;
	font-size:0.923em; 
}
.btn4 { 
	width:105px;
	text-align:center;
	height:43px;
	line-height:43px;
	font-size:1.154em;
	font-weight:300; 
}

h4 + .btn-cont { margin-top:-42px;}
.btn-cont + h5 { margin-top:20px; }
.btn-cont a + a,
.btn + .btn { margin-left:5px; }
.btn2 + .btn2,
input + .btn2 { margin-left:6px;vertical-align:top; }

.btn-cont a,
.btn,
.btn2,
.btn3,
.btn4 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

/* btn : default */
.btn-cont a,
.btn,
.btn2,
.btn3,
.btn4 { background:#fff;border:1px solid #003a79;color:#003a79;font-weight:400; }
.btn-cont a:hover, .btn-cont a:focus,
.btn:hover, .btn:focus,
.btn2:hover, .btn2:focus,
.btn3:hover, .btn3:focus,
.btn4:hover, .btn4:focus{ background:#e5ebf1; }

td .btn2,
td .btn3 { background:#fbfbfb;color:#000;border:1px solid #555;font-size:15px; }
td .btn3 {
    font-size:13px;
    height:35px;
    line-height:33px;
}

/* btn : spot */
.btn-cont a.spot,
.spot { 
	background-color:#003a79;
	border:1px solid #003a79;
	color:#fff; 
}
.btn-cont a.spot:hover,
.btn-cont a.spot:focus,
.spot:hover, 
.spot:focus { 
	background:#004da1; 
	border-color:#004da1;
}

/* btn : spot2 */
.btn-cont a.spot2,
.btn.spot2,
.btn2.spot2,
.btn3.spot2,
.btn4.spot2{ 
	color:#fff;
	background-color:#8d8d8d;
	border:1px solid #8d8d8d;
}
.btn-cont a.spot2:hover,
.btn-cont a.spot2:focus,
.spot2:hover, 
.spot2:focus { background:#aaaaaa; }

.btn-cont a.spot3,
.btn.spot3,
.btn2.spot3,
.btn3.spot3,
.btn4.spot3 { 
	color:#fff;
	background:#1a6dc7;
	border:1px solid #1a6dc7;
}
/* btn : del */
.btn-cont a.spot4,
.spot4 { 
	color:#333;
	background-color:#eee;
	border:1px solid #ccc; 
}
.btn-cont a.spot4:hover,
.btn-cont a.spot4:focus,
.spot4:hover, 
.spot4:focus { background:#ddd; }

.btn-cont a.spot5,
.btn.spot5,
.btn2.spot5,
.btn3.spot5,
.btn4.spot5,
.spot5 {
    color:#fff;
    background:#1298ff;
    border-color:#1298ff;
}
.btn-cont a.spot5:hover,
.btn-cont a.spot5:focus,
.spot5:hover, 
.spot5:focus {
    background:#0e91f6;
    border-color:#0e91f6;
}
.btn.more {
	padding-left:54px;
	position:relative;
}
.btn.more:before {
	content:"";
	display:block;
	position:absolute;
	width:14px;
	height:2px;
	background:#003a79;
	left:29px;
	top:50%;
	margin-top:-1px;
}
.btn.more:after {
	content:"";
	display:block;
	position:absolute;
	width:2px;
	height:14px;
	background:#003a79;
	left:35px;
	top:50%;
	margin-top:-7px;
}
.btn.del {
    background:#f9f9f9;
    border-color:#003a79;
    color:#003a79;
}
.btn.add,
.btn2.add {
    background:#fff;
    border-color:#0090fe;
    color:#0090fe;
}
/* btn : ico */
.btn-cont a.dw,
a.btn.dw { 
	padding-left:56px;
	background-image:url("../../images/user/common/ico_download.png");
	background-position:30px center;
	background-repeat:no-repeat; 
}
.spot.next { 
	padding-right:165px;
}
.spot.next:after {
	content:"";
	position:absolute;
	border-bottom:1px solid #b3c4d7;
	border-right:1px solid #b3c4d7;
	width:83px;
	height:14px;
	transform:skewX(45deg);
	top:16px;
	right:40px;
}

.shortcut {
    border:1px solid #b5b5b5;
    color:#777;
}
.shortcut:after {
    content: "";
    display:inline-block;
    vertical-align:middle;
    margin-top:-3px;
    margin-left:10px;
    width:13px;
    height:13px;
    background: url('../../images/user/common/ico_shortcut.png') no-repeat;
}
.btn2.shortcut {
    padding-left:30px;
    padding-right:30px;
}
.btn3.down {
  margin-left:20px;
  border-color:#c9cacb;
}
.btn3.down:before {
    content: "";
    display:inline-block;
    width: 15px;
    height: 14px;
    background: url('../../images/user/common/ico_down.png') no-repeat;
    margin-top:-5px;
    vertical-align:middle;
    margin-right:9px;
}

/* ico */
.file { 
	display:block;
	*zoom:1;
	*display:inline;
	padding-left:23px;
	background:url('../../images/user/common/ico_file.png') 0 center no-repeat; 
	color:#0d69d0;
}
.ico.file {
    margin:0 auto;
    display:inline-block;
    height:28px;
}
.file ~ .file {
    background:none;
}
.file-block {
    display:block;
    color:#0d69d0;
    font-weight:400;
    text-decoration:underline;
}
p.file { 
	display:block;
	margin-top:10px;
}
p.file + p.file { margin-top:3px;}
a.file:hover, a.file-block:hover { text-decoration:underline; }
a.delete { 
	margin-left:8px;
	vertical-align:middle;
	display:inline-block;
	*zoom:1;
	*display:inline;
	background:url('../../images/user/common/ico_delete.gif') 0 6px no-repeat;
	text-indent:-999px;
	overflow:hidden;
	width:15px;
	height:18px;
}
.ico { 
	width:20px;
	height:20px;
	text-indent:-999px;
	overflow:hidden;
	padding-left:0;
}
i.star { 
	display:inline-block;
	width:11px;
	height:10px; 
	vertical-align:middle;
	background:url('../../images/user/common/star.svg') 0 0 no-repeat;
	position:relative;
	top:-1px;
}
a.homepage {
	display:inline-block;
	width:18px;
	height:18px; 
	vertical-align:middle;
	background:url('../../images/user/common/ico_monitor.png') 0 0 no-repeat;
	position:relative;
	top:-1px;
	overflow:hidden;
	text-indent:-9999px;
}
.ico-no,
.ico-yes {
    display:inline-block;
    border-radius:50%;
    font-size:14px;
    color:#fff;
    background:#888;
    width:26px;
    height:26px;
    line-height:26px;
    font-style:normal;
}
.ico-no {
    background-color:#1297ff;
}

/* common */


/* jquery-plugin tab : ui-tabs */
.tabs { 
	position: relative;
    margin-bottom:20px;
}
.tabs .ui-tabs-nav { 
	height:60px;
	width:100%;
	display:inline-block;
}
.tabs .ui-tabs-nav li { 
	float:left;
	white-space: nowrap;
	font-weight:400; 
	height:60px;
}
.tabs .ui-tabs-nav li + li .ui-tabs-anchor { border-left:0; }	
.tabs .ui-tabs-nav li:first-child .ui-tabs-anchor { }
.tabs .ui-tabs-nav .ui-tabs-anchor { 
	display:block;	
	color:#777;
	font-weight:400;
	font-size:18px;
	height:60px;
	line-height:58px;
	box-sizing:border-box;
	border-bottom:1px solid #cecece;
	text-align:center;
	position:relative;
}
.tabs .tabs-nav li + li a.ui-tabs-anchor { border-left:0; }
.tabs .ui-tabs-nav .ui-tabs-anchor:hover { 
	color:#003a79; 
}
.tabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.tabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover { 
	border-bottom:3px solid #003a79; 
	color:#003a79;
}
.tabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:after {
	content:"";
	width:0;
	height:0;
	position:absolute;
	border-bottom:8px solid #003a79;
	border-right:8px solid #003a79;
	border-top:8px solid transparent;
	border-left:8px solid transparent;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	bottom:-9px;
	left:50%;
	margin-left:-4px;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; }


/* -------------------------------------------------
    JQUERY-UI
------------------------------------------------- */

/* jquery-plugin : accordion */
.accordion { 
	border-top:2px solid #003a79;
	margin-top:15px;
}
.ui-accordion-header { 
	padding:13px 30px 13px 20px;
	line-height:22px;
	border-bottom:1px solid #dcdcdc;
	position:relative;
	/*background:url('../../images/user/common/acco_q.png') 20px 15px no-repeat;*/
	cursor:pointer;
	font-size:1.153em;
	color:#000;
	font-weight:300;
}
.ui-accordion-header cite { 
		color:#777;
		display:inline-block;
		width:40px; 
}
.ui-accordion-header-active { border-bottom:1px dashed #dcdcdc; }
.ui-accordion-header:hover,
.ui-accordion-header:focus { background-color:#fcfcfc;outline:0; }
.ui-accordion-header-icon { 
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:48px;
	background:url('../../images/user/common/select_arr.png') center center no-repeat; 
}
.ui-accordion-header-active .ui-accordion-header-icon { background:url('../../images/user/common/select_arr_up.png') center center no-repeat; }
.ui-accordion-content { 
	padding:15px 30px 15px 98px;
	border-bottom:1px solid #dcdcdc;
	color:#666;
	font-size:1.077em;
	background:url('../../images/user/common/acco_arr.gif') 65px 18px no-repeat;
}
.ui-accordion-content b,
.ui-accordion-content strong { font-weight:600; }

/* jquery-plugin :select-menu */
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index:99999;
}
.ui-selectmenu-menu ul {
	background:#fff;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
	max-height:400px;
}
.ui-selectmenu-menu .ui-menu li {
	padding:5px 10px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1.077em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	background:#fff;
	width:auto !important;
	font-size:13px;
	border-radius:0;
	border:1px solid #b3b3b3;
	vertical-align:top;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -10px;
	position: absolute;
	width:18px;
	height:20px;
	top: 50%;
	background:url("../../images/user/common/ico_selectmenu.png") center center no-repeat;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0 40px 0 10px;
	height:36px;
	line-height:36px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}

.ui-selectmenu-menu ul { border:1px solid #ccc; }
.ui-selectmenu-menu .ui-state-active { font-weight:bold; }
.ui-selectmenu-menu .ui-state-hover,
.ui-selectmenu-menu .ui-state-focus { background:#f9f9f9; }

/* jquery-plugin :  datepicker */
.datepicker { width : 120px !important}
.cal {width: 120px !important}
.cal + .ui-datepicker-trigger {
    position:relative;
    margin-left:-27px;
    vertical-align:middle;
}
.ui-datepicker { 
	background-color:#fff;
	border: 1px solid #dddddd;
	width: 200px;
	padding:12px 5px 5px;
	display: none; 
}
.ui-datepicker .ui-datepicker-header { 
	position: relative;
	padding: 0 0; 
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	overflow:hidden;
	position: absolute;
	top: 0px;
	width: 20px;
	height: 30px;
	background-image:url('../img/web/datepick_arr.png');
	text-indent:-999px;
	background-repeat:no-repeat;
	cursor:pointer; 
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { 
	background-image:url('../img/web/datepick_arr_on.png'); 
}
.ui-datepicker .ui-datepicker-prev { 
	left: 5px;
	background-position:0 center; 
}
.ui-datepicker .ui-datepicker-next { 
	right: 5px;
	background-position:right center;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { 
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 45%;
	margin-top: -8px; 
}
.ui-datepicker .ui-datepicker-title { 
	margin: 0 1em;
	line-height: 30px;
	text-align: center; 
}
.ui-datepicker .ui-datepicker-title select { 
	font-size: 1em;
	margin: 1px 0; 
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { 
	width: 40%;
	margin:0 2px;
	padding:1px;
	border:1px solid #aaa; 
}
.ui-datepicker table { 
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 10px 0 .2em;
	border-top:2px solid #aaa; 
}
.ui-datepicker th { 
	padding: .3em .3em;
	font-size:11px;
	text-align: center;
	height:14px;
	font-weight: bold;
	border: 0;
	border-bottom:1px solid #ddd;
	background-color:#fff;
	background:#f9f9f9;
}
.ui-datepicker tr:first-child td { border-top:0; }
.ui-datepicker td {	
	text-align:center;
	border: 0;
	padding: 1px;
	height:14px; 
}
.ui-datepicker td span,
.ui-datepicker td a { 
	display: block;
	padding: .2em;
	text-decoration: none;
	border-bottom:0; 
}
.ui-datepicker .ui-datepicker-buttonpane { 
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0; 
}
.ui-datepicker .ui-datepicker-buttonpane button { 
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible; 
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.hasDatepicker + img { margin-left:10px;vertical-align:middle; }

/* jquery-plugin dialog */
.ui-widget-overlay {
     position:fixed;
    width:100%;
    height:500%;
    top:0;
    left:0;
    background:#000;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:99999;
}
.ui-dialog {
    position:absolute;
    padding-bottom:10px;
    background:#fff;
    top:140px;
    z-index:100000;
}
.ui-dialog .ui-dialog-titlebar {
    background:#003a79;
    height:45px;
    padding:0 20px;
    position:relative;
}
.ui-dialog .ui-dialog-title {
    color:#fff;
    font-size:15px;
    line-height:45px;
}
.ui-dialog .ui-dialog-titlebar-close {
    position:absolute;
    width:45px;
    height:45px;
    overflow:hidden;
    top:0;
    right:10px;
    text-indent:-999px;
    background:url("../../images/user/common/pop_close_wht.png") center center no-repeat;
    border:0;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding:30px 40px 20px;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align:center;
}
.ui-dialog .ui-dialog-buttonpane button {
    display:inline-block;*zoom:1;*display:inline;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    cursor:pointer;
    border: none;
    padding:0 30px;
	height:40px;
	line-height:38px;
	font-size:14px;
	font-weight:300;
    background:#fff;
    color:#000;
    border:1px solid #003a79;
    box-sizing:border-box;
    outline:0;
}
.ui-dialog .ui-dialog-buttonpane button:only-child,
.ui-dialog .ui-dialog-buttonpane button.spot {
    background:#003a79;
    color:#fff;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

/* ui-autocomplete */
.ui-autocomplete { 
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	z-index:9999;
	max-height:300px;
	overflow-y:scroll;
    box-sizing:border-box;
}
.ui-autocomplete.ui-widget-content { 
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
	padding:7px 0;
	line-height:1.8em;
}
.ui-autocomplete .ui-menu-item  { padding:5px 10px;line-height:1.8em; }
.ui-autocomplete .ui-menu-item:hover { background:#f5f5f5; }
.ui-autocomplete .ui-menu-item .ui-state-hover,
.ui-autocomplete .ui-menu-item .ui-state-focus{ 
	display:block;
	background:#f5f5f5;
}
.ui-helper-hidden-accessible { 
	position: absolute;
	left: -9999px; 
}

/* -----------------------
	SITE-HEADER 
 ----------------------- */
/* util */
.site-header { 
	position:absolute;
    top:0;
    left:0;
    right:0;
    padding:40px 30px;
    width:100%;
    box-sizing:border-box;
    z-index:100;
}
.site-header.fixed {
    position:fixed;
}
.m-site-header {
    display:none;
}
.site-header a {
    color:#fff;
}
.site-header .logo {
    position:absolute;
    top:30px;
}
.site-header .logo a {
    display:block;
    width: 69px;
    height: 196px;
    background-image: url('../images/common/logo.png');
    text-indent: -9999px;
}
.site-header nav {
    margin-left:110px;
}
.site-header .site-gnb li {    
    display:inline-block;
    margin-right:24px;
    font-size:15px;
}
.site-header .site-gnb li a {
	display:block;
    transition:all .3s;
	border:2px solid transparent;
	border-radius:14px;
	padding:0 10px 1px;
	position:relative;
}
.site-header .site-gnb li a:before {
    content:"";
    position:absolute;    
    width:6px;
    height:6px;
	top:9px;
	left:-2px;
    vertical-align:middle;
    background:#fff;
    border-radius:50%;
    transition:all .3s;
	opacity:1;
}
.site-header .site-gnb li a:hover {
	border:2px solid #fff;	
}
.site-header .site-gnb li a:hover:before {
	opacity:0;
} 
.site-header .btn-buy {
    position:absolute;
    top:40px;
    right:20px;
    display:block;
    border:1px solid rgba(255,255,255,.6);
    font-size:13px;
    height:20px;
    line-height:17px;
    padding:0 6px 0 5px;
    transition:all .3s;
}
.site-header .btn-buy:hover {
    background:rgba(255,255,255,.3);
}
/* -----------------------
	SITE-FOOTER 
 ----------------------- */
.site-footer {
    padding:40px 20px 60px;
    text-align:center;
}
.footer-txt {
    margin:0 auto;
    font-family:'Nanum Myeongjo', '나눔명조', NanumMyeongjo,'Noto Serif KR', 'serif';
    font-size:20px;
    line-height:1.5em;
    max-width:500px;
}
.footer-txt img {
    display:block;
    max-width:100%;
}
.site-footer figure {
    margin-top:25px;
    margin-bottom:5px;
}
.site-footer figure img {
    display:block;
    max-width:100%;
    margin:0 auto;
}
.site-footer figcaption {
    display:block;
    margin-top:30px;
    font-size:15px;
    color:#000;
    font-weight:700;
}
.site-footer address {
    font-size:12px;
    color:#a9a9a9;
    letter-spacing:-0.01em;
}
.site-footer address span{
    margin:0 10px;
}
.site-footer address dl {
    overflow:hidden;
    line-height:1.5em;
}
.site-footer address dt,
.site-footer address dd {
    display:inline-block;
    white-space:nowrap;
}
.site-footer address dt {
    margin-left:5px;
    margin-right:5px;
}
.site-footer address dd {
    margin-right:10px;
}
.site-footer .copyright {
    margin-top:15px;
    font-size:10px;
    color:#000;
	letter-spacing:0em;
}
/* paging */
ul.paging  { 
	display:block;
	margin:20px auto 0 auto;
	padding:0;
	overflow:hidden;
	text-align:center; 
}
ul.paging li { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin:0 2px;
	*margin:0 3px;
	padding:0;
	letter-spacing:-1px;
	vertical-align:middle; 
}
*+html body ul.paging li{ vertical-align:top; }
ul.paging li a          { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	color:#777;
	width:30px;
	height:35px;
	line-height:35px;
	text-align:center;
	margin:0;
	vertical-align:bottom;
	text-decoration:none; 
	font-size:16px;
}
*+html body ul.paging li,*+html body ul.paging li a { display:inline; }
*+html body ul.paging li.pv,*+html body ul.paging li.ffw { margin-left:0; }
ul.paging li.ppv a,
ul.paging li.ffw a,
ul.paging li.pv a,
ul.paging li.fw a       { 
	width:35px;
	height:35px;
	line-height:33px;
	text-indent:-9999px;
	padding:0;
	position:relative;
	box-sizing:border-box;
	border:1px solid #aaa;
	background:#fff;
}

ul.paging li.pv { margin-right:20px; }
ul.paging li.fw { margin-left:20px; }
ul.paging li.ppv { position:relative;right:-8px; }
ul.paging li.ffw { position:relative;left:-8px; }
*+html body ul.paging li.ppv a,
*+html body ul.paging li.ffw a,
*+html body ul.paging li.pv a,
*+html body ul.paging li.fw a   { display:block; }

ul.paging li.ppv a:before,
ul.paging li.ffw a:before,
ul.paging li.ppv a:after,
ul.paging li.ffw a:after,
ul.paging li.pv a:before,
ul.paging li.fw a:before { 
	content:"";
	position:absolute;
	display:block;
	width:11px;
	height:11px;
	position:absolute;
	border-top:1px solid #9e9e9e;
	border-left:1px solid #9e9e9e;
	top:11px;
}
ul.paging li.pv a:before,
ul.paging li.ppv a:before,
ul.paging li.ppv a:after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
ul.paging li.fw a:before,
ul.paging li.ffw a:before,
ul.paging li.ffw a:after {
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
}
ul.paging li.pv a:before { left:13px; }
ul.paging li.fw a:before { right:13px; }
ul.paging li.ppv a:before { left:10px; }
ul.paging li.ppv a:after { left:16px; }
ul.paging li.ffw a:before { right:10px; }
ul.paging li.ffw a:after { right:16px; }

ul.paging li.disabled a,
ul.paging li.disabled a:hover,
ul.paging li.disabled a:focus { 
	background-position:0 0; 
}
ul.paging li a:hover,
ul.paging li a:focus { 
	color:#003a79;
}
ul.paging li.pv  a:hover, ul.paging li.pv a:focus,
ul.paging li.fw  a:hover, ul.paging li.fw a:focus,
ul.paging li.ppv a:hover, ul.paging li.ppv a:focus,
ul.paging li.ffw a:hover, ul.paging li.ffw a:focus {
	border:1px solid #003a79;
	z-index:1;
}
ul.paging li.ppv a:hover:before, ul.paging li.ppv a:focus:before,
ul.paging li.ffw a:hover:before, ul.paging li.ffw a:focus:before,
ul.paging li.ppv a:hover:after,  ul.paging li.ppv a:focus:after,
ul.paging li.ffw a:hover:after,  ul.paging li.ffw a:focus:after,
ul.paging li.pv a:hover:before,  ul.paging li.pv a:focus:before,
ul.paging li.fw a:hover:before,  ul.paging li.fw a:focus:before { 
	border-top:1px solid #3682d8;
	border-left:1px solid #3682d8;
}
ul.paging li.now a,
ul.paging li.now a:hover,
ul.paging li.now a:focus { 
	color:#000;
	font-weight:400; 
}

/* popup */
.w800, 
.w1000 {
	position:absolute;
	width:1100px;
	left:50%;
	margin-left:-500px;
	z-index:9990;
	top:200px;
}
.w800 {
	width:800px;
	margin-left:-400px;	
}
.layerPopup { 
    background-color:#ffffff; 
	box-sizing:border-box;
	border:1px solid #000000;
	position:absolute;
	width:640px;
	margin-left:-320px;
	left:50%;
	top:15%;
	box-shadow:3px 3px 15px rgba(0,0,0,.2);
	z-index:9990;
}
.layerPopup .pop-header { 
	position:relative;
}
.layerPopup .pop-header h1 { 
	font-weight:500;
	text-align:center;
	padding-top:50px;
	font-size:30px;
	color:#003a79;
}
.layerPopup .pop-header h1:after {
	content:"";
	height:2px;
	width:53px;
	display:block;
	margin:20px auto 0;
	background:#003a79;
}
.layerPopup .pop-close { 
	position:absolute;
	right:-43px;
	top:0px;
	width:34px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background-size:31px;
}
.layerPopup .pop-close:before { 
	content:"";
	position:absolute;
	width:160%;
	height:2px;
	background:#000;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	top:14px;
	left:-30%;
}
.layerPopup .pop-close:after { 
	content:"";
	position:absolute;
	width:140%;
	height:2px;
	background:#000;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:14px;
	left:-20%;
}
.layerPopup .pop-body { 
	padding:50px 50px 70px 50px;  
	margin:0 auto;
}
.layerPopup .pop-body h3,
.layerPopup .pop-body h4 { margin-top:0; }
.layerPopup .pop-body h3 ~ h3,
.layerPopup .pop-body h4 ~ h4 { margin-top:40px; }
.layerPopup .pop-body .btn-cont:first-child { margin-top:0; }
.layerPopup .pop-comment { 
	color:#666;
	margin-top:8px;
	margin-bottom:10px; 
}
.layerPopup .border-box + .pop-comment { margin:8px 0 0 0; }
.layerPopup .pop-comment a { 
	color:#444;
	border-bottom:1px solid #666;
	font-weight:600; 
}

/* main */
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

.fullpage > * {
    position:relative;
}
.fullpage .section {
    background-size:cover;
    background-position:center;
}
.fullpage .section .txt {
    position:absolute;
    top:50%;
    left:50%;
   -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color:#fff;
    transition:all .7s;
}
.fullpage .txt {
    color:#fff;
    text-align:center;
    opacity:0;
    width:90%;
    padding-left:5%;
    padding-right:5%;
}
.fullpage .section.fp-completely .txt {
    opacity:1;
}
.fullpage .txt h2 {
    font-family:'Nanum Myeongjo', '나눔명조', NanumMyeongjo,'Noto Serif KR', 'fontnm';
    font-weight:400;
    color:#fff;
    letter-spacing:-0.1em;
}
.fullpage .txt h2 {
    margin:0 auto;
    max-width:500px;
}
.fullpage .txt h2 img {
    display:block;
    max-width:100%;
}
.fullpage #section0 {
    background-image: url('../images/main/bg0.jpg');
}
.fullpage #section1 {
    background-image: url('../images/main/bg1.jpg');
}
.fullpage #section2 {
    background-image: url('../images/main/bg2.jpg');
}
.fullpage #section3 {
    background-image: url('../images/main/bg3.jpg');
}
.fullpage #section4 {
    background-image: url('../images/main/bg4.jpg');
}
.fullpage #section0 .txt {
    top:58%;
    opacity:1;
}
.fullpage #section0 h2 {
    line-height:1.378em;
    font-size:45px;
}
.fullpage #section0 h2 strong {
    font-size:56px;
    font-weight:400;
}
.fullpage #section1 .txt,
.fullpage #section2 .txt {
    max-width:420px;
}
/*.fullpage #section1 .txt h2,
.fullpage #section2 .txt h2 {
    font-size:154px;
    line-height:1em;
    border-bottom:1px solid #fff;
}*/
.fullpage #section1 .txt h2 + h2,
.fullpage #section2 .txt h2 + h2 { margin-top:0.2em; }
.fullpage #section1 .txt p,
.fullpage #section2 .txt p {
    margin-top:55px;
    font-size:16px;
    letter-spacing:-0.1em;
	font-weight:300;
	white-space:pre-line;
}
.fullpage #section1 .txt h2 strong {
	font-weight:normal;
    color:#1a324f;
}
.fullpage #section2 .txt h2 strong {
	font-weight:normal;
    color:#584c43;
}
.fullpage #section2 .txt p {
    color:#584c43;
}
.fullpage #section2 .txt {
    left:74%;
}
.fullpage #section3 .txt {
    top:73%;
}
.fullpage #section3 .txt h2 {
    font-size:40px;
    line-height:1.4em;
}
.scroll-next {
	position:fixed;
	bottom: 20px;
	left:50%;
    color:#fff;
    font-family:Tahoma;
    font-weight:700;
    font-size:11px;
    letter-spacing:0.01em;
    z-index:100;
}
.scroll-next:before {
    content:"";
    display:block;
    margin-bottom:10px;
    width:38px;
    height:38px;
    border:1px solid #fff;
    border-radius:50%;
}
.scroll-next:after {
    content:"";
    position:absolute;
    left:50%;
    top:9px;
    margin-left:-9px;
    width:13px;
    height:13px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
}
.scroll-next:hover {
	animation-duration: 2s;
    animation-name: jump;
	animation-iteration-count: infinite;
	animation-timing-function:ease-out;
}

/***************
	SUB
**************/
.visual {
    height: 650px;
    background: url('../images/visual/intro.jpg') center bottom;
    background-size:cover;
}
.visual .wrap {
    position:relative;
    height:100%;
}
.visual h2 {
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size:27px;
    line-height:1.2em;
    padding:25px 10px;
    width:30px;
    color:#fff;
    background:#e60012;
    border-radius:4px;
    text-align:center;
    font-family:'Nanum Myeongjo', '나눔명조', NanumMyeongjo,'Noto Serif KR','serif';
    word-break:break-all;
}
.visual h2:before {
    content: "";
    position: absolute;
    bottom:0;
    margin-bottom:-19px;
    width: 22px;
    height: 19px;
    background: url('../images/visual/arr_red.png') no-repeat;
}
.visual-intro h2,
.visual-product h2,
.visaul-loaction h2 {
    padding-top:65px;
    padding-bottom:65px;
}
.visual-brand {
    background-image: url('../images/visual/brand.jpg');
}
.visual-story {
    background-image: url('../images/visual/story.jpg');
}
.visual-nfc {
    background-image: url('../images/visual/nfc.jpg');
}
.visual-product {
    background-image: url('../images/visual/product.jpg');
}
.visual-location {
    background-image: url('../images/visual/location.jpg');
}
.site-body > section {
    padding-top:55px;
    padding-bottom:55px;
    width:1000px;
    margin:0 auto;
    overflow:hidden;
}
.site-body > section + section { padding-top:0; }
.waypoint,
.waypoint * {
    transition:all 1s;
}
.full-img {
    position:relative;
    text-align:center;
}
.full-img img {
    max-width:100%;
}
.full-img img.m-none,
.full-img img.m-block {
    margin:0 auto;
    width:100%;
}
.full-img .img-txt {
    position:absolute;
    top:40%;
    left:50%;
    max-width:100%;
    opacity:0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.full-img.animate img + img  {
    top:50%;
    opacity:1;
}
.site-body > section .full-img{
    margin-top:40px;
}
.tit {
    margin-bottom:50px;
    padding-bottom:9px;
    font-size:19px;
    font-weight:400;
    color:#3f3a39;
    border-bottom:1px solid #aaa;
}
.tit-img {
    margin-bottom:60px;
}
.tit-img img {
    display:block;
    width:100%;
}
/* intro */
.intro img{
    display:block;
    /* max-width:100%;*/
}
.intro { font-size:0;line-height:0; }
.intro > div {
    display:inline-block;
    width:47%;
}
.intro > figure:not(.full-img) {
    margin-left:-3px;
    display:inline-block;
    width:50%;
    padding-left:3%;
    text-align:right;
}
.intro-logo{
    display:block;
    width:88px;
    margin-bottom:25px;
}
.intro p {
    font-size:19px;
    line-height:1.684em;
	white-space:pre-line;
	margin-top:25px;
	letter-spacing:-0.075em;
}
/*.intro  .full-img {
    margin-top:30px;
}*/
.site-body > section.intro-list { padding-bottom:0; }
.intro-list li {
    padding:40px 25px;
    overflow:hidden;
	position:relative;
}
.intro-list li + li {
    border-top:1px solid #aaa;
}
.intro-list li:nth-child(2n) > div {
    float:right;
}
.intro-list li:nth-child(2n) figure {
    float:left;
}
.intro-list li > div {
    float:left;
    padding:0;
    box-sizing:border-box;
	white-space:pre-line;
	position:absolute;
	top:30px;
}
.intro-list li:first-child + li > div {
	left:53%;
}
.intro-list figure {
    float:right;
}
.intro-list img{
    display:block;
    max-width:100%;
}
.intro-list  p {
   /* margin-top:20px;*/
}

/* brand */
.brand-ci cite{
    position:absolute;
    top:-40px;
    left:0;
    font-size:14px;
    font-weight:bold;
    color:#221815;
}
.brand-ci ul { padding-top:20px; }
.brand-ci li {
    position:relative;
    padding-top:0;
    padding-bottom:70px;
    min-height:180px;
    padding-left:327px;
    font-size:12px;
    line-height:1.333em;
    font-weight:200;
    color:#221815;
}
.brand-ci li:last-child {
    padding-bottom:40px;
}
.brand-ci li figcaption {
    font-size:12px;
    line-height:1.333em;
    font-weight:500;
    color:#221815;
}
.brand-ci li + li {
    padding-top:60px; 
    border-top:1px solid #aaa;
}
/*.brand-ci li + li cite {
    top:20px;
}*/
.brand-ci img {
    display:block;
    max-width:100%;
}
.brand-ci li > figure {
    position:absolute;
    left:0;
    top:0;
}
.brand-ci li + li > figure {
    top:70px;
}
.brand-ci li > figure img,
.brand-ci li > figure figcaption {
    display:inline-block;
    vertical-align:top;
}
.brand-ci li > figure > figcaption {
    margin-left:30px;
}
.brand-ci li  > div {
    border-left:1px solid #aaa;
    overflow:hidden;
    padding-left:60px;
    box-sizing:border-box;
}
.brand-ci li  > div figure {
    float:left;
    width:25%;
    padding:0 28px;
    box-sizing:border-box;
    text-align:left;
}
.brand-ci li  > div figcaption {
    margin-bottom:20px;
    font-size:12px;
    line-height:1.333em;
    font-weight:500;
    color:#221815;
}
.brand-ci li  > div figcaption span {
    display:block;
    white-space:nowrap;
}
.brand-icon {
   position:relative;
}
.brand-icon > img {
    position:absolute;
}
.brand-icon table {
    margin-top:-40px;
    margin-left:25%;
    width:75%;
    box-sizing:border-box;
}
.brand-icon table th,
.brand-icon table td {
    padding-top:40px;
    padding-bottom:40px;
    border-bottom:1px solid #bbb;
    text-align:left;
    vertical-align:top;
}
.brand-icon table td p {  }
.brand-icon table th {
    font-family:'Nanum Myeongjo', '나눔명조', NanumMyeongjo,'Noto Serif KR','serif';
    color:#000;
    font-size:19px;
}
.brand-icon table td  {
    font-size:12px;
    color:#727171;
    line-height:1.5em;
    font-weight:400;
}
.brand-icon table td img {
    display:inline-block;
    max-width:100%;
    vertical-align:top;
}
.brand-icon table td span {
    display:block;
}
.brand-icon table td:nth-child(5) {
    color:#221815;
    font-weight:500;
}

/* story */
.story-make {
    overflow:hidden;
}
.story-make figure,
.story-make ol {
    float:left;
    width:50%;
    box-sizing:border-box;
}
.story-make figure img {
    display:block;
    width:100%;
}
.story-make ol {
    width:calc(50% - 20px);
    margin-left:20px;
    background:#f0f0f0;
    padding:25px 33px;
    counter-reset: section;  
}
.story-make li {
    padding:30px 0;
}
.story-make li + li {
    border-top:1px solid #fff;
}
.story-make ol li:before {
   counter-increment: section;      
   content: counter(section); 
   display:inline-block;
   margin-right:9px;
   width: 25px;
   height:25px;
   line-height:25px;
   text-align:center;
   border-radius:50%;
   background:#e31d1a;
   color:#fff;
   font-size:16px;
   font-weight:700;
   vertical-align:middle;
}
.story-make li cite {
    color:#e31d1a;
    font-size:25px;
    font-weight:400;
    vertical-align:middle;
}
.story-make li p {
    margin-top:10px;
    font-size:19px;
    color:#3f3a39;
    line-height:1.55em;
    font-weight:300;
	letter-spacing:-0.065em;
	white-space:pre-line;
}
.story-info li {
    position: relative;
    margin-bottom:65px;
    padding-left: 200px;
    padding-bottom:50px;
    padding-right:18%;
    border-bottom:1px solid #c7c6c6;
	letter-spacing:-0.08em;
    background: url('../images/story/num1.gif') 20px top no-repeat;
}
.story-info li:last-child {
    border-bottom:none;
    margin-bottom:0;
}
.story-info li:nth-child(2) {
    background-image: url('../images/story/num2.gif');
}
.story-info li:nth-child(3) {
    background-image: url('../images/story/num3.gif');
}
.story-info li:nth-child(4) {
    background-image: url('../images/story/num4.gif');
}
.story-info li cite {
    display:block;
    font-size:37px;
    font-weight:500;
    color:#3d3d3d;
    line-height:1.5em;
}
.story-info li cite strong {
    color:#5a8e36;
}
.story-info li p {
    font-size:25px;
    color:#959595;
    line-height:1.44em;
	white-space:pre-line;
	margin-top:5px;
}
.story-info li img {
    position:absolute;
    top:0;
    right:1%;
    width:14%;
}

/* nfc */
.nfc-intro .txt-img {
    float:left;
    width:35.3%;
    margin-bottom:70px;
    /*padding-right:7.2%;*/
}
.nfc-intro .txt-img {
    max-width:100%;
}
.bar {
    border-left:15px solid #dedede;
    border-right:15px solid #dedede;
    border-top:3px solid #dedede;
    border-bottom:3px solid #dedede;
}
.bar > * {
    display:block;
    background:#fff;
    margin-top:-3px;
    margin-bottom:-3px;
    margin-left: 40px;
    margin-right:40px;
    padding:0 40px;
    box-sizing:border-box;
}
.nfc-intro .nfc-intro-txt {
    margin-bottom:70px;
    position:relative;
    float:right;
    width:57.5%;
}
.nfc-intro .nfc-intro-txt p {
    font-size:33px;
    line-height:1.67em;
    color:#2e2e2d;
    font-weight:400;
    letter-spacing:-0.07em;
	white-space:pre-line;
}
.nfc-intro .nfc-intro-txt p strong {
    font-weight:700;
    color:#5a8e36;
    white-space:nowrap;
}
.nfc-intro figure {
    clear:both;
    border-radius:20px;
    overflow:hidden;
}
.nfc-intro figure img {
    width:100%;
}
.nfc-intro ul {
    margin:25px 0; 
    display:table;
	table-layout:fixed;
    overflow:hidden;
    margin-left:-3px;
	width:100%;
}
.nfc-intro li {
    display:table-cell;
    border-left:3px solid #fff;
    background:#5a8e36;
    text-align:center;
    vertical-align:middle;
    color:#fff;
    padding:30px 0;
    font-size:20px;
    line-height:1.45em;
    letter-spacing:0;
	white-space:pre-line
}
.nfc-intro li:first-child {
    border-left:none;
}
.nfc-factory ul {
    margin-left:-25px;
    overflow:hidden;
}
.nfc-factory ul li {
    float:left;
    width:calc(33.33% - 25px);
    margin-bottom:35px;
    margin-left:25px;
    text-align:center;
    color:#555;
    font-size:22px;
}
.nfc-factory ul li figure {
    margin-bottom:10px;
    border-radius:20px;
    overflow:hidden;
}
.nfc-factory ul li figure img {
    display:block;
    width:100%;
}
.nfc-factory > div {
    margin-bottom:25px;
    padding:30px 30px 35px 40px;
    border:7px solid #5a8e36;
    overflow:hidden;
}
.nfc-factory > div figure {
    position:relative;
    float:left;
    padding-left:105px;
    width:48%;
    box-sizing:border-box;
}
.nfc-factory > div figure + figure { width:52% }
.nfc-factory > div figure img {
    position:absolute;
    left:0;
    width:94px;
}
.nfc-factory > div figcaption {
    padding-top:5px;
    font-size:18px;
    line-height:1.611em;
    font-weight:400;
    color:#2a2a2a;
	letter-spacing:-0.05em;
	white-space:pre-line;
}

/* product */
.product-intro h3 {
    float:right;
    width:26.2%;
}
.product-intro h3 img {
    max-width:100%;
}
.product-intro > div img {
    max-width:100%;
    vertical-align:top;
    width:21.1%;
}
.product-intro > div .logo {
    margin-right:11%;
	width:auto;
} 
.product-list-tit {
    text-align:center;
}
.product-list-tit img {
    max-width:100%;
}
.product-list ul{
    margin-top:35px;
    padding:3px 0;
    border-top:2px solid #3f3a39;
    border-bottom:2px solid #3f3a39;
}
.product-list li {
    overflow:hidden;
    padding:65px 0;
    border-bottom:1px solid #3f3a39;
}
.product-list li:first-child {
     border-top:1px solid #3f3a39;
}
.product-list li figure {
    float:right;
    width:54%;
    box-sizing:border-box;
    border:1px solid #c9c9c9;
}
.product-list li figure img {
    display:block;
    width:100%;
}
.product-list-info {
    float:left;
    width:40%;
    padding-left:1.5%;
    padding-right:3.5%;
}
.product-list-info dl {
    position:relative;
    padding-left:58%;
}
.product-list-info dt {
    position:absolute;
    top:0;
    left:0;
    width:43%;
}
.product-list-info dt img {
    width:100%;
}
.product-list-info dt span {
   display:block;
   margin-top:10px;
   font-size:26px;
   font-weight:500;
   letter-spacing:0;
   color:#221815;
}
.product-list-info dd {
    padding:8px 0 10px 0;
    border-top:1px dashed #b8b8b8;
    font-size:17px;
    color:#000;
}
.product-list-info dd:before {
	content: "";
	display: inline-block;
	margin-left:5px;
	margin-right:5px;
	width: 16px;
	height: 18px;
	margin-top:-2px;
	background: url('../images/product/check.png') no-repeat;
	background-size:100% auto;
	vertical-align:middle;
}
.product-list-info dd:last-child {
    border-bottom:1px dashed #b8b8b8;
}
.product-list-info p {
    margin-top:50px;
    line-height:1.579em;
    font-size:19px;
    color:#898989;
	letter-spacing:-0.075em;
}
.product-info > div {
    margin-top:65px;
    overflow:hidden;
	position:relative;
}
.product-info > div figure {
    float:left;
    width:37%;
    margin-right:5%;
}
.product-info > div figure img {
    max-width:100%;
}
.product-info > div p {
    float:right;
    width:59%;
    margin-top:-6px;
    font-size:24px;
    color:#303030;
    line-height:1.5em;
	position:absolute;
	right:0;
	top:0;
	white-space:pre-line;
	letter-spacing:-0.1em;
}

/* location */
.location-intro {
    margin-bottom:60px;
    overflow:hidden;
}
.location-intro .bar {
    float:left;
    padding-left:2%;
    padding-right:2%;
    margin-right:5%;
    width:440px;
    box-sizing:border-box;
}
.location-intro cite {
    margin-left:10px;
    margin-right:10px;
    font-size:88px;
    font-family:'Nanum Myeongjo', '나눔명조', NanumMyeongjo,'Noto Serif KR','serif';
    letter-spacing:-0.01em;
    line-height:0;
    color:#585858;
    text-align:center;
}
.location-intro cite img {
    max-width:100%;
    margin:0 auto;
}
.location-intro cite span {
    display:block;
    /*border-bottom:1px solid #585858;*/
	line-height:0.9em;
}
.location-intro cite span + span { margin-top:0.2em }
.location-intro p {
    float:right;
    width:calc(95% - 440px);
    font-size:20px;
    line-height:2em;
    color:#434343;
	letter-spacing:-0.075em;
	margin-top:-0.55em;
}
.map {
    clear:both;
	margin-bottom:50px;
	height:620px;
}
.location-info {
    margin-top:40px;
}
.location-info figure {
    float:left;
    width:27%;
    text-align:center;
}
.location-info figure img {
    max-width:145px;
}
.location-info figcaption {
    margin-top:20px;
    font-size:21px;
    color:#242424;
}
.location-info ul {
    float:right;
    margin:-20px 5% 0;
    width:63%;
}
.location-info li  {
    position:relative;
    padding:20px 20px 20px 30%;
    font-size:19px;
    color:#656565;
}
.location-info li cite {
    position:absolute;
    left:20px;
    top:20px;
    color:#242424;
}
.location-info li + li {
    border-top:1px dashed #aaa;
}

/*********
	1024px 
**************/
@media screen and (max-width:1024px) {
    .site-body > section {
        padding:10vw 6vw;
    }
    .site-body > section + section{
        padding-top:0;
    }
    .nfc-intro {
        text-align:center;
    }	
    .nfc-intro .txt-img {
        float:none;
        margin:0 auto;
        width:auto;
        margin-bottom:5vw;
    }
    .bar {
        box-sizing:border-box;
    }
    .bar > * {
        display:block;
        margin-left: 4vw;
        margin-right:4vw;
        padding:0 4vw;
    }
    .nfc-intro .nfc-intro-txt {
        margin-left:0;
        margin-bottom:5vw;
        position:relative;
        float:none;
        width:100%;
    }
}
/***************
	768px : 태블릿 뷰 시작
**************/
@media screen and (max-width:768px) {    
    .m-none {
        display:none;
    }
    .m-block {
        display:block;
    }

    .site-header {
        display:none;
    }
    .m-site-header {
        display:block;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        background:rgba(255,255,255,.9);
        z-index:100;
        padding:3vw 4vw 1vw 4vw;
        box-sizing:border-box;
        z-index:300;
    }
    .m-site-header .logo {

    }
    .m-site-header .logo  a {
        display:block;
        width: 11.6vw;
        height: 14vw;
        text-indent: -9999px;
        background: url('../images/common/logo_red2.png') no-repeat;
        background-size:100%;
    }
    .m-site-header .site-gnb {
        margin-top:1vw;
        display:table;
        width:100%;
        box-sizing:border-box;
    }
    .m-site-header .site-gnb li {
        /*display:inline-block;*/
        display:table-cell;
        text-align:center;
    }
    .m-site-header .site-gnb li + li {
        margin-left:3.5vw;
    }
    .m-site-header .site-gnb li a {
        position:relative;
        font-size:3vw;
    }
    .m-site-header .site-gnb li a:before {
        content:"";
        display:inline-block;
        margin-right:0.8vw;
        width:5px;
        height:5px;
        background:#e60012;
        border-radius:50%;
        vertical-align:middle;
        margin-top:-2px;
    }
    .m-site-header .btn-menu {
        position:absolute;
        width:5.5vw;
        height:4.5vw;
        top:3.5vw;
        right:4vw;
    }
    .m-site-header .btn-menu:before,
    .m-site-header .btn-menu::after {
        content:"";
    }
    .m-site-header .btn-menu:before,
    .m-site-header .btn-menu::after,
    .m-site-header .btn-menu span {
        position:absolute;
        text-indent:-9999px;
        width:100%;
        height:3px;
        background:#313131;
        border-radius:1em;
        transition:all .5s;
    }
    .m-site-header .btn-menu:before {
        top:0;
    }
    .m-site-header .btn-menu:after {
        bottom:0;
    }
    .m-site-header .btn-menu span {
        top:50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .m-site-header .btn-menu.active {
        z-index:901;
    }
    .m-site-header .btn-menu.active span{
        display:none;
    }
     .m-site-header .btn-menu.active:before,
     .m-site-header .btn-menu.active:after  {
        top:50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .m-site-header .btn-menu.active:before {
         -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
     }
    .m-site-header .btn-menu.active:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .m-site-header .site-menu {
        display:none;
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        right:0;
        width:100%;
        height:100%;
        /*background:rgba(255,255,255,.95);*/
        box-sizing:border-box;
        z-index:100;
        /*padding-top:29vw;*/
        padding-top:13vh;
        padding-left:49.6vw;
        padding-right:8.3vw;
        background: url('../images/common/tree_gray.png') center bottom rgba(255,255,255,.95) no-repeat;
        background-size:90%;
        z-index:900;
    }
    .m-site-header .site-menu h1 {
        position: absolute;
        left:9.5vw;
        /*top:29vw;*/
        top:13vh;
        display: block;
        width: 19vw;
        height: 58.1vw;
        background-image: url('../images/common/logo_red.png');
        background-size:100%;
        text-indent: -9999px;
    }
    .m-site-header .site-menu ul {
        border-bottom: 1px dashed #535353;
    }
    .m-site-header .site-menu li {
        border-top:1px dashed #535353;
    }
    .m-site-header .site-menu li a {
        display:block;
        padding:4vw 4vw;
        white-space:nowrap;
    }
     .m-site-header .site-menu li a:before {
         content:"";
         display:inline-block;
         margin-right:2vw;
         width:5px;
         height:5px;
         background:#eb0000;
         vertical-align:middle;
         border-radius:50%;
     }
    .fullpage .section .txt {
            
    }
    .fullpage .txt {
        color:#fff;
        text-align:center;
        opacity:0;
        width:90%;
        padding-left:5%;
        padding-right:5%;
    }
    .fullpage #section0 {
        background-image: url('../images/main/m_bg0.jpg');
    }
    .fullpage #section1 {
        background-image: url('../images/main/m_bg1.jpg');
    }
    .fullpage #section2 {
        background-image: url('../images/main/m_bg2.jpg');
    }
    .fullpage #section3 {
        background-image: url('../images/main/m_bg3.jpg');
    }
    .fullpage #section4 {
        background-image: url('../images/main/m_bg4.jpg');
    }
    .fullpage #section0 .txt {
        top:35%;
        opacity:1;
    }
	.fullpage #section0 h2,
    .fullpage #section3 h2 {
        width:65vw;
    }
    .fullpage #section0 h2 {
        line-height:1.378em;
        font-size:5.9vw;
		text-shadow:0 0 3px rgba(0,0,0,.5);
    }
    .fullpage #section0 h2 strong {
        font-size:7.5vw;
    }
    .fullpage #section1 .txt,
    .fullpage #section2 .txt {
        max-width:55%;
    }
    .fullpage #section1 .txt h2,
    .fullpage #section2 .txt h2 {
        font-size:20vw;
    }
    .fullpage #section1 .txt p,
    .fullpage #section2 .txt p {
        text-align:center;
        margin-top:6vw;
        font-size:2.14vw;
        line-height:1.619em;
        letter-spacing:-0.075em;
    }
    .fullpage #section2 .txt {
        left:50%;
    }
    .fullpage #section3 .txt {
        top:40%;
    }
    .fullpage #section3 .txt h2 {
        font-size:6.6vw;
    }
    .scroll-next {
        display:none !important;
    }
    /* -----------------------
	    SITE-FOOTER 
     ----------------------- */
    .site-footer {
        padding:9vw 3.5vw;
    }
    .footer-txt {
        font-size:4vw;
    }
    .site-footer figure {
        width:35vw;
        margin:5vw auto 2vw;
    }
    .site-footer figcaption {
        display:block;
        margin-top:3vw;
        font-size:2.8vw;
    }
    .site-footer address {
        font-size:2.2vw;
        line-height:1.455em;
    }
    .site-footer address span{
        margin:0 1.5vw;
    }
    .site-footer address dt {
        margin-left:1vw;
        margin-right:0.5vw;
    }
    .site-footer address dd {
        margin-right:1vw;
    }
    .site-footer .copyright {
        margin-top:2vw;
        font-size:1.8vw;
    }
    /***************
	    SUB
    **************/
     /*.visual {
        height: 80vh;
        background-image: url('../images/visual/m_intro.jpg');
        background-size: cover;
    }*/
	
	.site-body > section { width:auto; }
    .visual {
        margin-top:26vw;
        height: 64.6vw;
        background-image: url('../images/visual/m_intro.jpg');
        background-size: cover;
        background-repeat:no-repeat;
    }
    .visual .wrap {
        position:relative;
        height:100%;
    }
    .visual h2 {
        display:block;
        width:5vw;
        right:8vw;
        font-size:5vw;
        padding:4vw 2vw; 
        margin-top:-1.7vw;
    }
    .visual-intro h2,
    .visual-product h2,
    .visaul-loaction h2 {
        padding-top:6.5vw;
        padding-bottom:6.5vw;
    }
    .visual h2:before {
        margin-bottom:-3.5vw;
        width:3.8vw;
        height:3.5vw;
        background-size:100% auto;
    }
    .visual-brand {
        background-image: url('../images/visual/m_brand.jpg');
    }
   .visual-story {
        background-image: url('../images/visual/m_story.jpg');
    }
    .visual-nfc {
        background-image: url('../images/visual/m_nfc.jpg');
    }
    .visual-product {
        background-image: url('../images/visual/m_product.jpg');
    }
    .visual-location {
        background-image: url('../images/visual/m_location.jpg');
    }
    .site-body > section .full-img {
        /*margin-left:-10%;
        width:120%;*/
        width:100%;
    } 
    
    .full-img .img-txt {
        display:none;
        /*left:10%;
        width:80%;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);*/
    }
    .tit,
    .tit-img {
        font-size:3.4vw;
        margin-bottom:5vw;
    }

    /* .intro */
    .intro .intro-logo {
        display:none;
    }
    .intro img {
        display:block;
        max-width:100%;
    }
    .intro > div,
    .intro > figure:not(.full-img) {
        display:block;
        width:100%;
    }
    .intro > figure:not(.full-img) {
        margin-top:6vw;
        margin-left:0;
        padding-left:0;
        text-align:center;
    }
    .intro-logo{
        display:block;
        width:88px;
        margin-bottom:25px;
    }
    .intro p {
        margin-top:5vw;
        font-size:15px;
		white-space:normal;
    }
    .intro-list li {
        padding:6vw 0;
    }
    .intro-list li:first-child {
        padding-top:0;
    }
    .intro-list li:nth-child(2n) > div {
        float:none;
    }
    .intro-list li:nth-child(2n) figure {
        float:none;
    }
    .intro-list li > div {
        float:none;
        width:100%;
        padding:0;
        box-sizing:border-box;
		position:static;
    }
    .intro-list figure {
        float:right;
        width:100%;
        margin-bottom:5vw;
    }
    .intro-list img{
        display:block;
        max-width:100%;
    }
    .intro-list li > div img {
        content: url('../images/intro/m_intro2_1_txt.gif');
    }
    .intro-list li:nth-child(2) > div img {
         content: url('../images/intro/m_intro2_2_txt.gif');
    }
     .intro-list li:nth-child(3)  > div img {
         content: url('../images/intro/m_intro2_3_txt.gif');
    }
    .intro-list p { white-space:normal; }
    /* brand */
    .brand-ci cite{
        position:static;
        display:block;
        font-size:1.8vw;
		white-space:nowrap;
        margin-top:1.5vw;
    }
	.brand-ci ul { padding-top:0; }
    .brand-ci li {
        position:relative;
        padding-top:0;
        padding-bottom:0;
        min-height:0;
        padding-left:0;
        font-size:1.5vw;
        overflow:hidden;
    }
    .brand-ci li:last-child {
        padding-bottom:0;
    }
    .brand-ci li figcaption {
        font-size:1.5vw;
    }
    .brand-ci li + li {
        margin-top:5vw;
        padding-top:5vw; 
        border-top:1px solid #aaa;
    }
    .brand-ci li > figure {
        float:left;
        position:static;
        width:16%;
        padding-right:4%;
        text-align:center;
    }
    .brand-ci li > figure img,
    .brand-ci li > figure figcaption {
        display:inline-block;
        vertical-align:top;
    }
    .brand-ci li > figure > figcaption {
        display:none;
    }
    .brand-ci li  > div {
        overflow:hidden;
        padding-left:0;
    }
    .brand-ci li  > div figure {
        float:left;
        width:25%;
        padding:0 3vw;
		padding-bottom:9vw;
    }
    .brand-ci li  > div figcaption {
        margin-bottom:0;
        font-size:1.6vw;
        white-space:nowrap;
		position:absolute;
		bottom:0;
    }
    .brand-ci li  > div figcaption span {
        display:block;
        white-space:nowrap;
    }
    .brand-icon > img {
        display:none;
    }
    .brand-icon table {
        margin-top:-5vw;
        margin-left:0;
        width:100%;
		table-layout:auto;
    }
    .brand-icon table th,
    .brand-icon table td {
        padding-top:5vw;
        padding-bottom:5vw;
    }
    .brand-icon table th {
        font-size:3.5vw;
    }
    .brand-icon table td  {
        /*font-size:1.5vw;*/
        font-size:2.2vw;
    }
    .brand-icon table col:nth-child(2),
    .brand-icon table td:nth-child(2) {
        display:none;
    }
	.brand-icon table td p .m-none { display:block; }
	
    .brand-icon table th { width:13%; }
    .brand-icon table td:nth-child(5) { width:25%;padding-left:3vw }
    /* story */
    .site-body > .story-make {
        padding-top:0;
        overflow:hidden;
    }
    .story-make figure,
    .story-make ol {
        float:none;
        width:100%;
        box-sizing:border-box;
    }
    .story-make figure {
        width:85%;
        margin:0 auto;
    }
    .story-make ol {
        margin-top:10vw;
        width:100%;
        margin-left:0;
        padding:5vw;
    }
    .story-make li {
        padding:4vw 0;
    }
    .story-make ol li:before {
       display:inline-block;
       margin-right:1.5vw;
       width: 5vw;
       height:5vw;
       line-height:5vw;
       font-size:4vw;
    }
    .story-make li cite {
        font-size:4.2vw;
    }
    .story-make li p {
        font-size:3.6vw;
    }
    .story-info li {
        position: relative;
        margin-bottom:6vw;
        padding-left:0;
        padding-right:20vw;
        padding-bottom:5vw;
        background: none;
    }
    .story-info li:last-child {
        border-bottom:none;
        margin-bottom:0;
    }
    .story-info li:nth-child(2),
    .story-info li:nth-child(3),
    .story-info li:nth-child(4),
    .story-info li:nth-child(5) {
        background-image: none;
    }
    .story-info li cite {
        font-size:4vw;
    }
    .story-info li p {
        font-size:3vw;
    }
    .story-info li img {
        position:absolute;
        top:35%;
        right:1%;
        width:14vw;
        -webkit-transform: translateY(-50%);
        -moz-transform:  translateY(-50%);
        -ms-transform:  translateY(-50%);
        -o-transform:  translateY(-50%);
        transform:  translateY(-50%);
    }

    /* nfc */
    .nfc-intro .txt-img {
        width:100%;
    }
    .nfc-intro .txt-img img {
        max-width:100%;
    }
    .nfc-intro .nfc-intro-txt p {
        font-size:4vw;
		white-space:normal;
    }
    .nfc-intro figure {
        clear:both;
        border-radius:0;
        overflow:visible;
    }
    .nfc-intro figure img {
        width:120%;
        margin-left:-10%;
    }
    .nfc-intro ul {
        margin:2vw 0 2vw -7%; 
        display:table;
        overflow:visible;
        box-sizing:content-box;
        width:114%;
    }
    .nfc-intro li {
        padding:4vw 0;
        font-size:2.4vw;
        /*vertical-align:top;*/
    }
    .nfc-intro li:first-child {
        border-left:none;
    }
    .nfc-factory ul {
        margin-left:0;
        overflow:hidden;
    }
    .nfc-factory ul li {
        float:left;
        width:46%;
        margin-bottom:3vw;
        margin:0 2% 3vw 2%;
        font-size:2.8vw;
    }
    .nfc-factory ul li figure {
        margin-bottom:1.5vw;
        border-radius:2vw;
    }
    .nfc-factory > div {
        margin-bottom:2vw;
        padding:4vw 3vw;
        border:5px solid #5a8e36;
    }
    .nfc-factory > div figure {
        float:left;
        padding-left:0;
        width:46%;
        margin:0 1%;
        box-sizing:border-box;
    }
    .nfc-factory > div figure + figure {
		width:50%;
	}
    .nfc-factory > div figure img {
        position:static;
        left:0;
        width:auto;
		height:12vw;
    }
    .nfc-factory > div figcaption {
        font-size:1.8vw;
    }

    /* product */
    .product-intro h3 {
        float:right;
        width:30vw;
    }
    .product-intro > div img {
        width:25vw;
    }
    .product-intro > div .logo {
        display:none;
    } 
    .site-body > .product-list {
        padding-top:0;
    }
    .product-list-tit img {
        width:85%;
    }
    .product-list ul{
        margin-top:6vw;
    }
    .product-list li {
        overflow:hidden;
        padding:8vw 0 4vw;
    }
    .product-list li figure,
    .product-list-info {
        float:none;
        width:100%;
        padding:0;
        margin-bottom:4vw;
    }
    .product-list-info dt {
        width:32vw;
    }
    .product-list-info dt span {
       margin-top:1.5vw;
       font-size:5vw;
    }
	
    .product-list-info dd {
        padding:1.5vw 0 1.5vw 0;
        font-size:3.3vw;
    }
	.product-list-info dd:before {
		width: 4vw;
		height: 4.2vw;
		background-size:100% auto;
	}
    
    .product-list-info p {
        margin-top:5vw;
        font-size:3.7vw;
    }
    .product-info > div {
        margin-top:10vw;
    }
    .product-info > div img {
        float:none;
        max-width:100%;
        margin-right:0;
    }
    .product-info > div p {
        float:none;
        width:100%;
        margin-top:6vw;
        font-size:3.8vw;
		position:static;
    }

    /* location */
    .location-intro {
        margin-bottom:6vw;
    }
    .location-intro .bar {
        float:none;
        margin:0;
        padding:0;
        width:100%;
        box-sizing:border-box;
		position:relative;
		border-top-width:1px;
		border-bottom-width:1px;
		border-left-width:10px;
		border-right-width:10px;
    }
	.location-intro .bar { text-align:center; }
	.location-intro .bar:before,
	.location-intro .bar:after {
		position:absolute;
		content:'';
		background:#fff;
		height:1px;
		left:4vw;
		right:4vw;
	}
	.location-intro .bar:before { top:-1px; }
	.location-intro .bar:after { bottom:-1px; }
    .location-intro cite {
        display:inline-block;
        margin-left:10vw;
        margin-right:10vw;
        font-size:10vw;        
        /*border-bottom:1px solid #585858;*/
        text-align:center;
		padding:1vw 0;
		white-space:nowrap;
    }
    .location-intro cite img {
        content: url('../images/location/m_location_txt.png');
    }
    .location-intro cite span {
        display:inline;
        border:none;
    }
    .location-intro p {
        float:none;
        margin-top:6vw;
        width:100%;
        font-size:3.1vw;
        line-height:1.7em;
        color:#434343;
    }
    .map {
		margin-bottom:3vw;
		height:50vh;
	}
    .location-info {
        margin-top:5vw;
    }
    .location-info figure {
        float:left;
        width:20vw;
        text-align:center;
    }
    .location-info figure img {
        max-width:20vw;
    }
    .location-info figcaption {
        margin-top:2vw;
        font-size:3vw;
    }
    .location-info ul {
        float:right;
        margin:-2.2vw 0;
        width:63%;
    }
    .location-info li  {
        position:relative;
        padding:1.2vw 2.5vw 1.5vw 30%;
        font-size:2.6vw;
        color:#656565;
    }
    .location-info li cite {
        position:absolute;
        left:2.5vw;
        top:1.2vw;
    }
}
/***************
	768px : 태블릿 & landscape
**************/
@media screen and (orientation: landscape) and (max-width:768px) {
    .m-site-header {
        position:absolute;
    }
    .m-site-header .logo {
		position:relative;
		top:-2vw;
	}
    .m-site-header .logo a{
        width:5.3vw;
        height:6.5vw;
    }
    .m-site-header .site-gnb {
        margin-top:-7vw;
        margin-left:7vw;
		width:75vw
    }
	.m-site-header .btn-menu {
		width:3vw;
		height:2vw;
		top:3.8vw
	}
    .m-site-header .site-gnb li a {
        font-size:2vw;
    }
    .m-site-header .site-menu {
        min-height:100%;
        overflow-y:auto;
        background-image:none;
        box-sizing:border-box;
    }
	.m-site-header .site-menu h1 {
		width:10vw;
		background-repeat:no-repeat;
	}
	.m-site-header .site-menu ul li {}
	.m-site-header .site-menu li a {
	    padding: 1.2vw 4vw;
	}
    .fullpage .section .txt {
        top:60% !important;
    }
    .fullpage #section1 .txt h2,
    .fullpage #section2 .txt h2 {
        font-size:10vw;
        display:inline-block;
    }
    .visual {
        margin-top:10vw;
    }
}


/***************
	640px : 모바일 뷰 시작
**************/
@media screen and (max-width:640px) {

}
/***************
	414px
**************/
@media screen and (max-width:414px) {
    .product-list-info dt {
         width: 35vw;
    }
    .product-list-info dd {
        padding: 1vw 0 1vw 0;
        font-size: 3.2vw;
    }
	.product-list li:nth-of-type(3) .product-list-info dd { padding:0.85vw 0; }
}