@charset "euc-kr";

/**************************************************
ÇÁ·Î±×·¥ ID : base.css
ÇÁ·Î±×·¥ ¸í : Base Cascading Style Sheets
ÀÛ  ¼º   ÀÚ : 
ÃÖÃÊ ÀÛ¼ºÀÏ : 2018/01/17
ÃÖÁ¾ ÀÛ¼ºÀÏ : 
Âü°í   »çÇ× : 
**************************************************/
@import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");
/*@import url(//cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);*/
/*@font-face {font-family:"NBarun Light"; src:url('../font/NanumBarunGothicLight.eot'); src:url('../font/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'), url('../font/NanumBarunGothicLight.woff') format('woff'), url('../font/NanumBarunGothicLight.ttf') format('truetype'); font-weight:normal; font-style:normal;}
@font-face {font-family:"NBarun Regular"; src:url('../font/NanumBarunGothic.eot'); src:url('../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('../font/NanumBarunGothic.woff') format('woff'), url('../font/NanumBarunGothic.ttf') format('truetype'); font-weight:normal; font-style:normal;}
@font-face {font-family:"NBarun Bold"; src:url('../font/NanumBarunGothicBold.eot'); src:url('../font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'), url('../font/NanumBarunGothicBold.woff') format('woff'), url('../font/NanumBarunGothicBold.ttf') format('truetype'); font-weight:normal; font-style:normal;}
*/

