@charset "utf-8";

/*-------------------------------------------------------------------
2021 Btype 및 Ctype 메인의 common.css파일은 commonBtype으로 같이 씁니다.
-------------------------------------------------------------------*/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

@font-face {
font-family: 'NotoK';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('NotoSans-Light'), url(../fonts/NotoSans-Light.eot);
src: url(../fonts/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
url(../fonts/NotoSans-Light.woff2) format('woff2'),
url(../fonts/NotoSans-Light.woff) format('woff');;
}
@font-face {
font-family: 'NotoK';
font-style: normal;
font-weight: 200;
src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'), url(../fonts/NotoSans-DemiLight.eot);
src: url(../fonts/NotoSans-DemiLight.eot?#iefix) format('embedded-opentype'),
url(../fonts/NotoSans-DemiLight.woff2) format('woff2'),
url(../fonts/NotoSans-DemiLight.woff) format('woff');;
}
@font-face {
font-family: 'NotoK';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(../fonts/NotoSans-Regular.eot);
src: url(../fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
url(../fonts/NotoSans-Regular.woff2) format('woff2'),
url(../fonts/NotoSans-Regular.woff) format('woff');
}
@font-face {
font-family: 'NotoK';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(../fonts/NotoSans-Medium.eot);
src: url(../fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
url(../fonts/NotoSans-Medium.woff2) format('woff2'),
url(../fonts/NotoSans-Medium.woff) format('woff');
}
@font-face {
font-family: 'NotoK';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../fonts/NotoSans-Bold.eot);
src: url(../fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
url(../fonts/NotoSans-Bold.woff2) format('woff2'),
url(../fonts/NotoSans-Bold.woff) format('woff');
}

@font-face {
	font-family: 'RobotoL';
	font-style: normal;
	font-weight: 300;
	src:url(../fonts/Roboto-Light.woff2) format('woff2'),
		url(../fonts/Roboto-Light.woff) format('woff'),
		url(../fonts/Roboto-Light.otf) format('opentype');
}

@font-face {
	font-family: 'RobotoB';
	font-style: normal;
	font-weight: 700;
	src:url(../fonts/Roboto-Bold.woff2) format('woff2'),
		url(../fonts/Roboto-Bold.woff) format('woff'),
		url(../fonts/Roboto-Bold.otf) format('opentype');
}

*{margin:0;padding:0}
html{-webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; vertical-align:middle; -webkit-appearance:none; appearance:none; -moz-appearance:none; resize:none; word-break:break-word;}
body{position:relative; width:100%; min-height:100%; font-family:'Open Sans', 'sans-serif'; font-size:16px;  padding:0; background:#fff; color:#333; font-weight:400; line-height:1.5; -webkit-text-size-adjust:none;}
/* body.gnbdimd:after{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; content: ""; background-color: rgba(0,0,0,0.5);} */
body.gnbdimd:after{content:none;}
html:lang(ko) body{font-family:'NotoK', MalgunGothic, 'Malgun Gothic', 맑은고딕, '맑은 고딕', dotum,'돋움', Arial, sans-serif;}

#wrapper{width:100%; margin:0 auto; overflow:hidden;}
#skipnavigation a {position:absolute; top: -9999px;}
#skipnavigation a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:3rem; line-height:3rem; background:#039; color:#fff; text-align:center;}

img{display:block;vertical-align:top}
img,fieldset,iframe{border:0 none}
li{list-style:none}
table, td{border-collapse:collapse}
h1, h2, h3, h4, h5, h6{font-weight:400}

textarea,select{overflow:auto;margin:0;padding:0;border:1px solid #ddd;background-color:#fff; font-family:'Open Sans', 'sans-serif'; color:#555;vertical-align:middle}
html:lang(ko) textarea,select{font-family:'NotoK', MalgunGothic, 'Malgun Gothic', 맑은고딕, '맑은 고딕', dotum,'돋움', Arial, sans-serif;}
a{color:#555;text-decoration:none}
caption, legend{width:0;height:0;font-size:0;color:transparent;line-height:0}
.IR{display:inline-block;width:0;height:0;font-size:0;color:transparent;line-height:0}
.blockIR{display:block;width:0;height:0;font-size:0;color:transparent;line-height:0}
.clearfix:after{content:"";display:block;clear:both}
input[type='radio'], input[type='checkbox']{cursor:pointer;border:none}
input[type='radio'] + label, input[type='checkbox'] + label{cursor:pointer}
input{font-family:'Open Sans', 'sans-serif'; font-size:1rem; vertical-align:middle}
html:lang(ko) input{font-family:'NotoK', MalgunGothic, 'Malgun Gothic', 맑은고딕, '맑은 고딕', dotum,'돋움', Arial, sans-serif;}

input:read-only{background:#efefef}

/* IE9 이하를 위한 css */
.placeholder {color:#a5a5a5 !important}
 /* IE10 이상을 위한 css */
 input::placeholder{color:#a5a5a5 !important;opacity:1 /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
 input::-webkit-input-placeholder{color:#a5a5a5}
 /* IE */
 input:-ms-input-placeholder{color:#a5a5a5 !important} 
 /* Firefox */
 input:-moz-input-placeholder{color:#a5a5a5 !important}


select::-ms-expand{display:none}/* delete select arrow */  
button{cursor:pointer; border:none; background:none; font-family:'Open Sans', 'sans-serif';}
html:lang(ko) button{font-family:'NotoK', MalgunGothic, 'Malgun Gothic', 맑은고딕, '맑은 고딕', dotum,'돋움', Arial, sans-serif;}
input[type="submit"]{cursor:pointer}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
sup, sub{font-size:10px !important}

/* 글자자르기 */
.txtCut{overflow:hidden;width:95%;white-space:nowrap;text-overflow:ellipsis;text-align:left}


/* IE9 이하를 위한 css */
.placeholder {color:#a5a5a5 !important}
 /* IE10 이상을 위한 css */
 input::placeholder{color:#a5a5a5 !important;opacity:1 /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
 input::-webkit-input-placeholder{color:#a5a5a5}
 /* IE */
 input:-ms-input-placeholder{color:#a5a5a5 !important} 
 /* Firefox */
 input:-moz-input-placeholder{color:#a5a5a5 !important}
 
 
.hide {  /*숨기기*/ position:absolute; left:-10000px; top:auto;  height:1px; overflow:hidden;}
.hide {display: block; width: 0; text-indent: -9000px; overflow: hidden;}
select::-ms-expand {display: none;}
img, video {max-width : 100% ; height : auto;}

/* =====  Media ===== */
audio:not([controls]){display:none;height:0;}

/* =====  Link ===== */
a{text-decoration: none !important;/*outline:none;*/}​
a:link{text-decoration:none;/*outline:none;*/ }​
a:focus{outline:thin dotted;/*outline:none;*/ }​
a:active,a:hover{outline:0;text-decoration:none;/*outline:none;*/ }​
a:visited{text-decoration:none;/*outline:none;*/ }​

/* =====  Typography ===== */
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:inherit;}
b{font-weight:bold;}
strong{font-weight:700;vertical-align:middle;}
hr{display:none;box-sizing:content-box;height:0;}
address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal;}
abbr, acronym, img, button{border:0;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
sub, sup{line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
span,em{vertical-align:top;}

/* List */
ul, ol, li{list-style:none;}

/* =====  Figures ===== */
figure{margin:0;}

/* =====  Forms ===== */
button{cursor:pointer;}
button, input, select, textarea{border:0 none;outline:0 none;}
/* button, select{text-transform:none;} */
textarea{vertical-align:top;border:solid 1px #ccc;}

/* =====  Table ===== */
table{border-collapse:collapse;empty-cells:show;border-spacing:0;table-layout:fixed;}
table caption, fieldset legend{display:none;}


/* margin, padding, border, nobg */

/* border */
.b0{border:none !important}
.bL0{border-left:0 !important}
.bR0{border-right:0 !important}
.bT0{border-top:0 !important}
.bB0{border-bottom:0 !important}
.bL1{border-left:1px solid #bfcbd7 !important}
.bT1{border-top:1px solid #bfcbd7 !important}
.bB1{border-bottom:1px solid #bfcbd7 !important}

/* margin */
.m5{margin:5px !important}
.m10{margin:10px !important}
.m15{margin:15px !important}
.m20{margin:20px !important}
.m30{margin:30px !important}

.mT0{margin-top:0px !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT45{margin-top:45px !important;}
.mT50{margin-top:50px !important;}
.mT55{margin-top:55px !important;}
.mT60{margin-top:60px !important;}
.mT65{margin-top:65px !important}
.mT70{margin-top:70px !important}
.mT80{margin-top:80px !important}
.mT85{margin-top:85px !important}
.mT90{margin-top:90px !important}
.mT95{margin-top:95px !important}
.mT100{margin-top:100px !important}
.mT105{margin-top:105px !important}
.mT110{margin-top:110px !important}
.mT120{margin-top:120px !important}
.mT130{margin-top:130px !important}
.mT140{margin-top:140px !important}
.mT145{margin-top:145px !important}
.mT150{margin-top:150px !important}
.mT155{margin-top:155px !important}
.mT160{margin-top:160px !important}
.mT165{margin-top:165px !important}
.mT170{margin-top:170px !important}
.mT180{margin-top:180px !important}
.mT185{margin-top:185px !important}
.mT190{margin-top:190px !important}
.mT200{margin-top:200px !important}

.mR0{margin-right:0px !important;}
.mR5{margin-right:5px !important;}
.mR10{margin-right:10px !important;}
.mR15{margin-right:15px !important;}
.mR20{margin-right:20px !important;}
.mR25{margin-right:25px !important;}
.mR30{margin-right:30px !important;}
.mR35{margin-right:35px !important;}
.mR40{margin-right:40px !important;}
.mR45{margin-right:45px !important;}
.mR50{margin-right:50px !important;}
.mR55{margin-right:55px !important;}
.mR60{margin-right:60px !important;}
.mR70{margin-right:70px !important}
.mR80{margin-right:80px !important}
.mR90{margin-right:90px !important}
.mR100{margin-right:100px !important}

.mB0{margin-bottom:0px !important;}
.mB5{margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px !important;}
.mB40{margin-bottom:40px !important;}
.mB45{margin-bottom:45px !important;}
.mB50{margin-bottom:50px !important;}
.mB55{margin-bottom:55px !important;}
.mB60{margin-bottom:60px !important;}
.mB70{margin-bottom:70px !important}
.mB80{margin-bottom:80px !important}
.mB90{margin-bottom:90px !important}
.mB100{margin-bottom:100px !important}

.mL0 {margin-left:0px !important;}
.mL5 {margin-left:5px !important;}
.mL10 {margin-left:10px !important;}
.mL15 {margin-left:15px !important;}
.mL20 {margin-left:20px !important;}
.mL25 {margin-left:25px !important;}
.mL30 {margin-left:30px !important;}
.mL35 {margin-left:35px !important;}
.mL40 {margin-left:40px !important;}
.mL45 {margin-left:45px !important;}
.mL50 {margin-left:50px !important;}
.mL55 {margin-left:55px !important;}
.mL60 {margin-left:60px !important;}
.mL70{margin-left:70px !important}
.mL80{margin-left:80px !important}
.mL90{margin-left:90px !important}
.mL100{margin-left:100px !important}


/* padding */
.p0{padding:0 !important}
.p5{padding:5px !important}
.p10{padding:10px !important}
.p15{padding:15px !important}
.p20{padding:20px !important}
.p25{padding:25px !important}
.p30{padding:30px !important}
.p35{padding:35px !important}
.p40{padding:40px !important}
.p45{padding:45px !important}
.p50{padding:50px !important}
.p55{padding:55px !important}
.p60{padding:60px !important}

.pT0{padding-top:0px !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT35{padding-top:35px !important;}
.pT40{padding-top:40px !important;}
.pT45{padding-top:45px !important;}
.pT50{padding-top:50px !important;}
.pT55{padding-top:55px !important;}
.pT60{padding-top:60px !important;}

.pR0{padding-right:0px !important;}
.pR5{padding-right:5px !important;}
.pR10{padding-right:10px !important;}
.pR15{padding-right:15px !important;}
.pR20{padding-right:20px !important;}
.pR25{padding-right:25px !important;}
.pR30{padding-right:30px !important;}
.pR35{padding-right:35px !important;}
.pR40{padding-right:40px !important;}
.pR45{padding-right:45px !important;}
.pR50{padding-right:50px !important;}
.pR55{padding-right:55px !important;}
.pR60{padding-right:60px !important;}

.pB0{padding-bottom:0px !important;}
.pB5{padding-bottom:5px !important;}
.pB10{padding-bottom:10px !important;}
.pB15{padding-bottom:15px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB35{padding-bottom:35px !important;}
.pB40{padding-bottom:40px !important;}
.pB45{padding-bottom:45px !important;}
.pB50{padding-bottom:50px !important;}
.pB55{padding-bottom:55px !important;}
.pB60{padding-bottom:60px !important;}

.pL0{padding-left:0px !important;}
.pL5{padding-left:5px !important;}
.pL10{padding-left:10px !important;}
.pL15{padding-left:15px !important;}
.pL20{padding-left:20px !important;}
.pL25{padding-left:25px !important;}
.pL30{padding-left:30px !important;}
.pL35{padding-left:35px !important;}
.pL40{padding-left:40px !important;}
.pL45{padding-left:45px !important;}
.pL50{padding-left:50px !important;}
.pL55{padding-left:55px !important;}
.pL60{padding-left:60px !important;}
.pL70{padding-left:70px !important}
.pL80{padding-left:80px !important}
.pL90{padding-left:90px !important}
.pL100{padding-left:100px !important}

/* nobg */
.nobg{background:none !important}
.nobg:after{content:"";background:none !important}
.clear{clear:both !important}
.floatL{float:left !important}
.floatR{float:right !important}
.txtL{text-align:left !important}
.txtC{text-align:center !important}
.txtR{text-align:right !important}
.inline{display:inline !important}
.clearfix{display:block}
.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0}
.f_bold{font-weight:600 !important}
.hidden{display:none}



/* size */
.w30px{width:30px !important}
.w50px{width:50px !important}
.w80px{width:80px !important}
.w100px{width:100px !important}
.w120px{width:120px !important}
.w150px{width:150px !important}
.w200px{width:200px !important}
.w250px{width:250px !important}
.w300px{width:300px !important}
.w350px{width:350px !important}
.w400px{width:400px !important}
.w450px{width:450px !important}
.w500px{width:500px !important}
.w600px{width:600px !important}
.w700px{width:700px !important}
.w800px{width:800px !important}
.w900px{width:900px !important}
.w1000px{width:1000px !important}

.w5per{width:5% !important}
.w10per{width:10% !important}
.w15per{width:15% !important}
.w20per{width:20% !important}
.w25per{width:25% !important}
.w30per{width:30% !important}
.w35per{width:35% !important}
.w40per{width:40% !important}
.w45per{width:45% !important}
.w50per{width:50% !important}
.w55per{width:55% !important}
.w60per{width:60% !important}
.w65per{width:65% !important}
.w70per{width:70% !important}
.w75per{width:75% !important}
.w80per{width:80% !important}
.w85per{width:85% !important}
.w90per{width:90% !important}
.w95per{width:95% !important}
.w100per{width:100% !important}



/* height */
.h50{height:50px !important}
.h100{height:100px !important}
.h150{height:150px !important}
.h200{height:200px !important}
.h250{height:250px !important}
.h300{height:300px !important}
.h350{height:350px !important}
.h400{height:400px !important}
.h450{height:450px !important}
.h500{height:500px !important}