@charset "utf-8";

/* ==============================================================================================================
= v1.0 - 20191014
============================================================================================================== */

/*  웹폰트 사용 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {font-family: 'NanumSquare'; font-weight: 400; src: url(/common/fonts/NanumSquareR.eot); src: url(/common/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(/common/fonts/NanumSquareR.woff) format('woff')}
@font-face {font-family: 'NanumSquare'; font-weight: 700; src: url(/common/fonts/NanumSquareB.eot); src: url(/common/fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'), url(/common/fonts/NanumSquareB.woff) format('woff');}
@font-face {font-family: 'NanumSquare'; font-weight: 800; src: url(/common/fonts/NanumSquareEB.eot); src: url(/common/fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'), url(/common/fonts/NanumSquareEB.woff) format('woff');}
@font-face {font-family: 'NanumSquare'; font-weight: 300; src: url(/common/fonts/NanumSquareL.eot); src: url(/common/fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'), url(/common/fonts/NanumSquareL.woff) format('woff');}


/* ======================================== Reset ======================================== */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
html,body{width:100%;height:100%;-webkit-font-smoothing:antialiased;box-sizing:border-box;}
body,p,h1,h2,h2,h3,h4,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;}
body, h1, h2, h3, h4, h5, input, select, textarea, button {font-family : 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 돋움, Dotum, sans-serif;}
body{font-size:14px;font-weight:400;color:#333;}
input,textarea,select,button,table,pre{}
select{cursor: pointer; padding-left:5px;}
table{table-layout: fixed; border-spacing: 0;}
textarea{resize: none;}
ul,ol,li{display:block;list-style:none;}
img{border:0px none; max-width:100%; height:auto;}
img,input,button,label,select{vertical-align:middle;}
input[type='text'],input[type='password'],input[type='number']{text-indent:5px;}
input[type='submit'],input[type='button'],button{cursor:pointer;}
/* 20200203 em 스타일 제거 start */
/*i,em,address{font-style:normal;}*/
/* 20200203 em 스타일 제거 end */
i,address{font-style:normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
table{border-spacing:0;table-layout:fixed;}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block;}
.clear{display:block;height:0px;font-size:0px;font-size:0em;line-height:0px;content:'';overflow:hidden;clear:both;}
.ir{display: inline-block; text-indent:9000px; white-space: nowrap; overflow:hidden;}
.inner{display:block;position:relative;margin:0 auto;width:1200px;box-sizing:border-box;}
.inner:after{display:block;content:'';clear:both;}
caption, .soundOnly{display:block !important;position:absolute !important;top:-9999px !important;}
input[type='checkbox']{cursor:pointer;}
/*211116 float:left display:flex때 간격 생기는 오류로 주석처리함 각자 필요할 때 작업자가 부여해서 사용할것 문하영 start*/
/*p,a,h1, h2, h3, h4, h5, h6, span{transform: skew(-0.001deg);}*/
/*211116 float:left display:flex때 간격 생기는 오류로 주석처리함 각자 필요할 때 작업자가 부여해서 사용할것 문하영 end*/


/* ==============================================================================================================
= 너비, 높이 사이즈를 공통으로 사용하기 위한 클래스 부여
============================================================================================================== */
.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px}
.w15{width:15px}.w25{width:25px}.w35{width:35px}.w45{width:45px}.w55{width:55px}.w65{width:65px}.w75{width:75px}.w85{width:85px}.w90{width:95px}
.w5p{width:5% }.w8p{width:8% }.w10p{width:10% }.w12p{width:12% }.w13p{width:13% }.w14p{width:14% }.w15p{width:15% }.w18p{width:18% }.w20p{width:20% }.w21p{width:21% }.w22p{width:22% }.w24p{width:24% }.w25p{width:25% }.w30p{width:30% }.w31p{width:31% }.w32p{width:32% }.w33p{width:33.33% }.w35p{width:35% }.w40p{width:40% }.w45p{width:45% }.w48p{width:48% !important;;}.w49p{width:49% !important;;}.w50p{width:50% !important;;}.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.w48p_i{width: 48% !important;}
.h10{height:10px}.h20{height:20px}.h20{height:30px}.h30{height:40px}.h40{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}.h200{height:300px}.h210{height:310px}.h220{height:320px}.h230{height:330px}.h240{height:340px}.h250{height:350px}.h260{height:360px}.h270{height:370px}.h280{height:380px}.h290{height:390px}.h300{height:400px}.h310{height:410px}.h320{height:420px}.h330{height:430px}.h340{height:440px}.h350{height:450px}.h360{height:460px}.h370{height:470px}.h380{height:480px}.h390{height:490px}.h400{height:500px}.h410{height:510px}.h420{height:520px}.h430{height:530px}.h440{height:540px}.h450{height:550px}.h460{height:560px}.h470{height:570px}.h480{height:580px}.h490{height:590px}.h600{height:600px}.h610{height:610px}.h620{height:620px}.h630{height:630px}.h640{height:640px}.h650{height:650px}.h660{height:660px}.h670{height:670px}.h680{height:680px}.h690{height:690px}.h700{height:700px}