/* Hyundai Font*/
@font-face {
    font-family: 'HyundaiSansText';
    font-style: normal;
    font-weight: 400;
    src: url('/mozen/font/hyundai/HyundaiSansText-Regular.woff2') format('woff2'), url('/mozen/font/hyundai/HyundaiSansText-Regular.woff') format('woff'), url('/mozen/font/hyundai/HyundaiSansText-Regular.eot') format('embedded-opentype')
		, url('/mozen/font/hyundai/HyundaiSansText-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'HyundaiSansText';
    font-style: normal;
    font-weight: 500;
    src: url('/mozen/font/hyundai/HyundaiSansText-Medium.woff2') format('woff2'), url('/mozen/font/hyundai/HyundaiSansText-Medium.woff') format('woff'), url('/mozen/font/hyundai/HyundaiSansText-Medium.eot') format('embedded-opentype')
		, url('/mozen/font/hyundai/HyundaiSansText-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'HyundaiSansText';
    font-style: normal;
    font-weight: 700;
    src: url('/mozen/font/hyundai/HyundaiSansText-Bold.woff2') format('woff2'), url('/mozen/font/hyundai/HyundaiSansText-Bold.woff') format('woff'), url('/mozen/font/hyundai/HyundaiSansText-Bold.eot') format('embedded-opentype')
		, url('/mozen/font/hyundai/HyundaiSansText-Bold.ttf') format('truetype');
}



/* Kia Font */
@font-face{
	font-family: 'KIAM';
	font-style:normal;
	font-weight: 500;
	src:url('/mozen/font/kia/KIAM.woff2') format('woff2'), url('/mozen/font/kia/KIAM.woff') format('woff'), url('/mozen/font/kia/KIAM.eot?#iefix') format('embedded-opentype')
		,url('/mozen/font/kia/KIAM.eot'), url('/mozen/font/kia/KIAM.ttf') format('truetype');
}

@font-face{
	font-family:'KIAB';
	font-style:normal;
	font-weight: 700;
	src:url('/mozen/font/kia/KIAB.woff2') format('woff2'), url('/mozen/font/kia/KIAB.woff') format('woff'), url('/mozen/font/kia/KIAB.eot?#iefix') format('embedded-opentype')
		, url('/mozen/font/kia/KIAB.eot'), url('/mozen/font/kia/KIAB.ttf') format('truetype');
}

/* kia signature */
@font-face {
    font-family: 'KIA-SIG';
    font-style: normal;
    font-weight: 300;
    src: url(/font/kia/KiaSignatureLight.woff2) format('woff2'), url(/font/kia/KiaSignatureLight.woff) format('woff'), url(/font/kia/KiaSignatureLight.eot) format('embedded-opentype'), url(/font/kia/KiaSignatureLight.ttf) format("truetype");
}

@font-face {
    font-family: 'KIA-SIG';
    font-style: normal;
    font-weight: 500;
    src: url(/font/kia/KiaSignatureRegular.woff2) format('woff2'), url(/font/kia/KiaSignatureRegular.woff) format('woff'), url(/font/kia/KiaSignatureRegular.eot) format('embedded-opentype'), url(/font/kia/KiaSignatureRegular.ttf) format("truetype");
}

@font-face {
    font-family: 'KIA-SIG';
    font-style: normal;
    font-weight: 700;
    src: url(/font/kia/KiaSignatureBold.woff2) format('woff2'), url(/font/kia/KiaSignatureBold.woff) format('woff'), url(/font/kia/KiaSignatureBold.eot) format('embedded-opentype'), url(/font/kia/KiaSignatureBold.ttf) format("truetype");
}

* {margin:0; padding:0; border:0 none transparent; box-sizing:border-box;}
:before, :after {box-sizing:border-box;}
html, body, pre {font-family:"Nanum Gothic"; font-size:16px; line-height:26px; color:#666;}
form, fieldset, p, figure {word-break:break-all; word-wrap:break-word;}
legend, caption, figcaption {display:none;}
img, fieldset {/*'transparent' for Opera7*/}
menu, ol, ul, li, dl, dt, dd {list-style:none;}
menu, ol, ul, dl, dt {display:block;}
table {width:100%; border-collapse:collapse;}
table th, table td {color:#666; vertical-align:top; word-break:break-all; word-wrap:break-word;}
input, select, textarea, button {font-family:"Nanum Gothic"; color:#666; vertical-align:middle;}
textarea {resize:none;}
button, label {cursor:pointer;}
button::-moz-focus-inner {padding:0; border:0;}
a {text-decoration:none; cursor:pointer; transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important; display:inline-block;}
a:link, a:visited {color:#666;}
a:hover, a:active {color:#333;}
h1, h2, h3, h4, h5, h6 {word-break:break-all; word-wrap:break-word;}
h1, h2, h3, h4, h5, h6, strong, th {font-weight:normal;}
address, em, i {font-style:normal;}
hr {border-top:1px solid #e5e9ec;}

.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.clr {clear:both;}

.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}

.vt {vertical-align:top;}
.vb {vertical-align:bottom;}
.vm, .btns {vertical-align: middle;}

.nobg {background:none !important;}
.nobd {border:0 none !important;}
.nobl {border-left:0 none !important;}
.nomg {margin:0 !important;}
.nomt {margin-top:0 !important;}
.noml {margin-left:0 !important;}
.nopdt {padding-top:0 !important;}
.nopd {padding:0 !important;}
.nopb {padding-bottom:0 !important;}
.nopl {padding-left:0 !important;}
.nodp {display:none;}
.blind, .hide {position:absolute !important; width:0 !important; height:0 !important; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}

.btnL {margin-top:20px; text-align:left;}
.btnL [class^=btn0] {margin-right:6.5px;}
.btnR {margin-top:20px; text-align:right;}
.btnR [class^=btn0] {margin-left:3px;}
.btnC {margin-top:20px; text-align:center;}
.btnC [class^=btn0], .btnC a {margin:0 3px;}

.btnTop {margin-bottom:8px;}
.btnMid {margin-top:20px; margin-bottom:60px;}
.btnBtm {margin-top:30px !important;}

.tblTop {margin-bottom:20px;}
.tblMid {margin-bottom:40px;}
.tblBtm {margin-top:10px;}

.tabBtm {margin-top:40px;}

.pgMid {margin-top:30px; margin-bottom:30px;}
.pgBtm {margin-top:50px;}

.col-0 {width: auto;}
.col-12 {width: 100%;}

::-webkit-input-placeholder {color:#666;} 
:-moz-placeholder {color:#666; opacity:1;}
::-moz-placeholder {color:#666; opacity:1;}
:-ms-input-placeholder {color:#666 !important;}
::-ms-input-placeholder {color:#666;}
.placeholder {color:#666 !important;}

/*sub footer*/
#subFooter {height:120px; padding-left:60px; padding-right:70px; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight:400; letter-spacing:normal; color:#666; background-color:#f8f8f8; display:flex; align-items:center; justify-content:space-between;}
#subFooter select {width:156px; height:40px; padding-left:23px; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight:400; letter-spacing:-0.48px; color:#666; border:1px solid #cbcbcb;}
#subFooter select:hover {border-color:#000; transition:border 0.2s ease;}



/* input
------------------------------------------------------------------------------- */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"] {width:100%; height:45px; padding:0 20px; font-size:16px; background-color:#f9f9f9; outline:0; transition:background 0.2s linear 0s,box-shadow 0.2s linear 0s;}
.uneditable-input.focus, textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus, .m-uneditable-input:focus {color:#666;}
input[type=image] {width:auto !important; height:auto !important; margin:0; padding:0 !important; border:0 none !important; background:none;}

input[disabled], select[disabled] {background:#e5e9ec;}
button[disabled] {background:#e6e6e6;}

input[readonly], select[readonly] {/*font-weight:500;*/ color:#333; background:#f7f7f7;}

select {height:40px; color:#333; border:1px solid #e6e6e6;}

textarea {width:100%; padding:17px 16px 17px 20px; font-size:16px; border:0 none; background:#f7f7f7;}

input.error, select.error {border-color:#996b56;}

input[type="radio"], input[type="checkbox"] {margin-right:10px;}