@import url('basic.css');

/* layout */
.checkbox-bg {
	display: inline-block;
	position: relative;
	width: 21px;
	height: 21px;
	margin-top: -2px;
	vertical-align: top;
}
.checkbox-bg input[type=checkbox] {
	position: absolute;
	left: 0;
	top: 0;
	width: 21px;
	height: 21px;
	margin: 0;
	opacity: 0;
	z-index: 1;
}
.checkbox-bg input[type=checkbox] + span {
	display: inline-block;
	position: relative;
	width: 21px;
	height: 21px;
	background: url('../../images/common/icon_checkbox.png') no-repeat 0 -21px;
}
.checkbox-bg input[type=checkbox]:checked + span {
	background-position: 0 0;
}

.radio-bg {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	margin-top: -2px;
	vertical-align: top;
}
.radio-bg input[type=radio] {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	margin: 0;
	opacity: 0;
	z-index: 1;
}
.radio-bg input[type=radio] + span {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	background: url('../../images/common/icon_radio.png') no-repeat 0 0;
}
.radio-bg input[type=radio]:checked + span {
	background-position: 0 -20px;
}

.font-type01 {
	font-family: 'Noto Sans KR';
	font-weight: 300;
}

header {
	position: relative;
	width: 100%;
	background: #0e0f12;
}
header .header {
	position: relative;
	width: 1200px;
	height: 180px;
	margin: 0 auto;
}
header .header h1 {
	padding-top: 30px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
header .header h1 a {
	display: inline-block;
	width: 138px;
	height: 39px;
	background: url('../../images/common/logo_pc.png') no-repeat 0 0;
	text-indent: -9999em;
}
header .utill {
	position: absolute;
	right: 0;
	top: 30px;
}
header .utill .lang {
	overflow:hidden;
	float: right;
	height: 16px;
	margin-left: 30px;
}
header .utill .lang a {
	display: block;
	margin-bottom: 20px;
	padding-right: 18px;
	color: #95979e;
	font-size: 14px;
}
header .utill .lang a.kor {
	background: url('../../images/common/icon_language_kor.png') no-repeat right 1px;
}
header .utill .lang a.eng {
	background: url('../../images/common/icon_language_eng.png') no-repeat right 1px;
}
header .utill .lang a.chn {
	background: url('../../images/common/icon_language_chn.png') no-repeat right 1px;
}
header .utill .lang.open {
	height: auto;
}
header .utill ul {
	overflow: hidden;
}
header .utill ul li {
	float: left;
	margin-left: 30px;
}
header .utill ul li a {
	color: #95979e;
	font-size: 14px;
}
header nav.nav-pc {
	margin-top: 22px;
}
header nav.nav-pc ul:after {
	content: ''; 
    display: block; 
    clear: both;
}
header nav.nav-pc ul li {
	position: relative;
	float: left;
	width: 400px;
	height: 56px;
	padding-top: 33px;
	text-align: center;
}
header nav.nav-pc ul li .depth1 {
	position: relative;
	font-size: 20px;
	color: #969696;
	font-family: 'NanumSquareB';
	z-index: 5;
}
header nav.nav-pc ul li ul {
	display: none;
	position: absolute;
	left: 0;
	top:0;
	width: 400px;
	padding: 74px 0 35px 0;
	background: #24262e;
	z-index: 4;
}
header nav.nav-pc ul li ul li {
	height: auto;
	padding-top: 30px;
}
header nav.nav-pc ul li ul li a {
	color: #a7abb6;
}
header nav.nav-pc ul li ul li a:hover {
	color: #eee;
}
header nav.nav-mo {
	display: none;
}

footer {
	width: 100%;
	background: #181a1f;
}
footer .footer {
	position: relative;
	width: 1200px;
	height: 130px;
	margin: 0 auto;
}
footer .footer:after {
	content: ''; 
    display: block; 
    clear: both;
}
footer .footer .logo {
	float: left;
	margin: 38px 46px 0 0;
}
footer .footer .footer-in {
	float: left;
	padding-top: 43px;
}
footer .footer .footer-menu {
	float: left;
}
footer .footer .footer-menu li {
	position: relative;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
}
footer .footer .footer-menu li:first-child {
	margin-left: 0;
	padding-left: 0;
}
footer .footer .footer-menu li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 3px;
	height: 3px;
	background: #3e3e3e;
	border-radius: 3px;
}
footer .footer .footer-menu li:first-child:after {
	display: none;
}
footer .footer .footer-menu li a {
	font-size: 13px;
	color: #777;
}
footer .footer .family-site {
	position: absolute;
	right: 0;
	top: 42px; 
}
footer .footer .family-site .site-link {
	float: left;
}
footer .footer .family-site div {
	position: relative;
	float: left;
	width: 157px;
	margin-left: 29px;
}
footer .footer .family-site div button {
	display: block;
	position: relative;
	width: 157px;
	height: 32px;
	padding-left: 12px;
	font-size: 14px;
	color: #adb0b6;
	line-height: 32px;
	text-align: left;
}
footer .footer .family-site div button:after {
	content: '';
	position: absolute;
	right: 9px;
	top: 13px;
	width: 11px;
	height: 7px;
	background: url('../../images/common/icon_select_arrow01.png') no-repeat 0 0;
}
footer .footer .family-site div button.open {
	background: #2d3039;
}
footer .footer .family-site div button.open:after {
	background-position: 0 -7px;
}
footer .footer .family-site div ul {
	display: none;
	position: absolute;
	left: 0;
	top: -102px;
	width: 100%;
	background: #1b1d22;
}
footer .footer .family-site div ul li {
	height: 34px;
	padding-left: 12px;
	line-height: 34px;
}
footer .footer .family-site div ul li a {
	color: #777;
	font-size: 16px;
}
footer .footer .family-site div ul li a:hover {
	color: #d52f2e;
}
footer .footer .copyright {
	clear: left;
	float: left;
	padding-top: 11px;
	font-size: 12px;
	color: #777;
}
footer .footer .page-top-btn {
	position:fixed;
	bottom:180px;
	left:50%;
	margin-left:650px;
	width:38px;
	height:28px;
	padding-top:18px;
	border-bottom:2px solid rgba(255, 255, 255, 0.2);
	background:url(../../images/common/bg_page_top_arrow.png) no-repeat 50% 9px;
	font-size:14px;
	line-height:24px;
	color:#fff;
	text-align:center;
	z-index: 1;
}