/* margin */
.mgb5{margin-bottom: 5px;}.mgb10{margin-bottom:10px;}.mgb20{margin-bottom:20px;}.mgb30{margin-bottom:30px;}.mgb40{margin-bottom:40px;}.mgb50{margin-bottom:50px;}.mgb70{margin-bottom:70px;}.mgb80{margin-bottom:80px;}.mgb100{margin-bottom: 100px;}.mgb125{margin-bottom: 125px;}
.mgt5{margin-top: 5px;}.mgt10{margin-top: 10px;}.mgt20{margin-top: 20px;}.mgt40{margin-top: 40px;}.mgt50{margin-top: 50px;}.mgt70{margin-top: 70px;}.mgt100{margin-top:100px;}
.mgr5{margin-right: 5px;}.mgr10{margin-right: 10px;}.mgr15{margin-right: 15px;}.mgr20{margin-right: 20px;}.mgr50{margin-right: 50px;}.mgr70{margin-right: 70px;}.mgr100{margin-right:100px;}
.mgl5{margin-left: 5px;}.mgl10{margin-left: 10px;}.mgl15{margin-left: 15px;}.mgl20{margin-left: 20px;}.mgl50{margin-left: 50px;}.mgl70{margin-left: 70px;}.mgl100{margin-left:100px;}

.mb2p{margin-bottom: 2%;}.mb3p{margin-bottom: 3%;}.mb4p{margin-bottom: 4%;}.mb5p{margin-bottom: 5%;}.mb6p{margin-bottom: 6%;}.mb7p{margin-bottom: 7%;}.mb8p{margin-bottom: 8%;}.mb10p{margin-bottom: 10%;}.mb15p{margin-bottom: 15%;}.mb20p{margin-bottom: 20%;}.mb25p{margin-bottom: 25%;}
.mt2p{margin-top: 2%;}.mt3p{margin-top: 3%;}.mt4p{margin-top: 4%;}.mt5p{margin-top: 5%;}.mt6p{margin-top: 6%;}.mt7p{margin-top: 7%;}.mt8p{margin-top: 8%;}.mt10p{margin-top: 10%;}.mt15p{margin-top: 15%;}.mt20p{margin-top: 20%;}.mt25p{margin-top: 25%;}
.mr2p{margin-right: 2%;}.mr3p{margin-right: 3%;}.mr4p{margin-right: 4%;}.mr5p{margin-right: 5%;}.mr10p{margin-right: 10%;}.mr15p{margin-right: 15%;}.mr20p{margin-right: 20%;}.mr25p{margin-right: 25%;}

/* padding */
.pd3{padding: 3px;}.pd4{padding: 4px;}.pd5{padding: 5px;}.pd6{padding: 6px;}.pd7{padding: 7px;}.pd8{padding: 8px;}.pd9{padding: 9px;}.pd10{padding: 10px;}
.pdt10{padding-top: 10px;}.pdt20{padding-top: 20px;}.pdt30{padding-top: 30px;}.pdt40{padding-top: 40px;}.pdt50{padding-top: 50px;}.pdt60{padding-top: 60px;}.pdt70{padding-top: 70px;}.pdt80{padding-top: 80px;}.pdt90{padding-top: 90px;}.pdt100{padding-top: 100px;}
.pdb10{padding-bottom: 10px;}.pdb20{padding-bottom: 20px;}.pdb30{padding-bottom: 30px;}.pdb40{padding-bottom: 40px;}.pdb50{padding-bottom: 50px;}.pdb60{padding-bottom: 60px;}.pdb70{padding-bottom: 70px;}.pdb80{padding-bottom: 80px;}.pdb90{padding-bottom: 90px;}.pdb100{padding-bottom: 100px;}
.pdl10{padding-left: 10px;}.pdl20{padding-left: 20px;}.pdl30{padding-left: 30px;}.pdl40{padding-left: 40px;}.pdl50{padding-left: 50px;}.pdl60{padding-left: 60px;}.pdl70{padding-left: 70px;}.pdl80{padding-left: 80px;}.pdl90{padding-left: 90px;}.pdl100{padding-left: 100px;}
.pdr10{padding-right: 10px;}.pdr20{padding-right: 20px;}.pdr30{padding-right: 30px;}.pdr40{padding-right: 40px;}.pdr50{padding-right: 50px;}.pdr60{padding-right: 60px;}.pdr70{padding-right: 70px;}.pdr80{padding-right: 80px;}.pdr90{padding-right: 90px;}.pdr100{padding-right: 100px;}

.pb2p{padding-bottom: 2%;}.pb3p{padding-bottom: 3%;}.pb4p{padding-bottom: 4%;}.pb5p{padding-bottom: 5%;}.pb6p{padding-bottom: 6%;}.pb7p{padding-bottom: 7%;}.pb8p{padding-bottom: 8%;}.pb9p{padding-bottom: 9%;}.pb10p{padding-bottom: 10%;}.pb15p{padding-bottom: 15%;}.pb20p{padding-bottom: 20%;}.pb25p{padding-bottom: 25%;}
.pt2p{padding-top: 2%;}.pt3p{padding-top: 3%;}.pt4p{padding-top: 4%;}.pt5p{padding-top: 5%;}.pt6p{padding-top: 6%;}.pt7p{padding-top: 7%;}.pt8p{padding-top: 8%;}.pt9p{padding-top: 9%;}.pt10p{padding-top: 10%;}.pt15p{padding-top: 15%;}.pt20p{padding-top: 20%;}.pt25p{padding-top: 25%;}
.pr2p{padding-right: 2%;}.pr3p{padding-right: 3%;}.pr4p{padding-right: 4%;}.pr5p{padding-right: 5%;}.pr6p{padding-right: 6%;}.pr7p{padding-right: 7%;}.pr8p{padding-right: 8%;}.pr9p{padding-right: 9%;}.pr10p{padding-right: 10%;}.pr15p{padding-right: 15%;}.pr20p{padding-right: 20%;}.pr25p{padding-right: 25%;}.pr30p{padding-right: 30%;}.pr35p{padding-right: 35%;}.pr40p{padding-right: 40%;}