@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}