.container {
	background-color: #121317;
	background-image:  url('../../images/common/bg_contents.jpg');
    background-position: 50% 70px, 0 0;
    background-repeat: no-repeat;
}
.content {
	width: 1200px;
	min-height: 732px;
	margin: 0 auto;
	padding:70px 0 100px;
	word-break:keep-all;
}

.sub-tit {
	position: relative;
	margin-top: 130px;
	padding-top: 23px;
	font-size: 52px;
	line-height: 52px;
	color: #fff;
	text-align: center;
	font-family: 'NanumSquare';
}
.sub-tit:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 100px;
	height: 2px;
	background: url('../../images/common/bg_tit.png') no-repeat 50% 50%;
}

.sub-nav {
	margin-top: 95px;
}
.sub-nav ul {
	overflow: hidden;
	width: 100%;
	display: table-cell;
	display:flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	background: #303238;
}
.sub-nav ul li {
	padding-top: 2px;
	text-align: center;
}
.sub-nav ul li a {
	display: block;
	width: 100%;
	height: 58px;
	font-size: 18px;
	color: #a8abb2;
	line-height: 58px;
	font-family: 'NanumSquareB';
}
.sub-nav ul li.on {
	margin: 0 2px;
}
.sub-nav ul li.on a {
	background: #121317;
}
.nav-child2 li {
	width: 50%;
}
.nav-child3 li {
	width: 33.3%;
}
.nav-child4 li {
	width: 25%;
}
.nav-child5 li {
	width: 20%;
}

.location {
	position: absolute;
	top: 180px;
	width: 100%;
	background: #24262d url('../../images/common/bg_location.png') no-repeat 50% 50%;
	z-index: 3;
}
.location.fixed {
	position: fixed;
	top: 0;
}
.location-in {
	width: 1200px;
	margin: 0 auto;
}
.location-in:after {
	content: ''; 
    display: block; 
    clear: both;
}
.location .home {
	float: left;
	width: 72px;
	height: 70px;
	background: url('../../images/common/icon_location_home.png') no-repeat 50% 50%;
	border-left: 1px solid #5c5e65;
	border-right: 1px solid #5c5e65;
	text-indent: -9999em;
}
.location section {
	position: relative;
	float: left;
	border-right: 1px solid #5c5e65;
}
.location section p {
	position: relative;
	display: block;
	width: 210px;
	height: 70px;
	padding-left: 30px;
	color: #8d9099;
	font-size: 18px;
	line-height: 70px;
	text-align: left;
	cursor: pointer;
	font-family: 'NanumSquareB';
}

.location section p.location01 {
	width: 290px;
}
.location section p.location02 {
	width: 265px;
}
.location section p.location03 {
	width: 240px;
}
.location section p.location04 {
	width: 230px;
}
.location section p.location05 {
	width: 400px;
}
.location section p.location06 {
	width: 250px;
}
.location section p:after {
	content: '';
	position: absolute;
	right: 30px;
	top: 32px;
	width: 17px;
	height: 9px;
	background: url('../../images/common/icon_select_arrow02.png') no-repeat 0 0;
}
.location section button.open:after {
	background-position: 0 -9px;
}
.location section ul {
	display: none;
	position: absolute;
	left: 0;
	top: 70px;
	width: 100%;
	background: #24262e;
}
.location section ul li {
	height: 49px;
	padding-left: 30px;
	border-top: 1px solid #33343c;
	line-height: 49px;
}
.location section ul li a {
	font-size: 16px;
	color: #a7abb6;
}
.location section ul li a:hover {
	color: #eee;
}
.location section.current-location p {
	color: #fff;
}
.location section.location-mo {
	display: none;
}

.dimmed {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	z-index: 4;
}

.layer-map {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 800px;
	height: 630px;
	background: #4e5158;
	z-index: 10;
}
.layer-map .map-info {
	height: 91px;
	padding: 40px;
}
.layer-map .map-info strong {
	font-size: 26px;
	color: #eee;
}
.layer-map .map-info p {
	margin-top: 11px;
	font-size: 16px;
	color: #c2c5cc;
}
.layer-map .map-info p span {
	display: inline-block;
	width: 16px;
	height: 18px;
	margin: 0 5px 0 39px;
	text-indent: -9999em;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
}
.layer-map .map-info p span:first-child {
	margin-left: 0;
}
.layer-map .map-info p .tel {
	background: url('../../images/common/icon_tel.png') no-repeat 50% 50%;
}
.layer-map .map-info p .fax {
	background: url('../../images/common/icon_fax.png') no-repeat 50% 50%;
}
.layer-map .map-info p .map {
	background: url('../../images/common/icon_map.png') no-repeat 50% 50%;
}
.layer-map .goole-map {
	width: 800px;
	height: 459px;
}
.layer-map .goole-map > div {
	width: 100%;
	height: 100%;
}
.layer-map .layer-close {
	position: absolute;
	right: -43px;
	top: 0;
	width: 23px;
	height: 23px;
	background: url('../../images/common/btn_layer_close.png') no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
}

