@charset "utf-8";

/* ==================================
	Nanum Gothic
================================== */
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:400;
	/*
	src: url("https//fonts.googleapis.com/css?family=Nanum+Gothic&subset=korean");
	*/
	src: url(fonts/NanumGothic-Regular.eot);
	src: url(fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
			url(fonts/NanumGothic-Regular.woff2) format('woff2'),
			url(fonts/NanumGothic-Regular.woff) format('woff'),
			url(fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:600;
	/*
	src: url("https//fonts.googleapis.com/css?family=Nanum+Gothic:700&subset=korean");
	*/
	src: url(fonts/NanumGothic-Bold.eot);
	src: url(fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
			url(fonts/NanumGothic-Bold.woff2) format('woff2'),
			url(fonts/NanumGothic-Bold.woff) format('woff'),
			url(fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:800;
	/*
	src: url("https//fonts.googleapis.com/css?family=Nanum+Gothic:800&subset=korean");
	*/
	src: url(fonts/NanumGothic-ExtraBold.eot);
	src: url(fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
			url(fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
			url(fonts/NanumGothic-ExtraBold.woff) format('woff'),
			url(fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* ==================================
	Reset
================================== */
* {margin:0; padding:0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box;}

article,aside,bdi,details,dialog,figcaption,figure,footer,header,main,mark,menuitem,meter,nav,progress,rp,rt,ruby,section,summary,time,wbr,
body,p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,strong,b,label,pre,button {font-family:'Nanum Gothic', 'Nanum Square', 'dotum', 'Arial', 'sans-serif';}
strong,h1,h2,h3,h4,h5,h6,th,b,dt {font-family:'Nanum Gothic', 'Nanum Square', 'dotum', 'Arial', 'sans-serif'; font-weight:600; font-size:inherit; color:inherit;}

html {-webkit-text-size-adjust:100%;}
body {font-size:14px; font-weight:400; line-height:1; color:#666666;}
ul,ol,li {list-style:none;}
img,hr {border:none;}
img {vertical-align:top; border:0px;}

hr, caption {position:absolute; left:-9999px; top:-9999px;}
legend {position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-9999px;}
address,cite,em {font-style:normal;}
fieldset,iframe {border:0;}
label {cursor:pointer;}
sup,sub {line-height:1;}

a {vertical-align:top; color:#666666;}
a:link {text-decoration:none; color:inherit;}
a:visited {text-decoration:none; color:inherit;}
a:active {text-decoration:none; color:inherit;}
a:hover {text-decoration:none; color:inherit;}

button {border:0; outline:0; padding:0; margin:0; vertical-align:top; background:none; cursor:pointer;}

table {width:100%; border-spacing:0; table-layout:fixed;}
table td img {vertical-align:middle;}

textarea {display:inline-block; width:100%; height:34px; font-size:17px; line-height:28px; color:#555; padding:5px; border:1px solid #dfdfdf; background:#fff; box-sizing:border-box;}
input, select {display:inline-block; min-height:34px; height:34px; line-height:24px; padding:5px; vertical-align:middle; color:#000; font-size:15px; border:1px solid #dfdfdf; outline:none; box-sizing:border-box;} /*vertical-align:top;*/
select {width:auto; min-width:120px; height:34px; color:#000; background:url(/images/ocp/common/icon_select.png) no-repeat right center; background-color:#fff; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;}

/* 20200928 choi */
/* :root select {padding:0 10px \0/IE9; font-size:14px \0/E9;} */
select::-ms-expand {display:none;}
select option {height:34px;}

input[type=text],
input[type=number],
input[type=email],
input[type=password] {display:inline-block; width:100%; height:34px; font-size:14px; line-height:24px; color:#000; padding:5px; border:1px solid #dfdfdf; background:#fff; box-sizing:border-box; /*-webkit-box-shadow:0 0 0 1000px white inset;*/}
input[type=file],
input[type=image],
input[type=reset],
input[type=button],
input[type=submit] {cursor:pointer;}
input:focus {border:1px solid #3e50b4;}
input:disabled,
select:disabled {background:#f8f8f8;}


*::-webkit-input-placeholder {color:#000 !important;}
*::-moz-placeholder {color:#000 !important;}
*:-ms-input-placeholder {color:#000 !important;}
*:-moz-placeholder {color:#000 !important;}


/* ==================================
	Margin Padding
================================== */
.mt0 {margin-top:0px !important;} .mr0 {margin-right:0px !important;} .mb0 {margin-bottom:0px !important;} .ml0 {margin-left:0px !important;}
.mt5 {margin-top:5px !important;} .mr5 {margin-right:5px !important;} .mb5 {margin-bottom:5px !important;} .ml5 {margin-left:5px !important;}
.mt10 {margin-top:10px !important;} .mr10 {margin-right:10px !important;} .mb10 {margin-bottom:10px !important;} .ml10 {margin-left:10px !important;}
.mt15 {margin-top:15px !important;} .mr15 {margin-right:15px !important;} .mb15 {margin-bottom:15px !important;} .ml15 {margin-left:15px !important;}
.mt20 {margin-top:20px !important;} .mr20 {margin-right:20px !important;} .mb20 {margin-bottom:20px !important;} .ml20 {margin-left:20px !important;}
.mt25 {margin-top:25px !important;} .mr25 {margin-right:25px !important;} .mb25 {margin-bottom:25px !important;} .ml25 {margin-left:25px !important;}
.mt30 {margin-top:30px !important;} .mr30 {margin-right:30px !important;} .mb30 {margin-bottom:30px !important;} .ml30 {margin-left:30px !important;}
.mt35 {margin-top:35px !important;} .mr35 {margin-right:35px !important;} .mb35 {margin-bottom:35px !important;} .ml35 {margin-left:35px !important;}
.mt40 {margin-top:40px !important;} .mr40 {margin-right:40px !important;} .mb40 {margin-bottom:40px !important;} .ml40 {margin-left:40px !important;}
.mt45 {margin-top:45px !important;} .mr45 {margin-right:45px !important;} .mb45 {margin-bottom:45px !important;} .ml45 {margin-left:45px !important;}
.mt50 {margin-top:50px !important;} .mr50 {margin-right:50px !important;} .mb50 {margin-bottom:50px !important;} .ml50 {margin-left:50px !important;}
.mt55 {margin-top:55px !important;} .mr55 {margin-right:55px !important;} .mb55 {margin-bottom:55px !important;} .ml55 {margin-left:55px !important;}
.mt60 {margin-top:60px !important;} .mr60 {margin-right:60px !important;} .mb60 {margin-bottom:60px !important;} .ml60 {margin-left:60px !important;}
.mt65 {margin-top:65px !important;} .mr65 {margin-right:65px !important;} .mb65 {margin-bottom:65px !important;} .ml65 {margin-left:65px !important;}
.mt70 {margin-top:70px !important;} .mr70 {margin-right:70px !important;} .mb70 {margin-bottom:70px !important;} .ml70 {margin-left:70px !important;}
.mt75 {margin-top:75px !important;} .mr75 {margin-right:75px !important;} .mb75 {margin-bottom:75px !important;} .ml75 {margin-left:75px !important;}
.mt80 {margin-top:80px !important;} .mr80 {margin-right:80px !important;} .mb80 {margin-bottom:80px !important;} .ml80 {margin-left:80px !important;}
.mt85 {margin-top:85px !important;} .mr85 {margin-right:85px !important;} .mb85 {margin-bottom:85px !important;} .ml85 {margin-left:85px !important;}
.mt90 {margin-top:90px !important;} .mr90 {margin-right:90px !important;} .mb90 {margin-bottom:90px !important;} .ml90 {margin-left:90px !important;}
.mt95 {margin-top:95px !important;} .mr95 {margin-right:95px !important;} .mb95 {margin-bottom:95px !important;} .ml95 {margin-left:95px !important;}
.mt100 {margin-top:100px !important;} .mr100 {margin-right:100px !important;} .mb100 {margin-bottom:100px !important;} .ml100 {margin-left:100px !important;}

.pt0 {padding-top:0px !important;}	 .pr0 {padding-right:0px !important;} .pb0 {padding-bottom:0px !important;} .pl0 {padding-left:0px !important;}
.pt5 {padding-top:5px !important;}	 .pr5 {padding-right:5px !important;} .pb5 {padding-bottom:5px !important;} .pl5 {padding-left:5px !important;}
.pt10 {padding-top:10px !important;} .pr10 {padding-right:10px !important;} .pb10 {padding-bottom:10px !important;} .pl10 {padding-left:10px !important;}
.pt15 {padding-top:15px !important;} .pr15 {padding-right:15px !important;} .pb15 {padding-bottom:15px !important;} .pl15 {padding-left:15px !important;}
.pt20 {padding-top:20px !important;} .pr20 {padding-right:20px !important;} .pb20 {padding-bottom:20px !important;} .pl20 {padding-left:20px !important;}
.pt25 {padding-top:25px !important;} .pr25 {padding-right:25px !important;} .pb25 {padding-bottom:25px !important;} .pl25 {padding-left:25px !important;}
.pt30 {padding-top:30px !important;} .pr30 {padding-right:30px !important;} .pb30 {padding-bottom:30px !important;} .pl30 {padding-left:30px !important;}
.pt35 {padding-top:35px !important;} .pr35 {padding-right:35px !important;} .pb35 {padding-bottom:35px !important;} .pl35 {padding-left:35px !important;}
.pt40 {padding-top:40px !important;} .pr40 {padding-right:40px !important;} .pb40 {padding-bottom:40px !important;} .pl40 {padding-left:40px !important;}
.pt45 {padding-top:45px !important;} .pr45 {padding-right:45px !important;} .pb45 {padding-bottom:45px !important;} .pl45 {padding-left:45px !important;}
.pt50 {padding-top:50px !important;} .pr50 {padding-right:50px !important;} .pb50 {padding-bottom:50px !important;} .pl50 {padding-left:50px !important;}
.pt55 {padding-top:55px !important;} .pr55 {padding-right:55px !important;} .pb55 {padding-bottom:55px !important;} .pl55 {padding-left:55px !important;}
.pt60 {padding-top:60px !important;} .pr60 {padding-right:60px !important;} .pb60 {padding-bottom:60px !important;} .pl60 {padding-left:60px !important;}
.pt65 {padding-top:65px !important;} .pr65 {padding-right:65px !important;} .pb65 {padding-bottom:65px !important;} .pl65 {padding-left:65px !important;}
.pt70 {padding-top:70px !important;} .pr70 {padding-right:70px !important;} .pb70 {padding-bottom:70px !important;} .pl70 {padding-left:70px !important;}
.pt75 {padding-top:75px !important;} .pr75 {padding-right:75px !important;} .pb75 {padding-bottom:75px !important;} .pl75 {padding-left:75px !important;}
.pt80 {padding-top:80px !important;} .pr80 {padding-right:80px !important;} .pb80 {padding-bottom:80px !important;} .pl80 {padding-left:80px !important;}
.pt85 {padding-top:85px !important;} .pr85 {padding-right:85px !important;} .pb85 {padding-bottom:85px !important;} .pl85 {padding-left:85px !important;}
.pt90 {padding-top:90px !important;} .pr90 {padding-right:90px !important;} .pb90 {padding-bottom:90px !important;} .pl90 {padding-left:90px !important;}
.pt95 {padding-top:95px !important;} .pr95 {padding-right:95px !important;} .pb95 {padding-bottom:95px !important;} .pl95 {padding-left:95px !important;}
.pt100 {padding-top:100px !important;} .pr100 {padding-right:100px !important;} .pb100 {padding-bottom:100px !important;} .pl100 {padding-left:100px !important;}