@charset "euc-kr";
/* CSS Document */

/* Common */


img	{border:0}
a	{text-decoration:none !important; color:#666666}
a:hover {text-decoration:none !important; }
.btng a{color:#ececec !important; }
.btng:hover a{color:#ff8287 !important;}
.btng2 a{color:#ececec !important; }
.btng2:hover a{color:#ff8287 !important;}

html, body { }

img,fieldset {border:0;}
ul,ol,li {list-style:none;}
th {font-weight:400}
em,address {font-style:normal}


select {height:20px; border:1px solid #cfcfcf; font-size:12px; color:#7a7a7a; vertical-align:middle;}
.checkbox {border:0;}
option {font-size:12px; color:#656565;} /* Firefox Fix */
textarea {overflow:auto; border:1px solid #dedede; padding:5px;}
table {padding:0; margin:0;  border-spacing:0; border-collapse:collapse; }
caption {display:none;}


/* padding */
.pl0 {padding-left:0px;} .pl05 {padding-left:5px;} .pl10 {padding-left:10px;} .pl15 {padding-left:15px;} .pl20 {padding-left:20px;} .pl30 {padding-left:30px;} .pl40 {padding-left:40px;} .pl50 {padding-left:50px;}
.pt02{padding-top: 2px;} .pt05 {padding-top:5px;} .pt10 {padding-top:10px;} .pt15 {padding-top:15px;} .pt20 {padding-top:20px;} .pt30 {padding-top:30px;} .pt40 {padding-top:40px;} .pt50 {padding-top:50px;}
.pr0 {padding-right:0px;} .pr05 {padding-right:5px;} .pr10 {padding-right:10px;} .pr15 {padding-right:15px;} .pr20 {padding-right:20px;} .pr30 {padding-right:30px;} .pr40 {padding-right:40px;} .pr50 {padding-right:50px;} .pr70 {padding-right: 70px;}
.pb0{padding-bottom: 0;}.pb05 {padding-bottom:5px;} .pb10 {padding-bottom:10px;} .pb15 {padding-bottom:15px;} .pb20 {padding-bottom:20px;} .pb30 {padding-bottom:30px;} .pb40 {padding-bottom:40px;} .pb50 {padding-bottom:50px;}
.pd05{padding: 05px;} .pd10{padding: 10px !important;} .pd20{padding: 20px} .pd30{padding: 30px;}
.pd0410{padding: 4px 10px;}

/* margin */
.ml05 {margin-left:5px;} .ml07 {margin-left:7px;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .ml20 {margin-left:20px;}.ml25 {margin-left:25px;} .ml30 {margin-left:30px;} .ml40 {margin-left:40px;} .ml50 {margin-left:50px;}
.mt0{margin-top: 0;} .mt05 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt30 {margin-top:30px;} .mt40 {margin-top:40px;} .mt50 {margin-top:50px;} .mt60 {margin-top:60px;} .mt70 {margin-top:70px;}
.mr02 {margin-right:2px;} .mr05 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr30 {margin-right:30px;} .mr40 {margin-right:40px;} .mr50 {margin-right:50px;} 
.mb05 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb25 {margin-bottom:25px;} .mb30 {margin-bottom:30px;} .mb40 {margin-bottom:40px;} .mb50 {margin-bottom:50px;}
.mb0 { margin-bottom:0;}.mb70 { margin-bottom:70px;}	
.mauto{margin: auto;}		
.mg0{margin: 0;}

/* opacity */
.op1{opacity: 1 !important;}																																						   .
/* align */

.txtR {text-align:right !important;}
.txtC {text-align:center !important;}
.txtL {text-align:left !important;}
.floatL {float:left !important;}
.floatR{float:right !important;}
.divC_V{align-items:center}

/* flat */
.fl {float:left;}
.fr {float:right;}
.cl {clear:both;}

/* position*/
.pse {position:relative;}
.psa {position:absolute}

/* position*/
.bol { border-left:solid #d7d7d7 1px;}
.bor { border-right:solid #d7d7d7 1px;}
.bot { border-top:solid #d7d7d7 1px;}
.bom { border-bottom:solid #d7d7d7 1px;}

.border2 { border: solid #d7d7d7 2px;}
.border1 { border: solid #d7d7d7 1px;}

.bordernone{border: none !important;}

.w100per { width:100% !important;}
.w85per{width: 85%;}
.w70per{width: 70%;}
.w50per{width: 50%;}
.w200{width: 200px;}
.w100{width: 100px;}

/* color */

.cred { color: #FF0000;}
.cgreen { color: #00FF00;}
.cblue { color:#3492ce !important;}
.cBlack { color: black; }
.cred { color: #f00  !important;}
.cgray { color: #8a8a8a; }
.ce6e0{color: #e6e0e0;}
.cwhite{color: #FFF;}
.c37{color: #373737;}

/* text style */
.bold {font-weight:bold;}
.txtNormal {font-weight: normal;}
.txtGray01 {color:#333 !important;}
.txtGray02 {color:#666 !important;}
.txtRed01 {color:#e72953 !important; font-weight:bold;}
.txtRed02 {color:#dd4569 !important;font-weight:bold;}
.txtRed03 {color:#e72953 !important;}
.txtRed04 { color: #f43038 !important;}
.stxt_gray {font-size:11px !important; font-weight:bold;}
.txtPrice01 {color:#dd4569 !important;font-weight:bold;}



/* font */
.f_spopa { font-family: spopaHanSans, Malgun Gothic; }
.f_dotum { font-family: dotum; }
.f_nanumbrush { font-family: nanumBrush; }
.f_Arial { font-family:Arial, Helvetica, sans-serif }

.f_12 { font-size: 12px;}
.f_13 { font-size: 13px;}
.f_14 { font-size: 14px;}
.f_15 { font-size: 15px;}
.f_16 { font-size: 16px;}
.f_18 { font-size: 18px;}
.f_20 { font-size: 20px;}
.f_30 { font-size: 30px;}

/* line-height */
.lh20 { line-height:20px;}
.lh30 { line-height:30px;}


/*position */
.top-4 {position: relative;top: -4px;}
.top-5 {position: relative; top: -5px;}
.top10{position: relative;top: 10px}

.dib {display: inline-block;}
.div-center-vertical-in-div {display: table; margin: 0 auto;}

.d-flex{display: flex;}
.same-width-in-flex {flex: 1;}

.center_horizontally { position: absolute;left: 0;right: 0;}

.thick-line {border-color: #474747;border-width: 2px;}

/* background */
.br_gray {background:#fcfcfc;}
.bac_darkblue {background-color: #333a4d;}
.bg5e{background-color: #5e5e5e;}
.bgwhite{background: #FFF;}

/* height */
.height60 {height: 60px;}
.h88{height: 88px;}
.h70{height: 70px;}
.h30{height: 30px;}

/* width */
.width30per {width:30%;}
.width145px {width: 145px;}

/* bold */
.fw20{ font-weight:200}
.fw40{ font-weight:400}
.fw60{ font-weight:600}
.fw70{ font-weight:700}

/* btn*/
.onbtn_red,.onbtn_red {color:#ffffff !important; padding:0px 5px 3px 5px; background-color:#f43139;text-align:center; border: none;}

.vm{display: inline-block; height: 100%; vertical-align: middle;}
.lht20 {line-height:20px;}

.modal-open.page-overflow .modal-scrollable{overflow-y: hidden;}
.hidden{display: none;}

/* footer */
footer .article.sns select{border:1px solid #e2dddd;background:rgba(0,0,0,0.3);color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,0.4);height: auto;}