.layer-history {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 800px;
	background: #4e5158;
	z-index: 10;
}
.layer-history .history-info {
	height: 96px;
	padding: 37px 0 0;
	text-align: center;
}
.layer-history .history-info strong {
	font-size: 26px;
	color: #eee;
	font-family: 'NanumSquareB';
}
.layer-history .history-info p {
	margin-top: 11px;
	font-size: 17px;
	color: #c2c5cc;
}
.layer-history .history-img {
	width: 800px;
	height: 474px;
	text-align: center;
}
.layer-history .layer-close {
	position: absolute;
	right: -43px;
	top: 0;
	width: 23px;
	height: 23px;
	background: url('../../images/common/btn_layer_close.png') no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
}

.btn-area { margin-top: 30px; }
.btn-right { text-align: right; }
.btn-center { text-align: center; }
.btn-area a { 
	display: inline-block;
	border-radius: 3px;
	background:url(../../images/common/icon_button_metal.png) no-repeat top left;
	color: #000;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	font-family: 'NanumSquareB';
}
.btn-area .btn-type1 { 
	width: 120px; 
	height: 50px;
}
.btn-area .btn-type2 { 
	width: 212px;
    height: 50px;
    background:url(../../images/common/icon_button_metal2.png) no-repeat top left;
}
.paging { 
	margin-top: 52px; 
	text-align: center; 
}
.paging > a {
	display: inline-block; 
	width: 10px; 
	height: 10px;
	text-indent: -9999px;
	vertical-align: -3px;
}
.paging .prev, .paging .next {
	width: 28px;
}
.paging .first {
	background: url('../../images/common/icon_first.png') no-repeat;
}
.paging .prev {
	margin-right: 8px;
	background: url('../../images/common/icon_prev.png') no-repeat right;
}
.paging .next {
	margin-left: 8px;
	background: url('../../images/common/icon_next.png') no-repeat left;
}
.paging .last {
	background: url('../../images/common/icon_last.png') no-repeat;
}
.paging .num a { 
	display: inline-block;
	position: relative;
	width: 46px;
	font-size: 18px;
	color: #adb0b6;
}
.paging .num a:before {
	display: inline-block;
	position: absolute;
	top: -1px;
	left: 0;
	height: 22px;
	border-left: 1px solid #42454d;
	content: '';
}
.paging .num a:first-child:before { border: none; }
.paging .num a strong { color: #eee; }

.prev-next { 
	border-top: 3px solid #40444f; 
	border-bottom: 3px solid #40444f; 
}
.prev-next li { 
	padding: 16px 0;
	border-top: 1px solid #40444f; 
	font-size: 17px; 
}
.prev-next li:first-child { border:none;  }
.prev-next li > * { vertical-align: middle; }
.prev-next li em { 
	display: inline-block;
	width: 56px;
	padding: 0 32px 0 34px;
	color: #eee;
	text-align: center;
	font-family: 'NanumSquareR';
}
.prev-next .prev em { 
	background: url('../../images/support/icon_prev_next_up.png') no-repeat right; 
}
.prev-next .next em {
 	background: url('../../images/support/icon_prev_next_down.png') no-repeat  right; 
}
.prev-next li a { 
	display: inline-block;
	width: 1070px;
	color: #adb0b6;  
	font-size: 17px; 
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:break-word;
	overflow:hidden;
}
.prev-next .none { 
	color: #adb0b6;
	text-align: center;
}

.agreement h3 {
	margin-top: 55px;
	font-size: 26px;
	color: #eee;
	letter-spacing: -0.25px;
	font-family: 'NanumSquareR';
}
.agreement .text.scrolling {
	margin-top: 16px;
	height:137px;
	background:#212329;
} 
.agreement .scrolling { overflow-y:auto;}
.agreement .cont {
	padding:29px;
	font-size:16px;
	line-height: 32px;
	letter-spacing: -0.25px;
	color: #adb0b6;
}
.agreement .agree-chk {
	margin-top:21px;
	color: #adb0b6;
	font-size: 16px;
	text-align:right;
}
.support-inquery .stit {
	margin-top: 60px;
	font-size: 22px;
	color: #eee;
	letter-spacing: -0.25px;
	font-family: 'NanumSquareR';
}
.select-category {
	overflow:hidden;
	width:100%;
	margin-top: 12px;
	padding:26px 40px;
	border:3px solid #40444f;
	border-left: none;
	border-right: none;
	box-sizing:border-box;
}
.select-category li {
	float:left;
	margin-right: 75px;
	font-size: 16px;
	color: #adb0b6;
}

.required {
	position: relative;
}
.required p {
	position: absolute;
	right: 0;
	top: -23px;
	color: #adb0b6;
	font-size: 14px;
}
.required2 {
	margin-top: 50px;
	text-align: right;
}
.required2 p {
	color: #adb0b6;
	font-size: 14px;
}
.icon-required {
	display: inline-block;
	width: 8px;
	height: 9px;
	margin-top: 4px;
	background: url('../../images/common/icon_star.png') no-repeat  0 0; 
	font-size: 0;
	line-height: 0;
	vertical-align: top;
}

.board-write {
	overflow:hidden;
	width:100%; 
	margin-top:18px; 
	border-top:3px solid #40444f; 
	border-bottom:3px solid #40444f;
}
.board-write .download { margin-top:10px; font-size:0.9em; }
.board-write li {float:left; width:100%; padding:12px 0; border-top:1px solid #40444f;}
.board-write li:first-child { border-top:0;}
.board-write li.bind {width:50%;}
.board-write li.bd-none { border-top:0;}
.board-write label { 
	display:inline-block; 
	width:204px; 
	padding-left:35px;
	color:#ccc;
	box-sizing:border-box;
}
.board-write .radio-first{
	padding-left:0;
}
.board-write label.required { 
	width:204px; 
	padding-left:23px;
}
.board-write label.required-type2 {
	width: 140px;
}
.board-write label.required.que { 
	width:132px; 
}
.board-write label.required.call{
	width:105px;
}
.board-write em { 
	display:inline-block;
	vertical-align:middle;
	font-size: 17px;
	color: #eee;
	font-family: 'NanumSquareR';
}
.board-write li .bang { display:inline-block; padding:0 10px; vertical-align:middle;}
.board-write input.txt { 
	width:210px; 
	height:31px; 
	background:#272930; 
	border: none;
	color:#c2c5cc; 
	vertical-align:middle;
}
.board-write textarea.txt { 
	width:840px;
	height: 227px;
	background:#272930; 
	border:none; 
	color:#c2c5cc;
}
.board-write .requests-text-box { 
	width:1135px;
	height:167px;
	background:#3b3f4b; 
	border:none;
}
.board-write select { 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none;
	height:35px; 
	padding:4px 4px 3px;
	background: #272930 url('../../images/common/bg_select.png') no-repeat  right 50%;
	border: none;
	color: #adb0b6;
	font-size: 17px;
}
.board-write .fileAttr { position:relative; }
.board-write .fileAttr input[type=file] { position:absolute; width:307px; opacity:0; left:-220px;}
.board-write .fileAttr button {
	display: inline-block;
	width: 98px;
	height: 35px;
	padding:0; 
	border:0; 
	border-radius: 2px;
	background:#000;
	color:#adb0b6; 
	font-size:15px; 
	line-height: 35px;
	vertical-align:middle;
}
.board-write .cell { 
	display:inline-block; 
	vertical-align:middle;
	color: #adb0b6;
	font-size: 17px;
}

h3.stit-strong { display:inline-block; color:#b72422; border-bottom:4px solid #b72422; font-size:34px; padding-bottom:6px; margin-top:50px;}
.board-write.seal-spec label { width:323px;}
.board-write.seal-spec input.txt { width:600px; padding-right:30px;}
.board-write.seal-spec .unit-str2 input.txt,
.board-write.seal-spec .unit-str3 input.txt { text-align:right;}
.board-write.seal-spec .unit-str2 input.txt { width:115px;}
.board-write.seal-spec .unit-str3 input.txt { width:100px; padding-right:45px;}
.board-write .unit { position:relative; left:-60px; top:3px; display:inline-block; width:50px; text-align:right; font-size:14px;}
.board-write .desc { font-size:14px; padding-left:17px;}
.img-desc { 
	width:100%;
	margin-top:40px;
	background:#fff;
	text-align:center;
}
.mImg { display:none;}
.wImg { display:initial;}
/* seal input */
#sealSpec12, #sealSpec11, #sealSpec10, #sealSpec9 { width:408px;}

/* specification */
.board-write.spec label { width:376px;}
.board-write.spec textarea.txt { width:550px;}
.board-write.fine label { width:204px;}
.board-write.fine input.txt { width:604px;}
.request-area { margin-top:2px;}
.request-area textarea {width:100%; height:135px; background:#fff; box-sizing:border-box;}

.board-write ul.cols3 { width:100%; overflow:hidden;}
.board-write ul.cols3 li {position:relative; float:left; padding:0; width:176px; border:0; margin-left:45px; letter-spacing:-1px;}
.board-write ul.cols3 li:first-child { margin-left:0;}
.board-write ul.cols3 li.cols3-01 { width: 217px; } 
.board-write.process-cond-inp .cell { position:relative; width:800px;}
.board-write.process-cond-inp input.txt { width:145px; margin-left:4px;}

.board-write.process-cond-inp .unit { position:absolute; right:29px; top:9px; width:38px; left:auto;}

.data-table { margin-top:40px;}
.data-table table { width:100%; table-layout:fixed;}
.data-table table th,
.data-table table td { border:1px solid #212329; font-size:14px; padding:10px 0; padding-left:29px; line-height:20px; letter-spacing: -0.25px;}
.data-table table th { background:#282b33; color:#adb0b6; padding-left:20px;}
.data-table table th.th-center {text-align:center; padding-left:0;}
.data-table table th.th-right {text-align:right; padding-left:0; padding-right:20px;}
.data-table table thead th {
	padding:7px 0; 
	background:#212329;
	border: 1px solid #1b1c22;
	text-align:center;
	color: #ccc;
}
.data-table table tbody th {
	text-align:left;
	color: #adb0b6;
}
.data-table table tbody td {
	background: #2d3039;
}
.data-table table td {color: #adb0b6;}
.data-table table td.td-center {padding:10px 5px; text-align:center;}
.data-table table td .duel-sup-sub {position:relative; display:inline-block; min-width:27px; min-height:26px; vertical-align:middle;}
.data-table table td .duel-sup-sub sup {position:absolute; top:0.5em; left:3px; white-space:nowrap;}
.data-table table td .duel-sup-sub sub {position:absolute; bottom:0.95em; left:3px; white-space:nowrap;}
.data-table table td .dot-list-btn {position:relative; padding:7px 190px 7px 0;}
.data-table table td .dot-list-btn ul > li {position:relative; padding:3px 0 3px 11px; font-size:16px; font-weight:400; line-height:20px;}
.data-table table td .dot-list-btn ul > li:before {content:''; position:absolute; top:12px; left:0; width:4px; height:4px; border-radius:2px; background:#5d5d5d;}
.data-table table td .dot-list-btn .btn-download {position:absolute; top:50%; right:20px; width:146px; margin-top:-23px; border:2px solid #d7d7d7; border-radius:3px; font-size:16px; font-weight:500; line-height:42px; color:#5d5d5d; text-align:center; letter-spacing:-1px;}
.data-table table td .dot-list-btn .btn-download > span {display:inline-block; padding-left:21px; background:url(../../images/common/bg_download.png) no-repeat 0 15px;}

/*170925*/
.support-inquery .refer {
	padding-left: 23px;
	margin-top: 16px;
	color: #adb0b6;
	font-size: 14px;
	line-height: 26px;
}


.complete-txt {
	padding-bottom: 50px;
	font-size: 18px;
	text-align: center;
	line-height: 46px;
	color: #adb0b6;
}



@media screen and (max-width: 768px) {
	.complete-txt {
		font-size: 16px;
	}

	.checkbox-bg {
		width: 18px;
		height: 18px;
		margin-top: -2px;
		vertical-align: middle;
		text-indent: 0;
	}
	.checkbox-bg input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		width: 18px;
		height: 18px;
		margin: 0;
		opacity: 0;
		z-index: 1;
	}
	.checkbox-bg input[type=checkbox] + span {
		display: inline-block;
		position: relative;
		width: 18px;
		height: 18px;
		background: url('../../images/common/icon_checkbox_mo.png') no-repeat 0 -18px;
		background-size: 18px 36px
	}
	.checkbox-bg input[type=checkbox]:checked + span {
		background-position: 0 0;
	}

	header .header {
		width: 100%;
		height:65px;
	}
	header .header h1 {
		padding-top: 21px;
	}
	header .header h1 a {
		width: 80px;
		height: 22px;
		background: url('../../images/common/logo_mo.png') no-repeat 0 0;
		background-size: 80px 22px;
	}
	header .utill,
	header nav.nav-pc {
		display: none;
	}
	header nav.nav-mo {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
	}
	header nav.nav-mo .all-menu-open {
		display: block;
		width: 65px;
		height: 65px;
		background: url('../../images/common/icon_menu_all.png') no-repeat 50% 50%;
		background-size: 20px 15px;
		text-indent: -9999em;
	}
	header nav.nav-mo .all-menu-cont {
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		right: -310px;
		top: 0;
		width: 310px;
		height: 100%;
		background: #24262e;
		z-index: 5;
		-webkit-transition: right 1s;
    	transition: right 1s;
	}
	header nav.nav-mo .all-menu-cont.open {
		right: 0;
	}
	header nav.nav-mo .all-menu-lang {
		position: fixed;
		width: 100%;
		height: 35px;
		background: #2d3039;
		padding: 15px 0 0 16px;
		z-index: 1;
	}
	header nav.nav-mo .all-menu-lang select {
		padding-right: 17px;
		background: url('../../images/common/icon_language_arrow_mo.png') no-repeat right 50%;
		background-size: 9px 5px;
		border: none;
		font-size: 15px;
		color: #adb0b6;
		-moz-appearance:none; /* Firefox */
		-webkit-appearance:none; /* Safari and Chrome */
		appearance:none;
	}
	header nav.nav-mo .all-menu-list {
		margin-top: 50px;
	}
	header nav.nav-mo .all-menu-list > li {
		border-top: 1px solid #42454d;
	}
	header nav.nav-mo .all-menu-list > li:last-child {
		border-bottom: 1px solid #42454d;
	}
	header nav.nav-mo .all-menu-list > li.on {
		border-top: none;
	}
	header nav.nav-mo .all-menu-list > li .depth1 {
		display: block;
		position: relative;
		height: 57px;
		padding-left: 18px;
		line-height: 57px;
		color: #cccfd9; 
	}
	header nav.nav-mo .all-menu-list > li .depth1:after {
		content: '';
		position: absolute;
		right: 17px;
		top: 22px;
		width: 9px;
		height: 8px;
		background: url('../../images/common/icon_menu_all_arrow_mo.png') no-repeat 0 0;
		background-size: 9px 16px;
	}
	header nav.nav-mo .all-menu-list > li.on .depth1 {
		background: #d5d6d7;
		color: #14151a; 
	}
	header nav.nav-mo .all-menu-list > li.on .depth1:after {
		background-position: 0 -8px;
	}
	header nav.nav-mo .all-menu-list > li > ul {
		display: none;
	}
	header nav.nav-mo .all-menu-list > li.on > ul {
		display: block;
	}
	header nav.nav-mo .all-menu-list > li > ul > li {
		padding: 15px 16px;
	}
	header nav.nav-mo .all-menu-list > li > ul > li .depth2 {
		display: block;
		position: relative;
		padding-left: 18px;
		color: #a8abb2;
		font-size: 16px;
	}
	header nav.nav-mo .all-menu-list > li > ul > li .depth2:after {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		background: url('../../images/common/icon_menu_all_plus_mo.png') no-repeat 0 -10px;
		background-size: 10px 20px;
	}
	header nav.nav-mo .all-menu-list > li > ul > li .depth2-plus:after {
		background-position: 0 0;
	}
	header nav.nav-mo .all-menu-list > li > ul > li.on .depth2-plus {
		color: #eee;
	}
	header nav.nav-mo .all-menu-list > li > ul > li.on .depth2-plus:after {
		background-position: 0 -10px;
	}
	header nav.nav-mo .all-menu-list > li > ul > li > ul {
		display: none;
		margin-top: 15px;
		padding: 8px 0 8px 18px;
		border-top: 1px solid #505156;
		border-bottom: 1px solid #505156;
	}
	header nav.nav-mo .all-menu-list > li > ul > li > ul li {
		position: relative;
		padding: 10px 0 10px 8px;
	}
	header nav.nav-mo .all-menu-list > li > ul > li > ul li:after {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		width: 2px;
		height: 2px;
		margin-top: -1px;
		background: #a8abb2;
	}
	header nav.nav-mo .all-menu-list > li > ul > li > ul li a {
		font-size: 15px;
		color: #a8abb2;
	}
	header nav.nav-mo .all-menu-list > li > ul > li.on > ul {
		display: block;
	}
	header nav.nav-mo .family-site {
		position: relative;
		margin: 15px 17px;
		font-family: 'NanumSquareR';
	}
	header nav.nav-mo .family-site button {
		display: block;
		width: 100%;
		height: 45px;
		background-color: #202229;
		background-image: url('../../images/common/icon_family_site01_mo.png'), url('../../images/common/icon_family_site02_mo.png');
		background-size: 17px 17px, 45px 90px;
		background-position: 11px 14px, right 0;
		background-repeat: no-repeat, no-repeat;
		padding-left: 37px;
		font-size: 15px;
		text-align: left;
		color: #adb0b6;
		line-height: 45px;
	}
	header nav.nav-mo .family-site button.open {
		background-position: 11px 14px, right -45px;
	}
	header nav.nav-mo .family-site ul {
		display: none;
		position: absolute;
		left: 0;
		bottom: 46px;
		width: 100%;
		padding: 16px 0;
		background: #121317;
	}
	header nav.nav-mo .family-site ul li {
		padding: 0 37px;
	}
	header nav.nav-mo .family-site ul li a {
		display: block;
		width: 100%;
		line-height: 30px;
		font-size: 15px;
		color: #adb0b6;
	}
	header nav.nav-mo .all-menu-close {
		position: fixed;
		top: 18px;
		width: 15px;
		height: 15px;
		background: url('../../images/common/btn_menu_all_close_mo.png') no-repeat 0 0;
		background-size: 15px 15px;
		margin-left: 277px;
		text-indent: -9999em;
		z-index: 1;
	}

	footer .footer {
		width: 100%;
	}
	footer .footer .logo {
		display: none;
	}
	footer .footer .footer-in {
		float: none;
		padding-top: 17px;
	}
	footer .footer .footer-menu {
		float: none;
		display:block;
	}
	footer .footer .footer-menu li {
		float: none;
		margin-left: 0;
		padding-left: 0;
		line-height: 18px;
		text-align: center;
	}
	footer .footer .footer-menu li:after {
		display: none;
	}
	footer .footer .footer-menu li.sitemap {
		display: none;
	}
	footer .footer .footer-menu li a {
		font-size: 13px;
	}
	footer .footer .family-site {
		display: none;
	}
	footer .footer .copyright {
		float: none;
		display: -webkit-flex;
		display:flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		font-size: 11px;
	}

	footer .footer .page-top-btn {
		display:block;
		position:absolute;
		top:8px;
		bottom:inherit;
		left:inherit;
		right:15px;
		width:35px;
		height:35px;
		margin-left:0;
		padding:0;
		background:url(../../images/common/btn_page_top.png) no-repeat 0 0;
		background-size:35px 35px;
		border: none;
		font-size:0;
		line-height:0;
	}


	.content {
		width: 100%;
		min-height: 450px;
		padding: 0 17px 34px;
		box-sizing: border-box;
		word-break:keep-all;
	}
	.sub-tit {
		position: relative;
	    margin-top: 40px;
	    padding: 23px 0 12px;
	    font-size: 22px;
	    color: #fff;
	    text-align: center;
	    line-height: 1.2;
	}
	.sub-tit:after {
		content: '';
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: 40px;
		height: 2px;
		background: url('../../images/common/bg_tit_m.png') no-repeat 50% 50%;
		background-size:40px 1px;
	}

	.sub-nav {
		margin-top: 27px;
	}
	.sub-nav ul {
		overflow: hidden;
		position: relative;
		width: 100%;
		display: block;
		background: #27292e;
	}
	.sub-nav ul li {
		display: table;
		position: relative;
		float: left;
		width: 50%;
		margin: 0 -1px -1px 0;
		padding-top: 0;
		border-right: 1px solid #121317;
		border-bottom: 1px solid #121317;
		text-align: center;
	}
	.sub-nav ul li a {
		display: table-cell;
		width: 100%;
		height: 40px;
		padding: 0 15px;
		font-size: 15px;
		color: #a8abb2;
		line-height: 20px;
		vertical-align: middle;
	}
	.sub-nav ul li a.nav-type01 {
		height: 60px;
	}
	.sub-nav ul li.on {
		margin: 0 -1px -1px 0;
	}
	.sub-nav ul li.on a {
		background: #303238;
		color: #eee;
	}
	.sub-nav ul li:nth-child(2).on a {
		border-left: 1px solid #121317;
	}
	.sub-nav ul li:nth-child(3).on a {
		border-top: 1px solid #121317;
		border-left: 1px solid #121317;
		box-sizing: border-box;
	}
	.sub-nav ul li:nth-child(4).on a {
		border-top: 1px solid #121317;
		border-left: 1px solid #121317;
		box-sizing: border-box;
	}
	.sub-nav ul li:nth-child(5).on a {
		border-top: 1px solid #121317;
	}
	.nav-child2 li,
	.nav-child3 li,
	.nav-child4 li,
	.nav-child5 li {
		width: 50%;
	}

	.location {
		position: relative;
		top: 0;
		background: #5d5f66 url('../../images/common/bg_location_m.png') no-repeat 0 0;
		background-size: auto 100%;
	}
	.location.fixed {
		position: relative;
		top: 0;
	}
	.location-in {
		width: 100%;
	}
	.location .home,
	.location section {
		display: none;
		border-right: none;
	}
	.location section.location-mo {
		display: block;
		float: none;
		width: 100%;
		text-align: center;
	}
	.location section.location-mo p {
		display: inline-block;
		position: relative;
		width: auto;
		height: 40px;
		padding: 0 24px 0 0;
		font-size: 14px;
		color: #a7abb6;
		line-height: 40px;
	}
	.location section.location-mo p:after {
		right: 0;
		top: 17px;
		width: 10px;
		height: 6px;
		background: url('../../images/common/icon_select_arrow02_mo.png') no-repeat 0 0;
		background-size: 10px 12px;
	}
	.location section ul {
		top: 40px;
	}
	.location section ul li {
		padding-left: 0;
	}
	.location section ul li a {
		font-size: 14px;
	}

	.layer-map {
		display: none;
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: 100%;
		height: 100%;
		background: #4e5158;
		z-index: 10;
	}
	.layer-map .map-info {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 130px;
		padding: 20px;
		box-sizing: border-box;
		z-index: 1;
	}
	.layer-map .map-info strong {
		font-size: 22px;
		color: #eee;
	}
	.layer-map .map-info p {
		margin-top: 11px;
		font-size: 14px;
		color: #c2c5cc;
		text-indent: -20px;
		padding-left: 20px;
	}
	.layer-map .map-info p span {
		display: inline-block;
		width: 16px;
		height: 18px;
		margin: 0 5px 0 39px;
		text-indent: -9999em;
		font-size: 0;
		line-height: 0;
		vertical-align: middle;
	}
	.layer-map .map-info p span:first-child {
		margin-left: 0;
	}
	.layer-map .map-info p .tel {
		background: url('../../images/common/icon_tel_m.png') no-repeat 50% 50%;
		background-size: 13px;
	}
	.layer-map .map-info p .fax {
		background: url('../../images/common/icon_fax.png') no-repeat 50% 50%;
	}
	.layer-map .map-info p .map {
		background: url('../../images/common/icon_map_m.png') no-repeat 50% 50%;
		background-size: 12px 16px;
	}
	.layer-map .goole-map {
		width: 100%;
		height: 100%;
		padding-top: 130px;
		box-sizing: border-box;
	}
	.layer-map .goole-map > div {
		height: 100%;
	}
	.layer-map .layer-close {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 23px;
		height: 23px;
		background: url('../../images/common/btn_layer_close.png') no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999em;
		z-index: 1;
	}

	.layer-history {
		display: none;
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: 100%;
		height: 100%;
		background: #4e5158;
		z-index: 10;
	}
	.layer-history .history-info {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 130px;
		padding: 20px;
		box-sizing: border-box;
		z-index: 1;
	}
	.layer-history .history-info strong {
		font-size: 22px;
		color: #eee;
	}
	.layer-history .history-info p {
		margin-top: 11px;
		font-size: 14px;
		color: #c2c5cc;
	}
	.layer-history .history-img {
		width: 100%;
		height: 100%;
		padding: 130px 17px 0;
		box-sizing: border-box;
	}
	.layer-history .history-img img {
		width: 100%;
	}
	.layer-history .layer-close {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 23px;
		height: 23px;
		background: url('../../images/common/btn_layer_close.png') no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999em;
		z-index: 1;
	}

	.btn-area { 
		margin-top: 20px; 
		text-align: center;
	}
	.btn-area a {
		font-size: 17px;
		line-height: 49px;
	}
	.btn-area .btn-type1 { 
		width: 140px;
		height: 48px;
	}
	.btn-area .btn-type2 { 
		width: 190px;
		height: 48px;
	}

	.paging { margin-top: 21px; }
	.paging .prev, .paging .next {
		width: 5px;
		height: 8px;
		vertical-align: -5px;
	}
	.paging .prev {
		margin-right: 16px;
		background: url('../../images/common/icon_prev_m.png') no-repeat right;
		background-size: 5px 8px;
	}
	.paging .next {
		margin-left: 16px;
		background: url('../../images/common/icon_next_m.png') no-repeat left;
		background-size: 5px 8px;
	}
	.paging .num a { 
		width: 30px;
		padding-left: 3px;
		font-size: 15px; 
	}
	.paging .num a:before { 
		height: 11px;  
		top: 3px;
	}
	.paging .num a:first-child:before { 
		border-left: 1px solid #42454d; 
	}
	.paging .num a:last-child:after { 
		display: inline-block;
		position: absolute;
		right: 0;
		top: 3px;
		height: 11px;
		border-right: 1px solid #42454d; 
		content: '';
	}
	.paging > a { 
		width: 36px; 
	}
	.paging > a img { width: 5px; }
	.paging .prev img, .paging .next img{
		width: 5px;
		height: 9px;
	}
	.paging .first, .paging .last { display: none; }

	.prev-next li { padding: 17px 0;}
	.prev-next li em { 
		float: left;
		width: 59px; 
		padding-left: 0;
	}
	.prev-next .prev em { 
		background: url('../../images/support/icon_prev_next_up_m.png') no-repeat right; 
		background-size: 30px 6px;
	}
	.prev-next .next em {
	 	background: url('../../images/support/icon_prev_next_down_m.png') no-repeat  right; 
	 	background-size: 30px 6px;
	}
	.prev-next li a { 
		display: block;
		width: auto;
		font-size: 16px; 
	}

	.agreement h3 {
		margin-top: 42px;
		font-size: 18px;
	}
	.agreement .cont { 
		font-size:14px; 
		line-height:25px; 
		padding:20px;
	}
	.agreement .text.scrolling { 
		height:143px;
		margin-top: 10px;
	}
	.agreement .agree-chk {
		margin-top:10px;
		font-size:15px;
		text-align:left;
		text-indent: -20px;
		padding-left: 20px;
		line-height: 1.3;
	}
	.select-category {
		padding:17px 9px;
	}
	.select-category li { 
		width:50%;
		margin-right: 0;
		margin-top:5px;
		margin-bottom:5px;
		font-size:15px;
		letter-spacing:-0.75px;
	}

	.required2 {
		margin-top: 30px;
	}
	.board-write {
		margin-top: 9px;
	}
	.board-write li { display:table;}
	.board-write li em { 
		display:table-cell; 
		width:35%;
		font-size: 14px;
	}
	.board-write li span.cell { 
		display:table-cell; 
		width: 48%;
		padding-right:10px;
		box-sizing: border-box;
	}

	.board-write label { 
		width: auto;
		padding-left:27px;
		font-size:14px;
	}
	.board-write label.required { 
		width: auto;
		padding-left:15px; 
	}
	.board-write label.required.que { 
		width:98px; 
	}
	.board-write select {
		font-size:14px; 
		padding:4px 4px; 
		height:30px;
		background: #272930 url('../../images/common/bg_select_mo.png') no-repeat  right 50%;
		background-size: 17px 4px;
	}
	.board-write select#setCategory { width:100% !important; }
	.board-write input.txt { width:100%; height:30px; font-size:14px; box-sizing:border-box;}
	.board-write li.email label { display:block;}
	.board-write li.email input.txt { 
		width:100%;
	}
	.board-write li.email input#inpEmail { 
		width:38%;
	}
	.board-write li.email select#inpHosting {display: none;}
	.board-write li.email .bang {
		width: 14%;
		padding: 0;
		text-align: center;
	}
	.board-write li.mo-hidden em {
		display: none;
	}
	.board-write li.mo-hidden .cell {
		padding-left: 10px;
	}
	.board-write input.txt.attrUrl { width:70%;}
	.board-write .fileAttr input[type=file] { width:200px; left:-120px;}
	.board-write .fileAttr button {
		width: 23%;
		height: 32px;
		font-size: 12px;
		line-height: 32px;
	}
	.board-write textarea.txt { width:100%; height: 100px; box-sizing:border-box;}
	.board-write li.bind { width:100%;} /* 2017-02-20 */
	.board-write li.bind.bd-none { border-top:1px solid #d7d7d7;}

	.board-write.seal-spec em { display:block; width:100%;}
	.board-write.seal-spec li span.cell { display:block; padding-right:70px;}
	.board-write.seal-spec label { width:100%;}
	.board-write.seal-spec input.txt { margin-left:15px; width:100%;}

	.board-write.seal-spec li.unit-str2,
	.board-write.seal-spec li.unit-str3 { position:relative;}
	.board-write.seal-spec li.unit-str3 span.cell { padding-right:85px;}
	.board-write.seal-spec li.unit-str3 input.txt,
	.board-write.seal-spec li.unit-str2 input.txt { width:100%;}
	.board-write .unit { position:absolute; top:42px; left:auto; right:30px;}
	
	#sealSpec9,#sealSpec10,#sealSpec11,#sealSpec12 { width:100%;}
	.board-write .desc { padding-left:4px;}

	.data-table table th,
	.data-table table td { font-size:12px; padding:10px 15px; letter-spacing:-1px;}
	.data-table table th.th-right {padding-right:15px;}
	.data-table .mblock {display:block;}
	.data-table table td .dot-list-btn {padding:0 15px 8px 0;}
	.data-table table td .dot-list-btn ul > li {font-size:14px;}
	.data-table table td .dot-list-btn .btn-download {position:relative; top:0; right:0; display:inline-block; width:140px; margin:10px 0 0 10px; font-size:14px; line-height:39px;}
	.data-table table td .dot-list-btn .btn-download > span {padding-left:20px; background:url(../../images/common/bg_download_mobile.png) no-repeat 0 13px; background-size:9px 12px;}
	
}

li.email select,
li.email2 select { width:250px; }

/* 2017-10-17 */
li.email2 select { width:230px; }
@media screen and (max-width: 768px) {
	li.email select,
	li.email2 select { margin-top:10px; width:100%; }
}
/* 2017-10-20 */
.pc_on {display:block !important;}
.mo_on {display:none !important;}
@media screen and (max-width: 768px) {
   .pc_on {display:none !important;}
   .mo_on {display:block !important;}
}


/* 2017-11-06 */
header .utill ul li.on a {color:#fff;font-weight: 600;}
header .utill .lang {padding-top: 2px;}
header .utill .lang ul li:last-child a {color:#fff;font-weight: 600;}

header .utill .lang a.eng {font-weight:700;color:#fff}

/* 2017-11-08 */
header nav.nav-pc ul li.on a {
	color:#fff;
}
header nav.nav-pc ul li.on ul {
	z-index:-1;
}

/* 2018-09-20 */
header .utill { top:25px; }
header .utill .lang a { margin-bottom:10px; }